/**
 * 1.- GENERAL
 * 1.1.- Titulos
 * 1.2.- Bordes
 * 2.- HEADER
 * 3.- COOKIES
 * 4.- AVISOS
 * 5.- MENU
 * 6.- BUSCADOR
 * 7.- REDES SOCIALES (LATERAL)
 * 8.- SCROLL TO TOP
 * 9.- MIGAS
 * 10.- PORTADA
 * 10.1.- Slider
 * 10.2.- En un clic
 * 10.3.- Eventos
 * 11.- SINGULAR
 * 11.1.- single - page
 * 11.2.- Noticias
 * 11.3.- Eventos
 * 11.4.- Empresas - Comercios
 * 11.5.- Lugares
 * 11.6.- Noticias - Eventos relacionados
 * 12.- ARCHIVES
 * 12.1.- Noticias
 * 12.2.- Eventos
 * 12.3.- Empresas - Comercios
 * 13.- WIDGETS
 * 13.1.- Teléfonos
 * 13.2.- Listado eventos
 * 13.3.- Listado noticias
 * 13.5.- Color iconos svg
 * 14.- COMENTARIOS
 * 15.- SELECTOR IDIOMAS (PORTADA)
 * 16.- 404
 * 17.- PORTAL DE TRANSPARENCIA
 * 18.- PLANTILLAS
 * 18.1.- Como llegar
 * 18.2.- LOPD
 * 19.- CALENDARIO
 * 20.- BLOQUE (PLUGIN)
 * 21.- FORMULARIOS
 * 22.- FOOTER
 * 23.- PAGINACIÓN
 * 24.- OTROS
 * 25.- WORDPRESS CORE
 */

/* =================================================
	1.- GENERAL
	================================================= */

html, body {
    font-family: var(--portales-animsa-font-txt), system-ui;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--portales-animsa-font-titles), system-ui;
}

html {
    color: rgb(51, 51, 51);
}

img {
    max-width: 100% !important;
    height: auto;
}

a {
    color: var(--portales-animsa-enlaces);
}

a:hover {
    color: var(--portales-animsa-enlaces_hover)
}

caption {
    caption-side: top;
}

table {
    max-width: 100% !important;
    width: auto;
}

.instagram-feed {
    display: flex;
    flex-wrap: wrap;
}


/* =================================================
	1.1.- Titulos
	================================================= */

.tit_portada {
    padding: 1.5em 0 0 0;
    font-size: 1.8em;
    color: var(--portales-animsa-secciones);
    margin-bottom: 0;
}

.tit_portada1 {
    padding: 0;
    font-size: 1.8em;
    color: var(--portales-animsa-secciones);
    margin-bottom: 0;
}

.tit_pag {
    font-size: 36px;
    font-weight: 400;
}

/* =================================================
	1.2.- Bordes
	================================================= */

.lineas_p {
    margin-bottom: 1em;
    text-align: left;
    display: block;
    border: 0;
    padding: 0;
    border-bottom: 1px solid var(--portales-animsa-lineas);
    margin-top: 0;
}

.lineas_a {
    margin-bottom: 1em;
    text-align: left;
    display: block;
    border: 0;
    padding: 0;
    border-bottom: 1px solid var(--portales-animsa-lineas);
    margin-top: 0;
}

.border-bottom {
    border-color: var(--portales-animsa-lineas) !important;
}

.lineas_pep {
    border-bottom: 1px solid var(--portales-animsa-lineas);
    width: 60%;
    margin-bottom: 0;
}

.lineas_e {
    border-bottom: 1px solid var(--portales-animsa-lineas);
    width: 60%;
    margin: .5rem auto;
}

/* =================================================
	2.- HEADER
	================================================= */

header {
    position: relative;
}

.contenedorCabecera {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}

/* =================================================
	3.- COOKIES
	================================================= */

#cookies {
    background: white;
    border-top: 2px solid var(--portales-animsa-titulos);
    padding: 1rem;
    z-index: 99999;
}

#cookies #btnCookies {
    background: var(--portales-animsa-titulos_hover);
    color: var(--portales-animsa-btn_txt);
    border: none;
    padding: .5rem 1rem;
    cursor: pointer;
}

/* =================================================
	4.- AVISOS
	================================================= */

#avisos {
    position: fixed;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 350px;
    width: 30%;
    min-width: 570px;
    padding: 0 0 0 5rem !important;
    border-top: none !important;
    border-radius: 100% 0 0 0;
    background: var(--portales-animsa-primary) !important;
    box-shadow: -1rem 0 2rem rgba(0, 0, 0, 0.15);
    overflow: hidden;
    z-index: 999;
}

#avisos a {
    color: var(--portales-animsa-titulo-avisos);
}

#avisos_c {
    height: 75%;
    width: 100%;
    z-index: 999;
}

#avisos .carousel-caption {
    position: static !important;
    padding: 2rem !important;
    margin-bottom: 1rem;
}

#avisos .carousel-caption p {
    text-shadow: none !important;
    font-size: 1rem !important;
}

#avisos .carousel-caption h2 {
    font-size: 1.3rem !important;
    text-shadow: none !important;
}

