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

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 100;
    src: local('Open Sans'),
         url(opensans.eot) format('embedded-opentype'),
         url(opensans.ttf) format('truetype'),
         url(opensans.otf) format('opentype'),
         url(opensans.woff) format('woff');
	
}

@font-face {
  font-family: 'Open Sans Light';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* playfair-display-regular - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/playfair-display-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'),
       url('../fonts/playfair-display-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/playfair-display-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/playfair-display-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/playfair-display-v15-latin-regular.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}


.azul{
	background-color: #003057;
	height: 30px;
	margin-bottom: 0.5%;
	}

.negra{
	color: #007fa3;
	font-family: 'Open Sans';
	font-weight: bold;
	}


.academia{
	color: #007fa3;
	font-family: 'Open Sans';
	font-weight: bold;
	font-size: 1.2em;
	}

.celeste{
	background-color: #007fa3;
	height: 5px;
	margin-top: 0.5%;
	}

.desplegable{
	background-color: #003057;
	height: auto;
	font-family: 'Open Sans';

	color: #fff;
	padding: 1%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-color: #003057;
	margin: 1% 1% 3% 1%;
	text-align: center;
	width: 100%;
	align-content: center;
	}

.desplegable2{
	width: 100%;
	text-align: center;
	align-content: center;
	background-color: #003057;
	color: #fff;
	font-size: 1.2em;
	}


.dropdown-menu{
	align-content: center;
	}

.logo{
	max-width: 170px;
	padding-top: 5%;
	padding-bottom: 3%;
	}


.barra{
	margin-bottom: 0px;
	border-radius: 0;
	background-color: #fff;
	border: none;
	}

.barra ul li{
	margin-bottom: 0px;
	border-radius: 0;
	background-color: #fff;
	font-family: 'Open Sans';
	font-size: 1.3em;
	border: none;
	padding-top: 2%;
1}


a:hover{
	color: #003057;	
	}

.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),to(rgba(0,0,0,0)));background-image:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}

.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),to(rgba(0,0,0,0)));background-image:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}




.circulo{
	margin-top: 100px;
	background-color: #007fa3;
	}



.rs{
	background-color: #003057;
	height: 60px;
	text-align: right;
	padding-right: 100px;
	}

.icono{
	max-width: 35px;
	margin-top: 1%;
	margin-bottom: 1%;
	margin-right: 1%;
	text-align: right;
	}


footer{
	background-color: #005a70;
	padding-bottom: 1.5%; 
	padding-top: 1.5%;
	font-family: 'Open Sans';
	font-size: 0.9em;
	}



.pFooter{
	font-family: 'Open Sans';
	font-size: 0.9em;
	color: #fff;
	text-decoration: none;
	color: #fff;	
	}

.pFooterTitulo{
	font-family: 'Open Sans';
	font-size: 1.1em;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding-bottom: 1.4%;
	padding-top: 4%;	
	}

.pFooter a{
	font-family: 'Open Sans';
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	color: #fff;	
	}

.pFooter a:hover{
	font-family: 'Open Sans';
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	color: #d2db0e;	
	}

.caja{
	font-family: 'Open Sans';
	font-size: 1.2em;
	color: #fff;
	text-decoration: none;
	color: #505759;	
	margin: 0%;
	padding: 5%;
	background-color: #fff;
	text-align: center;
	height: 220px;
	}

.cajaAuto{
	font-family: 'Open Sans';
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	color: #505759;	
	margin-bottom: 5%;
	padding: 5%;
	background-color: #fff;
	text-align: left;
	height: auto;
	}

.cajaSM{
	font-family: 'Open Sans';
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	color: #505759;	
	margin-bottom: 5%;
	padding: 5%;
	background-color: #fff;
	text-align: left;
	height: 860px;
	}

.cajaSM2{
	font-family: 'Open Sans';
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	color: #505759;	
	margin-bottom: 5%;
	padding: 5%;
	background-color: #fff;
	text-align: left;
	height: 700px;
	}


.cajaSM3{
	font-family: 'Open Sans';
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	color: #505759;	
	margin-bottom: 5%;
	padding: 5%;
	background-color: #fff;
	text-align: left;
	height: 560px;
	}

.cajaEstudiantes{
	font-family: 'Open Sans';
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	color: #505759;	
	margin: 0%;
	padding: 5%;
	background-color: #fff;
	text-align: left;
	height: 640px;
	}

