@charset "utf-8";
/* CSS Document */

#menu{
	width:80%;
	height:96px;
	background:#FFF;
	color:#172C44;
	font-size:16px;
	/*border: 1px solid #000;*/
	float:right; 
}


#g-escolar{
	width:33%;
	height:auto;
	text-align:rigth;
	font-size:24px;
	/*background:#CBE6FA;
	border: 1px solid #000;*/
	 
}
#g-escolar img{
	width:35%;
	height:auto;
 }

#btn-menu{
	display:none;
}

label{
	display:none;
	width:30px;
	height:30px;
	padding:10px;
	border-right:1px solid #06C;
	}
label:hover{
	cursor:pointer;
	background:#172C44;
	}
.menu-op ul{
	margin:0;
	list-style:none;
	padding:0;
	display:flex;
	justify-content: flex-end;
	
}

.menu-op li:hover{
	background:#172C44;
	
	}
.menu-op li a:hover{
color:#FFF;
	}
/*.menu-op li{
	border-right: 1px solid #172C44;
 }
*/
.menu-op li a{
	display:block;
	padding: 30px 20px;
	color:#172C44;
	text-decoration:none;
}


/* fin de zona común a todas las resoluciones */


@media screen and (max-width:768px) {
	#menu{
	width:60%;
	height:50px;
	background:#FFF;
	float:right;
	margin-top: 20px; 
	
	
}
	
	
   label{
	   display:block;
	  }
  .menu-op{
	  position:absolute;
	  background:#FFF;
	  width:50%;
	  margin-left:-100%;
	  transition: all 1s;
	  
	}
	.menu-op ul{
	 flex-direction:column;
	  
	}
	.menu-op li{
	border-top: 1px solid #172C44;
     }
/**/
   #btn-menu:checked ~ .menu-op{
	   margin:0;
	   }
	   
	   
	 #form-login{
	
	height:90px;
	
	/*border: 1px solid #000;*/
	
 
}
	   
	   
}

/* fin de la zona para más de 800px de ancho de pantalla */
@media screen and (max-width:1200px) {
	
}

/*-----fin menu responsive-----*/