#avisos .fas.fa-times {
    text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
    color: white;
}

button#btnAvisos {
    padding-right: 1rem;
}

#avisos .carousel-indicators {
    z-index: 99;
}

#cookies ~ #avisos {
    bottom: 106px;
}

#cookies.d-none ~ #avisos {
    bottom: 0;
}

@media (max-width: 768px) {
    #avisos {
        width: 100%;
        padding: 0 0 0 0 !important;
        min-width: auto;
        border-radius: 0 0 0 0;
        height: auto;
    }

    #avisos .carousel-caption p {
        font-size: 0.8rem !important;
    }

    #avisos .carousel-caption h2 {
        font-size: 1rem !important;
    }

    #avisos .carousel-caption {
        padding: 1rem !important;
    }

    button#btnAvisos {
        padding: 1rem 1rem 0 0;
    }
}

#avisos_c > ol > li {
    position: relative;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    text-indent: -999px;
    cursor: pointer;
    margin-right: 3px;
    margin-left: 3px;
    margin-top: 0;
}

#avisos_c > ol > li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

#avisos_c > ol > li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
    margin: 0;
}

/* =================================================
	5.- MENU
	================================================= */

.menu-container {
    width: 100%;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.main-menu li {
    list-style: none;
}

.main-menu .current-menu-item a {
    color: var(--portales-animsa-menu_hover);
}

.main-menu .sub-menu {
    display: none;
}

.main-menu li.menu-open > .sub-menu {
    display: block !important;
    padding-left: 0;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.menu-depth-0 a {
    padding-left: 1rem;
}

.menu-depth-1 a {
    padding-left: 2rem;
}

.menu-depth-2 a {
    padding-left: 3rem;
}

.menu-depth-3 a {
    padding-left: 2.75rem;
}

.main-menu a {
    display: block;
}

.main-menu li {
    padding-top: .5rem;
    padding-bottom: .5rem;
    border-top: 1px solid var(--portales-animsa-lineas)
}

.main-menu > ul > li:last-of-type {
    border-bottom: 1px solid var(--portales-animsa-lineas)
}

@media (min-width: 992px) {

    .sticky-menu {
        margin-bottom: 40px;
    }

    .sticky-menu #menu-container {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 9999;
    }

    .main-menu > ul > li {
        display: inline-block;
    }

    .main-menu .current-menu-item a .menu .menu-item.active > a {
        border-color: var(--portales-animsa-menu_color) !important;
    }

    .main-menu li {
        position: relative;
    }

    #menu-principal {
        margin-bottom: 0;
    }

    #menu-principal > li {
        margin-right: 45px;
        border-top: 3px solid transparent;
    }

    #menu-principal > li:hover, #menu-principal > li.current-menu-item, .main-menu li.menu-open > .sub-menu > li:first-of-type {
        border-top-color: var(--portales-animsa-menu_hover)
    }

    #menu-principal .sub-menu a {
        font-size: 13px;
    }

    .main-menu li:hover > ul[class^="sub-menu menu-depth-"], .main-menu li.menu-open > ul[class^="sub-menu menu-depth-"] {
        display: block;
        position: absolute;
        left: 100%;
        top: -1px;
        padding: 0;
        min-width: 220px;
        background: #f2efef;
        z-index: 99;
    }

    .main-menu li:hover > .sub-menu.menu-depth-0, .main-menu li.menu-open > .sub-menu.menu-depth-0 {
        left: 0;
        top: 100%;
    }

    .main-menu li:hover > .sub-menu > li:first-of-type, .main-menu li.menu-open > .sub-menu {
        border-top: 3px solid var(--portales-animsa-menu_hover)
    }

    ul[class^="sub-menu menu-depth-"] a {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .main-menu > ul > li:last-of-type {
        border-bottom: none;
    }
}

/* =================================================
	6.- BUSCADOR
	================================================= */

#buscadorWeb {
    margin: 1rem auto;
}

#buscadorWeb input[type=search] {
    width: 20rem;
    padding: .25rem .5rem;
    border: 1px solid var(--portales-animsa-lineas)
}

#buscadorWeb input[type=submit] {
    font-size: 14px;
    border: none;
    background: var(--portales-animsa-btn_bg);
    color: var(--portales-animsa-btn_txt);
    padding: 7px 28px;
}

@media only screen and ( max-width: 768px ) {
    #buscadorWeb input[type=search] {
        width: 100%;
    }
}

/* =================================================
	7.- REDES SOCIALES (LATERAL)
	================================================= */

#rrss-side {
    font-size: 12px;
    position: fixed;
    width: 100%;
    display: flex;
    justify-content: center;
    background: var(--portales-animsa-titulos);
    z-index: 500;
}

#rrss-side.left {
    left: 0;
}

#rrss-side.right {
    right: 0;
}

#rrss-side a {
    display: inline-block;
    padding: 1em;
}

#rrss-side a {
    color: white;
}

#rrssButton {
    cursor: pointer;
}

