#contenedor.homepage {padding:0 1%; box-sizing:border-box;}

#contenedor.homepage * {box-sizing:border-box;}
#contenedor.homepage img {display:block;}

#quienes {width:100%; height:170px; margin:0; z-index:0; background:url(https://elbibliote.com/includes/images/home/edificio.jpg?v=2) repeat-x; background-position:center; position:relative;}
	#img_porque {margin:15px 0 -33px 7px; float:left;}
	#badge_home {position:absolute; top:0; left:18%; z-index:0; width:150px;}
	#badge_home:hover {filter:brightness(1.2); z-index:9;}
	.boton_tienda {position:absolute; top:15px; right:7px; width:134px;}
	.boton_tienda img {max-width:100%; display:block;}
	.boton_tienda:hover {filter:brightness(1.1);}
	.asesoria {position:absolute; top:50px; right:7px;}
	.asesoria img {max-width:100%; display:block; width:98px; transform:translateZ(0);}
	.asesoria:hover {filter:brightness(1.1);}
	
	.boton_videotutoriales {position:absolute; top:64px; right:7px; width:153px;}
	.boton_videotutoriales img {max-width:100%; display:block;}
	.boton_videotutoriales:hover {filter:brightness(1.1);}
	
	.contenedor-busqueda-home {float:left; clear:both; margin:87px 0 0 7px; width:313px;}
	.contenedor-busqueda-home iframe {width:100%; height:32px; position:relative;}
	#redes {position:absolute; bottom:10px; right:7px;}
	#redes a {float:left; margin-left:10px; display:block;}
	#redes a img {display:block; width:32px;}
	#redes a:hover {filter:brightness(1.1);}

#botonera_gris {width:100%; margin:10px 0 0 0; display:flex; flex-wrap:wrap;}
#botonera_gris .boton_gris {text-decoration:none; color:#fff; border:none; background:#808080; width:19%; height:42px; line-height:40px; text-align:center; margin:0 0.5% 10px 0.5%; padding:0 10px;}
#botonera_gris .boton_gris span {display:inline-block; line-height:1.1; font-size:13px; vertical-align:middle;}
#botonera_gris .boton_gris:hover {background:#2BB2FF;}
#botonera_gris .boton_gris.cont_esc {background:url(https://elbibliote.com/includes/images/home/icono_contenidos_escolares.jpg) no-repeat center left #808080; padding-left:42px;}
#botonera_gris .boton_gris.cont_esc:hover {background-color:#2BB2FF;}
#botonera_gris .boton_gris.excl_doc {background:url(https://elbibliote.com/includes/images/home/icono_exclusivo_docentes.jpg) no-repeat center left #808080; padding-left:42px;}
#botonera_gris .boton_gris.excl_doc:hover {background-color:#2BB2FF;}


#barra_idiomas {display:flex; flex-wrap:wrap; width:99%; margin:0 0.5% 10px 0.5%; height:auto;}
#barra_idiomas .title  {width:19.2%; color:#ffffff; font-size:14px; font-weight:bold; background:#464885; text-align:center; line-height:30px; height:30px;}
#barra_idiomas .idiomas_container {display:flex; flex-wrap:wrap; width:80.8%;}
#barra_idiomas .idiomas_container .idioma {width:12.5%; color:#464885; font-size:14px; font-weight:bold; background:url(https://elbibliote.com/includes/images/home/bg_idiomas.png) ; line-height:30px;}
#barra_idiomas .idiomas_container .idioma a {text-decoration:none; color:#464885; display:block;}
#barra_idiomas .idiomas_container .idioma a:hover {color:#ed1c24}
#barra_idiomas .idiomas_container .idioma img {float:left; margin-right:5px; height:30px;}

#home_slider {border:none; width:99%; height:111px; margin:0 0.5% 10px 0.5%; display:block;}

::selection {
  background-color:#ed1c24;
  color:white;
}


#panel * {-webkit-box-sizing:border-box; box-sizing:border-box;}
#panel {width:1121px; margin:0 auto 45px auto; color:white; display:block; position:relative; clear:both;}
#panel a {text-decoration:none;  color:white;}

