/*MEGAMENU*/
@import url("jlreview.css");
@import url("megamenu.css");
@import url("cuadros-portada.css");
@import url("cuadros-eventosyactualidad.css");
@import url("cuadros-temas.css");
@import url("cuadros-resdessociales.css");
@import url("cuadros-hechos.css");
@import url("barramenu.css");
@import url("barramenu-superior.css");
@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro';
@import 'https://fonts.googleapis.com/css?family=Open+Sans:600,400,300';
@import 'http://fonts.googleapis.com/css?family=Montserrat+Alternates';
@import "https://fonts.googleapis.com/css?family=Lato";

@font-face {
    font-family: Signata;
    src: url("/fonts/SignataBQ-Regular.otf") format("opentype");
}

@font-face {
    font-family: Signata;
    font-weight: bold;
    src: url("/fonts/SignataBQ-Bold.otf") format("opentype");
}

@font-face {
    font-family: Signata;
    font-style: italic;
    src: url("/fonts/SignataBQ-Italic.otf") format("opentype");
}

html, body {
    height: 100%;
    font-family: "Arial", "Verdara", "Signata";
    font-size: 16px;
    color: white;
    box-sizing: border-box;
}

i {
    font-style: normal;
}

.hide {
    display: none;
}

#portada-homepage {
    height: 100%;

    /* flex-content */
    display: flex;
    flex-flow: nowrap column;
    align-items: center;
    overflow-y: hidden;
}

#portada-homepage #fondo-portada {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -999;
    height: 100%;
    #overflow-y: hidden;
}

#portada-homepage #fondo-portada img {
    max-height: 100%;
}

#portada-homepage #fondo-difuminado {
    position: absolute;
    top: 0;
    left: 0;
    max-height: 100%;
    background-color: var(--color-principal);
    opacity: var(--opacidad-fondo);
    height: 100%;
    width: 100%;
    z-index: -500;
}

#portada-homepage #logocabildo {
    position: absolute;
    top: var(--logo-portada-y);
    left: var(--logo-portada-x);
    width: var(--logo-portada-w);
}

#portada-homepage #logocabildo img {
    width: 100%;
}

.logo img, img.logo {
    max-width: 260px;
    height: auto;
}

#portada-homepage #megamenu-icon {
    position: absolute;
    top: 50px;
    left: 30px;
}

#portada-homepage #megamenu-icon:hover,
#barramenu .megamenu-y-logo .megamenu,
#modal .cerrar:hover {
    cursor: pointer;
    cursor: hand;
}

#barramenu .megamenu, #megamenu-icon a {
    font-size: 18px;
    color: white;
    text-decoration: none;
}

#portada-homepage #megamenu-icon img {
    width: 30px;
}

#portada-homepage #scrolllateral-homepage {
    position: fixed;
    bottom: 150px;
    right: 20px;
    display: flex;
    flex-flow: nowrap column;
    color: white;
    z-index: 1000;
}

#portada-homepage #scrolllateral-homepage ul.nav {
    display: block;
    margin-right: 5px;
}

#portada-homepage #scrolllateral-homepage li {
    display: flex;
    flex-flow: nowrap row;
    justify-content: flex-end;
    align-items: center;
}

#portada-homepage #scrolllateral-homepage a {
    color: white;
    text-decoration: none;
    padding: 2px;
    margin: 6px;
    background-color: inherit;
    background-color: black;
    opacity: .70;
    width: 100%;
    text-align: center;
    display: none;
}

#portada-homepage #scrolllateral-homepage li:after {
    content: "  \f111";
    font-family: FontAwesome;
    color: white;
    padding: 2px;
    margin: 8px 0px;
}

#portada-homepage #scrolllateral-homepage li.active:after {
    color: var(--color-principal) !important;
}

#portada-homepage #scrolllateral-homepage li.par:after {
    color: #9b9b9b;
}

#barra-portada {
    width: 90%;
    max-width: var(--ancho-maximo);
    text-align: right;
    height: 6.25%;
}

#barra-portada a,
#barra-portada a:hover {
    color: white;

}

#barra-portada a {
    text-decoration: none;
}

#barra-portada a:hover {
    text-decoration: underline;
}

#barra-portada ul {
    margin-bottom: 5px;
}

#barra-portada ul li {
    margin-bottom: 0px;
}

