:root {
	--color-home:#ed1c24;
	--color-historia:#4568d8;
	--color-naturales:#26b56d;
	--color-sociales:#b2a82f;
	--color-fisica:#b23e04;
	--color-geografia:#46b8e0;
	--color-lengua:#5835b7;
	--color-matematica:#db1d1d;
	--color-quimica:#ff7212;
	--color-biologia:#66ba3a;
	--color-filosofia:#8c0085;
	--color-idiomas:#4f539f;
	--color-arte:#a43666;
	--color-politica:#0b9191;
	--color-astronomia:#096bad;
	--color-biografias:#d79d06;
	--color-grandescivs:#e94b27;
	--color-guerras:#bd2c2c;
	--color-pueblos:#763217;
	--color-tecnologia:#6084a0;
	--color-deportes:#3c8c26;
}

* {box-sizing:border-box;}

.contenedor_pregs {padding:0 1.5%!important; position:relative;}

.color-home * {color:var(--color-home);}
.color-home h1 {background-color:var(--color-home);}
.color-home hr {background-color:var(--color-home);}
.color-home a {color:var(--color-home)!important;}
.color-home a:hover {border-color:var(--color-home)!important;}

.color-lengua * {color:var(--color-lengua);}
.color-lengua h1 {background-color:var(--color-lengua);}
.color-lengua hr {background-color:var(--color-lengua);}
.color-lengua a {color:var(--color-lengua)!important;}
.color-lengua a:hover {border-color:var(--color-lengua)!important;}

.color-matematica * {color:var(--color-matematica);}
.color-matematica h1 {background-color:var(--color-matematica);}
.color-matematica hr {background-color:var(--color-matematica);}
.color-matematica a {color:var(--color-matematica)!important;}
.color-matematica a:hover {border-color:var(--color-matematica)!important;}

.color-naturales * {color:var(--color-naturales);}
.color-naturales h1 {background-color:var(--color-naturales);}
.color-naturales hr {background-color:var(--color-naturales);}
.color-naturales a {color:var(--color-naturales)!important;}
.color-naturales a:hover {border-color:var(--color-naturales)!important;}

.color-geografia * {color:var(--color-geografia);}
.color-geografia h1 {background-color:var(--color-geografia);}
.color-geografia hr {background-color:var(--color-geografia);}
.color-geografia a {color:var(--color-geografia)!important;}
.color-geografia a:hover {border-color:var(--color-geografia)!important;}

.color-historia * {color:var(--color-historia);}
.color-historia h1 {background-color:var(--color-historia);}
.color-historia hr {background-color:var(--color-historia);}
.color-historia a {color:var(--color-historia)!important;}
.color-historia a:hover {border-color:var(--color-historia)!important; }

.color-fisica * {color:var(--color-fisica);}
.color-fisica h1 {background-color:var(--color-fisica);}
.color-fisica hr {background-color:var(--color-fisica);}
.color-fisica a {color:var(--color-fisica)!important;}
.color-fisica a:hover {border-color:var(--color-fisica)!important;}

.color-quimica * {color:var(--color-quimica);}
.color-quimica h1 {background-color:var(--color-quimica);}
.color-quimica hr {background-color:var(--color-quimica);}
.color-quimica a {color:var(--color-quimica)!important;}
.color-quimica a:hover {border-color:var(--color-quimica)!important;}

.color-biologia * {color:var(--color-biologia);}
.color-biologia h1 {background-color:var(--color-biologia);}
.color-biologia hr {background-color:var(--color-biologia);}
.color-biologia a {color:var(--color-biologia)!important;}
.color-biologia a:hover {border-color:var(--color-biologia)!important;}

.color-sociales * {color:var(--color-sociales);}
.color-sociales h1 {background-color:var(--color-sociales);}
.color-sociales hr {background-color:var(--color-sociales);}
.color-sociales a {color:var(--color-sociales)!important;}
.color-sociales a:hover {border-color:var(--color-sociales)!important;}

.color-filosofia * {color:var(--color-filosofia);}
.color-filosofia h1 {background-color:var(--color-filosofia);}
.color-filosofia hr {background-color:var(--color-filosofia);}
.color-filosofia a {color:var(--color-filosofia)!important;}
.color-filosofia a:hover {border-color:var(--color-filosofia)!important;}

.color-idiomas * {color:var(--color-idiomas);}
.color-idiomas h1 {background-color:var(--color-idiomas);}
.color-idiomas hr {background-color:var(--color-idiomas);}
.color-idiomas a {color:var(--color-idiomas)!important;}
.color-idiomas a:hover {border-color:var(--color-idiomas)!important;}

.color-arte * {color:var(--color-arte);}
.color-arte h1 {background-color:var(--color-arte);}
.color-arte hr {background-color:var(--color-arte);}
.color-arte a {color:var(--color-arte)!important;}
.color-arte a:hover {border-color:var(--color-arte)!important;}

.color-politica * {color:var(--color-politica);}
.color-politica h1 {background-color:var(--color-politica);}
.color-politica hr {background-color:var(--color-politica);}
.color-politica a {color:var(--color-politica)!important;}
.color-politica a:hover {border-color:var(--color-politica)!important;}

.color-astronomia * {color:var(--color-astronomia);}
.color-astronomia h1 {background-color:var(--color-astronomia);}
.color-astronomia hr {background-color:var(--color-astronomia);}
.color-astronomia a {color:var(--color-astronomia)!important;}
.color-astronomia a:hover {border-color:var(--color-astronomia)!important;}