.cajaEstudiantes2{
	font-family: 'Open Sans';
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	color: #505759;	
	margin: 0%;
	padding: 5%;
	background-color: #fff;
	text-align: left;
	height: 700px;
	}

.cajaEstudiantes3{
	font-family: 'Open Sans';
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	color: #505759;	
	margin: 0%;
	padding: 5%;
	background-color: #fff;
	text-align: left;
	height: 660px;
	}



.cajaEmpresas{
	font-family: 'Open Sans';
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	color: #505759;	
	margin: 0%;
	padding: 5%;
	background-color: #fff;
	text-align: left;
	height: 660px;
	}

.cajaEmpresas2{
	font-family: 'Open Sans';
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	color: #505759;	
	margin: 0%;
	padding: 5%;
	background-color: #fff;
	text-align: left;
	height: 800px;
	}

.cajaEmpresas3{
	font-family: 'Open Sans';
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	color: #505759;	
	margin: 0%;
	padding: 5%;
	background-color: #fff;
	text-align: left;
	height: 760px;
	}

.cajaEmpresas4{
	font-family: 'Open Sans';
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	color: #505759;	
	margin: 0%;
	padding: 5%;
	background-color: #fff;
	text-align: left;
	height: 760px;
	}

.cajaDocentes{
	font-family: 'Open Sans';
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	color: #505759;	
	margin: 0%;
	padding: 5%;
	background-color: #fff;
	text-align: left;
	height: 760px;
	}

.cajaDocentes2{
	font-family: 'Open Sans';
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	color: #505759;	
	margin: 0%;
	padding: 5%;
	background-color: #fff;
	text-align: left;
	height: 700px;
	}

.cajaDocentes3{
	font-family: 'Open Sans';
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	color: #505759;	
	margin: 0%;
	padding: 5%;
	background-color: #fff;
	text-align: left;
	height: 740px;
	}

.cajaDocentes4{
	font-family: 'Open Sans';
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	color: #505759;	
	margin: 0%;
	padding: 5%;
	background-color: #fff;
	text-align: left;
	height: 600px;
	}

.cajaDocentes5{
	font-family: 'Open Sans';
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	color: #505759;	
	margin: 0%;
	padding: 5%;
	background-color: #fff;
	text-align: left;
	height: 560px;
	}

.caja2{
	font-family: 'Open Sans';
	font-size: 1.2em;
	color: #fff;
	text-decoration: none;
	color: #505759;	
	background-color: #fff;
	text-align: center;
	}

.blanco{
	margin: 0%;
	padding: 0%;
	}

.blanco2{
	margin: 0%;
	padding: 0%;
	background-color: #fff;
	}

.row{
	background-color: #F1F1F1;
	padding: 3% 0 3% 0;
	}

.gris2{
	background-color: #F1F1F1;
	padding: 3% 0 3% 0;
	}

.contacto{
	background-color: #fff;
	padding: 0% 0 0% 0;
	}





.row-footer{
	background-color: #005a70;
	padding-bottom: 1.5%; 
	padding-top: 1.5%;
	}



h4{
  	font-family: 'Playfair Display';
	font-size: 1.5em;
	font-weight: normal;
	color: #003057;
	}

h3{
	font-family: 'Open Sans Light';
	font-size: 2.6em;
	font-weight: lighter;
	color: #fff;
	padding-left: 3%;
	line-height: 1.3em;
	}

h2{
  	font-family: 'Playfair Display';
	font-size: 2.2em;
	font-weight: lighter;
	color: #007fa3;
	text-align: left;
	}

.descripcion2{
	font-family: 'Open Sans';
	font-size: 1em;
	text-decoration: none;
	color: #505759;
	font-weight: normal;
	text-align: left;
	}

.descripcionEstudiantes{
	font-family: 'Open Sans';
	font-size: 1em;
	text-decoration: none;
	color: #505759;
	font-weight: normal;
	text-align: left;
	padding-top: 2%;
	}

.survey{
	font-family: 'Open Sans';
	font-size: 1.4em;
	font-weight: light;
	color: #fff;
	padding: 3%;
	}

.linea{
	background-color: #9E007e;
	height: 5px;
	}

.linea2{
	background-color: #007fa3;
	height: 5px;
	}

.linea3{
	background-color: #005a70;
	height: 5px;
	}

.linea4{
	background-color: #84BD00;
	height: 5px;
	}

