@CHARSET "UTF-8";
body {
  
  background-image:url(../imagenes/general/fondito.jpg);
}

	.nubes {
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  width: 100%;
	  background: transparent url(../imagenes/general/solecito.png) repeat-x 50% 50%;
	  -webkit-background-size: cover;
	  background-size: cover;
	  -webkit-animation: clouds 100s linear 0s infinite both;
	  -moz-animation: clouds 100s linear 0s infinite both;
	  -o-animation: clouds 100s linear 0s infinite both;
	  animation: clouds 100s linear 0s infinite both;
	}
	
	.olvideContra{
		color: white;
		font-size: 13px;
		font-weight: 700; 
	}
		
	.contenedorFondo{
		background:  url("../imagenes/general/login.png") no-repeat scroll 41% 109% / 46% 76%;
	}
	.contenedorFondo2{
		background:  url("../imagenes/general/login2.png") no-repeat scroll 41% 109% / 46% 76%;
	}
	
	.formulario-Fondo{
		margin-top: 20%;
		font-family: sans-serif;
		font-size: 22px;
		visibility: visible;
	}
	.formulario-Fondo2{
		margin-top: 30%;
		font-family: sans-serif;
		font-size: 22px;
		visibility: visible;
	}
	
	.formulario-Fondo-XS{
		margin-top: 0%;
		font-family: sans-serif;
		font-size: 18px;
		visibility: hidden;
	}
	
	.ocultar1{
		visibility: visible;
	}
	
	.alto{
		height: 0;
		padding: 0;
		margin-top: 0;
	}
	.ocultar2, .formulario-Fondo-XS{
		visibility: hidden;
	}
	
	@media (max-width: 1200px) { 
		.contenedorFondo{
			background:  rgba(0, 0, 0, 0) url("../imagenes/general/login.png") no-repeat scroll 48% 100% / 50% 80%;
		}
	}
	
	@media (max-width: 992px) { 
		.contenedorFondo{
			background:  rgba(0, 0, 0, 0) url("../imagenes/general/login.png") no-repeat scroll 44% 105% / 65% 88%;
		}
	}
		
	@media (max-width: 768px) { 
		.contenedorFondo{
			background:  rgba(0, 0, 0, 0) url("../imagenes/general/login.png") no-repeat scroll 45% 100% / 70% 90%;
		}
		.formulario-Fondo{
			margin-top: 22%;
			font-size: 19px;
		}
	}
	
	@media (max-width: 615px) { 
		.contenedorFondo{
			background:  rgba(0, 0, 0, 0) url("../imagenes/general/login.png") no-repeat scroll  25% 100% / 85% 90%;
		}
		
		.ocultar1, .formulario-Fondo{
			visibility: hidden;
			height: 0;
		}
	
		.ocultar2 {
			visibility: visible;
		}
		
		.formulario-Fondo-XS{
			margin-top: 30%;
			visibility: visible;
		}
		.alto{
			height: auto;
			padding: auto;
			margin-top: auto;
		}
		
		.formxs{
			padding: 10% 15% 2% 11%
		}
		
		.contMarg{
			margin-left: 30%;
		}
	}
	
	@media (max-width: 560px) { 
		.contenedorFondo{
			background:  rgba(0, 0, 0, 0) url("../imagenes/general/login.png") no-repeat scroll 0 102% / 98% 86%;
		}
		
		.formxs{
			padding: 130px 15% 2% 11%;
			top: 35px;
		}
		
		.olvideContra{
			font-size: 12px;
		}
		
	}
	
	@media (max-width: 330px) { 
		.contenedorFondo{
			background:  rgba(0, 0, 0, 0) url("../imagenes/general/login.png") no-repeat scroll 0% 90% / 172% 82%;
		}
		
		.formxs{
			padding: 70% 15% 2% 11%
		}
		
		.olvideContra{
			font-size: 11px;
		}
		
		.contMarg{
			margin-left: 26%;
		}
		.errorMsg{
			font-size: 7px;
		}
	}
	
	@media (max-width: 280px) { 
		.formxs{
			padding: 100% 15% 2% 11%
		}
		
		.olvideContra{
			font-size: 9px;
		}
	}
	
	@media (max-width: 480px) {
	    .img-XS{
	    	top: 11%;
	    }
	}
	
	@media (min-width: 480px) {
	    .img-XS{
	    	top: 15%;
	    }
	}
	@media (min-width: 535px) {
	    .img-XS{
	    	top: 20%;
	    }
	}
	
	@media (min-width: 560px) {
	    .img-XS{
	    	top: 22%;
	    }
	}
	
	@media (min-width: 598px) {
	    .img-XS{
	    	top: 25%;
	    }
	}
	
	@media (min-width: 640px) {
	    .img-XS{
	    	top: 28%;
	    }
	}
	
	@media (min-width: 680px) {
	    .img-XS{
	    	top: 30%;
	    }
	}
	
	@media (min-width: 530px) {
	    p.ej{
	    	font-size: 20px;
	    }
	}
	
	@media (max-width: 530px) {
	    p.ej{
	    	font-size: 13px;
	    	line-height: 10px;
	    }
	    .ej2{
	    	margin-top: -20px;
	    }
	}
	
	@media (max-width: 450px) {
	    p.ej{
	    	font-size: 10px;
	    	line-height: 10px;
	    }
	    .ej2{
	    	margin-top: -20px;
	    }
	}
	
	@media (max-width: 388px) {
	    p.ej{
	    	font-size: 5px;
	    	line-height: 10px;
	    }
	    .ej2{
	    	margin-top: -20px;
	    }
	}
	