/*Modulos*/
#panel .modulo {width:179px; height:42px; margin:0 4px 8px 4px; color:white;}
#panel .modulo:hover {filter:brightness(1.15); -webkit-filter:brightness(1.15);}
#panel .modulo_doble {width:179px; height:91px; margin:0 4px 8px 4px; color:white;  overflow:hidden;}
#panel .modulo_doble:hover {filter:brightness(1.15); -webkit-filter:brightness(1.15);}
#panel .modulo_doble.largo {width:366px; position:relative; overflow:hidden;}
#panel .modulo_doble.alto {height:190px; }
#panel .modulo_doble a {display:block; width:100%; height:100%;}

/*Cols*/
#panel .col_izquierda {width:187px; float:left;}
#panel .col_centro {width:748px; float:left; display:flex; flex-wrap:wrap; justify-content:center;}
#panel .col_enciclopedias {width:182px; float:left;}
#panel .col_bottom {width:100%; display:flex; flex-wrap:wrap; justify-content:center;}


	

/*col enciclopedias*/
#panel .col_enciclopedias .links_enciclopedias {margin:0 4px 8px 4px; height:289px; overflow:hidden; width:179px; border-bottom:1px solid #9e009e;}
#panel .col_enciclopedias .links_enciclopedias a {display:block; color:white; font-size:9px; width:100%; line-height:1; padding:5px 0 4px 4px; cursor:pointer;}
#panel .col_enciclopedias .links_enciclopedias a:hover {opacity:0.9;}
#panel .col_enciclopedias .links_enciclopedias a span {font-size:12px; display:block; width:100%; margin-top:2px;}
#panel .col_enciclopedias .links_enciclopedias a#encic-1 {background:#0058a0;}
#panel .col_enciclopedias .links_enciclopedias a#encic-2 {background:#B21824;}
#panel .col_enciclopedias .links_enciclopedias a#encic-3 {background:#23AB86;}
#panel .col_enciclopedias .links_enciclopedias a#encic-4 {background:#EB9121;}
#panel .col_enciclopedias .links_enciclopedias a#encic-5 {background:#F15D2D;}
#panel .col_enciclopedias .links_enciclopedias a#encic-6 {background:#00562F;}
#panel .col_enciclopedias .links_enciclopedias a#encic-7 {background:#1A336C;}
#panel .col_enciclopedias .links_enciclopedias a#encic-8 {background:#45009e;}
#panel .col_enciclopedias .links_enciclopedias a#encic-9 {background:#9e009e;}

/*Col izq*/
#panel #chatgptymaestros img.mobile {display:none;}

/*col bottom */
#panel .col_bottom .modulo_bottom {width:179px; height:42px; color:white; font-size:13px; line-height:42px; text-align:center; float:left; margin:0 4px 8px 4px;}
#panel .col_bottom .modulo_bottom:hover {filter:brightness(1.15); -webkit-filter:brightness(1.15);}
#panel .col_bottom .modulo_bottom a {display:block; width:100%; height:100%;}
#panel .col_bottom .modulo_bottom.largo {width:366px;}

#panel .col_bottom #historias {background:#EA3315;}
#panel .col_bottom #tiendaonline {background:#f05a24;}
#panel .col_bottom #chatgpt {background:#0058a0;}
#panel .col_bottom #chatin {background:#985b24;}
#panel .col_bottom #chatin i {font-style:normal}
#panel .col_bottom #aprendo_ingles {background:#00562f;}
#panel .col_bottom #escuelas {background:#2F479D url(https://elbibliote.com/includes/images/home/icono_escuelas.png) no-repeat 140px center; background-size:auto 55%; text-align:left; padding:0 0 0 7px; margin-right:3px;	}
#panel .col_bottom .boton_traductor {background:#23AB86; text-align:center; cursor:pointer;}


/*DICCIONARIOS*/
#diccionarios {margin:0 auto 15px auto; width:100%; padding:0 0.5%; max-width:1121px;}
#diccionario-text {font-size:20px;}
#diccionarios .bloque {width:31px; float:left; margin-right:5px;}
#diccionarios .bloque:hover {filter:brightness(1.15); -webkit-filter:brightness(1.15);}
#text-dic {font-size:14px; color:#FFF; margin-top:-28px; margin-left:4px;}
#text-dic2 {font-size:14px; color:#FFF; margin-top:-20px; margin-left:20px;}