.color-biografias * {color:var(--color-biografias);}
.color-biografias h1 {background-color:var(--color-biografias);}
.color-biografias hr {background-color:var(--color-biografias);}
.color-biografias a {color:var(--color-biografias)!important;}
.color-biografias a:hover {border-color:var(--color-biografias)!important;}

.color-grandescivs * {color:var(--color-grandescivs);}
.color-grandescivs h1 {background-color:var(--color-grandescivs);}
.color-grandescivs hr {background-color:var(--color-grandescivs);}
.color-grandescivs a {color:var(--color-grandescivs)!important;}
.color-grandescivs a:hover {border-color:var(--color-grandescivs)!important;}

.color-guerras * {color:var(--color-guerras);}
.color-guerras h1 {background-color:var(--color-guerras);}
.color-guerras hr {background-color:var(--color-guerras);}
.color-guerras a {color:var(--color-guerras)!important;}
.color-guerras a:hover {border-color:var(--color-guerras)!important;}

.color-pueblos * {color:var(--color-pueblos);}
.color-pueblos h1 {background-color:var(--color-pueblos);}
.color-pueblos hr {background-color:var(--color-pueblos);}
.color-pueblos a {color:var(--color-pueblos)!important;}
.color-pueblos a:hover {border-color:var(--color-pueblos)!important;}

.color-tecnologia * {color:var(--color-tecnologia);}
.color-tecnologia h1 {background-color:var(--color-tecnologia);}
.color-tecnologia hr {background-color:var(--color-tecnologia);}
.color-tecnologia a {color:var(--color-tecnologia)!important;}
.color-tecnologia a:hover {border-color:var(--color-tecnologia)!important;}

.color-deportes * {color:var(--color-deportes);}
.color-deportes h1 {background-color:var(--color-deportes);}
.color-deportes hr {background-color:var(--color-deportes);}
.color-deportes a {color:var(--color-deportes)!important;}
.color-deportes a:hover {border-color:var(--color-deportes)!important;}



.menu_categorias {margin-top:15px; width:256px; float:none; position:absolute;}
.menu_categorias ul {background:#edf0f9;}
.menu_categorias ul li {border-bottom-color:white; border-width:5px;}
.menu_categorias ul li a {background:none; border-color:inherit; font-size:13px;}
.menu_categorias ul li a:hover {background:#fff;}
.menu_categorias ul li a.active {background:#fff; font-weight:bold; pointer-event:none; cursor:default;}
.menu_categorias.fixed {position:fixed; top:0;}

.contenido {float:right; width:78%;}


.seccion {position:relative;}
.seccion h1 {font-size:22px; font-weight:bold; color:#fff; display:inline-block; padding:5px 10px 2px 10px; margin:15px 0 0 0; width:100%;} /*materias*/
.seccion hr {height:4px; width:100%; margin:0 0 8px 0;}
.seccion h2 {font-size:19px; font-weight:bold; margin:15px 0 5px 0; color:#666;} /*preguntas/ejercicios*/
.seccion .flex {gap:1%;}
.seccion .flex a {font-size:13px; font-weight:bold; color:inherit; background:#edf0f9; display:block; width:32.6666%; text-decoration:none; padding:5px 1% 3px 1%; margin:0px 0 8px 0; line-height:1.1; border-bottom:2px solid #edf0f9; box-sizing:border-box;}
.seccion .flex a:hover {border-bottom:2px solid black;}


.boton {}
.boton .tipo {font-weight:bold; font-size:11px; display:block;}
.boton .titulo {font-weight:bold; font-size:14px;}


.buscar_cont {position:relative; width:100%;}
.buscar_cont #no_results {position: absolute; right:28px; z-index:99; text-align:right; top:19px; border:1px solid #ed1c24; padding:1px 2px; color:#ed1c24; display:none;}
.buscar_cont #campo_buscar {width:100%; height:28px; margin:15px auto 0 auto; position:relative; border-radius:0; border:1px solid #ccc; padding:2px 6px; box-shadow:1px 1px 2px rgba(0,0,0,0.1) inset; background:white; font-size:13px; color:#666; background:url('https://elbibliote.com/includes/images/look.png') no-repeat calc(100% - 5px) center; background-size:auto 66%; }

.loading {position:absolute; top:60px; left:0; background:url('https://elbibliote.com/includes/images/loading.gif') no-repeat center calc(0% + 100px);  background-color:rgba(255,255,255,0.33); height:100%; width:100%;}


.contenedor_fragmentos h2 {color:#ed1c24; font-weight:bold; font-size:16px; text-transform:uppercase; padding:0 0 20px 40px;}
.contenedor_fragmentos .imagen {max-width:100%; display:block;}

@media (max-width:1280px) {
	.menu_categorias {width:207px;}
}
@media (max-width:1024px) {
	.menu_categorias {width:169px;}
}

@media (max-width:815px) {
	.seccion .flex {gap:2%}
 	.seccion .flex a {width:49%; padding:5px 1.5%; margin:0px 0 8px 0; font-size:15px;}
	
	.menu_categorias {width:100%; position:relative;}
	.menu_categorias.fixed {position:relative; width:100%;}
	.contenido {width:100%;}
	
	.contenedor_fragmentos h2 {padding-left:1.5%;}
}

@media (max-width:525px) {
	
	
	
}