#barra-portada ul li i,
#barra-portada ul li a i {
    margin-right: 5px;
}

#barra-portada ul.nav > li {
    display: flex;
    align-items: flex-end;
    line-height: 1.5rem;
}

#barra-portada ul li:after {
    content: '|';
    display: inline-block;
    margin: 0px 5px;
}

#barra-portada ul li:first-child:before {
    content: '|';
    display: inline-block;
    margin: 0px 5px;
}

#barra-portada .lang-inline {
    margin-bottom: 0px;
}

#barra-portada ul li:last-child:after,
#barra-portada .mod-languages ul li:after,
#barra-portada .mod-languages ul li:first-child:before {
    content: '';
    display: none;
}

#barrabusqueda-homepage {
    height: 9%;
    width: 100%;
    max-width: var(--ancho-maximo);
    text-align: right;
    margin-top: 10px;
    padding-bottom: 15px;
}

#mod-search-searchword93 {
    height: 50px;
    border-radius: 7.5px;
}

#barrabusqueda-homepage #mod-search-searchword93 {
    width: calc(100% * 35 / 40);
}

#accesosdirectos {
    padding-top: 30px;
    #height: 20%;
    display: flex;
    align-items: center;
    max-width: var(--ancho-maximo);
    width: 100%;

}

#accesosdirectos ul {
    display: flex;
    flex-flow: nowrap row;
    justify-content: space-between;
    width: 100%;
}

#accesosdirectos > ul > li {
    width: calc(100% / 8);
}

#accesosdirectos > ul > li > a {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    color: white;
    padding: inherit;
}

#accesosdirectos > ul > li > a > div {
    background-color: white;
    border-radius: 50%;
    padding: 10px;
    width: 55px;
    height: 55px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

#accesosdirectos > ul > li > a:hover > div {
    background-color: var(--color-principal);
}

#accesosdirectos > ul > li > a:hover > span {
    #color: var(--color-principal);
}

#accesosdirectos > ul > li > a:hover {
    background-color: inherit;
}

#accesosdirectos > ul > li > a img {
    height: 25px;
}

#accesosdirectos > ul > li > a:hover img {
    filter: brightness(0) invert(1);
}

#accesosdirectos > ul > li > a > span {
    display: block;
    text-align: center;
    font-size: 90%;
    width: 90%;
}

#cuadros-redessociales img {
    width: 100%;
}

.atencionciudadana {
    font-size: 100%;
}

#atencion-ciudadana {
    margin: 20px 0px;
}

#atencion-ciudadana ul li {
    display: block;
    width: 100%;
    /*font-size: 1.7rem;
    line-height: 1.7rem;*/
    font-weight: normal;
    margin-bottom: 5px;
}

#atencion-ciudadana ul li a {
    color: #fff;
}

#atencion-ciudadana ul li a:hover,
#atencion-ciudadana ul li a:focus,
#atencion-ciudadana ul li a:active {
    text-decoration: underline;
}

.telefono {
    font-size: 100%;
}

.mapaeidioma {
    font-size: 100%;
}

.fas, .fab {
    font-family: "FontAwesome";
}

#eventosyactualidad {
    height: calc(100% - 80px);
}

#pie > li {
    list-style: none;
}

#pie {
    max-width: var(--ancho-maximo);
    width: 100%;
    background-color: white;
    color: var(--color-copyright);

    /* flex container*/
    display: flex;
    flex-flow: nowrap row;
    align-items: center;
    justify-content: space-around;
    margin: auto;
}

#pie a {
    color: var(--color-copyright);
}

#pie > li,
#pie > div {
    #width: 25%;
    padding: 10px;
    font-size: 75%;

}


#pie > li:first-child,
#pie > div:first-child {
    text-align: center;
}

#pie .logo {
    width: var(--logo-pie-w);
    width: var(--logo-pie-w);
}

#pie > li:nth-child(2),
#pie > div:nth-child(2) {
    display: flex;
    flex-flow: nowrap row;
}

#pie .fas, #pie .fab, #pie .fa {
    #font-size: 125%;
    font-style: normal;
    text-decoration: none !important;
}

#pie > div.redessociales a:hover {
    text-decoration: none;
}

#pie > div.redessociales .fab, #pie > div.redessociales .fa {
    font-size: 140%;
}

#pie {

}

