body{
background-image: url('../images/bg.gif');
background-repeat: repeat;
color: #363636;
font-family: 'Old Standard TT';
}
/*body, p{
text-align: justify;
}*/
.slicknav_btn{
float: left !important;
margin: 0px !important;
}
#mobile-menu{
position: relative;
z-index: 10000000;
position: fixed;
top: 0px;
left: 0px;
height: 34px;
}
.slicknav_menu{
padding: 0px !important;
background: none !important;
}
.slicknav_nav{
background: #333333;
padding: 20px !important;
font-size: 16px !important;
}
.slicknav_menu > a{
padding: 10px !important;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;
} 
.slicknav_nav a{
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.mono{
font-family: 'Old Standard TT';
}

.libre{
font-family: 'Libre Baskerville', serif;
}
.alegreya{
font-family: 'Alegreya Sans', sans-serif;
}
footer, footer div.container{
background-color: #333;
color: #F2F2F2;
}
footer br{
display: block;
margin: 10px 0;
}
footer{
padding: 20px 0px;
}
.der{
max-width: 325px;
}
.tienda{
display: flex;
justify-content: space-around;
margin-top: 30px;
}
.tienda img{
width: 130px;
height: 45px;
}
.creditos{
margin-top: 20px;
}
.creditos i{
color: #808080;
}
.creditos div{
margin-bottom: 25px;
}
#superior{
display: flex;
justify-content: space-between;
align-items: center;
}
#superior .title{
border-bottom: 1px solid #E6E6E6;
padding: 0px 45px 5px;
margin-bottom: 7px;
font-size: 16px;
}
.menupie{
overflow: hidden;
max-height: calc(100vh - 200px);
padding: 20px 10px;
border-top: 1px solid #E6E6E6;
margin-top: 20px;
}
.puntos{
border: 2px dotted #CCCCCC;
padding: 43px 20px 20px;
position: relative;
}
.puntos .boton, .puntos .boton2{
position: absolute;
color: #000;
background-color: #FFF;
display: inline-block;
padding: 5px 10px;
margin-bottom: 0px !important;
}
.postales .boton, .creditos .boton{
top: -10px;
right: -5px;
}
.creditos .boton2{
left: -5px;
bottom: -5px;
}
.izq > div{
margin-right: 25px;
}
.izq > div.last-child{
margin-right: 0px;
}
.izq .boton{
display: inline-block;
border: 1px solid #FFF;
padding: 5px 10px;
margin-bottom: 20px;
}
.izq ul, .izq li{
margin: 0px;
padding: 0px;
list-style: none;
}
.izq li{
margin-bottom: 10px;
}
.izq li a:hover, footer a:hover{
text-decoration: none;
}
.izq li a:before{
content: '\00BB\0020';
margin-right: 3px;
}
.izq ul{
margin-bottom: 30px;
}
a, a:hover{
color: inherit;
}
.center{
text-align: center;
}
.right{
text-align: right;
}
div.container{
background-color: #FFF;
}
h2.titulo{
font-size: 100px;
font-weight: 700;
text-align: center;
margin-bottom: 0px;
text-transform: uppercase;

}
.siteframe{
font-family: 'Libre Baskerville', serif;
font-size: 14px;
font-weight: bold;
border-style: double none double none;
padding: 7px 0px;
overflow: hidden;
margin-bottom: 10px;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.siteframe div:last-child{
text-align: right;
padding-right: 0px;
}
.siteframe div:first-child{
padding-left: 0px;
}
.descripcion{
border-style: solid;
border-width:1px;
padding: 15px;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.nav-tabs{
font-family: 'Alegreya Sans', sans-serif;
}
span.titulo{
font-size: 14px;
color: #4168b5;
}
.filtros{
margin-top: 20px;
position:relative;
margin-bottom: 50px;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
#filtros > div{
margin-bottom: 10px;
font-size: 12px;
/*margin-right: 40px;*/
}
#filtros > div:last-child{
margin-right: 0px;
}
.filtrar, .resetfilters{
position: absolute;
right: 0;
bottom: -30px;
font-family: 'Alegreya Sans', sans-serif;
border-style: none solid solid;
border-width: 1px;
padding: 5px 7px;
}
.resetfilters{
right: 68px;
}
.filtrar a, .resetfilters a{
color: inherit;
text-decoration: none;
}
.help-filter{
font-family: 'Alegreya Sans', sans-serif;
/*position: absolute;*/
right: 10px;
bottom: 5px;
font-size: 14px !important;
}
.tab-content{
display: none;
border-width: 1px;
border-style:none solid solid solid;
}
.nav{
border-bottom-color: #363636;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.nav > li > a{
padding: 7px;
border-radius: 0px;
color: #000;
}
.nav > li {
background-color: #D5D5D5;
margin-bottom: 0px;
margin-right: 5px;
}
/*.nav > li:first-child{
margin-right: 5px;
}*/
.nav > li:last-child{
margin-right: 0px;
}
.nav > li.active{
background-color: #4D4D4D;
}
.nav > li.active > a{
color: #FFF !important;
background-color: transparent !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav-tabs > li > a:hover,
.nav-tabs > li > a{
border-style:none !important;*/
}
.tab-pane{
padding: 10px 20px 30px;
overflow: hidden;
}
.filtro{
display: table;
padding: 2px 20px 2px 2px;
margin-bottom: 3px;
position: relative;
cursor: pointer;
}
.filtro span{
position: absolute;
right: 7px;
top: 2px;
font-family: 'Alegreya Sans', sans-serif;
display: none;
}
.filtro.activo span{
display: inherit;
}
.loadmore{
text-align: center;
margin: 50px 0px 80px;
position: relative;
}
.loadmore span.mas{
padding: 10px 15px 9px;
border:1px solid;
cursor: pointer;
}
.loadmore span.up{
position: fixed;
bottom: 20px;
right: 10px;
opacity: .4;
-webkit-transition: opacity 500ms;
-moz-transition: opacity 500ms;
-o-transition: opacity 500ms;
transition: opacity 500ms;
}
.loadmore span.up:hover{
opacity: 1;
}
.oculto{
display: none;
}
.loading{
text-align: center;
}
.menu-principal, .menu-principal li{
list-style: none;
margin: 0;
padding: 0;
}
.menu-principal li{
float: left;
}
.menu-principal li ul{
display: none;
}
.menu-principal li a{
display: inline-block;
/*margin-right: 32px;*/
font-family: 'Alegreya Sans', sans-serif;
font-size: 16px;
}
.menu-principal li:last-child a{
margin-right: 0px;
}
header{
padding: 6px 0px;
width: 100%;
position: fixed;
top: 0;
z-index: 999999;
box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15),0 -5px 3px -10px #fff;
height: 34px;
}
.menu-principal li.active a{
color: #FFF;
}
.container.webpage{
padding-top: 100px;
max-width: 910px !important;
}
#otro-titulo, #otro-titulo2{
font-weight: bold;
font-size: 18px;
margin-bottom: -10px;
}
.mano{
cursor: pointer;
}
#col1, #col3{
width: calc((100% - 120px) / 2);
font-family: 'Libre Baskerville', serif;
font-size: 13px;
text-align: justify;
}
#col2{
margin: 3px 10px 0px;
}
.legend{
text-align: right;
font-size: 18px;
}
.menu, .contacto{
margin-left: 30px;
}

