/* Reset CSS */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
:focus {outline: 0;}
body {line-height:1;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

img {border:none; max-width:100%; }
a {text-decoration:none;}

* {box-sizing: border-box;}

p {margin:0 0 15px 0; text-align:left;}

ul {padding:0 0 10px 20px;}
ul li {line-height:1.1; margin:0 0 8px 0;}

ol {padding:0 0 10px 20px;}
ol li {line-height:1.1; margin:0 0 8px 0;}

strong {font-weight:bold;}

.container {max-width:960px; width:96%; margin:0 auto; position:relative;}

.flex {display:flex; flex-wrap:wrap;}

.section_title_blue  {font-size:34px; font-family:Bangers, Verdana; color:#fff; letter-spacing:1px; text-align:left; margin:20px 0 0 0; line-height:1.1; text-shadow:-2px 2px black; background:url(../img/titulo_bg_blue.png) no-repeat; background-size:100% 100%; padding:16px 1% 8px 1%;}
.section_title_green {font-size:34px; font-family:Bangers, Verdana; color:#fff; letter-spacing:1px; text-align:left; margin:20px 0 0 0; line-height:1.1; text-shadow:-2px 2px black; background:url(../img/titulo_bg_green.png) no-repeat; background-size:100% 100%;padding:16px 1% 8px 1%;}

/****************** HEADER ********************/
/*********************************************/
.redes {position:absolute; top:62px; right:7px; z-index:9999; width:auto;}
.redes a {margin-left:5px;}
.redes a:hover {filter:brightness(1.1);}

.cabecera {width:100%; position:relative; clear:both;}
.cabecera .logo {float:none; margin-top:15px;}
.cabecera .logo_bibliote {width:183px; float:right; margin-top:15px;}

.menu {width:100%; height:66px; z-index:10; position:relative; background-position:center left; background-size:auto; background-repeat: no-repeat; margin:30px 0 0 0;}
.menu #link1 {display:block; width:410px; height:32px; position:absolute; top:0px; left:0; }
.menu #link2 {display:block; width:410px; height:32px; position:absolute; top:33px; left:0;}

#slidebox {position:relative; overflow:auto; width:100%!important; height:auto; margin-top:-20px; aspect-ratio:16 / 6;}
#slidebox ul {width:100%; height:auto;aspect-ratio:16 / 6;}
#slidebox ul li {width:100%; height:auto;aspect-ratio:16 / 6;}
#slidebox .previous {position:absolute; z-index:2; display:block; width:21px; height:21px; top:50%; left:0; background:url(../img/izq.png) no-repeat left top; cursor:pointer;}
#slidebox .next     {position:absolute; z-index:2; display:block; width:21px; height:21px; top:50%; right:0; background:url(../img/der.png) no-repeat left top; cursor:pointer;}



/****************** HOME *********************/
/*********************************************/
.home {background-image:url('../img/fondo.jpg'); background-repeat:no-repeat; background-position:50% 90px; background-color:#13A67A;}

.bloque_home {width:33.333%; padding:0 1% 0px 1%;}
.bloque_home a {display:block;}
.bloque_home .main_img {display:block; width:100%; margin-bottom:5px; height:auto; aspect-ratio:16/9; image-rendering:optimizespeed;}
.bloque_home .titulo {font-size:22px; font-family:Bangers, Verdana; color:#fff; letter-spacing:1px; text-align:left; margin-bottom:3px; line-height:1.1; text-shadow:-1px 1px black;}
.bloque_home .bajada {font-size:14px; font-family:'Trebuchet MS'; color:#fff; line-height:1.2;}
.bloque_home:hover .main_img {filter:brightness(1.1);}
.bloque_home:hover .titulo {color:#63dbff;}

/*pag*/
.paginacion {margin:10px auto; width:100%; justify-content:center;}
.paginacion .arrow_left  {background:url(../img/izq.png) no-repeat center center; width:24px; height:24px; display:inline-block; margin-right:3px;}
.paginacion .arrow_right {background:url(../img/der.png) no-repeat center center; width:24px; height:24px; display:inline-block; margin-left:3px;}
.paginacion .link_pagina {color:#FFF; font-family:Verdana; font-size:14px; display:inline-block; line-height:23px; font-weight:bold; padding:0 6px; margin:0 3px; text-align:center;}
.paginacion .link_pagina.activo {background:#f1592a; color:#FFF!important;}
.paginacion .link_pagina:hover {color:#f1592a;}





/******************   MISIONES    *********************/
/******************************************************/
.lista_misiones {display:flex; width:100%; flex-wrap:wrap;}
.lista_misiones .mision {width:33.333%; padding:1%;}
.lista_misiones .mision .descripcion {width:100%; min-height:170px; height:auto; background-color:#FFFFFF; padding:10px; box-shadow:2px 2px 4px rgba(0,0,0,0.3); border-radius:10px; position:relative; z-index:1;}
.lista_misiones .mision .descripcion .titulo {font-size:24px; font-family:Bangers, Verdana; color:#0A3957; text-align:left; margin-bottom:5px;}
.lista_misiones .mision .descripcion .bajada {font-size:12px; font-family:Verdana; color:#0A3957; line-height:1.2;}
.lista_misiones .mision  .link {position:relative; z-index:0; display:block; width:100%; text-align:left;}
.lista_misiones .mision  .link:hover img {filter:contrast(1.5) drop-shadow(3px 3px 6px black);}


.contenido_mision {width:94%; text-align:left; margin-left:3%; font-family:'Trebuchet MS'; color:#000; line-height:1.2;}
.contenido_mision h2 {font-size:30px; padding:30px 0 15px 0; font-family:Bangers; color:#0A3957; line-height:1.2; letter-spacing:1px;}
.contenido_mision .bajada {font-size:15px; font-weight:bold; color:#0A3957;}
.contenido_mision .descripcion {font-size:14px; }
.contenido_mision .descripcion p {padding-bottom:15px; margin:0;}
.contenido_mision .descripcion .subtitulo {font-weight:bold; font-size:15px;}
.contenido_mision .descripcion .destacado {padding: 15px 10px; margin: 10px 0; border:1px solid #20202F; background: #DBDBEA;}
.contenido_mision .descripcion .epigrafe {color:#6d6e70; font-size:12px; font-style:italic;}
.contenido_mision .imagen {display:block; margin:0 auto 5px; width:auto!important; }
.contenido_mision .epigrafe {text-align:center; font-size:11px; font-family:Verdana; color:#103458; font-style:italic; padding-bottom:20px; margin:0;}



/******************   NOVEDADES    *********************/
/******************************************************/
.contenido_novedad {width:94%; text-align:left; margin-left:3%; font-family:'Trebuchet MS'; color:#1d1d1d; line-height:1.2;}
.contenido_novedad h2 {font-size:30px; padding:30px 0 15px 0; font-family:Bangers; color:#1d1d1d; line-height:1.2; letter-spacing:1px;}
.contenido_novedad .bajada {font-size:15px; font-weight:bold; color:#1d1d1d;}
.contenido_novedad .descripcion {font-size:14px; }
.contenido_novedad .descripcion p {padding-bottom:15px; margin:0;}
.contenido_novedad .descripcion .subtitulo {font-weight:bold; font-size:15px;}
.contenido_novedad .descripcion .destacado {padding: 15px 10px; margin: 10px 0; border:1px solid #20202F; background: #DBDBEA;}
.contenido_novedad .descripcion .epigrafe {color:#6d6e70; font-size:12px; font-style:italic;}
.contenido_novedad .imagen {display:block; margin:0 auto 5px; width:auto!important; }
.contenido_novedad .epigrafe {text-align:center; font-size:11px; font-family:'Trebuchet MS'; color:#1d1d1d; font-style:italic; padding-bottom:20px; margin:0;}



/****************** SECCION NUEVA *********************/
/******************************************************/
body.seccion {background-image: url('../img/fondonovedades.jpg');background-repeat:repeat; background-position: 50% 0%; background-color:#13A67A;}
.titular_seccion {font-family:'Bangers',sans-serif; color:white; letter-spacing:1px; font-size:28px; text-shadow:-2px 2px black; margin:20px 0 40px 0; line-height: 40px; text-align: left; border-left:10px solid #f15a24; padding-left:10px;}
.articulo {width:100%; margin-bottom:20px;}
.articulo:nth-child(even) {float:left; text-align:left; border-left:10px solid #f9ef05; padding-left:10px;}
.articulo:nth-child(odd) {float:right; text-align:right;}
.articulo:hover {filter:brightness(1.2);}
.articulo a {display:inline-block;}
.articulo p {font-family:'Bangers',sans-serif; color:white; letter-spacing:1px; font-size:20px; text-shadow:-2px 2px black; margin-bottom:5px; }
.articulo:nth-child(odd) p {text-align:right;}
.articulo .icono {width:18px; margin-left:10px;}
.articulo:nth-child(odd) img.thumb {border-bottom:10px solid #f9ef05;}


/*Efectos*/
.fx {opacity:0; transition:all 0.8s ease; -webkit-transition:all 0.8s ease; -moz-transition:all 0.8s ease;}
	.fx.from-top {-webkit-transform:translateY(-150px); -moz-transform: translateY(-150px); transform:translateY(-150px);}
	.fx.from-bottom {-webkit-transform:translateY(150px); -moz-transform: translateY(150px); transform:translateY(150px);}
	.fx.from-left {-webkit-transform:translateX(-150px); -moz-transform:translateX(-150px); transform:translateX(-150px);}
	.fx.from-right {-webkit-transform:translateX(150px); -moz-transform:translateX(150px); transform:translateX(150px);}
.fx.from-top.animate,
.fx.from-bottom.animate,
.fx.from-left.animate,
.fx.from-right.animate {-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);transform:translateY(0px);opacity:1;}


/*CUADROS COMPARATIVOS*/
.cuadro-comparativo {width:100%!important;}
.cuadro-comparativo tr:first-child td {background:#2bb2ff!important; text-transform:uppercase!important; font-weight:bold!important; font-size:14px; color:white; padding:8px;}
.cuadro-comparativo tr td {padding:5px; width:auto}
.cuadro-comparativo tr td:first-child {background:#2bb2ff!important; color:white; font-size:14px; padding:8px; width:20%!important}
.cuadro-comparativo tr:nth-child(even) td {background:#e5e5e5;}
.cuadro-comparativo tr:nth-child(odd) td {background:#d9d9d9;}
.cuadro-comparativo tr:first-child td:first-child {background:white!important;}



/******************   DIBUJOS    *********************/
/******************************************************/
#main-wrapper {margin: 0;	padding: 0;	width:100%;	height:100%;}
#lean_overlay {position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; background: #000; display: none;}
input {font-family:Verdana;}
select {font-family:Verdana;}

#contenedor_busqueda {background:rgba(0,0,0,0.3); width:446px; height:279px; margin-left:15px; padding:10px 0 0 0;}

#contenedor_busqueda h2 {font-family:'Bangers',sans-serif; color:white; letter-spacing:1px; font-size:28px; text-shadow:-2px 2px black; margin-bottom:5px;}

#contenedor_busqueda hr {background:white; width:90%; border:none; height:1px; margin:10px auto 10px auto;}

#contenedor_busqueda #buscarimg {margin:5px auto 5px auto; font-size:16px; border:none; width:80%; height:35px; padding:0 0 0 15px;}

#contenedor_busqueda #idcolegios {width:40%; margin:5px 0 5px 0; height:35px; background-color:#E55F1F;border:none;color:#FFF;font-size:14px; border-radius:0;}
#contenedor_busqueda #idpaises {width:40%; margin:5px 0 5px 0; height:35px; background-color:#E55F1F;border:none;color:#FFF;font-size:14px; border-radius:0;}

#cargando {position:absolute; width:100%; height:100%; background:#fff url(../imagenes/loading.gif) no-repeat center;}


/*FOOTER*/
#legal {font-size:12px; color:white; margin:25px 0; text-align: center; padding: 0; font-family: sans-serif; letter-spacing:2px;}




@media (max-width:640px) {
	.home {background-size:150% auto;}
	
	.cabecera .logo {width:240px;}
	.cabecera .logo_bibliote {width:130px;}
	.redes {top:40px; right:6px;}
	.redes a img {height:25px; width:25px;}
	
	.menu {background-size:360px auto; margin:20px 0;}
	.menu #link1 {width:100%;}
	.menu #link2 {width:100%;}
	
	#slidebox {margin:20px auto 0 auto}
	
	.section_title_green {font-size:20px; padding-bottom:5px; background-size:auto 100%;}
	.section_title_blue {font-size:20px; padding-bottom:5px; background-size:auto 100%;}
	
	.contenido_novedad h2 {font-size:19px;}
	.contenido_mision h2 {font-size:19px;}
	
	.bloque_home {width:50%;}
	.bloque_home .titulo {font-size:19px;}
	.bloque_home .bajada {font-size:13px;}
	
	.lista_misiones .mision {width:50%;}
}

@media (max-width:420px) {
	
	.cabecera .logo {width:66%;}
	.cabecera .logo_bibliote {width:33%;}
	.redes {top:10vw;}
	
	.bloque_home {width:100%;}
	
	.lista_misiones .mision {width:100%;}
}