@charset "utf-8";

/*
Theme Name: Mindef Gestión Cultural
Author: Globaldardos
Author URI: https://globaldardos.com.ar/
Description: 
Requires at least: 5.3
Tested up to: 5.6
Requires PHP: 5.6
Version: 1.2
Text Domain: mindef_gestioncultural
*/

@import url('https://fonts.googleapis.com/css2?family=Encode+Sans:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
/*font-family: 'Roboto', sans-serif;*/

* {
	box-sizing: border-box;
}


body, input, textarea, button {
    font-family: 'Encode Sans', sans-serif;
}

body {
	margin:0;    
	font-size:10px;
	color:#363636;
	font-weight:normal;
    background: #ffffff;
}

*{
-webkit-tap-highlight-color: transparent;
}


strong {
	font-weight:600;
}
input, textarea {
    box-shadow: none !important;
    outline: 0;
}
a { text-decoration:none; }

h1, h2, h3, h4, h5, h6, p {
    font-weight: normal;
    margin: 0;
}

img {
	max-width:100%; height: auto;
}
.table { display: table; width: 100%; height: 100%; }
.cell { display: table-cell; vertical-align: middle; }
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.nmb {
    margin-bottom: 0 !important;
}
.npr {
    padding-right: 0 !important;
}

.alignleft {
    float: left;
    margin: 0em 3em 3em 0;
}

.video-responsive {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
    }
.video-responsive iframe, .video-responsive object, .video-responsive embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}


#loading {
	position: fixed;
	z-index: 100000;
	background: #f7f8f9;
	left: 0; top: 0; width: 100%; height: 100%;
    display: none;
}
#loading svg {
	position: absolute;
	width: 11em; height: 11em;
	left: 50%; top: 50%;
    margin-left: -5.5em; margin-top: -5.5em;
	transform-origin: center;
	-webkit-animation-name: loadinganim;
    -webkit-animation-duration: 1s;
    animation-name: loadinganim;
    animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
#loading svg .st0{opacity:0.2;fill:none;stroke:#333132;stroke-width:3;stroke-miterlimit:10;}
#loading svg .st1{fill:none;stroke:#37BBED;stroke-width:3;stroke-miterlimit:10;}
@keyframes loadinganim {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.espacio1 { height: 1em; }
.espacio2 { height: 2em; }
.espacio3 { height: 3em; }
.espacio4 { height: 4em; }
.espacio5 { height: 5em; }
.espacio6 { height: 6em; }
.espacio7 { height: 7em; }
.espacio8 { height: 8em; }
.espacio9 { height: 9em; }
.espacio10 { height: 10em; }


.popupContainer {
	background: rgba(52, 66, 72, 0.5);
	position: fixed;
	left: 0; top: 0;
	width: 100%; height: 100%;
	overflow-y: auto;
	display: none;
	z-index: 100000;
}
.popupContainer .overlay {
	position: absolute;
	cursor: pointer;
	left: 0; top: 0;
	width: 100%; height: 100%;
	cursor: pointer;
}
.popupContainer .table {
    display: table;
	width: 100%; height: 100%;
}
.popupContainer .table .cell {
	display: table-cell; vertical-align: middle;
	text-align: center;
	position: relative;
    padding: 2em;
}
.popupContainer .popup {
	display: inline-block;
	background: #FFFFFF;
    border: 1px solid #DBDBDB;
    border-radius: 1em;
	width: 100%;
	max-width: 530px;
	box-sizing: border-box;
	position: relative;
	z-index: 10;
	transform: scale(1);
    text-align: left;
    margin: 0;
    /*min-height: 40em;*/
}
.popupContainer .popup .cerrar {
	position: absolute;
	top: 1.7em; right: 1.7em;
	transition: all 0.2s;
	cursor: pointer;
    background: #37BBED;
    width: 33px; height: 33px;
    border-radius: 10000px;
    z-index: 100;
}
.popupContainer .popup .cerrar:hover {
	background-color: #344248;
}

.popupContainer .popup .cerrar svg {
    width: 13px; height: auto;
    position: absolute;
    left: 50%; top: 50%;
    transform: translate(-50%,-50%);
}

.popupContainer .popup .cerrar svg path{
    fill: #ffffff;
}

.popupContainer .popup .contenido {
    padding: 2em 4em;
}


.popupPost .info {
    padding: 4em 0;
    /*border-bottom: 1px solid #cccccc;*/
}
.popupPost .info:last-of-type {
    border: 0;
}

.popupPost h5 {
    font-size: inherit;
    margin-bottom: 1em;
}

.popupPost h5 .nombre {
    font-weight: 600;
    font-size: 1.5em;
    line-height: 1em;
    color: #37BBED;
    margin-right: 1em;
}

.popupPost h5 img {
    display: inline-block; vertical-align: middle;
    margin-right: 0.5em;
    margin-top: -0.5em;
    height: 2.8em; width: auto;
}
.popupPost h5 .organismo {
    font-size: 1.5em;
}

.popupPost h4 {
    font-weight: 600;
    font-size: 2.3em;
    line-height: 1.2em;
    color: #344248;
    margin-bottom: 1em;
}

.popupPost p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1.6em;
    line-height: 1.3em;
    color: #58595E;
    margin: 1.2em 0;
}

.popupPost .fecha {
    
}



.container {
    width: 100%;
    max-width: 141em;
    padding: 0 8em;
    margin: 0 auto;
    position: relative;
}

.columnas {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.columnas .columna {
    flex: 0 0 50%;
    max-width: 50%;
}

.fondocontainer {
    position: absolute;
    left: 0; top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}


#log {
    position: fixed;
    left: 10px; top: 10px;
    padding: 10px 20px;
    color: #000000;
    font-size: 18px;
    background: #ffffff;
    z-index: 1000000;
    pointer-events: none;
    display: none;
}

.boton {
    display: inline-block;
    font-style: normal;
    font-weight: 500;
    font-size: 1.6em;
    line-height: 1em;
    text-align: center;
    color: #FFFFFF;
    padding: 0.7em 1em;
    background: #37BBED;
    border: 1px solid #37BBED;
    border-radius: 0.3em;
    transition: all 0.3s;
    cursor: pointer;
}
.boton.b2 {
    padding: 0.5em 0.8em;
}

.boton svg,
.boton img,
.boton span {
    display: inline-block; vertical-align: middle;
    margin-right: 0.5em;
    margin-top: -0.2em;
    height: 1.5em; width: auto;
}
.boton svg path {
    fill: #FFFFFF;
    transition: all 0.3s;
}

.boton.celeste { background: #37BBED; border-color: #37BBED; }
.boton.celeste:hover { color: #37BBED; }
.boton.celeste:hover svg path { fill: #37BBED; }

.boton.fucsia { background: #E83E8E; border-color: #E83E8E; }
.boton.fucsia:hover { color: #E83E8E; }
.boton.fucsia:hover svg path { fill: #E83E8E; }

.boton.verde { background: #D4D92E; border-color: #D4D92E; }
.boton.verde:hover { color: #D4D92E; }
.boton.verde:hover svg path { fill: #D4D92E; }

.boton.turquesa { background: #4FB7B0; border-color: #4FB7B0; }
.boton.turquesa:hover { color: #4FB7B0; }
.boton.turquesa:hover svg path { fill: #4FB7B0; }

.boton.naranja { background: #F39323; border-color: #F39323; }
.boton.naranja:hover { color: #F39323; }
.boton.naranja:hover svg path { fill: #F39323; }

.boton.naranja2 { background: #E26205; border-color: #E26205; }
.boton.naranja2:hover { color: #E26205; }
.boton.naranja2:hover svg path { fill: #E26205; }

.boton:hover {
    /*background: transparent !important;*/
    color: #37BBED;
}
.boton:hover svg path {
    fill: #E83E8E;
}

.boton span {
    width: auto; height: auto;
}
.boton span svg {
    margin: 0;
    width: 100%; height: auto;
}


/* ---------------------- Estilos ------------------ */

#top {
    padding: 2.5em 0;
    background: #ffffff;
    border-bottom: 1px solid #DBDBDB;
    position: relative;
}
#top .columnas {
    align-items: center;
}
#top .col02 {
    text-align: right;
    display: none;
}
#top .logoGestion {
    width: 21.8em;
}
#top .logoMindef {
    width: 18.3em;
}
#top .logoMindefFlotante {
    position: absolute;
    top: 0;
    right: 55em;
    display: flex;
    height: 12.8em;
    align-items: center;
    justify-content: flex-end;
}

.botonmapa {
    position: absolute;
    right: 7em;
    top: 0;
    width: 43.4em;
    padding: 1.3em;
    border-radius: 0px 0px 10px 10px;
    background: url(images/mapa_thumb.png) center no-repeat;
    background-size: 100% auto;
    cursor: pointer;
    transition: all 0.3s;
    z-index: 10;
}

.botonmapa .bloque {
    position: relative;
    width: 100%;
    max-width: 16.7em;
    background: #0072BB;
    border-radius: 10px;
    padding: 2.8em 0 2.8em 2.8em;
    transition: all 0.3s;
}
.botonmapa .bloque p {
    font-style: normal;
    font-weight: 600;
    font-size: 1.8em;
    line-height: 1.4em;
    color: #ffffff;
    margin-bottom: 0.8em;
    transition: all 0.3s;
}

.botonmapa .bloque span {
    display: block;
    font-weight: 600;
    font-size: 1.6em;
    line-height: 1em;
    background: #37BBED;
    padding: 0.7em 1.1em;
    border-radius: 5px;
    color: #ffffff;
    width: 105%;
    transition: all 0.3s;
}
.botonmapa .bloque span svg {
    display: inline-block; vertical-align: middle;
    margin-right: 0.6em;
    width: 1.31em; height: 1.5em;
}

.botonmapa .bloque span svg .st0 {
    fill: #ffffff;
    transition: all 0.3s;
}


.botonmapa:hover {
    background-size: 115% auto;
}
.botonmapa:hover .bloque {
    background: #37BBED;
    padding: 3.8em 0 3.8em 2.8em;
}
.botonmapa:hover .bloque span {
    background: #ffffff;
    color: #37BBED;
}
.botonmapa:hover .bloque span svg .st0 {
    fill: #37BBED;
}



#botonMapaMobile {
    padding: 2em 0 5em;
    display: none;
}
#botonMapaMobile .botonmapa {
    display: block;
    width: 100%;
    position: relative;
    top: auto;
    right: auto;
    transform: none;
    font-size: 10px;
    border: 2px solid #ffffff;
    border-radius: 1em;
    background-size: cover;
}

#botonMapaMobile .botonmapa .bloque {
    width: 40%;
    max-width: none;
    padding: 2.8em;
}
#botonMapaMobile .botonmapa:hover .bloque {
    padding: 2.8em;
}
#botonMapaMobile .botonmapa .bloque span {
    width: 100%;
}


#menuPrincipal {
    background: #ffffff;
    z-index: 2;
    position: relative;
}
#menuPrincipal .subcontainer {
    display: inline-block;
}
#menuPrincipal .secciones {
    display: flex;
    margin: 0 -2.7em;
    position: relative;
}
#menuPrincipal .botonSeccion {
    transition: all 0.3s;
    
}
#menuPrincipal .botonSeccion span {
    display: block;
    font-style: normal;
    font-weight: 300;
    font-size: 1.6em;
    line-height: 1em;
    color: #58595E;
    padding: 1.4em 1.7em;
    transition: all 0.3s;
    cursor: pointer;
    position: relative;
    background: #ffffff;
    z-index: 1;
    user-select: none;
}
#menuPrincipal .botonSeccion:hover span {
    color: #37BBED;
}
#menuPrincipal .botonSeccion span img,
#menuPrincipal .botonSeccion span svg {
    display: inline-block; vertical-align: middle;
    margin-left: 0.5em;
}

#menuPrincipal .botonSeccion span::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0.25em;
    background: #37BBED;
    opacity: 0;
    transform: scaleX(0.5);
    transition: all 0.3s;
}
#menuPrincipal .botonSeccion.activo span::before,
#menuPrincipal .botonSeccion.actual span::before {
    opacity: 1;
    transform: scaleX(1);
}

#menuPrincipal .botondesplegable .desplegable {
    position: absolute;
    left: 0; top: 100%;
    background: #F2F3F4;
    background: #ffffff;
    padding: 4em;
    border-radius: 0px 0px 10px 10px;  
    width: 67.3em;
    display: none;
}
#menuPrincipal .botondesplegable .desplegable.der {
    left: auto;
    right: 0;
}

#menuPrincipal .botondesplegable .desplegable h5 {
    font-style: normal;
    font-weight: 600;
    font-size: 2.3em;
    line-height: 1.5em;
    color: #344248;
    margin-bottom: 0.5em;
}

#menuPrincipal .botondesplegable .desplegable p {
    font-style: normal;
    font-weight: 300;
    font-size: 1.6em;
    line-height: 1.5em;
    text-align: justify;
    color: #58595E;
    margin-bottom: 1.5em;
}

#menuPrincipal .botondesplegable .desplegable .boton {
    display: inline-block;
    font-style: normal;
    font-weight: 500;
    font-size: 2em;
    line-height: 1em;
    text-align: center;
    color: #FFFFFF;
    padding: 0.7em 1.5em 0.9em;
    background: #37BBED;
    border-radius: 0.25em;
    transition: all 0.3s;
    border: none;
}
#menuPrincipal .botondesplegable .desplegable .boton:hover {
    background: #0072BB !important;
}

#menuPrincipal .botondesplegable .desplegable .categorias {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1em;
}
#menuPrincipal .botondesplegable .desplegable .categorias .item {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 1em;
}
#menuPrincipal .botondesplegable .desplegable .categorias .item .botonCat {
    display: block;
    position: relative;
}

#menuPrincipal .botondesplegable .desplegable .categorias .item .botonCat .cat {
    display: block;
    padding: 1.5em 5.7em 1.7em;
    background: #E83E8E;
    border: 1px solid #E83E8E;
    border-radius: 0.5em;
    padding-left: 5.7em;
    position: relative;
    cursor: pointer;
    transition: all 0.3s;
}
#menuPrincipal .botondesplegable .desplegable .categorias .item .botonCat .icono {
    position: absolute;
    left: 0; top: 0;
    width: 5.7em;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#menuPrincipal .botondesplegable .desplegable .categorias .item .botonCat .icono svg {
    width: auto;
    height: auto;
}
#menuPrincipal .botondesplegable .desplegable .categorias .item .botonCat .icono path {
    fill: #ffffff;
    transition: all 0.3s;
}