#diccionarios .separador {height:15px; clear:both;}

	/*DIC. ILUSTRADO*/
	#ilustrado-text {font-size:16px; color:#2BB2FF; padding-bottom:10px;}
	#ilustrado {}
		#triangulo-ilustrado1 {width:0; height:0; border-top:29px solid #2BB2FF; border-right:29px solid transparent; float:left;}
		#triangulo-ilustrado2 {width:0; height:0; border-bottom:29px solid #2BB2FF; border-left:29px solid transparent; margin-left:2px;}
	/*DIC. SINONIMOS*/
	#sinonimo-text {font-size:16px; color:#3AB54A; padding-bottom:10px;}
	#sinonimos {}
		#triangulo-sinonimos1 {width:0; height:0; border-top: 29px solid #3AB54A; border-right: 29px solid transparent; float:left;}
		#triangulo-sinonimos2 {width:0; height:0; border-bottom:29px solid #3AB54A; border-left:29px solid transparent; margin-left:2px;}
	/*DIC. BIOGRAFIAS*/
	#biografias-text {font-size:16px; color:#D4155B; padding-bottom:10px;}
	#biografias {}
		#triangulo-biografias1 {width:0; height:0; border-top: 29px solid #D4155B; border-right: 29px solid transparent; float:left;}
		#triangulo-biografias2 {width:0; height:0; border-bottom: 29px solid #D4155B; border-left: 29px solid transparent; margin-left:2px;}