.linea5{
	background-color: #ea7600;
	height: 5px;
	}

.linea6{
	background-color: #505759;
	height: 5px;
	}

.linea7{
	background-color: #008638;
	height: 5px;
	}

.linea8{
	background-color: #ffb81c;
	height: 5px;
	}

.linea9{
	background-color: #d2db0e;
	height: 5px;
	}

.linea10{
	background-color: #db0020;
	height: 5px;
	}

.linea11{
	background-color: #12b2a6;
	height: 5px;
	}

.linea12{
	background-color: #ea067e;
	height: 5px;
	}

.linea13{
	background-color: #d4eae4;
	height: 5px;
	}

.linea13{
	background-color: #003057;
	height: 5px;
	}

.boton{
	background-color: #003057;
	font-family: 'Open Sans';
	font-size: 1em;
	color: #fff;
	padding: 1%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 60%;
	margin: 5% auto 0 auto;
	text-align: center;
	}


.boton_covid{
	background-color: #007fa3;
	font-family: 'Open Sans';
	font-size: 1em;
	color: #fff;
	padding: 1%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 30%;
	margin: 5% auto 0 auto;
	text-align: center;
	}

.boton_covid a{
	color: #fff;
	text-decoration: none;
	}

.botonCV{
	background-color: #003057;
	font-family: 'Open Sans';
	font-size: 1em;
	color: #fff;
	padding: 1%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 60%;
	text-align: center;
	}

.botonCV a{
	color: #fff;
	text-decoration: none;
	}

.botonCV2{
	background-color: #003057;
	font-family: 'Open Sans';
	font-size: 1em;
	color: #fff;
	padding: 1%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 80%;
	text-align: center;
	}

.botonCV2 a{
	color: #fff;
	text-decoration: none;
	}


.botonCentros{
	background-color: #003057;
	font-family: 'Open Sans';
	font-size: 1em;
	color: #fff;
	padding: 1%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 60%;
	margin: 5% auto 0 auto;
	text-align: center;
	}


.boton a{
	color: #fff;
	text-decoration: none;
	}

.botonCentros a{
	color: #fff;
	text-decoration: none;
	}


.boton-encuesta{
	background-color: #007fa3;
	font-family: 'Open Sans';
	font-size: 1.2em;
	color: #fff;
	padding: 1%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 60%;
	margin: 2% 0 3% 3%;
	text-align: center;
	}


.row-blanco{
	background-color: #fff;
	padding: 3% 0 3% 0;
	}

.fondo-azul{
	background-color: #003057;
	padding: 3% 0 3% 0;
	}

.pais{
	color: #fff;
	padding: 0.5%;
	font-size: 0.8em;
	}

.pais a{
	color: #fff;
	text-decoration: none;
	}


h5{
	padding-bottom: 2%;
	font-family: 'Open Sans Light';
	font-size: 2.6em;
	font-weight: lighter;
	text-align: center;
	color: #505759;
	}


a{
	color: #9e007e;
	text-decoration: none;
	}


.sostenibilidad{
	font-family: 'Open Sans';
	font-size: 1.2em;
	text-decoration: none;
	color: #505759;
	font-weight: normal;
	text-align: left;
	padding: 10% 0 2% 0;
	}

.sostenibilidad a{
	text-decoration: none;
	color: #9e007e;

	}


.video{
	width: 100%;
	height: 100%;
}



.subtitulo{
	font-size: 1.2em;
	color: #007fa3;
	}