#menuPrincipal .botondesplegable .desplegable .categorias .item .botonCat .iconoDesp {
    position: absolute;
    right: 1.5em; top: 50%;
    transform: translateY(-50%);
    width: 2.6em;
    height: 2.6em;
    background: #ffffff;
    border-radius: 1000px;
    transition: all 0.3s;
}
#menuPrincipal .botondesplegable .desplegable .categorias .item .botonCat .iconoDesp svg {
    position: absolute;
    left: 50%; top: 50%;
    transform: translate(-50%,-50%);
    width: 1.29em; height: auto;
}
#menuPrincipal .botondesplegable .desplegable .categorias .item .botonCat .iconoDesp svg path {
    fill: #F39323;
    transition: all 0.3s;
}

#menuPrincipal .botondesplegable .desplegable .categorias .item .botonCat .cat:hover:not(.botonSubdesplegable) .iconoDesp {
    background: #F39323;
}
#menuPrincipal .botondesplegable .desplegable .categorias .item .botonCat .cat:hover:not(.botonSubdesplegable) .iconoDesp svg path {
    fill: #ffffff;
}


#menuPrincipal .botondesplegable .desplegable .categorias .item .botonCat .cat .txt {
    font-style: normal;
    font-weight: 500;
    font-size: 2em;
    line-height: 1em;
    color: #FFFFFF;
    transition: all 0.3s;
}

#menuPrincipal .botondesplegable .desplegable .categorias .item .botonCat .cat:hover:not(.botonSubdesplegable) {
    background: #ffffff;
}

#menuPrincipal .botondesplegable .desplegable .categorias .item .botonCat .bibliotecas .icono svg {
    width: 2.2em;
}
#menuPrincipal .botondesplegable .desplegable .categorias .item .botonCat .museos .icono svg {
    width: 1.8em;
}
#menuPrincipal .botondesplegable .desplegable .categorias .item .botonCat .bandas .icono svg {
    width: 2.7em;
}
#menuPrincipal .botondesplegable .desplegable .categorias .item .botonCat .monumentos .icono svg {
    width: 2.4em;
}



#menuPrincipal .botondesplegable .desplegable .categorias .item .botonCat .subdesplegable {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: none;
}

#menuPrincipal .botondesplegable .desplegable .categorias .item .botonCat .subdesplegable .cat:first-of-type {
    border-radius: 0.5em 0.5em 0 0;
}
#menuPrincipal .botondesplegable .desplegable .categorias .item .botonCat .subdesplegable .cat:last-of-type {
    border-radius: 0 0 0.5em 0.5em;
}


#menuPrincipal .iconos {
    position: absolute;
    right: 7em;
    top: 50%;
    transform: translateY(-50%);
}
#menuPrincipal .iconos .icono {
    display: inline-block;
    vertical-align: middle;
    padding: 1em;
    cursor: pointer;
}
#menuPrincipal .iconos .icono svg {
    height: 24px; width: auto;
}
#menuPrincipal .iconos .icono svg path {
    fill: #0072BB;
    transition: all 0.3s;
}
#menuPrincipal .iconos .icono:hover svg path {
    fill: #37BBED;
}

#menuPrincipal .botonMenuMobile {
    display: none;
    padding: 2em;
    cursor: pointer;
}
#menuPrincipal .botonMenuMobile svg {
    width: 28px; height: auto;
}
#menuPrincipal .botonMenuMobile svg rect {
    fill: #344248;
    transition: all 0.3s;
}
#menuPrincipal .botonMenuMobile:hover svg rect {
    fill: #37BBED;
}

#menuMobile {
    position: fixed;
    left: 0; top: 0;
    width: 30em;
    transform: translateX(-30em);
    background: #ffffff;
    border-right: 1px solid #DBDBDB;
    font-size: 10px;
    z-index: 100;
    height: 100%;
    overflow-y: auto;
}
#menuMobile nav {
    padding: 4em;
    display: flex;
    align-items: center;
    min-height: 100%;
    position: relative;
}
#menuMobile nav a {
    display: block;
    font-weight: 500;
    font-size: 2em;
    line-height: 0.7em;
    padding: 1em;
    color: #344248;
    transition: all 0.3s;
}
#menuMobile nav a:hover {
    color: #37BBED;
}

#menuMobile nav .botonCerrar {
    position: absolute;
    right: 2em; top: 2em;
    padding: 1em;
    cursor: pointer;
}
#menuMobile nav .botonCerrar svg {
    width: 22px; height: auto;
}
#menuMobile nav .botonCerrar svg path {
    fill: #344248;
    transition: all 0.3s;
}
#menuMobile nav .botonCerrar:hover svg path {
    fill: #37BBED;
}



#sliderHome {
    height: 50em;
    position: relative;
    overflow: hidden;
    background: #344248;
}
#sliderHome .banner {
    background: url(images/home_banner_01.png) center no-repeat;
    background-size: cover;
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 100%;
    user-select: none;
    display: none;
}

#sliderHome .banner .middle {
    width: 100%; height: 100%;
    display: flex;
    align-items: center;        
}

#sliderHome .banner .container {
    transform: translateY(-6em);
}

#sliderHome .banner::before {
    content: "";
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background: #344248;
    opacity: 0.2;
    mix-blend-mode: multiply;
}
#sliderHome .banner h1 {
    font-weight: 700;
    font-size: 4.7em;
    line-height: 1.1em;
    color: #FFFFFF;
    text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.6);
    margin-bottom: 1em;
    max-width: 14em;
    padding-right: 1em;
}
#sliderHome .banner h1.s2 {
    font-size: 4em;
    max-width: 15em;
}
#sliderHome .banner h1.s3 {
    font-size: 3.5em;
    max-width: 17em;
}

#sliderHome .banner .boton:hover {
    background: #ffffff;
    border-color: #ffffff;
}

#sliderHome .banner.personalizado .container {
    position: static;
}
#sliderHome .banner.personalizado .full {
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 100%;

}

#sliderHome .banner .imageMobile {
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background: center;
    background-size: cover;
    display: none;
}


#sliderHome .paginacion {
    position: absolute;
    left: 2.7em; top: 50%;
    transform: translateY(-50%);
}
#sliderHome .paginacion div {
    width: 1.3em; height: 1.3em;
    margin: 2em;
    background: #ffffff;
    border: #CCCCCC solid 2px;
    border-radius: 10000px;
    transition: all 0.3s;
    cursor: pointer;
}
#sliderHome .paginacion div.activo {
    background: #37BBED;
    border-color: #37BBED;
}

main {
    background: url(images/trama_01.png) right bottom no-repeat #F2F3F4;
    position: relative;
}


#categorias {
    position: relative;
}
#categorias .categoriasContenido {
    position: absolute;
    bottom: -7em;
    left: 0;
    width: 100%;
}

#categorias .items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.2em;
}
#categorias .items .item {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 1.2em;
}
#categorias .items .item .bloque {
    display: block;
    padding: 4em 3em;
    background: #E83E8E;
    height: 100%;
    border-radius: 1em;
    transition: all 0.3s;
}
#categorias .items .item .bloque .contenido {
    padding-left: 10em;
    position: relative;
}
#categorias .items .item .bloque div .icono {
    position: absolute;
    left: 0; top: 50%;
    transform: translateY(-50%);
    width: 7.5em; height: 7.5em;
    background: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 1000px;
    transition: all 0.3s;
}
#categorias .items .item .bloque div .icono img,
#categorias .items .item .bloque div .icono svg {
    display: block;
    position: absolute;
    left: 50%; top: 50%;
    transform: translate(-50%,-50%);
}

#categorias .items .item .bloque h2 {
    font-weight: 600;
    font-size: 2em;
    line-height: 1em;
    color: #FFFFFF;
    margin-bottom: 0.8em;
    transition: all 0.3s;
}
#categorias .items .item .bloque span {
    display: inline-block;
    font-weight: 500;
    font-size: 1.4em;
    line-height: 1em;
    text-align: center;
    color: #FFFFFF;
    padding: 0.5em 1.2em 0.6em;
    border: 1px solid #ffffff;
    border-radius: 0.4em;
    transition: all 0.3s;
}

#categorias .items .item .bloque.museos {
    background: #D4D92E;
}
#categorias .items .item .bloque.bandas {
    background: #4FB7B0;
}
#categorias .items .item .bloque.monumentos {
    background: #F39323;
}

#categorias .items .item .bloque:hover {
    background: #ffffff !important;
}
#categorias .items .item .bloque:hover div .icono {
    border-color: #E83E8E;
}

#categorias .items .item .bloque:hover h2 {
    color: #E83E8E;
}
#categorias .items .item .bloque:hover span {
    background: #E83E8E;
    border-color: #E83E8E;
    padding: 0.5em 1.6em 0.6em;
}

#categorias .items .item .bloque.museos:hover h2 { color: #D4D92E; }
#categorias .items .item .bloque.bandas:hover h2 { color: #4FB7B0; }
#categorias .items .item .bloque.monumentos:hover h2 { color: #F39323; }

#categorias .items .item .bloque.museos:hover span {
    background: #D4D92E;
    border-color: #D4D92E;
}
#categorias .items .item .bloque.bandas:hover span {
    background: #4FB7B0;
    border-color: #4FB7B0;
}
#categorias .items .item .bloque.monumentos:hover span {
    background: #F39323;
    border-color: #F39323;
}

#categorias .items .item .bloque.museos:hover div .icono {
    border-color: #D4D92E;
}
#categorias .items .item .bloque.bandas:hover div .icono {
    border-color: #4FB7B0;
}
#categorias .items .item .bloque.monumentos:hover div .icono {
    border-color: #F39323;
}


.titulo {
    font-weight: 600;
    font-size: 2.3em;
    line-height: 1.1em;
    color: #344248;
    margin-bottom: 1.5em;
}


#home #buscador {
    padding: 11em 0 2em;
}

.buscador.tipoA {
    background: #ffffff;
    border: 1px solid #DBDBDB;
    border-radius: 1em;
    display: flex;
    flex-wrap: wrap;
}
.buscador.tipoA .col {
    flex: 0 0 15%;
    max-width: 15%;
    padding: 2.6em 2.5em 1.7em 2.5em;
    border-right: 1px solid #DBDBDB;
    position: relative;
    
}
.buscador.tipoA .col:last-of-type {
    border-right: 0;
}
.buscador.tipoA .col.desplegable {
    cursor: pointer;
}

.buscador.tipoA .col.c2 {
    flex: 0 0 20%;
    max-width: 20%;
}
.buscador.tipoA .col.c3 {
    flex: 0 0 38%;
    max-width: 38%;
}

.buscador.tipoA .col.grande {
    flex: 0 0 40%;
    max-width: 40%;
    border-right: 0;
    padding-right: 20em;
    position: relative;
}


.buscador.tipoA .col h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 1.5em;
    line-height: 1em;
    color: #58595E;
    margin: 0 0 0.5em;
}
.buscador.tipoA .col.grande h3 {
    margin-bottom: 0.4em;
}

.buscador.tipoA .col .val,
.buscador.tipoA .col .campo {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1.7em;
    line-height: 1.2em;
    color: #ABABAB;
    padding: 0.3em 0;
    display: block;
    width: 100%;
}
.buscador.tipoA .col .val.activo {
    color: #58595E;
}
.buscador.tipoA .col .campo {
    border: 1px solid #DBDBDB;
    padding: 0.3em 0.5em;
    border-radius: 0.2em;
    color: #58595E;
}

.buscador.tipoA .col .icono {
    position: absolute;
    right: 2em;
    top: 3.7em;
    /*top: 50%;
    transform: translateY(-50%);*/
    background: #37BBED;
    border: 2px solid #37BBED;
    width: 2.6em; height: 2.6em;
    border-radius: 10000px;
    transition: all 0.3s;
}
.buscador.tipoA .col:hover .icono {
    background: #ffffff;
    
}
.buscador.tipoA .col .icono svg {
    position: absolute;
    left: 50%; top: 50%;
    transform: translate(-50%,-50%);
    margin-top: 0.1em;
    width: 1.3em; height: auto;
}
.buscador.tipoA .col .icono svg path {
    fill: #ffffff;
    transition: all 0.3s;
}
.buscador.tipoA .col:hover .icono svg path {
    fill: #37BBED;
}

.buscador.tipoA .col select,
.buscador.tipoA .col .datepicker {
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 100%;
    opacity: 0;
    cursor: pointer;
}

.buscador.tipoA .col .boton {
    display: inline-block;
    font-size: 1.4em;
    padding: 0.5em 0.8em 0.5em;
    background: #DBDBDB;
    border: 0;
    color: #58595E;
    cursor: pointer;
    position: relative;
    margin: 0.3em 0.3em 0.3em 0;
}
.buscador.tipoA .col .boton:hover {
    background: #DBDBDB;
}
.buscador.tipoA .col .boton svg {
    height: 1.1em; width: auto;
}
.buscador.tipoA .col .boton svg path {
    fill: #58595E;
    transition: all 0.3s;
}
.buscador.tipoA .col .boton.activo {
    background: #0072BB;
    color: #ffffff;
}
.buscador.tipoA .col .boton.activo svg path {
    fill: #ffffff;
}

.buscador.tipoA .col button {
    position: absolute;
    right: 1.5em;
    top: 1.2em;
    /*top: 50%;
    transform: translateY(-50%);*/
    font-weight: 500;
    font-size: 2em;
    line-height: 1em;
    color: #FFFFFF;
    padding: 0.7em 1.6em 0.7em 1.2em;
    background: #37BBED;
    border: 0;
    border-radius: 0.25em;
    cursor: pointer;
    transition: all 0.3s;
}
.buscador.tipoA .col button svg {
    display: inline-block; vertical-align: middle;
    width: 1.2em;
    margin-right: 0.5em;
    margin-top: -0.1em;
}

.buscador.tipoA .col button:hover {
    background: #0072BB;
}


#novedades {
    padding: 6em 0 0em;
    overflow: hidden;
}
.columnasTitulo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.columnasTitulo .columna.izq {
    flex: 0 0 60%;
    max-width: 60%;
}
.columnasTitulo .columna.der {
    flex: 0 0 40%;
    max-width: 40%;
    text-align: right;
}
.columnasTitulo .columna.izq .titulo {
    margin-bottom: 0;
}
.columnasTitulo .columna.der {
}