@media ( min-width: 768px ) {
    #rrss-side {
        top: 35%;
        width: auto;
        display: block;
        background: transparent;
    }

    #rrss-side a {
        display: block;
        padding: 1em;
        background: var(--portales-animsa-titulos);
        color: white;
        transition: transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
        min-width: 45px;
        min-height: 45px;
    }


    #rrss-side a:nth-of-type( 2 ) {
        transition-delay: .075s;
    }

    #rrss-side a:nth-of-type( 3 ) {
        transition-delay: .15s;
    }

    #rrss-side a:nth-of-type( 4 ) {
        transition-delay: .225s;
    }

    #rrss-side a:nth-of-type( 5 ) {
        transition-delay: .3s;
    }

    #rrss-side a:nth-of-type( 6 ) {
        transition-delay: .375s;
    }

    #rrss-side a i {
        font-size: 1.5em;
    }

    #rrss-side .ocultar {
        transform: translateX(-120%);
    }

    #rrss-side a .fa-twitter {
        color: white !important;
    }

    #rrss-side a:hover, #rrss-side a:hover .fa-twitter {
        background: white;
        color: var(--portales-animsa-titulos) !important;
    }
}

/* =================================================
	8.- SCROLL TO TOP
	================================================= */

#scroll-top {
    display: none;
}

@media ( min-width: 992px ) {
    #scroll-top {
        display: inline-block;
        position: fixed;
        bottom: 0;
        right: 30px;
        background-color: var(--portales-animsa-btn_bg);
        color: var(--portales-animsa-btn_txt);
        padding: 6px 20px;
        border-radius: 6px 6px 0 0;
        z-index: 998;
    }
}

/* =================================================
	9.- MIGAS
	================================================= */

#breadcrumbs {
    padding: 0;
    list-style: none;
    font-size: .92rem;
    margin-bottom: 1.5rem;
}

#breadcrumbs li {
    display: inline;
}

/* =================================================
	10.- PORTADA
	================================================= */

/* =================================================
	10.1.- Slider
	================================================= */
.carousel-control-next,
.carousel-control-prev {
    background: none;
    border: none;
}

.carousel-caption h2 {
    font-size: 1.15rem;
}

.carousel-caption h2, .carousel-caption p {
    text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
}

@media ( min-width: 992px ) {
    .carousel-caption h2 {
        font-size: 2rem
    }
}

/* =================================================
	10.2.- En un clic
	================================================= */
div.titicon {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;

}

a.titicon:hover {
    text-decoration: none;

}

a.clic:hover {
    text-decoration: none;
}

[class^=icon-] {
    font-size: 60px;
    color: var(--portales-animsa-iconos)
}

input[id^=tab] {
    display: none;
}

svg circle {
    fill: var(--portales-animsa-iconos);
}

/* Iconos ménu*/
.icon-small {
    font-size: 2.5rem;
    color: var(--portales-animsa-iconosmm) !important;
}

/* =================================================
	10.3.- Eventos
	================================================= */

.mc_agendai {
    font-size: 14px;
    font-weight: 400;
    margin-top: 0;
}

.h_agendai {
    font-size: 1em;
    font-weight: 600;
    margin-top: 0;
    line-height: 0;
}

.d_agendai {
    font-size: 3em;
    font-weight: 400;
    margin: 0;
    line-height: 1em;
}

