/*------------------------------------------------------------------------------------------*/
/*                                       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;	
}

form{
width:80%;
}

form label{
float:left;	
font-family: 'Roboto', sans-serif;
}

input[type="email"],input[type="password"]{
width:100%;
padding:3px;
border: solid 5px #59A4A4;
border-radius:36px;
}

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;	
}


.contenche{
display:flex;
align-items: center;
justify-content: center;
list-style-type: none;
flex-direction: row;
flex-wrap: wrap;
}

	.mycheck2{
	  display: inline-flex;
	  align-items: center;
	  cursor: pointer;
	  background-color: #fff;
	  color: #fff;
	  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
	  width: 24px;
	  height: 24px;
	  appearance: none;
	  border: solid 2px #59A4A4;
	  border-radius:100px;
	  background-position: 0 -2rem;
	  background-size: 100%;
	  background-repeat: no-repeat;
	  transition: all 0.3s ease-in-out;
	}
	.mycheck2:checked {
	  background-color: rgb(89,164,164);
	  color: rgb(75, 156, 13);
	  background-position: 0 0;
	}