#copyright {
    max-width: var(--ancho-maximo);
    width: 100%;
    background-color: var(--color-copyright);
    margin: auto;

    /* flex container*/
    display: flex;
    flex-flow: nowrap row;
    align-items: center;
}

#copyright > li,
#copyright > div {
    width: 33.33%;
    padding: 1vh 10px;
    font-size: 75%;
    list-style: none;
}

#copyright > div:nth-child(3) {
    display: flex;
    flex-flow: wrap row;
    justify-content: space-between;
    align-content: center;
}

#copyright > div:nth-child(3) p {
    margin: 5px 10px;
}

#copyright a {
    color: white;
}

#cabeceranew {
    position: relative;
    width: 100%;
    margin-top: 80px;
}

#cabeceranew .random-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    overflow: hidden;
}

#cabeceranew .titulo {
    position: relative;
    height: 300px;
    width: 100%;
    max-width: var(--ancho-maximo);
    margin: auto;
}

#cabeceranew .titulo div {
    border: 1px solid white;
}

#cabeceranew .titulo div:first-child {
    position: absolute;
    width: calc(10% + 1px);
    margin-top: 0%;
    left: 0%;
    display: flex;
    overflow: hidden;
    color: white;
}

#cabeceranew .titulo div:last-child {
    position: absolute;
    width: calc(20% + 1px);
    margin-top: 10%;
    left: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

#cabeceranew .titulo div:last-child span,
#cabeceranew .titulo div:last-child h1 {
    text-align: center;
    line-height: 1.15;
}

#cabeceranew .random-image {
    width: 100%;
}

#component {
    max-width: var(--ancho-maximo);
    width: 100%;
    margin: auto;
    color: black;
}

#cabecera .titulo {
    position: relative;
    height: 300px;
    width: 100%;
    max-width: var(--ancho-maximo);
    margin: auto;
}

#cabecera .titulo div {
    border: 1px solid white;
}

#cabecera .titulo div:first-child {
    position: absolute;
    width: calc(10% + 1px);
    margin-top: 0%;
    left: 0%;
    display: flex;
    overflow: hidden;
    color: white;
}

#cabecera .titulo div:last-child {
    position: absolute;
    width: calc(20% + 1px);
    margin-top: 10%;
    left: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

#cabeceranew > div.titulo > div:nth-child(2) {
    background-color: rgba(0, 0, 0, 0.6);
}

ul.lang-inline {
    display: flex;
    flex-flow: row nowrap;
    list-style: none;
    padding: 0px;
}

ul.lang-inline > li {
    margin: 0 5px;
}

.mod-languages {
    display: inline-block;
}

#pie > div.contacto {
    display: flex;
    flex-flow: wrap row;
    justify-content: space-around;
    white-space: nowrap;
}

#pie > div.contacto p {
    margin: 0;
    margin-right: 0.5rem;
}

#pie > div.redessociales {
    display: flex;
    flex-flow: nowrap row;
    justify-content: center;
    align-items: center;
}

#pie > div.direccion {
    display: flex;
    flex-flow: nowrap row;
    align-items: center;
}

#pie .direccion p,
#pie .contacto p {
    margin-top: 10px;
    margin-bottom: 1rem;
}

#pie .direccion p i,
#pie .contacto p i {
    margin-right: 1rem;
}

.ul-redessociales {
    display: flex;
    z-index: 30;
}

#component {
    padding-bottom: 40px;
}

#copyright ul.ul-copyright {
    display: inline-block;
}

#copyright ul.ul-copyright li {
    display: inline-flex;
    list-style-type: none;
}

#copyright ul.ul-copyright li:after {
    content: " ";
    display: none;
}

#fondo-destacados-pie .n2-ss-slide {
    height: 100% !important;
}

@media screen and (max-width: 1159px) and (min-width: 1024px) {
    #copyright > div:nth-child(3) p {
        width: calc(50% - 20px);
        white-space: nowrap;
    }

    #copyright > div:nth-child(3) p:last-child {
        width: 100%;
    }

}

@media screen and (max-width: 1023px) and (min-width: 768px) {
    #pie > div {
        width: 100%;
        padding: 7.5px;
        font-size: 66%;
    }

    #copyright > div:nth-child(3) p {
        margin: 3px 3px;
        width: 100%;
    }

    #pie .contacto p {
        display: block;
        width: 100%;
    }

    #copyright > div:nth-child(3) {
        flex-flow: inherit;
    }

    #pie .logo {
        width: 100%;
    }
}