.tit_agenda {
    font-size: 21px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

/* =================================================
	11.- SINGULAR
	================================================= */

.cabecera-single {
    border-bottom: 1px solid var(--portales-animsa-lineas) !important;
    margin-bottom: 1rem;
}

.single table tr:nth-of-type(even) td,
.page table tr:nth-of-type(even) td {
    background: #f1f1f1;
}

.category-separator:not(:last-of-type):after {
    content: ' ';
    border-right: 1px solid var(--portales-animsa-lineas);
    padding-left: .5rem;
}

/* =================================================
	11.1.- single - page
	================================================= */

.titulo_prede {
    font-size: 36px;
    font-weight: 400 !important;
    color: var(--portales-animsa-titulo_post) !important;
    margin-bottom: 1rem;
}

.categoria_gene {
    color: var(--portales-animsa-entradilla);
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-align: center;
}

.titulo-single {
    font-size: 42px;
    font-weight: 400;
    line-height: 45px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-align: center;
}

/* =================================================
	11.2.- Noticias
	================================================= */

.noticia_fecha {
    font-size: 20px;
    font-weight: 800;
    text-align: center;
}

.noticia_titulo {
    color: var(--portales-animsa-titulo_post);
    font-size: 42px;
    font-weight: 400;
    line-height: 45px;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    text-align: center;
}

.noticia_subtitulo {
    color: var(--portales-animsa-entradilla);
    font-size: 25px;
    font-weight: 400;
    line-height: 30px;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    text-align: center;
}

.noticia_imagen,
.noticia_contenido {
    margin: auto auto 1rem;
}

.noticia_text {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

@media (max-width: 776px) {
    .noticia-portada img {
        margin-bottom: 1rem;
    }
}


/* =================================================
	11.3.- Eventos
	================================================= */

.contenido_evento {
    border-top: 1px solid #cac7c8;
}

.evento_fecha {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font: 13px/20px 'PTSansRegular', Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
}

.evento_titulo {
    margin-top: 1rem;
    margin-bottom: 1rem;
    color: var(--portales-animsa-titulo_post);
    font-size: 42px;
    font-weight: 400;
    line-height: 45px;
    /*text-align: center;*/
}

.datos_lineas {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    border-top: 1px solid var(--portales-animsa-lineas);
}

.titulos_eve {
    color: var(--portales-animsa-entradilla) !important;
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;

}

.botoneve {
    color: var(--portales-animsa-btn_txt) !important;
    background-color: var(--portales-animsa-btn_bg) !important;
    text-align: center;
    padding: 13px 5px 1px 5px;
    margin: 1rem 0;
}

.elem-even .far,
.elem-even .fas,
.elem-even .fab {
    color: var(--portales-animsa-iconos)
}


/* =================================================
	11.4.- Empresas - Comercios
	================================================= */

.titulos_empresas {
    color: var(--portales-animsa-enlaces);
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    font-size: 42px;
    font-weight: 400;
    line-height: 45px;
    text-align: center;
}

.listado-empresa {
    color: var(--portales-animsa-titulos);
    font-weight: bold;
}

.categoria-comercio {
    padding: .5rem;
    margin-right: .15rem;
    margin-bottom: .15rem;
    border: none;
    cursor: pointer;
    color: white !important;
}

/* =================================================
	11.5.- Lugares
	================================================= */

.lugar_titulo {
    font-size: 28px;
    font-weight: 700;
    line-height: 20px;
}

.titulos_lugar {
    color: var(--portales-animsa-entradilla) !important;
    font-size: 18px;
    font-weight: 400 !important;
}

/* =================================================
	11.6.- Noticias - Eventos relacionados
	================================================= */

.noticia-vertical h3,
.evento-vertical__titulo {
    font-size: 1.1rem;
}

.evento-vertical__caja-fechas {
    color: white;
    background-color: var(--portales-animsa-titulos)
}

.evento-vertical__caja-fechas > div {
    padding: .75rem;
}

/* =================================================
	12.- ARCHIVES
	================================================= */

.titulo-listado {
    font-size: 2rem;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid var(--portales-animsa-lineas) !important;
    text-align: center;
    color: var(--portales-animsa-titulos);
}

.titularl_gene_no_con {
    font-size: 20px;
    font-weight: 500;
}

.titularl_noti {
    line-height: 1.1em;
    font-weight: 400;
    font-size: 1.35em;
    margin-top: 0;
}

.fechal_noti {
    font-weight: bold;
    font-size: .9rem;
    text-transform: uppercase;
    color: var(--portales-animsa-fechas);
}

.entradilla {
    font-size: 14px;
}

/* =================================================
	12.2.- Noticias
	================================================= */

/* =================================================
	12.2.- Eventos
	================================================= */

.listado-evento {
    border-top: 1px solid var(--portales-animsa-lineas);
    padding-top: .5rem;
}

.listado-evento li {
    font-weight: bold;
}

.listado-evento li:not( :last-of-type ):after {
    content: '';
    border-right: 1px solid var(--portales-animsa-lineas);
    margin-left: .7rem;
}

.evento-listado {
    border-bottom: 1px solid var(--portales-animsa-lineas);
    padding-bottom: 1rem;
}

.f_agenda {
    text-align: center;
}

.f_agendah {
    text-align: center;
    color: var(--portales-animsa-fechas);
}

.cuerpol_eve {
    font-size: 1.025rem;
    margin-bottom: .5rem;
}

.mc_agendal {
    font-size: .95rem;
    margin-bottom: 5%;
}

.d_agendal {
    font-size: 1.75rem;
}

/* NUEVO EVENTO - ENERO 2020*/

.elem-even {
    font-size: 1.2em;
    font-weight: 400;
    color: var(--portales-animsa-enlaces_hover) !important;
    margin-bottom: 0;
}

.elem-even:not(:last-of-type) {
    margin-bottom: .5em;
}

.elem-even-a {
    color: var(--portales-animsa-enlaces_hover) !important;
}

.elem-even-deta1.div {
    display: inline-block;
}

.elem-even-bot {
    background-color: #4CAF50; /* Green */
    border: none;
    padding: 12px 24px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    background-image: none !important;
}

.elem-even-bot {
    background-color: white;
    color: black;
    border: 2px solid var(--portales-animsa-lineas);
}

.elem-even-bot:hover {
    background-color: var(--portales-animsa-lineas);
    color: white;
    text-decoration: none;
}

.elem-even-bot-ve:hover {
    background-color: white;
    color: black;
    border: 2px solid var(--portales-animsa-lineas);
    text-decoration: none;
}

.elem-even-bot-ve {
    padding: 12px 24px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    background-image: none !important;
    background-color: var(--portales-animsa-lineas);
    border: 2px solid var(--portales-animsa-lineas);
    color: white;
}

/* =================================================
	12.3.- Empresas - Comercios
	================================================= */

.datos-empresa {
    font-size: 14px;
}

.categoria {
    color: var(--portales-animsa-btn_txt);
    background-color: var(--portales-animsa-btn_bg);
    padding: .5rem;
    margin-right: .15rem;
    margin-bottom: .15rem;
    border: none;
    cursor: pointer;
}

.categoria:focus {
    outline: none;
}

.categoria.active {
    background: var(--portales-animsa-enlaces_hover);
}

/* =================================================
	13.- WIDGETS
	================================================= */

#widgets-top {
    /*display: flex;
    align-items: center;
    justify-content: flex-end;*/
}

#widgets-top aside {
    font-size: 16px;
}

