body {
 font-family: helvetica, arial, sans-serif;
 background: #e3e3e3;
 text-align: center;
}

/* MENU */

#nav {
 background: #e5e5e5;
 float: left;
 margin: 0; padding: 0;
 border: 1px solid white;
 border-bottom: none;
}

#nav li a, #nav li {
 float: left;
}

#nav li {
 list-style: none;
 position: relative;
}

#nav li a {
 padding: 1em 2em;
 text-decoration: none;
 color: white;
 background: #292929;
 background: -moz-linear-gradient(top, black, #3c3c3c 1px, #292929 25px);
 background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #3c3c3c), to(#292929));
 border-right: 1px solid #3c3c3c;
 border-left: 1px solid #292929;
 border-bottom: 1px solid #232323;
 border-top: 1px solid #545454;
}

#nav li a:hover {
 background: #2a0d65;
 background: -moz-linear-gradient(top, #11032e, #2a0d65);
 background: -webkit-gradient(linear, left top, left bottom, from(#11032e), to(#2a0d65));
}


/* Submenu */

.hasChildren {
	position: absolute;
	width: 5px; height: 5px;
	background: black;
	right : 0;
	bottom: 0;
}



#nav li ul {
 display: none;
 position: absolute;
 left: 0;
 top: 100%;
 padding: 0; margin: 0;
}

#nav li:hover > ul {
 display: block;
}

#nav li ul li, #nav li ul li a {
 float: none;
}

#nav li ul li {
 _display: inline; /* for IE6 */
}

#nav li ul li a {
 width: 150px;
 display: block;
}

/* SUBSUB Menu */

#nav li ul li ul {
 display: none;
}

#nav li ul li:hover ul {
 left: 100%;
 top: 0;
}
#btnWelcome {
    float: right;
    margin: 10px;
}
.login-box {
    float: none;
    margin: -21px auto 40px;
}
.log-dv h4 {
    font-family: robotolight;
}
.login-box > div {
    float: none;
    margin: 0 auto;
    text-align: center;
}
.login-box input{
    border: 1px solid #ccc;
    color: #333;
    margin-top: 25px;
    padding: 12px 13px;
    width: 100%;
    font-family: robotolight;
    font-size: 15px;
    text-transform: uppercase;
	font-weight:300;
}


.log-dv {
    position: relative;
    top: 0;
    right: 0;
    text-align: center;
    left: 0;
    padding: 16px;
}
.log-dv img {
    display: inline-block;
}
.frm-des {
    background: #f2f2f2 none repeat scroll 0 0;
    border-top: 5px solid #3E4095;
    line-height: 22px;
    margin: 91px auto 10px;
    max-width: 390px;
    padding: 15px;
    position: relative;
    width: 100%;
	box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.login-box input[type="submit"] {
    background: #3e4095 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    font-family: robotolight;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-top: 25px;
    padding: 12px;
    transition: background 0.2s ease 0s;
    width: 100%;
}


input#ContentPlaceHolder1_btnLogin:hover {
    background: #3e4095;
}

.small-msg {
    color: #333;
    display: inline-block;
    font-family: verdana;
    font-size: 13px;
    font-weight: normal;
    margin: 10px 0;
    padding: 0;
}
.error span {
    color: #fff;
    font-size: 11px;
    font-weight: normal;
}
.out-bg {
    background-image: url("../images/Background.jpeg");
    background-repeat: no-repeat;
    background-size: cover;
}
.cyb-logo img {
    margin: 15px auto;
    max-width: 150px;
}
.cyb-logo {
    text-align: center;
    width: 100%;
}
.logo-cen {
    text-align: center;
}

/*#nav li ul 

.fisrt-box {
    float: left;
    width: 50%;
    margin: 0px;
    padding: 0;
}
@media (max-width: 767px)
{
    .fisrt-box
    {
        float: none;
        width: 100%;
        margin: 0px auto;
        padding: 0;
    }
}*/