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

/* COLORES 
azul claro: #648aa6
azul oscuro (logo): #002f52
amarillo: #ffb600

NIVELES
header:800
slider:700

*/


* {font-family: 'Roboto', sans-serif;}
html{overflow-x:hidden;}
header{position:fixed !important;top:0;width:100%;z-index:1000}


.header{position:relative;z-index:500;background-color:#002f52;}
.header .contenido{background-color:#002f52;}
.top-bar-menu{background-color:#002f52;margin-bottom:0px;padding-bottom:0px;}



/* MENÚ SUPERIOR INFORMATIVO */
.menu-header{background-color:#002f52;margin-top:0px;margin-bottom:0px;padding-bottom:0px;}
.menu-header .contenido{margin-bottom:0px;padding-bottom:0px;}
.menu-header .contenido p {color:#FFF}
.menu-header .contenido p a{color:#FFF}
.menu-header .contenido p a:hover{opacity:0.7;}



.top-bar-left .menu img{width:250px;margin-top:-30px}

.top-bar .menu li a{font-family: 'Titillium Web', sans-serif;color:#FFF;font-weight:600;font-size:1.1em}
.top-bar .menu li a:hover{color:#ffb600}
.top-bar .menu li.active> a{background:transparent;color:#ffb600}
.top-bar .menu li ul{background-color:#002f52;list-style-type: none;padding: 0; margin: 0; }
.top-bar .menu li.acceso{background-color:#648aa6;border-radius:20px 0px 0px 0px;}
.top-bar .menu li.acceso a img{width:25px}

ul.vertical li a {
display: inline-block;
max-width: 100%;
white-space: nowrap;
overflow: hidden!important;
text-overflow: ellipsis;
}

/* Small screens*/
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium screens*/
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* Large screens*/
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
.top-bar-left .menu img{width:200px;margin-top:-30px}
.top-bar .menu li a{font-size:0.8em;padding-left:0px;}
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens*/
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens*/
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */




h1{font-family: 'Titillium Web', sans-serif;color:#002f52}
h1.title{font-weight:600;color:#648aa6;line-height:1em;}
h1.title span{font-family: 'Satisfy', cursive !important;color:#ffb600;font-size:1em !important}

/* titulo a 3 formatos presentacion */
h1.title{background-color:#ffb600;background-color:#002f52;color:#FFF;display:inline-block;padding:10px 10px 10px 10px;font-weight:bolder;}
p.title1{background-color:#ffb600;color:#FFF;display:inline-block;padding:10px 10px 10px 10px;font-size:2em;font-weight:bolder;margin-bottom:10px;}
p.title2{color:#ffb600;display:inline-block;padding:10px 10px 10px 10px;font-family: 'Satisfy', cursive;margin-top:-10px;font-size:2em;}
home-presentacion{}


h2{font-family: 'Titillium Web', sans-serif;color:#002f52}
h2.title{font-weight:600;font-size:3.5em;color:#648aa6;line-height:1em;}
h2.title span{font-family: 'Satisfy', cursive !important;color:#ffb600;font-size:1em !important}
h3{font-family: 'Roboto Slab', serif;}
h4{font-family: 'Roboto Slab', serif;}
h5{font-family: 'Roboto Slab', serif;color:#ffb600}
h6{font-family: 'Roboto Slab', serif;}
h7{font-family: 'Roboto Slab', serif;}
p{font-family: 'Roboto Slab', serif;}
p strong{font-family: 'Roboto Slab', serif;}
a{font-family: 'Roboto Slab', serif;}
ul li{font-family: 'Roboto Slab', serif;}
ul li strong{font-family: 'Roboto Slab', serif;}
ol li{font-family: 'Roboto Slab', serif;}
ol li strong{font-family: 'Roboto Slab', serif;}
.boton-azul{background-color:#002f52;font-family: 'Titillium Web', sans-serif;letter-spacing:0.1em;font-weight:600;padding-left:60px;padding-right:60px}

.titulo-slider{position:relative;margin-top:-100px;z-index:800;}
.titulo-slider .fondo{background-color:#f3f3f3;height:200px}
.titulo-slider .texto{margin-top:-150px}

.sombra{-webkit-box-shadow: 10px 10px 24px -15px rgba(0,0,0,0.75);-moz-box-shadow: 10px 10px 24px -15px rgba(0,0,0,0.75);box-shadow: 10px 10px 24px -15px rgba(0,0,0,0.75);}
.seccion-contenido{padding-top:50px;padding-bottom:100px;}

/* Small screens*/
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium screens*/
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* Large screens*/
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
h1{font-family: 'Titillium Web', sans-serif;color:#002f52}
h2{font-family: 'Titillium Web', sans-serif;color:#002f52}
h2.title{font-size:2.3em;}
h2.title span{}
h3{font-size:1.5em;}
h4{font-family: 'Roboto Slab', serif;}
h5{font-family: 'Roboto Slab', serif;}
h6{font-family: 'Roboto Slab', serif;}
h7{font-family: 'Roboto Slab', serif;}
p{font-size:1em;}

} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens*/
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens*/
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */



.footer p {font-family: 'Roboto Slab', serif;color:#FFF}
.footer a {font-family: 'Roboto Slab', serif;color:#FFF}


/* LAYERSLIDER */

.home-slider{background-color:#FFF;position:relative;z-index:900;margin-top:-110px}
#slider-wrapper{/*position:relative !important; z-index:100 !important;*/}
.home-slider .layerslider-home{width:1920px !important;height:100vh !important;max-width: 1920px !important;}
.home-slider .layerslider-home p.titulo1{font-family: 'Titillium Web', sans-serif; top:230px;left:170px;font-weight: 500; text-align: left; padding:10px 20px 10px 20px;font-size:2.5em;color:#FFF;background:#002f52;white-space: nowrap;}
.home-slider .layerslider-home p.titulo2{font-family: 'Titillium Web', sans-serif; top:320px;left:170px;font-weight: 600; text-align: left; padding:10px 20px 10px 20px;font-size:3.5em;color:#FFF;background:#ffb600;white-space: nowrap;}

.home-slider-detalle{margin-top:-49px;position:relative;z-index:900}


.seccion-slider{background-color:#CCC;}
#slider-wrapper{position:relative !important; z-index:100 !important;margin-top:110px}
.seccion-slider .layerslider-seccion{width:1920px !important;height:415px !important;max-width: 1920px !important;}
.seccion-slider .layerslider-seccion p{position: absolute; top: 10vh; left: 50%; transform: translate(-50%) !important;color:#223a5e;color:#FFF;padding-left:20px;padding-right:20px;padding-top:30px;padding-bottom:25px;font-size:3em;font-family: 'Titillium Web', sans-serif;line-height:1em;background:rgb(0,47,82,0.4);}


/* TRIÁNGULOS */
.triangulo-bottom-right-blanco{width: 0;height: 0;border-style: solid;border-width: 0 0 50px 50vw;border-color: transparent transparent #FFFFFF transparent;opacity:0.6;margin-left:50%;}
.triangulo-bottom-right-azul{width: 0;height: 0;border-style: solid;border-width: 0 0 50px 50vw;border-color: transparent transparent #648aa6 transparent;opacity:0.6;margin-left:50%;margin-top:-50px}


/* HOME: Presentacion */
.home-presentacion{position:relative;padding-top:60px;padding-bottom:60px;}
.home-presentacion .imagen{display: flex;align-items: flex-end;}

/* HOME: Colegios */
.home-colegios{background-color:#FFF;padding-top:80px;padding-bottom:80px}
.home-colegios .fondo-titulo{background-color:#f3f3f3;height:200px;position:relative;z-index:100;}
.home-colegios .imagen{position:relative;z-index:80}
.home-colegios .imagen img{border-radius:20px 0px 0px 0px;}
.home-colegios .contenido{margin-top:-150px;position:relative;z-index:120}
.home-colegios .fondo-rotado{position:absolute;margin-top:-400px;background-color:#ffb600;height:400px;width:400px;opacity:0.5;transform: rotate(-10deg);z-index:50}
.home-colegios .datos .fondo{position:relative;background-color:#ffb600;padding:30px 30px 30px 30px;height:400px;width:400px;z-index:100;margin-top:100px}
.home-colegios .datos p{font-size:1.3em;}
.home-colegios .datos span{font-size:1.8em;font-weight:600;font-family: 'Titillium Web', sans-serif}
.home-colegios .boton-colegios{margin-top:50px}
.home-colegios .numeros{position: absolute;  top: 50%;  margin: -25% 0 0 0%;padding-left:0px;margin-left:0px;}
.home-colegios .numeros .celda1{border-right:1px solid #333;border-bottom:1px solid #333}
.home-colegios .numeros .celda2{border-bottom:1px solid #333}
.home-colegios .numeros .celda3{border-right:1px solid #333;}
.home-colegios .numeros .celda4{}


/* Small screens*/
@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */
/* Medium screens*/
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
/* Large screens*/
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
.home-colegios .imagen{margin-top:100px}
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
/* XLarge screens*/
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
/* XXLarge screens*/
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */


/* HOME: queremos */
.home-queremos{background-color:#FFF;padding-top:80px;padding-bottom:80px}
.home-queremos .separador{margin-bottom:100px;}
.home-queremos .separador img{width:150px;}
.home-queremos .contenido{position:relative;z-index:100;}
.home-queremos .contenido .titulo{background-color:#002f52;padding-bottom:0px;position:relative;z-index:120;border-radius:10px 0px 0px 0px}
.home-queremos .contenido .titulo h4{color:#FFF;padding:30px 30px 30px 30px}
.home-queremos .contenido .texto{background-color:#648aa6;padding:30px 30px 30px 30px;margin-top:-10px;position:relative;z-index:100;}
.home-queremos .contenido .texto .uno p{font-family: 'Titillium Web', sans-serif;color:#FFF;font-weight:600;font-size:2em;text-align:center}
.home-queremos .contenido .texto .dos p{font-family: 'Titillium Web', sans-serif;color:#FFF;font-weight:600;font-size:1.2em;}
.home-queremos .fondo-rotado{ position:absolute;margin-top:-45%;background-color:#648aa6;height:100%;width:100%;opacity:0.5;transform: rotate(-5deg);z-index:10}


/* NUESTROS COLEGIOS */
.nuestros-colegios{}
.nuestros-colegios .colegio{margin-bottom:30px;border:2px solid #648aa6;}
.nuestros-colegios .colegio img{}
.nuestros-colegios .colegio .texto{padding:30px 30px 30px 30px;}
.nuestros-colegios .colegio .texto h3{font-size:1.5em;}




/* NOTICIAS */
.home-noticias{background-color:#fff;padding-top:80px;padding-bottom:80px;margin-top:-23px}
.home-noticias .contenido{margin-top:-50px}
.noticia-detalle{}
.noticia-detalle .texto{position:relative;border:2px solid #648aa6;padding:30px 30px 30px 30px}
.noticia-detalle .texto h4 span{font-family: 'Titillium Web', sans-serif;font-size:0.7em;color:#648aa6}
.noticia-detalle .boton-noticia{position:absolute;bottom:0px;right:0px;background-color:#648aa6;color:#FFF;padding:10px 10px 10px 10px}
.noticia-detalle .boton-noticia img{width:40px}
.noticia-detalle .boton-noticia:hover{background-color:#ffb600}

/* Small screens*/
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium screens*/
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* Large screens*/
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
	.noticia-detalle .boton-noticia img{width:30px}
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens*/
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens*/
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */


/* HOME BOTONES RÁPIDOS */
.home-botones{background-color:#FFF;margin-top:80px;margin-bottom:80px}
.home-botones .fondo{background:rgb(255,182,0,1);padding:30px 30px 30px 30px;border-radius:20px 0px 0px 0px;}
.home-botones .fondo h3{font-family: 'Titillium Web', sans-serif;font-weight:600;color:##004153}



/* HOME: BOLSA DE EMPLEO */
.bolsa-de-empleo{background-image:url("../imagenes/fondo-bolsa-de-empleo.jpg");}
.bolsa-de-empleo h2{color:#002f52;font-weight:600;}
.bolsa-de-empleo h3{color:#648aa6;margin-top:20px;margin-bottom:30px;margin-top:20px}
.container {background-size: 100%;background-position: 50% 50%;padding-top:100px;padding-bottom:100px}
.content {width: 50%;margin: 0 auto;color: #002f52;font-size: 3em;font-weight: bold;border: 2px solid #fff;text-align: center;background: rgba(255,255,255,0.7);padding:50px 20px 50px 20px}


/* 
--------
NOTICIAS
--------
*/


/* FICHA DE NOTICIAS */
.noticia-seccion{padding-top:90px;padding-bottom:100px;}
.noticia-seccion .fondo-titulo{background-color:#f3f3f3;height:200px;}
.noticia-seccion .contenido{margin-top:-100px}
.noticia-seccion h4 span{font-family: 'Titillium Web', sans-serif;font-size:0.7em;color:#648aa6}
.noticia-seccion blockquote{margin-top:30px;margin-bottom:30px;padding-top:20px;padding-bottom:10px;border-left:5px solid #648aa6;}
.noticia-seccion .redes{margin-top:30px;}
.noticia-seccion .redes h5{font-family: 'Satisfy', cursive;font-weight:600;}
.noticia-seccion .redes .social{width:30px;border-radius:5px;}
.noticia-seccion .dcha{margin-top:180px;}
.noticia-seccion .dch img{position:relative;z-index:100;}
.noticia-seccion .dch .fondo-rotado{position:absolute;margin-top:-330px;background-color:#648aa6;height:330px;width:493px;opacity:0.5;transform: rotate(-10deg);z-index:50;}



/* LEGAL SECCION */
.legal-seccion{padding-top:60px;padding-bottom:60px;}
.legal-seccion p{font-size:0.9em}


/* FORMULARIOS */
form label {font-family: 'Titillium Web', sans-serif;font-size:1em;}
form label span{font-family: 'Titillium Web', sans-serif;color:#ffb600;font-size:1.2em}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea,select{ border-width: 0.5px;font-size: 0.9em;height: 3em;margin: 0 0 0.5rem 0;padding: 0.4rem;border-radius: 2px;border-color:#d2dae7 !important;border-style:solid;box-shadow: inset 0px 0px 0px 0px red;border:none;-webkit-appearance: none;box-shadow: inset 0px 0px 0px 0px red;font-family: 'Roboto Slab', serif;background-color:#f2f2f2;border:1px solid #CCC}
form select option {background-color:#f2f2f2;font-size: 1em; padding: 0.4rem; border-radius: 0;font-family: 'Roboto Slab', serif;border:1px solid #CCC} 
form .button {font-family: 'Titillium Web', sans-serif;border-color: #41546b;color: #FFF; transition: background-color 300ms ease-out;border-radius: 5px;background-color:#41546b !important; fonr-weight:700 }  
form .button:hover, form .button:focus{ background-color: #333 !important;color: #FFF;} 
select:disabled,input:disabled{background-color:#FFF}


/*

form p {font-family: 'Open Sans', sans-serif;font-size: 0.8rem;}
a.button {font-family: 'Poppins', sans-serif;margin: 0 0 0rem !important;padding: 0.6rem 1rem 0.6rem 1rem !important; font-size: 1rem;border-color: #41546b;color: #FFF; transition: background-color 300ms ease-out;border-radius: 5px;background-color:#41546b !important }  
a.button:hover, a.button:focus{ background-color: #333 !important;color: #FFF;} 
form fieldset{background-color:#f7f9f8;margin-top:0px}
form legend{background:transparent;font-family: 'Poppins', sans-serif;font-weight:600}
*/


/* FOOTER */
.footer{background-color:#3a3a3a;border-top:0px solid #fb6600;background-color:#648aa6;}
.footer h3{font-family: 'Titillium Web', sans-serif;color:#FFF;font-size:1em;font-weight:700}
.footer hr{border-color:#FFF;margin-top:0px;}
.footer p{color:#FFF}
.footer a:hover{color:#002f52}
.footer img.redes{width:40px;}
.footer img.redes:hover{opacity:0.7}
.footer .logo1{width:200px;background-color:#FFF;padding:10px 10px 10px 10px;}
.footer .logo2{width:200px;}
.firma{background-color:#002f52}
.firma p{font-size:0.9em}
.firma a:hover{color:#648aa6}


/* SCROLL */
.scrollup{width:152px;height:57px; opacity:1; position:fixed; bottom:0px; right:0px;display:none;text-indent:-9999px; background: url(../imagenes/icon-top.png) no-repeat;z-index:99999999}