#widgets-top aside a {
    color: var(--portales-animsa-titulos);
}

#widgets-top aside a:hover {
    color: var(--portales-animsa-titulos_hover);
}

#widgets-top .top-sidebar {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: -.5rem;
    margin-right: -.5rem;
}

#widgets-top .top-sidebar aside {
    padding-left: .5rem;
    padding-right: .5rem;
}

#widgets-top .top-sidebar.top-right-sidebar {
    justify-content: flex-end;
}

.widget_widgetrrss [class^=icon-] {
    font-size: 1rem;
}

.widget_widgetrrss ul {
    padding: .5rem;
    font-size: 1rem;
    margin-bottom: 0;
}

.barra_lateral {
    border-left: 1px solid var(--portales-animsa-lineas);
    margin-top: 0;
}

.barra_lateral aside {
    margin-bottom: 1.5rem;
}

@media only screen and ( max-width: 992px ) {
    #barra_lateral, .barra_lateral {
        border-left: none
    }
}

.widget a:hover {
    text-decoration: none;
    color: var(--portales-animsa-enlaces_hover)
}

.widget-title {
    font-size: 1.1em !important;
    line-height: 23px;
    color: var(--portales-animsa-titulo_widget);
    font-weight: 600;
    border-bottom: 1px solid #ababab;
    padding-bottom: .5rem;
}

#text_widg, .text_widg {
    color: var(--portales-animsa-contenido_widget);
    font-weight: 500;
    margin-top: 0;
    font-size: 14px;
}

.btnBuscar {
    font-size: 14px;
    border: none;
    background: var(--portales-animsa-btn_bg);
    color: var(--portales-animsa-btn_txt);
    padding: 7px 28px;
    width: 100%;
}

.buscador {
    padding: 8px 15px;
    border: 1px solid var(--portales-animsa-lineas);
    font-size: 13px;
}

/*LINEA CATEGORIAS*/

.widget .list-group-item:first-child {
    border-top: 0;
}

/* =================================================
	13.1.- Teléfonos
	================================================= */

.widget-telefonos ul {
    padding: 0;
    list-style: none;
}

.widget-telefonos ul[class^=tel] {
    display: none;
    padding: .5em 1em 0 1em;
}

.widget-telefonos .tab-telefonos-w {
    cursor: pointer;
    padding: .5em 1em;
    margin-bottom: .5em;
    background-color: var(--portales-animsa-btn_bg);
    color: var(--portales-animsa-btn_txt);
}

.widget-telefonos .tab-telefonos-w i {
    float: right;
}

.boton-factura-widget {
    background: transparent;
    border: none;
    outline: 0;
    cursor: pointer;
}

.boton-factura-widget:hover {
    color: var(--portales-animsa-enlaces_hover)
}

/* =================================================
	13.2.- Listado eventos
	================================================= */

ul.listado_eve {
    padding-left: 0;
}

ul.listado_eve li {
    list-style: none;
    min-height: 45px;
    line-height: 19px;
    border-bottom: 1px solid var(--portales-animsa-lineas);
    margin: 0 0 .5rem;
    padding-bottom: .5rem;
}

ul.listado_eve li span {
    display: block;
    font-size: 12px;
    font-weight: 600;
    margin-top: 0.5%;
}

ul.listado_eve li p {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}

#lineas_pw {
    margin-top: -3%;
}

/* =================================================
	13.3.- Listado noticias
	================================================= */

ul.listado_noti {
    padding-left: 0;
}

ul.listado_noti li {
    margin: 0 0 15px 0;
    list-style: none;
    min-height: 45px;
    line-height: 19px;
}

ul.listado_noti li a {
    font-weight: bold;
}

ul.listado_noti li span {
    display: block;
    font-size: 12px;
    font-weight: 600;
    margin-top: 0.5%;
}

ul.listado_noti li p {
    font-size: 14px;
    font-weight: 600;
}

/* =================================================
	13.4.- Enlaces de interés
	================================================= */

.enla_lis li {
    margin-bottom: .5rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid var(--portales-animsa-lineas);
}

.enlaces-internos li {
    padding: 4px 28px;
    display: block;
    text-align: center;
    margin: .5em auto;
    font-weight: bold;
}

.enlaces-internos li:nth-of-type(odd) {
    border: 3px solid var(--portales-animsa-titulos) !important;
}

.enlaces-internos li:nth-of-type(odd) {
    color: var(--portales-animsa-titulos) !important;
}

.enlaces-internos li:nth-of-type(even) {
    border: 3px solid var(--portales-animsa-titulos_hover) !important;
}

.enlaces-internos li:nth-of-type(even) a {
    color: var(--portales-animsa-titulos_hover) !important;
}


/* =================================================
	13.5.- Color iconos svg
	================================================= */