.posts {
    /*display: flex;
    flex-wrap: wrap;*/
    margin: 3em -1.3em 0;
    width: auto;
    
}

.posts.archive {
    display: flex;
    flex-wrap: wrap;
}

.posts .mask {
    width: 100%;
}
.posts .item {
    padding: 1.2em;
    flex: 0 0 25%;
    max-width: 25%;
}
.posts .item.grande {
    flex: 0 0 50%;
    max-width: 50%;
}
.posts .item .bloque {
    background: #ffffff;
    border: 1px solid #DBDBDB;
    border-radius: 1em;
    position: relative;
    height: 100%;
}
.posts .item .bloque .info {
    padding: 2.7em 2.8em 3.6em;
    position: relative;
}
.posts .item .bloque .info .esquina {
    padding: 2.5em;
}
.posts .item .bloque h5 {
    font-weight: 700;
    font-size: 1.4em;
    line-height: 1em;
    color: #37BBED;
    margin-bottom: 0.5em;
    padding-right: 6em;
    min-height: 2.2em;
}
.posts .item .bloque h5 svg,
.posts .item .bloque h5 img {
    display: inline-block; vertical-align: middle;
    height: 1.5em; width: auto;
    margin: 0.2em 0.5em 0.5em 0;
}
.posts .item.bibliotecas .bloque h5 svg path { fill: #E83E8E; }
.posts .item.museos .bloque h5 svg path { fill: #D4D92E; }
.posts .item.bandas .bloque h5 svg path { fill: #4FB7B0; }
.posts .item.monumentos .bloque h5 svg path { fill: #F39323; }
.posts .item.faros .bloque h5 svg path { fill: #E26205; }

.organismo {
    display: inline-block;
    font-weight: 600;
    font-size: 1.5em;
    line-height: 1em;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #344248;
    padding: 0.5em 0.8em;
    border-radius: 10000px;
    min-width: 4em;
    text-align: center;
}
.organismo.ara {
    background: #005CFF;
}
.organismo.faa {
    background: #00BDFF;
}
.organismo.ea {
    background: #31BA6B;
}
.organismo.emco {
    background: #FF3C00;
}


.posts .item .bloque h4 {
    font-weight: 600;
    font-size: 1.8em;
    line-height: 1.3em;
    color: #344248;
    margin-bottom: 0.7em;
}
.posts .item .bloque h4.chico {
    font-size: 1.6em;
}

.posts .item .bloque .tipo {
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    font-size: 1.5em;
    line-height: 1em;
    color: #FFFFFF;
    background: #9594A0;
    padding: 0.4em 1em;
    border-radius: 0.2em;
}


.posts .item .bloque p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1.4em;
    line-height: 1.5em;
    color: #58595E;
    margin-bottom: 1.6em;
}

.posts .item .bloque p.fecha {
    font-weight: normal;
    font-size: 1.6em;
    line-height: 1.2em;
    color: #58595E;
    margin-bottom: 1.2em;
}

.posts .item .bloque p .fucsia { color: #E83E8E; }
.posts .item .bloque p .verde { color: #D4D92E; }
.posts .item .bloque p .turquesa { color: #4FB7B0; }
.posts .item .bloque p .naranja { color: #F39323; }


.botonB {
    display: inline-block;
    font-weight: 500;
    font-size: 1.4em;
    line-height: 1em;
    color: #37BBED;
    padding: 0.5em 1em 0.6em;
    border: 1px solid #37BBED;
    border-radius: 0.3em;
    cursor: pointer;
    transition: all 0.3s;
}

.posts .item.bibliotecas .bloque h5 { color: #E83E8E; }
.botonB.fucsia { color: #E83E8E; border-color: #E83E8E; }
.botonB.fucsia:hover { background: #E83E8E; }

.posts .item.museos .bloque h5 { color: #D4D92E; }
.botonB.verde { color: #D4D92E; border-color: #D4D92E; }
.botonB.verde:hover { background: #D4D92E; }

.posts .item.bandas .bloque h5 { color: #4FB7B0; }
.botonB.turquesa { color: #4FB7B0; border-color: #4FB7B0; }
.botonB.turquesa:hover { background: #4FB7B0; }

.posts .item.monumentos .bloque h5 { color: #F39323; }
.botonB.naranja { color: #F39323; border-color: #F39323; }
.botonB.naranja:hover { background: #F39323; }

.posts .item.faros .bloque h5 { color: #E26205; }
.botonB.naranja2 { color: #E26205; border-color: #E26205; }
.botonB.naranja2:hover { background: #E26205; }

.botonB.celeste { color: #37BBED; border-color: #37BBED; }
.botonB.celeste:hover { background: #37BBED; }


.botonB:hover {
    background: #37BBED;
    padding: 0.5em 1.2em 0.6em;
    color: #ffffff !important;
}


.posts .item .bloque .foto {
    background: url(images/home_agenda_foto_base_.jpg) center no-repeat #344248;
    background-size: cover;
    height: 12.9em;
    border-radius: 1em;
    position: relative;
    overflow: hidden;
}
.posts .item .bloque .foto.base{
    background-color: #dedfe0;
    background-position: center -2em;
}
.posts .item .bloque .foto::before {
    content: "";
    position: absolute;
    left: 0; bottom: 0;
    width: 100%;
    height: 9.2em;
    background: linear-gradient(180deg, rgba(52, 66, 72, 0) 0%, #344248 100%);
    mix-blend-mode: multiply;
    opacity: 0.5;
}
.foto.base::before {
    opacity: 0.3 !important;
}
.posts .item .bloque .foto p {
    font-weight: normal;
    font-size: 1.4em;
    line-height: 1em;
    color: #FFFFFF;
    margin-bottom: 0;
}
.posts .item .bloque .foto p svg {
    width: 1em; height: auto;
    display: inline-block; vertical-align: middle;
    margin-right: 0.7em;
    margin-top: -0.1em;
}

.posts .item.bibliotecas .bloque .foto p svg path {
    fill: #E83E8E;
}
.posts .item.museos .bloque .foto p svg path {
    fill: #D4D92E;
}
.posts .item.bandas .bloque .foto p svg path {
    fill: #4FB7B0;
}
.posts .item.monumentos .bloque .foto p svg path {
    fill: #F39323;
}
.posts .item.faros .bloque .foto p svg path {
    fill: #E26205;
}



.posts .item.grande .bloque {
    padding-left: 60%;
}
.posts .item.grande .bloque .foto {
    position: absolute;
    left: 0; top: 0; width: 60%; height: 100%;
    background: url(images/home_novedades_foto_base.jpg) center no-repeat;
    background-size: cover;
    border-radius: 1em 0 0 1em;
}
.posts .item.grande .bloque .foto.base {
    background-color: #dedfe0;
    background-size: 100% auto;
}

.posts .item .bloque .foto .icono {
    position: relative;
    width: 36px; height: 36px;
    font-size: 10px;
    background: #37BBED;
    border-radius: 1000px;
}
.posts .item .bloque .foto .icono svg {
    position: absolute;
    left: 50%; top: 50%;
    transform: translate(-50%,-50%);
    height: 1.6em; width: auto;
}
.posts .item .bloque .foto .icono svg path {
    fill: #ffffff;
}


#novedades .paginacion {
    text-align: center;
    margin-top: 3em;
}


#home #contenidos {
    padding: 6em 0 2em;
}

#home #contenidos .items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.1em;
}
#home #contenidos .items .item {
    flex: 0 0 18.75%;
    max-width: 18.75%;
    padding: 1.1em;
}
#home #contenidos .items .item .bloque {
    background: #FFFFFF;
    border: 1px solid #DBDBDB;
    border-radius: 1em;
    padding: 4em 2.2em;
    height: 100%;
}
#home #contenidos .items .item .bloque h3 {
    font-weight: 600;
    font-size: 2.1em;
    line-height: 1.2em;
    color: #344248;
    margin-bottom: 0.9em;
}
#home #contenidos .items .item .bloque .contenido {
    position: relative;
    padding-left: 7.4em;
}
#home #contenidos .items .item .bloque .contenido .icono {
    position: absolute;
    left: 0; top: 50%; transform: translateY(-50%);
    background: #37BBED;
    width: 5.4em; height: 5.4em;
    border-radius: 10000px;
}
#home #contenidos .items .item .bloque .contenido .icono img {
    position: absolute;
    left: 50%; top: 50%;
    transform: translate(-50%,-50%);
}
#home #contenidos .items .item.grande {
    flex: 0 0 25%;
    max-width: 25%;
}
#home #contenidos .items .item.grande .bloque .contenido {
    padding-left: 10.8em;
}
#home #contenidos .items .item.grande .bloque {
    background: #37BBED;
    border-color: #37BBED;
}
#home #contenidos .items .item.grande .bloque h2 {
    font-weight: 600;
    font-size: 2.3em;
    line-height: 1.1em;
    color: #FFFFFF;
    margin-bottom: 0.8em;
}
#home #contenidos .items .item.grande .bloque .icono {
    background: #ffffff;
    width: 8.6em; height: 8.6em;
}
#home #contenidos .items .item.grande .bloque .botonB {
    background: #ffffff;
    border-color: #ffffff;
    color: #37BBED;
}
#home #contenidos .items .item.grande .bloque .botonB:hover {
    background: #37BBED;
    color: #ffffff;
}

#home #contenidos .items .item.break {
    flex: 0 0 100%;
    max-width: 100%;
    display: none;
}


#home #agenda {
    padding: 6em 0 2em;
}

#home #agenda .slider {
    margin: 0 -1.2em;
    width: auto;
}

#home #agenda .item {
    padding: 1.2em;
    flex: 0 0 25%;
    max-width: 25%;
}
#home #agenda .item .bloque {
    display: block;
    background: #FFFFFF;
    border: 1px solid #DBDBDB;
    border-radius: 1em;
    height: 100%;
}
#home #agenda .item .bloque .foto {
    background: url(images/home_agenda_foto_base_.jpg) center no-repeat;
    background-size: cover;
    height: 14.6em;
    border-radius: 1em;
    position: relative;
    overflow: hidden;
}
#home #agenda .item .bloque .foto.base {
    background-position: center -2em;
    background-color: #dedfe0;
}
#home #agenda .item .bloque .foto::before {
    content: "";
    position: absolute;
    left: 0; bottom: 0;
    width: 100%;
    height: 9.2em;
    background: linear-gradient(180deg, rgba(52, 66, 72, 0) 0%, #344248 100%);
    mix-blend-mode: multiply;
}
#home #agenda .item .bloque .foto.base::before {
    opacity: 0.3;
}
#home #agenda .item .bloque .foto p {
    position: absolute;
    left: 0; bottom: 0;
    width: 100%;
    padding: 1.8em 2.1em;
    font-weight: normal;
    font-size: 1.4em;
    line-height: 1em;
    color: #FFFFFF;
}
#home #agenda .item .bloque .foto p svg {
    width: 1em; height: auto;
    display: inline-block; vertical-align: middle;
    margin-right: 0.7em;
    margin-top: -0.1em;
}

#home #agenda .item .bloque .foto p svg path {
    fill: #4FB7B0;
}

#home #agenda .item .bloque .info {
    padding: 3em;
    position: relative;
}
#home #agenda .item .bloque .info .esquina {
    padding: 2.5em;
}

#home #agenda .item .bloque .info h5 {
    font-weight: bold;
    font-size: 1.3em;
    line-height: 1em;
    color: #37BBED;
    margin-bottom: 1em;
    padding-right: 5em;
}
.posts .item .bloque .info h5 span,
#agenda .item .bloque .info h5 span {
    display: inline-block; vertical-align: middle;
}
#home #agenda .item .bloque .info h5 svg {
    display: inline-block; vertical-align: middle;
    margin-right: 0.5em;
    height: 1.9em; width: auto;
    margin-top: -0.2em;
    margin-bottom: 0.2em;
    
}
#home #agenda .item .bloque .info h4 {
    font-weight: 600;
    font-size: 1.6em;
    line-height: 1.4em;
    color: #344248;
    margin-bottom: 0.8em;
}
#home #agenda .item .bloque .info p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1.5em;
    line-height: 1.5em;
    color: #58595E;
}

#home #agenda .item .bloque .info p.fecha {
    font-size: 1.4em;
    margin: 0;
}
#home #agenda .item .bloque .info p.fecha svg {
    display: inline-block; vertical-align: middle;
    width: 1.72em; height: auto;
    margin-right: 0.5em;
    margin-top: -0.1em;
}

#home #agenda .paginacion .pags {
    margin-top: 1em;
    margin-bottom: 3em;
}

#home #agenda .item .bloque.bibliotecas .info h5,
#home #agenda .item .bloque.bibliotecas .info p.fecha strong { color: #E83E8E; }
#home #agenda .item .bloque.bibliotecas .foto p svg path,
#home #agenda .item .bloque.bibliotecas .info p.fecha svg path { fill: #E83E8E; }

#home #agenda .item .bloque.museos .info h5,
#home #agenda .item .bloque.museos .info p.fecha strong { color: #D4D92E; }
#home #agenda .item .bloque.museos .foto p svg path,
#home #agenda .item .bloque.museos .info p.fecha svg path { fill: #D4D92E; }

#home #agenda .item .bloque.bandas .info h5,
#home #agenda .item .bloque.bandas .info p.fecha strong { color: #4FB7B0; }
#home #agenda .item .bloque.bandas .foto p svg path,
#home #agenda .item .bloque.bandas .info p.fecha svg path { fill: #4FB7B0; }

#home #agenda .item .bloque.monumentos .info h5,
#home #agenda .item .bloque.monumentos .info p.fecha strong { color: #F39323; }
#home #agenda .item .bloque.monumentos .foto p svg path,
#home #agenda .item .bloque.monumentos .info p.fecha svg path { fill: #F39323; }


#home #agenda .destacado {
    background: #37BBED;
    border-radius: 1em;
    padding: 4em 4em;
    margin-top: 1.6em;
    min-height: 14.3em;
    display: flex;
    align-items: center;
}
#home #agenda .destacado .contenido {
    position: relative;
    padding-right: 32em;
    flex: 0 0 100%;
    max-width: 100%;
}

