*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0;}

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

a {color: #aaa;	text-decoration: none;}
a:hover,
a:active {color: #333;}

.loading {background:url('../img/loading.gif') #f8f8fa no-repeat; background-position:center 150px; position:absolute; left:0; width:100%; height:100%; z-index:999;}

.intro {padding:5px 45px 15px 45px; font-size:15px; line-height:21px; text-align:center;}

.buscar_info {text-align: center; position:relative; width:66.666%; margin:0 auto;}
	#campo_buscar {width:100%; margin:0 auto 15px auto; position:relative; border-radius:0; border:1px solid #ccc; height:28px; box-sizing: border-box; padding:2px 6px; box-shadow:1px 1px 2px rgba(0,0,0,0.1) inset;}
	#no-results {position: absolute; right:4px; z-index:99; text-align:right; top:4px; border:1px solid red; padding:1px 2px; color:red; display: block; text-transform: uppercase; display:none;}

.tags_container {clear:both; text-align: center;}
.tags_container button {background:#a01013; color:white; padding:6px 16px; display:inline-block; margin:0 7px 7px 0; cursor:pointer; font-size:14px; font-weight: bold; font-family:'Trebuchet MS',sans-serif; border:none;}
.tags_container button:hover {filter:brightness(1.1);}
.tags_container button:active {box-shadow:3px 3px 2px rgba(0,0,0,0.4) inset;}
.tags_container button.active {box-shadow:3px 3px 2px rgba(0,0,0,0.4) inset; filter:brightness(0.9);}
.tags_container button span {font-weight: normal;}
	.tags_container button#arteycultura {background:#B72467}
	.tags_container button#biografias {background:#a01013}
	.tags_container button#cienciasexactas {background:#FDB913}
	.tags_container button#cienciasnaturales {background:#00A651}
	.tags_container button#cienciassociales {background:#ED1C24}
	.tags_container button#deporte {background:#727272}
	.tags_container button#derecho {background:#99876D}
	.tags_container button#diccionarios {background:#242492}
	.tags_container button#economíaycomercio {background:#F68B1F}
	.tags_container button#educación {background:#00ADDC}
	.tags_container button#gastronomía {background:#EFD40C}
	.tags_container button#geografíaypaíses {background:#F15A22}
	.tags_container button#historia {background:#524FA1}
	.tags_container button#idiomas {background:#3A0922}
	.tags_container button#interésgeneral {background:#B33FC4}
	.tags_container button#lenguayliteratura {background:#662D91}
	.tags_container button#oficiosyemprendedurismo {background:#dd8484}
	.tags_container button#psicologíayfilosofía {background:#BABA0D}
	.tags_container button#pueblosoriginarios {background:#541B04}
	.tags_container button#salud {background:#6DC8BF}
	.tags_container button#tecnología {background:#052A49}
	/*fix diccionarios*/
	.tags_container button#diccionarios {width:auto; margin:0 7px 7px 0;}

.titulo_enciclopedia {color:white; background:#ED1C24; font-size:16px; padding:4px 2% 5px 2%; font-family:'Oswald', sans-serif; letter-spacing:0px;  line-height: 1.2; text-align: center; width: 100%;}
.tomos_enciclopedia {padding:6px 0 3px 0; width:100%; background:#dedede;}
.tomos_enciclopedia p {color:#333; font-size:13px; padding:0 3% 4px 3%; line-height:1.1; font-family:'Trebuchet MS', sans-serif;}
.tomos_enciclopedia p span {font-weight: bold;}
.tomos_enciclopedia p a {display: inline; color:#333; outline:none; border:none;}
.tomos_enciclopedia p a:hover {color:#ED1C24; text-decoration: underline;}
.tomos_enciclopedia.doble_col {display: flex; flex-wrap: wrap; flex-direction: column; max-height: 280px;}
.tomos_enciclopedia.doble_col p {width:50%;}
.tomos_enciclopedia p.tomos {color:#ED1C24; font-weight: bold; padding-bottom:6px;}


.grid {display:flex; flex-wrap:wrap; flex-direction:row; max-width:100%; list-style:none; margin:0 auto; padding:0; box-sizing: border-box; position: relative;}
.grid li {display:block; float:left; padding:6px 6px; width:33.333%; opacity:1; box-sizing:border-box;}
.grid li img {height:auto; max-height:322px; margin:0 auto; z-index:1; display:block; max-width:100%;}
.grid li.shown,
.no-js .grid li,
.no-cssanimations .grid li {opacity: 1;}



.enciclopedia_unica {width:100%; max-width:450px; margin:0 auto;}
.enciclopedia_unica img {display:block; max-width:100%; margin:0 auto;}



@media screen and (max-width: 1023px) {
	.grid li {padding:4px;}

	.titulo_enciclopedia {font-size: 14px;}
	.tomos_enciclopedia p {font-size: 12px;}
	.sinopsis_libro {font-size: 11px;}
}


@media screen and (max-width: 815px) {
	.grid li {width: 50%; padding:6px;}

	.titulo_enciclopedia {font-size: 14px;}
	.tomos_enciclopedia p {font-size: 12px;}

	.buscar_info {width:100%;}
	#no-results {font-size:11px;}
}


@media screen and (max-width: 525px) {
	.grid li {width:100%; padding:6px;}
	.titulo_enciclopedia {font-size: 15px;}
	.tomos_enciclopediapp {font-size: 12px;}

}