/*TRADUCTOR POPUP*/
.translator {width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999999; display:none;}
	.translator.shown {display:block;}
	.translator .frame-traductor {width:90%; height:465px; max-width:800px; position:relative; margin:0 auto; z-index:9999; top:20%; left:0; border:3px solid #f1622e; display:block; background:#fff; box-shadow:0px 0px 15px 10px;}
	.translator .sombra {width:100%; height:100%; position:fixed; top:0; left:0; z-index:-9999; background:#16a197; opacity:0.65;}
	.translator .close {background:#fff; color:#f1622e; border-radius:50%; height:40px; width:40px; font-weight:bold; text-align:center; line-height:32px; font-size:24px; border:3px solid #f1622e; position:absolute; top:2%; right:2%; z-index:9999999; cursor:pointer;}
	.translator .close:hover {background:#f1622e; color:#fff}
	






















/***********************************************************/
/***********************************************************/
/*************     RESPONSIVENESS             **************/
/***********************************************************/
/***********************************************************/
@media (max-width:1280px) {
	#panel {width:934px;}
	#panel .col_centro {width:561px;}

	#panel #tiendaonline {width:179px;}
	
	#barra_idiomas .title  {width:100%; border-bottom:2px solid white;}
	#barra_idiomas .idiomas_container {width:100%;}
	#barra_idiomas .idiomas_container .idioma { padding:2px 0;}
	
}


/*TABLET*/
@media (max-width:1023px) {

	#badge_home {top:0; left:23%; }

	#panel {height:auto; width:99%;}
	
	#panel .col_izquierda {}
	#panel .col_centro {width:374px;}
	#panel .col_derecha {}
	
	#panel .col_bottom .modulo_bottom.largo {width:179px;}
	#panel .col_bottom .modulo_bottom.largo .extra {display:none;}

	#barra_idiomas .idiomas_container .idioma {width:25%;}
}




@media (max-width:815px) {
	

	/*Medio*/
	#quienes {background-position:-290px center;}
	#badge_home {top:0; left:37%; width:145px;}
	#flash {display:none;}
	#buscador {margin-top:76px;}
	#redes {bottom:7px;}
	#redes a {margin-left:7px;}
	#redes a img {width:27px;}
	.contenedor-busqueda-home {margin:94px 0 0 7px; width:50%;}
	.contenedor-busqueda-home iframe {height:27px;}

	/*Botonera*/
	#botonera_gris {margin:7px auto 0;}
	#botonera_gris .boton_gris {width:32.3333%; margin-bottom:4px;}
	#botonera_gris .boton_gris span {font-size:12px;}
	#botonera_gris .boton_gris[href="https://elbibliote.com/resources/infografias/"] {display:none;}
	
	#home_slider {margin-bottom:7px;}

	#panel {width:100%;}
	#panel .modulo_doble {width:151px; height:77px; margin:0 3px 6px 3px;}
	#panel .modulo_doble.alto {height:173px;}
	#panel .modulo {width:151px; margin:0 3px 6px 3px;}
	#panel img {max-width:100%;}
	
	#panel .col_izquierda {width:156px;}
	#panel .col_centro {width:314px;}
	#panel .col_enciclopedias {width:156px; margin-top:-415px;}
	#panel .col_enciclopedias .links_enciclopedias {width:151px; margin:0 3px 6px 3px; height:auto; border-bottom-width:2px;}
	#panel .col_enciclopedias .links_enciclopedias a {padding:7px 0 8px 4px;}
	#panel .col_enciclopedias .links_enciclopedias a span {font-size:10px;}
	
	
	#panel .col_bottom {width:314px;}
	#panel .col_bottom .modulo_bottom {width:151px; margin:0 3px 6px 3px; font-size:11px; height:36px; line-height:36px;}
	#panel .col_bottom .modulo_bottom.largo {width:151px; margin:0 3px 6px 3px; font-size:11px;}
	#panel .col_bottom #escuelas {background:#2F479D; padding:0; text-align:center; font-size:11px;}
	#panel .col_bottom #chatin i {display:none;}
	
	#panel #tiendaonline {width:151px}
	
	
}





@media (max-width:525px) {
	
	/*Home*/
	#contenedor.homepage {padding:0 0.75%;}
	#quienes {background-position:-390px center; width:98.5%; margin:0 0.75%;}
	#badge_home {top:65px; left:0; width:120px; height:120px; z-index:1;}
	#img_porque {margin-bottom:-25px;}
	.boton_tienda {top:unset; bottom:7px; right:7px;}
	.asesoria {top:unset; bottom:40px; right:7px;}
	.boton_videotutoriales {top:unset; bottom:50px; right:7px;}
	#redes {right:7px; top:16px; margin:0; bottom:unset;}
	#redes a img {width:25px;}
	.contenedor-busqueda-home {width:100%; margin:127px 0 2px 0;}
	.contenedor-busqueda-home iframe {width:100%; height:32px; margin:0;}
	
	/*Botonera*/
	#botonera_gris .boton_gris {width:48.5%; margin:0 0.75% 1.5% 0.75%;}
	#botonera_gris .boton_gris span {font-size:14px; font-weight:bold;}
	
	/*Barra idiomas*/
	#barra_idiomas .idiomas_container .idioma {font-size:12px; line-height:20px;}
	#barra_idiomas .idiomas_container .idioma img {height:20px; margin-right:3px;}
	
	/*Slider infografias*/
	#home_slider {width:98.5%; margin:0 0.75% 1.5% 0.75%;}

	/*Panel*/
	#panel {width:100%;}
	#panel .modulo_doble {width:48.5%; margin:0 0.75% 1.5% 0.75%; height:auto; padding:0;}
	#panel .modulo_doble img {width:100%;}
	
	#panel .col_izquierda {width:100%; display:flex; flex-wrap:wrap;}
	#panel .col_centro {width:100%;}
	
	#panel .col_enciclopedias {width:100%; margin-top:0; display:flex; flex-wrap:wrap; justify-content:center;}
	#panel .col_enciclopedias .links_enciclopedias {width:98.5%; margin:0 0.75% 1.5% 0.75%;}
	#panel .col_enciclopedias .links_enciclopedias a {font-size:11px; padding:7px 0 6px 6px}
	#panel .col_enciclopedias .links_enciclopedias a span {font-size:14px; font-weight:bold;}
	
	#panel .col_bottom {width:100%; display:flex; flex-wrap:wrap; justify-content:center;}
	#panel .col_bottom .modulo_bottom {width:48.5%!important; margin:0 0.75% 1.5% 0.75%!important; font-size:13px; font-weight:bold;}
	#panel .col_bottom .modulo_bottom.largo {font-size:13px;font-weight:bold;}
	#panel .col_bottom #escuelas {font-size:13px;font-weight:bold;}
	
	/*Col izq*/
	#panel #chatgptymaestros {width:99%;}
	#panel #chatgptymaestros img.desktop {display:none;}
	#panel #chatgptymaestros img.mobile {display:block;}

	

	/*Traductor*/
	.translator .frame-traductor {height: 330px;}
}

@media (max-width:355px) {
	#home_slider {height:83px;}
	#panel #profesores img {top:0;}
}