#home #agenda .destacado p {
    font-weight: 600;
    font-size: 2.3em;
    line-height: 1.5em;
    color: #FFFFFF;
}
#home #agenda .destacado a {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 500;
    font-size: 2em;
    line-height: 1em;
    color: #FFFFFF;
    padding: 0.7em 0.8em;
    border: 1px solid #ffffff;
    border-radius: 0.25em;
    transition: all 0.3s;
}
#home #agenda .destacado a svg {
    display: inline-block; vertical-align: middle;
    margin-right: 0.5em;
    margin-top: -0.1em;
    width: 1.2em; height: auto;
}
#home #agenda .destacado a svg path {
    fill: #ffffff;
    transition: all 0.3s;
}

#home #agenda .destacado a:hover {
    background: #ffffff;
    color: #37BBED;
}
#home #agenda .destacado a:hover svg path {
    fill: #37BBED;
}

#home #opciones {
    padding: 6em 0 10em;    
}

#home #opciones .categoria {
    position: relative;
    padding-top: 2em;
    padding-right: 2em;
}

#home #opciones .categoria .items {
    /*display: flex;*/
    display: none;
    position: relative;    
    flex-wrap: wrap;
    width: 75%;
    margin: 0 0 0 auto;
}
#home #opciones .categoria .items .item {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 1em;
}
#home #opciones .categoria .items .item .foto {
    background: url(images/home_bibliotecas_foto_base.jpg) center no-repeat;
    background-size: cover;
    position: relative;
    height: 18.5em;
    border-radius: 1em;
    overflow: hidden;
    margin-bottom: 2.5em;
}

#home #opciones .categoria .items .item .foto::before {
    content: "";
    position: absolute;
    left: 0; bottom: 0;
    width: 100%;
    height: 9.2em;
    background: linear-gradient(180deg, rgba(52, 66, 72, 0) 0%, #344248 100%);
    mix-blend-mode: multiply;
}


#home #opciones .categoria .items .item .foto p {
    font-weight: normal;
    font-size: 1.4em;
    line-height: 1em;
    color: #FFFFFF;
}
#home #opciones .categoria .items .item .foto svg {
    width: 1em; height: auto;
    display: inline-block; vertical-align: middle;
    margin-right: 0.7em;
    margin-top: -0.1em;
}

#home #opciones .categoria .items .item h4 {
    font-weight: 600;
    font-size: 1.8em;
    line-height: 1.5em;
    color: #344248;
    margin-bottom: 1.3em;
}

#home #opciones .categoria .contenido {
    position: absolute;
    left: 0; top: 0;
    width: 100%;
}
#home #opciones .categoria .contenido .bloque {
    display: none;
    background: #FFFFFF;
    border: 1px solid #DBDBDB;
    border-radius: 1em;
    padding: 3.5em 3.5em;
}
#home #opciones .categoria .contenido .bloque svg,
#home #opciones .categoria .contenido .bloque img {
    height: 3.2em; width: auto;
    display: block;
    margin-bottom: 1em;
}
#home #opciones .categoria .contenido .bloque h3 {
    font-weight: 600;
    font-size: 2.3em;
    line-height: 1.5em;
    color: #344248;
    margin-bottom: 0.7em;
}
#home #opciones .categoria .contenido .bloque .boton {
    font-size: 1.4em;
}

#home #opciones .categoria .contenido .paginacion .pags {
    text-align: left;
    padding: 0;
}

#home #opciones .categoria .items.bibliotecas .item .foto svg path { fill: #E83E8E; }
#home #opciones .categoria .items.museos .item .foto svg path { fill: #D4D92E; }
#home #opciones .categoria .items.bandas .item .foto svg path { fill: #4FB7B0; }
#home #opciones .categoria .items.monumentos .item .foto svg path { fill: #F39323; }


#home #suscribirse {
    background: #ffffff;
    padding: 6em 0;
    border-top: 1px solid #DBDBDB;
}
#home #suscribirse .columnas {
    display: flex;
    flex-wrap: wrap;
}
#home #suscribirse .columnas .columna {
    padding: 1em;
}
#home #suscribirse .columnas .columna.col01 {
    flex: 0 0 45%;
    max-width: 45%;
}
#home #suscribirse .columnas .columna.col02 {
    flex: 0 0 30%;
    max-width: 30%;
    text-align: center;
}
#home #suscribirse .columnas .columna.col03 {
    flex: 0 0 25%;
    max-width: 25%;
    text-align: right;
}


#home #suscribirse h2 {
    font-weight: 600;
    font-size: 2.3em;
    line-height: 1.2em;
    color: #37BBED;
    margin-bottom: 0.3em;
}
#home #suscribirse p {
    font-style: normal;
    font-weight: 300;
    font-size: 1.6em;
    line-height: 1.5em;
    color: #58595E;
}

#home #suscribirse input {
    display: block;
    width: 100%;
    border: 1px solid #DBDBDB;
    border-radius: 0.25em;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 1.6em;
    line-height: 1em;
    padding: 1em 1.2em;
    color: #1D292D;
}

#home #suscribirse .boton {
    font-size: 2em;
}
#home #suscribirse .boton svg {
    width: 1.15em;
    height: auto;
}
#home #suscribirse .boton:hover {
    background: transparent;
}

footer {
    background: #344248;
}
footer nav {
    background: #1D292D;
    padding: 0 0;
}
footer nav .menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 -1em;
    flex-wrap: wrap;
    padding: 1.5em 0;
}
footer nav .menu a {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.6em;
    line-height: 1em;
    color: #8A8B8E;
    padding: 0.7em 1em;
    cursor: pointer;
    transition: all 0.3s;    
}
footer nav .menu a:hover {
    color: #37BBED;
}

footer .contenido {
    padding: 2.5em 0;
}
footer .contenido .columnas {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2em;
}
footer .contenido .columnas .columna {
    padding: 2em;
}
footer .contenido .columnas .columna.col01 {
    flex: 0 0 25%;
    max-width: 25%;
}
footer .contenido .columnas .columna.col02 {
    flex: 0 0 40%;
    max-width: 40%;
    text-align: center;
}
footer .contenido .columnas .columna.col03 {
    flex: 0 0 35%;
    max-width: 35%;
    text-align: right;
}
footer .contenido .columnas .columna.col01 img {
    display: inline-block; vertical-align: middle;
}
footer .contenido .columnas .columna.col03 img {
    display: inline-block; vertical-align: middle;
    margin-left: 3em;
}

footer .contenido .columnas .columna.col02 h4 {
    font-size: 1.3em;
    color: #ffffff;
    margin: 1em 1.3em;
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
}

footer .contenido .columnas .columna.col02 a {
    display: inline-block; vertical-align: middle;
    margin: 0.7em;
    width: 40px; height: 40px;
    background: #1D292D;
    border-radius: 10000px;
    position: relative;
    transition: all 0.3s;
}
footer .contenido .columnas .columna.col02 a svg {
    display: block;
    position: absolute;
    left: 50%; top: 50%;
    transform: translate(-50%,-50%);
}
footer .contenido .columnas .columna.col02 a svg path {
    fill: #ffffff;
    transition: all 0.3s;
}

footer .contenido .columnas .columna.col02 a:hover {
    background: #ffffff;
}
footer .contenido .columnas .columna.col02 a:hover svg path {
    fill: #37BBED;
}


.tituloSeccion {
    padding: 5.5em 0 0;
}

.tituloSeccion h1 {
    font-weight: 600;
    font-size: 3em;
    line-height: 1em;
    color: #37BBED;
    margin-bottom: 1.3em;
}
.tituloSeccion h1 .icono {
    display: inline-block; vertical-align: middle;
    background: #37BBED;
    width: 2.2em; height: 2.2em;
    border-radius: 10000px;
    margin-right: 0.6em;
    position: relative;
}
.tituloSeccion h1 .icono svg {
    position: absolute;
    left: 50%; top: 50%;
    transform: translate(-50%,-50%);
    height: 1.1em; width: auto;
    max-width: 1.2em;
}
.tituloSeccion h1 .icono svg path {
    fill: #ffffff;
}
.linea {
    background: #CCCCCC;
    height: 1px;
    margin: 0;
}


#subhome #intro {
    padding: 5em 0 6em;
}
#subhome #intro .columnas {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2.6em;
    align-items: flex-start;
}
#subhome #intro .columnas .columna {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 2.6em;
}

#subhome #intro .columnas .columna p {
    font-weight: 400;
    font-size: 1.5em;
    line-height: 1.5em;
    text-align: justify;
    margin-bottom: 1em;
}
#subhome #intro .columnas .columna p strong {
    font-weight: 500;
}
#subhome #intro .columnas .columna .boton {
    margin-top: 1em;
    font-size: 2em;
}
.columnas .columna.col03 {
    text-align: right;
}

.botonMapaSubhome {
    display: flex;
    width: 100%;
    border: 1px solid #E83E8E;
    border-radius: 1em;
    overflow: hidden;
}
.botonMapaSubhome .izq {
    flex: 0 0 47%;
    max-width: 47%;
    transition: all 0.3s;
}
.botonMapaSubhome:hover .izq {
    flex: 0 0 45%;
    max-width: 45%;
}

.botonMapaSubhome .der {
    flex: 0 0 53%;
    max-width: 53%;
    background: url(images/subhome_mapa_bibliotecas.jpg) center no-repeat;
    background-size: auto 100%;
    transition: all 0.3s;
}
.botonMapaSubhome:hover .der {
    background-size: auto 110%;
    flex: 0 0 55%;
    max-width: 55%;
}

.botonMapaSubhome .izq .bloque {
    padding: 4em;
    background: #E83E8E;
    transition: all 0.3s;
}
.botonMapaSubhome:hover .izq .bloque {
    /*transform: translateX(-1em);*/
    padding-left: 5em;
}

.botonMapaSubhome .izq .bloque h4 {
    font-weight: 600;
    font-size: 2.3em;
    max-width: 7em;
    line-height: 1.3em;
    color: #FFFFFF;
}
#subhome #intro .columnas .columna .botonMapaSubhome .izq .bloque .boton {
    margin-top: 1.5em;
    background: #ffffff;
    border-color: #ffffff;
    color: #E83E8E;
    font-size: 1.4em;
}


.botonMapaSubhome.bibliotecas {
    border-color: #E83E8E;
}
.botonMapaSubhome.bibliotecas .izq .bloque {
    background: #E83E8E;
}
#subhome #intro .columnas .columna .botonMapaSubhome.bibliotecas .izq .bloque .boton {
    color: #E83E8E;
}

.botonMapaSubhome.museos {
    border-color: #D4D92E;
}
.botonMapaSubhome.museos .izq .bloque {
    background: #D4D92E;
}
#subhome #intro .columnas .columna .botonMapaSubhome.museos .izq .bloque .boton {
    color: #D4D92E;
}

.botonMapaSubhome.bandas {
    border-color: #4FB7B0;
}
.botonMapaSubhome.bandas .izq .bloque {
    background: #4FB7B0;
}
#subhome #intro .columnas .columna .botonMapaSubhome.bandas .izq .bloque .boton {
    color: #4FB7B0;
}

.botonMapaSubhome.monumentos {
    border-color: #F39323;
}
.botonMapaSubhome.monumentos .izq .bloque {
    background: #F39323;
}
#subhome #intro .columnas .columna .botonMapaSubhome.monumentos .izq .bloque .boton {
    color: #F39323;
}

.botonMapaSubhome.faros {
    border-color: #E26205;
}
.botonMapaSubhome.faros .izq .bloque {
    background: #E26205;
}
#subhome #intro .columnas .columna .botonMapaSubhome.faros .izq .bloque .boton {
    color: #E26205;
}


#subhome #intro .columnas .columna .botonMapaSubhome:hover .izq .bloque .boton {
    background: transparent;
    color: #ffffff !important;
    padding: 0.7em 1.4em;
}






#subhome #intro .linea {
    margin-top: 4.5em;    
}

#subhome #contenidos {
    padding: 6em 0 2em;
}
#subhome #contenidos .posts .item .bloque .foto.base {
    background-position: center;
}


#subhome #agenda {
    padding: 6em 0 0;
}


#subhome .bibliotecas header h1 .icono {
    background: #E83E8E;
}
#subhome .bibliotecas header h1 {
    color: #E83E8E;
}


#subhome .museos header h1 .icono {
    background: #D4D92E;
}
#subhome .museos header h1 {
    color: #D4D92E;
}


#subhome .bandas header h1 .icono {
    background: #4FB7B0;
}
#subhome .bandas header h1 {
    color: #4FB7B0;
}

#subhome .monumentos header h1 .icono {
    background: #F39323;
}
#subhome .monumentos header h1 {
    color: #F39323;
}


#subhome .faros header h1 .icono {
    background: #E26205;
}
#subhome .faros header h1 {
    color: #E26205;
}


#single main {
    padding: 9em 0;
    position: relative;
}

#single main .columnas {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.3em;
    align-items: flex-start;
}
#single .columnas .izq {
    flex: 0 0 73%;
    max-width: 73%;
    padding: 1.3em;
}
#single .columnas .der {
    flex: 0 0 27%;
    max-width: 27%;
    padding: 1.3em;
}


#single .columnas .izq .top {
    padding-left: 9em;
    position: relative;
    margin-bottom: 4em;
}
#single .columnas .izq .top .icono {
    position: absolute;
    left: 0; top: -0.6em;
    width: 7em; height: 7em;
    border-radius: 1000px;
    background: #37BBED;
}

#single .bibliotecas .columnas .izq .top .icono { background: #E83E8E; }
#single .museos .columnas .izq .top .icono { background: #D4D92E; }
#single .bandas .columnas .izq .top .icono { background: #4FB7B0; }
#single .monumentos .columnas .izq .top .icono { background: #F39323; }
#single .faros .columnas .izq .top .icono { background: #E26205; }


#single .columnas .izq .top .icono svg {
    position: absolute;
    left: 50%; top: 50%;
    transform: translate(-50%,-50%);
    height: 3.4em; width: auto;
}
#single .columnas .izq .top .icono svg path {
    fill: #ffffff;
}
#single .columnas .izq .top h2 {
    font-weight: bold;
    font-size: 2em;
    line-height: 1em;
    color: #37BBED;
    margin-bottom: 0.2em;
}

#single .bibliotecas .columnas .izq .top h2 { color: #E83E8E; }
#single .museos .columnas .izq .top h2 { color: #D4D92E; }
#single .bandas .columnas .izq .top h2 { color: #4FB7B0; }
#single .monumentos .columnas .izq .top h2 { color: #F39323; }
#single .faros .columnas .izq .top h2 { color: #E26205; }