@media (max-width: 1023px) {
    #copyright li {
        font-size:14px!important;
        width: 100%;
    }

    #copyright {
     padding:5px;
    }

    .megamenu-menu ul li {
        display: block;
    }

    #portada-homepage {
        position: relative;
    }

    #cabeceranew {
        margin-top: 80px;
    }

    #pie {
        display: inherit;
        font-size: 350%;
    }

    #pie p {
        margin: 0px;
    }

    #pie .contacto,
    #pie .direccion {
        padding: 5%;
    }

    #pie .direccion {
        padding-bottom: 0;
    }

    #pie .contacto {
        padding-top: 0;
    }

    #pie .contacto i,
    #pie .direccion i {
        font-size: 200%;
        margin-right: 20px;
    }

    #pie .direccion i {
        margin-right: 45px;
    }

    #pie .contacto p {
        display: block;
        width: 100%;
    }

    #pie .direccion p:last-child,
    #pie .contacto p {
        font-size: 120%;
    }

    #pie > div.redessociales {
        justify-content: left;
    }

    #pie > div.redessociales a:first-child {
        margin-left: 20px;
    }

    #copyright {
        display: inherit;
    }

    #copyright > div {
        width: 100%;
        padding: 1vh 10px;
        font-size: 200%;
    }

    #accesosdirectos {
        margin-top: 50px;
        /*position: absolute;*/
    }

    #accesosdirectos ul {
        flex-flow: nowrap column;
        width: 100%;
    }

    #accesosdirectos ul li {
        border-top: 1px solid #fff;
        width: 100%;
        padding: 5px;
        margin-bottom: 0px;
        background: rgba(0, 0, 0, 0.25);
    }

    #accesosdirectos ul li:last-child {
        border-bottom: 1px solid #fff;
    }

    #accesosdirectos > ul > li > a {
        display: flex;
        flex-flow: nowrap row;
        color: white;
        padding: inherit;
        justify-content: left;
    }

    #accesosdirectos > ul > li > a > .image-title {
        margin-left: 15px;
        font-size: 250%;
    }

    #atencion-ciudadana ul li {
        font-size: 350%;
    }

    #accesosdirectos > ul > li > a > span {
        text-align: left;
    }

    #cuadros-portada-homepage a {
        font-size: 250%;
    }

    #portada-homepage #scrolllateral-homepage {
        display: none;
        /*position: absolute;
        top: 42%;
        right: 5px;
        display: flex;
        flex-flow: nowrap column;
        color: white;
        z-index: 1000;*/
    }

    #portada-homepage #scrolllateral-homepage li {
        display: inline-block;
        flex-flow: nowrap column;
        justify-content: flex-end;
        align-items: center;
        margin-right: 10px;
    }

    #copyright ul.ul-copyright {
        display: inline-block;
    }

    #copyright ul.ul-copyright li {
        display: inline-flex;
        list-style-type: none;
        font-size: 200%;
    }

    #copyright ul.ul-copyright li:after {
        content: " ";
        display: none;
    }

    body {
        overflow-y: scroll;
    }

    #portada-fondo,
    #eventosyactualidad,
    #temas,
    #hechos,
    #redessociales {
        overflow: none;
        height: auto !important;
        max-height: inherit !important;
        min-height: auto !important;

    }

    #barramenu {
        display: none;
    }

    .ul-redessociales {
        display: inherit;
        z-index: 30;
    }
}

@media (max-width: 768px) {
    #pie > div.redessociales {
        font-size: 90%;
    }

    #pie > div.redessociales a {
        padding-left: 10%;
        padding-right: 0px !important;
    }

    #pie > div p a {
        font-size: 100%;
    }

}

@media (max-width: 675px) {
    #accesosdirectos ul li {
        padding: 3px 5px;
    }

    #accesosdirectos > ul > li > a > div {
        width: 36px;
        height: 36px;
    }

    #accesosdirectos > ul > li > a > .image-title {
        margin-left: 15px;
        font-size: 350%;
    }

    #portada-homepage #scrolllateral-homepage {
        top: 38%;
    }

    #atencion-ciudadana {
        margin: 10px 0px;
    }

    #pie .redessociales .fab, #pie .redessociales .fa,
    #pie > div.redessociales a {
        padding-left: 0;
        margin-right: 0px;
        padding-right: 0px !important;
    }

    #pie .redessociales .li-redessociales {
        float: initial;
        padding: 0px;
    }

    #pie > div.contacto {
        white-space: initial;
    }

    #pie > div.contacto p,
    #pie > div.direccion p:last-child {
        font-size: 100%;
    }
}

