/*------------------------------------------------------------------------------------------*/
/*                                       BASICO                                             */
/*------------------------------------------------------------------------------------------*/

body {
margin:0 auto;
padding:0px;
background-color:#FFF;
}

#centrador{
width:100%;
max-width:600px;
min-width:320px;	
}

#actualizando{
display:none;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url('../img/img_cargando.gif') 50% 50% no-repeat rgb(249,249,249);
opacity: .8;	
}

/*------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------*/

#cabeza{
background-color:#FFF;	
}
#cabeza img{
width:100%;	
}



#cuello{
width:100%;
height:40px;
background-color:#59A4A4;
}

	#cuello img{
	width:40px;
	height:25px;
	margin-top:5px;
	margin-right:4px;
	float:right;
	border-radius:8px;	
	}
	
	.espacio1{
	float:left;
	width:85%;
	height:40px;
	display:flex;
	align-items: center;
	justify-content: center;	
	}
	
		.espacio1 a,.espacio1 a:visited{
		padding:7px 11px;
		margin:0px 5px;
		text-decoration:none;
		color:#FFF;
		font-family: 'Roboto', sans-serif;
		border:solid 2px #FFF;
		border-radius:8px;
		font-size:12px;
		}
		
		.espacio1 a:hover , .espacio1 a:active{
		border-bottom:solid 3px red;	
		}
		
		#sele{
		border-bottom:solid 3px red;
		}





h1{
color:#000;
font-family: 'Caveat', cursive;
font-size:40px;	
}

h5{
width:80%;
color:#000;
padding:5px;
background-color:#FFFFD9;
border-radius:8px;	
}

form{
width:80%;
text-align:left;
}

form label{
font-family: 'Roboto', sans-serif;
display:inline-block;
}

form input,form select {
display:inline-block;
width:100%;
padding:3px;
border: solid 2px #59A4A4;
border-radius:8px;
vertical-align: middle;
}
form input{
font-size:25px;
}

form button,form button:visited,.boto,.boto:visited{
margin-left:auto;
margin-right:auto;	
border-radius:12px;
padding:10px 25px;
background-color:#59A4A4;
color:#FFF;
font-family: 'Roboto', sans-serif;
border: none;
text-decoration:none;
}

form button:hover,form button:active,.boto:hover,.boto:active{
background-color:#4CAF50;	
}


.caja{
width:80%;	
border-radius:16px;
background-color:#59A4A4;
}

.caja p{
font-family: 'Caveat', cursive;
color:#FFF;
padding:15px;
font-size:25px;	
}

/*------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------*/


/* MODO OJO */
#ingreso input[type=checkbox]{
display:none; 
}
#ingreso input[type=checkbox] + label{
cursor: pointer;
}
.verr:before{
display:inline-block;
height: 26px;
width: 26px;
content:"";
background-image:url(../img/ojo_0.png);
vertical-align: middle;
margin-left:5px;
}
#ingreso input[type=checkbox]:checked + .verr:before{
background-image:url(../img/ojo_1.png);
}
.verr2{
font-size:12px;
}	


/*------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------*/