@media (max-width: 1024px) {
	
.logo{
	max-width: 160px;
	padding-top: 5%;
	padding-bottom: 3%;
	}
	


@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {


.logo{
	max-width: 160px;
	padding-top: 10%;
	padding-bottom: 10%;
	}
	  
.caja{
	height: 300px;
	}	  
	

	  

.row-footer{
	background-color: #005a70;
	padding-bottom: 1.5%; 
	height: auto;
	}	  
	  	  		
	  
	  
}

	

/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {


.logo{
	max-width: 160px;
	padding-top: 10%;
	padding-bottom: 10%;
	}
	  
.caja{
	height: 300px;
	}
	  

		
.row-footer{
	background-color: #005a70;
	padding-bottom: 1.5%; 
	height: auto;
	}	  
	    


}






/* Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {


.logo{
	max-width: 160px;
	padding-top: 10%;
	padding-bottom: 10%;
	}



.caja{
	height: 300px;
	}



		
.row-footer{
	background-color: #005a70;
	padding-bottom: 1.5%; 
	height: auto;
	}	  
	    
  		
	  	
	}


@media (max-width: 768px) {
	
.logo{
	max-width: 160px;
	padding-top: 5%;
	padding-bottom: 3%;
	}
	
.caja{
	height: auto;
	}	
	
.boton-encuesta{
	font-size: 1em;
	padding: 1.5%;
	width: 90%;
	margin: 2% 5% 3% 3%;
	}
	
.pFooterTitulo{
	padding-top: 3%;
	}	
	
footer{
	padding-bottom: 4%; 
	padding-top: 1.5%;
	height: auto;
	}
	
.rs{
	height: 80px;
	text-align: left;
	padding: 2% 0 0 5%;
	}

.icono{
	max-width: 40px;
	margin-top: 1%;
	margin-bottom: 1%;
	text-align: left;
	}
	
.row{
	background-color: #F1F1F1;
	padding: 0;
	margin: 2%;
	}
	
h3{
	padding-top: 2%;
	font-size: 2em;	
	}

.boton{
	width: 100%;
	margin: 5% auto 5% auto;

	}

.botonCentros{
	width: 100%;
	margin: 5% auto 5% auto;
	}
		
	
h5{
	font-size: 2em;
	}	
	

.row-footer{
	background-color: #005a70;
	padding-bottom: 1.5%; 
	height: auto;
	}
	
.cajaEstudiantes{
	height: 820px;
	}

.cajaEstudiantes2{
	height: 840px;
	}

.cajaEstudiantes3{
	height: 800px;
	}



.cajaEmpresas{
	height: 700px;
	}

.cajaEmpresas2{
	height: 880px;
	}

.cajaEmpresas3{
	height: 900px;
	}

.cajaEmpresas4{
	height: 850px;
	}

.cajaDocentes{
	height: 1000px;
	}

.cajaDocentes2{
	height: 900px;
	}

.cajaDocentes3{
	height: 1000px;
	}

.cajaDocentes4{
	height: 640px;
	}

.cajaDocentes5{
	height: 640px;
	}	
	  		

	}

@media (max-width: 360px) {
	
.logo{
	max-width: 160px;
	padding-top: 8%;
	padding-bottom: 3%;
	}
	
	
.boton-encuesta{
	font-size: 1em;
	padding: 1.5%;
	width: 90%;
	margin: 2% 5% 3% 3%;
	}
	
.pFooterTitulo{
	padding-top: 3%;
	margin-top: 3%;
	
	}


	
	
footer{
	padding-bottom: 4%; 
	padding-top: 1.5%;
	}
	
.rs{
	height: 70px;
	text-align: left;
	padding: 5% 0 0 12%;
	margin-top: 5%;
	}

.icono{
	max-width: 30px;
	margin-top: 2%;
	margin-bottom: 1%;
	text-align: left;
	}
	
.row{
	background-color: #F1F1F1;
	padding: 0;
	margin: 0;
	}
	
h3{
	padding-top: 5%;
	font-size: 1.4em;
	}
	
.survey{
	font-size: 1em;
	}
	
.descripcion2{
	font-size: 0.9em;
	}
	
.subtitulo{
	font-size: 0.9em;
	color: #007fa3;
	}	
	
h2{
	font-size: 1.8em;
	}	
	
.caja{
	height: auto;
	}	
	
.cajaDocentes{
	height: auto;
	}
	
.cajaDocentes2{
	height: auto;
	}
	
.cajaDocentes3{
	height: auto;
	}
	
.cajaDocentes4{
	height: auto;
	}	
	
	
.cajaEstudiantes{
	height: auto;
	}	
	
.cajaEstudiantes2{
	height: auto;
	}		
	
.cajaEstudiantes3{
	height: auto;
	}		
	
.cajaEmpresas{
	height: auto;
	}	
	
.cajaEmpresas2{
	height: auto;
	}	
	
	
.cajaEmpresas3{
	height: auto;
	}	
	
.cajaEmpresas4{
	height: auto;
	}		
		
	
h5{
	font-size: 1.5em;
	}
	
.desplegable2{
	width: 100%;
	text-align: center;
	align-content: center;
	background-color: #003057;
	color: #fff;
	font-size: 0.8em;
	}

	
	
	
	
	}