#color_i, .color_i {
    stroke: var(--portales-animsa-iconos) !important;
    fill: transparent !important;
}

#color_ic, .color_ic {
    fill: var(--portales-animsa-iconos) !important;
}

#color_icrec, .color_icrec {
    fill: var(--portales-animsa-iconos) !important;
}

#color_icb, .color_icb {
    fill: var(--portales-animsa-iconos) !important;
}

#color_icpl, .color_icpl {
    fill: var(--portales-animsa-iconos) !important;
}

#color_icpl2, .color_icpl2 {
    fill: var(--portales-animsa-iconos) !important;
}

.color_i2 {
    stroke: var(--portales-animsa-iconos) !important;
    fill: var(--portales-animsa-iconos) !important;
}

#color_icp, .color_icp {
    stroke: var(--portales-animsa-iconos) !important;
    fill: transparent !important;
}

.st3 {
    fill: var(--portales-animsa-iconos) !important;
}

/* =================================================
	14.- COMENTARIOS
	================================================= */

.comentarios {
    margin-top: 40px;
}

.commentlist {
    list-style: none;
    padding: 0;
}

.datos-usuario, .texto-comentario {
    font-size: 14px !important;
}

.titulo_comentario {
    width: 20%;
}

.h3-comentario {
    font-size: 1.2rem;
}

.comentario {
    margin-top: 0.5rem;
    border-bottom: 1px solid #e7e6e6;
}

.lineas-comentario {
    width: 80%;
}

#cancel-comment-reply-link {
    font-size: 1rem !important;
}

.comment-form {
    margin-top: 1rem;
}

.titulo_nuevo_comentario {
    margin: auto;
    font-size: 1rem;
}

.text-align-right {
    text-align: right;
}

.no-padding {
    padding: 0;
}

.children {
    list-style: none;
    margin-top: 0.5rem;
}

.form-control:focus {
    border-color: var(--portales-animsa-btn_bg);
    box-shadow: none;
}

/* =================================================
	15.- SELECTOR IDIOMAS (PORTADA)
	================================================= */

/* SELECTOR IDIOMAS PORTADA */
div#selectorIdiomas {
    overflow-y: auto;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 99999999;
    background: linear-gradient(rgba(50, 50, 50, .75), rgba(50, 50, 50, .75)), var(--portales-animsa-selector-idiomas);
    background-size: cover;
}

div#selectorIdiomas > div.container {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: white;
}

@media ( min-width: 768px ) {
    div#selectorIdiomas > div.container {
        top: 50%;
        transform: translate(-50%, -50%);
    }
}

div#selectorIdiomas > div.container .urlIdiomas a {
    font-size: 2.25rem;
    font-weight: bold;
    color: white;
}

div#selectorIdiomas ul li ul li:not( :last-of-type ) {
    border-right: 1px solid white;
    padding-right: .5rem;
    margin-right: .5rem;
}

.wpml-ls-current-language {
    font-weight: bold;
}


/* =================================================
	16.- 404
	================================================= */

.contenedor-btnEnviar {
    padding: 0;
    margin-left: -43px;
}

.inputBuscar {
    padding-right: 43px;
}

.contenedor-inputBuscar {
    padding: 0;
}

.size-65 {
    width: 65%;
    margin: auto;
}

.tit404 {
    font-weight: 600;
    text-align: center;
    font-size: 3em;
    line-height: 1;
    color: var(--portales-animsa-enlaces);
}

.err404 {
    font-size: 60px;
    line-height: 0.9;
    font-weight: 700;
    color: var(--portales-animsa-enlaces);
}

.err404-2 {
    font-size: 130px;
    line-height: 0.9;
    font-weight: 700;
    color: var(--portales-animsa-enlaces);
}

.post-404page {
    margin-top: 2rem;
}

.btn-buscar404 {
    color: var(--portales-animsa-btn_txt) !important;
    background-color: var(--portales-animsa-btn_bg) !important;
    border-color: var(--portales-animsa-btn_bg) !important;
}

/* =================================================
	17.- PORTAL DE TRANSPARENCIA
	================================================= */

.list-group-item {
    border-color: var(--portales-animsa-lineas)
}

.list-group-flush .list-group-item.selected {
    font-weight: bold;
}

#transparencia .tituloTransparencia {
    margin-bottom: 0;
}

#transparencia div[id^=cvtab] {
    display: none;
}

#transparencia div[id^=cvtab].visible {
    display: block;
    padding: 1em;
}

#transparencia .list-group-item.active {
    border-color: var(--portales-animsa-titulos);
}

#transparencia #content aside nav.list-group a.active {
    color: white !important;
}

#transparencia .list-group-item {
    border-radius: 0 !important;
}

#transparencia .transparenciaSeparador {
    border: none;
    border-bottom: 1px solid #e5e5e5;
    width: 50%;
    margin: 1em auto;
}

#transparencia aside nav .fa, aside nav .fas, aside nav .far {
    position: relative;
    top: 3px;
    width: 2em;
    font-size: 1.5em;
    text-align: center;
}

#transparencia nav.list-group a {
    font-weight: bold;
}

