#nav{width:70%; float:right; height:50px; text-decoration:none; font-size:16px; margin:0px; box-sizing:border-box; padding-left:5px; padding-right:5px; z-index:9999 !important; text-align: right; margin-top: 25px;}

#nav a{text-decoration:none; color:#8a8888; margin:0px; box-sizing: border-box;}

.Menu_responsive{display:none !important;}

/*=======menu responsive=======*/
#nav > a{display:none;}

/*=======menu=======*/
#nav ul{margin:0; padding:0;}
#nav li{text-align:center; box-sizing:border-box; display:inline-block; width:16.6%; float:left; height:50px;}
#nav li a{display:block; height:100%; padding-top:13px; box-sizing:border-box; text-transform: uppercase;}
#nav li a:hover{background-color:#1c345c; color: #ffffff;}
#nav > ul > li:hover > a{background-color: #1c345c; color:#ffffff;
/* Default */
    transition-property: all;
    transition-duration: 1s;
    transition-timing-function: ease;
    transition-delay: 0s;}

/*=======submenu=======*/
#nav ul ul {display:none; z-index:9000;}
#nav ul li:hover > ul{display:block;}
#nav li ul{width:350px; background:rgba(0, 0, 0, 0.7); position:absolute;}
#nav li ul li{display:block; width:100%; margin:0px; text-align:left; height:40px; border-bottom:1px solid #ffffff; border-right:0px;}
#nav li ul li a{padding-left:20px; padding-top:7px; font-size:14px; color:#FFFFFF;}



@media only screen and ( max-width: 1100px ){

.Menu_responsive{display:block !important; }
#nav{width:100%;}

/*Triangulo*/
#nav span:after{
				width: 0;
				height: 0;
				border: 0.313em solid transparent;
				border-bottom: none;
				border-top-color: #ffffff;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em;
				float:right;
				margin-right:20px;
				margin-top:10px;
			}

#nav > a{ width: 50px; height:50px; font-size:40px; font-weight:100; float: right; margin-top:0px; margin-right: 15px; }
#nav:not( :target ) > a:first-of-type,
#nav:target > a:last-of-type{display: block;}

#nav > ul{display: none; z-index:9999; top: 10px;}
#nav:target > ul{display: block; }


/*=======menu=======*/
#nav  ul{ display:none; position:relative; width:100%;   }
#nav li{border-right:0px; border-bottom:1px solid #ffffff; text-align:left; width:100%; height:auto; margin-top:0px; text-transform:uppercase;}
#nav li a{padding-left:20px; background-color:#b2bfc5; padding-top:12px; padding-bottom:12px; color: #1c345c;}

/*=======submenu=======*/

#nav li ul{width:100%; position:static; }
#nav li ul li{display:block; width:100%; margin:0px; text-align:left; height:40px; border-bottom:1px solid #ffffff; border-right:0px;}
#nav li ul li a{padding-left:20px; padding-top:10px; font-size:14px; background-color: #ffffff; text-transform:none; }
		
}
		
.Pagar_colegiatura{background-color: #ff7300!important; color: #ffffff !important; font-weight: bold;}		


@media only screen and ( max-width: 1490px ){
.Pagar_colegiatura b{margin-top: -8px; float: left;}	
}

@media only screen and ( max-width: 1100px ){
.Pagar_colegiatura b{margin-top: 0px; float: none;}	
}

@media only screen and ( max-width: 600px ){
#nav > a{ margin-top:-10px;}
}