.menu{
font-size: 16px;
}
.contacto{
font-size: 14px;
}
.menu-footer, .menu-footer li{
list-style: none;
margin: 0;
padding: 0;
}
.menu-footer li ul{
display: none;
}
.menu-footer li{
display: inline-block;
}
.menu-footer li:after{
content: '\00a0-';
}
.menu-footer li:last-child:after{
content: '';
}
.icobanrep{
display: flex;
height: 80px;
align-items: center;
}
.separator{
max-width: 400px;
margin: 100px auto 50px;
border-bottom-style: double;
border-bottom-width: 3px;
}
.pad{
margin-top: 60px;
margin-bottom: 60px;
}
.ciudades{
background-color: rgba(0,0,0, .2);
}
.fauna{
background-color: rgba(197,202,146, 1);
}
.flora{
background-color: rgba(137,209,208, 1);
}
.fiestas{
background-color: rgba(222,160,40, 1);
}
.gente{
background-color: rgba(149,150,193, 1);
}
.geografia{
background-color: rgba(67,104,178, .8);
}
.viaje{
background-color: rgba(124,176,66, 1);
}
.trabajo{
background-color: rgba(32,68,48, .6);
}
.vestigios{
background-color: rgba(179,102,157, .7);
}
.vias{
background-color: rgba(198,72,50, .7);
}
.resumen{
/*margin-bottom: -50px;*/
padding-top: 30px;
max-width: 800px;
margin-left: auto;
margin-right: auto;
font-size: 12px;
}
.comillas{
float: left;
margin-top: 7px;
margin-right: 15px;
margin-bottom: 10px;
}
.tagsline{
max-width: 500px;
margin: 0px auto 35px;
border-bottom-style: double;
border-bottom-width: 3px;
}

