header{
/*background-color: rgba(65, 104, 181, .8);*/
background-color: #6786C3;
}
.container.webpage{
min-height: 800px;
}
.tab-content{
display: block;
}
.tab-pane {
    padding: 10px 20px;
    overflow: hidden;
}

.bootstrap-tagsinput{
font-size: 14px;
font-family: 'Alegreya Sans', sans-serif;
}
.results-info{
font-size: 16px;
color: #666666;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.results-info > div{
font-weight: bold;
font-size: 36px;
color: #000;
line-height: 38px;
}

.gmap{
width: 100%;
height: 0px;
padding-bottom: 50%;
border: 2px solid #333333;
margin-top: 25px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
}

.tagsline{
max-width: 700px;
}

/* wookmark */
.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;
}

.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;
}

.grupo{
font-size: 12px;
width: 100%;
text-align: center;
position: absolute;
left: 0;
top: 10px;
}

a.link{
font-weight: bold;
font-size: 18px;
}

.tiles-wrap div.extr-thumb{
margin-top: -30px;
margin-bottom: 20px;
width: 199px;
}

.cats{
list-style: none;
margin: 0;
padding: 0;
display: inline-block;
width: 210px;
}
.ultags{
width: 100%;
}
.ultags li{
float: left;
width: auto !important;
margin-right: 15px;
}

.cats li{
font-size: 12px;
color: #383838;
cursor: pointer;
margin-bottom: 5px;
padding: 2px 7px;
width: 100%;
line-height: 14px;
}
/*.cats li:before{
font-family: FontAwesome;
content: '\f0da';
margin-right: 10px;
}*/
.cats li span{
float: right;
margin-left: 20px;
}
.cats li:not(.active) span{
display: none;
}

.tab-pane{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#tags > div.mCustomScrollbar{
overflow: hidden;
overflow-x: auto;
}

.salida-tags, .select-tags{
padding: 10px;
}
.select-tags span{
margin-right: 2px;
color: white;
margin-bottom: 2px;
display: inline-block;
background-color: #6786C3;
}

.select-tags [data-role="remove"]:after {
    content: "x";
    padding: 0px 2px;
    cursor: pointer;
}