@charset "utf-8";
/* CSS Document */

@media only screen and (min-width : 761px) and (max-width : 1023px) {
	ul.box-interna li:first-child{
		display: none;
	}
}

@media only screen and (min-width : 761px) and (max-width : 989px) {
	.banner ul.box-interna li {width:24%;}
	ul.lista-educacion li {margin-right:0px;}
	.detalle-foto {display: none;}
	.detalle-foto1 {display: block;}
}

@media only screen and (max-width: 760px) {
	.novedades { padding: 2% 4%; }
	
	#banner {background:none; height: auto;margin-top: -35px;}
	.banner {display:none !important;}
	ul.boxes {padding:0px;}
	ul.boxes li {width:100%; height:auto; text-align: left;padding: 24px 0px;}
	ul.boxes li img {display: inline-block; vertical-align: top;  margin-left:20px; width:50px; margin-top: -7px;margin-right: 15px;}
	ul.boxes li p {display: inline-block;}
	#fc,#bg-1, #bg-2, #menu_redes_sociales, h3, .bg-gris-claro, #nali {display:none;}
	#banner #bg-1 {background:none;}
	#banner #bg-2 {background:none;}
	#bm{display:block;width:100%;}
	.cpri{margin: auto; position: relative;}
	.tit-interna{display: block; text-align: left; margin-bottom: 12px;}
	.tit-interna img {display: inline-block; width: 70px; vertical-align: top;}
	.tit-interna p {display: inline-block; font-family: 'HelveticaLT-ExtraCompressed';font-size: 3em;font-weight: 100;color: #323232;margin: 0px;text-transform: uppercase; }
	.somos{width: 100%; text-align: justify;     padding: 20px;}
	.box-1 {/*width: 80%;*/height: auto; padding: 20px 1%;} 
	.img-quienessomos{display: none;}
	.img-qs{display: block; width: 100%;}
	.regresar{padding: 10px 40px; display: block;}
	.regresar img {display: inline-block; width: 19px; padding-right: 8px;}
	.regresar p {display: inline-block; font-family: 'HelveticaLT-ExtraCompressed';font-size: 1.9em;font-weight: 100;color: #fff;margin: 0px;text-transform: uppercase; }
	.bg-qs{background-color: #5f858b;}
	.bg-na{background-color: #7c803a;}
	.bg-csa{background-color: #9f3c1f;}
	.bg-noti{background-color: #747373;}
	#na, .mainNav{display:block;}
	.detalle-foto{display: none;}
	.detalle-foto1{	display: block;	}
	ul.lista-icos li{display: inline-block; width: 40%; margin-bottom: 10px;}
	ul.lista-icos li img{width: 100px; margin: auto;}
	ul.lista-icos li span{font-size: 12px;display: block;}
	ul.lista-icos li img{width: 100px; margin: auto;}
	ul.lista-icos li:nth-child(3n),ul.lista-icos li:nth-child(4n){margin-bottom:0px;}

	/*nav---------*/
	.mainNav{background: #fff;color: #000 !important;}
	.mainNav ul{margin: 0;padding: 0;list-style: none;border-bottom: 1px solid #fff;}
	.mainNav ul li {border-bottom: 1px solid #bcbebe;}
	.mainNav ul li:last-child{border-bottom:0px;}	
	.mainNav ul li a {
		display: block;
		font-size: 1.1em;
		line-height: normal;
		padding:3% 0 2% 11%;
		text-decoration:none;
		color:#67777a;
	}
	.mainNav ul li a.txt-link {
		display: inline !important;
    	font-size: inherit !important;
    	line-height: inherit !important;
    	padding: 0px !important;
    	text-decoration: inherit !important;
    	color: inherit !important;
	}		
	.mainNav ul li a:hover {text-decoration: none;}
	.mainNav ul li a:hover.txt-link { text-decoration: none !important; background: none !important;}
	.mainNav ul ul{ border-bottom: none;}
	.mainNav ul ul li {	border-bottom: 1px solid #dcf7fc !important;background: #e6e5e5;color:#fff;	}
	.mainNav ul ul li:last-child { border-bottom: 1px solid #dcf7fc !important;}
	.mainNav ul ul li a { font-size: 13px;}
	.mainNav ul ul li a:hover {background: #333;}
	.mainNav ul li ul li img { padding-bottom:25px;}
	.mainNav ul li ul li p { padding: 0px 25px 30px; text-align: justify;}
	.mainNav br{display: block;}
	#csa{display: block; width: 90%; padding: 40px 5%;}
	
	table.tb-aliados{ width: 100%; border-collapse: collapse; }
	table.tb-aliados, tbody, tr { display: block;}
	table.tb-aliados{ position: relative; margin-top: 10px;}
	table.tb-aliados th,table.tb-aliados td {
		display: flex;
		display: -webkit-box;     
		display: -moz-box;        
		display: -ms-flexbox;
		display: -webkit-flex; 
	}	
	.tb-aliados input.large,
	.tb-aliados select,
	.tb-aliados input.small,
	.tb-aliados div,
	.tb-aliados input.medium{width: 100%;}
	#txtarea{display: block;}
	.tb-aliados textarea{width: 89%; padding: 18px 5%; }
	.tb-aliados input.small{border-right: 2px solid #323232 !important; border-bottom: 1px solid #323232 !important;}
	.tb-aliados input.medium{border-right: 2px solid #323232 !important;border-left: 2px solid #323232 !important;border-top: 1px solid #323232 !important;}
	.captcha{display: block;}
	.btn-enviar {width: 100%; margin-top: 20px;}
	.tb-aliados select{border-left: 2px solid #323232;}
	form {margin-top: 15px;}
	h4{ text-align: left; margin-top: 15px; font-size: 24px;}
	ul.lista-educacion li{display: inline-flex; margin:0 0 25px 0;}
	ul.lista-educacion li:last-child{margin:0px !important;}
	ul.lista-educacion li img{width: 30%; height: 30%;}
	ul.lista-educacion li p{width: 100%;padding: 0px !important; text-align: justify;}
	.boletin {width: 100%;}
	#descubre   {display: block;font-size: 32px;line-height: 34px; text-align: left;}
	#descubre {display: none !important; }
	#noti {display: block;}
	#des-noticia  {margin: 6px 0 17px;}
	ul.noticias li{margin-left: 0px !important; }
	ul.noticias li:last-child{width: 100%;}
	ul.listado-boletin li, 
	ul.listado-boletin li img, 
	ul.listado-boletin li a  {display: inline-block;}
	ul.listado-boletin li img {width: 146px; vertical-align: middle;}
	a.boton-gris {padding: 7px 10px;}
	#banner {display:none;}
	ul.boxes{margin-top: -4px;}
	footer, header{display: none;}
	.header {display: block; background-color: #fff;}
	.logo-principal {width: 60%; padding: 5% 0px;}
	.listado-boletin {padding-top: 15px;}
	select {height: 56px;}
	.c33x {width: auto; display: inherit; }
	.box .titulo {position: relative; height: 100%; width: auto; bottom: 0px; right: 0px; }
    .icomas {top: 0px; right: 0px;}
	.bx-wrapper .bx-viewport ul li{	width: auto;}	
	a.boton-gris {width: auto; padding: 7px 4px; font-size: 10px;}
}