#single .columnas .izq .top h1 {
    font-style: normal;
    font-weight: 600;
    font-size: 3em;
    line-height: 1.3em;
    color: #344248;
}

#single .columnas .izq .top .organismo {
    display: none;
    margin-top: 0.7em;
}


#single .columnas .izq .fotoDestacada,
#single .columnas .izq .galeria .fotoGrande {
    width: 100%;
    /*max-height: 35em;*/
    max-width: 110em;
    display: flex;
    align-items: center;
    border-radius: 1em;
    overflow: hidden;
    margin-bottom: 4em;
    position: relative;
}
#single .columnas .izq .fotoDestacada img,
#single .columnas .izq .galeria .fotoGrande img {
    width: 100%;
    border-radius: 1em;
}
#single .columnas .izq .galeria .fotoGrande img {
    width: 100%;
}

#single .columnas .izq .fotoDestacada .boton {
    font-size: 1.6em;
}
#single .columnas .izq .fotoDestacada .boton:hover {
    background: #ffffff;
    border-color: #ffffff;
}

.esquina {
    position: absolute;
    padding: 2em;
    width: 100%;
}

.esquina.e01 { left: 0; top: 0; }
.esquina.e02 { right: 0; top: 0; text-align: right; }
.esquina.e03 { right: 0; bottom: 0; text-align: right; }
.esquina.e04 { left: 0; bottom: 0; }

.content p,
.content li {
    font-style: normal;
    font-weight: 400;
    font-size: 1.6em;
    line-height: 1.5em;
    text-align: justify;
    color: #58595E;
    margin: 25px 0;
}

.content ul,
.content ol {
    margin: 25px 0;
    padding-left: 20px;
}

.content li {
    margin: 5px 0;
}

.content a {
    color: #37BBED;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6{
    font-weight: 600;
    font-size: 1.6em;
    line-height: 1.8em;
    color: #344248;
    margin: 25px 0;
    text-transform: uppercase;
}
/*.content h5 { font-size: 1.8em; }
.content h4 { font-size: 2em; }
.content h3 { font-size: 2.2em; }
.content h2 { font-size: 2.4em; }
.content h1 { font-size: 2.6em; }*/


hr {
    border: 0;
    height: 1px;
    background: #cccccc;
    margin: 25px 0;
}


#single .columnas .izq .etiquetas {
    margin-top: 3em;
    font-family: 'Roboto', sans-serif;
    font-style: italic;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.5em;
    color: #999999;
}
#single .columnas .izq .etiquetas a {
    font-weight: normal;
    color: #999999;
}
#single .columnas .izq .etiquetas span {
    font-weight: 600;
}





#single .columnas .izq .contenido {
    padding: 0em 0 2em;
    max-width: 110em;
}

#single .columnas .izq .contenido video {
    width: 100%;
    height: auto;
    border-radius: 1em;
}
#single .columnas .izq .contenido iframe {
    border-radius: 1em;
}

#single .columnas .izq .contenido .audio {
    background: #ffffff;
    padding: 1.5em;
    border-radius: 1em;
    margin: 1.5em 0;
    border: 1px solid #DBDBDB;
}
#single .columnas .izq .contenido .audio:first-of-type {
    margin-top: 0;
}
#single .columnas .izq .contenido .audio:last-of-type {
    margin-bottom: 0;
}
#single .columnas .izq .contenido .audio h5 {
    font-size: 1.6em;
    padding-left: 0.5em;
    font-weight: 500;
    color: #37BBED;
    margin-bottom: 0.7em;
}
#single .columnas .izq .contenido .audio audio {
    width: 100%;
    border-radius: 100000px;
}


#single .columnas .izq .galeria .fotoGrande {
    max-height: 45em;
    margin-bottom: 0;
}

#single .columnas .izq .galeria .fotos {
    margin: 1em -1em;
}

#single .columnas .izq .galeria .fotos .item {
    padding: 1em;
    flex: 0 0 25%;
    max-width: 25%;
}
#single .columnas .izq .galeria .fotos .item .foto {
    width: 100%; height: 13.7em;
    background: url(images/fotoGaleria.jpg);
    background-size: cover;
    border-radius: 1em;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
#single .columnas .izq .galeria .fotos .item .foto::before {
    content: "";
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background: #37BBED;
    mix-blend-mode: multiply;
    opacity: 0;
    transition: all 0.3s;
}
#single .columnas .izq .galeria .fotos .item .foto:hover::before {
    opacity: 0.7;
}


#single .columnas .izq .adjuntos {
    padding: 2em 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1em;
}
#single .columnas .izq .adjuntos .item {
    padding: 1em;
    flex: 0 0 auto;
    max-width: 50%;
}
#single .columnas .izq .adjuntos .item a {
    background: #ffffff;
    padding: 2em 8.5em;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    min-height: 9.5em;
    border-radius: 1em;
    transition: all 0.3s;
}
#single .columnas .izq .adjuntos .item a span {
    font-weight: 600;
    font-size: 1.8em;
    line-height: 1.3em;
    color: #344248;
    transition: all 0.3s;
}
#single .columnas .izq .adjuntos .item a svg:first-of-type {
    position: absolute;
    left: 2.5em;
    top: 50%;
    transform: translateY(-50%);
    width: 4em; height: auto;
}
#single .columnas .izq .adjuntos .item a svg:last-of-type {
    position: absolute;
    right: 3em;
    top: 50%;
    transform: translateY(-50%);
    width: 3.2em; height: auto;
}
#single .columnas .izq .adjuntos .item a svg path {
    fill: #37BBED;
    transition: all 0.3s;
}

#single .columnas .izq .adjuntos .item a:hover {
    background: #37BBED;
}
#single .columnas .izq .adjuntos .item a:hover span {
    color: #ffffff;
}
#single .columnas .izq .adjuntos .item a:hover svg path {
    fill: #ffffff !important;
}



#single .columnas .der {
    padding-top: 0;
    margin-top: -0.5em;
}

#single .columnas .der .bloqueOrganismo {
    margin-bottom: 2.5em;
    text-align: center;
    max-width: 60em;
}

#single .columnas .der .bloqueOrganismo h6,
#single .columnas .der .bloqueOrganismo .nombre {
    position: relative;
}
#single .columnas .der .bloqueOrganismo h6::before {
    content: "";
    position: absolute;
    left: 0; top: 50%;
    width: 100%;
    height: 50%;
    border-radius: 10px 10px 0 0;
    border: 1px solid #344248;
    border-bottom: 0;
}

#single .columnas .der .bloqueOrganismo h6 span {
    position: relative;
    display: inline-block;
    font-style: normal;
    font-weight: 600;
    font-size: 2.2em;
    line-height: 1em;
    color: #344248; 
    padding: 1.2em 1em;
    background: #F2F3F4;
}

#single .columnas .der .bloqueOrganismo .nombre {
    padding: 0 1.5em;
}

#single .columnas .der .bloqueOrganismo .nombre::before {
    content: "";
    position: absolute;
    left: 0; bottom: 50%;
    width: 100%;
    height: 50%;
    border-radius: 0 0 10px 10px;
    border: 1px solid #344248;
    border-top: 0;
}

#single .columnas .der .bloqueOrganismo .nombre span {
    position: relative;
    display: inline-block;
    font-weight: 600;
    font-size: 2.4em;
    line-height: 1.2em;
    color: #FFFFFF;
    padding: 0.5em 1em 0.7em;
    background: #344248;
    border-radius: 1000px;
    min-width: 10em;
}



#single .columnas .der .mapa {
    border: 1px solid #E83E8E;
    border-radius: 1em;
    overflow: hidden;
    max-width: 60em;
}
#single .columnas .der .mapa .img {
    height: 21.4em;
    background: url(images/subhome_mapa_bibliotecas.jpg) center no-repeat;
    background-size: cover;
}
#single .columnas .der .mapa .bloque {
    padding: 3em 3em 4em;
    background: #E83E8E;
}
#single .columnas .der .mapa .bloque h6 {
    font-style: normal;
    font-weight: 600;
    font-size: 2.3em;
    line-height: 1.5em;
    color: #FFFFFF;
    margin-bottom: 1em;
}
#single .columnas .der .mapa .bloque .boton {
    background: #ffffff;
    color: #E83E8E;
    border-color: #ffffff;
    font-size: 14px;
    margin: 0.3em 0.7em 0.3em 0;
}

#single .bibliotecas .columnas .der .mapa { border-color: #E83E8E; }
#single .bibliotecas .columnas .der .mapa .bloque { background: #E83E8E; }
#single .bibliotecas .columnas .der .mapa .bloque .boton { color: #E83E8E; }

#single .museos .columnas .der .mapa { border-color: #D4D92E; }
#single .museos .columnas .der .mapa .bloque { background: #D4D92E; }
#single .museos .columnas .der .mapa .bloque .boton { color: #D4D92E; }

#single .bandas .columnas .der .mapa { border-color: #4FB7B0; }
#single .bandas .columnas .der .mapa .bloque { background: #4FB7B0; }
#single .bandas .columnas .der .mapa .bloque .boton { color: #4FB7B0; }

#single .monumentos .columnas .der .mapa { border-color: #F39323; }
#single .monumentos .columnas .der .mapa .bloque { background: #F39323; }
#single .monumentos .columnas .der .mapa .bloque .boton { color: #F39323; }

#single .faros .columnas .der .mapa { border-color: #E26205; }
#single .faros .columnas .der .mapa .bloque { background: #E26205; }
#single .faros .columnas .der .mapa .bloque .boton { color: #E26205; }



#single .columnas .der .mapa .bloque .boton.listado {
    background: rgba(255,255,255,0);
    color: #ffffff !important;
    margin-right: 0;
}
#single .columnas .der .mapa .bloque .boton.listado:hover {
    background: rgba(255,255,255,0.3);
}

#single .columnas .der .mapa.general {
    border-color: #37BBED !important;
}
#single .columnas .der .mapa.general .bloque {
    background: #37BBED !important;
}
#single .columnas .der .mapa.general .bloque .boton {
    color: #37BBED !important;
}

#single .columnas .der .mapa .img {
    background-image:url(images/subhome_mapa_general.jpg);
}


#single .columnas .der .mapa .bloque .boton:hover {
    background: transparent;
    color: #ffffff !important;
}





#single .columnas .der .bloqueInfo {
    background: #37BBED;
    padding: 3.5em 3em 4em;
    border-radius: 1em;
    max-width: 60em;
}

#single .columnas .der .bloqueInfo h4 {
    font-weight: 600;
    font-size: 2.3em;
    line-height: 1em;
    color: #FFFFFF;
    margin-bottom: 1.5em;
}
#single .columnas .der .bloqueInfo .info {
    position: relative;
    margin-bottom: 3em;
    /*padding-left: 3.5em;*/
}
#single .columnas .der .bloqueInfo .info:last-of-type {
    margin-bottom: 0;
}
#single .columnas .der .bloqueInfo .info h5 {
    font-weight: 600;
    font-size: 1.6em;
    line-height: 1em;
    color: #FFFFFF;
    margin-bottom: 0.6em;
    position: relative;
    padding-left: 1.9em;
}
#single .columnas .der .bloqueInfo .info p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1.6em;
    line-height: 1.2em;
    letter-spacing: 0.02em;
    color: #FFFFFF;
}
#single .columnas .der .bloqueInfo .info p.s2 {
    font-size: 1.2em;
    font-weight: 500;
    word-wrap: break-word;
}
#single .columnas .der .bloqueInfo .info p a {
    color: #ffffff;
    word-wrap: break-word;
}
#single .columnas .der .bloqueInfo .info .icono {
    position: absolute;
    left: 0; top: 50%;
    transform: translateY(-50%);
    text-align: center;
    width: 1.25em;
}
#single .columnas .der .bloqueInfo .info svg {
    height: 2.3em;
    width: auto;
    max-width: 100%;
}
#single .columnas .der .bloqueInfo .info svg path {
    fill: #ffffff;
}


#single .bibliotecas .columnas .der .bloqueInfo { background: #E83E8E; }
#single .museos .columnas .der .bloqueInfo { background: #D4D92E; }
#single .bandas .columnas .der .bloqueInfo { background: #4FB7B0; }
#single .monumentos .columnas .der .bloqueInfo { background: #F39323; }
#single .faros .columnas .der .bloqueInfo { background: #E26205; }



#single #relacionados {
    padding: 6em 0 0;
}


#single .botonVolver {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1em;
    color: #37BBED;
    transition: all 0.3s;
}
#single .botonVolver svg {
    display: inline-block; vertical-align: middle;
    margin: 0.2em 0.5em 0.3em 0;
}
#single .botonVolver svg path {
    fill: #37BBED;
    transition: all 0.3s;
}


#single .bibliotecas .botonVolver { color: #E83E8E; }
#single .bibliotecas .botonVolver svg path { fill: #E83E8E; }

#single .museos .botonVolver { color: #D4D92E; }
#single .museos .botonVolver svg path { fill: #D4D92E; }

#single .bandas .botonVolver { color: #4FB7B0; }
#single .bandas .botonVolver svg path { fill: #4FB7B0; }

#single .monumentos .botonVolver { color: #F39323; }
#single .monumentos .botonVolver svg path { fill: #F39323; }

#single .faros .botonVolver { color: #E26205; }
#single .faros .botonVolver svg path { fill: #E26205; }



#single .botonVolver:hover { color: #344248 !important; }
#single .botonVolver:hover svg path { fill: #344248 !important; }


#single .datos {
    padding: 0em 0 2em;
}
#single .items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.8em;
}
#single .items .item {
    padding: 0.8em;
    flex: 0 0 25%;
    max-width: 25%;
}
#single .items .item.grande {
    flex: 0 0 50%;
    max-width: 50%;
}
#single .items .item.grande02 {
    flex: 0 0 50%;
    max-width: 50%;
}
#single .items .item.grande03 {
    flex: 0 0 75%;
    max-width: 75%;
}
#single .items .item .bloque {
    background: #FFFFFF;
    border: 1px solid #DBDBDB;
    border-radius: 1em;
    padding: 3.3em 2.5em 3.3em 8em;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}
#single .items .item .bloque .middle {
    flex: 0 0 100%;
    max-width: 100%;
}

#single .items .item .bloque .icono {
    position: absolute;
    left: 2em;
    top: 50%;
    transform: translateY(-50%);
    width: 4em;
    height: 5em;
    text-align: center;
    line-height: 5em;
    vertical-align: middle;
}
#single .items .item .bloque .icono svg {
    display: inline-block; vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}