/* LABR */
	.footer-Text{
		font-size: 15px;
		top: 35px;
	}
	
	@media (max-width: 530px) {
	   	.footer-Text{
			font-size: 15px;
		}
	}
	@media (min-height: 882px) {
	   	.navbar {
			/*background-color: #1f58a5;*/
			/*height: 140px !important;*/
			background: #0044a8; /* For browsers that do not support gradients */
			  background: -webkit-radial-gradient(circle, #006ed0, #0044a8); /* Safari */
			  background: -o-radial-gradient(circle, #006ed0, #0044a8); /* Opera 11.6 to 12.0 */
			  background: -moz-radial-gradient(circle, #006ed0, #0044a8); /* Firefox 3.6 to 15 */
			  background: radial-gradient(circle, #006ed0, #0044a8); /* Standard syntax */
	
		}/*
		.nav-header-alto{
			height: 140px !important;
		}
		.nav-img{
			height: 140px;
	    }*/
	}
	.navbar {
		/*background-color: #1f58a5;*/
		height: 79px;
		background: #0044a8; /* For browsers that do not support gradients */
		  background: -webkit-radial-gradient(circle, #006ed0, #0044a8); /* Safari */
		  background: -o-radial-gradient(circle, #006ed0, #0044a8); /* Opera 11.6 to 12.0 */
		  background: -moz-radial-gradient(circle, #006ed0, #0044a8); /* Firefox 3.6 to 15 */
		  background: radial-gradient(circle, #006ed0, #0044a8); /* Standard syntax */

	}
	.navbar-nav{
		/*background-color: #1f58a5;*/
		background:transparent;
		float: right;
	}
	.nav-header-alto{
		height: 79px;
	}
	.nav1{
		visibility: hidden;
	}
	.nav2{
		visibility: visible;
	}
	
	.margen{
		margin-top:  0px;
		margin-bottom: 50px;
		overflow: hidden;
	}
	
	.f1, .f2, .f3, .f4, .f5{
		width: 0px;
		top: -58px;
		left: 46%;
		position: relative;
		z-index: 10;
	}

	@media (max-width: 1150px) {
	
		.margen{
			margin-top:  50px;
		}
		
		.flecha{
			width: 75px; 
			height: 95px;
		}
		
		.f1, .f2, .f3, .f4, .f5{
			top: -48px;
		}
	
		.footer-Text{
			font-size: 13px;
			top: 27px;
		}
		.nav1{
			visibility: visible;
		}
		.nav2{
			visibility: hidden;
		}
	    .navbar-header {
	        float: none;
	    }
	    .navbar-toggle {
	        display: block;
	    }
	    .navbar-collapse.collapse {
	        display: none!important;
	    }
	    .navbar-nav>li {
	        float: none;
	    }
	    .navbar-text {
	        float: none;
	        margin: 15px 0;
	    }
	    /* since 3.1.0 */
	    .navbar-collapse.collapse.in { 
	        display: block!important;
	    }
/* 	    LABR */
	    .collapsing {
	        overflow: hidden!important;
	    }
	    .navbar {
			background-color: #1f58a5;
			height: 50px;
		}
		.navbar-nav{
			background-color: #1f58a5;
			float: right;
		}
	    .nav-img{
/* 	    	height: 90px; */
			height: 100% !important;
	    }
	    .nav-header-alto, .navbar-header{
			height: 50px;
		}
	}
	
	@media (max-width: 900px) {
		.footer-Text{
			font-size: 12px;
			top: 23px;
		}
	}
	
	@media (max-width: 820px) {
		.footer-Text{
			font-size: 11px;
			top: 23px;
		}
	}
	
	@media (max-width: 760px) {
		.footer-Text{
			font-size: 9px;
			top: 15px;
		}
	}

	@media (max-width: 770px) {
		.margen{
			margin-top:  35px;
			margin-bottom: 40px;
		}
		
		.flecha{
			width: 60px; 
			height: 80px;
		}
		
		.f1, .f2, .f3, .f4, .f5{
			top: -40px;
		}
	    .navbar-header {
	        float: none;
	    }
	    .navbar-toggle {
	        display: block;
	    }
	    .navbar-collapse.collapse {
	        display: none!important;
	    }
	    .navbar-nav>li {
	        float: none;
	        background: #1f58a5;
	    }
	    .navbar-text {
	        float: none;
	        margin: 15px 0;
	    }
	    /* since 3.1.0 */
	    .navbar-collapse.collapse.in { 
	        display: block!important;
	    }
/* 	    LABR */
	    .collapsing {
	        overflow: hidden!important;
	    }
		.navbar-nav{
			float: right;
		}
	    .nav-img{
			height: 46px;
	    }
	    .nav-header-alto, .navbar-header{
			height: 50px;
		}
		.imgHeader{
			width: 10%; 
			padding: 5px 0; 
			margin-left: 15%;   
		}
	}
	
	@media (max-width: 640px) {
		.footer-Text{
			font-size: 8px;
			top: 12px;
		}
	}
	
	@media (max-width: 570px) {
		.margen{
			margin-top:  15px;
			margin-bottom: 40px;
		}
		
		.flecha{
			width: 55px; 
			height: 65px;
		}
		
		.f1, .f2, .f3, .f4, .f5{
			left: 43%;
			top: -33px;
		}
	    .footer-Text{
			font-size: 7px;
			top: 10px;
		}
		
		.navbar-header {
	        float: none;
	    }
	    .navbar-toggle {
	    	margin-bottom: 5px;
		    margin-top: 4px;
	    	padding: 5px 5px;
	        display: block;
	    }
	    .navbar-collapse.collapse {
	        display: none!important;
	    }
	    .navbar-nav>li {
	        float: none;
/* 	        background: black; */
	    }
	    .navbar-text {
	        float: none;
	        margin: 15px 0;
	    }
	    /* since 3.1.0 */
	    .navbar-collapse.collapse.in { 
	        display: block!important;
	    }
/* 	    LABR */
	    .navbar-collapse.in{
/* 	    	overflow-y: visible; */
	    }
	    .collapsing {
	        overflow: hidden!important;
	    }
	    .navbar {
/* 			background-color: red; */
			height: 35px;
		}
		.navbar-nav{
			float: right;
		}
	    .nav-img{
			height: 25px;
	    }
	    .nav-header-alto, .navbar-header{
			height: 35px;
		}
	}
	
	@media (max-width: 490px) {
		.navbar-toggle {
	    	margin-bottom: 5px;
		    margin-top: 4px;
	    	padding: 5px 5px;
	        display: block;
	    }
		.margen{
			margin-top:  15px;
			margin-bottom: 40px;
		}
		
		.flecha{
			width: 55px; 
			height: 65px;
		}
		
		.f1, .f2, .f3, .f4, .f5{
			left: 43%;
			top: -33px;
		}
		.footer-Text{
			font-size: 6px;
			top: 8px;
		}
	}
		
	@media (max-width: 400px) {
		.margen{
			margin-bottom: 20px;
		}
		
		.flecha{
			width: 27px; 
			height: 37px;
		}
		
		.f1, .f2, .f3, .f4, .f5{
			top: -19px;
			left: 45%;
		}
		.footer-Text{
			font-size: 4.4px;
			top: 0px;
		}
	    .navbar-header {
	        float: none;
	    }
	    .navbar-toggle {
	    	margin-bottom: 0px;
		    margin-top: 4px;
	    	padding: 2px 2px;
/* 	    	background: green; */
	        display: block;
	    }
	    .navbar-collapse.collapse {
	        display: none!important;
	        height:100%;
	    }
	    .navbar-nav>li {
	        float: none;
/* 	        background: red; */
	    }
	    .navbar-text {
	        float: none;
	        margin: 15px 0;
	    }
	    /* since 3.1.0 */
	    .navbar-collapse.collapse.in { 
	        display: block!important;
	    }
/* 	    LABR */
	    .navbar-collapse.in{
/* 	    	overflow-y: visible; */
	    }
	    .collapsing {
	        overflow: hidden!important;
	    }
	    .navbar {
/* 			background-color: black; */
			height: 30px;
		}
		.navbar-nav{
			float: right;
		}
	    .nav-img{
			height: 20px;
	    }
	    .nav-header-alto, .navbar-header{
			height: 30px;
		}
	}
	
	@media (max-width: 490px) {
		.footer-Text{
			font-size: 2.9px;
			top: 0px;
		}
	}
	
	@media (min-width: 1030px) {
	    .nav.nav-center {
		    display: inline-block;
		    left: 0;
		    right: 0;
		    margin:0;
		    float:none;
		}
		
		.navbar-inner{
		    text-align:center;
		}
    }
	
	.nav > li > a > img{
	  display: block;
	  padding: 0px 0px;
	}
/*
	.nav > .active {
		background: url(../imagenes/menu/li.png) repeat 50% 50%;
	}
	
	.nav > li:hover {
		background: url(../imagenes/menu/li.png) repeat 50% 50%;
	}
	*/
/* 	.nav > .active > a > img.img1, .overMnu1{ */
/*  		background: url(../imagenes/menu/home_over.png) no-repeat scroll 50% 50% / cover; */
/* 	} */
	
/* 	.nav > .active > a > img.img2, .overMnu2{ */
/*  		background: url(../imagenes/menu/bimestre_over.png) no-repeat scroll 50% 50% / cover; */
/* 	} */
	
/* 	.nav > .active > a > img.img3, .overMnu3{ */
/*  		background: url(../imagenes/menu/mision_over.png) no-repeat  scroll 50% 50% / cover; */
/* 	} */
	
/* 	.nav > .active > a > img.img4, .overMnu4{ */
/*  		background: url(../imagenes/menu/exp_over.png) no-repeat scroll 50% 50% / cover; */
/* 	} */
	
/* 	.nav > .active > a > img.img5, .overMnu5{ */
/*  		background: url(../imagenes/menu/suenos_over.png) no-repeat scroll 50% 50% / cover; */
/* 	} */
	
/* 	.nav > .active > a > img.img6, .overMnu6{ */
/*  		background: url(../imagenes/menu/galeria_over.png) no-repeat scroll 50% 50% / cover; */
/* 	} */
	
/* 	.nav > .active > a > img.img7, .overMnu7{ */
/*  		background: url(../imagenes/menu/salir_over.png) no-repeat scroll 50% 50% / cover; */
/* 	} */
	.premios{
		float: left;
		width: 250px;
	}
::-webkit-scrollbar {
    width: 0em;
}
::-ie-scrollbar {
    width: 0em;
}