.arrows{
position: fixed;
width: 100%;
top:50%;
left:0;
z-index: 1000;
}
.rightarrow{
position: absolute;
/*right: calc(50% - 500px);*/
}
.leftarrow{
position: absolute;
/*left: calc(50% - 500px);*/
}
#curadurias a.activo{
background-color: rgb(216, 216, 216);
padding: 3px 7px;
}
.tags{
text-transform: uppercase;
margin-bottom: 60px;
text-align: center;
}
.tags span, .tags a{
color: #727276;
font-size: 11px;
padding: 2px 4px;
background-color: rgba(222, 160, 41, .3);
margin-right: 15px;
}
.tags span:last-child, .tags a:last-child{
margin-right: 0px;
}
.fli-info-ico{
width: 50px;
height: 47px;
background-image: url('../images/plus-x-info.png');
background-repeat: no-repeat;
cursor: pointer;
margin-left: -10px;
margin-top: 10px;
}
.fli-info-ico.active{
background-position: 0px -49px;
}
.info-lamina{
background-color: rgba(0, 0, 0, .8);
font-size: 16px;
text-align: left;
color: #FFF;
padding: 34px;
position: absolute;
bottom: 46px;
left: -10px;
max-width: 500px;
z-index: 0;
}
.prelaod-top{
position: fixed;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
background-color: rgba(130, 130, 130, .8);
z-index: 10000000;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
color: azure;
}
.opaco{
-moz-opacity:0;
-webkit-opacity:0;
-ms-opactiy:0;
opacity: 0;
}
.beta{
position: fixed;
top: 0;
right: 0;
z-index: 1000099;
}
#colorbox, #cboxOverlay, #cboxWrapper{
z-index: 1005000 !important;
}
.to-opaco{
opacity: .3;
-webkit-transition: opacity 500ms;
-moz-transition: opacity 500ms;
-o-transition: opacity 500ms;
transition: opacity 500ms;
}
.to-opaco:hover{
opacity: 1;
}

#letras{
overflow: hidden;
overflow-x: auto;
border:1px solid #000;
border-top-style: none;

}
.letras span{
text-transform: uppercase;
font-size: 16px;
}
.letras span a{
display: inline-block;
width: 15px;
text-align: center;
}
.letras span a.activo{
text-decoration: underline;
font-weight: bold;
}

.letras{
background-color: rgba(0, 0, 0, .1);
padding: 10px;
color:#000;
display: flex;
justify-content: space-around;
width: 800px;
}
#icocaret{
transform: rotate(180deg);
}