#single .items .item .bloque h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 1.5em;
    line-height: 1.2em;
    color: #344248;
    margin-bottom: 0.4em;
}
#single .items .item .bloque h5 {
    font-weight: 900;
    font-size: 2.1em;
    line-height: 1em;
    color: #E83E8E;
}
#single .items .item.grande02 .bloque h5,
#single .items .item.grande03 .bloque h5 {
    font-size: 1.5em;
    line-height: 1.2em;
}

#single .bibliotecas .items .item .bloque h5 { color: #E83E8E; }
#single .bibliotecas .items .item .bloque .icono svg path { fill: #E83E8E; }

#single .museos .items .item .bloque h5 { color: #D4D92E; }
#single .museos .items .item .bloque .icono svg path { fill: #D4D92E; }

#single .bandas .items .item .bloque h5 { color: #4FB7B0; }
#single .bandas .items .item .bloque .icono svg path { fill: #4FB7B0; }

#single .monumentos .items .item .bloque h5 { color: #F39323; }
#single .monumentos .items .item .bloque .icono svg path { fill: #F39323; }

#single .faros .items .item .bloque h5 { color: #E26205; }
#single .faros .items .item .bloque .icono svg path { fill: #E26205; }


#single .visita {
    background: #ffffff;
    padding: 4em;
    border: 1px solid #DBDBDB;
    border-radius: 1em;
}
#single .visita h3 {
    font-weight: 600;
    font-size: 2.3em;
    line-height: 1.3em;
    color: #344248;
    margin-bottom: 0.6em;
}
#single .visita p {
    font-weight: 300;
    font-size: 1.6em;
    line-height: 1.3em;
    color: #58595E;
}


#filtros {
    font-size: 10px;
    position: absolute;
    left: 0; top: 0;
    height: 100%;
    background: #ffffff;
    width: 36em;
    transform: translateX(-33.5em);
    z-index: 1;
}
#filtros .scroll {
    overflow-y: auto;
    height: 100%;
}
#filtros .scroll .contenido {
    padding: 8em 3.5em;
}

#filtros .flecha {
    font-size: 10px;
    position: absolute;
    left: 100%; top: 0;
    width: 2em;
    height: 100%;
    background: #EFEFEF;
    border-left: 1px solid #DBDBDB;
    border-right: 1px solid #DBDBDB;
    cursor: pointer;
    transition: all 0.3s;
}
#filtros .flecha:hover {
    background: #DBDBDB;
}

#filtros .flecha svg {
    position: absolute;
    left: 50%; top: 35em;
    transform: translateX(-50%) rotate(-180deg);
}


#filtros.activo  .flecha svg {
    transform: translateX(-50%) rotate(0deg);
}


#filtros .cols {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

#filtros h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 1.6em;
    line-height: 1em;
    color: #58595E;
}
#filtros .limpiar {
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.3em;
    line-height: 1em;
    text-align: right;
    color: #37BBED;
    transition: all 0.3s;
}
#filtros .limpiar svg {
    display: inline-block; vertical-align: middle;
    width: 1.5em;
    margin: 0.4em 0 0.5em 0.4em;
}
#filtros .limpiar svg path {
    fill: #37BBED;
    transition: all 0.3s;
}
#filtros .limpiar:hover {
    color: #0072BB;
}
#filtros .limpiar:hover svg path {
    fill: #0072BB;
}
#filtros .seleccionActual {
    padding: 2em 0 4em;
    margin: 0 -0.3em;
}
#filtros .seleccionActual .item {
    display: inline-block; vertical-align: middle;
    border: 1px solid #B3B3B3;
    border-radius: 10000px;
    padding: 1em 1em 0.7em;
    font-style: normal;
    font-weight: 500;
    font-size: 1.3em;
    line-height: 1.3em;
    color: #B3B3B3;
    margin: 0.5em 0.3em;
    cursor: pointer;
    transition: all 0.3s;
}
#filtros .seleccionActual .item:hover {
    border-color: #344248;
    color: #344248;
}
#filtros .seleccionActual .item svg,
#filtros .seleccionActual .item img {
    display: inline-block;
    vertical-align: middle;
    margin: 0.2em 0.4em 0.4em;
}
#filtros .seleccionActual .item img {
    margin-left: 0;
}
#filtros .seleccionActual .item svg {
    margin-right: 0;
}
#filtros .seleccionActual .item svg path {
    fill: #B3B3B3;
}
#filtros .seleccionActual .item:hover svg path {
    fill: #344248;
    transition: all 0.3s;
}
#filtros .seleccionActual .item.bibliotecas {
    border-color: #E83E8E;
    color: #E83E8E;
}
#filtros .seleccionActual .item.bibliotecas svg path {
    fill: #E83E8E;
}

#filtros .botonTipo {
    display: block;
    font-style: normal;
    font-weight: 500;
    font-size: 1.9em;
    line-height: 1em;
    color: #FFFFFF;
    background: #0072BB;
    border-radius: 0.25em;
    padding: 0.6em 1em 0.5em;
    text-align: center;
    transition: all 0.3s;
}
#filtros .botonTipo svg {
    display: inline-block; vertical-align: middle;
    height: 1em;
    margin: 0.3em 0.5em 0.5em 0;
}
#filtros .botonTipo svg path {
    fill: #ffffff;
}
#filtros .botonTipo:hover {
    background: #37BBED;
}

#filtros .ubicacion {
    margin: 2em 0 6em;
    padding-right: 6em;
    position: relative;
}
#filtros .ubicacion span {
    display: block;
    width: 100%;
    border: 1px solid #DBDBDB;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.6em;
    line-height: 1em;
    color: #344248;
    padding: 0.9em 1.2em;
}
#filtros .ubicacion select {
    position: absolute;
    left: 0; top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
#filtros .ubicacion .botonMas {
    display: block;
    position: absolute;
    right: 0; top: 0;
    width: 5em; height: 100%;
    background: #0072BB;
    border-radius: 0.5em;
    cursor: pointer;
    transition: all 0.3s;
}
#filtros .ubicacion .botonMas svg,
#filtros .ubicacion .botonMas img {
    position: absolute;
    left: 50%; top: 50%;
    transform: translate(-50%,-50%);
}
#filtros .ubicacion .botonMas:hover {
    background: #37BBED;
}

#filtros .opciones {
    margin: 2em 0em 2em;
}
#filtros .opciones .opcion {
    padding: 0.5em 0;
    cursor: pointer;
}
#filtros .opciones .opcion span {
    display: inline-block; vertical-align: middle;
    font-weight: normal;
    font-size: 1.3em;
    line-height: 1em;
    color: #58595E;
}
#filtros .opciones .opcion span.circulo {
    font-size: 1em;
    width: 1.8em; height: 1.8em;
    background: #ffffff;
    border: 1px solid #DBDBDB;
    border-radius: 10000px;
    margin: 0.3em 0.7em 0.3em 0;
    position: relative;
}
#filtros .opciones .opcion span.circulo:before {
    content: "";
    position: absolute;
    left: 0.3em; top: 0.3em; right: 0.3em; bottom: 0.3em;
    border-radius: 10000000px;
    background: #37BBED;
    opacity: 0;
    transition: all 0.3s;
}
#filtros .opciones .opcion.activo span.circulo:before {
    opacity: 1;
}

#filtros .opciones .opcion span img {
    display: inline-block; vertical-align: middle;
    margin: 0.1em 0.3em 0.3em 0;
    height: 1.3em; width: auto;
}


#filtros .opciones .opcion .bibliotecas { color: #E83E8E; }
#filtros .opciones .opcion .museos { color: #D4D92E; }
#filtros .opciones .opcion .bandas { color: #4FB7B0; }
#filtros .opciones .opcion .monumentos { color: #F39323; }
#filtros .opciones .opcion .faros { color: #E26205; }

#filtros .opciones .opcion .ara { color: #005CFF; }
#filtros .opciones .opcion .ea { color: #31BA6B; }
#filtros .opciones .opcion .faa { color: #00BDFF; }
#filtros .opciones .opcion .emco { color: #FF3C00; }


#filtros .opciones .opcion span.circulo.bibliotecas:before { background: #E83E8E; }
#filtros .opciones .opcion span.circulo.museos:before { background: #D4D92E; }
#filtros .opciones .opcion span.circulo.bandas:before { background: #4FB7B0; }
#filtros .opciones .opcion span.circulo.monumentos:before { background: #F39323; }
#filtros .opciones .opcion span.circulo.faros:before { background: #E26205; }

#filtros .opciones .opcion span.circulo.ara:before { background: #005CFF; }
#filtros .opciones .opcion span.circulo.ea:before { background: #31BA6B; }
#filtros .opciones .opcion span.circulo.faa:before { background: #00BDFF; }
#filtros .opciones .opcion span.circulo.emco:before { background: #FF3C00; }


#archive main {
    padding: 0 0 10em;
    min-height: 100vh;
}

#archive .paginacion {
    margin-top: 4em;
    display: flex;
    justify-content: space-between;
    justify-content: center;
}

#archive .paginacion div {
    flex: 0 0 50%;
    max-width: 50%;
}
#archive .paginacion div:first-of-type {
    text-align: left;
}
#archive .paginacion div:last-of-type {
    text-align: right;
}

#archive .paginacion div:only-child {
    text-align: center;
}

#archive .paginacion a {
    display: inline-block; vertical-align: middle;
    font-style: normal;
    font-weight: 500;
    font-size: 2em;
    line-height: 2.5em;
    height: 2.7em;
    vertical-align: middle;
    color: #FFFFFF;
    background: #37BBED;
    border-radius: 0.25em;
    padding: 0 1.2em;
    transition: all 0.3s;
}
#archive .paginacion svg,
#archive .paginacion img {
    display: inline-block; vertical-align: middle;
    margin: 0.3em 0.3em 0.3em 0;
    max-height: 1.1em;
}
#archive .paginacion svg path {
    fill: #ffffff;
}


#archive .paginacion a:hover {
    background: #0072BB;
}


#archive .menuCategorias hr {
    margin: 0;
}

#archive .menuCategorias .scroll {
    overflow-x: auto;
    overflow-y: hidden;
}
#archive .menuCategorias .menu {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

#archive .menuCategorias .menu .cat {
    flex: 0 0 16.666%;
    max-width: 16.666%;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 1.5em;
    height: 4.2em;
    line-height: 4.2em;
    vertical-align: middle;
    color: #58595E;
    position: relative;
    min-width: 10em;
    cursor: pointer;
    transition: all 0.3s;
}

#archive .menuCategorias .menu .cat svg,
#archive .menuCategorias .menu .cat img {
    display: inline-block; vertical-align: middle;
    margin: 0em 0.6em 0.3em 0;
    height: 1.5em; width: auto;
}
#archive .menuCategorias .menu .cat svg path {
    fill: #58595E;
    transition: all 0.3s;
}

#archive .menuCategorias .menu .cat span {
    display: inline-block;
    margin: 0em 0.6em 0.3em 0;
}
#archive .menuCategorias .menu .cat span svg,
#archive .menuCategorias .menu .cat span img {
    margin: 0;
    max-width: 100%; max-height: 100%;
}

#archive .menuCategorias .menu .cat::before {
    content: "";
    position: absolute;
    left: 0; bottom: 0;
    width: 100%; height: 3px;
    background: #37BBED;
    transition: all 0.3;
    opacity: 0;
}
#archive .menuCategorias .menu .cat:hover,
#archive .menuCategorias .menu .cat.activo {
    color: #37BBED;
}
#archive .menuCategorias .menu .cat:hover svg path,
#archive .menuCategorias .menu .cat.activo svg path{
    fill: #37BBED;
}
#archive .menuCategorias .menu .cat.activo::before {
    opacity: 1;
}

#archive .menuCategorias .menu .cat.bibliotecas::before { background: #E83E8E; }
#archive .menuCategorias .menu .cat.bibliotecas:hover,
#archive .menuCategorias .menu .cat.bibliotecas.activo { color: #E83E8E; }
#archive .menuCategorias .menu .cat.bibliotecas:hover svg path,
#archive .menuCategorias .menu .cat.bibliotecas.activo svg path { fill: #E83E8E; }

#archive .menuCategorias .menu .cat.museos::before { background: #D4D92E; }
#archive .menuCategorias .menu .cat.museos:hover,
#archive .menuCategorias .menu .cat.museos.activo { color: #D4D92E; }
#archive .menuCategorias .menu .cat.museos:hover svg path,
#archive .menuCategorias .menu .cat.museos.activo svg path { fill: #D4D92E; }

#archive .menuCategorias .menu .cat.bandas::before { background: #4FB7B0; }
#archive .menuCategorias .menu .cat.bandas:hover,
#archive .menuCategorias .menu .cat.bandas.activo { color: #4FB7B0; }
#archive .menuCategorias .menu .cat.bandas:hover svg path,
#archive .menuCategorias .menu .cat.bandas.activo svg path { fill: #4FB7B0; }

#archive .menuCategorias .menu .cat.monumentos::before { background: #F39323; }
#archive .menuCategorias .menu .cat.monumentos:hover,
#archive .menuCategorias .menu .cat.monumentos.activo { color: #F39323; }
#archive .menuCategorias .menu .cat.monumentos:hover svg path,
#archive .menuCategorias .menu .cat.monumentos.activo svg path { fill: #F39323; }

#archive .menuCategorias .menu .cat.faros::before { background: #E26205; }
#archive .menuCategorias .menu .cat.faros:hover,
#archive .menuCategorias .menu .cat.faros.activo { color: #E26205; }
#archive .menuCategorias .menu .cat.faros:hover svg path,
#archive .menuCategorias .menu .cat.faros.activo svg path { fill: #E26205; }