#transparencia div[id^=sec_] {
    display: none;
}

#transparencia a[id^=sec_]:hover {
    text-decoration: underline;
}

#transparencia div[id^=csec_] {
    display: none;
}

#transparencia div[id^=sec_].visible, #transparencia div[id^=csec_].visible {
    display: block;
}

#transparencia div[id^=csec_].visible {
    padding: 1em;
}

#transparencia #content a:hover.active {
    color: white !important;
}

#transparencia #asideTransparencia nav a {
    font-size: .8rem
}

#transparencia .btn.btn-transparencia {
    background: transparent;
    font-weight: 600;
    width: 100%;
    border-radius: 0;
    text-align: left;
    font-size: 1.25rem;
    transition: none;
    border-bottom: 1px solid var(--portales-animsa-lineas);
}

#transparencia .btn.btn-transparencia:focus, #transparencia .btn.btn-transparencia.active {
    box-shadow: none;
    background: var(--portales-animsa-btn_bg);
    color: var(--portales-animsa-btn_txt);
    border-color: var(--portales-animsa-btn_bg);
}

#transparencia div#transparenciaPreguntas div[id^=vtab] {
    border-bottom: 1px solid #e5e5e5;
    display: block;
}

#transparencia div#transparenciaPreguntas div[id^=vtab].active div, #content a.active {
    background: var(--portales-animsa-titulos);
    color: white !important;
    width: 100%;
    text-align: left;
}

#transparencia div#transparenciaPreguntas div[id^=vtab] div {
    font-size: 1.38rem;
    color: var(--portales-animsa-titulos);
}

.enlaceMasInfo {
    background: none !important;
}

/* =================================================
	18.- PLANTILLAS
	================================================= */

/* =================================================
	18.1.- Como llegar
	================================================= */

#map {
    height: 30rem;
}

#right-panel {
    overflow-y: scroll;
    width: auto;
    max-width: 40%;
    height: auto;
    max-height: 30rem;
    float: right;
}

@media print {
    #map {
        height: 500px;
        margin: 0;
    }

    #right-panel {
        float: none;
        width: auto;
    }
}

/* =================================================
	18.2.- LOPD
	================================================= */
.tabla-lopd {
    width: 100%;
}

.tabla-lopd tbody td,
.tabla-lopd tbody th {
    border: 1px solid var(--portales-animsa-titulos);
    padding: 0.5em !important;
    font-size: 0.8em;
}

.tit_tab {
    color: #fff !important;
    background: var(--portales-animsa-titulos) !important;
    border: 1px solid #fff !important;
}

.tabla-lopd tfoot tr {
    border: 1px solid var(--portales-animsa-titulos);
    padding: 1em;
    text-align: right;
}

.tabla-lopd tfoot td {
    font-size: 0.8em;
}

/* =================================================
	19.- CALENDARIO
	================================================= */

.calendario {
    position: relative;
}

table.calendario caption {
    font-weight: bold;
    text-align: left;
    caption-side: top;
    padding-bottom: 0;
}

table.calendario td {
    padding: 10px 0;
    text-align: center;
}

table.calendario th {
    padding: 1px 0;
}

.calendario .conEventos {
    background: var(--portales-animsa-btn_bg) !important;
}

.calendario .conEventos a {
    color: var(--portales-animsa-btn_txt) !important;
}


#calendario_eve {
    padding-left: 21px;
    font-size: 14px;
}

#calendario_eve div.col-12 {
    position: relative;
}

#mesAnterior, #mesSiguiente {
    cursor: pointer;
}

.loading-calendario {
    position: absolute;
    background: rgba(255, 255, 255, .8);
    width: 100%;
    height: 100%;
    display: none;
    top: 0;
}

.loading-calendario__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3rem;
    transform-origin: 50% 50%;
}

/* =================================================
	20.- BLOQUE (PLUGIN)
	================================================= */

.bloque .bloque-tab {
    display: block;
    font-weight: bold;
    border: 3px solid var(--portales-animsa-btn_bg);
    color: var(--portales-animsa-btn_txt);
	background-color: var(--portales-animsa-btn_bg);
    margin: .5em 0;
    padding: .5em;
}

#content .bloque .bloque-tab:hover {
    font-weight: bold;    
    color: var(--portales-animsa-btn_bg);
	background-color: var(--portales-animsa-btn_txt);
    text-decoration: none !important;
}

.bloque .contenido-bloque {
    padding: 1em 2em;
    border: 1px solid #cecece !important;
    margin-top: 1em;
    margin-bottom: 1em;
}

.bloque .contenido-bloque ul, .bloque .contenido-bloque ol {
    padding-left: 3em;
}

/* =================================================
	21.- FORMULARIOS
	================================================= */

.wpcf7-form label, .wpcf7-form input:not([type="checkbox"]), .wpcf7-form textarea {
    width: 100%;
}

.wpcf7-form label {
    padding: 0;
    text-align: left;
    font-size: 14px;
}

.wpcf7-form input {
    padding: .5rem .25rem;
}

.wpcf7-form .wpcf7-submit {
    font-size: 14px;
    border: none;
    background: var(--portales-animsa-btn_bg);
    color: var(--portales-animsa-btn_txt);
    padding: .5rem 1.5rem;
    width: 100%;
}

