header{
background-color: #A4C77A;
}
.preanime{
position: absolute;
left: -500px;
top:-500px;
}
.tiles-wrap li{
text-align: inherit !important;
padding: 30px 10px 10px !important;
border-style: double;
border-width: 3px;
font-family: 'Libre Baskerville', serif;
font-size: 12px;
}
.tiles-wrap li:hover{
border-style: solid;
}
.tiles-wrap li a{
font-weight: normal;
font-size: 12px;
line-height: 22px;
}
.tiles-wrap li p.titulo a{
font-size:18px;
}
.tiles-wrap li p.texto a{
font-size: 12px;
}
.tiles-wrap li div.categoria{
position: absolute;
top: 0;
left: 0;
color: #FFF;
font-size: 11px;
padding: 1px 7px 3px;
text-transform: uppercase;
}
.tiles-wrap li:hover div.categoria{
font-size: 14px;
}
.tiles-wrap li p{
line-height: 22px;
}
.contenido, h3.titulo{
font-family: 'Libre Baskerville', serif;
max-width: 770px;
margin-left: auto;
margin-right: auto;
}
h3.titulo{
margin-bottom: 16px;
padding-bottom: 20px;
border-bottom: 3px;
border-bottom-style: double;
}
.arrows{
position: fixed;
top: 50%;
width: 100%;
left: 0;
}
.arrows .left-arrow, .arrows .right-arrow{
position: absolute;
}
.left-arrow{
left:0;
}
.right-arrow{
right: 0;
}
.fin-extracto{
border-bottom-style: double;
border-bottom-width: 3px;
margin: 30px 0px;
}
.filtro{
/*display: inline-block;*/
padding-left: 7px;
}

.extr-tema{
text-transform: uppercase;
display: table;
padding: 2px 5px;
color: #FFF;
}
.extr-final{
overflow: hidden;
margin-bottom: 30px;
}
.extr-final div div{
margin-bottom: 7px;
}
.extr-tag{
display: inline-block;
margin-right: 10px;
text-transform: uppercase;
background-color: #F5E4C1;
padding: 2px 5px;
}
.extr-tomo{
text-transform: uppercase;
color: #1F68B9;
}
.extr-lugar, .extr-fecha{
color: #C54832;
}
.extr-fecha{
background-image: url('../images/ondas.png');
background-repeat: no-repeat;
background-position: bottom left;
padding-bottom: 10px;
}
.tiles-wrap div.extr-thumb{
/*
width: 100%;*/
margin-top: -30px;
/*margin-left: -10px;
margin-right: -30px;*/
margin-bottom: 20px;
width: 199px;
}
.extr-lamina{
display: inline-block;
position: relative;
line-height: normal;
}
.tomo, .tema{
text-transform: uppercase;
font-size: 11px;
margin-bottom: 15px;
}
.lugar, .fecha{
color: #C54832;
}
.fecha, .autor, .tecnica, .medidas{
font-size: 14px;
}
.borde-ciudades{
border-color: rgba(0,0,0, .2) !important;
}
.borde-fauna{
border-color: rgba(197,202,146, 1) !important;
}
.borde-flora{
border-color: rgba(137,209,208, 1) !important;
}
.borde-fiestas{
border-color: rgba(222,160,40, 1) !important;
}
.borde-gente{
border-color: rgba(149,150,193, 1) !important;
}
.borde-geografia{
border-color: rgba(67,104,178, .8) !important;
}
.borde-viaje{
border-color: rgba(124,176,66, 1) !important;
}
.borde-trabajo{
border-color: rgba(32,68,48, .6) !important;
}
.borde-vestigios{
border-color: rgba(179,102,157, .7) !important;
}
.borde-vias{
border-color: rgba(198,72,50, .7) !important;
}
.extracto{
max-width: 715px;
margin-left: auto;
margin-right: auto;
margin-bottom: 70px;
}
.extracto span.mitema{
color: #FFF;
font-size: 12px;
padding: 0px 7px;
}
.extracto .meta{
margin-bottom: 30px;
}
.extracto .meta span.otrainfo{
margin-left: 8px;
padding-right: 8px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #7F7F7F;
color: #7F7F7F;
}
.extracto .meta span.otrainfo:last-child{
border-right: none;
}
.extracto .txt{
font-size: 16px;
line-height: 28px;
}
.extracto .txt img{
position: relative;
z-index: 100;
}
.extr-lamina .titulo{
font-size: 17px;
}
.cloud{
position: absolute;
top: 0;
right: 0;
border-width: 1px;
border-style: none none solid solid;
line-height: 5px;
padding: 5px;
z-index: 100000;
background-color: #FFF;
}
.cloud i{
font-size: 14px;
}
.destacado{
font-size: 24px;
color: #4168B4;
}
.sndcld{
margin-left: 35px;
margin-bottom: 40px;
}
.tiles-wrap li .opaco{
display: none;
}