.buscador.tipoB,
#archive #buscador {
    padding: 4em 0 0;
}
.buscador.tipoB .cols {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -1em;
}
.buscador.tipoB .cols .col {
    padding: 1em;
}
.buscador.tipoB input {
    display: inline-block; vertical-align: middle;
    width: 100%;
    max-width: 13em;
    border: 1px solid #DBDBDB;
    border-radius: 0.3em;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 1.6em;
    line-height: 1em;
    padding: 0.8em 1.2em;
    color: #1D292D;
    margin-right: 0.7em;
}
.buscador.tipoB .botonBuscar {
    font-size: 1em;
    background: #37BBED;
    width: 4.5em; height: 4.5em;
    border: 0;
    border-radius: 0.5em;
    display: inline-block; vertical-align: middle;
    cursor: pointer;
    transition: all 0.3s;
}
.buscador.tipoB .botonBuscar img {
    width: 2.3em; height: auto;
}
.buscador.tipoB .botonBuscar:hover {
    background: #0072BB;
}
.buscador.tipoB .select {
    display: inline-block;
    vertical-align: top;
    margin: 0.5em;
    background: #37BBED;
    border-radius: 5px;
    padding: 1.5em 5.5em 1.5em 2em;
    position: relative;
    min-width: 17em;
    transition: all 0.3s;
}
.buscador.tipoB .select span {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 1.6em;
    line-height: 1em;
    color: #FFFFFF;
    
}
.buscador.tipoB .select .icono {
    position: absolute;
    right: 1.8em;
    top: 50%; transform: translateY(-50%);
    width: 2.6em; height: 2.6em;
    background: url(images/icono_desplegable.svg) center 1em no-repeat #ffffff;
    border-radius: 100000px;
}
.buscador.tipoB .select select,
.buscador.tipoB .select input {
    position: absolute;
    left: 0; top: 0; width: 100%; height: 100%;
    opacity: 0;
    cursor: pointer;
}
.buscador.tipoB .select:hover {
    background: #0072BB;
}


#mapa {
    width: 100%;
    min-height: 80vh;
}
#mapa.padding {
    padding-left: 2em !important;
}

/* ----- Estilos Argenmap ------ */
.olPopup {
    width: 293px !important;
}
.olFramedCloudPopupContent {
    left: 0 !important;
    margin-top: -9px !important;
    width: 100% !important;
    font-size: 13px !important;
}

img.olTileImage, div.olLayerDiv img, div.olFramedCloudPopupContent img, div.olPopup img {
    
}

.olFramedCloudPopupContent .foto {
    position: relative;
    width: 100%; height: 184px;
    border-radius: 10px;
    background: center no-repeat;
    background-size: cover;
}
.olFramedCloudPopupContent .esquina {
    padding: 20px;
}
.olFramedCloudPopupContent .info {
    padding: 28px 28px 0 28px;
    position: relative;
}

.olFramedCloudPopupContent .info .organismo {
    font-family: 'Encode Sans', sans-serif;
    padding: 0.4em 0.8em 0.5em !important;
}

.olFramedCloudPopupContent .info  h5 {
    font-family: 'Encode Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    color: #E83E8E;
    margin-bottom: 15px;
}
.olFramedCloudPopupContent .info  h5.bibliotecas { color: #E83E8E; }
.olFramedCloudPopupContent .info  h5.museos { color: #D4D92E; }
.olFramedCloudPopupContent .info  h5.bandas { color: #4FB7B0; }
.olFramedCloudPopupContent .info  h5.monumentos { color: #F39323; }
.olFramedCloudPopupContent .info  h5.faros { color: #E26205; }

.olFramedCloudPopupContent .info  h5 img {
    display: inline-block; vertical-align: middle;
    margin-top: -5px !important; margin-right: 5px !important;
    height: 20px; width: auto;
}

.olFramedCloudPopupContent .info h4 {
    font-family: 'Encode Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #344248;
    margin-bottom: 15px !important;
}
.olFramedCloudPopupContent .info .botonB {
    font-family: 'Encode Sans', sans-serif;
    font-size: 14px;
}

.olFramedCloudPopupContent .foto::before {
    content: "";
    position: absolute;
    left: 0; bottom: 0;
    width: 100%;
    height: 9.2em;
    background: linear-gradient(180deg, rgba(52, 66, 72, 0) 0%, #344248 100%);
    mix-blend-mode: multiply;
}


.olFramedCloudPopupContent .foto p {
    font-family: 'Encode Sans', sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 1em;
    color: #FFFFFF;
    margin-bottom: 0;
}
.olFramedCloudPopupContent .foto img {
    width: 1em; height: auto;
    display: inline-block; vertical-align: middle;
    margin-right: 5px !important;
    margin-top: -3px !important;
}


.contacto {
    padding: 6em 0 12em;
}

.contacto .columnas {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2em;
    align-items: flex-start;
}
.contacto .columnas .columna {
    padding: 2em;
}
.contacto .columnas .columna.izq {
    flex: 0 0 25%;
    max-width: 25%;
}
.contacto .columnas .columna.der {
    flex: 0 0 75%;
    max-width: 75%;
}

.contacto p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1.6em;
    line-height: 1.5em;
    letter-spacing: 0.02em;
    color: #58595E;
}
.contacto h3 {
    font-weight: 600;
    font-size: 1.6em;
    line-height: 1em;
    color: #37BBED;
    margin-bottom: 1em;
}
.contacto h3 img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.4em;
    margin-top: -0.2em;
}
.contacto hr {
    margin: 4em 0;
}
.contacto p a {
    color: #58595E;
    transition: all 0.3s;
}
.contacto p a:hover {
    color: #37BBED;
}


.contacto form, .visita form {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.2em;
}
.contacto form .col,
.visita form .col {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 1.3em 1.2em;
}
.contacto form .col.full,
.visita form .col.full {
    flex: 0 0 100%;
    max-width: 100%;
}
.contacto form .campo,
.visita form .campo {
    display: block;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #DBDBDB;
    box-sizing: border-box;
    border-radius: 0.5em;
    padding: 1.2em 1.5em;
    font-family: 'Roboto', sans-serif;

    font-size: 1.6em;
    line-height: 1em;
    color: #58595E;
}
.contacto form textarea.campo,
.visita form textarea.campo {
    height: 10.8em;
}

.contacto form .mensaje,
#home #suscribirse form .mensaje,
.visita form .mensaje {
    color: #344248;
    font-size: 11px;
    padding-top: 0.8em;
    font-weight: 600;
    text-align: left;
}

.contacto .boton,
.visita .boton {
    font-size: 2em;
}

.calendario .top {
    display: flex;
    background: #37BBED;
    border-radius: 1em;
}
.calendario .top div {
    flex: 0 0 14.28%;
    max-width: 14.28%;
    padding: 1.7em 1em 2.2em;
    text-align: center;
}
.calendario .top div h5 {
    font-weight: 600;
    font-size: 2em;
    line-height: 1em;
    color: #FFFFFF;
}
.calendario .top div h5.mobile {
    display: none;
}

.calendario .fechas {
    display: flex;
    flex-wrap: wrap;
    margin: 0.7em -0.7em;
}
.calendario .fechas .item {
    padding: 0.7em;
    flex: 0 0 14.28%;
    max-width: 14.28%;
}
.calendario .fechas .item .bloque {
    background: #FFFFFF;
    border: 1px solid #DBDBDB;
    box-sizing: border-box;
    border-radius: 1em;
    padding: 2.4em 0 4em;
    height: 100%;
    position: relative;
}

.calendario .fechas .item .bloque .num {
    font-style: normal;
    font-weight: 600;
    font-size: 2em;
    line-height: 1em;
    color: #37BBED;
    margin-bottom: 0.5em;
    padding: 0 1em;
}
.calendario .fechas .item .bloque .info {
    transition: all 0.3s;
    padding: 1.5em 2em 2em;
    cursor: pointer;
}
.calendario .fechas .item .bloque .info:hover {
    background: #EFEFEF;
}

.calendario .fechas .item .bloque .info h5 {
    font-weight: 600;
    font-size: 1.3em;
    line-height: 1em;
    color: #37BBED;
    margin-bottom: 0.7em;
}
.calendario .fechas .item .bloque .info .esquina {
    /*padding: 0;*/
}
.calendario .fechas .item .bloque .info .organismo {
    font-size: 11px;
    margin-bottom: 0.5em;
}
.calendario .fechas .item .bloque .info .esquina.e02 {
    top: 0.4em;
}
.calendario .fechas .item .bloque .info h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 1.4em;
    line-height: 1.2em;
    color: #58595E;
    margin-bottom: 0.5em;
}

.calendario .fechas .item .bloque .info h5.bibliotecas { color: #E83E8E; }
.calendario .fechas .item .bloque .info h5.museos { color: #D4D92E; }
.calendario .fechas .item .bloque .info h5.bandas { color: #4FB7B0; }
.calendario .fechas .item .bloque .info h5.monumentos { color: #F39323; }
.calendario .fechas .item .bloque .info h5.faros { color: #E26205; }

.calendario .fechas .item .bloque .info p {
    font-family: 'Roboto', sans-serif;
    font-size: 1.3em;
    line-height: 1.3em;
    color: #58595E;
    /*margin-bottom: 1em;*/
}
.calendario .fechas .item .bloque .info .botonB {
    font-size: 12px;
}

.calendario .fechas .item .bloque .flecha {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3.5em;
    cursor: pointer;
    transition: all 0.3s;
}

.calendario .fechas .item .bloque .flecha:hover {
    background: #EFEFEF;
}
.calendario .fechas .item .bloque .flecha img {
    position: absolute;
    left: 50%; top: 1em;
    transform: translateX(-50%);
}

.calendario .fechas .item .bloque.vacio {
    
}
.calendario .fechas .item .bloque.disabled {
    background: #E6E6E6;
    border-color: #C1C1C1;
}
.calendario .fechas .item .bloque.vacio p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-family: 'Roboto', sans-serif;    
    font-size: 1.6em;
    line-height: 1em;
    color: #C1C1C1;
    padding: 1.2em;
}
.calendario .fechas .item .bloque.vacio .num {
    color: #C1C1C1;
}

.calendario .fechas .item .bloque .desplegable {
    display: none;
    background: #FFFFFF;
    border-left: 1px solid #DBDBDB;
    border-right: 1px solid #DBDBDB;
    border-bottom: 1px solid #DBDBDB;
    border-radius: 0 0 1em 1em;
    padding: 0 0 4em;
    position: absolute;
    top: 100%;
    margin-top: -3.5em;
    left: -1px;
    right: -1px;
    z-index: 10;
}
.calendario .fechas .item .bloque .desplegable .flecha img {
    transform: translateX(-50%) rotate(-180deg);
}

#archive .paginacion.meses svg,
#archive .paginacion.meses img {
    margin: 0.3em;
}

#archive .paginacion.meses .anterior svg {
    margin-left: 0;    
}
#archive .paginacion.meses .siguiente svg {
    margin-right: 0;    
}

.sinresultados {
    padding: 6em 0;
}
.sinresultados p {
    font-size: 2em;
}
.sinresultados p a {
    color: #37BBED;
}

#buscadorGeneralContainer {
    border-top: 1px solid #DBDBDB;
    display: none;
    /*position: absolute;
    left: 0;
    top: 100%;
    width: 100%;*/
}
#buscadorGeneralContainer .buscador.tipoA {
    border: 0;
    margin: 0 -2.5em;
    border-radius: 0 0 1em 1em;
}
#buscadorGeneralContainer .buscador.tipoA .col {
    padding-top: 4em;
    padding-bottom: 2.7em;
}
#buscadorGeneralContainer .buscador.tipoA .col:last-of-type {
    border-right: 0;
}
#buscadorGeneralContainer .buscador.tipoA .col button {
    top: 1.8em;
}


@media (max-width: 1850px) {
    body {
        font-size: 9.5px;
    }
    #categorias .categoriasContenido {
        bottom: -10em;
    }
    #home #buscador {
        padding-top: 15em;
    }
}
@media (max-width: 1800px) {
    body {
        font-size: 9px;
    }
    
}

@media (max-width: 1700px) {
    body {
        font-size: 8.5px;
    }
    
    .container {
        max-width: 161em;
    }
    
    .titulo,
    #categorias .items .item .bloque h2,
    #home #agenda .item .bloque .info h4,
    #home #agenda .destacado p,
    #home #opciones .categoria .contenido .bloque h3,
    #single .visita h3 {
        font-size: 20px !important;
    }
    
    #home #suscribirse h2,
    .content h1, .content h2, .content h3, .content h4, .content h5, .content h6,
    #single .items .item .bloque h5,
    #single .columnas .der .bloqueInfo h4,
    #single .columnas .der .bloqueOrganismo .nombre span,
    .contacto .boton {
        font-size: 17px !important;
    }
    #single .items .item.grande02 .bloque h5,
    #single .items .item.grande03 .bloque h5 {
        font-size: 14px !important;
    }
    
    .boton,
    .botonB,
    #categorias .items .item .bloque span,
    #menuPrincipal .botonSeccion span,
    .buscador.tipoA .col h3,
    .buscador.tipoA .col .val,
    .posts .item .bloque h5,
    .posts .item .bloque p,
    #home #agenda .item .bloque .info p,
    #home #agenda .item .bloque .info h5,
    #home #agenda .item .bloque .info p.fecha,
    #menuPrincipal .botondesplegable .desplegable p,
    #home #opciones .categoria .items .item h4,
    #home #opciones .categoria .contenido .bloque .boton,
    #home #suscribirse p,
    #home #suscribirse input,
    footer nav .menu a,
    #subhome #intro .columnas .columna p,
    #subhome #intro .columnas .columna .botonMapaSubhome .izq .bloque .boton,
    .posts .item .bloque h4.chico,
    .content p, .content li,
    #single .items .item .bloque h4,
    #single .columnas .der .bloqueInfo .info h5,
    #single .columnas .der .bloqueInfo .info p,
    #single .columnas .der .bloqueOrganismo h6 span,
    .buscador.tipoB input,
    #archive .menuCategorias .menu .cat,
    #archive .paginacion a,
    .contacto form .campo,
    .visita form .campo,
    .contacto p,
    .contacto h3,
    .popupPost h5 .nombre,
    .popupPost p,
    #single .columnas .izq .contenido .audio h5,
    #single .visita p,
    footer .contenido .columnas .columna.col02 h4 {
        font-size: 14px !important;
    }
    .buscador.tipoA .col .boton,
    #home #opciones .categoria .items .item .foto p {
        font-size: 13px !important;
    }
    .organismo,
    .calendario .fechas .item .bloque .info h5,
    .calendario .fechas .item .bloque .info h4,
    .calendario .fechas .item .bloque.vacio p {
        font-size: 12px !important;
    }
    
    .calendario .fechas .item .bloque .info p {
        font-size: 11px !important;
    }
    
    .buscador.tipoB .select,
    .buscador.tipoB .botonBuscar {
        font-size: 9px;
    }
    
    
    #categorias .items .item .bloque:hover span {
        padding: 0.5em 1.2em 0.6em;
    }
    
    #home #agenda .destacado p {
        font-size: 2.5em;
    }
    #home #agenda .destacado a {
        font-size: 2.3em;
    }
    
    #home #agenda .destacado .contenido {
        padding-right: 38em;
    }
    
}

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