form label {
    padding: initial;
    margin: 0;
}

/* =================================================
	22.- FOOTER
	================================================= */

footer .menu-pie li {
    display: inline-block;
}

footer .menu-pie li:not( :last-child ) {
    margin-right: 0;
}

footer .menu-pie li:not( :last-child ):after {
    content: '';
    border-right: 1px solid var(--portales-animsa-lineas);
    margin: 0 .5rem;
}

footer .site-name {
    font-size: 0.9rem;
    color: var(--portales-animsa-enlaces_pie_hover);
    font-weight: bold;
}

footer, footer a {
    font-size: 0.9rem;
}

footer a:hover {
    color: var(--portales-animsa-enlaces_pie_hover) !important
}

/* =================================================
	23.- PAGINACIÓN
	================================================= */

#paginacion {
    margin-top: 1rem;
    padding: .5rem 0;
}

#paginacion .page-numbers {
    margin-right: .5rem;
}

#paginacion .page-numbers.current {
    font-weight: bold;
}

/* =================================================
	24.- OTROS
	================================================= */

#tit_galery {
    font-size: 1.4em;
    padding-top: 0;
    text-align: center;
}

#tabs_multi {
    margin-top: 1em;
}

.gallery:after {
    content: "";
    display: table;
    clear: both;
}

/* img.aligncenter, div.aligncenter, figure.aligncenter, img.wp-post-image {display:block; margin:1em auto;} */
img.alignright, div.alignright, figure.alignright {
    float: right;
    margin: 1em 0 1em 2em;
}

img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {
    float: left;
    margin: 1em 1em 2em 0;
}

figure {
    max-width: 100%;
    height: auto;
}

p img.alignright, p img.alignleft {
    margin-top: 0;
}


.gallery figure img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}


.gallery figure {
    float: left;
    margin: 0 2% 1em 0;
}


.gallery.gallery-columns-1 figure {
    width: 100%;
    margin: 0 0 1em 0;
    float: none;
}


.gallery.gallery-columns-3 figure {
    width: 32%;
}

.gallery.gallery-columns-3 figure:nth-of-type(3n+3) {
    margin-right: 0;
}

.gallery.gallery-columns-3 figure:nth-of-type(3n+4) {
    clear: left;
}


.gallery.gallery-columns-2 figure {
    width: 49%;
}

.gallery.gallery-columns-2 figure:nth-of-type(even) {
    margin-right: 0;
}

.gallery.gallery-columns-2 figure:nth-of-type(odd) {
    clear: left;
}


.gallery.gallery-columns-4 figure {
    width: 23.25%;
}

.gallery.gallery-columns-4 figure:nth-of-type(4n+4) {
    margin-right: 0;
}

.gallery.gallery-columns-4 figure:nth-of-type(4n+5) {
    clear: left;
}


.gallery.gallery-columns-5 figure {
    width: 18%;
}

.gallery.gallery-columns-5 figure:nth-of-type(5n+5) {
    margin-right: 0;
}

.gallery.gallery-columns-5 figure:nth-of-type(5n+6) {
    clear: left;
}


.gallery.gallery-columns-6 figure {
    width: 14.2%;
}

.gallery.gallery-columns-6 figure:nth-of-type(6n+6) {
    margin-right: 0;
}

.gallery.gallery-columns-6 figure:nth-of-type(6n+7) {
    clear: left;
}


.gallery.gallery-columns-7 figure {
    width: 12%;
}

.gallery.gallery-columns-7 figure:nth-of-type(7n+7) {
    margin-right: 0;
}

.gallery.gallery-columns-7 figure:nth-of-type(7n+8) {
    clear: left;
}


.gallery.gallery-columns-8 figure {
    width: 10.2%;
}

.gallery.gallery-columns-8 figure:nth-of-type(8n+8) {
    margin-right: 0;
}

.gallery.gallery-columns-8 figure:nth-of-type(8n+9) {
    clear: left;
}


.gallery.gallery-columns-9 figure {
    width: 8.85%;
}

.gallery.gallery-columns-9 figure:nth-of-type(9n+9) {
    margin-right: 0;
}

.gallery.gallery-columns-9 figure:nth-of-type(9n+10) {
    clear: left;
}


@media (max-width: 767px) {
    img.alignright, div.alignright, figure.alignright, img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {
        display: block;
        margin: 1em auto;
        float: none;
    }

    .gallery.gallery-columns-4 figure, .gallery.gallery-columns-5 figure, .gallery.gallery-columns-6 figure, .gallery.gallery-columns-7 figure, .gallery.gallery-columns-8 figure, .gallery.gallery-columns-9 figure {
        width: 100%;
        margin: 0 0 1em 0;
        float: none;
    }
}

.suscriptions-unsuscribe-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .1);
    cursor: pointer;
}

.suscriptions-unsuscribe-box {
    background-color: #ffffff;
    padding: 1rem;
    width: 100%;
    max-width: 500px;
    text-align: center;
}


/* =================================================
	25.- WORDPRESS CORE
	================================================= */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}