@media (max-width: 767px) and (orientation: landscape) {
    #accesosdirectos > ul > li > a > .image-title {
        font-size: 250%;
    }
}

@media (max-width: 475px) {

}

.ul-copyright {
    list-style-type: none;
    margin: 0em;
    padding: 0em;
}

.li-copyright {
    display: inline;
    padding: 0.5em;
    float: left;
}

.ul-redessociales {
    list-style-type: none;
    margin: 0em;
    padding: 0em;
}

.li-redessociales {
    display: inline;
    padding: 0.5em;
    float: left;
}

.wrapper-copyright {
    background-color: var(--color-copyright);
}

.wrapper-pie {
    box-shadow: 10px 0px 5px 0px rgba(0, 0, 0, 0.75);
}

/*DESTACADOS PIE*/
.wrapper-destacados-pie {
    align-items: center;
    display: flex;
    flex-flow: nowrap row;
    min-height: calc(100% - 80px);
    width: 100%;
    position: relative;
}

.wrapper-destacados-pie .slider {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -99;
    overflow-y: hidden;
}

#destacados-pie {
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    color: white;
    display: flex;
    flex-flow: nowrap row;
    min-height: 300px;
    width: 100%;
}

#destacados-pie p {
    text-align: center;
}

#destacados-pie a {
    color: white;
}

#destacados-pie a:after {
    content: "  \f101";
    font-family: "FontAwesome";
}

#destacados-pie .indicators a:after {
    content: "";
}

#destacados-pie .mod-articles-category-readmore {
    font-size: 115%;
    font-weight: bold;
    margin-top: 30px;
}

#destacados-pie .mod-articles-category-title {
    font-size: 135%;
}

#destacados-pie .indicators {
    bottom: 10px;
    display: flex;
    font-family: "FontAwesome";
    justify-content: center;
    width: 100%;
}

#destacados-pie > div {
    list-style: none;
    margin: auto;
    max-width: var(--ancho-maximo);
    width: 100%;
}

#destacados-pie-data > div {
    display: none;
}

#destacados-pie-data > div:first-child {
    display: block;
}

#destacados-pie-data .indicators a,
#destacados-pie-data .indicators p {
    color: white;
    margin: 5px;
}

h3 {
    font-size: 21px;
}

h2 {
    font-size: 23px;
}

.leyenda-img {
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, .75);
    color: white;
    width: 100%;
    text-align: center;
    padding: 5px;
}

#modal {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .85);
    display: flex;
    align-items: center;
}

#modal .box-modal {
    opacity: 1;
    background-color: #333;
    width: 100%;
    height: 75vh;
    margin: auto;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}

#modal p {
    color: white;
    font-size: 125%;
    text-align: center;
    padding: 50px;
}

#modal a {
    background-color: var(--color-principal);
    border: 1px solid white;
    padding: 10px 25px;
    text-decoration: none;
    color: white;
}

#modal .cerrar {
    position: absolute;
    top: calc(12.5vh);
    right: 20px;
}

.text-primary {
    color: var(--color-principal);
    font-style: italic;
}

.article table.nomaquetar {
    width: inherit !important;
}

.article table.nomaquetar tbody tr {
    background-color: inherit !important;
    border-top: inherit !important;
    border-bottom: inherit !important;
}

.article table.nomaquetar td, .article table.nomaquetar th {
    padding: inherit !important;
}

.logos_row {
    display: flex;
    flex-flow: row wrap;
    margin: auto;
    width: 100%;
    max-width: var(--ancho-maximo);
    align-items: center;
    justify-content: center;
}

.logos_row > p {
    width: 100%;
    color: var(--color-copyright);
    text-align: center;
}

.logos_row > a {
    margin-bottom: 30px;

}

.logos_row img {
    max-width: 200px;
    max-height: 120px;
    margin: 10px 30px;
}

#fondo-portada {
    overflow-y: hidden;
}

.chronoforms6_credits {
    display: none !important;
}

#scrolllateral-homepage .transparent {
    display: block !important;
    margin-right: -16px !important;
    z-index: 99999 !important;
    width: 20px !important;
    height: 20px !important;
    background-color: transparent !important;

}

