/*fuentes*/
body { font: normal 12px arial, tahoma, helvetica, sans-serif;
	margin:0px;	
	background-attachment: fixed;
	background-repeat: no-repeat;	
}
/*body {color:white !important;}*/

/*celda td*/
td,th { font: normal 12px arial, tahoma, helvetica, sans-serif; }
/*.colortd{ color:white !important;}*/

a:link { text-decoration: none; color: #000033; }
a:visited { text-decoration: none; color: #000033; }

/*logo*/
.logo{width:240px; 
	height: auto; 
	margin-bottom: 30px;
	filter: drop-shadow(0px 0px 1px white);		
}

/*boton menu*/
.bmenu{ cursor:pointer; width:150px; height:30px; display: table-cell; vertical-align: middle; font-weight:bold; 
border-radius:4px 4px 4px 4px;-moz-border-radius:4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px;
-webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -ms-transition: all 1s ease-out; transition: all 1s ease-out;}

/*.bmenu:hover{ background-color:rgba(0,0,0,0.5); border:1px solid rgba(255,255,255,0.5); }*/
	
/*fondo menu*/
.menu{ margin-top:1px; position:absolute; z-index:777;visibility: hidden; border-radius:4px 4px 4px 4px;
overflow:hidden;
-moz-border-radius:4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px;
-webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -ms-transition: all 1s ease-out; transition: all 1s ease-out; }

.menu:hover{ overflow-x:hidden; overflow-y:auto;}

/*menu items*/
.item-a{text-transform:uppercase;text-align:center;height:30px;
padding:0px 5px 0px 5px; 
display:block;line-height:30px;
border-top:1px solid rgba(255,255,250,0.2);
position:relative; 
-webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -ms-transition: all 1s ease-out; transition: all 1s ease-out;}

/*.item-a:hover{background:rgb(97, 210, 201);
color:rgb(0,0,51) !important; }*/

/*item activo*/
.active { height:30px;
padding:0px 5px 0px 5px; 
display:block;
color:rgb(0, 0, 51);
background: rgb(190, 219, 148);
text-transform:uppercase;line-height:30px;border-top:1px solid #1f1f1f;
text-align:center;position:relative;
}

/*barra superior*/
.barra{ position:fixed; 
	top:0; padding:2px; margin:0px;	
	width:99.5%;	
	z-index:100;
	}

/*LOGIN*/
.input-item { 
    padding: 14.5px 0px 15px 9px;
    border-radius: 20px 0px 0px 20px;
}

/* Show/hide password Font Icon */
#eye { 
    margin-left: -20px;
    padding: 15px 9px 15px 0px;
    border-radius: 0px 20px 20px 0px;
    float: right;
    position: relative;
    z-index: 5;
    cursor: pointer;
}

#ojo{
	margin-left: -20px;
	padding: 5px 9px 15px 0px;
	border-radius: 0px 20px 20px 0px;
	float: right;
	position: absolute;
	z-index: 5;
	cursor: pointer;
}

/* inputs form  */
input[class="form-input"]{
    width: 234px;
    height: 45px;
    font-size: 16px;
    font-family: 'Abel', sans-serif;
    outline: none;
    border: none;
    border-radius: 20px;
	padding:0px 5px 0px 5px;
	margin: 0px 5px 0px 5px;
    transition: 0.2s linear;
}

._txt{ position:relative;
	display: inline-flex;
	border-radius: 20px;	
	background-color:#FFF;
	margin:0px 0px 10px 0px;
	}


/* Submits */
.submits { position: relative;
    display: inline-flex;
}

/* buttons  */
.log-in, .frgt-pass, .sign-up {
    display: inline-block;
    color: #252537;    
    height: 50px;
    padding: 0px 20px;    
    border-radius: 5px;
    outline: none;
    border: none;
    cursor: pointer;
    text-align: center;
    transition: all 0.2s linear;
    margin: 7px;
    letter-spacing: 0.05em;
}

/* login */
.log-in {background: #61D2C9 !important; width: 260px}

/* Forgot Password button FAF3DD  */
.frgt-pass {background: #B8F2E6 !important; width: 125px}

/* Sign Up button  */
.sign-up {background: #F0F0F0 !important; width: 125px}

/* buttons hover */
#blogin:hover {
    transform: translatey(3px);
    box-shadow: none;
}

/* buttons hover Animation */
#blogin:hover {
    animation: ani9 0.4s ease-in-out infinite alternate;
}

@keyframes ani9 {
    0% {
        transform: translateY(3px);
    }
    100% {
        transform: translateY(5px);
    }
}