@media (max-width: 1600px) {
    body {
        font-size: 8px;
    }
    
}

@media (max-width: 1500px) {
    body {
        font-size: 7.5px;
    }
    #home #opciones .categoria .contenido .bloque {
        padding: 2.5em 3.5em;
    }
    
}

@media (max-width: 1400px) {
    body {
        font-size: 7px;
    }
    
}

@media (max-width: 1300px) {    
    #single main.filtros {
        padding-left: 0;
    }
    #filtros {
        position: fixed;
        z-index: 100;
    }
}

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

@media (max-width: 1200px) {
    #sliderHome .paginacion {
        left: auto;
        right: 2em;
    }
    
    .buscador.tipoA .col {
        flex: 0 0 25%;
        max-width: 25%;
        border-bottom: 1px solid #DBDBDB;
    }
    .buscador.tipoA .col:nth-of-type(4) {
        border-right: 0;
    }
    .buscador.tipoA .col.grande {
        flex: 0 0 100%;
        max-width: 100%;
        border-bottom: 0;
    }
    .buscador.tipoA {
        max-width: 110em;
    }
    
    .buscador.tipoA .col button {
        top: 50%;
        transform: translateY(-50%);
        bottom: auto;
    }
    
    #home #contenidos .items .item .bloque .contenido,
    #home #contenidos .items .item.grande .bloque .contenido {
        padding-left: 0;
    }
    #home #contenidos .items .item .bloque {
        padding: 3em;
    }
    #home #contenidos .items .item .bloque .contenido .icono,
    #home #contenidos .items .item.grande .bloque .icono {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        margin-bottom: 2em;
        width: 7em; height: 7em;
    }
    
    
    
    #buscadorGeneral .buscador.tipoA {
        max-width: none;
    }
    /*.buscador.tipoA .col.c2 {
        flex: 0 0 30%;
        max-width: 30%;
    }*/
    #buscadorGeneralContainer .buscador.tipoA .col button {
        top: 3.2em;
    }
    
    #buscadorGeneralContainer .buscador.tipoA .col {
        border-bottom: 0;
    }
    
}

@media (max-width: 1150px) {
    #menuPrincipal .botonSeccion span {
        padding: 1.4em 1.4em;
    }
    #menuPrincipal .botonMenuMobile {
        display: inline-block;
    }
    #menuPrincipal .subcontainer {
        display: none;
    }
    #menuPrincipal {
        padding: 1em 0;
    }
    
    #single .columnas .izq {
        flex: 0 0 100%;
        max-width: 100%;
    }
    #single .columnas .der {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    #single .columnas .izq .top .organismo {
        display: inline-block;
    }
    #single .columnas .der .bloqueOrganismo {
        display: none;
    }
    
}

@media (max-width: 1100px) {
    
    .contacto .columnas .columna.izq,
    .contacto .columnas .columna.der {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .contacto .columnas .columna.izq {
        margin-bottom: 5em;
    }
    
    .calendario .fechas .item .bloque .info,
    .calendario .fechas .item .bloque .flecha,
    .calendario .fechas .item .bloque p {
        display: none;
    }
    
    .calendario .fechas .item .bloque {
        padding: 2em 0;
    }
    .calendario .fechas .item .bloque .num {
        margin-bottom: 0;
    }
    
    .calendario .fechas .item .bloque:not(.vacio) {
        background: #37BBED;
        border-color: #37BBED;
        cursor: pointer;
        transition: all 0.3s;
    }
    .calendario .fechas .item .bloque:not(.vacio):hover {
        background: #0072BB;
        border-color: #0072BB;
    }
    .calendario .fechas .item .bloque:not(.vacio) .num {
        color: #ffffff;
    }
    
    
}

@media (max-width: 1050px) {
    #menuPrincipal .secciones {
        display: none;
    }
    #menuPrincipal .subcontainer {
        min-height: 5em;
    }
    #menuPrincipal .iconos {
        right: 7em;
    }
    
    .posts .item {
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
    
}



@media (max-width: 1000px) {
    
    #categorias .categoriasContenido {
        position: relative;
        bottom: 6em;
    }
    #categorias .items .item .bloque .contenido {
        padding-left: 0;
    }
    #categorias .items .item .bloque div .icono {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        margin-bottom: 2em;
    }
    #home #buscador {
        padding-top: 2em;
    }
    #sliderHome .banner .container {
        transform: translateY(-3em);
    }
    #categorias .items .item .bloque {
        padding: 3em 3em 4em;
    }
    
    
    #home #opciones .categoria {
        background: #ffffff;
        padding: 2.5em 3.5em;
        border: 1px solid #DBDBDB;
        border-radius: 1em;
    }
    
    #home #opciones .categoria .contenido .bloque {
        border: none;
        border-radius: 0;
        padding: 0;
        background: transparent;
    }
    #home #opciones .categoria .contenido {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
    }
    #home #opciones .categoria .items {
        width: 100%;
    }
    #home #opciones .categoria .contenido .bloque img,
    #home #opciones .categoria .contenido .bloque h3,
    #home #opciones .categoria .contenido .bloque .boton {
        display: inline-block; vertical-align: middle; margin: 0.5em 2em 0.5em 0;
    }
    #home #opciones .categoria .contenido .paginacion {
        margin: 1em 0 2em;
    }
    #home #opciones .categoria .contenido .paginacion .pags {
        margin-top: 0;
    }
    
    #home #suscribirse .columnas .columna.col01 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 1em;
    }
    #home #suscribirse .columnas .columna.col02,
    #home #suscribirse .columnas .columna.col03 {
        flex: 0 0 50%;
        max-width: 50em;
        text-align: left;
    }
    
    footer nav .menu {
        justify-content: flex-start;
    }
    
    #subhome #intro .columnas .columna {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .botonMapaSubhome {
        max-width: 60em;
        font-size: 8px;
    }
    
    .botonMapaSubhome:hover .izq .bloque {
        padding-left: 4em;
    }
    
    footer .contenido .columnas .columna.col02 h4 {
        display: block;
        text-align: center;
    }

    #sliderHome .banner .imageMobile {
        display: block;
    }
    
}

@media (max-width: 950px) {
    
    #home #agenda .item .bloque .foto {
        height: 30em;
    }

    
}

@media (max-width: 900px) {
    
    #home #contenidos .items .item,
    #home #contenidos .items .item.grande {
        flex: 0 0 50%;
        max-width: 50%;
    }
    /*#home #contenidos .items .item.break {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
        display: block;
    }*/
    
    #home #contenidos .items .item .bloque .contenido,
    #home #contenidos .items .item.grande .bloque .contenido {
        padding-left: 10em;
    }
    #home #contenidos .items .item .bloque .contenido .icono,
    #home #contenidos .items .item.grande .bloque .icono {
        position: absolute;
        left: 0em;
        top: 50%;
        transform: translateY(-50%);
        margin-bottom: 0em;
        width: 7em; height: 7em;
    }
    
    #home #opciones .categoria .items {
        width: auto;
        margin: 0 -1.5em;
    }
    
    #home #opciones .categoria .items .item {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 2em 1.5em;
    }
    
    footer .contenido .columnas .columna.col01 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    footer .contenido .columnas .columna.col02 {
        flex: 0 0 40%;
        max-width: 40%;
        text-align: left;
    }
    footer .contenido .columnas .columna.col03 {
        flex: 0 0 60%;
        max-width: 60%;
    }
    
    .buscador.tipoA .col.c3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .buscador.tipoA .col.c2 {
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
    
    #buscadorGeneralContainer .buscador.tipoA .col:nth-of-type(1) {
        border-right: 0;
    }
    
    footer .contenido .columnas .columna.col02 h4 {
        text-align: left;
    }
    
}

@media (max-width: 800px) {
    .container {
        padding: 0 6em;
    }
    #menuPrincipal .iconos {
        right: 6em;
    }
    #top .botonmapa {
        display: none;
    }
    #top .logoMindefFlotante {
        right: 6em;
    }
    #categorias .items .item {
        flex: 0 0 50%;
        max-width: 50%;
    }
    #categorias .items .item .bloque .contenido {
        padding-left: 10em;
    }
    #categorias .items .item .bloque div .icono {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        margin-bottom: 0em;
    }
    #botonMapaMobile {
        display: block;        
    }
    
    #single .items .item {
        flex: 0 0 50%;
        max-width: 50%;
    }
    #single .items .item.grande,
    #single .items .item.grande02,
    #single .items .item.grande03 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .posts .item {
        flex: 0 0 50%;
        max-width: 50%;
    }
    
}

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

@media (max-width: 700px) {
    .buscador.tipoA .col {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .buscador.tipoA .col:nth-of-type(2) {
        border-right: 0;
    }
    #sliderHome .banner h1 {
        font-size: 4.6em;
    }
    .contacto form .col,
    .visita form .col {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    #buscadorGeneralContainer .buscador.tipoA .col {
        border-right: 1px solid #DBDBDB;
    }
    #buscadorGeneralContainer .buscador.tipoA .col:nth-of-type(1) {
        border-left: 0;
        border-right: 0;
    }
    #buscadorGeneralContainer .buscador.tipoA .col:nth-of-type(2) {
        border-left: 0;
    }
    #buscadorGeneralContainer .buscador.tipoA .col:last-of-type() {
        border-right: 0;
    }
    
    #single .columnas .izq .adjuntos .item {
        max-width: 75%;
    }
    
}

@media (max-width: 650px) {
    #home #agenda .destacado .contenido {
        padding-right: 0;
    }
    #home #agenda .destacado .contenido p {
        margin-bottom: 1em;
    }
    #home #agenda .destacado a {
        position: relative;
        right: auto;
        top: auto;
        transform: none;
        display: inline-block;
    }
}

@media (max-width: 600px) {
    .container {
        padding: 0 4em;
    }
    #menuPrincipal .iconos {
        right: 4em;
    }
    #home #suscribirse .columnas .columna.col02,
    #home #suscribirse .columnas .columna.col03 {
        flex: 0 0 100%;
        max-width: 50em;
    }
    
    footer .contenido .columnas .columna.col02 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    footer .contenido .columnas .columna.col03 {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: left;
    }
    footer .contenido .columnas .columna.col03 img {
        margin-left: 0;
        margin-right: 3em;
    }
    
    #botonMapaMobile .botonmapa {
        font-size: 9px;
    }    
    #botonMapaMobile .botonmapa .bloque {
        width: 45%;
        padding: 2em;
    }
    #botonMapaMobile .botonmapa:hover .bloque {
        padding: 2em;
    }
    
    #single .columnas .izq .top .icono {
        position: relative;
        left: auto; top: auto;
        transform: none;
        margin-bottom: 2em;
    }
    #single .columnas .izq .top {
        padding-left: 0;
    }
    
    #filtros {
        display: none;
    }
    
    #archive .paginacion div {
        flex: auto;
        max-width: none;
    }
    
    .calendario .top div h5 {
        display: none;
    }
    .calendario .top div h5.mobile {
        display: block;
    }
    
}

@media (max-width: 550px) {
    .posts .item {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


@media (max-width: 520px) {
    #categorias .items .item .bloque .contenido {
        padding-left: 0em;
    }
    #categorias .items .item .bloque div .icono {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        margin-bottom: 2em;
    }
}

@media (max-width: 500px) {
    .posts .item.grande .bloque {
        padding-left: 0;
    }
    .posts .item.grande .bloque .foto {
        display: none;
    }
    
    .columnasTitulo .columna.izq,
    .columnasTitulo .columna.der {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: left;
    }
    .columnasTitulo .columna.izq {
        padding-bottom: 3em;
    }
    
    
    #home #contenidos .items .item.grande {
        flex: 0 0 100%;
        max-width: 100%;
    }
    #home #contenidos .items .item:not(.grande) .bloque .contenido {
        padding-left: 0;
    }
    #home #contenidos .items .item:not(.grande) .bloque .contenido .icono {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        margin-bottom: 2em;
        width: 7em; height: 7em;
    }
    
    #home #opciones .categoria .items .item {
        flex: 0 0 100%;
        max-width: 100%;
    }
    #home #opciones .categoria .items .item .foto {
        height: 16em;
    }
    #home #opciones .categoria .items .item .foto p {
        padding: 1em 1em;
    }
    
    #botonMapaMobile .botonmapa {
        font-size: 8px;
    }    
    #botonMapaMobile .botonmapa .bloque {
        width: 55%;
    }
    
    .botonMapaSubhome {
        font-size: 7px;
    }
    
    .calendario .fechas .item .bloque .num {
        font-size: 14px;
        text-align: center;
        padding: 0;
    }
    
    #buscadorGeneralContainer .buscador.tipoA .col {
        flex: 0 0 100%;
        max-width: 100%;
    }
    #buscadorGeneralContainer .buscador.tipoA .col.c2 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    #buscadorGeneralContainer .buscador.tipoA .col button {
        position: relative;
        display: block;
        top: auto;
        right: auto;
        transform: none;
    }
    #buscadorGeneralContainer .buscador.tipoA .col {
        padding-top: 2em;
    }
    
    #single .columnas .izq .adjuntos .item {
        max-width: 100%;
    }
    
    .alignleft {
        float: none;
        margin: 0;
    }
    
}

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

@media (max-width: 400px) {
    .container {
        padding: 0 3em;
    }
    #menuPrincipal .iconos {
        right: 3em;
    }
    #top .logoGestion {
        width: 18em;
    }
    #top .logoMindef {
        width: 16em;
    }
    #categorias .items .item .bloque h2 {
        font-size: 18px;
    }
    
    .botonMapaSubhome {
        font-size: 6px;
    }
    
    .botonMapaSubhome .izq,
    .botonMapaSubhome .der,
    .botonMapaSubhome:hover .izq,
    .botonMapaSubhome:hover .der {
        flex: 0 0 50%;
        max-width: 50%;
    }
    #single .items .item {
        flex: 0 0 100%;
        max-width: 100%;
    }
    #single .columnas .izq .galeria .fotoGrande {
        display: none;
    }
    #single .columnas .izq .galeria .fotos .item .foto {
        height: 25em;
    }
    
}

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


#wp-admin-bar-new-content,
#wp-admin-bar-wp-logo,
#wp-admin-bar-edit-profile {
    display: none;
}