.jf_ku_newbar_btns {
    display: none !important;
}

.cabildoGeneral .jf_ku_newbar_btns {
    display: inline-block !important;
}

.jreview-dg-content input[type=text],
.jreview-dg-content input[type=password] {
    color: #333;
}

/*.auto-adjust, .random-image img, #eventosyactualidad img, #redessociales img {*/
/*min-width: 100%;*/
/*min-height: 100% !important;*/
/*#margin-top: -25%;*/
/*!* Retoque rápido que habrá que sustituir por la redimension js correcta (onchange) *!*/
/*max-width: 120%;*/
/*height: auto;*/
/*}*/

#cuadros-redessociales > div > div, #cuadros-redessociales > div > div {
    height: auto;
    width: 100%;
}

/* ZZ.131 */
#cuadros-redessociales .texto, #cuadros-redessociales .usuario {
    #width: 80%;
    font-size: 80%;
}

/* ZZ.131 */

/*#portada-homepage,
#barramenu,
#eventosyactualidad,
#temas,
#redessociales,
.wrapper-pie {
    min-width: 960px;
}*/

/* Bandera */

.lang-active a {
    cursor: default;
}

/* efecto en el focus de los botones de acceso directo */

#accesosdirectos .menu a:active, #accesosdirectos .menu li:active,
#accesosdirectos .menu a:focus, #accesosdirectos .menu li:focus {
    background-color: transparent;
}

#cuadros-redessociales div p {
    font-size: 80%;
}

.mod-languages > ul:nth-child(1) > li:nth-child(2),
.mod-languages > ul:nth-child(1) > li:nth-child(3) {
    display: none;
}

#todas_noticias {
    white-space: nowrap;
}

.migas-pan-data {
    padding: 0px 20px;
}

#menu-info {
    display: flex;
}

#menu-info ul.nav {
    float: right;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

#menu-info ul.nav:before {
    display: none;
}

#menu-info .nav > li {
    display: inherit;
}

#menu-info .nav > li a {
    padding: 0px;
}

#menu-info .nav > li > a:focus, #menu-info .nav > li > a:hover {
    text-decoration: none;
    background-color: transparent;
}

*, ::after, ::before {
    box-sizing: border-box;
}

@media (max-height: 620px) and (min-width: 1024px) {
    #cuadros-hechos #cuadros-hechos-0 ul.nav {
        overflow: hidden;
        overflow-y: scroll;
    }

    #cuadros-eventosyactualidad,
    #cuadros-redessociales {
        font-size: 50%;
    }
}

@media (max-width: 375px) {
    #barramenu-superior {
        height: 80px;

    }

    #pie > div.contacto p {
        padding-left: 10px;
        font-size: 120%;
    }

    #pie .direccion p:first-child {
        padding-left: 10px;
    }

    #pie .direccion p:first-child i {
        margin-right: 32px;
    }

    #pie .contacto p span,
    #pie .contacto p a {
        margin-left: 5px;
    }

    #pie .direccion p:last-child {
        font-size: 120%;
    }
}

.trazabilidad .num {
    width: 3em;
}

.trazabilidad input[type="submit"] {
    background: var(--color-principal);
    padding: 10px;
    color: white;
    border: none;
    margin-bottom: 30px;
}

.trazabilidad .boton {
    background: var(--color-principal);
    color: white;
    padding: 10px;
}

.trazabilidad .error {
    color: red;
}

a:focus {
    border: 1px red dotted;
}

.indicators a:hover {
    cursor: pointer;
}

.ui-dialog-titlebar-close {
    display: none;
}

@media (max-width: 767px) {
    #destacados-pie {
        display: none;
    }

    #cuadros-eventosyactualidad .disabled, #cuadros-eventosyactualidad .enabled {
        height: auto;
        width: 100%;
    }

    #barramenu .buscador-extendido .search #moreChars, #barramenu .buscador-extendido .search .fa-spinner {
        font-size: 20px;
        position: absolute;
        right: 43px;
        top: 36px;
    }
}

.wrapper-pie {
    z-index: 30;
}

.pagination {
    z-index: 30;
}

.hide,
.buscador .buscador_text {
    display: none;
}

.aside strong {
    color: var(--color-principal);
    font-weight: normal !important;
    font-size: 23px;
}