/************************************************************************************
 * Copyright (c) 2020 to Present. Ministerio de Ciencia e Innovación, Gobierno de España
 * All rights reserved.
 ************************************************************************************/


/*----------------DESCOMENTAR PARA OCULTAR COOKIES-----------------*/
#cookies {
    display: none;
    z-index: 99999999;
    height: 550px !important;
    overflow: unset;
    background-color: white;
}
/*----------------DESCOMENTAR PARA PROBAR USABILIDAD SIN RATÓN------------------
*:focus {
    background: red !important;
}*/
/*----------------ANIMACIONES------------------*/
@keyframes pop-animation {
    50% { width: 100%; }
}
/*------------PALETA DE COLORES DE FONDO--------------------------------------*/
.blanco, .contenidoAyuda.blanco .title, #contenidoAviso.blanco .title {
    background-color: #ffffff !important;
}

.gris-claro-1, .contenidoAyuda.gris-claro-1 .title, #contenidoAviso.gris-claro-1 .title {
    background-color: #f2f4f6 !important;
}

.gris-claro-2,  .contenidoAyuda.gris-claro-2 .title, #contenidoAviso.gris-claro-2 .title {
    background-color: #eef3f4 !important;
}
.gris-claro-3,  .contenidoAyuda.gris-claro-3 .title, #contenidoAviso.gris-claro-3 .title {
    background-color: #e6ebee !important;
}
.gris-oscuro, .gris-oscuro a:not(.generic-button):not(.generic-button-2),  .contenidoAyuda.gris-oscuro .title, #contenidoAviso.gris-oscuro .title {
    background-color: #3f4146 !important;
    color: #ffffff !important;
}
.azul-oscuro-casi-negro, .azul-oscuro-casi-negro a:not(.generic-button):not(.generic-button-2),  .contenidoAyuda.azul-oscuro-casi-negro .title, #contenidoAviso.azul-oscuro-casi-negro .title  {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
}
/*------------GENÉRICO-------------------------------------------------------------*/
body, .leaflet-container {
	font-family: 'Poppins', sans-serif;
	box-sizing: border-box;
    /*overflow-wrap: break-word;*/
    -ms-hyphens: manual;
    -webkit-hyphens: manual;
    hyphens: manual;
}
body #wrapper {
    background-color: #FFF !important;

}
body #wrapper > div:not(#organigrama-juan):not(#cookies):not(#avisos):not(#ecosistema-container), body #wrapper > form {
    position: relative;
    z-index: 2;
    overflow: hidden;
}
#wrapper > div {
    max-width: 1920px;
    margin: 0 auto;
}
.container-fluid:not(#avisos-home) {
    padding-right: 165px;
    padding-left: 165px;
}
.full-width, .container-fluid .container-fluid {
    width: calc(100% + 330px);
    margin-left: -165px;
}
.container-fluid .full-width > .container-fluid {
    width: 100%;
    margin: 0;
}
img {
	width: 100%;
}
img.static:hover {
    transform: none;
}

#footer {
    padding-top: 30px;
    background-color: white;
}
.container-fluid a {
    color: #086DD2;
}

a:hover, a#footer-carrousel-left-arrow:hover, a#footer-carrousel-right-arrow:hover {
/*	opacity: 0.5;*/
	text-decoration: none;
}
.generic-button-container {
    text-align: center;
    margin: 20px auto;
    min-height: 60px;
}
a.generic-button, button.generic-button, a.generic-button-2, button.generic-button-2, .form input[type="submit"], .formulario-web-newsletter input[type="submit"] {
    margin: 0 auto 55px auto;
    padding: 12px 40px !important;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background-color: #836501;
    text-transform: uppercase;
    border-radius: 50px;
    font-size: 18px;
    /*border: 0;*/
    border: 3px solid #836501;
    cursor: pointer;
    transition: 0.5s ease;
    /* display: block; */
    min-width: 110px;
}

@media only screen and (max-width: 768px) {
    a.generic-button, button.generic-button, a.generic-button-2, button.generic-button-2, .form input[type="submit"] {
        padding: 8px 30px !important;
        font-size: 1rem;
    }
}

a.generic-button.no-margin-button, a.generic-button p {
    margin-bottom: 0;
}
a.generic-button-2, button.generic-button-2 {
    background-color: #fff;
    color: #836501;
}
a.generic-button:hover, button.generic-button:hover, a.generic-button-2:hover, button.generic-button-2:hover,
.enlaceFicheros .menu button.documentacion-asociada.selected + a:hover, .form input[type="submit"]:hover {
	background-color: #154481;
    border: 3px solid #154481;
    color: #FFF;
}
a.info-060:hover {
    background-color: #154481;
    color: #FFF;
}
a.generic-button:active, button.generic-button:active, a.generic-button-2:active, button.generic-button-2:active,
a.generic-button:focus, button.generic-button:focus,  a.generic-button-2:focus, button.generic-button-2:focus,
.enlaceFicheros .menu button.documentacion-asociada.selected + a:focus, .download-button:hover, .download-button:focus, .form input[type="submit"]:focus {
	background-color: #FFF;
	color:#154481;
	border: 3px solid #154481;
    outline: 0px;
}
a.info-060:focus {
    background-color: #154481;
    border: 3px solid #154481;
    color: #FFF;
    outline: 0px;
}
a.read-more {
    background-color: #154481;
   	padding: 15px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    transition: 0.5s ease;
}
a.read-more:hover {
	background-color: #836501;
}
a.read-more:active {
	background-color: #FFF;
	color: #836501;
	border: 3px solid #836501;
}
a.read-more-2 {
    color: #836501;
    text-align: center;
    font-weight: bold;
    text-decoration: underline;
    transition: 0.5s ease;
}

#eventos a.read-more-2 {
    margin-top: 20px;
    float: right;
}
a.read-more-2:hover, a.read-more-2:focus {
	color: #154481;
}
a.read-more-2:active {
	color: #20242A;;
}
a.black-link {
    text-decoration: underline;
    color: #000;
    font-weight: bold;
}
.component-title {
    text-align: left;
	margin: 0 0 40px 0;
	font-size: 40px;
	position: relative;
	/*font-family: 'Merriweather', serif;*/
	font-weight: 200;
}
.component-title > div {
    padding: 0;
}
/*.component-title:before {
    border-bottom: 10px solid #836501;
    position: absolute;
    content: "";
    bottom: 2px;
    left: -2px;
    width: 28px;
}*/
.grey-border {
    border: 3px solid #cacfd7;
    padding: 60px;
    margin-top: 50px;
    margin-bottom: 60px;
}
.grey-border a {
    text-decoration: underline;
    color: #000;
}
.grey-border h1, .grey-border h5 {
    text-align: center;
}
.grey-border h1 {
    font-weight: 200;
    margin-bottom: 60px;
}
.grey-border h1.with-subtitle {
    margin-bottom: 0;
}
.grey-border h5 {
    font-weight: 600;
    margin-bottom: 60px;
}

.container-fluid ul li {
    list-style-type: none;
    margin-bottom: 10px;
}
.container-fluid ul li p {
    margin-left: 25px;
    margin-top: -25px;
}
div.container-fluid ul li:before{
    content: '';
    display: inline-block;
    height: 15px;
    width: 15px;
    background-image: url(../img/icono-bullet-point-gris.svg);
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 10px;
    top: 2px;
}
.enlaceFicheros ul li:before, #avisos-home ul li:before, .lista li:before, #buscadorPrincipal ul li:before,
#cookiesFormGeneral ul li:before, .cookiesFormGeneral ul li:before, .formularios-feedback ul li:before, #mapaweb ul li.noList:before {
    background-image: none !important;
    background: none !important;
}
.enlaceFicheros .enlaces-relacionados ul li:before {
    background-image: url(../img/icono-bullet-point.svg) !important;
}
.enlaceFicheros ul li p, .enlaceFicheros ul li span{
    margin-top: 0px;
    hyphens: auto;
    -ms-hyphens: auto;
    word-wrap: break-word;
}
.enlaceFicheros ul li p.multimedia{
    margin-left: 0px;
}

p:empty {
    display:none;
}


/*------------PÁGINAS ERROR 404 Y 503------------------------------------------------------------*/
.error-page {
    padding-top: 60px;
    padding-bottom: 60px;
    text-align: center;
}
.error-page .line {
    position: absolute;
    top: 216px;
    width: 100%;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.16);
    border-top: 20px solid #fff;
    z-index: 6;
}
.error-page .text-box {
    position: relative;
    z-index: 7;
}
.error-page img {
    height: 275px;
    width: auto;
}
/*------------COMPONENTES PERSONALIZACION COOKIES ------------------------------------------------------------------------------*/
#cookies {
    max-width: 84%;
    margin: 8%;
}

#cookies .cookies {
    padding: 30px;
}
#cookies .close {
    color: #836501;
}
#cookies .text-box {
    margin-top: 30px;
    margin-left: 50px;
    margin-right: 20px;
}

#cookies .text-box p {
    margin: 0;
}
#cookies .buttons-container {
    position: relative;
    min-height: 100px;
}
#cookies .buttons-container button, #cookies .buttons-container a, #cookies .buttons-container .tiempo {
    margin-top: 20px;
    position: absolute;
    padding: 20px 40px;
}
#cookies .buttons-container button {
    left: 50px;
}
#cookies .buttons-container a {
    right: 30px;
}
#cookies .buttons-container div.tiempo {
    right: 30px;
    top: 80px;
    text-align: center;
    font-size: 14px;
    font-weight: 200;
    color: #4a607d;
}
#cookies .buttons-container div.tiempo span {
    color: #836501;
}
#cookiesFormGeneral, .cookiesFormGeneral {
    margin-top: 60px;
    margin-bottom: 60px;
}
/* #cookiesFormGeneral form, .cookiesFormGeneral form {
    border: 3px solid #cacfd7;
    padding: 60px;
} */
.more-cookies {
    margin-top: 20px;
    cursor: pointer;
}
#cookies form legend.n1, #cookiesFormGeneral form legend.n1, .cookiesFormGeneral form legend.n1 {
    font-weight: 200;
    text-align: center;
}
#cookies form legend.n2, #cookiesFormGeneral form legend.n2, .cookiesFormGeneral form legend.n2 {
    text-align: center;
    font-weight: bolder;
}
#cookies ul {
  list-style: none;
  margin-top: 15px;
  padding-inline-start: inherit;
}
#cookiesFormGeneral ul, .cookiesFormGeneral ul {
    padding-inline-start: 45px;
    list-style-type: disc;
}
#cookies ul {
    padding-inline-start: 0;
}
#cookies li {
    margin-bottom: 1.2em;
}

#cookies li p, #cookiesFormGeneral li p, .cookiesFormGeneral li p {
    padding-left: 20px;
    margin-bottom: 0.3rem;
}
#cookiesFormGeneral li p, .cookiesFormGeneral li p {
    margin-bottom: 2rem;
}
#cookiesFormGeneral li a, .cookiesFormGeneral li a {
    text-decoration: underline;
    margin-bottom: 0.3rem;
    line-height: 1.5;
}
/*#cookies u, #cookiesFormGeneral u, .cookiesFormGeneral u {
    text-decoration: none;
    border-bottom: 1px solid #212529;
}*/
#cookiesFormGeneral .colorT, .cookiesFormGeneral .colorT {
    color: #836501;
}
#cookiesFormGeneral h3, .cookiesFormGeneral h3 {
    font-weight: bold;
    font-size: 1rem;
    cursor: pointer;
}
#cookiesFormGeneral .cookies-content, .cookiesFormGeneral .cookies-content {
    display: none;
    margin-bottom: 20px;
}
#cookiesFormGeneral .cookies-content.personalizar, .cookiesFormGeneral .cookies-content.personalizar {
    display: block;
    margin-bottom: 20px;
}
#cookiesFormGeneral .cookies-content table, .cookiesFormGeneral .cookies-content table {
    margin-bottom: 20px;
}
#cookiesFormGeneral .cookies-content ul li p, .cookiesFormGeneral .cookies-content ul li p {
    margin-left: -30px;
}
#cookies .nota, #cookiesFormGeneral .nota, .cookiesFormGeneral .nota {
    color: #4a607d;
    font-size: 0.8em;
    margin-left: 5px;
}
#cookies .checkbox-container, #cookiesFormGeneral .checkbox-container, .cookiesFormGeneral .checkbox-container {
  display: block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 5px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#cookies .checkbox-container {
    margin-left: 50px;
}
#cookies .checkbox-container label {
    margin-left: 20px;
    margin-bottom: 0rem;
    cursor: pointer;
}
#cookies .checkbox-container#cookies-tecnicas {
    pointer-events:none;
}
#cookies .checkbox-container.disabled, #cookiesFormGeneral .checkbox-container.disabled,
.cookiesFormGeneral .checkbox-container.disabled {
  cursor: default;
}
#cookies .checkbox-container input, #cookiesFormGeneral .checkbox-container input,
.cookiesFormGeneral .checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
#cookies .checkbox-container .checkmark, #cookiesFormGeneral .checkbox-container .checkmark,
.cookiesFormGeneral .checkbox-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 2px solid #b1b9c3;
}
#cookies .checkbox-container .checkmark-disabled, #cookiesFormGeneral .checkbox-container .checkmark-disabled,
.cookiesFormGeneral .checkbox-container .checkmark-disabled {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 2px solid #b1b9c3;
}
#cookies .checkmark:after, #cookiesFormGeneral .checkmark:after,
.cookiesFormGeneral .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
#cookies .checkmark-disabled:after, #cookiesFormGeneral .checkmark-disabled:after,
.cookiesFormGeneral .checkmark-disabled:after {
  content: "";
  position: absolute;
  display: none;
}
#cookies .checkbox-container input:checked ~ .checkmark:after, #cookiesFormGeneral .checkbox-container input:checked ~ .checkmark:after,
.cookiesFormGeneral .checkbox-container input:checked ~ .checkmark:after {
  display: block;
}
#cookies .checkbox-container input:checked ~ .checkmark-disabled:after, #cookiesFormGeneral .checkbox-container input:checked ~ .checkmark-disabled:after,
.cookiesFormGeneral .checkbox-container input:checked ~ .checkmark-disabled:after {
  display: block;
}
#cookies .checkbox-container .checkmark:after, #cookiesFormGeneral .checkbox-container .checkmark:after,
.cookiesFormGeneral .checkbox-container .checkmark:after {
  left: 6px;
  top: 0;
  width: 10px;
  height: 18px;
  border: solid #000;
  border-width: 0 5px 5px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cookies .checkbox-container .checkmark-disabled:after, #cookiesFormGeneral .checkbox-container .checkmark-disabled:after,
.cookiesFormGeneral .checkbox-container .checkmark-disabled:after {
  left: 6px;
  top: 0;
  width: 10px;
  height: 18px;
  border: solid #AAA;
  border-width: 0 5px 5px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/** #cookiesFormGeneral .checkbox-container span, .tablaAmbar .checkbox-container span {
    text-decoration: underline;
  } **/
#cookiesFormGeneral table, .tablaAmbar table,
.cookiesFormGeneral table, .tablaAmbar table {
    table-layout: fixed;
}
#cookiesFormGeneral th, td, .tablaAmbar th, td,
.cookiesFormGeneral th, td, .tablaAmbar th, td {
    border: 1px solid #cacfd7;
    height: 50%;
    vertical-align: top;
    padding: 10px;
}
#cookiesFormGeneral thead, .tablaAmbar thead,
.cookiesFormGeneral thead, .tablaAmbar thead {
    background:#836501;
    color: white;
    text-align:center;
}
#cookiesFormGeneral th#denominacion, .tablaAmbar th#denominacion,
.cookiesFormGeneral th#denominacion, .tablaAmbar th#denominacion {
    width: 34%;
}
#cookiesFormGeneral th#titular, .tablaAmbar th#titular,
.cookiesFormGeneral th#titular, .tablaAmbar th#titular {
    width: 22%;
}
#cookiesFormGeneral th#duracion, .tablaAmbar th#duracion,
.cookiesFormGeneral th#duracion, .tablaAmbar th#duracion {
    width: 22%;
}
#cookiesFormGeneral th#finalidad, .tablaAmbar th#finalidad,
.cookiesFormGeneral th#finalidad, .tablaAmbar th#finalidad {
    width: 22%;
}
#cookiesFormGeneral .wrapper, .tablaAmbar .wrapper,
.cookiesFormGeneral .wrapper, .tablaAmbar .wrapper {
    margin: 30px auto 50px auto;
    text-align: center;
    width: 50%;
    float: left;
}

#cookiesFormGeneral .buttons-container {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.cookiesFormGeneral .generic-button, .cookiesFormGeneral .generic-button-2,
.tablaAmbar .generic-button, .tablaAmbar .generic-button-2 {
    max-width: none;
    width: 80%;
    padding: 20px 40px;
}

#cookiesFormGeneral form  div.error, #cookiesFormGeneral form  div.error,
.cookiesFormGeneral form  div.error, .cookiesFormGeneral form  div.error,
.tablaAmbar form  div.error, .tablaAmbar form  div.error {
    font-size: 13px;
    text-align: right;
    transition: .5s ease;
    opacity: 0;
}

#cookiesFormGeneral .tiempo {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
}


/*------------COMPONENTE HEADER------------------------------------------------------------*/
#cabeceraN1 {
    max-height: 35px;
}
.cabeceraN2 {
    background-color: #25589b;
    position: relative;
    height: 100px;
    z-index: 9999;
}
#cabeceraN2-MenuPrincipal {
    padding-top: 31px;
}

/*.cabeceraN2 {
    background-color: #25589b;
    display: flex;
    position: relative;
}
.cabeceraN2Logos {
    width: 25%;
    padding-left: 15px;
    display: flex;
}*/

header {
    width: 100%;
}

.header-fixed {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 9999;
}

.header-fixed_2 {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 9998;
}

.edicion-cabecera {
    position: relative;
}



/*------------COMPONENTE AVISO HOME------------------------------------------------------------*/
#avisos-home {
    background-color: #dcb639 !important;
    margin-top: 55px !important;
    display: none;
    z-index: 999;
}
/* #avisos-home > div#carrusel-avisos {
    border-left: 1px solid #727579;
    border-right: 1px solid #727579;
    padding: 0px 15px;
} */

#avisos-home #carrusel-avisos {
    width: 97%;
    float: left;
    padding-left: 4%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#avisos-home #carrusel-avisos .chevron {
    width: 5%;
    float: left;
    padding: 0px 10px;
}
#avisos-home #carrusel-avisos .carousel-inner {
    width: 90%;
    float: left;
    border-left: 1px solid #727579;
    border-right: 1px solid #727579;
}

#avisos-home .closeBtn {
    width: 3%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
}

#carrusel-avisos .carousel-control-prev, #carrusel-avisos .carousel-control-next {
   width: 15px;
   color: black;
   filter: invert(100%);
   position: unset;
}
#carrusel-avisos .carousel-control-prev {
    float: right;
}
#carrusel-avisos .carousel-control-next img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media only screen and (max-width: 1024px) {
    #avisos-home #carrusel-avisos .chevron {
        width: 3%;
    }
    #avisos-home #carrusel-avisos .carousel-inner {
        width: 94%;
    }
}
@media only screen and (max-width: 864px) {
    #avisos-home #carrusel-avisos .chevron {
        width: 4%;
    }
    #avisos-home #carrusel-avisos .carousel-inner {
        width: 92%;
    }
}
@media only screen and (max-width: 680px) {
    #avisos-home #carrusel-avisos .chevron {
        width: 5%;
    }
    #avisos-home #carrusel-avisos .carousel-inner {
        width: 90%;
    }
}
@media only screen and (max-width: 575px){

    #avisos-home {
        margin-top: 0px !important;
        margin-bottom: -65px;
        padding-right: 5px;
    }

    #avisos-home #carrusel-avisos .carousel-item {
        height: 120px;
    }

    #avisos-home .close {
        margin-top: -90px;
    }
    #avisos-home #carrusel-avisos .chevron {
        padding: 0px 5px;
    }
}
@media only screen and (max-width: 480px){

    #avisos-home {
        margin-top: 0px !important;
        margin-bottom: -65px;
    }
    #avisos-home .close {
        margin-top: -90px;
    }
}



/*
.carrusel .glyphicon-chevron-left:before, .carrusel .glyphicon-chevron-right:before {
    content: '';
    background-image: url(../img/icono-flecha-izquierda-carrusel.svg);
    background-repeat: no-repeat;
    width: 18px;
    height: 30px;
    position: absolute;
}
*/
#carrusel-avisos .glyphicon-chevron-left, #carrusel-avisos .glyphicon-chevron-right  {
    background-image: url(../img/icono-flecha-izquierda-carrusel.svg);
    background-repeat: no-repeat;
    width: 9px;
    height: 15px;
    position: absolute;
    filter: invert(100%);
}

#avisos-home p {
    text-transform: uppercase;
    margin-top: -15px !important;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#avisos-home span.date {
    position: relative;
    font-weight: 800;
    text-transform: capitalize;
    font-size: 20px;
    padding: 0 10px 0 25px;
}
#avisos-home span.date:before {
    position: absolute;
    content: '';
    background-image: url(../img/icono-aviso-importante.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    top: 6px;
    left: 0;
}
#avisos-home .close {
    z-index: 50;
    margin-right: -6%;
    width: 22px;
    height: 22px;
    font-size: 16px;
    font-weight: 600;
    text-shadow: none;
    text-align: center;
    line-height: 18px;
    border-radius: 50%;
    border: 2px solid;
    cursor: pointer;
    opacity: 1;
    transition: 0.5s ease;
}
#avisos-home .close:hover {
    opacity: 0.5;
}
#avisos-home a {
    color: black;
}
#avisos-home a:hover, #avisos-home a:focus {
    font-weight: 600;
}

/**
#avisos-home .glyphicon-chevron-left, #avisos.carrusel .glyphicon-chevron-right, #avisos-home .sr-only {
    background-color: #fff;
}*/
@media only screen and (max-width: 575px) {
    #avisos-home p {
        -webkit-box-orient: unset;
        max-height: none;
        font-size: 14px;
    }

    #avisos-home span.date {
        font-size: 14px;
    }
    #avisos-home span.date:before {
        top: 0;
    }
    #avisos-home #carrusel-avisos .glyphicon-chevron-right:before,
    #avisos-home #carrusel-avisos .glyphicon-chevron-left:before {
        width: 18px;
        height: 30px;
    }
    #avisos-home #carrusel-avisos .glyphicon-chevron-left {
        margin-right: 15px;
    }
}
/*------------COMPONENTE AVISOS------------------------------------------------------------*/
#avisos {
    background-color: #dcb639 !important;
    z-index: 50;
    display: none;
    z-index: 99;
}
#avisos button.close {
    text-shadow: none;
    position: absolute;
    z-index: 51;
    top: 15px;
    right: 20px;
    left: auto;
    width: 22px;
    height: 22px;
    font-size: 16px;
    font-weight: 600;
    text-shadow: none;
    line-height: 20px;
    border: 2px solid #000;
    border-radius: 50%;
    cursor: pointer;
    opacity: 1;
    transition: 0.5s ease;
}
#avisos button.close :hover {
    opacity: 0.5;
}
#avisos .row  {
    margin-top: 25px;
    position: relative;
}
#avisos .row > div:nth-child(2) .text-box:before, #avisos .text-box:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    content: '';
    border-right: 1px solid #727579;
}
#avisos .text-box:after {
    right: 0;
}
#avisos .title{
    position: relative;
}
#avisos .title:before {
    position: absolute;
    content:'';
    background-image: url(../img/icono-aviso.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    top: 2px;
}
#avisos .today.title:before {
    content:'';
    background-image: url(../img/icono-aviso-importante.svg);
}
#avisos span.date, #aviso-listado span.date {
    font-size: 14px;
    font-weight: lighter;
    padding-left: 10px;
}
#avisos .today span.date, #aviso-listado .aviso-importante span.date {
    position: relative;
    top: -4px;
    margin-left: 12px;
    padding: 3px 10px;
    color: #FFF;
    background-color: #000;
    font-size: 13px;
    font-weight: 600;
}
#avisos .title h4, #avisos .title h2 {
    font-size: 1.5rem;
    font-weight: 600;
    padding-left: 25px;
}
#avisos .text-box p, #aviso-listado p {
    position: relative;
    max-height: 6em;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
#avisos .text-box a {
    position: relative;
    z-index: 2;
    color: #000;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
}
#avisos .text-box a:focus {
    color: #FFF;
    border-bottom: 1px solid #FFF;
}

#avisos.carrusel .glyphicon-chevron-left:before, #avisos.carrusel .glyphicon-chevron-right:before {
    content: '';
    background-image: url(../img/icono-flecha-izquierda-carrusel-avisos.svg);
    background-repeat: no-repeat;
    width: 35px;
    height: 60px;
    position: absolute;
    top: 60px;
}
#avisos.carrusel a.left.carousel-control:focus .glyphicon-chevron-left:before{
    content: '';
    background-image: url(../img/icono-flecha-izquierda-carrusel-experiencias.svg);
}
#avisos.carrusel .glyphicon-chevron-right:before {
    content: '';
    background-image: url(../img/icono-flecha-derecha-carrusel-avisos.svg);
}
#avisos.carrusel a.right.carousel-control:focus .glyphicon-chevron-right:before {
    content: '';
    background-image: url(../img/icono-flecha-derecha-carrusel-experiencias.svg);
}
#avisos a.generic-button {
    /* display: block; */
    background-color: #dcb639;
    color: #000;
    border: 2px solid #000;
    padding: 30px;
    transition: 0.5s ease;
}
#avisos a.generic-button:hover, #avisos a.generic-button:focus {
    color: #dcb639;
    background-color: black;
}
#avisos .sr-only {
    background-color: white;
    color: black;
}
#avisos-home .carousel-control-prev:focus .glyphicon-chevron-left,
#avisos-home .carousel-control-next:focus .glyphicon-chevron-right,
#avisos .carousel-control-prev:focus .glyphicon-chevron-left:before,
#avisos .carousel-control-next:focus .glyphicon-chevron-right:before {
    border: 2px solid black;
    padding: 5px;
    border-radius: 5px;
}
#avisos .close:focus {
    outline: 2px solid white;
    border-radius: 5px;
}
#avisos .text-box a span.more {
    margin-left: 25px;
    text-decoration: underline;
}


/** listado avisos */

#aviso-listado .row {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #CACFD7;
}
#aviso-listado .col-10 {
    border-left: 3px solid #836501;
}
#aviso-listado h4 {
    font-weight: 600;
    position: relative;
}
#aviso-listado h4:before {
    position: absolute;
    z-index: 4;
    content: '';
    width: 17px;
    height: 20px;
    left: -50px;
    top: 5px;
    background-image: url(../img/icono-aviso-listado.svg);
}
#aviso-listado h4.aviso-importante:before {
    width: 20px;
    height: 17px;
    background-image: url(../img/icono-aviso-importante-listado.svg);
}
#aviso-listado a.read-more-2:hover {
    color: #154481;
}
#aviso-listado a.read-more-2 {
    color: #836501;
    text-align: center;
    font-weight: bold;
    text-decoration: underline;
    transition: 0.5s ease;
}
.detalleAviso {
    border: 3px solid #cacfd7;
    margin: 20px 0 40px;
    padding: 80px 60px;
}
.tituloDetalleAviso {
    text-align: center;
    margin-bottom: 30px;
}
.tituloDetalleAviso h1{
    font-family: 'Poppins ExtraLight', sans-serif !important;
    font-size: 60px;
    font-weight: 200;
    margin-bottom: 65px;
}
.avisoSiguiente {
    float: right;
    margin-bottom: 50px;
}
.avisoSiguiente a {
    color: #212529;
    font-weight: bold;
    letter-spacing: 1px;
}
.avisoSiguiente img {
    margin-left: 15px;
    height: 20px;
    width: 20px;
}
.detalleAviso u {
    text-decoration: none;
    border-bottom: 1px solid #212529;
}
.avisoCont {
    background-color: #f2f4f6;
    border-radius: 10px;
    padding: 0 0 20px;
}
.avisoText {
    padding: 16px 20px 0 74px;
}
.avisoTitulo {
    font-size: 1.3rem;
    font-weight: bolder;
}
.avisoTitulo img {
    width: 75px;
    float: left;
    margin: -29px -89px;
}
.avisoTitulo p {
    display: inline-block;
}
.avisoFechaAlto, .avisoFecha {
    display: inline-block;
    margin: 0;
}
.avisoFechaAlto p {
    color: #fff;
    background-color: #212529;
    padding: 0px 6px;
    border-radius: 5px;
    line-height: 0.92em;
}
.avisoFecha p {
    padding: 0px 6px;
    border-radius: 5px;
    font-size: 1rem;
    line-height: 0.92em;
}
.avisoCont a {
    color: #212529;
    word-break: break-all;
}
.botonCentradoInferior{
  margin-bottom: 60px;
  text-align: center;
}
.detalleAviso .botonCentrado {
    text-align: center;
}
.detalleAviso .botonCentrado a {
    text-align: center;
    border-radius: 50px;
    font-weight: bold;
    border: 2px solid #212529;
    padding: 10px 40px;
    font-size: 14px;
    line-height: 7em;
    transition: 0.5s ease;
}
.detalleAviso .botonCentrado a:hover {
    background-color: #212529;
    color: #fff;
    transition: 0.5s ease;
}
/*------------COMPONENTES BANNER-------------------------------------------------------------*/
#test {
    position: relative;
    height: 1000px;
    background-color: green;
    z-index: 2;
}
#banner, #banner-n2, #banner-cabecera, #banner-cabecera-n2 {
    max-width: 1920px;
    width: 100%;
}
#banner, #banner-cabecera {
    max-height: 1100px;
    height: 100%;
}
#banner-video {
    max-height: 1100px;
    overflow: hidden;
}

#banner-cabecera, #banner-cabecera-n2, #banner, #banner-n2 {
    position: relative;
    margin: 0 auto;
}
#banner-cabecera .image-container {
    position: relative;
    padding-top: 35%;
}
#banner-cabecera-n2 .image-container {
    position: relative;
    padding-top: 34%;
    height: 640px;
}
#banner .image-container, #banner-n2 .image-container {
    position: relative;
    padding-top: 38%;
    z-index: -10 !important;
}

#banner-cabecera-n2 .container-fluid{
    position: fixed;
    z-index: -9;
    top: 726px;
    height: 100px !important;
}

@media only screen and (max-width: 1680px) {
    #banner .image-container, #banner-n2 .image-container {
        padding-top: 34%;
    }
}
@media only screen and (max-width: 1600px) {
    #banner .image-container, #banner-n2 .image-container {
        padding-top: 20%;
    }
    #banner-cabecera .image-container {
        padding-top: 24%;
    }
}
@media only screen and (max-width: 1536px) {
    #banner .image-container, #banner-n2 .image-container {
        padding-top: 25%;
    }
}
@media only screen and (max-width: 1440px) {
    #banner .image-container, #banner-n2 .image-container {
        padding-top: 29%;
    }
}
@media only screen and (max-width: 1368px) {
    #banner .image-container, #banner-n2 .image-container {
        padding-top: 24%;
    }
    #banner-cabecera .image-container {
        padding-top: 27%;
    }
}
@media only screen and (max-width: 1280px) {
    #banner .image-container, #banner-n2 .image-container {
        padding-top: 40%;
    }


}
@media only screen and (max-width: 1199px) {
    #banner-cabecera-n2 h1.banner-title{
        padding-top: 100px;
    }
}
@media only screen and (max-width: 480px) {
    #banner .image-container, #banner-n2 .image-container {
        padding-top: 30.5%;
    }
}


#banner-video video {
    height: auto;
}
#banner-cabecera .image-container img, #banner-cabecera-n2 .image-container img {
    position: fixed;
    top: 186px;
    z-index: -10 !important;
    height: 640px;
}
#banner .image-container img, #banner-n2 .image-container img {
    position: absolute;
    top: -85px;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
    z-index: -2;
}
#banner .text-box, #banner-cabecera .text-box, #banner-cabecera-n2 .text-box, #imagenBannerLightBOX .text-box {
    /* position: absolute;
    top: 70%; */
    height: 100%;
    /*padding-top: 30px;*/
    padding-right: 0px;
    background-color: rgba(0,0,0,0.5);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 25%, rgba(0,0,0,0.5) 100%);
    color: #fff;
}

#banner .text-box, #banner-cabecera .text-box {
    padding-top: 0px;
    padding-bottom: 30px;
}
#imagenBannerLightBOX .text-box {
    padding-bottom: 45px;
}
#banner .text-box .banner-title, #imagenBannerLightBOX .text-box .banner-title {
    min-height: 134px;
    max-height: 134px;
    overflow: hidden;
}

#banner-n2 .text-box {
    position: absolute;
    top: 50%;
}

.banner-title {
    background-color: rgba(0, 0, 0, 0);
}

#banner a, #banner-cabecera .text-box > div, #banner-video .text-box > a {
    color: #FFF;
}

#banner-cabecera-n2 .row > div, #banner-video-n2 .row > a, #banner-n2 .row > a {
    color: #FFF;
    margin: 0 0 56px 0;
}

#banner h2, #banner h1, #banner h3,
#banner-cabecera h2, #banner-cabecera h1, #banner-cabecera h3 {
    white-space: nowrap;
}

#banner .container-fluid, #banner-video .container-fluid, #banner-cabecera .container-fluid, #banner-cabecera-n2 .container-fluid,
#banner-video-n2 .container-fluid, #banner-n2 .container-fluid, #imagenBannerLightBOX .container-fluid {
	padding-left: 30px;
    padding-right: 30px;
}

#banner-cabecera .container-fluid {
    padding-top: 30px;
    padding-bottom: -15px;
}

.banner-subtitle.bannerHome {
    min-height: 60px;
}

/* #banner-cabecera .banner-text, #banner .banner-text, #banner-video .banner-text, #imagenBannerLightBOX .banner-text {
    padding-left: 165px;
} */
#banner h1.banner-title.bannerHome, #banner h1.banner-title {
    white-space: normal !important;
}
#banner-cabecera h1.banner-title, #banner-cabecera h2.banner-title,
#banner-video h1.banner-title, #banner-video h2.banner-title,
#banner h1.banner-title, #banner h2.banner-title,
#imagenBannerLightBOX h1.banner-title, #imagenBannerLightBOX h2.banner-title,
#banner-cabecera h1.banner-title.bannerHome, #banner-cabecera h2.banner-title.bannerHome,
#banner-video h1.banner-title.bannerHome, #banner-video h2.banner-title.bannerHome,
#banner h1.banner-title.bannerHome, #banner h2.banner-title.bannerHome,
#imagenBannerLightBOX h1.banner-title.bannerHome, #imagenBannerLightBOX h2.banner-title.bannerHome {
    font-family: 'Poppins Light', sans-serif !important;
    padding: 0 60px;
    /* margin-left: 60px; */
    font-size: 56px;
    /* width: 1500px;
    height: 64px; */
    /* white-space: normal !important; */
    /* margin-bottom: 30px; */
    hyphens: manual;
    -ms-hyphens: manual;
-webkit-hyphens: manual;
}

@media only screen and (max-width: 1536px) {
    #banner-cabecera h1.banner-title, #banner-cabecera h2.banner-title,
    #banner-video h1.banner-title, #banner-video h2.banner-title,
    #banner h1.banner-title, #banner h2.banner-title,
    #imagenBannerLightBOX h1.banner-title, #imagenBannerLightBOX h2.banner-title,
    #banner-cabecera h1.banner-title.bannerHome, #banner-cabecera h2.banner-title.bannerHome,
    #banner-video h1.banner-title.bannerHome, #banner-video h2.banner-title.bannerHome,
    #banner h1.banner-title.bannerHome, #banner h2.banner-title.bannerHome,
    #imagenBannerLightBOX h1.banner-title.bannerHome, #imagenBannerLightBOX h2.banner-title.bannerHome {
        font-size: 48px;
    }
}
@media only screen and (max-width: 1366px) {
    #banner-cabecera h1.banner-title, #banner-cabecera h2.banner-title,
    #banner-video h1.banner-title, #banner-video h2.banner-title,
    #banner h1.banner-title, #banner h2.banner-title,
    #imagenBannerLightBOX h1.banner-title, #imagenBannerLightBOX h2.banner-title,
    #banner-cabecera h1.banner-title.bannerHome, #banner-cabecera h2.banner-title.bannerHome,
    #banner-video h1.banner-title.bannerHome, #banner-video h2.banner-title.bannerHome,
    #banner h1.banner-title.bannerHome, #banner h2.banner-title.bannerHome,
    #imagenBannerLightBOX h1.banner-title.bannerHome, #imagenBannerLightBOX h2.banner-title.bannerHome {
        /* width: 900px;
        height: 56px; */
        font-size: 40px;
    }
}
@media only screen and (max-width: 1199px) {
    #banner-cabecera h1.banner-title, #banner-cabecera h2.banner-title,
    #banner-video h1.banner-title, #banner-video h2.banner-title,
    #banner h1.banner-title, #banner h2.banner-title,
    #imagenBannerLightBOX h1.banner-title, #imagenBannerLightBOX h2.banner-title,
    #banner-cabecera h1.banner-title.bannerHome, #banner-cabecera h2.banner-title.bannerHome,
    #banner-video h1.banner-title.bannerHome, #banner-video h2.banner-title.bannerHome,
    #banner h1.banner-title.bannerHome, #banner h2.banner-title.bannerHome,
    #imagenBannerLightBOX h1.banner-title.bannerHome, #imagenBannerLightBOX h2.banner-title.bannerHome {
        /* width: 900px;
        height: 56px; */
        font-size: 36px;
    }
}

@media only screen and (max-width: 991px) {
    #banner-cabecera h1.banner-title, #banner-cabecera h2.banner-title,
    #banner-video h1.banner-title, #banner-video h2.banner-title,
    #banner h1.banner-title, #banner h2.banner-title,
    #imagenBannerLightBOX h1.banner-title, #imagenBannerLightBOX h2.banner-title,
    #banner-cabecera h1.banner-title.bannerHome, #banner-cabecera h2.banner-title.bannerHome,
    #banner-video h1.banner-title.bannerHome, #banner-video h2.banner-title.bannerHome,
    #banner h1.banner-title.bannerHome, #banner h2.banner-title.bannerHome,
    #imagenBannerLightBOX h1.banner-title.bannerHome, #imagenBannerLightBOX h2.banner-title.bannerHome {
        font-size: 28px;
    }
}
@media only screen and (max-width: 768px) {
    #banner-cabecera h1.banner-title, #banner-cabecera h2.banner-title,
    #banner-video h1.banner-title, #banner-video h2.banner-title,
    #banner h1.banner-title, #banner h2.banner-title,
    #imagenBannerLightBOX h1.banner-title, #imagenBannerLightBOX h2.banner-title,
    #banner-cabecera h1.banner-title.bannerHome, #banner-cabecera h2.banner-title.bannerHome,
    #banner-video h1.banner-title.bannerHome, #banner-video h2.banner-title.bannerHome,
    #banner h1.banner-title.bannerHome, #banner h2.banner-title.bannerHome,
    #imagenBannerLightBOX h1.banner-title.bannerHome, #imagenBannerLightBOX h2.banner-title.bannerHome {
        font-size: 24px;
    }
}
@media only screen and (max-width: 699px) {

    #banner .image-container, #banner-n2 .image-container {
        padding-top: 31%;
    }
}
@media only screen and (max-width: 575px) {
    #banner-cabecera h1.banner-title, #banner-cabecera h2.banner-title,
    #banner-video h1.banner-title, #banner-video h2.banner-title,
    #banner h1.banner-title, #banner h2.banner-title,
    #imagenBannerLightBOX h1.banner-title, #imagenBannerLightBOX h2.banner-title,
    #banner-cabecera h1.banner-title.bannerHome, #banner-cabecera h2.banner-title.bannerHome,
    #banner-video h1.banner-title.bannerHome, #banner-video h2.banner-title.bannerHome,
    #banner h1.banner-title.bannerHome, #banner h2.banner-title.bannerHome,
    #imagenBannerLightBOX h1.banner-title.bannerHome, #imagenBannerLightBOX h2.banner-title.bannerHome {
        font-size: 1.2rem;
    }
    #banner h1.banner-title, #banner h1.banner-title.bannerHome,
    #banner-cabecera h1.banner-title {
        padding: 0 0px;

    }
    #banner h2, #banner h1, #banner h3, #banner-cabecera h2, #banner-cabecera h1, #banner-cabecera h3,
    #banner-video h2, #banner-video h1, #banner-video h3 {
        white-space: inherit;
    }
    #banner .text-box {
        margin-top: 0px !important;
        max-height: 165px;
    }
}
@media only screen and (max-width: 478px) {

    #banner-cabecera h1.banner-title, #banner-cabecera h2.banner-title,
    #banner-video h1.banner-title, #banner-video h2.banner-title,
    #banner h1.banner-title, #banner h2.banner-title,
    #imagenBannerLightBOX h1.banner-title, #imagenBannerLightBOX h2.banner-title,
    #banner-cabecera h1.banner-title.bannerHome, #banner-cabecera h2.banner-title.bannerHome,
    #banner-video h1.banner-title.bannerHome, #banner-video h2.banner-title.bannerHome,
    #banner h1.banner-title.bannerHome, #banner h2.banner-title.bannerHome,
    #imagenBannerLightBOX h1.banner-title.bannerHome, #imagenBannerLightBOX h2.banner-title.bannerHome {
        font-size: 1.2rem;
        /* margin-top: -65px; */
    }
    #banner .text-box {
        margin-top: -35px !important;
        max-height: 165px;
    }
}

#banner-cabecera .banner-text, #banner-video .banner-text, #banner .banner-text, #imagenBannerLightBOX .banner-text {
    height: 100px;
}

#banner-cabecera-n2 h1.banner-title, #banner-cabecera-n2 h2.banner-title,
#banner-video-n2 h1.banner-title, #banner-video-n2 h2.banner-title,
#banner-n2 h1.banner-title, #banner-n2 h2.banner-title {
    font-family: 'Poppins Semibold', sans-serif !important;
    margin-left: 72px;
    font-size: 50px;
    width: 782px;
    height: 50px;
}

#banner-cabecera-n2 .banner-text, #banner-video-n2 .banner-text, #banner-n2 .banner-text, #imagenBannerLightBOX .banner-text {
    height: 100px;
}


#banner-cabecera h3.banner-subtitle, #banner-cabecera h2.banner-subtitle, #banner-cabecera h1.banner-subtitle,
#banner-video h3.banner-subtitle, #banner-video h2.banner-subtitle, #banner-video h1.banner-subtitle,
#banner h3.banner-subtitle, #banner h2.banner-subtitle, #banner h1.banner-subtitle,
#imagenBannerLightBOX h3.banner-subtitle, #imagenBannerLightBOX h2.banner-subtitle, #imagenBannerLightBOX h1.banner-subtitle {
    font-family: 'Poppins ExtraLight', sans-serif !important;
    font-size: 28px;
    height: 28px;
    margin-left: 65px;
}
#banner-cabecera h1.banner-subtitle{
    padding: 0 60px;
    margin-left: 0px;
    margin-top: -10px;
}

.bannerHome {
    font-size: 56px;
    /* margin-top: 30px; */
}

#banner-video-n2 {
    max-height: 500px;
    overflow: hidden;
    position: relative;
}
#banner-video video, #banner-video-n2 video {
    min-width: 100%;
}
#banner-video .text-box {
    height: 100%;
    position: absolute;
    top: 70%;
}
#banner-video-n2 > div {
    position: absolute;
    z-index: 2;
    top: 50%;
}
#banner-youtube {
    background: url(../img/experiencias-fondo.jpg) no-repeat center fixed;
    background-size: cover;
    padding-top: 5%;
    padding-bottom: 5%;
    color: #FFF;
}
#banner-youtube iframe {
    width: 100%;
}

.gradient {
    bottom: 0;
    width: 100%;
    position: absolute;
    background: rgb(0,0,0);
    /* background: linear-gradient(360deg, rgb(68, 68, 68, 0.5) 0%, rgba(0,0,0,0.25) 50%); */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%,rgba(0, 0, 0, 1) 0%);
    opacity: 0.7;
    z-index: -1;
}

/*------------COMPONENTE magenBannerLightBOX------------------------------------------------------------*/
#imagenBannerLightBOX {
    max-width: 1920px;
    width: 100%;
    max-height: 1100px;
    height: 100%;
    position: relative;
    margin: 0 auto;
}
#imagenBannerLightBOX #video.banner-cabecera, #imagenBannerLightBOX #image.banner-cabecera, #imagenBannerLightBOX #html-page.banner-cabecera,
#imagenBannerLightBOX #video.banner-cabecera-n2, #imagenBannerLightBOX #image.banner-cabecera-n2, #imagenBannerLightBOX #html-page.banner-cabecera-n2,
#imagenBannerLightBOX #video.banner, #imagenBannerLightBOX #image.banner, #imagenBannerLightBOX #html-page.banner {
    position: relative;
    z-index: 1;
}
#imagenBannerLightBOX #video.banner-cabecera .image-container, #imagenBannerLightBOX #image.banner-cabecera .image-container, #imagenBannerLightBOX #html-page.banner-cabecera .image-container {
    position: relative;
    padding-top: 29%;
}
#imagenBannerLightBOX #video.banner-cabecera-n2 .image-container, #imagenBannerLightBOX #image.banner-cabecera-n2 .image-container, #imagenBannerLightBOX #html-page.banner-cabecera-n2  .image-container {
    position: relative;
    padding-top: 20%;
}
#imagenBannerLightBOX #video.banner .image-container, #imagenBannerLightBOX #image.banner .image-container, #imagenBannerLightBOX #html-page.banner  .image-container {
    position: relative;
    padding-top: 33%;
}
#imagenBannerLightBOX #video.banner-cabecera .image-container img, #imagenBannerLightBOX #image.banner-cabecera .image-container img, #imagenBannerLightBOX #html-page.banner-cabecera .image-container img,
#imagenBannerLightBOX #video.banner-cabecera-n2 .image-container img, #imagenBannerLightBOX #image.banner-cabecera-n2 .image-container img, #imagenBannerLightBOX #html-page.banner-cabecera-n2 .image-container img {
    position: fixed;
    top: 0;
}
#imagenBannerLightBOX #video.banner .image-container img, #imagenBannerLightBOX #image.banner .image-container img, #imagenBannerLightBOX #html-page.banner .image-container img {
    position: absolute;
    top: 0;
}
#imagenBannerLightBOX .image-container {
    position: relative;
    padding-top: 37%;
    z-index: -10 !important;
}
#imagenBannerLightBOX .image-container img {
    position: absolute;
    top: -85px;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
    z-index: -2;
}
#imagenBannerLightBOX > div a {
    color: #FFF;
}
#imagenBannerLightBOX > div .container-fluid {
    padding-left: 0;
}

#imagenBannerLightBOX .pop-up-window {
  display: none;
  position: fixed;
  z-index: 10;
  padding-top: 150px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.75);
}
.pop-up-window .content {
  display: none;
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 10px 10px 20px 10px;
  border: 1px solid #888;
  width: 80%;
  overflow: auto;
}
#imagenBannerLightBOX #video + .pop-up-window .content {
  width: 40%;
  min-width: 610px;
}
#imagenBannerLightBOX #video + .pop-up-window .content iframe, #imagenBannerLightBOX #image + .pop-up-window .content img {
  width: 100%;
}
#imagenBannerLightBOX .iframeDiv {
    display: flex;
    align-items: center;
    justify-content: center;
}
.pop-up-window .close {
  position: absolute;
  position: sticky;
  top: 0;
  right:0;
  z-index: 20;
  color: #000;
  font-size: 28px;
  font-weight: bold;
  opacity: 0.3;
}
.pop-up-window .close:hover,
.pop-up-window .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
@media only screen and (max-width: 1680px) {
    #imagenBannerLightBOX .image-container {
        padding-top: 34%;
    }
}
@media only screen and (max-width: 1600px) {
    #imagenBannerLightBOX .image-container {
        padding-top: 20%;
    }
}
@media only screen and (max-width: 1536px) {
    #imagenBannerLightBOX .image-container {
        padding-top: 25%;
    }
}
@media only screen and (max-width: 1440px) {
    #imagenBannerLightBOX .image-container {
        padding-top: 29%;
    }
}
@media only screen and (max-width: 1368px) {
    #imagenBannerLightBOX .image-container {
        padding-top: 24%;
    }
}
@media only screen and (max-width: 1280px) {
    #imagenBannerLightBOX .image-container {
        padding-top: 40%;
    }
}
@media only screen and (max-width: 575px) {
    #imagenBannerLightBOX .image-container {
        padding-top: 28%;
    }
    #imagenBannerLightBOX .image-container img {
        top: 0px;
    }
    #imagenBannerLightBOX .text-box {
        padding-top: 0px !important;
        padding-bottom: 5px !important;
    }
    #imagenBannerLightBOX .text-box h1 {
        padding: 0 0px;
        padding-top: 60px !important;
        padding-bottom: 10px !important;
    }
}
@media only screen and (max-width: 480px) {
    #imagenBannerLightBOX .image-container {
        padding-top: 32%;
    }
    #imagenBannerLightBOX .image-container img {
        top: 0px;
    }
    #imagenBannerLightBOX .text-box {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        margin-top: -25px !important;
        max-height: 165px;
    }
    #imagenBannerLightBOX .text-box h1 {
        padding: 0 0px;
    }
}
/*------------COMPONENTE BREADCRUMBS-------------------------------------------------------------*/
#breadcrumbs {
    padding-top: 30px;
    padding-bottom: 30px;
    /* padding-top: 50px; */
    font-weight: 600;
    font-size: 12px;
    background-color: white !important;
}
#breadcrumbs a {
    color: #232323;
    text-decoration: underline;
}
/**
#breadcrumbs span {
    color: #154481;
}
*/
#breadcrumbs span.actualPage {
    color: #836501;
}


/*------------COMPONENTE NOTICIAS-------------------------------------------------------------*/
body > div#news{
    background-color: #EFF7FD;
}
#news {
    padding-top: 0px;
}
#news a {
    transition: 0.5s ease;
}
#news a:hover {
    transform: scale(1.05);
}
#news img {
    filter: grayscale(30%);
    transition: 0.5s ease;
    max-height: 600px;
}
#news a:hover img {
    filter: grayscale(0%);
}
#news > .row:not(.component-title) {
    margin-top: 90px;
}
#news > .row:first-child {
    margin-top: 90px !important;
}

/* #news > .row:nth-child(2) {
    margin-top: 150px !important;
} */
#news > .row:last-child > div.col-10 {
    margin-bottom: 90px;
}

@media only screen and (max-width: 575px) {
    #news > .row:not(.component-title), #news > .row:nth-child(2) {
        margin-top: 60px !important;
    }
    #news > .row:first-child {
        margin-top: 0px !important;
    }
    #news > .row:last-child {
        margin-top: 120px !important;
    }
}

@media only screen and (max-width: 480px) {
    #news > .row:not(.component-title), #news > .row:nth-child(2) {
        margin-top: 60px !important;
    }
    #news > .row:first-child {
        margin-top: 0px !important;
    }
    #news > .row:last-child {
        margin-top: 120px !important;
    }
}

#news .text-box {
	position: relative;
	z-index: 2;
	padding: 25px 25px 0px 25px;
	background-color: rgba(255, 255, 255, 0.93);
	box-shadow: -5px 5px 6px 0 rgba(84, 128, 185, 0.21);
	border: 1px solid #e6e6e7;
    color: #333333;
    transition: 0.5s ease;
    hyphens: manual;
    -ms-hyphens: manual;
-webkit-hyphens: manual;
}
#news .text-box p {
	min-height: 120px;
}
#news .image-right {
    left: 25%;
    position: absolute;
}
#news .image-left {
    left: 0;
    position: absolute;
}
#news .text-box.right {
    left: 35%;
}
#news .text-box.top-1, #news .text-box.top-2 {
    margin-top: 33%;
}

#home a:hover .text-box{
    color: #4B4B4B;
}
#news .text-box h2 {
    /**max-height: 102px;*/
    min-height: 102px;
    /**overflow: hidden;*/
    font-size: 1.75rem;
}


#news .text-box .date {
	font-size: 16px;
    padding-bottom: 15px;
    margin-left: -13px;
    float: left;
}
#news .text-box .leer-mas {
    position: relative;
    color: #836501;
    padding: 0;
    padding-right: 10px;
    text-align: right;
    font-weight: bold;
    transition: 0.5s ease;
    float: left;
}
.contenidoN1Padre .leer-mas a {
    color: #836501 !important;
    padding: 0;
    padding-right: 10px;
    text-align: right;
    font-weight: bold;
    transition: 0.5s ease;
    float: right;
}
#news .text-box .leer-mas span, .contenidoN1Padre .leer-mas span {
    position: absolute;
    top: 1px;
    padding-left: 5px;
}
#news a:hover .leer-mas, .contenidoN1Padre .leer-mas a:hover {
	color: #154481 !important;
}
#news .text-box a:active {
	background-color: #FFF;
	color: #154481;
	border: 3px solid #154481;
}
/* #news .generic-button-container {
    padding-top: 30px;
} */
#news .row .text-box h3{
    hyphens: none;
    -ms-hyphens: none;

}
#news .generic-button-container {
    margin: 0;
}

/*------------COMPONENTE ÁREAS------------------------------------------------------------*/
#areas > .row + .row > div {
	padding-bottom: 55px;
}
#areas .aux-area {
	margin-left: -12.5%;
}
#areas h4 {
	font-weight: bold;
    text-align: center;
	color: #4B4B4B;
	padding-bottom: 10px;
}
.area-back-image-container {
	padding: 0 10%;
	position: relative;
	width: 100%;
	height: 100%;
}
#areas img {
	position: relative;
	z-index: 1;
    border-radius: 50%;
    filter: grayscale(30%);
    transition: 0.5s ease;
}
#areas img:hover{
    filter: grayscale(0%);
    transform: scale(1.05);
}
#areas img.area-back-image {
    position: absolute;
    z-index: -1;
    left: 5%;
    top: -4%;
    width: 88%;
}
.odd-area  {
	left: 0;
}
/*------------COMPONENTE DESTACADOS-------------------------------------------------------------*/
#destacados {
	padding-top: 55px;
	padding-bottom: 30px;
	position: relative;
}
#destacados a:not(.generic-button), #destacados > div.row:not(.component-title) > div {
    position: relative;
    display: block;
    z-index: 6;
    margin-bottom: 30px;
}
#destacados a > div, #destacados > div > div > div {
    position: relative;
}
#destacados .text-box {
    position: absolute;
    z-index: 5;
    bottom: 0;
    color: #FFF;
    padding: 30px 90px 15px 30px;
    width: 100%;
    background-color: rgba(0,0,0,0.6);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 25%, rgba(0,0,0,0.5) 100%);
}
#destacados .titulo, #destacados .subtitulo {
    position: relative;
    line-height: 1.2em;
    max-height: 2.4em;
    text-align: left;
    margin-right: -1em;
    padding-right: 1em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.75rem;
}
#destacados .gradient-effect {
    position: absolute;
    z-index: 4;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
    height: 100%;
    width: 100%;
}
#destacados img {
	position: relative;
	z-index: 3;
}
#destacados a:hover .gradient-effect, #destacados a:hover img, #destacados a:hover .text-box {
    transition: 0.5s ease;
    transform: scale(1.02);
}
/*#destacados .titulo:before {
    content: '';
    position: absolute;
    z-index: 3;
    border: 2px solid #836501;
    display: inline-block;
    width: 12px;
    height: 0.8em;
    top: 5px;
    left: 0;
}*/
/*------------COMPONENTE VER MÁS------------------------------------------------------------*/
#ver-mas {
    padding-top: 20px
}
#ver-mas .generic-button {
    margin: 0 auto 35px auto;
}
/*------------COMPONENTE SERVICIOS------------------------------------------------------------*/
#servicios {
    padding-bottom: 30px;
    text-align: center;
    hyphens: manual;
    -ms-hyphens: manual;
-webkit-hyphens: manual;
}
#servicios img {
    transition: 0.5s ease;
    padding: 15%;
}
#servicios a:hover img {
    width: 100%;
    transform: scale(1.1);
}
/**
#servicios > div:not(.component-title) > div {
    padding: 5%
}*/
#servicios div > div:after {
    position: absolute;
    right: 0;
    top: 20%;
    height: 60%;
    content: '';
    border-right: 2px solid #727579;
}
#servicios div > div:last-child:after  {
    content: '';
    border-right: 0px;
}
#servicios h2 {
    margin-bottom: 5%;
    /**overflow: hidden;*/
    color: #dcb639;
    line-height: 1em;
    max-height: 108px;
    hyphens: manual;
    -ms-hyphens: manual;
-webkit-hyphens: manual;
}
@media only screen and (max-width: 1440px) {
    #servicios h2 {
        font-size: 1.75rem;
    }
}
#servicios p {
    color: #4b4b4b;
    max-height: 3.3em !important;
    /**overflow: hidden;*/
    line-height: 1.1em;
    text-align: center;
}
#servicios.gris-oscuro p, #servicios.azul-oscuro-casi-negro p {
    color: #fff !important;
}
/*------------COMPONENTE MAPA CENTROS-------------------------------------------------------------*/
#centros .component-title {
    margin: 25px 0;
}
#centros .map, #centros .canarias, #centros .antartida, #centros .volver-al-mapa  {
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top;
	position: relative;
}
#centros #tablaCentros {
    font-size: 0px;
}
#centros #tablaCentros, #centros #tablaCentros thead, #centros #tablaCentros tbody, #centros #tablaCentros tr, #centros #tablaCentros td {
    height: 0px;
    padding: 0px;
    border: 0px;
    font-size: 0rem !important;
}
#centros .canarias, #centros .antartida, #centros .volver-al-mapa {
	z-index: 4;
    position: absolute;
    bottom: 12px;
    border: 7px solid #FFF;
}
#centros .map-2 {
	position: relative;
}
#centros .volver-al-mapa .canarias, #centros .volver-al-mapa .antartida {
    border: 3px solid #FFF;
    bottom: 5px;
}
#centros .map, #centros .volver-al-mapa {
	background-image: url(../img/mapa-centros-peninsula-en-blanco.jpg);
	padding-top: 37%;
}
#centros .canarias {
    background-image: url(../img/mapa-centros-canarias-en-blanco.jpg);
    left: 12px;
    padding-top: 10.3%;
}
#centros .volver-al-mapa .canarias {
    left: 5px;
}
#centros .antartida {
    background-image: url(../img/mapa-centros-antartida-en-blanco.jpg);
	right: 12px;
    padding-top: 14%;
}
#centros .volver-al-mapa .antartida {
    right: 5px;
}
#centros .antartida p {
	position: absolute;
    top: 7px;
}
#centros .volver-al-mapa {
	z-index: 500;
	left: 43px;
    padding-top: 8.5%;
	opacity: 0;
	transition: .5s ease;
    display: none;
}
#centros .volver-al-mapa.mostrar {
	opacity: 1;
}
#cierra-volver-al-mapa {
    position: absolute;
	z-index: 600;
    top: -4px;
    right: 4px;
    text-align: center;
	color: #999;
    text-decoration: none;
    font-weight: bold;
	cursor: pointer;
    transition: 0.5s ease;
}
#cierra-volver-al-mapa:hover {
	color: #212529;
}
#centros .hover-effect {
	position: absolute;
	top: 0;
	z-index: 2;
	height: 100%;
	width: 100%;
	background-color: #3E77C2;
	opacity: 0;
	transition: .5s ease;
}
.leaflet-container a.leaflet-popup-close-button:hover {
    color: #999;
}
#centros .volver-al-mapa .hover-effect {
	z-index: 5;
    left: 0;
}
#centros .hover-effect:hover, #centros .volver-al-mapa:hover > .hover-effect {
	opacity: 0.3;
	cursor: pointer;
}
#centros .canarias .hover-effect, #centros .antartida .hover-effect {
	right: 0;
}
.map-attribution {
    right: 0;
    bottom: 0;
    position: absolute;
    background: #fff;
    background: rgba(255, 255, 255, 0.7);
    margin: 0;
    font-size: 7px;
}
.map-attribution a {
    color: #0078A8;
}
.volver-al-mapa:before {
    position: absolute;
    top: -26px;
    right: 173px;
    width: 15px;
    height: 15px;
    z-index: 2;
    content: '';
    background: url(../img/icono-volver-mapa-inicial.svg) no-repeat center;
    margin-left: -18px;
    cursor: pointer;
}
.volver-al-mapa:after {
    position: absolute;
	content: 'Volver al mapa';
    top: -35px;
    right: 15px;
    background-color: #FFF;
    padding: 5px 20px 0px 29px;
    border-radius: 10px 10px 0 0;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
}
#centros #leafletMap {
	height: 65vh;
	display: none;
}
#centros .centro {
	position: relative;
    z-index: 2;
    padding: 5px;
}
#centros .info-centro {
	font-size: 14px;
}
.info-centro h6 {
    text-transform: uppercase;
    font-weight: bold;
}
.info-centro p, .info-centro a {
    margin: 0;
    padding-left: 20px;
}
.dot {
    font-size: 18px;
    font-weight: bold;
}
/* .dot:before {
    position: relative;
    left: -3px;
    top: 4px;
    content: '';
    display: inline-block;
    height: 20px;
    width: 20px;
    background-color: #836501;
    border-radius: 50%;
}
.dot.investigacion-polar:before, .dot.Investigacion-polar:before {
    background-color: #7C7F7D;
}
.dot.salud:before {
    background-color: #9BAC10;
}
.dot.espacio:before, .dot.Espacio:before {
    background-color: #3E77C2;
}
.dot.oceano:before, .dot.Oceano:before {
    background-color: #2E3E5C;
}
.dot.digitalizacion:before, .dot.Digitalizacion:before {
    background-color: #9D60B6;
}
.dot.humanidades:before, .dot.Humanidades:before {
    background-color: #C83030;
} */
.centro-container p.tituloCentro {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1rem;
}
.leaflet-container {
    font-size: 16px;
}
.leaflet-popup-content p {
    margin: 0;
}
.leaflet-popup-pane {
    z-index: 2000;
}
#centros .search-options .row {
	padding-top: 40px;
}
.key-map > div {
	margin: auto;
}
.key-map > div > div {
    display: inline-block;
	margin-left: 15px;
}
.search > div > * {
    width: 100%;
}
.search label {
    font-size: 1.25em;
    margin-bottom: 4px;
}
.search select {
    border-radius: 6px;
    border: 2px solid #9DA1A6;
    padding: 10px 5px;
}
#filtra-centros {
    display: block;
    color: #FFF;
    padding: 30px;
}
#filtra-centros:active, #filtra-centros:focus {
    color: #154481;
}
/*------------COMPONENTE EVENTOS-------------------------------------------------------------*/
#eventos {
    background-color: #E6EBEC;
    padding-top: 90px;

}
#eventos .row:not(.component-title) > div {
    padding-bottom: 30px;
}
#eventos .image-container {
    position: relative;
    /** max-height: 300px; */
    overflow: hidden;
    border-radius: 5px;
}
#eventos .image-container.defaultImg {
    border: 1px solid black;
}
#eventos .image-container img {
    width: 100%;
}

#eventos .estado {
    position: absolute;
    z-index: 3;
    bottom: 15px;
    width: 75%;
    background-color: #836501;
    color: #FFF;
    padding: 3px 30px 3px 10px;
    border-radius: 0 15px 15px 0;
    font-family: 'Poppins', serif;
    text-transform: uppercase;
}
#eventos .estado:after {
    text-transform: uppercase;
    font-family: 'Poppins', serif;
}
/* #eventos div.proximamente .estado:after {
    content: 'Próximamente';
} */
#eventos div.finalizado .estado:after {
    color: 000;
}
/* #eventos div.cancelado .estado:after {
    content: 'Cancelado';
} */
#eventos .gradient-effect {
    position: absolute;
    z-index: 2;
    height: 100%;
    width: 100%;
}
/* #eventos div.proximamente .gradient-effect {
    background-image: radial-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
} */
#eventos div.finalizado .estado {
    background-color: #636363;
}
#eventos div.finalizado .gradient-effect {
    background-color: #fff;
    opacity: 0.5;
}
#eventos div.cancelado .estado {
    background-color: #E00000;
}
#eventos div.cancelado .gradient-effect {
    background-color: #4b4b4b;
    opacity: 0.73;
}
#eventos div.proximamente .estado {
    background-color: #199352;
}

#eventos .date {
    padding-top: 15px;
    padding-bottom: 5px;
    color: #836501;
    font-weight: bold;
}
#eventos div.finalizado .date, #eventos div.cancelado .date {
    color: #4b4b4b;
}
#eventos div.cancelado .date {
    text-decoration: line-through;
}
#eventos h4 {
    position: relative;
    max-height: 4.8em;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
#eventos .text-box h2 {
    font-size: 2rem;
    hyphens: manual;
    -ms-hyphens: manual;
-webkit-hyphens: manual;
    max-height: 114px;
    overflow: hidden;
}

@media only screen and (max-width: 1680px) {
    #eventos .text-box h2 {
        font-size: 1.6rem;
    }
}

@media only screen and (max-width: 1480px) {
    #eventos .text-box h2 {
        font-size: 1.3rem;
        max-height: 86px;
    }
}
@media only screen and (max-width: 1280px) {
    #eventos .text-box h2 {
        font-size: 1.3rem;
        max-height: 74px;
    }
}
/*------------COMPONENTE DETALLE EVENTO----------------------------------------------------------*/
#detalle-evento {

    margin-top: 50px !important;
}
#detalle-evento h1 {
    font-size: 2rem;
    font-weight: bold;
}
#detalle-evento h2 {
    font-size: 1.5rem;
}
#detalle-evento h2, #detalle-evento h3, #detalle-evento h1 {
    color: #4B4B4B;
}
#detalle-evento h3 {
    font-family: 'Merriweather', serif;
    color: #3e4753;
    font-size: 25px;
    padding-bottom: 20px;
    font-size: 1.75rem;
}
#detalle-evento .contenido {
    padding-top: 20px;
}
#detalle-evento .info {
    border-bottom: 3px solid #eef3f4;
    padding: 0px 40px 20px 40px;
}
#detalle-evento .fecha, #detalle-evento .lugar {
    font-size: 20px;
    color: #4B4B4B;
    font-family: 'Roboto', sans-serif;
}
#detalle-evento .fecha span, #detalle-evento .lugar span, #detalle-evento .estado {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    color: #000;
    font-family: 'Poppins', sans-serif;
}
#detalle-evento .lugar {
    text-transform: uppercase;
}
#detalle-evento .estado {
    display: inline-block;
    padding: 5px 5px 7px 10px;
    margin-bottom: 30px;
    width: 200px;
    border-radius: 20px 100px 100px 20px;
    color: #FFF;
}
#detalle-evento .estado.proximamente {
    background-color: #199352;
}
#detalle-evento .estado.cancelado {
    background-color: #E00000;
}
#detalle-evento .estado.finalizado {
    background-color: #636363;
}

#detalle-evento .estado:after {
    content: '';
    /* background-image: url(../img/icono-evento-abierto.svg); */
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    left: 220px;
    position: absolute;
}
/* #detalle-evento .estado.finalizado:after, #detalle-evento .estado.cancelado:after {
    background-image: url(../img/icono-evento-cerrado.svg);
} */
#detalle-evento .texto {
    padding: 20px 40px;
}
/*------------COMPONENTE EXPERIENCIAS------------------------------------------------------------*/
/* #experiencias {
	background: url(../img/experiencias-fondo.jpg) no-repeat center fixed;
    background-size: cover;
	color: #FFF;
}
#experiencias .chevron {
    width: 5%;
    border: 1px solid black;
    height: 100%;
}
#experiencias .carousel-inner {
    width: 90%;
}
#experiencias .experiencia-text {
    padding-top: 10%;
}
#experiencias .text-box {
    padding-left: 50px;
}
#experiencias .text-box p {
    hyphens: manual;
    -ms-hyphens: manual;
-webkit-hyphens: manual;
}
#experiencias .h3 {
    font-weight: normal;
}
#experiencias .profesion {
    display: inline;
    text-transform: uppercase;
    background-color: #4b4b4b;
    font-family: 'Merriweather', serif;
    font-weight: lighter;
    font-size: 13px;
    padding: 3px 10px;
    position: relative;
    margin-left: 12px;
}
#experiencias .h4 {
	font-family: 'Roboto', sans-serif;
    hyphens: manual;
    -ms-hyphens: manual;
-webkit-hyphens: manual;
}
#experiencias p {
    font-family: 'Merriweather', serif;
    font-weight: 300;
    font-size: 30px;
    line-height: 33px;
}
#experiencias a:not(.generic-button) {
    color: #FFF;
    font-weight: bold;
	font-size: 20px;
}
#experiencias a span {
    font-weight: normal;
    font-size: 17px;
}
#experiencias a:hover, #experiencias a:focus {
    text-decoration: underline;
}
#experiencias .generic-button-container {
    text-align: right;
    margin-top: 50px;
}
#experiencias .generic-button-container .generic-button {
    margin: 0 auto !important;
}

#experiencias a.generic-button {
    padding: 15px 25px;
    margin-right: 50px;
}
#experiencias a.generic-button p, #experiencias p a.generic-button {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: bold;
}
#experiencias.carrusel .glyphicon-chevron-left {
    margin-left: -50px;
    z-index: 10;
}

#experiencias.carrusel .glyphicon-chevron-left, #experiencias.carrusel .glyphicon-chevron-right {
    top: 45%;
    content: '';
    background-image: url(../img/icono-flecha-izquierda-carrusel-experiencias.svg);
    background-repeat: no-repeat;
    width: 35px;
    height: 60px;
    position: absolute;
}

#experiencias.carrusel .glyphicon-chevron-right {
    right: 8%;
    content: '';
    background-image: url(../img/icono-flecha-derecha-carrusel-experiencias.svg);
}
#experiencias .carousel-control-next, #experiencias .carousel-control-prev {
    opacity: 1;
}
#experiencias .carousel-control-next:focus .glyphicon-chevron-right,
#experiencias .carousel-control-prev:focus .glyphicon-chevron-left,
#experiencias .text-box a:focus {
    border: 2px solid black;
    padding: 5px;
    border-radius: 5px;
}

#experiencias .text-box a.generic-button:focus {
    background-color: #154481;
    border: 3px solid #154481;
    color: #FFF;
    border-radius: 50px;
} */


/*------------COMPONENTE CIFRAS------------------------------------------------------------*/
#cifras {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
}
#cifras > div:not(.component-title) > div:not(.generic-button-container), #cifras > div:not(.component-title) > div:not(.generic-button-container) {
    padding: 30px 5%;
}
#cifras > div:not(.component-title) > div:not(.generic-button-container):after {
    position: absolute;
    right: 0;
    top: 20%;
    height: 60%;
    content: '';
    border-right: 2px solid #F7F9F9;
}
#cifras > div:not(.component-title) > div:not(.generic-button-container):last-child:after  {
    content: '';
    border-right: 0px;
}
#cifras p {
    color: #666;
}
#cifras a p {
    color: #000;
}
#cifras h2, #cifras p.titulo {
	padding-top: 20px;
	/*white-space: nowrap;*/
    margin: 0;
    color: #154481;
    font-size: 2rem;
}
#cifras .titulo p {
    text-align: left;
    font-size: 1.4rem;
}
#cifras h2 span.money, #cifras p.titulo span.money {
    font-size: 0.8em;
}
#cifras a:hover img.static {
    transition: 0.5s ease;
    transform: scale(1.1);
}
#cifras a.generic-button p {
    color: #fff;
}
/*------------COMPONENTE PUBLICACIONES------------------------------------------------------------*/
body > div#publicaciones {
    background-color: #404247;
}
#publicaciones {
    padding-top: 55px;
    padding-bottom: 30px;
    text-align: center;
    hyphens: manual;
    -ms-hyphens: manual;
-webkit-hyphens: manual;
}

#publicaciones .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

#publicaciones a:hover img.static, #publicaciones-relacionadas a:hover img.static {
    transform: scale(1.05);
}
#publicaciones .col-md-4 img, #publicaciones-relacionadas .col-md-4 img {
    padding: 0 50px 50px 50px;
    margin-top: 30px;
    transition: 0.5s ease;
}
#publicaciones .col-md-3 img, #publicaciones-relacionadas .col-md-3 img {
    padding: 0 25px 25px 25px;
    margin-top: 30px;
    transition: 0.5s ease;
}

#publicaciones-relacionadas .publicaciones > div:not(.tres) img, #publicaciones-relacionadas .publicaciones > a:not(.tres) img {
    padding: 0 20px 20px 20px;
}
#publicaciones div > div:after {
    position: absolute;
    right: 0;
    top: 20%;
    height: 60%;
    content: '';
    border-right: 2px solid #727579;
}
#publicaciones div > div:last-child:after  {
    content: '';
    border-right: 0px;
}
#publicaciones .text {
    min-height: 8em;
    font-family: 'Merriweather', serif;
    font-style: italic;
    color: #4b4b4b;
}
#publicaciones .col-md-4 p.texto, #publicaciones .col-md-3 p.texto {
    max-height: 52px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
#publicaciones.gris-oscuro text, #publicaciones.azul-oscuro-casi-negro text {
    color: #fff;
}

#publicaciones p.titulo {
    max-height: 70px;
    overflow: hidden;
    margin-bottom: 20px;
    color: #4b4b4b;
    font-size: 1.5rem;
}
#publicaciones.gris-oscuro  p.titulo, #publicaciones.azul-oscuro-casi-negro p.titulo {
    color: #fff;
}
#publicaciones p, #publicaciones-relacionadas p {
    color: #4b4b4b;
}
#publicaciones p.texto {
    max-height: 50px;
}
@media only screen and (max-width: 767px) {
    #publicaciones p.texto {
        max-height: 40px;
    }
}
#publicaciones.gris-oscuro  p, #publicaciones.azul-oscuro-casi-negro p {
    color: #fff;
}


@media only screen and (max-width: 1440px) {

    #publicaciones .col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    #publicaciones .col-md-3 img, #publicaciones-relacionadas .col-md-3 img {
        padding: 0 100px 100px 100px;
        margin-top: 30px;
        transition: 0.5s ease;
    }
}

@media only screen and (max-width: 1199px) {

    #publicaciones .col-md-3 img, #publicaciones-relacionadas .col-md-3 img {
        padding: 0 50px 50px 50px;
    }
}
@media only screen and (max-width: 991px) {

    #publicaciones .col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/** Detalle publicacion */
#detalle-publicacion {
    padding-top: 30px;
    background-color: #fff !important;
    display: flex;
    flex-wrap: wrap;
}
#detalle-publicacion .row {
    max-width: 100%;
    flex: 0 0 100%;
}
#detalle-publicacion .imagen {
    width: 472px;
    
}
#detalle-publicacion .datos {
    flex: 1;

}
/**
@media only screen and (max-width: 1680px) {
    #detalle-publicacion .imagen {
        width: 28%;
    }
    #detalle-publicacion .datos {
        width: 72%;
    }
}
@media only screen and (max-width: 1536px) {
    #detalle-publicacion .imagen {
        width: 32%;
    }
    #detalle-publicacion .datos {
        width: 68%;
    }
}
@media only screen and (max-width: 1440px) {
    #detalle-publicacion .imagen {
        width: 33%;
    }
    #detalle-publicacion .datos {
        width: 67%;
    }
}
@media only screen and (max-width: 1366px) {
    #detalle-publicacion .imagen {
        width: 35%;
    }
    #detalle-publicacion .datos {
        width: 65%;
    }
}
@media only screen and (max-width: 1280px) {
    #detalle-publicacion .imagen {
        width: 38%;
    }
    #detalle-publicacion .datos {
        width: 62%;
        font-size: 0.9rem;
    }
}
@media only screen and (max-width: 1024px) {
    #detalle-publicacion .imagen {
        width: 45%;
    }
    #detalle-publicacion .datos {
        width: 55%;
        font-size: 0.9rem;
    }
}
@media only screen and (max-width: 575px) {
    #detalle-publicacion .imagen {
        width: 100%;
    }
    #detalle-publicacion .datos {
        width: 100%;
    }
}
*/
@media only screen and (max-width: 1440px) {
    #detalle-publicacion .datos {
        font-size: 0.9rem;
    }
}
@media only screen and (max-width: 1200px) {
    #detalle-publicacion .imagen {
        width: 100%;       
    }
}
#detalle-publicacion h1 {
    font-size: 2rem;
}
#detalle-publicacion h2 {
    font-size: 1.5rem;
}
#detalle-publicacion .image-container {
    padding: 0 20px;
}
#publicaciones-relacionadas .image-container {
    padding: 20px;
}
#detalle-publicacion .image-container {
    margin-left: -15px;
}
#detalle-publicacion .image-container img {
    border: 10px solid #fff;
    box-shadow: -5px 5px 8px 2px rgba(62, 119, 194, 0.46);

    margin: 0 auto;
}
#detalle-publicacion .punto-venta {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
    #detalle-publicacion .punto-venta {
        margin-top: 0px;
    }
}

#detalle-publicacion .punto-venta .text {
    text-align: center;
    padding-top: 20px;
}
#detalle-publicacion .punto-venta span {
    font-weight: 600;
    background-color: #fff !important;
    width: 200px;
    padding: 0 10px;
}
#detalle-publicacion .punto-venta .line {
    border-top: 2px solid #999ba2;
    margin-top: -12px;
    margin-bottom: 15px;
}
#detalle-publicacion .punto-venta .row:not(.text) > div:nth-child(odd)  {
    border-right: 1px solid #e4e8ed;
}
#detalle-publicacion .punto-venta .row:not(.text) > div a {
    line-height: 120px;
    text-align: center;
}
#detalle-publicacion .punto-venta img {
    vertical-align: middle;
}
#detalle-publicacion .summary {
    font-family: 'Merriweather', serif;
    font-size: 19px;
    padding-top: 20px;
    margin-left: 15px
}
#detalle-publicacion .info {
    width: 100%;
    float: left;
    padding-top: 15px;
    min-height: 270px;
}

#detalle-publicacion .formatos {
    border-top: 2px solid #999ba2;
    width: 100%;
    float: left;
    margin-top: 30px;
}
@media only screen and (max-width: 768px) {
    #detalle-publicacion .formatos {
        margin-top: 15px;
    }
}
#detalle-publicacion .formatos p {
    text-align: center;
    margin-top: -15px;
}
#detalle-publicacion .formatos p span {
    background-color: #FFF;
    width: 200px;
}
#detalle-publicacion .formatos .btnZip {
    display: flex;
    margin-top: 30px;
}
#detalle-publicacion .formatos .btnZip button {
    margin: 0 auto;
}
#detalle-publicacion .info span, #detalle-publicacion .formatos span {
    font-weight: 600;
}
#detalle-publicacion .formatos label {
    display: block;
    padding-left: 10px;
}
#detalle-publicacion .formatos span, #detalle-publicacion .formatos div:not(.btnZip) {
    display: inline-block;
}
.spinner {
    margin-top: 30px;
}

#detalle-publicacion .formatos div.spinner.hidden {
    display: none;
}

#detalle-publicacion .formatos div.spinner {
    display: inline-block;
}

#detalle-publicacion .formatos .checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #525a66;
  font-size: 14px;
}
#detalle-publicacion .formatos .checkbox-container a {
    color: #525a66;
    text-decoration: underline;
}
#detalle-publicacion .formatos .checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
#detalle-publicacion .formatos .checkbox-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #FFF;
  border: 2px solid #836501;
  border-radius: 7px;
}
#detalle-publicacion .formatos .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
#detalle-publicacion .formatos .checkbox-container input:checked ~ .checkmark:after {
  display: block;
}
#detalle-publicacion .formatos .checkbox-container .checkmark:after {
  left: 12px;
  top: -4px;
  width: 10px;
  height: 18px;
  border: solid #3e77c2;
  border-width: 0 5px 5px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#detalle-publicacion .formatos .checkbox-container:hover input + .checkmark {
    opacity: 0.5;
}
#detalle-publicacion .formatos .checkbox-container input:focus + .checkmark {
    border: 2px solid #000;
    outline: 0px !important;
}
#detalle-publicacion .info .ficheros.firstDoc {
    margin-top: 15px;
}
#detalle-publicacion .info .ficheros {
    max-width: 750px;
    width: 100%;
    float: left;

}
#detalle-publicacion .info .ficheros div.format {
    width: 42.5%;
    float: left;
}
#detalle-publicacion .info .ficheros div.nipo {
    width: 25%;
    float: left;
}

#detalle-publicacion .info .ficheros div.isbn {
    width: 32.5%;
    float: left;
}

@media only screen and (max-width: 1280px) {
    #detalle-publicacion .info .ficheros {
        margin-top: 15px;
    }
    #detalle-publicacion .info .ficheros div.format,
    #detalle-publicacion .info .ficheros div.nipo,
    #detalle-publicacion .info .ficheros div.isbn {
        width: 100%;
    }
    #detalle-publicacion .info .ficheros div.isbn {
        margin-bottom: 5px;
    }
}
@media only screen and (max-width: 1200px) {
    #detalle-publicacion .info .ficheros div.format,
    #detalle-publicacion .info .ficheros div.nipo,
    #detalle-publicacion .info .ficheros div.isbn {
        width: 33%;
    }
}
@media only screen and (max-width: 720px) {
    #detalle-publicacion .info .ficheros div.format,
    #detalle-publicacion .info .ficheros div.nipo,
    #detalle-publicacion .info .ficheros div.isbn {
        width: 100%;
    }
}
.ficheros {
    margin-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.ficheros div p {
    margin-bottom: 0.2rem;
}
.ficheros .cabecera {
    font-weight: bold;
    text-transform: uppercase;
    max-width: 33%;
    flex: 0 0 33%;
}
.ficheros .doc {
    max-width: 33%;
    flex: 0 0 33%;
}

.formatos button {
    position: relative;
    border: 2px solid #836501;
    color: #836501;
    background-color: #fff;
    font-weight: 600;
    text-transform: lowercase;
    border-radius: 15px;
    padding: 10px 20px;
    margin-top: 20px;
    min-width: 200px;
}

.formatos button.disabled {
    color: #999ba2;
    opacity: 0.5;
    cursor: default;
    background-color: #e6ebec !important;
    border-color: #999ba2 !important;
}

.formatos button.disabled:hover {
    border: 2px solid #836501;
}

.formatos button:before, .formatos button:hover:before, .formatos button.disabled:hover:before {
    position: absolute;
    left: 24px;
    width: 30px;
    height: 30px;
    z-index: 4;
    content: '';
    background: url(../img/icono-descargar.svg) no-repeat center;
}
.formatos button:hover:before, .formatos button:focus:before {
    background: url(../img/icono-descargar-hover.svg) no-repeat center;
}
#publicaciones-relacionadas {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #fff !important;
}
#publicaciones-relacionadas h2 {
    text-align: center;
}
#publicaciones-relacionadas .publicaciones {
    background-color: #e6ebec;
}
#publicaciones-relacionadas .row:not(.tres) {
    padding-top: 40px;
    padding-bottom: 40px;
}
#publicaciones-relacionadas .row.tres > div {
    margin-top: 40px;
    margin-bottom: 40px;
    border-right: 2px solid #d3dbdd;
}
#publicaciones-relacionadas .row.tres > div:last-child {
    border-right: 0px;
}
#publicaciones-relacionadas h4 {
    font-family: 'Merriweather', serif;
    font-style: italic;
    color: #154481;
    padding-bottom: 20px;
    text-align: center;
    line-height: 0.9em;
}
#publicaciones-relacionadas .row:not(.tres) h4 {
    text-align: left;
}
#publicaciones-relacionadas .info {
    padding-left: 25px;
    text-transform: uppercase;
    color: #4b4b4b;
    margin-top: 15px;
}
#publicaciones-relacionadas .row:not(.tres) .info {
    padding-left: 0;
}
#publicaciones-relacionadas .info span {
    font-weight: 600;
}

#publicaciones-relacionadas .publicaciones img {
    width: 55%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*------------COMPONENTE REDES SOCIALES------------------------------------------------------------*/
#social {
    background-color: #EFF7FD;
    padding-top: 50px;
    padding-bottom: 50px;
}
#social .iconos-rrss {
    display: flex;
    margin: auto;
}
#social .iconos-rrss a {
    margin: 9px;
}
#social .iconos-rrss img {
    width: 75px;
    transition: 0.5s ease;
}
#social .iconos-rrss a:hover img {
    transform: scale(1.2);
}
#social .twitter-container {
    overflow: auto;
}
#social .twitter-container, #social .instagram-container {
    margin-top: 50px;
}
#social #goToFinRRSS {
    color: #EFF7FD;
}
#social #goToFinRRSS.blanco, #centros #goToEndMap, #centros #goToEndMap.blanco {
    color: #ffffff !important;
}
#social #goToFinRRSS.gris-claro-1, #centros #goToEndMap.gris-claro-1 {
    color: #f2f4f6 !important;
}
#social #goToFinRRSS.gris-claro-2, #centros #goToEndMap.gris-claro-2 {
    color: #eef3f4 !important;
}
#social #goToFinRRSS.gris-claro-3, #centros #goToEndMap.gris-claro-3 {
    color: #e6ebee !important;
}
#social #goToFinRRSS.gris-oscuro, #centros #goToEndMap.gris-oscuro {
    color: #3f4146 !important;
}
#social #goToFinRRSS.azul-oscuro-casi-negro, #centros #goToEndMap.azul-oscuro-casi-negro {
    color: #2a2a2a !important;
}

#social #goToFinRRSS:focus,
#social #goToFinRRSS.blanco:focus,
#social #goToFinRRSS.gris-claro-1:focus,
#social #goToFinRRSS.gris-claro-2:focus,
#social #goToFinRRSS.gris-claro-3:focus,
#centros #goToEndMap:focus, #centros #goToEndMap.blanco:focus,
#centros #goToEndMap.gris-claro-1:focus,
#centros #goToEndMap.gris-claro-2:focus,
#centros #goToEndMap.gris-claro-3:focus {
    color: #086DD2 !important;
}
#social #goToFinRRSS.gris-oscuro:focus,
#social #goToFinRRSS.azul-oscuro-casi-negro:focus,
#centros #goToEndMap.gris-oscuro:focus,
#centros #goToEndMap.azul-oscuro-casi-negro:focus {
    color: #FFFFFF !important;
}
/*------------COMPONENTE CONTENIDO N1 ENTRADILLA -----------------------------------------------------------*/
#contenidoN1Entradilla {
    background-color: #F2F4F6;
    padding-top: 30px;
    padding-bottom: 30px;
}
#contenidoN1Entradilla h1 {
    font-size: 2rem;
}
#contenidoN1Entradilla p {
    hyphens: manual;
    -ms-hyphens: manual;
-webkit-hyphens: manual;
}
/*------------COMPONENTES CONTENIDO N1 PADRE y CONTENIDO N2 HOJA-----------------------------------------------------------*/
.contenidoN1Padre > div, .contenidoN2Hoja > div {
    padding-top: 50px;
    padding-bottom: 30px;
}
.contenidoN1Padre .row .first-container h2 {
    hyphens: manual;
    -ms-hyphens: manual;
-webkit-hyphens: manual;
}
.contenidoN1Padre > div:nth-child(even), .contenidoN2Hoja > div:nth-child(even) {
    background-color: #f2f4f6;
}
.contenidoN1Padre h3 {
    position: relative;
    padding-left: 15px;
}
.contenidoN1Padre h3:before {
    position: absolute;
    content: '';
    left: 0;
    top: 7px;
    border-left: 3px solid #836501;
    height: 21px;
}
.contenidoN1Padre .enlaces-internos  {
    padding-top: 30px;
    hyphens: manual;
    -ms-hyphens: manual;
-webkit-hyphens: manual;
}
.contenidoN1Padre .enlaces-internos .row > div > .image-container, .contenidoN1Padre .enlaces-internos .row > a > .image-container {
    margin-bottom: 30px;
    position: relative;
}

.contenidoN1Padre .enlaces-internos .row > div > .image-container > a {
    position: absolute;
    top: 0;
    width: 100%;
    margin-top: 20px;
    text-decoration: none;
    background-color: rgba(28, 35, 36, 0.68);
    color: #FFF;
    padding: 10px;
    min-height: 7em;
    max-height: 7em;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: 0.5s ease;
}

.contenidoN1Padre .enlaces-internos .row > a {
    margin-bottom: 90px;
}

.contenidoN1Padre .enlaces-internos .row > a > .image-container {
    width: 90%;
    margin-right: 10%;
    margin-left: 5%;
    z-index: 0;
    box-shadow: 1px 2px 3px 1px rgba(190, 194, 195, 0.7);
}

.contenidoN1Padre .enlaces-internos .row > a > .title {
    position: absolute;
    z-index: 4;
    text-align: center;
    text-decoration: none;
    background-color: #eef3f4;
    color: #000;
    font-size: 14px;
    min-height: 80px;
    max-width: 90%;
    width: 80%;
    left: 20%;
    margin-top: -60px;
    padding: 8px 8px 0px 8px;
    text-align: left;
    border-radius: 3px;
    box-shadow: 1px 2px 3px 1px rgba(190, 194, 195, 0.7);
    /* overflow: hidden; */
}

.contenidoN1Padre .enlaces-internos .row > a > .title p {
    /* max-height: 61px;
    overflow: hidden;*/
    font-size: 14px;
}

.contenidoN1Padre .enlaces-internos .row > a:hover > .image-container,
.contenidoN1Padre .enlaces-internos .row > a:hover > .title {
    transition: transform .2s;
    transform: scale(1.1);
}

.contenidoN1Padre .enlaces-internos .row > a > .image-container > .title:empty {
    opacity: 0;
}
.contenidoN1Padre .enlaces-internos .row > div > .image-container > a:hover, .contenidoN1Padre .enlaces-internos .row > a:hover > .image-container > div {
    background-color: rgba(28, 35, 36, 1);
}
.contenidoN1Padre .left-img .first-container, .contenidoN2Hoja .left-img .first-container {
    order: 2;
}
.contenidoN1Padre .left-img .second-container, .contenidoN2Hoja .left-img .second-container {
    order: 1;
}
.contenidoN1Padre .left-img .third-container, .contenidoN2Hoja .left-img .third-container {
    order: 3;
}
.contenidoN1Padre .left-img .fourth-container, .contenidoN2Hoja .left-img .fourth-container {
    order: 4;
}
.contenidoN1Padre .left-img .fifth-container, .contenidoN2Hoja .left-img .fifth-container {
    order: 5;
}

.contenidoN2Hoja h1 {
    margin-bottom: 20px;
}

.contenidoN2Hoja .content img {
    margin-bottom: 15px;
    margin-left: 20px;
    float: right !important;
    width: 50% !important;
}

.contenidoN2Hoja .left-img .content img {
    margin-bottom: 15px;
    margin-right: 20px;
    margin-left: 0px;
    float: left !important;
    width: 50% !important;
}

.contenidoN2Hoja .titulo-h1{
    margin-bottom: 30px;
}


/*------------COMPONENTES "NOTICIAS RELACIONADAS", "CONTENIDOS TOPVISITAS" Y "CONTENIDOS RELACIONADOS POR EDITOR"---------------------------------*/
#related-news, #contenidosTopVisitas, #contenidosRelacionadosPorEditor {
    border: 3px solid #F2F4F6;
    border-width: 3px 0 3px 0;
}
#related-news .row > div, #contenidosTopVisitas .row > div,  #contenidosRelacionadosPorEditor .row > div {
	padding-top: 30px;
	padding-bottom: 30px;
	position: relative;
	z-index: 1;
}
#related-news .date, #contenidosTopVisitas .date,  #contenidosRelacionadosPorEditor .date {
    position: absolute;
    z-index: 2;
    top: 50%;
    width: 85%;
    background-color: #836501;
    color: #FFF;
    padding: 5px;
    border-radius: 0 15px 15px 0;
    font-size: 0.9rem
}
@media only screen and (max-width: 1365px) {

    #related-news .date, #contenidosTopVisitas .date,  #contenidosRelacionadosPorEditor .date {
        top: 45%;
    }
}

@media only screen and (max-width: 1199px) {

    #related-news .date, #contenidosTopVisitas .date,  #contenidosRelacionadosPorEditor .date {
        top: 50%;
    }
}

#related-news h4, #related-news p,
#contenidosTopVisitas h4, #contenidosTopVisitas p,
#contenidosRelacionadosPorEditor h4,  #contenidosRelacionadosPorEditor p {
	position: relative;
    max-height: 6em;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#related-news h4, #contenidosTopVisitas h4,  #contenidosRelacionadosPorEditor h4 {
    max-height: 4.8em;
}
#related-news .text-box, #contenidosTopVisitas .text-box,  #contenidosRelacionadosPorEditor .text-box {
    padding-top: 15px;
}
#related-news .one-image .text-box, #contenidosTopVisitas .one-image .text-box, #contenidosRelacionadosPorEditor .one-image .text-box {
    padding-top: 0;
}
#contenidosRelacionadosPorEditor .image-container {
    max-height: 300px;
    overflow: hidden;
}
#contenidosRelacionadosPorEditor .image-container img {
    width: 100%;
}
#contenidosRelacionadosPorEditor .text-box h2 {
    hyphens: manual;
    -ms-hyphens: manual;
-webkit-hyphens: manual;
    max-height: 114px;
    overflow: hidden;
}
#contenidosRelacionadosPorEditor .text-box p {
    hyphens: manual;
    -ms-hyphens: manual;
-webkit-hyphens: manual;
    max-height: 72px;
    overflow: hidden;
}
#contenidosRelacionadosPorEditor a .text-box h2, #contenidosRelacionadosPorEditor a .text-box p {
    color: #000;
    text-decoration: none !important;
    text-align: left;
}
#contenidosRelacionadosPorEditor a .text-box .read-more-2 {
    color: #836501;
    text-align: right;
    font-weight: bold;
    text-decoration: underline;
}

#contenidosRelacionadosPorEditor a:hover .text-box .read-more-2 {
    color: #154481;
}
#related-news .image-container, #contenidosTopVisitas .image-container, #contenidosRelacionadosPorEditor .image-container {
    overflow: hidden;
}

#contenidosTopVisitas .image-container {
    max-height: 300px;
}
#contenidosTopVisitas .image-container:hover img {
    transition: 0.5s ease;
    transform: scale(1.1);
}
#contenidosTopVisitas .text-box h2 {
    hyphens: manual;
    -ms-hyphens: manual;
    -webkit-hyphens: manual;
    max-height: 99px;
    /**white-space: nowrap;
    text-overflow: ellipsis;*/
    overflow: hidden;
}
#contenidosTopVisitas a .text-box h2, #contenidosTopVisitas a .text-box p,
#contenidosTopVisitas .text-box a h2 {
    color: #000;
    text-decoration: none !important;
    text-align: left;
    font-size: 1.75rem;
}
#contenidosTopVisitas a .text-box .read-more-2 {
    color: #836501;
    text-align: right;
    font-weight: bold;
    text-decoration: underline;
}

#contenidosTopVisitas a:hover .text-box .read-more-2 {
    color: #154481;
}


#contenidosTopVisitas.gris-oscuro a .text-box h2,
#contenidosTopVisitas.gris-oscuro a .text-box p,
#contenidosRelacionadosPorEditor.gris-oscuro a .text-box h2,
#contenidosRelacionadosPorEditor.gris-oscuro a .text-box p,
#contenidosTopVisitas.azul-oscuro-casi-negro a .text-box h2,
#contenidosTopVisitas.azul-oscuro-casi-negro a .text-box p,
#contenidosRelacionadosPorEditor.azul-oscuro-casi-negro a .text-box h2,
#contenidosRelacionadosPorEditor.azul-oscuro-casi-negro a .text-box p {
    color: #FFF;
}
#contenidosTopVisitas .image-container.defaultImg,
#contenidosRelacionadosPorEditor .image-container.defaultImg {
    border: 1px solid black;
}
/*------------COMPONENTE ETIQUETAS -----------------------------------------------------------*/
#etiquetas-relacionadas {
	padding-top: 60px;
	padding-bottom: 60px;
}
#etiquetas-relacionadas .row > div {
    text-align: center;
}
#etiquetas-relacionadas a {
	margin: 10px;
    padding: 12px 30px;
    display: inline-block;
}
/*------------COMPONENTE FEEDBACK-----------------------------------------------------------*/
/*#feedback {
	padding-top: 100px;
	padding-bottom: 30px;
}
#feedback .row > div {
	padding-bottom: 30px;
}
#feedback .row > div {
	text-align: right;
}
#feedback .row > div + div {
	text-align: left;
}
#feedback a {
	padding: 5px 10px;
	border-radius: 5px;
	margin: 10px;
}
.info-util {
	color: #37A473;
	border: 3px solid #37A473;
}
.info-inutil {
	color: #FC0000;
	border: 3px solid #FC0000;
}
.info-error {
	color: #404247;
	border: 3px solid #404247;
}*/
.btnFeedbackLeft {
    padding-left: 0px;
    padding-right: 0px;
}
.btnFeedbackLeft button {
    float: right;
}
@media only screen and (max-width: 1199px) {
    .btnFeedback.right {
        padding: 0;
    }
}
@media only screen and (max-width: 767px) {
    .btnFeedbackLeft button {
        text-align: center;
        float: none !important;
        width: auto;
    }
}
.grecaptcha-badge {
    z-index: 999999999999;
}
#feedback{
    padding-top: 20px;
    padding-bottom: -30px;
    color: #20242a;
}
.content.container-fluid {
    padding-bottom: 20px;
}
/* #feedback .row > div {

} */
#feedback button:not(.close) {
    position: relative;
    background-color: #e6ebec;
    border: 0px;
    padding: 12px 30px 12px 30px;
    margin: 0 auto;
    border-radius: 25px;
    color: #28292c;
    font-weight: bold;
    transition: 0.5s ease;
    hyphens: none;
    -ms-hyphens: none;
    width: 55%;
    font-size: 0.875rem;
}
@media only screen and (max-width: 1680px) {
    #feedback button:not(.close) {
        width: 60%;
    }
}
@media only screen and (max-width: 1536px) {
    #feedback button:not(.close) {
        width: 67%;
    }
}
@media only screen and (max-width: 1440px) {
    #feedback button:not(.close) {
        width: 73%;
    }
}
@media only screen and (max-width: 1366px) {
    #feedback button:not(.close) {
        width: 80%;
    }
}
@media only screen and (max-width: 1280px) {
    #feedback button:not(.close) {
        width: 86%;
    }
}
@media only screen and (max-width: 1150px) {
    #feedback button:not(.close) {
        font-size: 0.75rem;
        width: 91%;
    }
}
@media only screen and (max-width: 991px) {
    #feedback button:not(.close) {

        width: 89%;
    }
}
@media only screen and (max-width: 864px) {
    #feedback button:not(.close) {
        width: 58%;
    }
}
@media only screen and (max-width: 767px) {
    #feedback button:not(.close) {
        font-size: 0.75rem;
        width: 72%;
    }
}
@media only screen and (max-width: 575px) {
    #feedback button:not(.close) {
        width: 67%;
    }
}
@media only screen and (max-width: 540px) {
    #feedback button:not(.close) {
        width: 74%;
    }
}
@media only screen and (max-width: 480px) {
    #feedback button:not(.close) {
        width: 100%;
    }
}
button.enviar-formulario-disabled, button.enviar-formulario-disabled:focus, button.enviar-formulario-disabled:hover {
    color: #999ba2;
    opacity: 0.5;
    cursor: default;
    background-color: #e6ebec !important;
    border: 0px !important;
}
#formulario-de-busqueda-avanzada #search-button.disabled, #formulario-de-busqueda #search-button.disabled {
    color: #999ba2;
    opacity: 0.5;
    cursor: default;
    background-color: #e6ebec !important;
    border: 0px !important;
}
.contenedor-formulario-web input[type=submit].disabled {
    color: #999ba2;
    opacity: 0.5;
    cursor: default;
    background-color: #e6ebec !important;
    border-color: #999ba2 !important;
}
.contenedor-formulario-web a.privacidad {
    hyphens: none;
    -ms-hyphens: none;
    color: #086DD2;
}
.contenedor-formulario-web a.privacidad:hover, .contenedor-formulario-web a.privacidad:focus {
	color: #154481 !important;
}
.contenedor-formulario-web p {
    font-size: 0.8rem;
}
.contenedor-formulario-web table {
    margin-top: 30px;
}
.contenedor-formulario-web .text.success h1 {
    font-size: 3rem;
}
text error
.contenedor-formulario-web .text.success p,
.contenedor-formulario-web .text.error {
    font-size: 1rem;
}
.contenedor-formulario-web .text.error ul li {
    text-align: left;
}
.contenedor-formulario-web table td strong {
    text-decoration: underline;
}

#feedback button:not(.close):hover {
    background-color: #b8bcbd;
    border: 0px;
    outline: 0px;
}
#feedback button:not(.close):focus {
    background-color: #b8bcbd;
    border: 3px solid #154481;
    outline: 0px;
}
#feedback button:not(.close):active {
    background-color: #FFF;
    border: 3px solid #b8bcbd;
}
#feedback .enviar-formulario:after, #feedback .enviar-formulario-disabled:after, #feedback .info-error:after {
    position: absolute;
    top: 10px;
    right: 5px;
    width: 25px;
    height: 25px;
    z-index: 2;
    content: '';
    background: url(../img/icono-informacion-util.svg) no-repeat center;
}
#feedback .info-error:after {
    background: url(../img/icono-informacion-error.svg) no-repeat center;
}
#feedback + .pop-up-window, #feedback + .pop-up-window .content {
    display: block;
}
.formularios-feedback.row.selected {
    visibility: visible;
    margin-top: 30px;
    max-height: 3000px;
    transition: 2s ease;
}
.formularios-feedback.row {
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
}
.formularios-feedback .borde {
    border: 2px solid #eaeef4;
    padding: 20px 40px !important;
    border-radius: 15px;
}
.formularios-feedback h3, .formularios-feedback p {
    padding-left: 60px;
    font-weight: bold;
    position: relative;
    margin-bottom: 50px;
    font-size: 1.75rem;
}
.formularios-feedback h3:before, .formularios-feedback p:before {
    position: absolute;
    left: 0;
    width: 50px;
    height: 50px;
    z-index: 2;
    content: '';
    background: url(../img/icono-reportar-error.svg) no-repeat center;
}
form:not(#formulario-info-util).feedback .enviar-formulario {
    margin-top: 30px;
}
.formularios-feedback ul {
    padding: 0;
}
.formularios-feedback ul li {
    padding: 0 15px;
}
.formularios-feedback ul li button:not(.enviar-formulario) {
    text-decoration: underline;
    position: relative;
    padding-left: 25px;
    background-color: #FFF;
    border: 0px;
    font-size: 16px;
    text-align: left;
}
.formularios-feedback ul li button, .formularios-feedback ul li button.selected, .formularios-feedback ul li button:focus,
.formularios-feedback button, .formularios-feedback button.selected, .formularios-feedback button:focus {
    width: 100%;
    font-weight: bold;
}
.formularios-feedback ul li button:not(.enviar-formulario):before, .formularios-feedback button:not(.enviar-formulario):before {
    position: absolute;
    left: 0;
    top: 4px;
    z-index: 2;
    width: 16px;
    height: 16px;
    content: '';
    background: url(../img/icono-bullet-point.svg) no-repeat center;
}
.formularios-feedback .formulario-error {
    width: 100%;
}
.formularios-feedback ul li button + .formulario-error {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
}
.formularios-feedback ul li button.selected + .formulario-error {
    transition: max-height 2s ease;
    max-height: 3000px;
    padding: 0 30px;
}
.formularios-feedback ul li #formulario-de-consulta label, .formularios-feedback #formulario-de-consulta label {

    margin: 15px 0 0;
}
.formularios-feedback ul li #formulario-de-consulta div.error, .formularios-feedback #formulario-de-consulta div.error {
    display: none;
}
.formularios-feedback ul li  #formulario-de-consulta .col-sm-12, .formularios-feedback #formulario-de-consulta .col-sm-12 {
    min-height: auto;
}
.formularios-feedback ul li p {
    text-align: justify;
    margin-bottom: 0;
}

.formularios-feedback .feedbackTableConsent {
    margin-top: 30px;
}

.formularios-feedback .formulario-error #formulario-de-consulta #consent input {
    float: left;
    width: 5%;
    margin-top: 5px;
    min-height: 0;
}
#feedback #sending-success button {
    margin-left: 15px;
}
.formulario-error p {
    display: none;
}
.formulario-error p.campoObligatorio {
    display: inline;
    font-size: 12px;
    margin-left: 0px;
    padding-left: 0px;
}
.formulario-error p.campoObligatorio:before {
    width: 0px;
    height: 0px;
}
.formulario-error #formulario-de-consulta {
    padding: 0;
    background-color: #fff;
}
.formulario-error #formulario-de-consulta textarea, .formulario-error #formulario-de-consulta input {
    color: #525a66;
    width: 100%;
    min-height: 40px;
}
.formulario-error #formulario-de-consulta button.enviar-formulario {
    margin: 25px 0 15px 0;
}
.formulario-error #formulario-de-consulta input.enviar-formulario, .formulario-error #formulario-de-consulta button.enviar-formulario {
    margin: 25px 0 40px 0;
    color: #836501;
    border: 2px solid #836501;
    background-color: #fff;
    padding: 20px;
}
.formulario-error #formulario-de-consulta input.enviar-formulario:hover, .formulario-error #formulario-de-consulta input.enviar-formulario:active,
.formulario-error #formulario-de-consulta button.enviar-formulario:hover, .formulario-error #formulario-de-consulta button.enviar-formulario:active {
    color: #FFF;
    border: 2px solid #154481;
    background-color: #154481;
}
#formulario-de-consulta input {
    background: #FFFFFF;
}

.formulario-error #consent p {
    display: block;
    font-size: 14px;
    padding-left: 0px;
    margin-bottom: 15px;
}

.formulario-error #consent p:before {
    background: none;
}

.formulario-error #consent input {
    float: left;
    width: 5%;
    margin-top: 5px;
}
.formulario-error #consent p {
    float: left;
    width: 95%;
}

.formulario-error #formulario-de-consulta button.enviar-formulario.disabled {
    color: #999ba2;
    opacity: 0.5;
    cursor: default;
    background-color: #e6ebec !important;
    border-color: #999ba2 !important;
}

.formulario-error #formulario-de-consulta button.enviar-formulario:hover {
    border: 2px solid #836501;
}


/*ESTILOS PARA FORMULARIO NEWSLETTER*/
.formulario-web-newsletter label[for=convocatoria-tipo]{
    display: none;
};
.formulario-web-newsletter #convocatoria-tipo{
    display: none;
};
.formulario-web-newsletter legend.fn2 {
    font-size: 2rem;
}
.formulario-web-newsletter #texto-campo-opcional {
    display: none;
}
.formulario-web-newsletter label:not([class^=fichero]) {
    margin: 25px 5px 0 3px;
}
.formulario-web-newsletter .file-magnolia label {
    width: 100%;
}
.formulario-web-newsletter a {
    color: #212529;
    text-decoration: underline;
}
.formulario-web-newsletter label span.opcional {
    color: #836501;
    font-weight: bold;
    font-size: 13px;
}
.pop-up-window .formulario-web-newsletter label span.opcional {
    font-size: 0.8rem;
}
.pop-up-window .formulario-web-newsletter .form-row fieldset, .form .form-row fieldset {
    margin: 0 4px;
    flex: unset;
    max-width: unset;
    width: 100%;
}
.formulario-web-newsletter input, .formulario-web-newsletter select, .formulario-web-newsletter label.fichero, .formulario-web-newsletter textarea {
    position: relative;
    width: 100%;
    padding: 15px;
    font-size: 13px;
    color: #525a66;
    border: 2px solid #eaeef4;
    border-radius: 10px;
    background-color: #FFF;
    min-height: 53px;
}
.formulario-web-newsletter label.fichero {
    width: 60%;
}
.formulario-web-newsletter input[type="radio"], .formulario-web-newsletter input[type="checkbox"] {
    width: auto;
    min-height: unset;
}
.formulario-web-newsletter input[type="radio"] ~ label, .formulario-web-newsletter input[type="checkbox"] ~ label {
    font-weight: 300;
    font-size: 0.9rem;
    line-height: 1.2rem;
    margin: 0;
    padding-left: 12px;
    /*padding-left: 25px;*/
}
.pop-up-window .form input, .pop-up-window .form select, .pop-up-window .form label.fichero, .pop-up-window .form textarea {
    font-size: 1rem;
}
.formulario-web-newsletter label.fichero {
    padding: 6px;
}
.formulario-web-newsletter select {
    background: url(../img/icono-desplegar-menu.svg) no-repeat right #FFF;
    background-size: 12px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-origin: content-box;
}
.formulario-web-newsletter input[type="file"] {
    position: absolute;
    width: 0.1px;
    height: 0.1px;
    min-height: 0.1px;
    padding: 0;
    opacity: 0;
    overflow: hidden;
    z-index: -1;
}
.formulario-web-newsletter label.fichero span {
    display: inline-block;
    vertical-align: middle;
    word-break: break-all;
}
.formulario-web-newsletter .load-file-button {
    position: absolute;
    top: -1px;
    width: 66%;
    left: 102%;
    background-color: #154481;
    border: 1px solid #154481;
    border-radius: 10px;
    padding: 15px 15px 15px 30px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    cursor: pointer;
}
.formulario-web-newsletter .load-file-button:before {
    position: absolute;
    content: '';
    top: 16px;
    left: 10px;
    width: 15px;
    height: 15px;
    z-index: 2;
    background: url(../img/folder-open.svg) no-repeat center;
}
.formulario-web-newsletter .file-name {
    font-size: 1.12rem;
    color: #525a66;
    padding-left: 13px;
    font-weight: 400;
    line-height: 1rem;
}
.formulario-web-newsletter input:hover, .formulario-web-newsletter select:hover, .formulario-web-newsletter label.fichero:hover, .formulario-web-newsletter textarea:hover {
    border: 2px solid #d6dce4;
}
.formulario-web-newsletter input:focus, .formulario-web-newsletter select:focus, .formulario-web-newsletter label.fichero:focus, .formulario-web-newsletter textarea:focus {
    border: 2px solid #a2a5aa;
    outline: 0px !important;
}
.form-item.privacidad {
    margin-top: 20px;
}
.formulario-web-newsletter{
    width: 100%;
}
.formulario-web-newsletter .centrado{
    margin:auto;
}

.formulario-web-newsletter .centrado{
    margin:auto;
}

.formulario-web-newsletter .button-wrapper{
    margin-top: 7%;
}

/*------------COMPONENTE CONTENIDO AYUDA------------------------------------------------------------*/
.contenidoAyuda, #contenidoAviso, #contenidoAvisoEspecifico {
    position: relative;
    z-index: 1;
    border: 2px solid #836501;
    border-radius: 15px;
    padding: 20px;
    margin: 20px 0;
}
.gris-oscuro #contenidoAvisoEspecifico, .azul-oscuro-casi-negro #contenidoAvisoEspecifico {
    border-color: #fff;
}
.contenidoAyuda:before {
    position: absolute;
    z-index: 6;
    margin: -34px 0 0 10px;
    padding: 0 8px;
    content: '?';
    color: #232323;
    background-color: #FFF;
    border: 2px solid #232323;
    border-radius: 100%;
    margin-right: 10px;
    font-weight: bold;
}
#contenidoAviso .hand-icon {
    z-index: 900;
    margin: -4px 10px 0 0;
    height: 28px;
    width: 28px;
    padding: 2px;
    border: 2px solid #232323;
    border-radius: 100%;
    float: left;
}
#contenidoAviso .hand-icon:after {
    z-index: 9;
    position: absolute;
    content: '';
    background-image: url(../img/hand-paper-regular.svg);
    background-repeat: no-repeat;
    color: #232323;
    height: 20px;
    width: 20px;
    font-weight: bold;
}
#contenidoAvisoEspecifico .aviso, #contenidoAvisoEspecifico .ayuda, #contenidoAvisoEspecifico .convocatoria {
    z-index: 900;
    margin-top: -4px;
    padding-left: 15px;
    height: 28px;
    width: 28px;
    padding: 2px;
    border: 2px solid #836501;
    border-radius: 100%;
    float: left;
}
#contenidoAvisoEspecifico .ayuda.gris-oscuro , #contenidoAvisoEspecifico .ayuda.azul-oscuro-casi-negro,
#contenidoAvisoEspecifico .aviso.gris-oscuro , #contenidoAvisoEspecifico .aviso.azul-oscuro-casi-negro,
#contenidoAvisoEspecifico .convocatoria.gris-oscuro , #contenidoAvisoEspecifico .convocatoria.azul-oscuro-casi-negro {
    border-color: #fff;
}
#contenidoAvisoEspecifico .aviso:after {
    z-index: 9;
    position: absolute;
    content: '';
    background-image: url(../img/color-exclamation-regular.svg);
    background-repeat: no-repeat;
    color: #232323;
    height: 20px;
    width: 20px;
    font-weight: bold;
    margin-left: 1px;
}
#contenidoAvisoEspecifico .ayuda:after {
    z-index: 9;
    position: absolute;
    content: '';
    background-image: url(../img/color-question-regular.svg);
    background-repeat: no-repeat;
    color: #232323;
    height: 20px;
    width: 20px;
    font-weight: bold;
    margin-left: 1px;
}
#contenidoAvisoEspecifico .convocatoria:after {
    z-index: 9;
    position: absolute;
    content: '';
    background-image: url(../img/color-hand-paper-regular.svg);
    background-repeat: no-repeat;
    color: #232323;
    height: 20px;
    width: 20px;
    font-weight: bold;
}
.gris-oscuro #contenidoAvisoEspecifico .convocatoria:after, .azul-oscuro-casi-negro #contenidoAvisoEspecifico .convocatoria:after {
    background-image: url(../img/white-hand-paper-regular.svg);
}
.gris-oscuro #contenidoAvisoEspecifico .aviso:after, .azul-oscuro-casi-negro #contenidoAvisoEspecifico .aviso:after {
    background-image: url(../img/white-exclamation-regular.svg);
}
.gris-oscuro #contenidoAvisoEspecifico .ayuda:after, .azul-oscuro-casi-negro #contenidoAvisoEspecifico .ayuda:after {
    background-image: url(../img/white-question-regular.svg);
}
.contenidoAyuda .title, #contenidoAviso .title {
    position: absolute;
    z-index: 5;
    top: 2px;
    /*min-width: 100px;*/
    margin: -12px 0 0 9px;
    padding: 0 9px 0 9px;
    color: #836501;
    background-color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
}

#contenidoAvisoEspecifico .title {
    z-index: 5;
    top: 2px;
    /*min-width: 100px;*/
    margin: -30px 0 0 9px;
    padding: 0 9px 0 9px;
    color: #836501;
    font-weight: bold;
    text-transform: uppercase;

}
#contenidoAvisoEspecifico .title span {
    padding: 0px 15px;
}
#contenidoAviso .title {
    max-width: 340px;
    width: 100%;
}
#contenidoAviso .title p, #contenidoAvisoEspecifico .title p {
    font-family: 'Poppins', sans-serif;
    max-width: 300px;
    width: 100%;
}
#contenidoAvisoEspecifico p {
    hyphens: manual;
    -ms-hyphens: manual;
-webkit-hyphens: manual;
}
.contenidoAyuda .title {
    padding: 0 9px 0 35px;
    margin: -12px 0 0 20px;
    font-size: 1rem;
}
/*.contenidoAyuda:after {
    position: absolute;
    z-index: 4;
    top: 0;
    margin: -12px 0 0 9px;
    padding: 0 3px 0 38px;
    content: 'Ayuda';
    color: #836501;
    background-color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
}*/
.contenidoAyuda p {
    font-size: 0.9rem;
    margin-bottom: 0;
}
.contenidoAyuda span {
    color: #836501;
    font-weight: bold;
    font-size: 13px;
}
.contenidoAyuda table {
    font-size: 0.9rem;
}
.contenidoAyuda table td {
    min-width: 100px;
}
.contenidoAyuda table td img {
    max-width: 24px;
}
#contenidoAviso p {
    font-family: 'Poppins Regular', sans-serif;
    font-size: 13px;
    margin-bottom: 0;
}
#contenidoAviso .fecha, #contenidoAvisoEspecifico .fecha {
    font-family: 'Poppins Bold', sans-serif;
    font-weight: bold;
    font-size: 14px;
}


/*------------COMPONENTE FORMULARIO DE CONTACTO------------------------------------------------------------*/
.format.error {
    color: red;
}
/**
#formulario-de-contacto {
    padding-top: 55px;
    padding-bottom: 30px;
    background-color: #f2f4f6;
    position: relative;
}
#formulario-de-contacto .title, #formulario-de-contacto  .contenidoAyuda:after {
    background-color: #f2f4f6;
}
.opcional:before {
    content: 'opcional';
    color: #836501;
    font-weight: bold;
    font-size: 13px;
}
#formulario-de-contacto .col-sm-12 {
    min-height: 104px;
}
#formulario-de-contacto label {
    margin: 10px 5px 0 3px;
}
#formulario-de-contacto input, #formulario-de-contacto select, #formulario-de-contacto label.fichero, #formulario-de-contacto textarea {
    position: relative;
    width: 100%;
    padding: 15px;
    font-size: 13px;
    color: #525a66;
    border: 2px solid #eaeef4;
    border-radius: 10px;
    background-color: #FFF;
    min-height: 53px;
}
#formulario-de-contacto #convocatoria {
    background: url(../img/icono-desplegar-menu.svg) no-repeat right #FFF;
    background-size: 12px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-origin: content-box;
}
#formulario-de-contacto input[type="file"] {
    position: absolute;
    width: 0.1px;
    height: 0.1px;
    min-height: 0.1px;
    padding: 0;
    opacity: 0;
    overflow: hidden;
    z-index: -1;
}
#formulario-de-contacto label.fichero {
    width: 60%;
}
#formulario-de-contacto label.fichero .load-file-button {
    position: absolute;
    top: -1px;
    width: 66%;
    left: 102%;
    background-color: #154481;
    border: 1px solid #154481;
    border-radius: 10px;
    padding: 15px 15px 15px 30px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    cursor: pointer;
    transition: 0.5s ease;
}
#formulario-de-contacto label.fichero .load-file-button:before {
    position: absolute;
    content: '';
    top: 16px;
    left: 10px;
    width: 15px;
    height: 15px;
    z-index: 2;
    background: url(../img/folder-open.svg) no-repeat center;
}
#formulario-de-contacto input:not(.enviar-formulario):hover, #formulario-de-contacto input[type="file"]:hover + label,
#formulario-de-contacto select:hover, #formulario-de-contacto textarea:hover, #formulario-de-contacto .checkbox-container:hover input + .checkmark {
    border: 2px solid #d6dce4;
}
#formulario-de-contacto input:not(.enviar-formulario):focus, #formulario-de-contacto input[type="file"]:focus + label,
#formulario-de-contacto select:focus, #formulario-de-contacto textarea:focus, #formulario-de-contacto .checkbox-container input:focus + .checkmark {
    border: 2px solid #a2a5aa;
    outline: 0px !important;
}
#formulario-de-contacto input[type="checkbox"] {
    width: auto !important;
}
#formulario-de-contacto .error {
     color: #ff0000;
}
#formulario-de-contacto div.error {
    font-size: 13px;
    text-align: right;
    transition: .5s ease;
    opacity: 0;
}
#formulario-de-contacto div.error.show-error {
    opacity: 1;
}
#formulario-de-contacto div.left.error {
    text-align: left;
}
#formulario-de-contacto div.center.error {
    text-align: center;
}
#formulario-de-contacto .blank-field.error, #formulario-de-contacto label[for="fichero2"] + div.format.error,
#formulario-de-contacto .duplicate.error, #formulario-de-contacto .file-size.error {
    display: none;
}
#formulario-de-contacto .error.blank-field:before {
    content: 'Debe rellenar este campo.';
}
#formulario-de-contacto .error.different-text.blank-field:before {
    content: '';
}
#formulario-de-contacto .nota {
    color: #4a607d;
    font-size: 13px;
    margin-left: 7px;
}
#formulario-de-contacto .checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #525a66;
  font-size: 14px;
}
#formulario-de-contacto .checkbox-container a {
    color: #525a66;
    text-decoration: underline;
}
#formulario-de-contacto .checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
#formulario-de-contacto .checkbox-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #FFF;
  border: 1px solid #b1b9c3;
}
/*#formulario-de-contacto .checkbox-container input:checked ~ .checkmark {
  background-color: #FFF;
  border: 1px solid #b1b9c3;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
#formulario-de-contacto .checkbox-container input:checked ~ .checkmark:after {
  display: block;
}
#formulario-de-contacto .checkbox-container .checkmark:after {
  left: 6px;
  top: 0;
  width: 10px;
  height: 18px;
  border: solid #000;
  border-width: 0 5px 5px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#formulario-de-contacto input.enviar-formulario {
    margin: 60px auto;
    display: block;
    font-size: initial;
    width: auto;
}
#formulario-depegable {
    background-color: #f2f4f6;
}
*/
.blank-field.error {
    color: red;
}
/*------------NUEVO COMPONENTE FORMULARIO -------------------------------------*/
.contenedor-formulario-web {
    padding-top: 40px;
    padding-bottom: 40px;
}
.contenedor-formulario-web #nombreConvocatoria, .contenedor-formulario-web label[for=nombreConvocatoria],
.contenedor-formulario-web #expedienteConvocatoria, .contenedor-formulario-web label[for=expedienteConvocatoria] {
    display: none;
}
.contenedor-formulario-web #nombreAplicacion, .contenedor-formulario-web label[for=nombreAplicacion],
.contenedor-formulario-web #nombreUsuarioAplicacion, .contenedor-formulario-web label[for=nombreUsuarioAplicacion] {
	display: none;
}
.form legend.fn2 {
    font-size: 2rem;
}
.form #texto-campo-opcional {
    display: none;
}
.form label:not([class^=fichero]) {
    margin: 25px 5px 0 3px;
}
.form .file-magnolia label {
    width: 100%;
}
.form a {
    color: #212529;
    text-decoration: underline;
}
.form label span.opcional {
    color: #836501;
    font-weight: bold;
    font-size: 13px;
}
.pop-up-window .form label span.opcional {
    font-size: 0.8rem;
}
.pop-up-window .form .form-row fieldset, .form .form-row fieldset {
    margin: 0 4px;
    flex: unset;
    max-width: unset;
    width: 100%;
}
.form input, .form select, .form label.fichero, .form textarea {
    position: relative;
    width: 100%;
    padding: 15px;
    font-size: 13px;
    color: #525a66;
    border: 2px solid #eaeef4;
    border-radius: 10px;
    background-color: #FFF;
    min-height: 53px;
}
.form label.fichero {
    width: 60%;
}
.form input[type="radio"], .form input[type="checkbox"] {
    width: auto;
    min-height: unset;
}
.form input[type="radio"] ~ label, .form input[type="checkbox"] ~ label {
    font-weight: 300;
    font-size: 0.9rem;
    line-height: 1.2rem;
    margin: 0;
    padding-left: 12px;
    /*padding-left: 25px;*/
}
.pop-up-window .form input, .pop-up-window .form select, .pop-up-window .form label.fichero, .pop-up-window .form textarea {
    font-size: 1rem;
}
.form label.fichero {
    padding: 6px;
}
.form select {
    background: url(../img/icono-desplegar-menu.svg) no-repeat right #FFF;
    background-size: 12px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-origin: content-box;
}
.form input[type="file"] {
    position: absolute;
    width: 0.1px;
    height: 0.1px;
    min-height: 0.1px;
    padding: 0;
    opacity: 0;
    overflow: hidden;
    z-index: -1;
}
.form label.fichero span {
    display: inline-block;
    vertical-align: middle;
    word-break: break-all;
}
.form .load-file-button {
    position: absolute;
    top: -1px;
    width: 66%;
    left: 102%;
    background-color: #154481;
    border: 1px solid #154481;
    border-radius: 10px;
    padding: 15px 15px 15px 30px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    cursor: pointer;
}
.form .load-file-button:before {
    position: absolute;
    content: '';
    top: 16px;
    left: 10px;
    width: 15px;
    height: 15px;
    z-index: 2;
    background: url(../img/folder-open.svg) no-repeat center;
}
.form .file-name {
    font-size: 1.12rem;
    color: #525a66;
    padding-left: 13px;
    font-weight: 400;
    line-height: 1rem;
}
.form input:hover, .form select:hover, .form label.fichero:hover, .form textarea:hover {
    border: 2px solid #d6dce4;
}
.form input:focus, .form select:focus, .form label.fichero:focus, .form textarea:focus {
    border: 2px solid #a2a5aa;
    outline: 0px !important;
}
.form-item.privacidad {
    margin-top: 20px;
}
/**.form input[type="radio"] + span, .form input[type="radio"] + label,
.form input[type="checkbox"] + span, .form input[type="checkbox"] + label {
    display: inline-block;
}
.form label[for="checkbox"] + fieldset .form-item, .form label[for="radio"] + fieldset .form-item {
    position: relative;
}
.form input[type="checkbox"] + span, .form input[type="radio"] + span {
    position: absolute;
    top: 3px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #FFF;
    border: 1px solid #b1b9c3;
}
.form input[type="radio"], .form input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.form input[type="radio"] .checkmark:after, .form input[type="checkbox"] .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.form input[type="radio"]:checked ~ .checkmark:after, .form input[type="checkbox"]:checked ~ .checkmark:after {
    display: block;
}
.form input[type="checkbox"] ~ .checkmark:after {
    left: 4px;
    width: 9px;
    height: 14px;
    border: solid #000;
    border-width: 0 5px 5px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.form input[type="radio"]:hover + .checkmark, .form input[type="checkbox"]:hover + .checkmark {
    opacity: 0.5;
}
.form input[type="radio"]:focus + .checkmark, .form input[type="checkbox"]:focus + .checkmark {
    border: 2px solid #000;
    outline: 0px !important;
}*/
.form input + span, .form select + span, .form textarea + span {
    color: #4a607d;
    font-size: 13px;
    margin-left: 7px;
}
.form .error {
    color: #ff0000;
    /*word-break: break-all;*/
    font-size: 13px;
    text-align: right;
    transition: .5s ease;
}
.form input[type="submit"] {
    margin: 3rem auto 2rem auto !important;
}
#formulario-solicitud-enviado {
    text-align: center;
}
#formulario-solicitud-enviado .marco img {
    max-width: 50px;
    filter: unset;
    opacity: 1;
    transition: unset;
    margin-top: 1.5rem;
}
#formulario-solicitud-enviado .button-container {
    padding: 0;
}
#formulario-solicitud-enviado .button-container button {
    margin: auto;
}
/*------------COMPONENTE FORMULARIO DE SUSCRIPCIONES------------------------------------------------------------*/
#suscripcionesFormGeneral {
    margin-top: 60px;
    margin-bottom: 60px;
}
form.suscripciones {
    border: 3px solid #cacfd7;
    padding: 60px;
}
form.suscripciones .error {
    display: none;
}
form.suscripciones h1, form.suscripciones h5 {
    text-align: center;
}
form.suscripciones h1 {
    font-weight: 200;
    margin-bottom: 0;
}
form.suscripciones h5 {
    font-weight: 600;
    margin-bottom: 60px;
}
form.suscripciones ol {
  list-style: none;
  counter-reset: form-counter;
  padding-inline-start: 0;
}
form.suscripciones ol li {
  counter-increment: form-counter;
  position: relative;
  margin-top: 50px;
  padding: 0;
}
form.suscripciones ol li::before {
    position: absolute;
    top: -6px;
    content: counter(form-counter);
    text-align: center;
    color: #836501;
    font-size: 25px;
    border: 2px solid #836501;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
form.suscripciones ol li p {
    padding-left: 70px;
    text-transform: uppercase;
}
form.suscripciones ul {
  counter-reset: none;
  padding-inline-start: 0;
}
form.suscripciones ul li {
  list-style: none;
  counter-increment: none;
  position: relative;
  margin-top: 0;
  padding: 0;
}
form.suscripciones ul li::before {
    content: '';
    border: 0px;
    width: 0;
    height: 0;
}
form.suscripciones input {
    position: relative;
    width: 100%;
    padding: 15px;
    font-size: 13px;
    color: #525a66;
    border: 2px solid #eaeef4;
    border-radius: 10px;
    background-color: #FFF;
    min-height: 53px;
}
form.suscripciones input:hover {
    border: 2px solid #d6dce4;
}
form.suscripciones input:focus {
    border: 2px solid #a2a5aa;
    outline: 0px !important;
}
form.suscripciones div.error {
    font-size: 13px;
    text-align: right;
    transition: .5s ease;
    opacity: 0;
}
form.suscripciones .checkbox-suscripciones span.checkmark, form.suscripciones .checkbox-suscripciones div  {
    display: inline-block;
}
form.suscripciones .checkbox-suscripciones {
  margin-top: 20px;
  margin-bottom: 10px;
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #20242a;
  font-size: 16px;
}
form.suscripciones .checkbox-suscripciones div {
    padding: 0 0 15px 27px;
}
form.suscripciones .checkbox-suscripciones ul {
    padding-left: 35px;
}
form.suscripciones .checkbox-suscripciones a {
    color: #20242a;
    text-decoration: underline;
}
form.suscripciones .checkbox-suscripciones input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
form.suscripciones .checkbox-suscripciones span.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #FFF;
  border: 1px solid #b1b9c3;
}
form.suscripciones .checkbox-suscripciones .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
form.suscripciones .checkbox-suscripciones input:checked ~ .checkmark:after {
  display: block;
}
form.suscripciones .checkbox-suscripciones .checkmark:after {
  left: 4px;
  width: 9px;
  height: 14px;
  border: solid #000;
  border-width: 0 5px 5px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
form.suscripciones .checkbox-suscripciones .checkbox-container:hover input + .checkmark {
    opacity: 0.5;
}
form.suscripciones .checkbox-suscripciones .checkbox-container input:focus + .checkmark {
    border: 2px solid #000;
    outline: 0px !important;
}
form.suscripciones .menu-desplegable-seleccion-multiple {
    margin-top: 20px;
}
.menu-desplegable-seleccion-multiple .etiquetas-label {
    margin-bottom: 10px;
}
.menu-desplegable-seleccion-multiple #etiquetas-titulo  {
    position: relative;
    z-index: 7;
    width: 100%;
    padding: 15px;
    font-size: 14px;
    color: #525a66;
    border: 2px solid #eaeef4;
    border-radius: 10px;
    background-color: #FFF;
    min-height: 53px;
    cursor: pointer;
}
.menu-desplegable-seleccion-multiple #etiquetas-titulo:after {
    content: '';
    z-index: 2;
    position: absolute;
    right: 13px;
    top: 18px;
    width: 12px;
    height: 12px;
    background: url(../img/icono-desplegar-menu.svg) no-repeat;
}
.menu-desplegable-seleccion-multiple #etiquetas-titulo.open:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.menu-desplegable-seleccion-multiple .container-etiquetas {
    width: 100%;
    position: relative;
    min-height: 1em;
}
.menu-desplegable-seleccion-multiple  #etiquetas-valor {
    background-color: #FFF;
    margin-top: -3px;
    overflow: auto;
    border-radius: 10px;
    max-height: 0;
    font-size: 14px;
    transition: 0.5s ease;
    border-radius: 10px;
    border-left: 2px solid #eaeef4;
    border-right: 2px solid #eaeef4;
    padding-left: 20px;
}
#etiquetas-valor.open {
    max-height: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #eaeef4;;
}
form.suscripciones ol li .container-etiquetas p {
    position: absolute;
    z-index: 5;
    left: 0;
    font-size: 14px;
    color: #525a66;
    padding-left: 0;
    text-transform: none;
    margin-bottom: 0;
    width: 100%;
}
.menu-desplegable-seleccion-multiple .container-etiquetas input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  width: 0;
}
.menu-desplegable-seleccion-multiple .container-etiquetas .checkmark-etiquetas {
  position: absolute;
  top: 0;
  right: 35px;
  z-index: 6;
}
.checkmark-etiquetas:after {
  content: "";
  position: absolute;
  display: none;
}
.menu-desplegable-seleccion-multiple .container-etiquetas input:checked ~ .checkmark-etiquetas:after {
  display: block;
}
.menu-desplegable-seleccion-multiple .container-etiquetas input:checked ~ p {
    background-color: #eceef0;
}
.menu-desplegable-seleccion-multiple .container-etiquetas .checkmark-etiquetas:after {
    z-index: 6;
    left: 7px;
    top: 0;
    width: 10px;
    height: 18px;
    border: solid #000;
    border-width: 0 5px 5px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
form.suscripciones .buttons-container {
    position: relative;
    min-height: 100px;
}
form.suscripciones .buttons-container button {
    max-width: 300px;
    margin-top: 20px;
    position: absolute;
    padding: 20px 40px;
}
form.suscripciones .buttons-container #suscripcion {
    left: 0;
}
form.suscripciones .buttons-container #baja {
    right: 0;
}
form .sending-error, #sending-success, #feedback .row > div#sending-success,
#cookies-success {
    display: none;
}
#cookies-success {
    max-width: 75%;
    flex: 0 0 75%;
}
#sending-success.show, #feedback .row > div#sending-success.show,
#cookies-success.show {
    display: block;
    font-weight: bolder;
    margin: 50px auto;
}
/*------------COMPONENTE CONTACTO------------------------------------------------------------*/
#contacto {
    border-top: 7px solid #edf0f3;
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 7px solid #edf0f3;
    color: #2a2a2a;
}
#contacto img {
    width: 120px;
    max-width: 120px;
    max-height: 120px;
    float: right;
    margin-right: 50px;
}
#contacto h5, #contacto h3 {
    font-size: 1.25rem;
    font-weight: 600;
}
#contacto h2 {
    hyphens: none;
    -ms-hyphens: none;
}
#contacto:not(.edicion-contacto) > div > div > div {
    padding-top: 14px;
    border-bottom: 2px solid #edf0f3;
}
#contacto > div > div > div:last-child {
    border-bottom: 0px;
}
#contacto a {
    color: #154481;
}
#contacto a[href*='tel'] {
    color: #2a2a2a;
}
#contacto p {
    width: 100%;
    margin-bottom: 0;
}

/** iconos redes sociales contacto */

#contacto div.rrss {
    height: 35px;
    margin-bottom: 5px;
}
#contacto div.rrss .facebook,#contacto div.rrss .twitter,#contacto div.rrss .youtube,
#contacto div.rrss .instagram,#contacto div.rrss .linkedin,#contacto div.rrss .flickr,
#contacto div.rrss .whatsapp {
    width: 25px;
    padding: 10px;
    height: 25px;
    margin-right: 15px;
}

#contacto div.rrss .facebook:before {
    position: absolute;
    content: '';
    background-image: url('../img/rrss/facebook.svg');
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
}
#contacto div.rrss .twitter:before {
    position: absolute;
    content: '';
    background-image: url('../img/rrss/twitter.svg');
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
}
#contacto div.rrss .youtube:before {
    position: absolute;
    content: '';
    background-image: url('../img/rrss/youtube.svg');
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
}
#contacto div.rrss .instagram:before {
    position: absolute;
    content: '';
    background-image: url('../img/rrss/instagram.svg');
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
}
#contacto div.rrss .linkedin:before {
    position: absolute;
    content: '';
    background-image: url('../img/rrss/linkedin.svg');
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
}
#contacto div.rrss .flickr:before {
    position: absolute;
    content: '';
    background-image: url('../img/rrss/flickr.svg');
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
}
#contacto div.rrss .whatsapp:before {
    position: absolute;
    content: '';
    background-image: url('../img/rrss/whatsapp.svg');
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
}



/*------------COMPONENTE TARJETAS------------------------------------------------------------*/
#tarjetas,
.tarjetasConvocatorias {
    background-color: #e0e5ea;
    color: #4b4b4b;
    padding-top: 30px;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
#tarjetas p,
.tarjetasConvocatorias p {
    margin: 0;
    hyphens: manual;
    -ms-hyphens: manual;
-webkit-hyphens: manual;
}
#tarjetas .row > div, .tarjetasConvocatorias .row > div {
    margin-bottom: 30px;
}

.tarjetasConvocatorias .row div {
    float: left;
}

.tarjetasConvocatorias .convCard {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding-right: 15px;
    padding-left: 15px;
}
.tarjetasConvocatorias .convCard .text-box .title-container {
    width: 100%;
}
@media only screen and (max-width: 1440px) {
    .tarjetasConvocatorias .convCard {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media only screen and (max-width: 768px) {
    .tarjetasConvocatorias .convCard {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


#tarjetas h5, #tarjetas h2,
.tarjetasConvocatorias h5, .tarjetasConvocatorias h2 {
    font-size: 1.25rem;
    position: relative;
    font-weight: 800;
    padding-left: 50px;
    min-height: 2em;
    hyphens: manual;
    -ms-hyphens: manual;
    -webkit-hyphens: manual;
}
.tarjetasConvocatorias .row.titulo h2 {
    padding-left: 0px;
    hyphens: manual;
    -ms-hyphens: manual;
    -webkit-hyphens: manual;
}
#tarjetas .icono,
.tarjetasConvocatorias .icono {
    position: absolute;
    width: 40px;
    height: 40px;
    z-index: 2;
    overflow: hidden;
}
#tarjetas .icono img,
.tarjetasConvocatorias .icono img {
    width: 100%;
}
.title-container {
    position: relative;
}
/*#tarjetas h5:before {
    position: absolute;
    left: 0;
    width: 40px;
    height: 40px;
    z-index: 2;
    content: '';
    background: url(../img/icono-quejas-y-sugerencias.svg) no-repeat center;
}*/
#tarjetas .text-box,
.tarjetasConvocatorias .text-box {
    background-color: #FFF;
    border-radius: 15px;
    padding: 30px;
    border: 1px solid #d8e1e8;
    box-shadow: -4px 4px 6px 0 rgba(67, 98, 138, 0.2);
    hyphens: manual;
    -ms-hyphens: manual;
-webkit-hyphens: manual;
}
#tarjetas .text-box a:not(.leaflet-control-zoom-in):not(.leaflet-control-zoom-out),
.tarjetasConvocatorias .text-box a:not(.leaflet-control-zoom-in):not(.leaflet-control-zoom-out) {
    color: #4b4b4b;
    text-decoration: underline;
}
#tarjetas .text-box button,
.tarjetasConvocatorias .text-box button {
    background-color: #FFF;
    border: 0px;
    color: #4b4b4b;
    text-decoration: underline;
}
#tarjetas .imagen-tarjeta,
.tarjetasConvocatorias .imagen-tarjeta {
    max-width: 314px;
    max-height: 201px;
}

#tarjetas .moreInfo,
.tarjetasConvocatorias .moreInfo {
    position: absolute;
    margin-top: 20px;
    padding-bottom: 10px;
    bottom: 0;
    right: 30px;
}

#tarjetas .moreInfo a,
.tarjetasConvocatorias .moreInfo a {
    color: #836501 !important;
}
#tarjetas ul li,
.tarjetasConvocatorias ul li {
    margin-top: 18px;
}
#tarjetas ul li:before,
.tarjetasConvocatorias ul li:before {
    margin-left: -20px;
    margin-right: 0px;
}
#tarjetas ul li a {
    margin-left: 5px;
}
div.container-fluid.tarjetasConvocatorias ul li:before {
    margin-right: 0px;
}

/*------------PÁGINA INFORMACIÓN TELEFÓNICA--------------------------------------------------------*/
#informacion-telefonica h3 {
    padding: 60px 0 20px 36px;
    color: #4b4b4b;
    font-weight: 600;
    position: relative;
}
#informacion-telefonica h3 + p {
    color: #4b4b4b;
}
#informacion-telefonica h3:before {
    position: absolute;
    left: -8px;
    bottom: 16px;
    content: '';
    height: 40px;
    width: 40px;
    background: url(../img/icono-smartphone.svg) no-repeat center;
}
#informacion-telefonica .title {
    background-color: #836501;
    color: #fff;
    text-align: center;
    font-weight: 600;
    padding: 10px;
    margin-top: 20px;
    box-shadow: 0px 5px 5px rgba(138, 67, 170, 0.2);
}
#informacion-telefonica .title.left {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#informacion-telefonica .title.right {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
#informacion-telefonica .text-box {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
    border-right: 1px solid #eff4f5;
}
#informacion-telefonica .row > div:last-child .text-box {
    border-right: 0px;
}
#informacion-telefonica .text-box img {
    width: 70px;
}
#informacion-telefonica .text-box ul {
    padding-top: 20px;
}
#informacion-telefonica .text-box  .contenidoSeccionBulletsDorado ul {
    text-align: left;
}
#informacion-telefonica .text-box  .contenidoSeccionBulletsDorado li {
    padding-top: 2px;
    padding-left: 5px;
}
#informacion-telefonica .text-box  .contenidoSeccionBulletsDorado li a {
    font-size: 30px;
    color: #000;
}
#informacion-telefonica .text-box .contenidoSeccionBulletsDorado li:before {
    position: relative;
    /* padding: 14px; */
    z-index: 2;
    height: -25px;
    content: '';
    /* top: 0; */
    background: url(../img/icono-bullet-point.svg) no-repeat center !important;
    background-size: 20px 20px;
}
#informacion-telefonica .row:nth-child(2) .text-box .contenidoSeccionBulletsDorado li:before {
    background-position-y: 10px;
}
#informacion-telefonica .row:nth-child(2) {
    border-bottom: 1px solid #eff4f5;
}
#informacion-telefonica .row:nth-child(3), #informacion-telefonica .row:nth-child(5) {
    border-bottom: 3px solid #eff4f5;
    margin-bottom: 40px;
}
#informacion-telefonica .row.first-row .contenidoSeccionBulletsDorado li:before {
    padding: 14px
}
.info-060 {
    width: 70px;
    height: 70px;
    display: block;
    border-radius: 50%;
    background-color: #836501;
    color: #fff !important;
    font-size: 30px;
    font-weight: 600;
    line-height: 68px;
    margin: auto;
}
.info-060 span {
    font-size: 25px;
}
/*------------COMPONENTE ENTRECOMILLADO -----------------------------------------------------------*/
#entrecomillado {
    border-top: 7px solid #eef3f4;
    padding-top: 60px;
    padding-bottom: 60px;
    border-bottom: 7px solid #eef3f4;
    font-family: 'Merriweather', serif;
    font-size: 22px;
    line-height: 31px;
    color: #4b4b4b;
}
#entrecomillado a {
    text-decoration: underline;
    color: #000;
}
#entrecomillado .col-md-9.col-8 {
    padding: 0 60px;
}
#entrecomillado .comilla {
    position: relative;
    font-size: 85px;
    color: #836501;
}
#entrecomillado .comilla.apertura:before {
    position: absolute;
    content: '“';
    top: 0;
}
#entrecomillado .comilla.cierre:after {
    position: absolute;
    content: '”';
    bottom: 0;
    right: 50%;
}
#entrecomillado span.bold-italic {
    font-weight: 700;
    font-style: italic;
}
/*------------COMPONENTES CONTENIDO SECCIÓN CON FOTO y CONTENIDO SECCIÓN SIN FOTO ------------------------------------------------------------*/
.contenidoSeccionConFoto, #contenidoSeccionSinFoto {
    padding-top: 25px;
    padding-bottom: 25px;

}

.contenidoSeccionConFoto .linea, #contenidoSeccionSinFoto .linea {
    margin-left: 30px;
    padding-left: 60px;
    border-left: 10px solid #eef3f4;
}
.contenidoSeccionConFoto a, #contenidoSeccionSinFoto a {
    text-decoration: underline;
    color: #000;
}

.contenidoSeccionConFoto.seccion2 .col-12.imagen {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0;
}
.contenidoSeccionConFoto.seccion2 .col-12.imagen .image-container {
    margin: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contenidoSeccionConFoto.seccion2 .col-12.imagen .image-container img {
    max-width: 300px;
}


/*------------COMPONENTE IMAGEN ENLACES V1 ------------------------------------------------------------*/
#imagenEnlaces img {
    margin-bottom: 30px;
}
#imagenEnlaces .imagenPie {
    width: 100%;
    font-size: 14px;
    text-align: right;
    margin-top: -20px;
    margin-bottom: 30px;
    padding-right: 10px;
}
/*------------COMPONENTE IMAGEN VIDEO YOUTUBE------------------------------------------------------------*/
.imagenVideosYoutube .col-12 {
    text-align: center;
    margin-bottom: 30px;
}
/*------------COMPONENTES CONTENIDO SECCIÓN CON FOTO ALTO CARGO y SECCION ALTOS CARGOS------------------------------------------------------------*/
.contenidoSeccionConFotoAltoCargo:not(.edicion-altoCargo) > div {
    background-color: #e6ebec;
}
#seccionAltosCargos, .contenidoSeccionConFotoAltoCargo {
    padding-top: 60px;
    padding-bottom: 30px;
}
.contenidoSeccionConFotoAltoCargo h1 {
    hyphens: none;
    -ms-hyphens: none;
}
.contenidoSeccionConFotoAltoCargo .text-box  {
    padding-top: calc(20% - 20px);
    padding-bottom: 20px;
}
.contenidoSeccionConFotoAltoCargo .cargo {
    position: relative;
    border-left: 3px solid #836501;
    text-transform: uppercase;
    padding-left: 20px;
    font-size: 25px;
    line-height: 30px;
}
#seccionAltosCargos h1 {
    margin-bottom: 40px;
}
#seccionAltosCargos a {
    position: relative;
    z-index: 1;
    cursor: pointer;
    transition: 0.5s ease;
}
#seccionAltosCargos a:hover {
    transform: scale(1.1);
    z-index: 5;
}
#seccionAltosCargos a:hover img {
    box-shadow: -5px 5px 6px 0 rgba(64, 54, 55, 0.21);
}
#seccionAltosCargos .image-container {
    position: relative;
    margin-bottom: 30px;
}
#seccionAltosCargos .text-box {
    position: absolute;
    z-index: 3;
    padding: 0 15px 15px 15px;
    bottom: 0;
    color: #FFF;
}
#seccionAltosCargos .text-box h3, #seccionAltosCargos .cv {
    font-weight: 200;
    line-height: 27px;
}
#seccionAltosCargos .text-box .cargo {
    font-weight: 200;
    line-height: 16px;
    text-transform: uppercase;
    width: 60%;
    border-left: 5px solid #836501;
    padding-left: 5px;
}
#seccionAltosCargos .cv {
    position: absolute;
    z-index: 3;
    top: 0;
    padding: 100px 15px 15px 15px;
    color: #FFF;
    font-size: 28px;
    display: none;
}
#seccionAltosCargos .cv:after {
    content: '[ ... ]';
    color: #836501;
    position: absolute;
    left: 0;
    bottom: -25px;
    padding-left: 15px;
    font-size: 20px;
    font-weight: 400;
}
#seccionAltosCargos a:hover .text-box h3, #seccionAltosCargos a:hover .text-box .cargo {
    display: none;
}
#seccionAltosCargos a:hover .cv {
    display: block;
}
#seccionAltosCargos .gradient-effect {
    position: absolute;
    z-index: 2;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));
    height: 100%;
    width: 100%;
    transition: 0.5s ease;
}
#seccionAltosCargos a:hover .gradient-effect {
    background-image: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,1));
}
/*------------COMPONENTES CONTENIDO SECCIÓN CON FOTO ALTO CARGO y SECCION ALTOS CARGOS------------------------------------------------------------*/
#imagenEnlacesV1  {
    padding-top: 60px;
    padding-bottom: 30px;
}
#imagenEnlacesV1 h1 {
    margin-bottom: 40px;
}
#imagenEnlacesV1 a {
    position: relative;
    z-index: 1;
    transition: 0.5s ease;
}
#imagenEnlacesV1 a.non-active {
    cursor: auto;
}
#imagenEnlacesV1 a:hover:not(.non-active) {
    transform: scale(1.1);
    z-index: 5;
}
#imagenEnlacesV1 a:hover img {
    box-shadow: -5px 5px 6px 0 rgba(64, 54, 55, 0.21);
}
#imagenEnlacesV1 .image-container {
    position: relative;
    margin-bottom: 30px;
    background-color: #000;
    max-height: 504px;
    max-width: 504px;
    overflow: hidden;
}
#imagenEnlacesV1 .text-box {
    width: 100%;
    background-color: rgba(0,0,0,0.6);
    position: absolute;
    z-index: 3;
    padding: 15px 15px 15px 15px;
    bottom: 0;
    color: #FFF;
    hyphens: manual;
    -ms-hyphens: manual;
-webkit-hyphens: manual;
}
#imagenEnlacesV1 .text-box h3, #imagenEnlacesV1 .text-box h2, #imagenEnlacesV1 .entradilla,
#imagenEnlacesV1 .text-box p {
    font-size: 1.75rem;
    font-weight: 200;
    line-height: 27px;
}
#imagenEnlacesV1 .text-box h3, #imagenEnlacesV1 .text-box p {
    font-size: 1rem;
    font-weight: 200;
    line-height: 16px;
    text-transform: uppercase;
    width: 60%;
    border-left: 5px solid #836501;
    padding-left: 5px;
}
#imagenEnlacesV1 .entradilla {
    position: absolute;
}
#imagenEnlacesV1 .entradilla .text {
    position: relative;
    z-index: 3;
    top: 0;
    padding: 100px 15px 15px 15px;
    color: #FFF;
    font-size: 28px;
    max-height: 6.4em;
    /*display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;*/
    overflow: hidden;
}
#imagenEnlacesV1 .entradilla .ellipsis-text {
    position: absolute;
    z-index: 3;
    color: #836501;
    left: 15px;
    font-size: 20px;
    font-weight: 400;
}
/*#imagenEnlacesV1 .entradilla:after {
    content: '[ ... ]';
    color: #836501;
    position: absolute;
    left: 0;
    bottom: -25px;
    padding-left: 15px;
    font-size: 20px;
    font-weight: 400;
}*/
/* #imagenEnlacesV1 a:hover .entradilla:not(.empty) + .text-box h3, #imagenEnlacesV1 a:hover  .entradilla:not(.empty) + .text-box .subtitulo {
    display: none;
} */
#imagenEnlacesV1 .entradilla {
    display: none;
}
/* #imagenEnlacesV1 a:hover .entradilla:not(.empty) {
    display: block;
} */
#imagenEnlacesV1 .gradient-effect {
    position: absolute;
    z-index: 2;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));
    height: 100%;
    width: 100%;
    transition: 0.5s ease;
}

/*------------COMPONENTE CONVOCATORIA EMPLEO ACTIVA y SECCIÓN ACORDEÓN-----------------------------------------------------------*/
#convocatoriasEmpleoActivas {
    padding-top: 30px;
    padding-bottom: 30px;
    hyphens: manual;
    -ms-hyphens: manual;
-webkit-hyphens: manual;
}
.title-head {
    width: 100%;
    height: 120px;
}
.convocatoria-title {
    width: 80%;
    float: left;
}

#convocatoriasEmpleoActivas .convocatoria-img {
    border: 2px solid #e2e2e2;
    border-radius: 50%;
    height: 64px;
    width: 64px;
    overflow: hidden;
    float: left;
    margin-top: 12px;
    margin-right: 25px;
}
#convocatoriasEmpleoActivas h1 {
    font-family: 'Poppins Regular', sans-serif;
    position: relative;
    color: #4b4b4b;
    font-size: 36px;
    hyphens: manual;
    -ms-hyphens: manual;
-webkit-hyphens: manual;
}
#convocatoriasEmpleoActivas .convocatoria-img img, #convocatoria-results .convocatoria-img img {
    width: 100%;
}

/* #convocatoriasEmpleoActivas h1:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: calc(50% - 25px);
    display: inline-block;
    height: 50px;
    width: 50px;
    background-color: #4b4b4b;
    border-radius: 50%;
} */

#convocatoriasEmpleoActivas .text-box {
    font-size: 15px;
    margin-top: 20px;
}
#convocatoriasEmpleoActivas .text-box > p {
    line-height: 16px;
}
#convocatoriasEmpleoActivas .text-box > p.puesto {
    line-height: 20px;
}
#convocatoriasEmpleoActivas .text-box p.ruta a {
    font-weight: 600;
}
#convocatoriasEmpleoActivas .text-box > p span {
    line-height: 20px;
}
#convocatoriasEmpleoActivas span {
    font-weight: 600;
}
#convocatoriasEmpleoActivas .puesto span {
    font-size: 20px;
}
#convocatoriasEmpleoActivas .anio {
    padding-left: 10px;
}
#convocatoriasEmpleoActivas .anio span, #convocatoriasEmpleoActivas .fecha span {
    color: #836501;
    text-transform: uppercase;
}
#convocatoriasEmpleoActivas .anio:before {
    position: absolute;
    content: '';
    left: 15px;
    margin-top: 4px;
    background: url(../img/icono-flecha-derecha-convocatorias.svg) no-repeat center;
    height: 10px;
    width: 10px;
}
#convocatoriasEmpleoActivas .plazos .investigadores, #convocatoriasEmpleoActivas .plazos .centros {
    color: #836501;
    font-weight: 600;
}
#convocatoriasEmpleoActivas .personal span {
    color: #836501;
}
#convocatoriasEmpleoActivas .presupuesto span {
    color: #3e77c2;
}
#convocatoriasEmpleoActivas .plazos span {
    font-weight: 400;
}
#convocatoriasEmpleoActivas .plazos .inicio, #convocatoriasEmpleoActivas .plazos .fin {
    font-weight: 600;
    text-transform: uppercase;
}
#convocatoriasEmpleoActivas .boton {
    margin: 40px auto;
    width: 460px;
    border-right: 1px solid #acacac;
    border-left: 1px solid #acacac;
    cursor: pointer;
}

#convocatoriasEmpleoActivas .boton-acceso {
    margin: 0 auto;
    background-color: #4b4b4b;
    padding: 8px 30px;
    border: none;
    border-radius: 25px;
    color: white;
    font-weight: 600;
    text-transform: uppercase;
    max-width: 460px;
}
#convocatoriasEmpleoActivas .boton-acceso span {
    margin-left: 10px;
    padding-right: 25px;
}
#convocatoriasEmpleoActivas .boton-acceso span:after {
    position: absolute;
    content: '';
    background: url(../img/thumbs-up-regular.svg) no-repeat;
    height: 20px;
    width: 20px;
    filter: invert(100%);
}

#convocatoriasEmpleoActivas .estado .abierta {
    color: #036313;
    font-family: 'Poppins Bold', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    width: 30px;
    height: 30px;
    border: 3px solid #036313;
    border-radius: 25px;
    padding-left: 3px;
    padding-top: 2px;
    margin-bottom: 5px;
    hyphens: manual;
    -ms-hyphens: manual;
-webkit-hyphens: manual;
}
#convocatoriasEmpleoActivas .estado .abierta span {
    margin-right: 30px;
}
#convocatoriasEmpleoActivas .estado .abierta span:after {
    position: absolute;
    content: '';
    background: url(../img/lock-open-solid-convocatoria.svg) no-repeat;
    background-position: 50% 50%;
    height: 18px;
    width: 18px;
}

#convocatoriasEmpleoActivas .estado .tramitacion {
    color: #858b8b;
    font-family: 'Poppins Bold', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    width: 30px;
    height: 30px;
    border: 3px solid #858b8b;
    border-radius: 25px;
    padding-left: 3px;
    padding-top: 2px;
    margin-bottom: 5px;
    hyphens: manual;
    -ms-hyphens: manual;
    -webkit-hyphens: manual;
}
#convocatoriasEmpleoActivas .estado .tramitacion span {
    margin-right: 30px;
}
#convocatoriasEmpleoActivas .estado .tramitacion span:after {
    position: absolute;
    content: '';
    background: url(../img/icono-volver-mapa-inicial-grey.svg) no-repeat;
    background-position: 50% 50%;
    height: 18px;
    width: 18px;
}

#convocatoriasEmpleoActivas .estado .cerrada {
    color: #e60000;
    font-family: 'Poppins Bold', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    width: 30px;
    height: 30px;
    border: 3px solid #e60000;
    border-radius: 25px;
    padding-left: 3px;
    padding-top: 2px;
    margin-bottom: 5px;
    hyphens: manual;
    -ms-hyphens: manual;
-webkit-hyphens: manual;
}
#convocatoriasEmpleoActivas .estado .cerrada span{
    margin-right: 30px;
}
#convocatoriasEmpleoActivas .estado .cerrada span:after {
    position: absolute;
    content: '';
    background: url(../img/lock-solid-convocatoria.svg) no-repeat;
    background-position: 50% 50%;
    height: 18px;
    width: 18px;
}

#convocatoriasEmpleoActivas .estado .proxima {
    color: #ff7f2aff;
    font-family: 'Poppins Bold', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    width: 30px;
    height: 30px;
    border: 3px solid #ff7f2aff;
    border-radius: 25px;
    padding-left: 3px;
    padding-top: 2px;
    margin-bottom: 5px;
    hyphens: manual;
    -ms-hyphens: manual;
-webkit-hyphens: manual;
}

#convocatoriasEmpleoActivas .estado .proxima span{
    margin-right: 30px;
}
#convocatoriasEmpleoActivas .estado .proxima span:after {
    position: absolute;
    content: '';
    background: url(../img/clock-solid-convocatoria.svg) no-repeat;
    background-position: 50% 50%;
    height: 18px;
    width: 18px;
}

#convocatoriasEmpleoActivas .boton {
    cursor: pointer;
    border: 0px;
}
#convocatoriasEmpleoActivas .boton-zip {
    margin: 0 auto;
    background-color: #FFF;
    padding: 8px 30px;
    border: 3px solid #836501;
    border-radius: 25px;
    color: #836501;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}
#convocatoriasEmpleoActivas .boton-zip:hover, .buscador-convocatorias .boton-zip:focus {
    background-color: #836501;
    color: #FFF;
}

#convocatoriasEmpleoActivas input[type="checkbox"] {
    display: none !important;
}

#convocatoriasEmpleoActivas2 {
    padding: 0 165px;
}

#convocatoriasEmpleoActivas2 .imgConvocatoria {
	float: left;
}
#convocatoriasEmpleoActivas2 #estadoConvocatoria {
    width: 70px;
	margin-bottom: 10px;
}
#convocatoriasEmpleoActivas2 .iconConvocatoria {
	height: 70px;
    width: 70px;
    background-color: #4b4b4b;
    border-radius: 50%;
}
#convocatoriasEmpleoActivas2 .text-box {
	position: relative;
	padding-left: 95px;
    margin-bottom: 40px;
	margin-top:40px;
}

#convocatoriasEmpleoActivas2 .lista {
	margin-bottom: 0;
	padding-inline-start: 0;
 }
#convocatoriasEmpleoActivas2 .lista li {
	border-bottom: 2px solid #edf0f3;
	list-style:none;
	margin-bottom: 30px;
}
#convocatoriasEmpleoActivas2 .lista li:last-child {
	border: none;
}
.text-box .leerm {
	margin-top: 10px;
}
#convocatoriasEmpleoActivas2 h3, #convocatoriasEmpleoActivas2 h2 {
    color: #4b4b4b;
    font-size: 2.2rem;
    hyphens: manual;
    -ms-hyphens: manual;
-webkit-hyphens: manual;
}
@media only screen and (max-width: 1024px) {
    #convocatoriasEmpleoActivas2 {
        padding: 0 65px;
    }
    #convocatoriasEmpleoActivas2 h3, #convocatoriasEmpleoActivas2 h2 {
        font-size: 1.75rem;
    }
}
#convocatoriasEmpleoActivas2 .estado div {
    display: flex;
}
#convocatoriasEmpleoActivas2 .estado div div.icon {
    width: 20px;
    height: 20px;
    border: 3px solid;
    border-radius: 25px;
    padding-left: 1px;
    padding-top: 1px;
    margin-bottom: 5px;
    margin-left: 4px;
}
#convocatoriasEmpleoActivas2 .estado .abierta {
    color: #036313;
    font-family: 'Poppins Bold', sans-serif;
    font-weight: 600;
    font-size: small;
    text-transform: uppercase;
}
#convocatoriasEmpleoActivas2 .estado .abierta span {
    margin-right: 30px;
}
#convocatoriasEmpleoActivas2 .estado .abierta span:after {
    position: absolute;
    content: '';
    background: url(../img/lock-open-solid-convocatoria.svg) no-repeat;
    background-position: 50% 50%;
    height: 12px;
    width: 12px;
}

#convocatoriasEmpleoActivas2 .estado .cerrada {
    color: #E60000;
    font-family: 'Poppins Bold', sans-serif;
    font-weight: 600;
    font-size: small;
    text-transform: uppercase;
}
#convocatoriasEmpleoActivas2 .estado .cerrada span{
    margin-right: 30px;
}
#convocatoriasEmpleoActivas2 .estado .cerrada span:after {
    position: absolute;
    content: '';
    background: url(../img/lock-solid-convocatoria.svg) no-repeat;
    background-position: 50% 50%;
    height: 12px;
    width: 12px;
}

#convocatoriasEmpleoActivas2 .estado .proxima {
    color: #ff7f2aff;
    font-family: 'Poppins Bold', sans-serif;
    font-weight: 600;
    font-size: small;
    text-transform: uppercase;
}

#convocatoriasEmpleoActivas2 .estado .proxima span{
    margin-right: 30px;
}
#convocatoriasEmpleoActivas2 .estado .proxima span:after {
    position: absolute;
    content: '';
    background: url(../img/clock-solid-convocatoria.svg) no-repeat;
    background-position: 50% 50%;
    height: 12px;
    width: 12px;
}
#convocatoriasEmpleoActivas .img-feder img {
    max-width: 35%;
    float: right;
}
#convocatoriasEmpleoActivas .enlaceFicheros.mcin {
    margin-left: 0px;
}
#convocatoriasEmpleoActivas .enlaceFicheros.mcin button {
    margin-left: -40px;
}
#convocatoriasEmpleoActivas #contacto {
    margin-top: 50px;
}
#convocatoriasEmpleoActivas .ruta {
    width: 100%;
    margin-top: 60px;
    margin-bottom: 60px;
    text-align: center;
}
#convocatoriasEmpleoActivas .ruta .generic-button {
    margin: 0 auto;
}

.col-md-12.federText {
    padding-top: 0.5rem;
}
.col-md-12.img-feder-center {
    top: 10px;
    bottom: 47px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.img-feder-center img {
    max-width: 560px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.seccion-navegacion {
    border-top: 3px solid #e6ebec;
    border-bottom: 3px solid #e6ebec;
    width: 100%;
    height: auto;
    overflow: auto;
    padding: 40px 0;
    margin-top: 50px;
}
.seccion-navegacion .anterior, .seccion-navegacion .siguiente {
    width: 50%;
    float: left;
}

.seccion-navegacion .anterior {
    text-align: right;
    padding-right: 3%;
    border-right: 3px solid #e6ebec;
}
.seccion-navegacion .siguiente {
    text-align: left;
    padding-left: 3%;
    float: right;
    border-left: 3px solid #e6ebec;
}

.seccion-navegacion a {
    color: black;
}

.seccion-navegacion p:not(.conv-title) {
    font-family: 'Poppins Bold', sans-serif;
    font-weight: 600;
    font-size: 16px;
}
.seccion-navegacion div.conv-title, .seccion-navegacion .conv-title {
    font-family: 'Poppins ExtraLight', sans-serif !important;
    font-size: 20px;
    width: 75%;
    float: left;
}
.seccion-navegacion .chev {
   width: 25%;
   float: left;
}
.seccion-navegacion .chev img {
    height: 18px;
    width: 18px;
}
.seccion-acordeon {
    padding-right: 165px;
    padding-left: 165px;
}
#convocatoriasEmpleoActivas .seccion-acordeon {
    padding-right: 30px;
    padding-left: 30px;
}

.seccion-acordeon > .show-more {
    padding-left: 45px;
    padding-right: 45px;
}

#convocatoriasEmpleoActivas .seccion-acordeon .show-more {
    padding-left: 0;
    padding-right: 0;
}

#convocatoriasEmpleoActivas .seccion-acordeon .show-more p {
    padding-left: 45px !important;
}
#convocatoriasEmpleoActivas .seccion-acordeon .show-more .text-box p {
    padding-left: 0px !important;
}
#convocatoriasEmpleoActivas .seccion-acordeon.container-fluid {
    margin-left: 0px;
}

.seccion-acordeon.container-fluid {
    margin-left: 0;
}
.seccion-acordeon .title {
    padding-top: 40px;
    padding-bottom: 30px;
}
.seccion-acordeon button {
    border: 0px;
    background-color: #FFF;
}
/* .seccion-acordeon button:focus {
    outline: 0px;
} */
.seccion-acordeon h4, .seccion-acordeon h2 {
    font-size: 1.5rem;
    text-align: center;
    border-bottom: 3px solid #eef3f4;
    width: 100%;
    margin: 10px 0 20px;
    /* line-height: 0.1em; */
}
.seccion-acordeon button:hover h4, .seccion-acordeon button:focus h4,
.seccion-acordeon button:hover h2, .seccion-acordeon button:focus h2 {
    border-bottom: 3px solid #000;
    transition: 0.5s ease;
}
.seccion-acordeon h4 span, .seccion-acordeon h2 span {
    color: #4b4b4b;
    /* background-color: #fff; */
    font-weight: 400 !important;
    padding: 0 10px;
}
.seccion-acordeon button:hover h4 span, .seccion-acordeon button:focus h4 span,
.seccion-acordeon button:hover h2 span, .seccion-acordeon button:focus h2 span {
    color: #000;
    transition: 0.5s ease;
    font-weight: 600;
}
.seccion-acordeon .show-more {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
}
.seccion-acordeon .show-more.open {
    max-height: 100%;
}

.seccion-acordeon .show-more p {
    hyphens: manual;
    -ms-hyphens: manual;
-webkit-hyphens: manual;
    width: 100%;
}

/* .seccion-acordeon .show-more > *:not(img) {
    min-width: 100%;
} */
.zipBtn {
    margin: 0 auto;
}
#otrasConvocatorias .enlaceFicheros {
	padding-top: 0;
    padding-bottom: 0;
}
#otrasConvocatorias .enlaceFicheros li {
    padding-bottom: .3em;
}
#otrasConvocatorias .enlaceFicheros button {
	text-align: left;
}
/*------------COMPONENTES ENLACE PÁGINAS, ENLACE MULTIMEDIA------------------------------------------------------------*/
#enlacePaginas, #enlaceMultimedia  {
    position: relative;
    width: 75%;
    margin: 100px auto 20px auto;
    text-align: center;
}
#enlacePaginas:before, #enlaceMultimedia:before {
    position: absolute;
    padding-top: 60px;
    z-index: 2;
    top: -90px;
    left: 0;
    width: 100%;
    content: 'Enlaces relacionados:';
    background: url(../img/icono-enlaces-relacionados.svg) no-repeat center;
    background-size: 60px 60px;
    background-position-y: 0;
    font-weight: bold;
}
#enlacePaginas ul, #enlaceMultimedia ul {
    list-style-type: none;
    padding: 0 0 0 10%;
    margin: 0;
}
#enlacePaginas a, #enlaceMultimedia a {
    position: relative;
    padding-left: 20px;
    color: #000;
    text-align: left;
}
#enlaceMultimedia:before {
    content: 'Enlaces multimedia:';
    background: url(../img/icono-enlaces-multimedia.svg) no-repeat center;
    background-size: 60px 60px;
    background-position-y: 0;
}
#enlacePaginas a:before, #enlaceMultimedia a:before {
    position: absolute;
    left: 0;
    top: 4px;
    z-index: 2;
    width: 16px;
    height: 16px;
    content: '';
    background: url(../img/icono-bullet-point.svg) no-repeat center;
}
#enlacePaginas .open-button-container, #enlaceMultimedia .open-button-container {
    position: relative;
    height: 30px;
    padding-top: 10px;
}
#enlaceMultimedia button.open-more-documents, #enlacePaginas button.open-more-documents {
    position: absolute;
    width: 66px;
    height: 28px;
    left: calc(50% - 33px);
    border: 0px;
    background: url(../img/icono-desplegar.svg) no-repeat;
}
#enlacePaginas button.open-more-documents:focus, #enlaceMultimedia button.open-more-documents:focus {
    background: url(../img/icono-desplegar-focus.svg) no-repeat;
}
#enlacePaginas button.open-more-documents.cerrar, #enlaceMultimedia button.open-more-documents.cerrar {
    background: url(../img/icono-replegar.svg) no-repeat;
}
#enlacePaginas button.open-more-documents.cerrar:focus {
    background: url(../img/icono-replegar-focus.svg) no-repeat;
}
.open-more-documents.show-more {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
}
.open-more-documents.show-more.open {
    max-height: 3000px;
    transition: 2s ease;
}
/* .open-more-documents a:focus {
    color: red !important;
} */
/*#enlace
Multimedia button.open-more-documents:focus {
    background: url(../img/icono-desplegar-focus.svg) no-repeat;
}
#enlaceMultimedia button.open-more-documents.cerrar {
    background: url(../img/icono-replegar.svg) no-repeat;
}
#enlaceMultimedia button.open-more-documents.cerrar:focus {
    background: url(../img/icono-replegar-focus.svg) no-repeat;
}*/
/*------------COMPONENTE ENLACE FICHEROS------------------------------------------------------------*/
.enlaceFicheros {
    padding-top: 30px;
    padding-bottom: 30px;
    hyphens: manual;
    -ms-hyphens: manual;
    -webkit-hyphens: manual;
}

.enlaceFicheros .menu li {
    padding-bottom: 15px;
}

.enlaceFicheros .menu li:before {
    display: block;
}
.enlaceFicheros ul {
    list-style-type: none;
    padding: 0;
}
.enlaceFicheros .menu button {
    position: relative;
    text-align: left;
    padding-left: 40px;
    font-weight: 600;
    color: #000;
    background-color: unset;
    border: 0px;
}
.enlaceFicheros .menu button:before {
    content: '';
    position: absolute;
    left: 0;
    width: 30px;
    height: 30px;
    background: url(../img/icono-documentacion-asociada.svg) no-repeat center;
}
.enlaceFicheros .menu button.enlaces-relacionados:before {
    background: url(../img/icono-enlaces-relacionados.svg) no-repeat center;
}
.enlaceFicheros .menu button.enlaces-multimedia:before {
    background: url(../img/icono-enlaces-multimedia.svg) no-repeat center;
}
.contenidoN1Padre > div:nth-child(even) .enlaceFicheros .menu button:before, .contenidoN2Hoja > div:nth-child(even) .enlaceFicheros .menu button:before {
    background: url(../img/icono-documentacion-asociada-bis.svg) no-repeat center;
}
.contenidoN1Padre > div:nth-child(even) .enlaceFicheros .menu button.enlaces-relacionados:before, .contenidoN2Hoja > div:nth-child(even) .enlaceFicheros .menu button.enlaces-relacionados:before {
    background: url(../img/icono-enlaces-relacionados-bis.svg) no-repeat center;
}
.contenidoN1Padre > div:nth-child(even) .enlaceFicheros .menu button.enlaces-multimedia:before, .contenidoN2Hoja > div:nth-child(even) .enlaceFicheros .menu button.enlaces-multimedia:before {
    background: url(../img/icono-enlaces-multimedia-bis.svg) no-repeat center;
}
.enlaceFicheros .menu button.selected {
    font-size: 22px;
}
.enlaceFicheros .menu button.selected:focus {
    text-decoration: underline;
}
/* .enlaceFicheros .menu button.selected:before {
    width: 60px;
    height: 60px;
    left: calc(50% - 30px);
    top: -68px;
} */
/*.enlaceFicheros .menu button.selected:after {
    content: 'Archivo documental';
    position: absolute;
    left: calc(50% - 135px);
    width: 270px;
    bottom: -65px;
    text-transform: uppercase;
    color: #836501;
    border: 2px solid #836501;
    padding: 10px 30px;
    border-radius: 30px;
    font-size: 17px;
    font-weight: 600;
}*/
.enlaceFicheros .menu button.documentacion-asociada + a {
    display: none;
}
.enlaceFicheros .menu button.documentacion-asociada.selected,
.enlaceFicheros .menu button.enlaces-relacionados.selected,
.enlaceFicheros .menu button.enlaces-multimedia.selected {
    text-decoration: none;
}
.enlaceFicheros .menu button.documentacion-asociada.selected + a {
    display: block;
    text-transform: uppercase;
    color: #836501;
    border: 2px solid #836501;
    background-color: #FFF;
    padding: 10px 30px;
    border-radius: 30px;
    font-size: 17px;
    font-weight: 600;
    z-index: 10;
    text-align: center;
    margin: auto;
    text-decoration: none;
}
.enlaceFicheros .menu button:hover {
    text-decoration: underline;
}
.enlaceFicheros .document-box {
    border-left: 2px solid #e2e9ea;
}
.enlaceFicheros .document-box > div {
    display: none;
}
.enlaceFicheros .document-box > div.selected {
    display: block;
}

.contenidoN1Padre > div:nth-child(even) .enlaceFicheros .image-container, .contenidoN2Hoja > div:nth-child(even) .enlaceFicheros .image-container {
    background-color: #fff;
}
.enlaceFicheros .document-box li {
    margin-bottom: 30px;
}

.enlaceFicheros .document-box .enlaces-relacionados li {
    margin-bottom: 0;
}

.enlaceFicheros .document-box .document-container {
    position: relative;
    font-size: 0.9rem;
}
.enlaceFicheros .document-box .document-container.new:before {
    content: 'Nuevo';
    position: absolute;
    z-index: 4;
    top: 10px;
    left: 5px;
    text-transform: uppercase;
    color: #FFF;
    background-color: #4f5354;
    padding: 5px 15px;
    border-radius: 20px;
}
.enlaceFicheros .documentacion-asociada .image-container:empty, .enlaceFicheros .enlaces-multimedia .image-container:empty {
    background: #eef3f4 url(../img/icono-documentacion-asociada-generico.svg) no-repeat center;
    background-size: 50%;
}
.enlaceFicheros .documentacion-asociada .image-container:empty + .type-of-content,
.enlaceFicheros .enlaces-multimedia .image-container:empty + .type-of-content {
    position: absolute;
    font-size: 14px;
    top: 110px;
    left: -30px;
    text-align: center;
    text-transform: uppercase;
    color: #836501;
    font-weight: 600;
}
.contenidoN1Padre > div:nth-child(even) .enlaceFicheros .documentacion-asociada .image-container:empty,
.contenidoN2Hoja > div:nth-child(even) .enlaceFicheros .documentacion-asociada .image-container:empty,
.contenidoN1Padre > div:nth-child(even) .enlaceFicheros .enlaces-multimedia .image-container:empty,
.contenidoN2Hoja > div:nth-child(even) .enlaceFicheros .enlaces-multimedia .image-container:empty {
    background: #fff url(../img/icono-documentacion-asociada-generico.svg) no-repeat center;
    background-size: 50%;
}
.enlaceFicheros .image-container img {
    text-align: center;
    height: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    /**padding: 10px 0;*/
}
.enlaceFicheros .documentacion-asociada a, .enlaceFicheros .documentacion-asociada span {
    padding-left: 30px;
    color: #000000;
    position: relative;
    text-decoration: none !important;
}
.enlaceFicheros .documentacion-asociada a {
    position: absolute;
    padding-left: 0px;
    padding-top: -20px;
}
.enlaceFicheros .documentacion-asociada .image-container {
    padding-top: -10px;
    float:left;
}
.enlaceFicheros .documentacion-asociada .text-box, .enlaceFicheros .enlaces-multimedia .text-box{
    float:left;
}
.enlaceFicheros .documentacion-asociada .text-box p, .enlaceFicheros .enlaces-multimedia .text-box p {
    margin-left: 0px;
    hyphens: manual;
    -ms-hyphens: manual;
    -webkit-hyphens: manual;
    max-height: 8rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.enlaceFicheros .documentacion-asociada a p, .enlaceFicheros .documentacion-asociada a:hover p,
.enlaceFicheros .documentacion-asociada a:focus p {
    text-decoration: none;
    color: #000;
    font-weight: 400;

}
.enlaceFicheros a:hover, .enlaceFicheros a:focus {
    text-decoration: underline;
    font-weight: 600;
}
.enlaceFicheros .documentacion-asociada a span:before {
    content: '';
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/icono-descargar-documentacion.svg) no-repeat center;
}
.enlaceFicheros .document-box .open-button-container {
    position: relative;
    height: 30px;
}
.enlaceFicheros button.open-more-documents {
    position: absolute;
    width: 66px !important;
    height: 28px;
    left: calc(50% - 33px);
    border: 0px;
    background: url(../img/icono-desplegar.svg) no-repeat;
}
.enlaceFicheros button.open-more-documents:hover {
    background: url(../img/icono-desplegar-focus.svg) no-repeat;
}
.enlaceFicheros button.open-more-documents:focus {
    outline: 0px;
    background: url(../img/icono-desplegar-focus.svg) no-repeat;
}
.enlaceFicheros button.open-more-documents.cerrar {
    background: url(../img/icono-replegar.svg) no-repeat;
}
.enlaceFicheros button.open-more-documents.cerrar:focus {
    outline: 0px;
    background: url(../img/icono-replegar-focus.svg) no-repeat;
}
.enlaceFicheros .enlaces-relacionados ul {
    padding: 15px;
}
.enlaceFicheros .enlaces-relacionados button {
    width: auto;
}

.enlaceFicheros .enlaces-relacionados li, .enlaceFicheros .enlaces-relacionados button span.bullet {
    position: relative;
    color: #000;
    padding-left: 20px;
}
.enlaceFicheros .enlaces-relacionados a {
    color: #000;
}
.enlaceFicheros .enlaces-relacionados li:before, .enlaceFicheros .enlaces-relacionados span.bullet:before {
    position: absolute;
    left: 0;
    top: 4px;
    z-index: 2;
    width: 16px;
    height: 16px;
    content: '';
    background: url(../img/icono-bullet-point.svg) no-repeat center;
}
.show-more_Hijos {
	display: none;
	padding-left:10px;
	font-size: 0.9rem;
}
.enlaceFicheros .show-more_Hijos a:before {
    position: absolute;
    left: 0;
    top: 4px;
    z-index: 2;
    width: 12px;
    height: 12px;
    content: '';
    background: url(../img/icono-bullet-point-2n.svg) no-repeat center;
}
.enlaceFicheros .enlaces-relacionados .image-container {
    background: #eef3f4 url(../img/icono-documentacion-asociada.svg) no-repeat center;
    background-size: 60px 60px;
}

.enlaceFicheros .documentacion-asociada a {
    padding-left: 30px;
    color: #6e7577;
    position: relative;
    text-decoration: none;
}
.enlaceFicheros .documentacion-asociada span:hover:before, .enlaceFicheros .documentacion-asociada span:focus:before {
    background: url(../img/icono-descargar-documentacion-hover.svg) no-repeat center;
}



/** NUEVO ENLACE FICHEROS **/
.enlaceFicheros > .row {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 2px solid #e2e9ea;
}
.enlaceFicheros .menu {
    width: 20%;
    float: left;
}
.enlaceFicheros .contenido {
    width: 80%;
    float: left;
    border-left: 2px solid #e2e9ea;
}
.enlaceFicheros .documentacion-asociada a {
    padding-left: 0px;
}
.enlaceFicheros .menu p {
    position: relative;
    text-align: left;
    padding-left: 40px;
    font-weight: 600;
    color: #000;
    background-color: unset;
    font-size: 1.2rem;
}
.enlaceFicheros .documentos .download {
    cursor: pointer;
}
.enlaceFicheros .menu span:before {
    content: '';
    position: absolute;
    margin-left: -45px;
    width: 30px;
    height: 30px;
    background: url(../img/icono-documentacion-asociada.svg) no-repeat center;
}
.enlaceFicheros .menu.enlaces span:before {
    background: url(../img/icono-enlaces-relacionados.svg) no-repeat center;
}

.enlaceFicheros .menu.multimedia span:before {
    background: url(../img/icono-enlaces-multimedia.svg) no-repeat center;
}

.enlaceFicheros .contenido {
    padding: 0 2.5%;
}
.enlaceFicheros .contenido.documentos li {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 1%;
}
.enlaceFicheros .contenido.documentos li::before, .enlaceFicheros .contenido.multimedia li::before {
    content: none;
}
.enlaceFicheros .contenido.documentos li a {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.enlaceFicheros .image-container {
    height: 150px;
    overflow: hidden;
    position: relative;
}
.enlaceFicheros .text-box {
    height: 150px;
}
.enlaceFicheros .contenido .open-button-container {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.enlaceFicheros .contenido button.open-more-documents {
    position: static;
}

.enlaceFicheros .documentos .download .image-container {
    flex: 0 0 106px;
    max-width: 106px;
    padding-left: 0px;
    padding-right: 0px;
}
.enlaceFicheros .documentos .download .text-box {
    flex: 1;
}

.enlaceFicheros .contenido.multimedia .image-container {
    flex: 0 0 100%;
    max-width: 100%;
}
.enlaceFicheros .contenido.multimedia p.multimedia {
    flex: 0 0 100%;
    max-width: 100%;
}

.enlaceFicheros .enlaces ul li {
    margin-bottom: 0px;
}
.seccion-acordeon .enlaceFicheros {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 45px !important;
    padding-right: 45px !important;
    width: 100% !important;
}

.enlaceFicheros .buttons-container {
    display: flex;
}

@media only screen and (max-width: 1280px) {
    .enlaceFicheros .menu {
        width: 30%;
    }
    .enlaceFicheros .contenido {
        width: 70%;
    }

    .enlaceFicheros .documentos ul li.col-md-3, .enlaceFicheros .contenido.multimedia ul li.col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .enlaceFicheros .documentos .image-container:empty, .enlaceFicheros .contenido.multimedia .image-container:empty {
        background-size: 50% !important;
    }
    .enlaceFicheros .contenido.documentos li {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 1%;
    }
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 768px) {
    .enlaceFicheros .documentos ul li.col-md-3, .enlaceFicheros .contenido.multimedia ul li.col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .enlaceFicheros .menu {
        width: 100%;
        margin-bottom: 30px;
    }
    .enlaceFicheros .menu p {
        text-align: center;
        padding-left: 0px;
    }
    .enlaceFicheros .menu span:before {
        content: '';
        position: absolute;
    }
    .enlaceFicheros .contenido {
        width: 100%;
        border-left: none;
    }

    .enlaceFicheros .documentos .download .image-container, .enlaceFicheros .documentos .download .text-box {
        flex: 0 0 50%;
        max-width: 50%;
    }


    .enlaceFicheros .contenido.multimedia .image-container, .enlaceFicheros .contenido.multimedia p.multimedia {
        width: 50%;
        float:left;
    }

    .enlaceFicheros .contenido.multimedia p.multimedia {
        padding-left: 15px;
    }

    .enlaceFicheros.container-fluid .documentacion-asociada ul li.document-container:before {
        display: none !important;
    }
    .enlaceFicheros .documentacion-asociada a {
        padding-left: 0px !important;
    }
    .enlaceFicheros .documentos a p {
        padding-top: 0px;
    }
    .enlaceFicheros .multimedia p.multimedia {
        float: left;
    }
}
@media only screen and (max-width: 576px) {
    .enlaceFicheros .documentos ul li.col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }
    .enlaceFicheros .documentos .image-container:empty, .enlaceFicheros .multimedia .image-container:empty {
        background-size: 45% !important;
    }
    .enlaceFicheros .documentacion-asociada .text-box p, .enlaceFicheros .enlaces-multimedia .text-box p {
        margin-left: 0px;
        max-height: 8rem;
    }
}

@media only screen and (max-width: 380px) {
    .enlaceFicheros .documentos ul li.col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }

    .enlaceFicheros .documentos .download .image-container, .enlaceFicheros .documentos .download .text-box {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .enlaceFicheros .documentos .image-container:empty, .enlaceFicheros .multimedia .image-container:empty {
        background-size: 35% !important;
    }
}


/*------------COMPONENTES CARRUSEL------------------------------------------------------------*/
/*.carrusel button {
    background-color: transparent;
    border-width: 0px;
    padding: 0;
}*/
#carrusel-banner.carrusel {
    min-height: 600px;
    max-height: 100vh;
}
.carrusel button.play-carrusel {
    position: absolute;
    left: 48.5%;
    top: 40%;
    z-index: 5;
    width: 50px;
    height: 50px;
    border: 0px;
    background: url(../img/boton-play-carrusel.svg);
}
.carrusel button.play-carrusel.active {
    background: url(../img/boton-pause-carrusel.svg);
}
.carrusel button.play-carrusel:hover {
    background: url(../img/boton-play-carrusel-hover.svg);
}
.carrusel button.play-carrusel.active:hover {
    background: url(../img/boton-pause-carrusel-hover.svg);
}
.carrusel button.play-carrusel:active {
    background: url(../img/boton-play-carrusel-activo.svg);
}
.carrusel button.play-carrusel.active:active {
    background: url(../img/boton-pause-carrusel-activo.svg);
}
.carrusel button.play-carrusel:focus {
    background: url(../img/boton-play-carrusel-focus.svg);
}
.carrusel button.play-carrusel.active:focus {
    background: url(../img/boton-pause-carrusel-focus.svg);
}
.carrusel .carousel-control-prev, .carrusel .carousel-control-next {
    z-index: 25;
}

#carrusel-avisos .glyphicon-chevron-right {
    transform: rotate(180deg);
}
.carrusel a.left.carousel-control:focus .glyphicon-chevron-left:before{
    content: '';
    background-image: url(../img/icono-flecha-izquierda-carrusel-focus.svg);
}
.carrusel .glyphicon-chevron-right:before {
    content: '';
    background-image: url(../img/icono-flecha-derecha-carrusel.svg);
}
.carrusel a.right.carousel-control:focus .glyphicon-chevron-right:before {
    content: '';
    background-image: url(../img/icono-flecha-derecha-carrusel-focus.svg);
}
.carrusel .carousel-indicators li {
    position: relative;
    border: 0px;
    margin-left: 9px;
    background-color: transparent;
    background-color: unset;
    width: 10px;
    height: 10px;
    opacity: 1;
}
.carrusel .carousel-indicators .active {
    background-color: rgba(0,0,0,0);
    height: 11px;
}
.carrusel button {
    position: absolute;
    left:-3px;
    top: -3px;
    width: 18px;
    height: 18px;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    border-radius: 10px;
}
.carrusel button:focus {
    outline: 0px;
}
.carrusel button.boton-2 {
    background-color: green;
}
.carrusel .carousel-indicators .active {
    width: 10px;
}
.carrusel .carousel-indicators .active button {
    /*background-color: #836501;*/
    border: 1px solid #836501;
}
.carrusel .carousel-indicators li button:hover, .carrusel .carousel-indicators li button:focus {
    /*background-color: #154481;*/
    border: 1px solid #154481;
}
.carrusel .carousel-indicators li button:active {
    background-color: rgba(0,0,0,0);
    border: 1px solid #154481;
}
/*.carrusel a.left.carousel-control, a.right.carousel-control {
    height: 95%;
}*/
.carrusel ul.carousel-inner {
    margin: 0;
    padding: 0;
}
.carrusel .carousel-item a.text {
    z-index: 3;
    top: 47%;
    padding: 0 25% 80px 25%;
    text-align: center;
    color: #fff;
    font-weight: 100;
    position: absolute;
    margin: auto;
}
.carrusel .carousel-item .text .title {
    color: #fff;
    text-transform: uppercase;
    font-size: 25px;
}
.carrusel .carousel-item .text p {
    color: #f0efef;
    font-size: 1.5em;
    font-size: 50px;
    line-height: 60px;
    font-weight: 300;
}
.carrusel .carousel-item a:focus {
    outline: 0px;
    text-decoration: none;
    font-weight: normal;
}
.carrusel .carousel-item a:focus .title, .carrusel .carousel-item a:focus p {
    color: #154481;
}
.carrusel .carousel-item a:focus .title, .carrusel .carousel-item a:focus p {
    color: #000;
}

.carrusel .carousel-item .gradient-effect {
    position: absolute;
    z-index: 2;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
    height: 100%;
    width: 100%;
}
/*------------COMPONENTES CARRUSEL DESTACADOS  ------------------------------------------------------------------------------*/
#carrusel-destacados {
    margin-top: 50px !important;
    padding: 60px 0;
    background-color: #eef3f4;
    min-height: 260px;
}

#carrusel-destacados .carousel-control-next,#carrusel-destacados .carousel-control-prev {
    background-color: #eef3f4;
    opacity: 1;
    width: 10%;
}

#carrusel-destacados .carousel-control-next:focus .glyphicon-chevron-right:before,
#carrusel-destacados .carousel-control-prev:focus .glyphicon-chevron-left:before {
    border: 2px solid black;
    padding: 5px;
    border-radius: 5px;
}

#carrusel-destacados.carrusel .glyphicon-chevron-left:before, #carrusel-destacados.carrusel .glyphicon-chevron-right:before {
    content: '';
    background-image: url(../img/icono-flecha-izquierda-carrusel-destacados.svg);
    background-repeat: no-repeat;
    width: 18px;
    height: 30px;
    position: absolute;
}
#carrusel-destacados.carrusel a.left.carousel-control:focus .glyphicon-chevron-left:before{
    border: 1px solid black;
}
#carrusel-destacados.carrusel .glyphicon-chevron-right {
    margin-left: -50px;
}
#carrusel-destacados.carrusel .glyphicon-chevron-right:before {
    content: '';
    background-image: url(../img/icono-flecha-derecha-carrusel-destacados.svg);
}
#carrusel-destacados.carrusel a.right.carousel-control:focus .glyphicon-chevron-right:before {
    content: '';
    background-image: url(../img/icono-flecha-derecha-carrusel-avisos.svg);
}
#carrusel-destacados h4, #carrusel-destacados h2 {
    font-size: 1.5rem;
    position: relative;
    font-weight: bold;
    text-align: right;
    margin-top: 0;
    color: #20242a;
}
#carrusel-destacados h4 span, #carrusel-destacados h2 span {
    font-size: 24px;
    font-weight: 300;
}
#carrusel-destacados .sr-only {
    color: #000;
}
#carrusel-destacados h4:after, #carrusel-destacados h2:after {
    position: absolute;
    bottom: -54px;
    width: 45px;
    height: 45px;
    right: 6px;
    content: '';
    background-image: url(../img/icono-destacado.svg);
    background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
    #carrusel-destacados h4, #carrusel-destacados h2 {
        text-align: left;
        padding-left: 60px;
        margin-left: -15px;
    }
    #carrusel-destacados h4:after, #carrusel-destacados h2:after {
        bottom: 0px;
        right: 0px;
        top: 0px;
        left: 0px;
    }
}

#carrusel-destacados .carousel-item {
    min-height: 114.4px;
}

#carrusel-destacados .carousel-item a {
    position: relative;
    color: #20242a;
    border-left: 2px solid #836501;
}
#carrusel-destacados .carousel-item a:focus .title, #carrusel-destacados .carousel-item a:focus p {
    color: #20242a;
    font-weight: bolder;
}
#carrusel-destacados .date {
    font-weight: bold;
}
#carrusel-destacados .title {
    position: relative;
    max-height: 3.8em;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 23px;
    line-height: 27px;
    font-weight: 300;
    hyphens: manual;
    -ms-hyphens: manual;
-webkit-hyphens: manual;
}
#carrusel-destacados p {
    position: relative;
    max-height: 3em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    hyphens: manual;
    -ms-hyphens: manual;
-webkit-hyphens: manual;
}

/*------------COMPONENTE PÁGINA EMBEBIDA-------------------------------------------------*/
#embedded-content {
    background-color: #FFF;
    padding-top: 40px;
    padding-bottom: 40px;
}
#embedded-content h3 {
    text-align: center;
}
#embedded-content iframe {
    width: 100%;
    /* height: 1200px; */
}
#organigrama-embebido {
    width: 100%;
}
#organigrama-embebido,  #organigrama-embebido iframe body {
    background-color: #e3edee;
}
#organigrama-embebido iframe {
    width: 100%;
    height: 2700px;
}
/*------------COMPONENTE PIE------------------------------------------------------------*/
.pieCarruselLogos {
    padding: 5px 0;
}
.pieCarruselLogos .carrousel {
    display: flex;
    justify-content: center;
    align-items: center;
}
.pieCarruselLogos .carrousel .logo {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.pieCarruselLogos .carrousel .chevron-prev, .pieCarruselLogos .carrousel .chevron-next {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}
.pieCarruselLogos .carrousel .chevron-next {
    text-align: right;
}

@media only screen and (max-width: 1024px) {
    .pieCarruselLogos .carrousel .logo {
        flex: 0 0 20.83333325%;
        max-width: 20.83333325%;
    }
}

@media only screen and (max-width: 768px) {
    .pieCarruselLogos .carrousel .logo {
        flex: 0 0 27.777777666667%;
        max-width: 27.777777666667%;
    }
}


.pieCarruselLogos .carrousel .fas, .pieCarruselLogos .carrousel .logo img {

	margin: 0;
    /**filter: grayscale(100%);*/
}
.pieCarruselLogos .carrousel .logo a:hover img, .pieCarruselLogos .carrousel .logo a:focus img {
    display: block;
    filter: grayscale(0%);
    -o-animation-name: pop-animation;
    -moz-animation-name: pop-animation;
    -webkit-animation-name: pop-animation;
    animation-name: pop-animation;
    -o-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -o-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.pieCarruselLogos  a {
    color: #836501;
}
.pieCarruselLogos  a:hover {
    color: #20242A;
}
.pieCarruselLogos .carrousel .fas {
	font-size: 50px;
    cursor: pointer;
}
.pieCarruselLogos .carrousel .fas.disabled {
	opacity: 0.1;
	cursor: default;
}
.pieCarruselLogos .carrousel .fas.disabled.hidden {
	display: none;
}
.fa-chevron-right:before {
    float: right;
}
#footer .links {
    
    border-top: 5px solid #836501;
	background-color: #ECECE2;
	text-align: left;
  	color: #FFF;
  	font-size: 0.875em;
    font-weight: 400;
  	padding: 50px 0 32px 0;
}
#footer .links p, #footer .links a {
    margin-bottom: 5px;
}
#footer h2, #footer h5, #footer p.titulo {
    font-size: 1.25rem;
	font-weight: 400;
    margin-bottom: 6px;
}

#footer .links a {
  	text-decoration: underline;
  	color: #1D1D1B;
}
#footer .links p a.col-12 {
    padding-left: 0px !important;
    hyphens: manual;
    -ms-hyphens: manual;
-webkit-hyphens: manual;
}
#footer .links h2 a:hover, #footer .links h2 a:focus, #footer .links h5 a:hover, #footer .links h5 a:focus {
    font-size: 1.3rem;
}
#footer .links a:hover, #footer .links a:focus {
    /**font-weight: bold;*/
    text-decoration: none;
    opacity: 70%;
}
#footer .links .titulo a:hover, #footer .links .titulo a:focus {
    /**text-decoration: underline;*/
    text-decoration: none;
    opacity: 70%;
}
#footer #pieN3RRSS a:hover, #footer #pieN3RRSS a:focus {
    /**text-decoration: underline;*/
    text-decoration: none;
    opacity: 70%;

}
#footer #pieN3RRSS p {
    color: #1D1D1B;
}
#footer #pieN3RRSS a {
    text-decoration: none;
}
#footer #pieN3RRSS a img {
    max-width: 45px;
}
#footer .links .container-fluid {
    padding-left: 30px;
    padding-right: 30px;
}

@media screen and (max-width: 768px) {
    #footer .links .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }   
}
/*#footer .acerca {
	font-size: 14px;
}
#footer .links .acerca p {
margin-bottom: 0.5em;
}*/
#footer .social p {
	float: right;
}

#footer .ministerio {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5;
    color: #1D1D1B;
}

#footer .direccion {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #1D1D1B;
}
/*------------COMPONENTES cabeceraN2LogosMCIN, cabeceraN2LogosExternos, pieN2LogosMCIN y pieN2LogosExternos------------------------------------------------------------*/
/*#cabeceraN2LogosMCIN, #cabeceraN2LogosExternos, #pieN2LogosMCIN, #pieN2LogosExternos {
    float: left;
}
#cabeceraN2LogosMCIN, #pieN2LogosMCIN {
    width: 77.7%;
}
#cabeceraN2LogosExternos img, #pieN2LogosExternos  {
    width: 28.7%;
}
#cabeceraN2LogosMCIN .gobierno, #pieN2LogosMCIN .gobierno {
    width: 63.063063063063063063%;
    float: left;
    background-color: #f5e326;
}
#cabeceraN2LogosMCIN .ministerio, #pieN2LogosMCIN .ministerio {
    width: 36.936936936936936936%;
    float: left;
    background-color: #FFF;
}*/
.cabeceraN2Logos, .pieN2Logos {
    padding-left: 15px;
    float: left;
}
.cabeceraN2Logos img, .pieN2Logos img {
    height: 100px;
    width: auto;
}
#cabeceraN2LogosMCIN, #cabeceraN2LogosExternos, #cabeceraN2LogosMCIN .gobierno, #cabeceraN2LogosMCIN .ministerio, #cabeceraN2LogosExternos .logo-externo,
#pieN2LogosMCIN, #pieN2LogosExternos, #pieN2LogosMCIN .gobierno, #pieN2LogosMCIN .ministerio, #pieN2LogosExternos .logo-externo {
    display: inline-block;
    float: left;
}


/*------------PÁGINA BÚSQUEDA GENERAL y FILTROS de BÚSQUEDA------------------------------------------------------------*/
#caja-busqueda {
    position: relative;
}
#buscadorPrincipal {
    padding-top: 25px;
}
#buscadorPrincipal select, .filtro-buscador select, .filtro-buscador input[type="date"]::-webkit-calendar-picker-indicator {
    background: url(../img/icono-desplegar-menu-buscador.svg) no-repeat right #FFF;
    background-size: 12px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-origin: content-box;
}
div#buscadorActualidad {
    padding-top: 25px;
}
#buscadorPrincipal .search-box-container, #buscadorActualidad .search-box-container {
    background-color: #f2f4f6;
    color: #4b4b4b;
    padding-top: 60px;
    margin-bottom: 30px;
    padding-top: 5px;
}
#buscadorPrincipal .search-box.open:not(#formulario-de-busqueda-avanzada), #buscadorActualidad .search-box.open {
    max-height: 3000px;
    transition: 2s ease;
}
#buscadorPrincipal .search-box:not(#formulario-de-busqueda-avanzada),  #buscadorActualidad  .search-box {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
}
#buscadorPrincipal form:not(#formulario-de-busqueda-avanzada) .search-box:not(#formulario-de-busqueda-avanzada) label, #buscadorPrincipal .search-box input, .filtro-buscador label, .filtro-buscador input, .filtro-buscador select {
    width: 100%;
    text-align: center;
    margin: 10px 0;
}
#buscadorPrincipal form:not(#formulario-de-busqueda-avanzada) .search-box:not(#formulario-de-busqueda-avanzada) label {
    font-size: 28px;
}
.search-box .search-error {
    font-size: 16px;
    text-align: left;
    transition: .5s ease;
    opacity: 0;
    color: #ff0000;
}
.search-box .search-error.show-error {
    text-align: left;
    opacity: 1;
    transition: 0.5s ease;
}
.filtro-buscador label {
    text-align: left;
}
#buscadorPrincipal .search-box input, .filtro-buscador input, .filtro-buscador select {
    padding: 15px;
    font-size: 13px;
    color: #525a66;
    border: 2px solid #eaeef4;
    background-color: #FFF;
    border-radius: 10px;
    text-align: left;
    min-height: 53px;
}

#buscadorPrincipal .exacta {
    font-size: 12px;
    padding-top: 10px;
}


/* #buscadorPrincipal form:not(#formulario-de-busqueda-avanzada) .search-box input:not(#from-date):not(#to-date):not(#filter-date), .filtro-buscador input:not(#from-date):not(#to-date):not(#filter-date) {
    padding: 15px 30px 15px 15px;
    background: #FFF url(../img/icono-busqueda.svg) no-repeat;
    background-size: 25px 25px;
    background-position: right;
} */
#buscadorPrincipal .filtro-buscador:not(#formulario-de-busqueda-avanzada) label, #buscadorPrincipal .filtro-buscador input{
    margin: 0;
}
#buscadorPrincipal .search-button-container {
    margin: 25px auto;
    text-align: center;
}
/* .filtro-buscador input:not(#from-date):not(#to-date):not(#filter-date) {
    background: #FFF url(../img/icono-filtro-busqueda.svg) no-repeat;
    background-size: 25px 25px;
    background-position: right;
} */
#buscadorPrincipal .search-box input:hover, .filtro-buscador input:hover, .filtro-buscador select:hover {
    border: 2px solid #d6dce4;
}
#buscadorPrincipal .search-box input:focus, .filtro-buscador input:focus, .filtro-buscador select:focus {
    border: 2px solid #a2a5aa;
    outline: 0px !important;
}
#buscadorPrincipal button.generic-button {
    margin-bottom: 0;
}
#buscadorPrincipal .row , #buscadorActualidad .row {
    position: relative;
}
#buscadorPrincipal #open-search-box, #ordenar {
    display: block !important;
}
#open-search-box, #open-search-box:focus  {
    position: absolute;
    bottom: -25px;
    right: 0;
    width: 50px;
    height: 50px;
    z-index: 10;
    border-radius: 50%;
    border: 0px;
    background: #f2f4f6 url(../img/icono-mostrar-caja-busqueda.svg) no-repeat;
    background-size: 30px 30px;
    background-position: 10px 11px;
}
#open-search-box:focus, #open-search-box:hover:focus {
    border: 2px solid #154481;
    background-position: 8px 9px;
    outline: 0px;
}
#open-search-box:hover {
    background: #f2f4f6 url(../img/icono-mostrar-caja-busqueda-hover.svg) no-repeat;
    background-size: 30px 30px;
    background-position: 10px 11px;
}
#open-search-box.cerrar {
    background: #f2f4f6 url(../img/icono-cerrar-caja-busqueda.svg) no-repeat;
    background-size: 40px 40px;
    background-position: 5px 5px;
}
#open-search-box.cerrar:hover {
    background: #f2f4f6 url(../img/icono-cerrar-caja-busqueda-hover.svg) no-repeat;
    background-size: 40px 40px;
    background-position: 5px 5px;
    outline: 0px;
}
#open-search-box.cerrar:focus {
    background-position: 3px 3px;
}
.info-results {
    margin-top: 60px;
}
#buscadorPrincipal .results-list h3, #buscadorPrincipal .results-list h2 {
    font-size: 1.75rem;
    position: relative;
    padding: 0 0 40px 45px;
    color: #4b4b4b;
}
#buscadorPrincipal .results-list h3:before, #buscadorPrincipal .results-list h2:before {
    left: 15px;
    top: 5px;
    position: absolute;
    content: '';
    width: 25px;
    height: 25px;
    /**background: url(../img/icono-mostrar-caja-busqueda.svg) no-repeat;*/
}
#buscadorPrincipal .results-list .total-results, .filtro-buscador .total-results, .filtro-buscador .volver {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 15px;
    color: #2a2a2a;
    position: relative;
}
.filtro-buscador .volver {
    text-align: right;
    position: relative;
}
.filtro-buscador .volver a {
    position: relative;
    color: #232323;
    text-transform: lowercase;
    text-decoration: underline;
}
.filtro-buscador .volver a:hover {
    font-weight: 600;
}
.filtro-buscador .volver a:before {
    position: absolute;
    content: '';
    left: -30px;
    width: 25px;
    height: 25px;
    background: url(../img/icono-volver-a-resultados.svg) no-repeat;
}
#buscadorPrincipal .results-list .total-results span, .filtro-buscador .total-results span {
    font-weight: 600;
    color: #3e77c2;
}
#buscadorPrincipal .results-list #paginacion, .filtro-buscador.results-list #paginacion {
    text-align: right;
    /**padding-right: 75px;*/
}
#buscadorPrincipal .results-list li.result .text-container .resultDescription {
    margin-top: 25px;
    margin-bottom: -10px;
    margin-left: -25px;
    font-size: 0.875rem;
}
#paginacion ul, #visualizacion ul, ul.filters-2 {
    padding-inline-start: 0;
    margin: 0;
}
#paginacion li, #visualizacion li, ul.filters-2 li {
    display: inline;
    text-transform: lowercase;
    padding: 0;
    position: relative;
}
#paginacion .multiple-previous, #paginacion .previous, #paginacion .next, #paginacion .multiple-next {
    position: absolute;
    left: -60px;
    top: 1px;
    margin-right: 5px;
    background: url(../img/icono-avanzar-anterior.svg) no-repeat;
    width: 20px;
    height: 20px;
}
#paginacion .previous {
    left: -30px;
    background: url(../img/icono-pagina-anterior.svg) no-repeat;
}
#paginacion .next {
    left: auto;
    right: -45px;
    background: url(../img/icono-pagina-siguiente.svg) no-repeat;
}
#paginacion .multiple-next {
    left: auto;
    right: -75px;
    background: url(../img/icono-avanzar-siguiente.svg) no-repeat;
}
#paginacion span.actual {
    color: #836501;
    border: 2px solid #836501;
    padding: 0 10px;
}
#buscadorPrincipal .results-list .info-results, .filtro-buscador .info-results  {
    padding-bottom: 30px;
    margin-right: 0px;
    margin-left: 0px;
}
#buscadorPrincipal .results-list ul, .filtro-buscador ul {
    list-style-type: none;
}
#buscadorPrincipal li.result {
    padding: 0 0 30px 30px;
    position: relative;
}
#buscadorPrincipal li.result {
    padding-bottom: 8px;
}
#buscadorPrincipal li.result:before {
    position: absolute;
    left: 0;
    top: 7px;
    z-index: 2;
    width: 16px;
    height: 16px;
    content: '';
    background: url(../img/icono-bullet-point.svg) no-repeat center;
}
#buscadorPrincipal button.generic-button {
    margin-bottom: 30px;
    margin-top: 20px;
}
#buscadorPrincipal form#formulario-de-busqueda-avanzada button.generic-button {
    margin-top: 0;
}
#buscadorPrincipal li.result a {
    color: #5c6168;
    font-size: 20px;
    /**text-decoration: underline;*/
}
#buscadorPrincipal .result-path {
    font-weight: 600;
}
#buscadorPrincipal .result-info {
    color: #154481;
    max-width: fit-content;
    display: table;
    background-color: #f6f8f9;
    text-transform: uppercase;
}
#buscadorPrincipal .convoInfo {
    margin-top: 10px;
}
#buscadorPrincipal .convoInfo .estado .text {
    float: left;
    font-size: 1rem;
    height: 30px;
    display: flex;
    align-items: center;
    margin-left: 5px;
}
#buscadorPrincipal .convoInfo .estado .icon {
    width: 25px;
    height: 25px;
    border: 2px solid;
    border-radius: 25px;
    padding-left: 1px;
    padding-top: 1px;
    margin-bottom: 5px;
    float: left;
}
#buscadorPrincipal .convoInfo .estado.abierta .icon {
    background: url(../img/lock-open-solid-convocatoria.svg) no-repeat;
    background-position: 50% 50%;
    background-size: 75%;
    color: #036313;
}
#buscadorPrincipal .convoInfo .estado.cerrada .icon {
    background: url(../img/lock-solid-convocatoria.svg) no-repeat;
    background-position: 50% 50%;
    background-size: 75%;
    color: #E60000;
}
#buscadorPrincipal .convoInfo .estado.proxima .icon {
    background: url(../img/clock-solid-convocatoria.svg) no-repeat;
    background-position: 50% 50%;
    background-size: 75%;
    color: #ff7f2aff;
}
#buscadorPrincipal .convoInfo .estado.tramitacion .icon {
    background: url(../img/icono-volver-mapa-inicial-grey.svg) no-repeat;
    background-position: 50% 50%;
    background-size: 75%;
    color: #858b8b;
}
#buscadorPrincipal li.result p {
    max-height: 3em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
#buscadorPrincipal .show-more-results-button-container > div {
    text-align: center;
}
#buscadorPrincipal form:not(#formulario-de-busqueda-avanzada) button.generic-button {
    margin-bottom: 60px;
    margin-top: 20px;
}
#buscadorPrincipal .results-list .row > #paginacion.bottom {
    text-align: center;
    margin-bottom: 30px;
    padding-right: 25px;
}
#buscadorActualidad .filtro-buscador > div {
    padding-top: 0;
}
.filtro-buscador .main  {
    padding-top: 40px;
    background-color: #f2f4f6;
}
.filtro-buscador .filters {
    width: 100%;
}
.filtro-buscador .filters label {
    margin-bottom: 0;
    line-height: 16px;
}
.filtro-buscador .filters select, .filtro-buscador .filters input {
    margin-top: 0;
}
.filtro-buscador label span {
    font-size: 13px;
}

.filtro-buscador .nota span {
    color: #836501;
    padding-top: 10px;
}
.filtro-buscador .search-button-container {
    padding-top: 40px;
}
#visualizacion {
    text-align: center;
    font-weight: 600;
    border: 1px solid red;
}
#visualizacion > div, #visualizacion ul {
    display: inline-block;
}
#visualizacion li {
    position: relative;
    top: -17px;
}
#visualizacion .columnas, #visualizacion .filas {
    position: absolute;
    margin-left: 10px;
    border: 0px;
    top: -2px;
    height: 30px;
    width: 30px;
    background: url(../img/icono-mostrar-filas.svg) no-repeat;
}
#visualizacion .columnas {
    left: 32px;
    background: url(../img/icono-mostrar-columnas.svg) no-repeat;
}
.filters-2 > div {
    display: inline-block;
}
.filtro-buscador > div.filters-2-container {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 20px;
    border-top: 1px solid #e6ebec;
    border-bottom: 1px solid #e6ebec;
}
#buscadorPrincipal .filtro-buscador > div.filters-2-container ul {
    min-height: 40px;
}
.filtro-buscador .filters-2-container {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    color: #2a2a2a;
}
.filtro-buscador .filters-2-container input, .filtro-buscador .filters-2-container select {
    width: auto;
    text-transform: uppercase;
    margin-right: 25px;
    border: 0px;
    text-align: left;
    cursor: pointer;
}
.filtro-buscador .filters-2-container input:focus, .filtro-buscador .filters-2-container select:focus {
    border: 1px solid #000;
}
.filtro-buscador .filters-2-container input:hover, .filtro-buscador .filters-2-container select:hover, button.ordenar:hover:before,
.filtro-buscador .filters-2-container input:focus, .filtro-buscador .filters-2-container select:focus {
    font-weight: 600;
}
.button-ordenar-container {
    position: relative;
}
button#ordenar, button#fecha-ordenar, button#tematica-ordenar, button#categoria-ordenar, button#estado-ordenar {
    border: 0px;
    background-color: transparent;
    padding: 0;
}
button#ordenar span {
    position: absolute;
    right: 0;
    padding-right: 30px;
    top: calc(50% - 10px);
    text-transform: uppercase;
    color: #525a66;
}
button#fecha-ordenar span, button#tematica-ordenar span, button#categoria-ordenar span, button#estado-ordenar span{
    position: absolute;
    padding-right: 30px;
    top: calc(50% - 10px);
    text-transform: uppercase;
    color: #525a66;
}
button.ordenar-descendente span:after, button.ordenar-ascendente span:after {
    position: absolute;
    right: 0;
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
    content: '';
    background: url(../img/icono-ordenar-descendente.svg) no-repeat;
}
button.ordenar-ascendente span:after {
    background: url(../img/icono-ordenar-ascendente.svg) no-repeat;
}
button.flecha-descendente span:after, button.flecha-ascendente span:after {
    position: absolute;
    right: 0;
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
    content: '';
    background: url(../img/chevron-down-solid.svg) no-repeat;
}
button.flecha-ascendente span:after {
    background: url(../img/chevron-up-solid.svg) no-repeat;
}
button#ordenar:focus, button#fecha-ordenar:focus, button#tematica-ordenar:focus, button#categoria-ordenar:focus, button#estado-ordenar:focus {
    outline: 0px;
}
button#ordenar:focus span, button#fecha-ordenar:focus span, button#tematica-ordenar:focus span, button#categoria-ordenar:focus span, button#estado-ordenar:focus span {
    border: 1px solid #000;
}
#convocatoria-results {
    width: 100%;
    float: left;
    border-bottom: 3px solid #e6ebec;
    margin-bottom: 50px;
}
#convocatoria-results .filas, #convocatoria-results .cuadros {
    padding-inline-start: 0px;
}
#convocatoria-results .cuadros {
    padding: 0 10%;
}
#convocatoria-results .estado {
    padding-top: 10px;
    margin-left: 5px;
}
#convocatoria-results .estado .cerrada {
    color: #8393ac;
    font-family: 'Poppins Bold', sans-serif;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    float: left;
    margin-right: 6px;
}
#convocatoria-results .estado .lock {
    float: left;
    width: 20px;
    height: 20px;
    border: 3px solid #8393ac;
    border-radius: 25px;
    padding-left: 1px;
    padding-top: 1px;
}
#convocatoria-results .estado .lock:before {
    position: absolute;
    content: '';
    background: url(../img/lock-solid-convocatoria.svg) no-repeat;
    background-position: 50% 50%;
    height: 12px;
    width: 12px;
}
#convocatoria-results .estado .proxima {
    color: #ff7f2aff;
    font-family: 'Poppins Bold', sans-serif;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    float: left;
    margin-right: 6px;
}
#convocatoria-results .estado .clock {
    float: left;
    width: 20px;
    height: 20px;
    border: 3px solid #ff7f2aff;
    border-radius: 25px;
    padding-left: 1px;
    padding-top: 1px;
}

#convocatoria-results .estado .clock:before {
    position: absolute;
    content: '';
    background: url(../img/clock-solid-convocatoria.svg) no-repeat;
    background-position: 50% 50%;
    height: 12px;
    width: 12px;
}
#convocatoria-results .estado .abierta {
    color: #036313;
    font-family: 'Poppins Bold', sans-serif;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    float: left;
    margin-right: 6px;
}
#convocatoria-results .estado .unlock {
    float: left;
    width: 20px;
    height: 20px;
    border: 3px solid #036313;
    border-radius: 25px;
    padding-left: 1px;
    padding-top: 1px;
}
#convocatoria-results .estado .unlock:before {
    position: absolute;
    content: '';
    background: url(../img/lock-open-solid-convocatoria.svg) no-repeat;
    background-position: 50% 50%;
    height: 12px;
    width: 12px;
}
#convocatoria-results .convocatoria-img {
    border: 2px solid #e2e2e2;
    border-radius: 50%;
    height: 64px;
    width: 64px;
    overflow: hidden;
    float: left;
    margin-top: 12px;
    margin-left: 20px;
}
#convocatoria-results .filas li.result-data {
    height: 240px;
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 3px solid #e6ebec;
}
#convocatoria-results .filas li.result-data .data {
    max-width: 80%;
    margin: 0 auto;
}
#convocatoria-results .filas li.result-data .data {
    width: 100%;
}

#convocatoria-results .filas li.result-data .first-col {
    width: 10%;
    float: left;
}
#convocatoria-results .filas li.result-data .second-col {
    width: 90%;
    float: left;
}
#convocatoria-results .cuadros li.result-data .first-col {
    width: 20%;
    float: left;
}
#convocatoria-results .cuadros li.result-data .second-col {
    width: 80%;
    float: left;
}
#convocatoria-results .filas li.result-data .second-col div {
    width: 100%;
}
#convocatoria-results  li.result-data .second-col .titulo h2 {
    font-family: 'Poppins Regular', sans-serif;
    font-size: 34px;
    color: #4b4b4b;
}
#convocatoria-results  li.result-data .second-col .contenido p {
    font-family: 'Poppins Regular', sans-serif;
    font-size: 16px;
}
#convocatoria-results li.result-data .second-col .mas a {
    font-family: 'Poppins Regular', sans-serif;
    color: #836501;
    text-decoration: underline;
}

#convocatoria-results .cuadros li.result-data {
    width: 50%;
    float: left;
    padding-top: 25px;
    padding-bottom: 25px;
    /* border-bottom: 3px solid #e6ebec; */
}
.buscador-convocatorias .boton {
    margin: 40px auto;
    cursor: pointer;
}
.buscador-convocatorias .boton-sus-conv {
    margin: 0 auto;
    background-color: #FFF;
    padding: 8px 30px;
    border: 3px solid #836501;
    border-radius: 25px;
    color: #836501;
    font-weight: 600;
    text-transform: uppercase;
}
.buscador-convocatorias .boton-sus-conv:hover, .buscador-convocatorias .boton-sus-conv:focus {
    background-color: #836501;
    color: #FFF;
}
/*------------COMPONENTES BULLETS DORADO y GRIS------------------------------------------------------------*/
.contenidoSeccionBulletsDorado ul, .contenidoSeccionBulletsGris ul {
    list-style-type: none;
    padding-inline-start: 0;
    margin-bottom: 0;
}
.contenidoSeccionBulletsDorado .title, .contenidoSeccionBulletsGris .title {
    padding-left: 15px;
    margin-bottom: 15px;
    margin-top: 15px;
    position: relative;
    font-size: 22px;
}
.contenidoSeccionBulletsDorado .title:before, .contenidoSeccionBulletsGris .title:before  {
    position: absolute;
    content: '';
    left: 0;
    border-left: 2px solid #836501;
    height: 100%;
}
.contenidoSeccionBulletsDorado p, .contenidoSeccionBulletsGris p {
    margin-bottom: 15px;
}
.contenidoSeccionBulletsGris .title:before {
    border-left: 2px solid #4f5354;
}
.contenidoSeccionBulletsDorado li, .contenidoSeccionBulletsGris li {
    padding-left: 20px;
    position: relative;
}
.contenidoSeccionBulletsDorado li:before, .contenidoSeccionBulletsGris li:before {
    position: absolute;
    left: 0;
    top: 4px;
    z-index: 2;
    width: 16px;
    height: 16px;
    content: '';
    background: url(../img/icono-bullet-point.svg) no-repeat center !important;
}
.contenidoSeccionBulletsDorado li p, .contenidoSeccionBulletsGris li p {
    hyphens: manual;
    -ms-hyphens: manual;
-webkit-hyphens: manual;
}
.contenidoSeccionBulletsGris li:before {
    background: url(../img/icono-bullet-point-gris.svg) no-repeat center !important;
}
.contenidoSeccionBulletsGris a, .contenidoSeccionBulletsDorado a {
    color: #086DD2;
    text-decoration: underline;
}
.contenidoSeccionBulletsGris a:hover, .contenidoSeccionBulletsDorado a:hover {
    font-weight: bold;
}
/*------------COMPONENTES ACTUALIDAD: BUSCADOR ACTUALIDAD, CONTENIDO ACTUALIDAD, ACTUALIDAD FILAS Y ACTUALIDAD COLUMNAS -----------------------------------------------------------*/
#contenidoActualidad, #contenidoActualidadFilas, #contenidoActualidadColumnas {
    padding-top: 60px;
    margin-left: 15px !important;
}
#contenidoActualidad .news, #contenidoActualidadFilas .news {
    padding-bottom: 60px;
}
#contenidoActualidad .entrevista h3:before, #contenidoActualidadFilas .entrevista h3:before,
#contenidoActualidadColumnas .entrevista h3:before,
#contenidoActualidad .entrevista h2:before, #contenidoActualidadFilas .entrevista h2:before,
#contenidoActualidadColumnas .entrevista h2:before {
    content: '“';
}
#contenidoActualidad .entrevista h3:after, #contenidoActualidadFilas .entrevista h3:after,
#contenidoActualidadColumnas .entrevista h3:after,
#contenidoActualidad .entrevista h2:after, #contenidoActualidadFilas .entrevista h2:after,
#contenidoActualidadColumnas .entrevista h2:after {
    content: '”';
}
#contenidoActualidad p, #contenidoActualidadFilas p {
    margin-bottom: 0;
}
#contenidoActualidadFilas .date {
    font-family: 'Roboto', serif;
    color: #4b4b4b;
    font-weight: 700;
    padding-bottom: 20px;
}
#contenidoActualidadFilas .name {
    color: #836501;
    font-size: 20px;
}
#contenidoActualidadFilas .portrait, #contenidoActualidad .portrait {
    display: none;
}
#contenidoActualidadFilas h3, #contenidoActualidadFilas h2, #contenidoActualidadFilas p.title {
    color: #686f77;
    font-weight: 600;
    font-size: 1.75rem;
    hyphens: manual;
    -ms-hyphens: manual;
-webkit-hyphens: manual;
}

@media only screen and (max-width: 1024px) {
    #contenidoActualidadFilas h3, #contenidoActualidadFilas h2, #contenidoActualidadFilas p.title {
        font-size: 1.25rem;
    }
}

#contenidoActualidadFilas a .main-text {
    color: #212529;
}
#contenidoActualidadFilas a:hover  .main-text, #contenidoActualidadFilas a:focus .main-text {
    color: #212529;
}
#contenidoActualidadColumnas .news {
    position: relative;
}
#contenidoActualidadColumnas .text-box {
    position: absolute;
    bottom: -20px;
    padding: 20px;
    width: calc(100% - 50px);

}
#contenidoActualidadColumnas h3, #contenidoActualidadColumnas a h3,
#contenidoActualidadColumnas a:hover h3, #contenidoActualidadColumnas a:focus h3,
#contenidoActualidadColumnas h2, #contenidoActualidadColumnas a h2,
#contenidoActualidadColumnas a:hover h2, #contenidoActualidadColumnas a:focus h2 {
    font-size: 20px;
    position: relative;
    margin-bottom: 0;
    max-height: 3.6em;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #212529;
}
#contenidoActualidadColumnas .news {
    margin-bottom: 50px;
}
#contenidoActualidadColumnas .experiencia h3, #contenidoActualidadColumnas .entrevista h3,
#contenidoActualidad .experiencia h3, #contenidoActualidad .entrevista h3,
#contenidoActualidadColumnas a .experiencia h3, #contenidoActualidadColumnas a .entrevista h3,
#contenidoActualidad a .experiencia h3, #contenidoActualidad a .entrevista h3,
#contenidoActualidadColumnas .experiencia h2, #contenidoActualidadColumnas .entrevista h2,
#contenidoActualidad .experiencia h2, #contenidoActualidad .entrevista h2,
#contenidoActualidadColumnas a .experiencia h2, #contenidoActualidadColumnas a .entrevista h2,
#contenidoActualidad a .experiencia h2, #contenidoActualidad a .entrevista h2 {
    font-family: 'Merriweather', serif;
    font-weight: 300;
    font-style: italic;
    line-height: 1.2em;
}
#contenidoActualidadColumnas .noticia .text-box {
    background-color: rgba(253, 254, 255, 0.94);
    box-shadow: 0 5px 6px 0 rgba(84, 128, 185, 0.21);
    border: 1px solid #e6e6e7;
}
#contenidoActualidadColumnas .noticia .text-box, #contenidoActualidad .noticia .text-box,
#contenidoActualidadColumnas a .noticia .text-box, #contenidoActualidad a .noticia .text-box {
    background-color: rgba(253, 254, 255, 0.94);
    box-shadow: 0 5px 6px 0 rgba(84, 128, 185, 0.21);
    border: 1px solid #e6e6e7;
    color: #212529;
}
#contenidoActualidadColumnas .experiencia .text-box, #contenidoActualidad .experiencia .text-box {
    background-color: #836501;
    color: #212529;
}
#contenidoActualidadColumnas .entrevista .text-box, #contenidoActualidad a .entrevista .text-box {
    display: flex;
    background-color: #e6ebec;
    color: #212529;
}
#contenidoActualidadColumnas .entrevista .text-box {
    width: calc(100% - 30px);
}
#contenidoActualidadColumnas .entrevista .text {
    width: 75%;
}
#contenidoActualidadColumnas .entrevista .portrait {
    width: 25%;
}
#contenidoActualidadColumnas .name {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color: #1c2324;
}
/* #contenidoActualidadColumnas .portrait {

}     */
#contenidoActualidadColumnas .portrait img {
    max-width: 60px;
    border-radius: 50%;
}
#contenidoActualidadColumnas .date, #contenidoActualidadColumnas p {
    display: none;
}
#contenidoActualidad .text-box {
    padding: 50px;
}
#contenidoActualidad .text {
    display: grid;
}
#contenidoActualidad .name {
    order: 1;
}
#contenidoActualidad h3 {
    order: 2;
    font-size: 24px;
}
#contenidoActualidad .main-text, #contenidoActualidad a .main-text {
    order: 3;
    position: relative;
    margin-bottom: 0;
    max-height: 3.3em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
#contenidoActualidad .date {
    order: 4;
    font-family: 'Roboto', serif;
    font-size: 14px;
}
#contenidoActualidad .experiencia .date {
    color: #fff;
}
#contenidoActualidad .noticia .date {
    color: #836501;
}
#contenidoActualidad .image-container > div {
    overflow: hidden;
}
#contenidoActualidad .image-container div, #contenidoActualidadFilas .image-container div, #contenidoActualidadColumnas .image-container div {
    overflow: hidden;
}
#contenidoActualidad a:hover .image-container img, #contenidoActualidadFilas a:hover .image-container img, #contenidoActualidadColumnas a:hover .image-container img {
    transition: 0.5s ease;
    transform: scale(1.1);
}
/*------------COMPONENTE imagenVideosYoutube -----------------------------------------------------------*/
.imagenVideosYoutube  {
    padding-top: 60px;
    color: #20242a;
}
.imagenVideosYoutube .first-row {
    position: relative;
}
.imagenVideosYoutube .first-row .container-fluid {
    position: relative;
    margin-bottom: -50px;
}
.imagenVideosYoutube .first-row .text-box {
    position: absolute;
    bottom: 100px;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
-webkit-hyphens: manual;
    hyphens: manual;
    top: 100px;
}
.imagenVideosYoutube .first-row h1, .imagenVideosYoutube .first-row h2 {
    display: block;
    text-transform: uppercase;
    font-weight: 200;
    line-height: 1;
}
.imagenVideosYoutube img {
    border: 4px solid #b7c0c2;
}
.imagenVideosYoutube .first-row img {
    border-radius: 8px;
}
.imagenVideosYoutube .first-row .grey-background {
    background-color: #3f4146;
    height: 100px;
}
.imagenVideosYoutube .second-row  {
    display: flex;
    flex-wrap: wrap;
    background-color: #3f4146;
    color: #FFF;
    padding-bottom: 60px;
}
/* .imagenVideosYoutube .second-row .text-box p {
    display: none;
} */
.imagenVideosYoutube .second-row .main-text {
    padding-top: 120px;
}
.imagenVideosYoutube .second-row h1, .imagenVideosYoutube .second-row h2 {
    display: none;
}

@media only screen and (max-width: 992px) {
    .imagenVideosYoutube .second-row .main-text {
        padding-top: 20px;
    }
    #imagenEnlaces .imagenPie {
        margin-bottom: 10px;
    }
}
.imagenVideosYoutube .second-row .row > div {
    padding-bottom: 40px;
}

.imagenVideosYoutube .imagenYoutube {
    filter: grayscale(80%);
}

.imagenVideosYoutube .overlay {
    border-radius: 8px;
    border: 4px solid #b7c0c2;
    width:100%;
    height:100%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.5)), color-stop(100%, rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
    z-index: 1;
}

.imagenVideosYoutube .first-row .youtube {
    border-radius: 8px;
    width:100%;
    height:100%;
    background: url(../img/youtube.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    z-index: 2;
}

.imagenVideosYoutube .second-row .youtube {
    border-radius: 8px;
    width: 100%;
    height: 100%;
    background: url(../img/youtube.svg);
    background-size: 75%;
    background-position: 50%;
    background-repeat: no-repeat;
    z-index: 2;
}

.imagenVideosYoutube .second-row .text-box {
    position: static;
    top: 100%;
    z-index: 3;
    text-align: left;
    hyphens: manual;
    -ms-hyphens: manual;
-webkit-hyphens: manual;
    margin-bottom: 0px;
}
.imagenVideosYoutube .second-row .text-box.imagen {
    position: relative;
    top: -100%;
    z-index: 3;
    text-align: left;
}

/*------------COMPONENTE EnlacesMinistro -----------------------------------------------------------*/


#EnlacesMinistro, .enlacesMinistro {
    padding-top: 50px;
}
#EnlacesMinistro.gris-claro-1, #EnlacesMinistro.gris-claro-2, #EnlacesMinistro.gris-claro-3,
#EnlacesMinistro.gris-claro-1 a, #EnlacesMinistro.gris-claro-2 a, #EnlacesMinistro.gris-claro-3 a,
.enlacesMinistro.gris-claro-1, .enlacesMinistro.gris-claro-2, .enlacesMinistro.gris-claro-3,
.enlacesMinistro.gris-claro-1 a, .enlacesMinistro.gris-claro-2 a, .enlacesMinistro.gris-claro-3 a {
    color: #000;
}

#EnlacesMinistro .first-row, .enlacesMinistro .first-row {
    margin-bottom: 60px;
    padding-left: 165px;
}
#EnlacesMinistro .first-row .text-box, .enlacesMinistro .first-row .text-box {
    position: absolute;
    bottom: 100px;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    -webkit-hyphens: manual;
    hyphens: manual;
}
#EnlacesMinistro .first-row h2, .enlacesMinistro .first-row h2 {
    display: block;
    text-transform: uppercase;
    font-weight: 200;
    line-height: 1;
}
#EnlacesMinistro img, .enlacesMinistro img {
    border: 4px solid #b7c0c2;
	transition: 0.5s ease;
}
#EnlacesMinistro .first-row img, .enlacesMinistro .first-row img {
    border-radius: 8px;
}
#EnlacesMinistro .first-row .grey-background, .enlacesMinistro .first-row .grey-background {
    background-color: #3f4146;
    height: 50px;
}
/* #EnlacesMinistro .second-row  {
    background-color: #3f4146;
    color: #FFF;
} */
#EnlacesMinistro .second-row h1, .enlacesMinistro .second-row h1 {
    display: none;
}
#EnlacesMinistro .second-row .main-text, .enlacesMinistro .second-row .main-text {
    padding-top: 20px;
}
#EnlacesMinistro .second-row .row > div, .enlacesMinistro .second-row .row > div {
    padding-bottom: 40px;
}
#EnlacesMinistro  a, .enlacesMinistro  a {
    font-size: 1.8rem;
    font-weight: 300;
    color: #000;
}
#EnlacesMinistro a:hover, .enlacesMinistro a:hover {
    font-weight: 400;
}

#EnlacesMinistro img:hover, .enlacesMinistro img:hover {
    transform: scale(1.05);
	z-index: 55;
}
@media screen and (max-width: 1280px) {
    #EnlacesMinistro .second-row a, .enlacesMinistro .second-row a {
        font-size: 1.1rem;
    }
}
@media screen and (max-width: 768px) {
    #EnlacesMinistro .second-row a, .enlacesMinistro .second-row a {
        font-size: 1.5rem;
    }
    .imagenConTitulo .imagenPie {
        font-size: 12px;
    }
    #imagenEnlaces .imagenPie {
        font-size: 12px;
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 575px) {
    #EnlacesMinistro .first-row, .enlacesMinistro .first-row {
        padding-left: 30px;
        margin-right: 15px;
        margin-left: 15px;
    }

}

/*------------COMPONENTES TÍTULO, SUBTÍTULO Y FECHA-----------------------------*/
#titulo {
    font-size: 30px;
    padding-bottom: 10px;
}
#fecha {
    font-size: 14px;
    padding-bottom: 10px;
}
#fecha.noticia {
    font-weight: bold;
}
#subtitulo {
    font-size: 17px;
    font-family: 'Merriweather', serif;
    padding-bottom: 10px;
}

/*------------COMPONENTES TÍTULO, SUBTÍTULO Y FECHYA-----------------------------*/
#titulo {
    font-size: 30px;
    padding-bottom: 10px;
}
#fecha {
    font-size: 14px;
    padding-bottom: 10px;
}
#subtitulo {
    font-size: 17px;
    font-family: 'Merriweather', serif;
    padding-bottom: 10px;
}
#servicios h2 {
    height: 60px;
    font-size: 1.8rem;
}
/*------------QUERIES-----------------------------------------------------------*/
@media only screen and (max-width: 1536px) {
    #servicios h2 {
        height: 90px;
        font-size: 1.8rem;
    }
}
@media only screen and (max-width: 1400px) {
    .cabeceraN2, .cabeceraN2Logos img, .pieN2Logos, .pieN2Logos img {
        height: 67px;
    }
    #avisos-home {
        margin-top: 0 !important;
    }
    #cabeceraN2-MenuPrincipal {
        padding-top: 18px;
    }
	/* #news .text-box.top-1, #news .text-box.top-2 {
	    margin-top: 200px;
    } */
    /* #news > .row:not(.component-title) {
        margin-top: 100px;
    } */
    #experiencias img {
        width: 130%;

        margin-left: -40px;
    }
	#areas h4 {
	    font-size: 1.1em;
	}
	#destacados .text-box {
		padding: 15px 30px 15px 15px;
	}
	#destacados .titulo {
	    font-size: 23px;
	}
    #destacados .subtitulo {
        font-size: 19px;
    }
	#centros .map {
	    padding-top: 55%;
	    background-size: 150% auto;
	}
	#centros .volver-al-mapa {
	    padding-top: 12%;
	    background-size: 150% auto;
	}
	.search label {
	    min-height: 39px;
	    line-height: 1em;
	}
    .contenidoN1Padre .enlaces-internos .row > div > .image-container > a  {
        min-height: 5.4em;
        max-height: 5.4em;
        -webkit-line-clamp: 3;
    }
    /* .contenidoN1Padre .enlaces-internos .row > a > .title {
        height: 73px;
    } */
    .enlaceFicheros .documentacion-asociada .image-container:empty, .enlaceFicheros .enlaces-multimedia .image-container:empty {
        background-size: 75%;
    }
	#related-news .date, #contenidosTopVisitas .date {

	    padding: 5px;
	    width: 85%;
	}
	#feedback .col-xl-6 {
		max-width: 100%;
    	flex: 0 0 100%;
	}
	#feedback .row > div, #feedback .row > div form, #feedback .row > div + div {
		text-align: center;
        margin: auto;
	}
    .filtro-buscador label  {
        font-size: 23px;
    }
    .filtro-buscador label span {
        font-size: 13px;
    }
    .filtro-buscador .filters label {
        min-height: 40px;
    }
    #contenidoActualidadColumnas .news {
        margin-bottom: 70px;
    }
    #contenidoActualidadColumnas .text-box {
        bottom: -50px;
    }
    #organigrama-embebido > div {
        margin: 5%;
        height: 400px;
        max-width: 90%;
        overflow:scroll;
    }
    .error-page .line {
        top: 168px;
    }
    .error-page img {
        height: 200px;
    }

    /* .enlaceFicheros .documentacion-asociada .image-container:empty + .type-of-content,
    .enlaceFicheros .enlaces-multimedia .image-container:empty + .type-of-content {
        top: 110px;
        left: calc(37.5% - 20px);
    } */
    
    #informacion-telefonica .row:last-child .title {
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 50;
        min-height: 70px;
    }
    #detalle-publicacion .punto-venta .row:not(.text) > div a {
        line-height: 100px;
    }
    #cookiesFormGeneral input[type="submit"], .cookiesFormGeneral input[type="submit"] {
    padding: 25px 60px;
    }
    .imagenVideosYoutube .second-row .main-text {
        padding-top: 30px;
    }
}
@media only screen and (max-width: 1280px) {

    #banner-cabecera-n2 .image-container {
        height: auto; 
    }
    #banner-cabecera .image-container img, #banner-cabecera-n2 .image-container img {
        height: auto;
    }
    #footer .container-fluid {
        padding-right: 100px;
        padding-left: 100px;
    }
    #eventos .estado {
        width: 85%;
        font-size: 0.8rem;
        padding: 3px 10px 3px 10px;
    }
    #servicios div > div:nth-child(2n):after {
        position: absolute;
        right: 0;
        top: 20%;
        height: 60%;
        content: '';
        border-right: 0px solid #727579;
    }
    #servicios img {
        padding: 5%;
    }
    .contenidoN1Padre .enlaces-internos .row > a > .title p {
        font-size: 12px;
    }
    #servicios h2 {
        height: 60px;
        font-size: 1.8rem;
    }
}
@media only screen and (max-width: 1199px) {
    #avisos span.date {
        display: block;
        max-width: 140px;
        margin: 12px 0;
        padding: 0;
    }
    #avisos .today span.date {
        text-align: center;
    }
    #avisos-home {
        margin-top: -66px !important;
    }
    #carrusel-avisos .carousel-control-prev {
        top: 55px;
    }
    #carrusel-avisos .carousel-control-next {
        top: 55px;
    }
    #imagenBannerLightBOX #video.banner-cabecera .image-container img, #imagenBannerLightBOX #image.banner-cabecera .image-container img, #imagenBannerLightBOX #html-page.banner-cabecera .image-container img,
    #imagenBannerLightBOX #video.banner-cabecera-n2 .image-container img, #imagenBannerLightBOX #image.banner-cabecera-n2 .image-container img, #imagenBannerLightBOX #html-page.banner-cabecera-n2 .image-container img,
    #imagenBannerLightBOX #video.banner .image-container img, #imagenBannerLightBOX #image.banner .image-container img, #imagenBannerLightBOX #html-page.banner .image-container img {
        width: 100%;
    }
    #banner-n2 .image-container, #banner-cabecera-n2 .image-container {
        /* min-height: 350px; */
    }
    #banner-n2 .image-container img, #banner-cabecera-n2 .image-container img {
        position: fixed;
    }
    #banner-cabecera-n2 h1.banner-title, #banner-cabecera-n2 h2.banner-title,
    #banner-video-n2 h1.banner-title, #banner-video-n2 h2.banner-title,
    #banner-n2 h1.banner-title, #banner-n2 h2.banner-title {
        margin-left: 50px;
        font-size: 36px;
        width: 100%;
        height: 16px;
        margin-top: -70px;
    }
	#news .text-box.right {
	    left: 33.333333%;
	}

	/* #news .text-box.top-1 {
    	margin-top: 225px;
	}
	#news .text-box.top-2 {
	    margin-top: 225px;
	} */
    #news .text-box h2 {
        /**max-height: 72px;*/
        min-height: 72px;
        font-size: 1.25rem;
    }
    #areas h4.aux-blank-content{
        min-height: 3em;
    }
	#destacados .text-box {
		padding: 15px;
	}
	#destacados .titulo {
	    font-size: 20px;
	}
    #destacados .subtitulo {
        font-size: 17px;
    }
	.volver-al-mapa:before {
	    right: 129px;
	}
	.volver-al-mapa:after {
	    font-size: 11px;
	    height: 30px;
	    line-height: 24px;
    }
    #experiencias {
        max-height: 516px;
    }
    #experiencias .h3 {
        font-size: 20px;
    }
    #experiencias .profesion {
        margin-left: 0;
        display: block;
        width: max-content;
    }
	#experiencias p {
        font-size: 20px;
        line-height: 25px;
	}
    #experiencias img {
        width: 130%;
        /* height: 516px; */
        margin-left: -40px;
    }
	#related-news .date {
	    top: 40px;
	    width: 85%;
	    padding: 10px 30px 10px 10px;
	}
    #carrusel-banner.carrusel {
        min-height: 300px;
    }
    .carrusel .carousel-item a.text {
        padding: 0 10% 40px 10%;
        top: 57%;
    }
    .carrusel .carousel-item .text .title {
        font-size: 18px;
    }
    .carrusel .carousel-item .text p {
        font-size: 35px;
        line-height: 35px;
    }
    .carrusel button.play-carrusel {
        top: 33%;
    }
    #contacto img {
        min-width: unset;
        margin-left: unset;
    }
    .contenidoSeccionConFoto .linea, #contenidoSeccionSinFoto .linea {
        margin-left: 15px;
        padding-left: 30px;
    }
    .enlaceFicheros .menu button.documentacion-asociada + a {
        max-width: 250px;
    }
    .filtro-buscador .filters label {
        min-height: 0;
    }
    .filtro-buscador.results-list .total-results {
        padding-bottom: 30px;
    }
    .filtro-buscador.results-list #visualizacion {
        text-align: left;
        padding-bottom: 30px;
    }
    .imagenVideosYoutube .first-row h1, .imagenVideosYoutube .first-row h2 {
        font-size: 34px;
    }
    .contenidoSeccionConFotoAltoCargo .text-box  {
        padding-top: 15%;
    }
    .contenidoSeccionConFotoAltoCargo h1 {
        font-size: 35px;
        line-height: 40px;
    }
    .contenidoSeccionConFotoAltoCargo .cargo {
        font-size: 20px;
        line-height: 25px;
    }
    /* .enlaceFicheros .documentacion-asociada .image-container:empty + .type-of-content,
    .enlaceFicheros .enlaces-multimedia .image-container:empty + .type-of-content {
        font-size: 8px;
        top: 88px;
        left: calc(37.5% - 12px);
    } */
    #detalle-publicacion .punto-venta .row:not(.text) > div a {
        line-height: 75px;
    }
    form.suscripciones .buttons-container {
        text-align: center;
    }
    form.suscripciones .buttons-container button {
        position: relative;
        margin: auto;
    }
    form.suscripciones .buttons-container #suscripcion {
        left: unset;
        margin: 30px auto;
    }
    form.suscripciones .buttons-container #baja {
        right: unset;
    }
    #cookies form h1 {
        font-size: 30px;
    }
    #cookies form h5 {
        font-size: 16px;
    }
    #cookies form h5 {
        font-size: 16px;
    }
    #cookies .text-box p, #cookies li p {
        font-size: 14px;
    }
    #cookies .buttons-container button, #cookies .buttons-container a {
        font-size: 13px;
    }
    #cookies .buttons-container button {
        left: 0;
    }
    #cookies .buttons-container a  {
        right: 0;
    }
    #cookiesFormGeneral th, td,
    .cookiesFormGeneral th, td,
    .tablaAmbar th, td  {
        padding: 4px;
    }
    #cookiesFormGeneral input#enviar-formulario,
    .cookiesFormGeneral input#enviar-formulario,
    .tablaAmbar input#enviar-formulario  {
    position: relative;
    }
    #cookiesFormGeneral input#rechazar-personalizacion,
    .cookiesFormGeneral input#rechazar-personalizacion,
    .tablaAmbar input#rechazar-personalizacion  {
    position: relative;
    }
    #cookiesFormGeneral .wrapper,
    .cookiesFormGeneral .wrapper,
    .tablaAmbar .wrapper  {
    margin: 0 auto;
    width: 80%;
    }
    /* #centros {
        max-height: 500px;
    } */


}
@media only screen and (max-width: 1024px) {
    #banner img, #banner-n2 img, #banner-cabecera img, #banner-cabecera-n2 img {
        max-width: 1024px;
    }
    #banner .text-box, #banner-cabecera .text-box {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    #banner h1.banner-title.bannerHome {
        margin-top: 0px;
    }
    .gradient {
        max-width: 1024px;
    }
    #eventos .eventoCol {
        flex: 0 0 50%;
        max-width: 50%;
    }
    #eventos .estado {
        width: 75%;
        font-size: 1rem;
        padding: 3px 30px 3px 10px;
    }
    .header-fixed, .header, .header-fixed_2 {
        max-width: 1024px;
    }
    #publicaciones .col-md-4 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .enlaceFicheros .document-box li.document-container {
        flex: 0 0 50%;
        max-width: 50%;
    }
    #avisos {
        height: 200px;
    }
    #avisos .text-box {
        padding: 0 75px;
    }

}
@media only screen and (max-width: 991px) {
    #banner-cabecera-n2 .image-container {
        position: relative;
        padding-top: 34%;
        height: auto;
    }
    #cabeceraN1 {
        display: none;
    }
    .lupaIcon:before {
        background-image: url('../img/icono-buscar-negro.svg') !important;
        right: -25px !important;
    }
    #search-button-movil {
        margin: 0 auto ;
    }
    .full-width, .container-fluid .container-fluid  {
        width: calc(100% + 130px);
        margin-left: -65px;
    }
    #news {
        padding-top: 30px;
    }
    #avisos-home {
        margin-top: 66px !important;
    }

    #carrusel-avisos .carousel-control-prev {
        top: -10px;
    }
    #carrusel-avisos .carousel-control-next {
        top: -10px;
        margin-right: -3%;
    }


    #banner-cabecera, #banner, #imagenBannerLightBOX  {
        /**min-height: 499px;*/
        max-height: 516px;
        overflow: hidden;
    }
    #banner-n2, #banner-cabecera-n2 {
        /* max-height: 330px; */
        /* min-height: 250px; */
        overflow: hidden;
    }
    #banner-cabecera .image-container .gradient {
        top: 65px;
    }
    #banner img {
        width: 100%;
    }
	#banner-cabecera .image-container img, #banner-cabecera-n2 .image-container img {
	    width: 100%;
	}
    #banner-video {
        max-height: 300px;
    }
    #imagenBannerLightBOX #video.banner .image-container, #imagenBannerLightBOX #image.banner .image-container, #imagenBannerLightBOX #html-page.banner  .image-container {
        padding-top: 40%;
    }
    #imagenBannerLightBOX #video.banner-cabecera .image-container img, #imagenBannerLightBOX #image.banner-cabecera .image-container img, #imagenBannerLightBOX #html-page.banner-cabecera .image-container img,
    #imagenBannerLightBOX #video.banner-cabecera-n2 .image-container img, #imagenBannerLightBOX #image.banner-cabecera-n2 .image-container img, #imagenBannerLightBOX #html-page.banner-cabecera-n2 .image-container img,
    #imagenBannerLightBOX #video.banner .image-container img, #imagenBannerLightBOX #image.banner .image-container img, #imagenBannerLightBOX #html-page.banner .image-container img {
        width: 125%;
        left: -15%;
    }
    #banner-n2 .image-container, #banner-cabecera-n2 .image-container {
        /* max-height: 33px; */
    }
    /*#banner-n2 .image-container img, #banner-cabecera-n2 .image-container img {
        position: fixed;
        top: 65px;
    }*/
    #banner-cabecera-n2 h1.banner-title, #banner-cabecera-n2 h2.banner-title,
    #banner-video-n2 h1.banner-title, #banner-video-n2 h2.banner-title,
    #banner-n2 h1.banner-title, #banner-n2 h2.banner-title {
        margin-left: 50px;
        font-size: 24px;
        width: 100%;
        height: 16px;
        margin-top: -35px;
        padding-top: 0;
    }
    
    #banner h1.banner-title.bannerHome {
        margin-top: 0px;
    }
	.container-fluid:not(#avisos-home) {
	    padding-right: 65px;
	    padding-left: 65px;
    }
    #publicaciones {
	    padding-right: 165px !important;
        padding-left: 165px !important;
    }
    #publicaciones .col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    /* #centros {
        max-height: 500px;
    } */
	.volver-al-mapa:after {
    	padding: 5px 20px 0px 22px;
	}
    #carrusel-destacados .title {
        font-size: 20px;
        line-height: 24px;
    }
	#centros .component-title {
	    margin: 20px 0;
	}
	.search select {
	    font-size: 14px;
    }
    #experiencias .text-box {
        padding-left: 75px;
    }
    #experiencias .h3 {
        font-size: 1.2em;
    }
    #experiencias .h4 {
        font-size: 0.9em;
        white-space: normal;
    }

    #experiencias .text-box p {
        font-size: 18px;
        line-height: 22px;
    }
    #social .iconos-rrss img {
        width: 55px;
    }
    .carrusel .carousel-item a.text {
        top: 50%;
    }
    #embedded-content > div {
        margin: 5%;
        height: 400px;
        max-width: 90%;
        overflow:scroll;
    }
    #embedded-content iframe {
        width: 1200px;
        height: 100%;
    }
    /* .enlaceFicheros .documentacion-asociada .image-container:empty + .type-of-content,
    .enlaceFicheros .enlaces-multimedia .image-container:empty + .type-of-content {
        left: calc(37.5% - 14px);
        font-size: 9px;
        top: 87px;
    } */
    #informacion-telefonica .row:last-child .title {
        min-height: auto;
    }
    #informacion-telefonica .row:last-child .col-lg-3.col-md-6:nth-child(2) .title {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    #informacion-telefonica .row:last-child .col-lg-3.col-md-6:nth-child(3) .title {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    #publicaciones img, #publicaciones-relacionadas img {
        padding: 0 20px 20px 20px;
    }
    #publicaciones-relacionadas .info {
        padding-left: 20px;
    }
    #cookiesFormGeneral,
    .cookiesFormGeneral,
    .tablaAmbar {
        margin-top: 0;
    }
    #cookiesFormGeneral form,
    .cookiesFormGeneral form,
    .tablaAmbar form {
        padding: 5%;
    }
    .pop-up-window {
        padding-top: 50px;
    }
    .pop-up-window .content {
        width: 90%;
    }
    .detalleAviso {
        border: 2px solid #cacfd7;
        margin: 10px 0 30px;
        padding: 60px 30px;
    }
    #convocatoriasEmpleoActivas .text-box, #convocatoriasEmpleoActivas2 .text-box {
        margin-top: 0px;
    }
    #servicios h2 {
        height: 45px !important;
        margin-bottom: 5%;
        font-size: 1.3em;
    }
    #experiencias .generic-button-container .generic-button {
        margin: 0 auto !important;
    }
    #pieN3RRSS, #pieN3copyRight {
        width: 100% !important;
        flex: 100%;
        max-width: 100%;
        text-align: center;
    }

    #footer .social p {
        float: none;
    }
    .enlaceFicheros {
        padding-left: 65px;
        padding-right: 65px;
    }

    #banner-cabecera-n2 .banner-text {
        padding-top: 85px;
    }

    #banner-cabecera-n2 .image-container img {
        position: fixed;
        top: 204px;
        height: auto;
    }

    #banner-cabecera-n2 .container-fluid {
        top: 406px;
    }

    

}
@media only screen and (max-width: 864px) {
    #banner .image-container img, #banner-n2 .image-container img {
        top: 0px;
    }
    #banner-cabecera .container-fluid {
        padding-left: 0px;
    }

    #banner a, #banner-cabecera .text-box > div, #banner-video .text-box > a  {
        padding-top: 30px;
    }
    #banner-cabecera-n2 .banner-text {
        padding-top: 85px;
    }
    #banner-cabecera-n2 .text-box {
        padding-top: 0px;
    }
    #publicaciones {
	    padding-right: 65px !important;
        padding-left: 65px !important;
    }
    #banner-cabecera .image-container {
        position: relative;
        padding-top: 46%;
    }
    .btnFeedbackLeft, .btnFeedback {
        max-width: 100% !important;
	    flex: 0 0 100% !important;
    }
    .btnFeedbackLeft button {
        float: none;
    }
    #feedback .row > div {
        margin-bottom: 15px;
    }
}
@media only screen and (max-width: 768px) {
    /* #banner-cabecera .image-container {
        padding-top: 52% !important;
    } */
}
@media only screen and (max-width: 767px) {
	body {
	    font-size: 14px;
	}
	h3 {
	    font-size: 1.5em;
    }

	a.generic-button {
	    max-width: 360px;
	}
    .cabeceraN2Logos, .pieN2Logos {
        padding-left: 0;
    }
    /*.carrusel .glyphicon-chevron-right:before {
        right: -12px;
    }*/

    #cookies {
        height: 94% !important;
        margin-top: 5%;
    }

    #avisos-home {
        margin-top: 60px !important;
        margin-bottom: -65px;
    }
    #avisos {
        height: 250px;
    }

    #avisos .row > div:nth-child(2) .text-box:before, #avisos .text-box:after {
        content: '';
        border-right: 0px;
    }
    #banner-cabecera, #banner, #imagenBannerLightBOX  {
        /**margin-top: 65px;
        min-height: 499px;*/
        overflow: hidden;
    }
    #banner-n2, #banner-cabecera-n2 {
        /* max-height: 335px; */
        overflow: hidden;
    }
    #banner-cabecera .image-container .gradient {
        top: 65px;
    }
    #banner img {
        width: 100%;
    }
	#banner a, #banner-cabecera .row > div, #banner-cabecera-n2 .row > div {
	    margin: 0 0 30px 30px;
	}
    #imagenBannerLightBOX> div a {
        margin: 0 0 30px 30px;
    }

    #banner-cabecera-n2 h1.banner-title, #banner-cabecera-n2 h2.banner-title,
    #banner-video-n2 h1.banner-title, #banner-video-n2 h2.banner-title,
    #banner-n2 h1.banner-title, #banner-n2 h2.banner-title {
        margin-left: 5px;
        font-size: 24px;
        width: 100%;
        height: 14px;
    }

    #banner-cabecera h3.banner-subtitle, #banner-cabecera h2.banner-subtitle,
    #banner-video h3.banner-subtitle, #banner-video h2.banner-subtitle, #banner-video h1.banner-subtitle,
    #banner h3.banner-subtitle, #banner h2.banner-subtitle, #banner h1.banner-subtitle,
    #imagenBannerLightBOX h3.banner-subtitle, #imagenBannerLightBOX h2.banner-subtitle, #imagenBannerLightBOX h1.banner-subtitle {
        display: none;
    }
    #banner h1.banner-title.bannerHome {
        margin-top: 60px;
    }

    #news .text-box p {
        min-height: 55px;
    }
	#news .col-1 {
		display: none;
	}
	#news .col-10 {
	    max-width: 100% !important;
	    flex: 0 0 100% !important;
	}
	#news .text-box.right {
		left: 25%;
	}
    #areas .aux-area {
        display: none;
    }
	#areas > .row + .row > div {
	    padding-bottom: 30px;
	}
    .odd-area {
        left: 25%;
    }
	.component-title {
	    margin: 0 0 30px 0;
		font-size: 26px;
        line-height: 30px;
	}
	#destacados .text-box {
		padding: 10px;
	}
	#destacados .titulo {
	    font-size: 16px;
	}
    #destacados .subtitulo {
        font-size: 12px;
    }
	.volver-al-mapa:after {
	    content: 'Volver';
	    right: 0;
	    padding: 5px 10px 0px 30px;
	}
	.volver-al-mapa:before {
	    right: 60px;
	}
    #servicios h2 {
        height: 90px;
        margin-bottom: 5%;
        font-size: 1.3rem;
    }
	#centros #leafletMap {
	    height: 50vh;
	}
	#centros .antartida p {
	    top: -2px;
	    left: 0;
	}
    #experiencias img {
		display: none;
	}
    #experiencias .generic-button-container {
        text-align: center;
        margin-top: 40px;
    }
    #experiencias a.generic-button {
        padding: 15px;
        margin-right: 0;
    }
    #experiencias .generic-button-container .generic-button {
        margin: 0 auto !important;
    }
	#cifras > div > div:not(.generic-button-container) {
        padding: 50px 0 0 0;
	}
	#cifras img {
        padding: 0 25%;
	}
	#cifras h2 {
        padding: 0;
	    margin: 0;
	    font-size: 1.85em;
	}
    #publicaciones img {
        padding: 0 20px 50px 20px;
    }
    #publicaciones .text {
        min-height: 12em;
    }
    #etiquetas-relacionadas {
        padding-top: 30px;
        padding-bottom: 30px;
    }
	#feedback a.info-error  {
	    margin: 40px auto;
	    display: block;
	}
	#centros .row.search > div:nth-child(4) {
		padding-top: 20px;
	}
    #imagenBannerLightBOX #video + .pop-up-window .content {
      width: 80%;
      min-width: 300px;
    }
    .pop-up-window .content {
        max-height: 95%;
    }
    .carrusel button.play-carrusel {
        left: 44.5%;
        width: 43px;
        height: 43px;
        top: 20%;
    }
    .carrusel .carousel-item a.text {
        padding: 0 10% 40px 10%;
        top: 39%;
    }
    .carrusel .carousel-item .text .title {
        font-size: 15px;
    }
    .carrusel .carousel-item .text p {
        font-size: 26px;
        line-height: 25px;
    }
    #carrusel-destacados .col-lg-2.col-sm-4 {
        padding: 0;
    }
    #carrusel-destacados .carousel-item {
        padding: 0 90px;
    }
    #carrusel-destacados .carousel-item a {
        border-left: 0;
        padding: 0;
        margin: 0;
    }
    #carrusel-destacados h4 {
        text-align: left;
        padding-left: 50px;
    }
    #carrusel-destacados h4:after {
        width: 40px;
        height: 40px;
        transform: rotate(0);
        top: 2px;
        left: 0;
    }

    .formularios-feedback h3 {
        padding-bottom: 8px;
        padding-left: 42px;
    }
    .formularios-feedback h3:before {
        width: 33px;
        height: 33px;
    }
    #botones-areas {
        padding: 20px;
    }
    #feedback button {
        margin: 10px auto;
    }
    #tarjetas .text-box,
    .tarjetasConvocatorias .text-box {
        min-height: unset;
    }
    #buscadorPrincipal .search-box-container, #buscadorActualidad .search-box-container {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    #buscadorPrincipal .results-list h3 {
        padding-bottom: 15px;
    }
    #buscadorPrincipal .results-list .total-results, .filtro-buscador.results-list .total-results {
        font-size: 14px;
    }
    .contenidoSeccionConFoto img {
        padding-bottom: 30px;
    }
    .imagenVideosYoutube iframe {
        width: 100%;
        height: auto;
    }
    .contenidoN1Padre h3:before {
        top: 4px;
        height: 17px;
    }
    .enlaceFicheros .menu {
        margin-bottom: 15px;
    }
    .enlaceFicheros .menu li:first-child, .enlaceFicheros .menu li {
        text-align: left;
        padding-bottom: 5px;
    }
    .enlaceFicheros .document-box li {
        margin-bottom: 60px;
    }
    .enlaceFicheros .enlaces-relacionados ul {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .enlaceFicheros .enlaces-relacionados button.open-more-documents {
        margin-top: 20px;
    }
    .enlaceFicheros .document-box li:last-child {
        margin-bottom: 0;
    }
    .enlaceFicheros .document-box li .image-container {
        max-width: 50%;
    }
    .enlaceFicheros .documentacion-asociada .image-container:empty, .enlaceFicheros .enlaces-multimedia .image-container:empty {
        background-size: 50%;
    }

    #suscripcionesFormGeneral {
        margin-top: 30px;
    }
    #contenidosRelacionadosPorEditor .row.one-image  > div:nth-child(1) {
        padding-bottom: 10px;
    }
    #contenidosRelacionadosPorEditor .row.one-image  > div:nth-child(2) {
        padding-top: 0px;
    }
    .filtro-buscador .filters label {
        min-height: 40px;
    }
    .filtro-buscador .search-button-container,  .filtro-buscador.results-list .total-results, .filtro-buscador.results-list #visualizacion, .filtro-buscador.results-list #paginacion {
        text-align: center;
    }
    .filtro-buscador.results-list #visualizacion {
        left: -30px;
    }
    .filtro-buscador.results-list #paginacion {
        padding: 0 0 30px 0;
    }
    .filtro-buscador .filters-2-container input, .filtro-buscador .filters-2-container select {
        margin-right: 0;
    }
    ul.filters-2 li:nth-child(2) {
        text-align: right;
    }
    .filtro-buscador .filters-2-container li.filter-sort {
        text-transform: uppercase;
    }
    #contenidoActualidadFilas .date {
        padding-bottom: 0;
    }
    #contenidoActualidad .image-container img {
        width: 100%;
        height: auto;
        margin-left: 0;
    }
    #contenidoActualidad .text-box {
        padding: 20px;
    }
    .imagenVideosYoutube .first-row .text-box {
        position: relative;
        color: #FFF;
        background-color: #3f4146;
        padding: 20px 0 50px 0;
        bottom: 0;
        top: 0;
    }
    .imagenVideosYoutube .first-row h1, .imagenVideosYoutube .first-row h2 {
        font-size: 27px;
    }
    .imagenVideosYoutube .second-row {
        padding-left: 15%;
        padding-right: 15%;
    }
    .imagenVideosYoutube .second-row .row .col-md-3:nth-child(odd) {
        padding-bottom: 0;
    }
    .imagenVideosYoutube .second-row .text-box {
        font-size: 1rem;
        width: 94%;
        margin: 1% 3%;
        top: 100%;
    }
    .imagenVideosYoutube .second-row .text-box.imagen {
        position: relative;
        width: 94%;
        margin: 1% 3%;
        top: -100%;
    }
    .contenidoSeccionConFotoAltoCargo .text-box  {
        padding-top: 10%;
    }
    .contenidoSeccionConFotoAltoCargo h1 {
        font-size: 30px;
        line-height: 35px;
    }
    .contenidoSeccionConFotoAltoCargo .cargo {
        font-size: 15px;
        line-height: 20px;
    }

    /* .enlaceFicheros .documentacion-asociada .image-container:empty + .type-of-content,
    .enlaceFicheros .enlaces-multimedia .image-container:empty + .type-of-content {
        top: 100px;
        left: calc(25% - 22px);
        font-size: 12px;
    } */
    #informacion-telefonica .row:last-child .col-lg-3.col-md-6 .title {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    #informacion-telefonica .text-box {
        margin-top: 25px;
        margin-bottom: 25px;
    }
    #informacion-telefonica .text-box .contenidoSeccionBulletsDorado li a {
        font-size: 20px;
    }
    #detalle-publicacion .punto-venta .row:not(.text) > div a {
        line-height: 50px;
    }
    #publicaciones-relacionadas .row:not(.tres) h4 {
        text-align: center;
    }
    #publicaciones img, #publicaciones-relacionadas .publicaciones > div:not(.tres) img, #publicaciones-relacionadas .publicaciones > a:not(.tres) img {
        padding: 15px 50px 50px 50px;
    }
    form.suscripciones .checkbox-suscripciones {
        font-size: 15px;
    }
    #contenidosRelacionadosPorEditor .row.one-image  > div:nth-child(1) {
        padding-bottom: 10px;
    }
    #contenidosRelacionadosPorEditor .row.one-image  > div:nth-child(2) {
        padding-top: 0px;
    }
    #cookiesFormGeneral form,
    .cookiesFormGeneral form,
    .tablaAmbar form {
        padding: 2%;
    }
    #cookiesFormGeneral .tabla,
    .cookiesFormGeneral .tabla,
    .tablaAmbar .tabla {
        overflow: auto;
    }
    #cookies form h1, #cookies form h5 {
        margin: 0;
    }
    #cookies form {
        padding: 0;
    }
    #cookies .text-box {
        margin-top: 15px;
    }
    #cookies .buttons-container {
        text-align: center;
    }
    #cookies .buttons-container button {
        position: relative;
        left: unset;
        margin: 20px auto;
    }
    #cookies .buttons-container a {
        position: relative;
        right: unset;
        margin: 0 auto;
        display: block;
        max-width: 300px;
    }
    #cookies .buttons-container div.tiempo {
        position: relative;
        top: 0;
        padding: 0;
        margin: 0 auto;
    }
    .detalleAviso {
        border: 2px solid #cacfd7;
        margin: 10px 0 30px;
        padding: 50px 20px;
    }
    #detalle-evento .info {
        padding: 20px 10px;
    }
    #detalle-evento .estado:after {
        left: 190px;
    }
    #convocatoriasEmpleoActivas2 {
        padding: 0px 25px;
    }
    #convocatoriasEmpleoActivas .feder:nth-child(1), #convocatoriasEmpleoActivas2 .feder:nth-child(1) {
        order: 2;
    }

    #convocatoriasEmpleoActivas .feder:nth-child(2), #convocatoriasEmpleoActivas2 .feder:nth-child(2) {
        order: 1;
        padding-left: 5%;
        padding-right: 5%;
        margin-bottom: 5%;
    }

    #convocatoriasEmpleoActivas .img-feder img, #convocatoriasEmpleoActivas2 .img-feder img {
        float: none;
        max-width: 100% !important;
        margin-left: 0%;
    }
    table, th {
        width:100% !important;
    }
    thead {
        background-color: #FFFFFF !important;
        color: #000000 !important;
    }
    thead tr th:last-child {
        margin-bottom: 30px !important;
    }
    tr:nth-of-type(2n) {
        background-color: inherit;
    }
    tr td:first-child {
        background: #836501;
        color: #FFFFFF;
        font-weight:bold;
        font-size:1rem;
    }
    tbody td, thead th {
        display: block;
        text-align:center;
    }
    tbody td:before, thead th:before {
        content: attr(data-th);
        display: block;
        text-align:center;
    }

}
@media only screen and (max-width: 720px) {

}
@media only screen and (max-width: 575px) {
    .full-width, .container-fluid .container-fluid {
        width: calc(100% + 60px);
        margin-left: -30px;
    }

    .cabeceraN2Logos.multiple-external-logos img, .pieN2Logos.multiple-external-logos img {
        height: 42px;
        margin-top: 13px;
    }
    #nav-movil .navbar1-brand {
        color: black;
    }

    .wrapperMargin {
        margin-top: 60px !important;
    }
    a.generic-button, button.generic-button, a.generic-button-2, button.generic-button-2 {
        margin: 0 auto;
        margin-bottom: 30px;
        max-width: 90% !important;
    }
    button#personalizar-cookies.generic-button-2 {

        padding: 10px 10px !important;
        width: 100%;
        font-size: 14px;
    }
    #breadcrumbs {
        padding-top: 20px;
    }
	.container-fluid:not(#avisos-home) {
	    padding-right: 30px !important;
        padding-left: 30px !important;
	}
/*	.component-title:before {
	    bottom: -2px;
	    width: 20px;
    }*/


    #avisos.carrusel .glyphicon-chevron-left:before, #avisos.carrusel .glyphicon-chevron-right:before {
        left: 13px;
        width: 25px;
        height: 45px;
    }
    #avisos .row:not(.button-container) > div {
        position: relative;
        padding: 0 50px;
        left: 10px;
        hyphens: manual;
        -ms-hyphens: manual;
-webkit-hyphens: manual;
    }
    #avisos .row.button-container > div {
        margin: 0 auto;
    }
    #avisos .title h4, #avisos .title h2 {
        font-size: 1.2rem;
    }
    /* #carrusel-avisos .carousel-control-next {
        margin-right: 0;
    } */
    #banner, #banner-cabecera, #imagenBannerLightBOX  {
        min-height: 315px;
        overflow: hidden;
        margin-top: 0px;
    }
    #banner-n2, #banner-cabecera-n2 {
        margin-top: 65px;
        max-height: 250px;
        overflow: hidden;
    }
    #banner img {
        width: 100%;
    }
	#banner a, #banner-cabecera .row > div, #banner-cabecera-n2 .row > div {
	    margin: 0 0 30px 30px;
	}
    #imagenBannerLightBOX> div a {
        margin: 0 0 30px 30px;
    }



    #banner-cabecera-n2 h1.banner-title, #banner-cabecera-n2 h2.banner-title,
    #banner-video-n2 h1.banner-title, #banner-video-n2 h2.banner-title,
    #banner-n2 h1.banner-title, #banner-n2 h2.banner-title {
        margin-left: 5px;
        font-size: 24px;
        width: 100%;
        height: 14px;
        margin-top: -170px;
    }

    #banner-cabecera h3.banner-subtitle, #banner-cabecera h2.banner-subtitle,
    #banner-video h3.banner-subtitle, #banner-video h2.banner-subtitle, #banner-video h1.banner-subtitle,
    #banner h3.banner-subtitle, #banner h2.banner-subtitle, #banner h1.banner-subtitle,
    #imagenBannerLightBOX h3.banner-subtitle, #imagenBannerLightBOX h2.banner-subtitle, #imagenBannerLightBOX h1.banner-subtitle {
        display: none;
    }
    #banner-cabecera h1.banner-subtitle {
        padding: 0 0px;
        font-size: 1rem;
    }
    #banner .image-container, #banner-n2 .image-container {
        padding-top: 28%;
    }

    #banner-cabecera  .image-container, #banner-cabecera-n2 .image-container {
        padding-top: 38%;
    }
    #banner-cabecera .banner-text, #banner-video .banner-text, #banner .banner-text, #imagenBannerLightBOX .banner-text {
        padding-top: 45px;
    }
    #banner .text-box {
        padding-top: 0px !important;
        padding-bottom: 0px !important;

    }
    #banner-cabecera .text-box, #banner-cabecera-n2 .text-box {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    #banner .text-box .bannerHome {
        padding-top: 60px !important;
        padding-bottom: 0px !important;
    }
    #banner h1.banner-title.bannerHome {
        margin-top: 0px;
    }

	#news .text-box .date {
	    top: 0;
	    padding-bottom: 20px;
	}
	#news .text-box.top-1, #news .text-box.top-2 {
		margin-top: 225px;
	}
	#news .image-right, #news .text-box.right, #news .text-box a {
		left: 0;
	}
    #areas h4 {
        font-size: 1.3rem;
    }
    #areas h4.aux-blank-content {
        min-height: auto;
    }
    .odd-area  {
        left: 0;
    }
	#destacados .text-box {
	    padding: 30px 15px 0px 15px;
	}
    #servicios h2 {
        font-size: 1.3rem;
        height: 60px;
    }
	.search label {
	    min-height: auto;
	}
	.search > div {
	    padding-bottom: 5px;
	}
	#centros .search-options .row {
    	padding-top: 12px;
	}
	#centros label {
    	font-size: 15px;
	}
	#centros .row.search > div:nth-child(4) {
	    padding-top: 15px;
	}
	#centros {
	    margin-bottom: 0px;
	}
	#centros .canarias, #centros .antartida, #centros .volver-al-mapa {
	    border: 5px solid #FFF;
	}
	.dot:before {
	    height: 15px;
	    width: 15px;
	}
	#experiencias {
		background-size: auto 100%;
	}

	#experiencias .container-fluid {
	    padding-right: 80px;
	    padding-left: 80px;
	}
	#experiencias .h3 {
	    font-size: 1.5em;
	}
	#experiencias .h4 {
	    font-size: 1em;
	}
	#experiencias .text-box p {
	    min-height: 65px;
	    font-size: 25px;
	    line-height: 33px;
    }
    #experiencias .carousel-item {
        margin-left: -20px;
    }
    #experiencias .generic-button-container .generic-button {
        margin: 0 auto !important;
    }
    #experiencias.carrusel .glyphicon-chevron-left {
        margin-left: 0px;
    }
    #experiencias.carrusel .glyphicon-chevron-right {
        right: 5%;
    }

	#cifras {
	    padding-top: 30px;
	}
	#cifras > div > div:not(.generic-button-container) {
	    padding: 0 0 30px 0;
	}
	#servicios div > div:nth-child(2):after, #cifras div > div:nth-child(2):after  {
	    content: '';
	    border-right: 0px;
	}
	.contenidoN1Padre .left-img .first-container, .contenidoN2Hoja .left-img .first-container  {
		order: 1;
	}
	.contenidoN1Padre .left-img .second-container, .contenidoN2Hoja .left-img .second-container {
		order: 2;
    }
    .contenidoN1Padre .row .first-container h2 {
        font-size: 1.25rem;
    }

    .contenidoN1Padre .enlaces-internos .row > a > .title {
        min-height: 65px;
    }

    .contenidoN1Padre .enlaces-internos .row > a > .title p {
        font-size: 10px;
        /*overflow: hidden;*/
    }

    .contenidoN1Padre .third-container {
        margin-top: 15px;
    }

    .contenidoN1Padre > div {
        padding-top: 15px;
        padding-bottom: 0px;
    }

    #publicaciones div > div:after {
        content: '';
        border-right: 0px;
    }
    #publicaciones img {
        padding: 0 50px 50px 50px;
    }
    #publicaciones .text {
        min-height: 8em;
    }
    #publicaciones .col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    #social .iconos-rrss img {
        width: 42px;
    }
    .pieCarruselLogos .carrousel {
        height: 100px;
    }

  	.pieCarruselLogos .carrousel .fas {
  		font-size: 35px;
    }
    .pieCarruselLogos .carrousel .logo img {
	    left: 0;
	}

    #enlacePaginas ul, #enlaceMultimedia ul {
        padding: 0;
    }
    #carrusel-banner .carousel-item img {
        width: auto !important;
        max-width: 150%;
        height: auto;
        min-height: 320px;
    }
    #carrusel-destacados .carousel-item {
        padding: 0 80px;
    }

    #botones-areas {
        padding: 0 15px;
    }
    #entrecomillado {
        padding-top: 40px;
        padding-bottom: 10px;
        font-size: 17px;
        line-height: 23px;
    }
    #entrecomillado .comilla {
        font-size: 60px;
    }
    #entrecomillado .col-md-9.col-8 {
        padding: 0 30px;
    }
    #buscadorPrincipal .search-box-container, #buscadorActualidad .search-box-container {
        margin-top: 10px;
    }
    #buscadorPrincipal .search-box label {
        font-size: 22px;
    }
    #buscadorPrincipal .search-box label, #buscadorPrincipal .search-box input {
        margin: 5px;
    }
    #buscadorPrincipal .search-box .col-md-8 > div {
        padding: 10px 0 20px 0;
    }
    #buscadorPrincipal .results-list .total-results, .filtro-buscador.results-list .total-results {
        top: 0;
        font-size: 14px;
        text-align: center;
        padding-bottom: 10px;
    }
    #buscadorPrincipal .results-list #paginacion, .filtro-buscador.results-list #paginacion {
        text-align: center;
        padding-right: 18px;
    }
    #buscadorPrincipal button.generic-button {
        margin: 0;
    }
    #buscadorPrincipal button#show-more-results-button.generic-button {
        margin-bottom: 30px;
        padding: 25px;
    }
    .enlaceFicheros .menu button.selected {
        font-size: 20px;
    }
    #suscripcionesFormGeneral {
        margin-top: 10px;
    }
    form.suscripciones{
        padding: 25px;
    }
    .grey-border {
        padding-left: 25px;
    }
    form.suscripciones h1, .grey-border h1 {
        font-size: 25px;
    }
    .grey-border h1:not(.main) {
        margin-bottom: 25px;
    }
    form.suscripciones h5, .grey-border h5 {
        margin-bottom: 25px;
        font-size: 17px;
    }
    form.suscripciones ol li {
        margin-top: 0;
    }
    form.suscripciones ol li p {
        margin-bottom: 0;
    }
    form.suscripciones .checkbox-suscripciones div {
        padding: 0 0 0 27px;
    }
    form.suscripciones .checkbox-suscripciones {
        margin: 10px 0 0 30px;
    }
    form.suscripciones .menu-desplegable-seleccion-multiple {
        margin-left: 30px;
        margin-bottom: 30px;
        font-size: 15px;
    }
    form.suscripciones .buttons-container button {
        padding: 20px;
        font-size: 13px;
    }
    .filtro-buscador .search-box label {
        margin-bottom: 0;
    }
    .filtro-buscador .search-box input {
        margin-top: 0;
    }
    .filtro-buscador .filters label {
        min-height: 0;
    }
    .imagenVideosYoutube .second-row .main-text {
        padding-top: 30px !important;
    }
    .contenidoSeccionConFotoAltoCargo .text-box {
        padding-bottom: 15px;
    }
    /* .enlaceFicheros .documentacion-asociada .image-container:empty + .type-of-content,
    .enlaceFicheros .enlaces-multimedia .image-container:empty + .type-of-content {
        top: 96px;
    } */
    #detalle-publicacion h2 {
        text-align: center;
    }
    #detalle-publicacion .image-container {
        padding: 0 40px;
    }
    #detalle-publicacion .punto-venta .row:not(.text) > div a {
        line-height: 120px;
    }
    #publicaciones-relacionadas .row.tres > div {
        border-right: 0px;
    }
    #publicaciones-relacionadas img {
        padding: 0 50px 30px 50px;
    }
    #aviso-listado span.date {
        display: block;
        width: 180px;
        margin: 15px 0 11px 0;
        padding: 0;
    }
    #aviso-listado .aviso-importante span.date {
        margin-left: 0;
        text-align: center;
    }#cookies .text-box {
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        hyphens: manual;
        -ms-hyphens: manual;
-webkit-hyphens: manual;
    }
    #cookies .checkbox-container {
        margin-left: 0px;
        line-height: 1.2;
    }
    #cookies .text-box p {
        line-height: 1.2em;
        font-size: 12px;
    }
    #cookies legend:first-of-type {
        display: none;
    }
    #cookies legend {
        font-size: 1rem;
    }
    #cookiesFormGeneral .checkbox-container,
    .cookiesFormGeneral .checkbox-container,
    .tablaAmbar .checkbox-container {
        padding-left: 10px;
    }
    #cookies .buttons-container button {
        margin: 0 auto;
    }
    #cookiesFormGeneral .checkbox-container .checkmark-disabled,
    .cookiesFormGeneral .checkbox-container .checkmark-disabled,
    .tablaAmbar .checkbox-container .checkmark-disabled {
        height: 20px;
        width: 20px;
        border: 1px solid #b1b9c3;
    }
    #cookiesFormGeneral .checkbox-container .checkmark,
    .cookiesFormGeneral .checkbox-container .checkmark,
    .tablaAmbar .checkbox-container .checkmark {
        height: 20px;
        width: 20px;
        border: 1px solid #b1b9c3;
    }
    #cookiesFormGeneral .checkbox-container .checkmark:after,
    .cookiesFormGeneral .checkbox-container .checkmark:after,
    .tablaAmbar .checkbox-container .checkmark:after {
        left: 6px;
        top: 0;
        width: 8px;
        height: 14px;
        border: solid #000;
        border-width: 0 4px 4px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #cookiesFormGeneral li p,
    .cookiesFormGeneral li p,
    .tablaAmbar li p {
        padding-left: 30px;
    }
    #cookiesFormGeneral .checkbox-container .checkmark-disabled:after,
    .cookiesFormGeneral .checkbox-container .checkmark-disabled:after,
    .tablaAmbar .checkbox-container .checkmark-disabled:after {
        left: 6px;
        top: 0;
        width: 8px;
        height: 14px;
        border: solid #AAA;
        border-width: 0 4px 4px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #cookiesFormGeneral th, td,
    .cookiesFormGeneral th, td,
    .tablaAmbar th, td {
    padding: 4px;

    }
    #cookiesFormGeneral input[type="submit"],
    .cookiesFormGeneral input[type="submit"],
    .tablaAmbar input[type="submit"] {
    padding: 20px 50px;
    }
    #cookiesFormGeneral .wrapper,
    .cookiesFormGeneral .wrapper,
    .tablaAmbar .wrapper {
    width: 100%;
    }
    .pop-up-window {
        padding-top: 20px;
    }
    .pop-up-window .content {
        max-height: 97%;
    }
    .detalleAviso {
        border: 2px solid #cacfd7;
        margin: 10px 0 30px;
        padding: 40px 10px;
    }
    .avisoTitulo img {
        width: 65px;
        margin: -26px -74px;
    }
    .avisoText {
        padding: 16px 20px 0 20px;
    }
    .avisoTitulo {
        margin-left: 46px;
    }
    #detalle-evento .texto {
        padding-top: 40px;
    }
    #tarjetas .imagen-tarjeta,
    .tarjetasConvocatorias .imagen-tarjeta {
        max-height: 180px !important;
    }
    .imagenVideosYoutube .overlay {
        border: 0px;
    }
    #contacto .pl-0.pantallaCompleta {
        justify-content: center;
        display: flex;
        margin-bottom: 40px;
    }
    #contacto img {
        float: none;
        margin-right: 0px;
    }

    #eventos .estado {
        width: 90%;
        font-size: 0.9rem;
        padding: 3px 10px 3px 10px;
    }

    .enlaceFicheros .document-box li .image-container {
        max-width: 100%;
    }
    #contenidoActualidad, #contenidoActualidadFilas, #contenidoActualidadColumnas {
        margin-left: 0px !important;
    }
    #contenidoActualidadFilas .date {
        margin-bottom: 15px;
    }

    #imagenEnlacesV1 .text-box p {
        width: 100%;
    }

    #convocatoriasEmpleoActivas2 h3, #convocatoriasEmpleoActivas2 h2 {
        font-size: 1.5rem;
    }
    #news .text-box h2 {
        /**max-height: 58px;*/
        min-height: 58px;
        font-size: 1rem;
    }
    #news .text-box .date {
        font-size: 14px;
    }

}
@media only screen and (max-width: 480px) {
    a.generic-button {
        max-width: 290px;
        font-size: 16px;
        padding: 8px 16px !important;
    }
    .cabeceraN2, .cabeceraN2Logos img, .pieN2Logos img {
        height: 60px;
    }
    .pieN2Logos {
        height: auto;
    }
    #avisos-home {
        padding-top: 5px;
        padding-bottom: 5px;
        top: 10px;
    }
    #avisos-home .close {
        top: 10px;
    }
    /*.pop-up-window {
        width: 85%;
        padding-bottom: 20%;
    }*/
    #banner-video video {
        position: relative;
        left: -30%;
    }
    #banner-cabecera .image-container, #banner-cabecera-n2 .image-container {
        padding-top: 27%;
    }
    #banner .image-container, #banner-n2 .image-container {
        padding-top: 32%;
    }
	#news > .row:first-child {
	    margin-top: 0;
	}
	#centros #leafletMap {
	    height: 38vh;
	}
	#centros select {
	    padding: 5px;
	}
	#filtra-centros {
	    padding: 20px;
	}
    #experiencias .text-box {
        padding-left: 30px;
    }
    #experiencias.carrusel .glyphicon-chevron-left:before, #experiencias.carrusel .glyphicon-chevron-right:before {
        left: 13px;
        width: 25px;
        height: 45px;
    }
	#experiencias .h3 {
	    font-size: 1.2em;
	}
	#experiencias .h4 {
	    font-size: 0.9em;
	    /* white-space: nowrap; */
	}
	#experiencias .text-box p {
	    min-height: 90px ;
	    font-size: 18px;
	    line-height: 22px;
	}
    #experiencias.carrusel .glyphicon-chevron-left {
        left: 10px;
    }
    #experiencias.carrusel .glyphicon-chevron-right {
        right: 10px;
    }
    #experiencias.carrusel .glyphicon-chevron-left, #experiencias.carrusel .glyphicon-chevron-right {
        width: 25px;
    }
    #botones-areas > div {
        margin: 15px auto;
    }
	#feedback {
        padding-bottom: 20px;
	}
    .formularios-feedback .borde {
        padding: 20px!important;
    }
    .formularios-feedback ul li p {
        margin-bottom: 1rem;
    }
    .formularios-feedback ul li #formulario-de-contacto label {
        position: absolute;
        width: 0.1px;
        height: 0.1px;
        min-height: 0.1px;
    }
    .formularios-feedback ul li button.selected + .formulario-error {
        margin: 15px 0 30px 0;
    }
    form.suscripciones ol li p {
        padding-right: 10px;
    }
    #formulario-de-contacto .container-etiquetas {
        min-height: 3em;
    }
  	/* .pieCarruselLogos .carrousel {
  		height: 150px;
  	} */
    .formulario-error #formulario-de-contacto div.error {
        display: none;
    }
    .formulario-error #formulario-de-contacto input {
        margin: 5px 0;
    }
    .formulario-error #formulario-de-contacto input.enviar-formulario {
        margin: 10px 0;
    }
    #contacto h2 {
        line-height: 30px;
    }
    /* .enlaceFicheros .documentacion-asociada .image-container:empty + .type-of-content,
    .enlaceFicheros .enlaces-multimedia .image-container:empty + .type-of-content {
        top: 87px;
    } */
    #informacion-telefonica .row:nth-child(2) .title {
        text-align: center;
        display: flex;
        justify-content: center;
        padding-top: 50;
        align-items: center;
        min-height: 70px;
    }
    #informacion-telefonica .text-box {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    #informacion-telefonica .text-box .contenidoSeccionBulletsDorado li a {
        font-size: 16px;
    }
    #informacion-telefonica .text-box img {
        width: 50px;
    }
    .info-060 {
        width: 60px;
        height: 60px;
    }
    #detalle-publicacion .punto-venta .row:not(.text) > div a {
        line-height: 100px;
    }
    #cookies .cookies {
        padding-top: 10px;
    }
    #cookies form {
        padding: 0 20px 0 0;
    }
    #cookies form h1 {
        font-size: 23px;
    }
    #cookies form h5 {
        font-size: 14px;
    }
    #cookiesFormGeneral form,
    .cookiesFormGeneral form {
        padding: 4px;
    }
    /**#cookies .text-box {
        margin-top: 7px;
    }*/
    #cookies ul {
        margin: 0;
    }
    #cookies li {
        margin: 5px;
    }
    #cookies li p {
        padding-left: 7px;
        font-size: 13px;
        margin: 0;
    }
    #cookies .buttons-container button {
        margin: 10px auto;
    }
    /** #cookies .buttons-container div.tiempo {
        margin-bottom: 30px;
    } */
    #cookiesFormGeneral .nota,
    .cookiesFormGeneral .nota {
        font-size: 14px;
    }
    #cookies .buttons-container button, #cookies .buttons-container a, #cookies .buttons-container .tiempo {
        padding: 5px 6px !important;
        width: 230px;
    }
    #cookies .checkbox-container .checkmark-disabled {
        height: 20px;
        width: 20px;
    }
    #cookies .checkbox-container .checkmark-disabled:after {
        left: 4px;
        top: -5px;
    }
    #banner-cabecera{
        margin-bottom: -115px;
    }
    #banner-cabecera .image-container img, #banner-cabecera-n2 .image-container img,
    #banner-n2 .image-container img  {
        top: 55px;
    }
    #banner .image-container img {
        top: 0px;
    }
    div.tiempo {
        font-size: 12px !important;
    }

    #convocatoriasEmpleoActivas2 h3, #convocatoriasEmpleoActivas2 h2 {
        font-size: 1.25rem;
    }
    #news .text-box.top-1, #news .text-box.top-2 {
        margin-top: 150px;
    }
    #news .text-box .date {
        font-size: 12px;
    }
    #servicios h2 {
        font-size: 1.5rem;
    }
}
@media only screen and (max-width: 360px) {
    #avisos-home {
        margin-top: 55px !important;
    }
    #avisos-home div {
        padding: 0px 0px;
    }
    #avisos-home p {
        overflow: visible !important;
        font-size: 14px;
    }
    #avisos-home span.date {
        font-size: 14px;

    }
    #publicaciones .col-md-3 img, #publicaciones-relacionadas .col-md-3 img {
        padding: 0 25px 25px 25px;
    }
    #banner h1 {
        max-width: 300px;
    }
    #banner .image-container img {
        top: 0px;
    }
    #banner .image-container, #banner-n2 .image-container {
        padding-top: 26%;
    }
    #banner-cabecera .image-container, #banner-cabecera-n2 .image-container {
        padding-top: 28%;
    }
    #banner-cabecera .banner-text, #banner-video .banner-text, #banner .banner-text, #imagenBannerLightBOX .banner-text {
        padding-top: 30px;
    }
    #carrusel-destacados .carousel-item {
        padding: 0 40px;
        margin-left: 5px;
    }
    #carrusel-destacados .carousel-item .title {
        hyphens: none;
        -ms-hyphens: none;
    }
    #servicios h2 {
        height: 45px;
        font-size: 1rem;
    }
    #social .iconos-rrss a {
        margin: 5px;
    }
    #news .text-box.top-1, #news .text-box.top-2 {
        margin-top: 125px;
    }

}
@media only screen and (max-width: 320px) {
    /* .generic-button-container {
        padding-left: 0px;
        padding-right: 0px;
    } */
    a.generic-button {
        max-width: 290px;
        font-size: 14px;
        padding: 8px 16px !important;
    }
    .cabeceraN2Logos img, .pieN2Logos img, .cabeceraN2Logos.multiple-external-logos img, .pieN2Logos.multiple-external-logos img {
        height: 35px;
        margin-top: 13px;
    }
	#news .text-box.top-1, #news .text-box.top-2 {
		margin-top: 145px;
	}
	#centros .antartida p {
	    left: -12px;
	}
	.leaflet-container .leaflet-control-attribution {
	    font-size: 10px;
	}
	#centros .row.key-map {
	    font-size: 12px;
	}
    /* .enlaceFicheros .documentacion-asociada .image-container:empty + .type-of-content,
    .enlaceFicheros .enlaces-multimedia .image-container:empty + .type-of-content {
        top: 90px;
        font-size: 9px;
    } */
    #imagenEnlacesV1 .entradilla .text {
        max-height: 7.1em;
    }
    #imagenEnlacesV1 .entradilla .text {
        line-height: 20px;
        font-size: 20px;
    }
    .form label.fichero span {
        font-size: 11px;
    }
    .detalleAviso .botonCentrado a {
        padding: 10px 20px;
    }
}
@media only screen and (max-height: 768px) {
    #breadcrumbs {
        padding-top: 22px;
    }
    .pop-up-window {
        padding-top: 20px;
    }
    #buscadorPrincipal .search-box-container, #buscadorActualidad .search-box-container {
        margin-top: 0;
        margin-bottom: 35px;
    }
    #buscadorPrincipal .results-list h3 {
        padding-bottom: 7px;
    }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#related-news h4:before, #related-news p:before, #contenidosTopVisitas h4:before, #contenidosTopVisitas p:before {
	    content: '...';
	    position: absolute;
	    right: 10px;
	    bottom: 0;
	}
	#related-news h4:after, #related-news p:after,  #contenidosTopVisitas h4:after, #contenidosTopVisitas p:after {
	    content: '';
	    position: absolute;
	    right: 10px;
	    width: 1em;
	    height: 1em;
	    margin-top: 0.2em;
	    background: #1C2324;
	}
	#related-news h4, #related-news p, #contenidosTopVisitas h4, #contenidosTopVisitas p {
		padding-right: 1em;
	}
	#related-news h4:before, #related-news p:before, #contenidosTopVisitas h4:before, #contenidosTopVisitas p:before {
		right: 0;
	}
	#related-news h4:after, #related-news p:after, #contenidosTopVisitas h4:after, #contenidosTopVisitas p:after {
		background: #FFF;
		right: 0;
	}
}

@-moz-document url-prefix() {
    #paginacion .multiple-previous, #paginacion .previous, #paginacion .next, #paginacion .multiple-next {
        background-position-y: -4px !important;
    }
}

/** Mapa Web */
/* #mapaweb {
    border: 3px solid #cacfd7;
    padding: 60px;
} */
#mapaweb a {
    color: black;
    text-decoration: none;
}

#mapaweb h1 {
    font-weight: 200;
    text-align: center;
    font-family: 'Poppins', sans-serif;
}
#mapaweb ul {
    list-style-type: none;
}
#mapaweb .nivel1 {
    font-family: 'Poppins Bold', sans-serif;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
}

#mapaweb .row {
    padding-top: 20px;
    padding-left: 20px;
    border-bottom: 1px solid #CACFD7;
}

#mapaweb .row-element {
    margin-bottom: 40px;
}

#mapaweb div.nivel2 {
    margin-top: 15px;
}

#mapaweb span.nivel2_titulo {
    font-family: 'Poppins Regular', sans-serif;
    margin-left: -10px;
}

#mapaweb .active {
    cursor: pointer;
}

#mapaweb span.nivel2_link {
    position: absolute;
    background-image: url(../img/link-solid.svg);
    background-position: '50% 50%';
    width: 15px;
    height: 15px;
    left: 80px;
    margin-top: 5px;
}

@media screen and (max-width: 575px) {
    #mapaweb span.nivel2_link {
        left: 40px;

    }
}

#mapaweb span.nivel2_mas {
    position: absolute;
    background-image: url(../img/icono-flecha-derecha-mapaweb.svg);
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    margin-top: 8px;
    margin-left: 5px;
}

#mapaweb ul.nivel3 {
    display: none;
    list-style-type: disc;
    font-family: 'Poppins Regular', sans-serif;
    margin-left: -30px;
    margin-top: 10px;
    margin-bottom: 20px;
}

#mapaweb ul.nivel3 li a {
    text-decoration: underline;
}

#mapaweb .rotated {
    transform: rotate(90deg);
}
#mapaweb .more {
    cursor: pointer;
    font-size: 12px;
    margin-left: 20px;
}


#mapaweb ul.nivel3 li .agrupador {
    text-decoration: none !important;
}

#mgnlhp {
    display: none;
}


/** Componente imagen con titulo */
.imagenConTitulo {
    padding-top: 20px;
    padding-bottom: 40px;
}
.imagenConTitulo h3 {
    position: relative;
    padding-left: 15px;
    margin-bottom: 40px;
}
.imagenConTitulo h3:before {
    position: absolute;
    content: '';
    left: 0;
    top: 7px;
    border-left: 3px solid #836501;
    height: 21px;
}
.imagenConTitulo .izquierda {
    text-align: left;
}
.imagenConTitulo .centro {
    text-align: center;
}
.imagenConTitulo .derecha {
    text-align: right;
}
.imagenConTitulo .cuarto {
    width: 25%;
}
.imagenConTitulo .mitad {
    width: 50%;
}
.imagenConTitulo .trescuartos {
    width: 75%;
}
.imagenConTitulo .total {
    width: 100%;
}
.imagenConTitulo .imagenPie {
    font-size: 14px;
    text-align: right;
    padding-right: 10px;
}
.imagenConTitulo .imagenPie.centro {
    display: inline-block;
}
.imagenConTitulo .imagenPie.derecha {
    width: 100%;
}
@media screen and (max-width: 768px) {
    .imagenConTitulo .imagenPie {
        font-size: 12px;
    }
}
.subIcts {
    display: none;
}
#cifras .row {
    justify-content: center !important;
}


.alignBase {
    vertical-align: baseline;
    width: 26px;
    margin-left: 5px;
}
#comunicacion {
    padding-top: 30px;
}
#comunicacion h1 {
    font-weight: 600;
    hyphens: manual;
    -ms-hyphens: manual;
-webkit-hyphens: manual;
}

#comunicacion ~ .container-fluid {
    padding-left: 300px;
    padding-right: 300px;
}
#comunicacion ~ .container-fluid#imagenEnlaces, #comunicacion ~ .container-fluid.iframe {
    padding-left: 165px;
    padding-right: 165px;
}
#comunicacion ~ .container-fluid.iframe {
    text-align: center;
    margin-bottom: 30px;
}

#comunicacion .enlaceFicheros .document-box {
    border-left: 2px solid #e2e9ea;
    padding-left: 15px;
    margin-left: 0px;
}

#comunicacion .enlaceFicheros .documentacion-asociada li.col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

#comunicacion .enlaceFicheros .documentacion-asociada .image-container:empty {
    background-size: 50%;
}

#comunicacion .enlaceFicheros .document-box.col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    margin-left: 0px;
    margin-right: 0px;
}

#comunicacion .enlaceFicheros .document-box li .image-container {
    max-width: 100%;
    margin-left: 0%;
    margin-right: 0%;
}
@media only screen and (max-width: 1440px) {
    #comunicacion .enlaceFicheros .document-box {
        border-left: 0px solid transparent;
        padding-left: 10%;
    }

    #comunicacion .enlaceFicheros .documentacion-asociada li.col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    #comunicacion .enlaceFicheros .document-box li .image-container {
        max-width: 100%;
        margin-left: 0%;
        margin-right: 0%;
    }
}
@media only screen and (max-width: 1280px) {
    #comunicacion ~ .container-fluid {
        padding-left: 165px;
        padding-right: 165px;
    }
}
@media only screen and (max-width: 1100px) {
    #comunicacion .enlaceFicheros .document-box {
        border-left: 0px solid #e2e9ea;
        padding-left: 15px;
        margin-left: 10%;
    }

    #comunicacion .enlaceFicheros .documentacion-asociada li.col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    #comunicacion .enlaceFicheros .documentacion-asociada .image-container:empty {
        background-size: 50%;
    }

    #comunicacion .enlaceFicheros .document-box.col-md-8 {
        flex: 0 0 80%;
        max-width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }

    #comunicacion .enlaceFicheros .document-box li .image-container {
        max-width: 100%;
        margin-left: 0%;
        margin-right: 0%;
    }
}
@media only screen and (max-width: 1024px) {
    #comunicacion ~ .container-fluid {
        padding-left: 65px;
        padding-right: 65px;
    }
    #comunicacion ~ .container-fluid#imagenEnlaces, #comunicacion ~ .container-fluid.iframe {
        padding-left: 65px;
        padding-right: 65px;
    }
}
@media only screen and (max-width: 575px) {
    #comunicacion h1 {
        font-size: 1.75rem;
    }
}

@media only screen and (max-width: 468px) {
    #comunicacion .enlaceFicheros .documentacion-asociada li.col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    #comunicacion .enlaceFicheros .document-box li .image-container {
        max-width: 50%;
        margin-left: 25%;
        margin-right: 25%;
    }
}

.desplegarHijos {
    margin-bottom: 20px;
}
.show-more_Hijos {
    padding-top: 10px;
}
.underline {
    text-decoration: underline;
}
#ContactForm label, #ContactFormResponsive label {
    width: 100%;
}
.hidden {
    display: none;
}


.show-more.container-fluid {
    margin-top: 3rem;
}

.cuartoPantalla {
    flex: 0 0 25%;
    max-width: 25%;
}
.mediaPantalla {
    flex: 0 0 50%;
    max-width: 50%;
}

.pantallaCompleta {
    flex: 0 0 100%;
    max-width: 100%;
}

#anteriorPosterior {
    /* margin-top: 50px !important; */
    hyphens: manual;
    -ms-hyphens: manual;
-webkit-hyphens: manual;
    padding-top: 50px !important;
    padding-bottom: 60px;
}
#anteriorPosterior p:not(.conv-title) {
    font-family: 'Poppins Bold', sans-serif;
    font-weight: 600;
    font-size: 16px;
}

#anteriorPosterior .first-row, #anteriorPosterior .second-row {
    width: 100%;
    max-width: 100%;
}
#anteriorPosterior .anterior .chev {
    width: 25%;
    float: left;
}
#anteriorPosterior .posterior .chev {
    width: 25%;
    float: right;
}
#anteriorPosterior a.conv-title {
    font-family: 'Poppins ExtraLight', sans-serif !important;
    font-size: 20px;
    width: 75%;
    float: left;
    color: #000;
}
@media only screen and (max-width: 575px) {

    #anteriorPosterior a.conv-title {
        font-size: 16px;
    }
}
#anteriorPosterior a.conv-title:hover, #anteriorPosterior a.conv-title:focus {
    font-weight: bold;
}

#anteriorPosterior .anterior .titulo, #anteriorPosterior .anterior .conv-title, #anteriorPosterior .anterior .chev {
    text-align: right;
}
#anteriorPosterior .posterior .titulo, #anteriorPosterior .posterior .conv-title, #anteriorPosterior .posterior .chev {
    text-align: left;
}
#anteriorPosterior .posterior .conv-title {
    padding-left: 15px;
}

#anteriorPosterior .chev img {
    height: 18px;
    width: 18px;
}


/* #anteriorPosterior h2 {
    margin-bottom: -50px;
} */

#anteriorPosterior .second-row .anterior {
    float: left;
    border-right: 1px solid black;
}
#anteriorPosterior .second-row .posterior {
    float: right;
    border-left: 1px solid black;
}
.richTxt {
    hyphens: manual;
    -ms-hyphens: manual;
-webkit-hyphens: manual;
}

.richTxt a {
    text-decoration: underline;
}

.richTxt a:hover, .richTxt a:focus {
    font-weight: bold;
}

.imagenesEnlaceExterno {
    margin-top: 30px !important;
}

.imagenesEnlaceExterno h2 {
    margin-bottom: 30px;
}

/* .imagenesEnlaceExterno h2:before {
    position: absolute;
    content: '';
    left: 0;
    top: 7px;
    border-left: 3px solid #836501;
    height: 21px;
} */

.imagenesEnlaceExterno .imagenes {
    display: flex;
    margin: 15px;
    box-sizing: border-box;
}

.imagenesEnlaceExterno .imagenes .icon {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
    padding: 15px;
}

.imagenesEnlaceExterno .imagenes .icon:hover, .imagenesEnlaceExterno .imagenes .icon:focus {
    transform: scale(1.1);
}
@media only screen and (max-width: 1280px) {
    .imagenesEnlaceExterno .imagenes .icon {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media only screen and (max-width: 768px) {
    .imagenesEnlaceExterno .imagenes .icon {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

.hidePowerBi {
    z-index: 1000;
    height: 50px;
    transform: translateY(-90px);
    background-color: white;
    margin-bottom: -50px;
}

button:focus {
  outline: 0px;
}
button:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}

.button-center {
    text-align: center;
}

.cookies-row h3 span.more {
  cursor: pointer;
  font-size: 12px;
  margin-left: 20px;
}

.cookies-row h3 span.nivel2_mas {
    position: absolute;
    background-image: url(../img/icono-flecha-derecha-mapaweb.svg);
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    margin-top: 8px;
    margin-left: 5px;
}
.cookies-row h3 .rotated {
    transform: rotate(
    90deg
    );
}

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important;
}

.container-fluid.richTxt {
    margin: 30px 0px 30px 0px !important;
}
.grey-border .container-fluid.richTxt {
    margin-left: -165px !important;
}
@media only screen and (max-width: 991px) {
    .grey-border .container-fluid.richTxt {
        margin-left: -65px !important;
    }
}
@media only screen and (max-width: 575px) {
    .grey-border .container-fluid.richTxt {
        margin-left: -30px !important;
    }
}
.contenedor-formulario-web .container-fluid.richTxt {
    margin: 0px 0px 0px 0px !important;
}





img {
    width: 100%;
}
.banner {
    margin-top: 135px;
    overflow: hidden;
    margin: 0 auto;
}
.banner .text-box {
    height: 180px;
    position: absolute;
    bottom: 0;
    padding: 0 60px;
    background-color: rgba(0,0,0,0.5);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 25%, rgba(0,0,0,0.5) 100%);
    color: #fff;
}

.banner .text-box a {
    color: #FFF;
}
.bannerHome {
    font-size: 56px;
}
.banner img {
    max-height: 937px;
}

@media only screen and (max-width: 1366px) {
    .banner .text-box {
        height: 210px;
    }
    .bannerHome {
        font-size: 3rem;
    }
}
@media only screen and (max-width: 1024px) {
    .banner .text-box {
        height: 180px;
    }
    .bannerHome {
        font-size: 2.5rem;
    }
}





.experiencias {
    background: url('../img/experiencias-fondo.jpg');
    background-size: cover;
    display:flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    padding-left: 0px;
    padding-right: 0px;
}

.experiencias .chevron {
    width: 5%;
    float: left;
}
.experiencias .chevron a.glyphicon-chevron-left img, .experiencias .chevron a.glyphicon-chevron-right img {
    height: 60px;
}

.experiencias .carousel-inner {
    width: 90%;
    float: left;
}

.experiencias .carousel-inner .carousel-item {
    width: 100%;
    float: left;
}

.experiencias .carousel-inner .carousel-item .experienciaTxt {
    width: 58.333333%;
    float: left;
}

.experiencias .carousel-inner .carousel-item .experienciaTxt .text-box {
    width: 100%;
    float: left;
    height: 100%;
    padding-left: 60px;
    padding-top: 12%;
    margin-bottom: 10%;
}
.experiencias .carousel-inner .carousel-item .experienciaTxt .text-box .h3 {
    font-size: 1.75rem;
}

.experiencias .carousel-inner .carousel-item .experienciaTxt .text-box .h4 {
    font-size: 1.5rem;
}

.experiencias .carousel-inner .carousel-item .experienciaTxt .text-box .h3 .profesion {
    display: inline;
    text-transform: uppercase;
    background-color: #4b4b4b;
    font-family: 'Merriweather', serif;
    font-weight: lighter;
    font-size: 13px;
    padding: 3px 10px;
    position: relative;
    margin-left: 12px;
}

.experiencias .carousel-inner .carousel-item .experienciaTxt .generic-button-container {
    position: absolute;
    bottom: 0;
    left: 25%;
}
.experiencias .carousel-inner .carousel-item .experienciaTxt .generic-button-container.imagen-izquierda {
    position: absolute;
    bottom: 0;
    right: 25%;
    left: unset;
}

.experiencias .carousel-inner .carousel-item .experienciaImg {
    width: 41.666667%;
    padding: 3% 3% 0 3%;
    float: left;
}

.experiencias a:not(.generic-button) {
    color: #FFF;
    font-weight: bold;
    font-size: 20px;
}

.experiencias a.generic-button {
    padding: 12px 40px !important;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background-color: #836501;
    text-transform: uppercase;
    border-radius: 50px;
    font-size: 18px;
    border: 3px solid #836501;
    cursor: pointer;
    transition: 0.5s ease;
    width: 350px;
}

@media only screen and (max-width: 1200px) {
    .experiencias .carousel-inner .carousel-item .experienciaTxt .generic-button-container {
        left: 20%;
    }
    .experiencias .carousel-inner .carousel-item .experienciaTxt .generic-button-container.imagen-izquierda {
        right: 20%;
    }
    .experiencias .carousel-inner .carousel-item .experienciaTxt .text-box {
        padding-top: 8%;
    }
    .experiencias .carousel-inner .carousel-item .experienciaTxt .text-box .h3 {
        font-size: 1.5rem;
    }

    .experiencias .carousel-inner .carousel-item .experienciaTxt .text-box .h4 {
        font-size: 1.25rem;
    }
}

@media only screen and (max-width: 1100px) {
    .experiencias a.generic-button {
        margin: 0 auto;
    }
}

@media only screen and (max-width: 1100px) {
    .experiencias a.generic-button {
        margin: 0 auto;
    }
    /* .experiencias a.generic-button {
        padding: 8px 30px !important;
        width: 300px;
    } */
}

@media only screen and (max-width: 991px) {
    .experiencias .carousel-inner .carousel-item .experienciaTxt .generic-button-container {
        left: 15%;
    }
    .experiencias .carousel-inner .carousel-item .experienciaTxt .generic-button-container.imagen-izquierda {
        right: 15%;
    }
    .experiencias .carousel-inner .carousel-item .experienciaTxt .text-box .h3 {
        font-size: 1.1rem;
    }

    .experiencias .carousel-inner .carousel-item .experienciaTxt .text-box .h4 {
        font-size: 1rem;
    }

    .experiencias .carousel-inner .carousel-item .experienciaTxt .text-box .h3 .profesion {
        font-size: 12px;
    }
    .experiencias a:not(.generic-button) {
        font-size: 14px;
    }
    .experiencias .carousel-inner .carousel-item .experienciaImg {
        padding: 0%;
    }
}

@media only screen and (max-width: 768px) {
    .experiencias {
        padding-bottom: 30px;
    }
    .experiencias .carousel-inner .carousel-item .experienciaImg {
        display: none;
    }
    .experiencias .carousel-inner .carousel-item .experienciaTxt {
        width: 100%;
        /* min-height: 320px; */
    }
    .experiencias .carousel-inner .carousel-item .experienciaTxt .text-box {
        padding-top: 5%;
        padding-right: 60px;
        height: 150px;
    }

    .experiencias .carousel-inner .carousel-item .experienciaTxt .text-box .h3 {
        font-size: 1.5rem;
    }

    .experiencias .carousel-inner .carousel-item .experienciaTxt .text-box .h4 {
        font-size: 1.2rem;
    }

    .experiencias .carousel-inner .carousel-item .experienciaTxt .generic-button-container,
    .experiencias .carousel-inner .carousel-item .experienciaTxt .generic-button-container.imagen-izquierda {
        position: unset;
        margin-top: 45px;
    }
    .experiencias a.generic-button {
        padding: 6px 30px !important;
        font-size: 1rem;
    }

}

@media only screen and (max-width: 575px) {
    .experiencias .carousel-inner .carousel-item .experienciaTxt .text-box {
        padding-left: 30px;
        padding-right: 30px;
    }
    .experiencias .carousel-inner .carousel-item .experienciaTxt .text-box .h3 {
        font-size: 1.2rem;
    }

    .experiencias .carousel-inner .carousel-item .experienciaTxt .text-box .h4 {
        font-size: 1rem;
    }
}

@media only screen and (max-width: 450px) {
    .experiencias .carousel-inner .carousel-item .experienciaTxt .text-box {
        height: 200px;
    }
}



/** COOKIES */
.cookies {
    display: none;
    background-color: rgba(33, 41, 52, 0.75);
    top: 0px;
    left: 0px;
    height: 100%;
    z-index: 2147483647;
    position: fixed;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    overflow: hidden;
    width: 100%;
}
.cookies fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
    margin-left: 5%;
    margin-bottom: 15px;
}
.cookies fieldset legend {
    font-size: 1.5rem;
}

.cookies .cookiesContent {
    background-color: #fff;
    height: auto;
    width: 100%;
    position: absolute;
    bottom: -1px;
    left: 0px;
    padding: 15px 0;
}

.cookies .cookiesContent .text-container {
    width: 75%;
    float: left;
    padding-left: 5%;
}

.cookies .cookiesContent .text-container .text-box {
    width: 100%;
    float: left;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.cookies .cookiesContent .text-container .text-box p {
    margin: 15px;
}

.cookies .cookiesContent .text-container .checkbox-container {
    width: 100%;
    float: left;
}
.cookies .checkbox-container {
    display: block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.cookies .checkbox-container label {
    margin-left: 20px;
    margin-bottom: 0rem;
    cursor: pointer;
}
.underline {
    text-decoration: underline;
}
.cookies .nota {
    color: #4a607d;
    font-size: 0.8em;
    margin-left: 5px;
}
.cookies .checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.cookies .checkbox-container .checkmark-disabled,
.cookies .checkbox-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 2px solid #b1b9c3;
}

.cookies .checkbox-container .checkmark-disabled:after {
    content: "";
    position: absolute;
    display: block;
    left: 6px;
    bottom: 0px;
    width: 7px;
    height: 18px;
    border: solid #AAA;
    border-width: 0 5px 5px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.cookies .checkbox-container .checkmark:after {
    left: 6px;
    bottom: 0px;
    width: 7px;
    height: 18px;
    border: solid #000;
    border-width: 0 5px 5px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.cookies .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.cookies .checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

.cookies .cookiesContent .buttons-container {
    width: 25%;
    float: left;
}

.cookies .cookiesContent .buttons-container #aceptar-cookies, .cookies .cookiesContent .buttons-container #rechazar-cookies {
    margin: 0 auto;
    width: 60%;
    margin: 0 20%;
    margin-bottom: 30px;
}
.cookies .cookiesContent .buttons-container #personalizar-cookies {
    margin: 0 auto;
    width: 60%;
    margin: 0 20%;
    display: inline-block;
    text-align: center;
    margin-bottom: 30px;
}
.cookies .buttons-container div.tiempo {
    right: 30px;
    top: 80px;
    text-align: center;
    font-size: 14px;
    font-weight: 200;
    color: #4a607d;
}
.cookies .buttons-container div.tiempo span {
    color: #836501;
}
@media only screen and (max-width: 1280px) {
    /**.cookies .cookiesContent .text-container {
        width: 70%;
    }
    .cookies .cookiesContent .buttons-container {
        width: 30%;
    }*/
    .cookies .cookiesContent .text-container .text-box p {
        font-size: 0.8rem;
    }
    .cookies a.generic-button, .cookies button.generic-button,
    .cookies a.generic-button-2, .cookies button.generic-button-2 {
        padding: 6px 30px !important;
        font-size: 1rem;
    }
}

@media only screen and (max-width: 1024px) {
    .cookies .cookiesContent .text-container {
        width: 70%;
    }
    .cookies .cookiesContent .buttons-container {
        width: 30%;
    }
    .cookies a.generic-button, .cookies button.generic-button,
    .cookies a.generic-button-2, .cookies button.generic-button-2 {
        padding: 5px 20px !important;
        font-size: 0.9rem;
    }
}
@media only screen and (max-width: 768px) {
    .cookies .cookiesContent .text-container {
        width: 100%;
        padding-right: 5%;
    }
    .cookies .cookiesContent .buttons-container {
        width: 100%;
        margin-top: 30px;
        padding: 0 5% 5% 5%;
    }
    .cookies .cookiesContent .buttons-container #aceptar-cookies,
    .cookies .cookiesContent .buttons-container #personalizar-cookies {
        width: 30%;
        float: left;
        margin: 0 15px 0 0;
    }
}

@media only screen and (max-width: 575px) {
    .cookies .cookiesContent .buttons-container {
        margin-top: 10px;
        padding: 0 5% 1% 5%;
    }

    .cookies .cookiesContent .buttons-container #aceptar-cookies.generic-button,
    .cookies .cookiesContent .buttons-container #personalizar-cookies.generic-button-2 {
        width: 48% !important;
        max-width: 48% !important;
        margin: 0 1% 15px;
    }

}

@media only screen and (max-width: 450px) {
    .cookies fieldset {
        margin-bottom: 5px;
    }
    .cookies fieldset legend {
        font-size: 1.1rem;
        line-height: 1;
        margin-bottom: 0;
    }
    .cookies .cookiesContent .text-container .text-box p {
        font-size: 0.7rem;
    }
}


/** Componente imagenesCirculares */
.imagenesCirculares {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.imagenesCirculares .row {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.imagenesCirculares .imagenCircularItem {
    border: 2px solid #b7c0c2;
    width: 16%;
    float: left;
    border-radius: 50%;
    position: relative;
    margin: 0.5% 4.5% 0.5% 4.5%;
    overflow: hidden;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: #ffffff;
}
.imagenesCirculares .imagenCircularItem:hover  {
    transform: scale(1.1);
    transition: 0.5s ease;
}

.imagenesCirculares .imagenCircularItem.tres:first-of-type {
    margin: 0.5% 4.5% 0.5% 4.6%;
}

.imagenesCirculares .imagenCircularItem:after {
    content: '';
    display: block;
    padding-bottom: 100%;
}

.imagenesCirculares .imagenCircularItem .image-container {
    width: 100%;
}
.imagenesCirculares .imagenCircularItem a img, .imagenesCirculares .imagenCircularItem img {

    background-color: #ffffff;
}

@media only screen and (max-width: 768px) {
    .imagenesCirculares .imagenCircularItem {
        width: 30%;
        margin: 1% 1.666667% 1% 1.666667%;
    }
}
@media only screen and (max-width: 576px) {
    .imagenesCirculares .imagenCircularItem {
        width: 40%;
        margin: 1% 5% 1% 5%;
    }
}


/** Componente Imagen Cuadrada */

.imagenCuadrada  {
    padding-top: 60px;
    padding-bottom: 30px;
}
.imagenCuadrada h1 {
    margin-bottom: 40px;
}
.imagenCuadrada a {
    position: relative;
    z-index: 1;
    transition: 0.5s ease;
}
.imagenCuadrada a.non-active {
    cursor: auto;
}
.imagenCuadrada a:hover:not(.non-active) {
    transform: scale(1.1);
    z-index: 5;
}
.imagenCuadrada a:hover img {
    box-shadow: -5px 5px 6px 0 rgba(64, 54, 55, 0.21);
}
.imagenCuadrada .image-container {
    position: relative;
    margin-bottom: 30px;
    background-color: #000;
    max-height: 504px;
    max-width: 504px;
    overflow: hidden;
}
.imagenCuadrada .text-box {
    width: 100%;
    background-color: rgba(0,0,0,0.6);
    position: absolute;
    z-index: 3;
    padding: 15px 15px 15px 15px;
    bottom: 0;
    color: #FFF;
    hyphens: manual;
    -ms-hyphens: manual;
    -webkit-hyphens: manual;
}
.imagenCuadrada .text-box h3, .imagenCuadrada .text-box h2, .imagenCuadrada .entradilla,
.imagenCuadrada .text-box p {
    font-size: 1.75rem;
    font-weight: 200;
    line-height: 27px;
}
.imagenCuadrada .text-box h3, .imagenCuadrada .text-box p {
    font-size: 1rem;
    font-weight: 200;
    line-height: 16px;
    text-transform: uppercase;
    width: 90%;
    border-left: 5px solid #836501;
    padding-left: 5px;
}
.imagenCuadrada .entradilla {
    position: absolute;
}
.imagenCuadrada .entradilla .text {
    position: relative;
    z-index: 3;
    top: 0;
    padding: 100px 15px 15px 15px;
    color: #FFF;
    font-size: 28px;
    max-height: 6.4em;
    overflow: hidden;
}
.imagenCuadrada .entradilla .ellipsis-text {
    position: absolute;
    z-index: 3;
    color: #836501;
    left: 15px;
    font-size: 20px;
    font-weight: 400;
}

.imagenCuadrada .entradilla {
    display: none;
}

.imagenCuadrada .gradient-effect {
    position: absolute;
    z-index: 2;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));
    height: 100%;
    width: 100%;
    transition: 0.5s ease;
}
.imagenCuadrada .seisColumnas {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
    margin-top: 30px;
}
.imagenCuadrada .seisColumnas .text-box h3 {
    font-size: 1rem;
    line-height: 15px;
}
.imagenCuadrada .seisColumnas .text-box p {
    font-size: 0.9rem;
}
/**
.imagenCuadrada .text-box h3, .imagenCuadrada .text-box p {
    width: 100%;
}
*/
@media only screen and (max-width: 1680px) {
    .imagenCuadrada .seisColumnas {
        flex: 0 0 25%;;
        max-width: 25%;;
    }
}
@media only screen and (max-width: 1280px) {
    .imagenCuadrada .seisColumnas {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }
}
@media only screen and (max-width: 864px) {
    .imagenCuadrada .seisColumnas {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media only screen and (max-width: 468px) {
    .imagenCuadrada .seisColumnas {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/** LISTADO PUBLICACIONES BUSCADOR */

.total-results, .paginator {
    width: 41.666667%;
}
.filasColumnas {
    width: 16.666667%;
}

.result.publicacion, .result.convocatoria, .result.noticia, .result.evento, .result.experiencia,
.result.documento, .result.pagina, .result.experienciaGlobal, .result.publicacionGlobal {
    display: flex;
}

.result.publicacionGlobal .image-container, .result.convocatoria .image-container, .result.noticia .image-container,
.result.evento .image-container, .result.experiencia .image-container, .result.documento .image-container,
.result.pagina .image-container, .result.experienciaGlobal .image-container,
.result.publicacion .image-container {
    width: 15%;
    float: left;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.result.convocatoria.columnas .image-container, .result.noticia.columnas .image-container,
.result.evento.columnas .image-container, .result.experiencia.columnas .image-container,
.result.pagina.columnas .image-container, .result.experienciaGlobal.columnas .image-container,
.result.publicacionGlobal.columnas .image-container, .result.documento.columnas .image-container,
.result.publicacion.columnas .image-container {
    width: 30%;
    float: left;
}

.result.publicacionGlobal .image-container img, .result.convocatoria .image-container img, .result.noticia .image-container img,
.result.evento .image-container img, .result.experiencia .image-container img, .result.pagina .image-container img,
.result.experienciaGlobal .image-container img, .result.publicacion .image-container img, .result.documento .image-container img {
    width: 80%;
}
.result.documento .image-container {
    display: flex;
    align-items: center;
    justify-content: center;
}


.result.publicacionGlobal.columnas .image-container img {
    width: 40%;
}

.result.publicacionGlobal .text-container, .result.convocatoria .text-container, .result.noticia .text-container,
.result.evento .text-container, .result.experiencia .text-container, .result.documento .text-container,
.result.pagina .text-container, .result.publicacion .text-container {
    width: 85%;
    float: left;
}

.result.convocatoria.columnas .text-container, .result.noticia.columnas .text-container,
.result.evento.columnas .text-container, .result.experiencia.columnas .text-container,
.result.pagina.columnas .text-container, .result.experienciaGlobal.columnas .text-container,
.result.publicacionGlobal.columnas .text-container, .result.documento.columnas .text-container,
.result.publicacion.columnas .text-container {
    width: 70%;
    float: left;
}

#buscadorPrincipal li.result.noticia.columnas a {
    font-size: 18px;
}

#buscadorPrincipal ul li .subtitulo p {
    margin-left: 0px;
    margin-top: 0px;
}

#buscadorPrincipal li.result {
    width: 100%;
    margin: 15px 0;
    padding-bottom: 15px;
    border-bottom: 2px solid #f2f4f6;

}
#buscadorPrincipal li.result.columnas {
    width: 50%;
    float: left;
}

.filasColumnas {
    display: flex;
    font-weight: 600;
    align-items: center;
    justify-content: center;
}

.filasColumnas .columnas, .filasColumnas .filas {
    margin-left: 10px;
    border: 0px;
    height: 40px;
    width: 40px;
    background: url(../img/icono-mostrar-filas.svg) no-repeat;
}
.filasColumnas .columnas {
    background: url(../img/icono-mostrar-columnas.svg) no-repeat;
}
.filasColumnas .columnas.active {
    cursor: unset;
    background: url(../img/icono-mostrar-columnas-active.svg) no-repeat;
}

.filasColumnas .filas.active {
    cursor: unset;
    background: url(../img/icono-mostrar-filas-active.svg) no-repeat;
}

@media only screen and (max-width: 1680px) {
    .result.convocatoria .image-container, .result.noticia .image-container,
    .result.evento .image-container,
    .result.pagina .image-container, .result.experienciaGlobal .image-container,
     .result.documento .image-container, .result.publicacionGlobal .image-container {
        width: 20%;
    }

    .result.experiencia .image-container {
        width: 30%;
    }

    .result.convocatoria .text-container, .result.noticia .text-container,
    .result.evento .text-container,
    .result.pagina .text-container, .result.experienciaGlobal .text-container,
     .result.documento .text-container, .result.publicacionGlobal .text-container {
        width: 80%;
    }

    .result.experiencia .text-container {
        width: 70%;
    }

    .result.convocatoria.columnas .image-container, .result.noticia.columnas .image-container,
    .result.evento.columnas .image-container, .result.experiencia.columnas .image-container,
    .result.pagina.columnas .image-container, .result.experienciaGlobal.columnas .image-container,
    .result.documento.columnas .image-container, .result.publicacionGlobal.columnas .image-container {
        width: 40%;
    }
    .result.convocatoria.columnas .text-container, .result.noticia.columnas .text-container,
    .result.evento.columnas .text-container, .result.experiencia.columnas .text-container,
    .result.pagina.columnas .text-container, .result.experienciaGlobal.columnas .text-container,
    .result.documento.columnas .text-container, .result.publicacionGlobal.columnas .text-container {
        width: 60%;
    }
    .result.publicacionGlobal.columnas .image-container img {
        width: 40%;
    }
}

@media only screen and (max-width: 1280px) {
    #buscadorPrincipal .resultsRow {
        width: calc(100% + 300px);
        margin-left: -150px;
    }
    .result.convocatoria .image-container, .result.noticia .image-container,
    .result.evento .image-container, .result.experiencia .image-container,
    .result.pagina .image-container, .result.experienciaGlobal .image-container,
    .result.documento .image-container, .result.publicacionGlobal .image-container {
        width: 20%;
    }
    .result.convocatoria .text-container, .result.noticia .text-container,
    .result.evento .text-container, .result.experiencia .text-container,
    .result.pagina .text-container, .result.experienciaGlobal .text-container,
    .result.documento .text-container, .result.publicacionGlobal .text-container {
        width: 80%;
    }
    .result.convocatoria.columnas .image-container, .result.noticia.columnas .image-container,
    .result.evento.columnas .image-container, .result.experiencia.columnas .image-container,
    .result.pagina.columnas .image-container, .result.experienciaGlobal.columnas .image-container,
    .result.documento.columnas .image-container, .result.publicacionGlobal.columnas .image-container {
        width: 40%;
    }
    .result.convocatoria.columnas .text-container, .result.noticia.columnas .text-container,
    .result.evento.columnas .text-container, .result.experiencia.columnas .text-container,
    .result.pagina.columnas .text-container, .result.experienciaGlobal.columnas .text-container,
    .result.documento.columnas .text-container, .result.publicacionGlobal.columnas .text-container {
        width: 60%;
    }

    
    #buscadorPrincipal li.result.columnas a {
        font-size: 1rem;
    }  
    li.result.columnas .result-info {
        font-size: 0.9rem;
    }

    .result.convocatoria.columnas .image-container img, .result.noticia.columnas .image-container img,
    .result.pagina.columnas .image-container img, .result.experienciaGlobal.columnas .image-container img,
    .result.evento.columnas .image-container img, .result.documento.columnas .image-container img {
        width: 85%;
    }

    .result.publicacionGlobal.columnas .image-container img {
        width: 42.5%;
    }
}
@media screen and (max-width: 1023px) {
    .filasColumnas button {
        display: none;
    }
    #buscadorPrincipal li.result {
        width: 100%;
        margin-left: 0px;
    }
}
@media only screen and (max-width: 991px) {
    #buscadorPrincipal .resultsRow {
        width: 100%;
        margin-left: 0px;
    }
}
@media only screen and (max-width: 768px) {
    #buscadorPrincipal li.result {
        padding: 0 0 0px 0px;
        margin-bottom: 15px;
    }

    .result.publicacion .image-container, .result.convocatoria .image-container, .result.noticia .image-container,
    .result.evento .image-container, .result.experiencia .image-container, .result.documento .image-container,
    .result.publicacionGlobal .image-container, .result.experienciaGlobal .image-container,
    .result.pagina .image-container {
        width: 25%;
    }

    .result.publicacion .text-container, .result.convocatoria .text-container, .result.noticia .text-container,
    .result.evento .text-container, .result.experiencia .text-container, .result.documento .text-container,
    .result.publicacionGlobal .text-container, .result.experienciaGlobal .text-container,
    .result.pagina .text-container {
        width: 75%;
    }
}


/** ETIQUETAS RELACIONADAS */
.etiquetasRelacionadas * {
    box-sizing: border-box;
}

.etiquetasRelacionadas .carrousel{
    display: flex;
    /**justify-content: center;
    align-items: center;*/
}

.etiquetasRelacionadas .etiqueta.seisColumnas {
    flex: 0 0 14.666667%;
    max-width: 14.666667%;
    margin: 1%;
}

.etiquetasRelacionadas .etiqueta .image-container {
    margin-bottom: 15px;
}

.etiquetasRelacionadas .etiqueta .image-container.border {
    border: 1px solid black !important;
}

.etiquetasRelacionadas .carrousel .chevron-prev, .etiquetasRelacionadas .carrousel .chevron-next {
    flex: 0 0 8.5%;
    max-width: 8.5%;
}

.etiquetasRelacionadas .carrousel .chevron-next {
    text-align: right;
}

.etiquetasRelacionadas .carrousel .fas {
    font-size: 50px;
    cursor: pointer;
}

.etiquetasRelacionadas .text-box h3 {
    height: 96px;
    overflow: hidden;
    color: #000;
    font-size: 1.25rem;
}
.etiquetasRelacionadas a:not(.generic-button) {
    color: #836501;
}

.etiquetasRelacionadas a .read-more-2 {
    font-weight: bold;
    text-align: right;
}

.etiquetasRelacionadas .generic-button-container {
    margin-top: 30px;
}
.etiquetasRelacionadas .carrousel .fas.disabled.hidden {
	display: none;
}

.etiquetasRelacionadas .date {
    height: 25px;
    position: relative;
    top: 45%;
    width: 95%;
    background-color: #836501;
    color: #FFF;
    padding: 3px 5px;
    border-radius: 0 15px 15px 0;
    font-size: 0.8rem;
}
.etiquetasRelacionadas .date.disabled {
    background-color: transparent;
}
@media only screen and (max-width: 1680px) {
    .etiquetasRelacionadas .etiqueta.seisColumnas {
        flex: 0 0 23%;
        max-width: 23%;
    }
    .etiquetasRelacionadas .date {
        top: 52%;
    }
}

@media only screen and (max-width: 1440px) {
    .etiquetasRelacionadas .text-box h3 {
        font-size: 1rem;
        height: 78px;
    }
}
@media only screen and (max-width: 1280px) {
    .etiquetasRelacionadas .etiqueta.seisColumnas {
        flex: 0 0 31.33333333%;
        max-width: 31.33333333%;
    }
    .etiquetasRelacionadas .text-box h3 {
        font-size: 1rem;
        height: 58px;
    }
    .etiquetasRelacionadas .date {
        top: 58%;
    }
}
@media only screen and (max-width: 1024px) {
    .etiquetasRelacionadas .date {
        top: 50%;
    }
}
@media only screen and (max-width: 864px) {
    .etiquetasRelacionadas .etiqueta.seisColumnas {
        flex: 0 0 48%;
        max-width: 48%;
    }
    .etiquetasRelacionadas .date {
        top: 62%;
    }
}
@media only screen and (max-width: 768px) {
    .etiquetasRelacionadas .text-box h3 {
        height: 58px;
    }
    .etiquetasRelacionadas .date {
        top: 56%;
    }
}
@media only screen and (max-width: 576px) {
    .etiquetasRelacionadas .text-box h3 {
        font-size: 0.9rem;
        height: 50px;
    }
    .etiquetasRelacionadas .date {
        top: 54%;
    }
}
@media only screen and (max-width: 468px) {
    .etiquetasRelacionadas .etiqueta.seisColumnas {
        flex: 0 0 98%;
        max-width: 98%;
    }
    .etiquetasRelacionadas .date {
        top: 65%;
    }
}


/** Calendario eventos */

:root {
    --dark-body: #4d4c5a;
    --dark-main: #141529;
    --dark-second: #79788c;
    --dark-hover: #323048;
    --dark-text: #f8fbff;

    --light-body: #f3f8fe;
    --light-main: #fdfdfd;
    --light-second: #c3c2c8;
    --light-hover: #323048;
    --light-text: #151426;

    --blue: rgb(37, 88, 155);
    --white: #fff;

    --shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    --font-family: cursive;
}

.dark {
    --bg-body: var(--dark-body);
    --bg-main: var(--dark-main);
    --bg-second: var(--dark-second);
    --color-hover: var(--dark-hover);
    --color-txt: var(--dark-text);
}

.light {
    --bg-body: var(--light-body);
    --bg-main: var(--light-main);
    --bg-second: var(--light-second);
    --color-hover: var(--light-hover);
    --color-txt: var(--light-text);
}

.calendar {
    height: max-content;
    width: 395px;
    float: left;
    background-color: var(--bg-main);
    /** padding: 20px; */
    overflow: hidden;
    /* transform: scale(1.25); */
}

.light .calendar {
    box-shadow: var(--shadow);
}

.calendar-header {
    display: grid;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    font-weight: 600;
    color: rgb(255, 255, 255);
    padding: 10px;
    background-color: rgb(37, 88, 155);
}

.calendar-body {
    padding: 10px;
}

.calendar-week-day {
    height: 50px;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    font-weight: 600;
}

.calendar-week-day div {
    display: grid;
    place-items: center;
    color: var(--bg-second);
}

.calendar-days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
    color: var(--color-txt);
}

.calendar-days div {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    position: relative;

    animation: to-top 1s forwards;
    /* border-radius: 50%; */
}

.calendar-days div span {
    position: absolute;
}

.calendar-days div:hover {
    background-color: #ccc;
    transition: 0.2s ease-in-out;
}

.calendar-days div span:nth-child(1),
.calendar-days div span:nth-child(3) {
    width: 2px;
    height: 0;
    background-color: var(--color-txt);
}

.calendar-days div:hover span:nth-child(1),
.calendar-days div:hover span:nth-child(3) {
    height: 100%;
}

.calendar-days div span:nth-child(1) {
    bottom: 0;
    left: 0;
}

.calendar-days div span:nth-child(3) {
    top: 0;
    right: 0;
}

.calendar-days div span:nth-child(2),
.calendar-days div span:nth-child(4) {
    width: 0;
    height: 2px;
    background-color: var(--color-txt);
}

.calendar-days div:hover span:nth-child(2),
.calendar-days div:hover span:nth-child(4) {
    width: 100%;
}

.calendar-days div span:nth-child(2) {
    top: 0;
    left: 0;
}

.calendar-days div span:nth-child(4) {
    bottom: 0;
    right: 0;
}

.calendar-days div:hover span:nth-child(2) {
    transition-delay: 0.2s;
}

.calendar-days div:hover span:nth-child(3) {
    transition-delay: 0.4s;
}

.calendar-days div:hover span:nth-child(4) {
    transition-delay: 0.6s;
}

.calendar-days div.current-date,
.calendar-days div.current-date:hover {
    background-color: var(--white);
    color: var(--blue);
    border: 2px solid var(--blue);
}

.calendar-day-hover.eventActive {
    background-color: rgb(37, 88, 155);
    color: white;
    cursor: pointer;
}

.calendar-day-hover.eventActive.curr-date {
    background-color: #157382;
    color: var(--white);
    border: 2px solid var(--blue);
}

.calendar-days div.current-date span {
    display: none;
}

.month-picker {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px 0px;
}

.month-picker #month {
    width: 180px;
    text-align: center;
    font-size: 2rem;
}

.year-picker {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px 0px;
}

.year-change, .month-change {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    place-items: center;
    margin: 0 10px;
    cursor: pointer;
    color: #fff;
}

.year-change pre, .month-change pre {
    text-align: center;
    color: #fff;
    font-size: 100%;
}

.year-change:hover, .month-change:hover {
    background-color: var(--color-hover);
}

.calendar-footer {
    padding: 10px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.toggle {
    display: flex;
}

.toggle span {
    margin-right: 10px;
    color: var(--color-txt);
}

.dark-mode-switch {
    position: relative;
    width: 48px;
    height: 25px;
    border-radius: 14px;
    background-color: var(--bg-second);
    cursor: pointer;
}

.dark-mode-switch-ident {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: var(--bg-main);
    position: absolute;
    top: 2px;
    left: 2px;
    transition: left 0.2s ease-in-out;
}

.dark .dark-mode-switch .dark-mode-switch-ident {
    top: 2px;
    left: calc(2px + 50%);
}

.month-list {
    position: absolute;
    width: 25%;

    background-color: var(--bg-main);
    padding: 20px;
    grid-template-columns: repeat(3, auto);
    gap: 5px;
    display: grid;
    transform: scale(1.5);
    visibility: hidden;
    pointer-events: none;
}

.month-list.show {
    transform: scale(1);
    visibility: visible;
    background-color: var(--bg-main);
    pointer-events: visible;
    transition: all 0.2s ease-in-out;
}

.month-list > div {
    display: grid;
    place-items: center;
}

.month-list > div > div {
    width: 100%;
    padding: 5px 20px;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    color: var(--color-txt);
}

.month-list > div > div:hover {
    background-color: var(--color-hover);
}

@keyframes to-top {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.listaEventos {
    padding-left: 30px;
    overflow-y: scroll;
    height: 496px;
}

.listaEventos ul li.eventoItem {
    list-style-type: none;
    height: 155px;
    display: flex;
}
.listaEventos ul li.eventoItem:before {
    content: '';
    background-image: none;
    height: 0px;
    width: 0px;
}

.listaEventos::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#eventos .generic-button-container {
    margin-top: 60px;
}

.listaEventos::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;
}

.listaEventos::-webkit-scrollbar-thumb {
	background-color: #25589b;
}

.listaEventos ul li.eventoItem .image-container {
    width: 165px;
    float: left;
}
.listaEventos ul li.eventoItem .image-container.border {
    border: 1px solid black !important;
}

.listaEventos ul li.noEvent {
    list-style-type: none;
    font-size: 1.25rem;
}

.listaEventos ul li.noEvent:before {
    content: '';
    background-image: none;
    height: 0px;
    width: 0px;
    margin-right: 0px;
}

#eventos .listaEventos ul li.eventoItem .image-container .estado {
    position: relative;
    z-index: 3;
    bottom: 15px;
    width: 100%;
    background-color: #836501;
    color: #FFF !important;
    padding: 0px;
    border-radius: 0 15px 15px 0;
    font-family: 'Poppins', serif;
    text-transform: uppercase;
    font-size: 0.9rem;
}
#eventos .listaEventos ul li.eventoItem .image-container .estado p {
    margin-left: 10px;
}

#eventos .listaEventos ul li.eventoItem .image-container .estado.proximamente {
    background-color: #199352;
}

#eventos .listaEventos ul li.eventoItem .image-container .estado.finalizado {
    background-color: #636363;
}

#eventos .listaEventos ul li.eventoItem .image-container .estado.cancelado {
    background-color: #E00000;
}

.listaEventos ul li.eventoItem .evento {
    padding-left: 10px;
    width: 80%;
    float: left;
}
#eventos.container-fluid ul li.eventoItem .evento h3 {
    padding-right: 10px;
    font-size: 1.6rem;
    margin-bottom: 0rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#eventos.container-fluid ul li.eventoItem .evento p {
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0rem;
    padding-right: 10px;
    color: #333;
}

#eventos.container-fluid ul li.eventoItem .evento p span {
    font-weight: bold;
}

#eventos.container-fluid ul li.eventoItem .evento a {
    font-weight: bold;
    color: #836501;
    text-decoration: underline;
}

#eventos.container-fluid ul li.eventoItem .evento a:hover, #eventos.container-fluid ul li.eventoItem .evento a:focus {
    color: #154481;
}

#eventos {
    padding-bottom: 60px;
}

@media only screen and (max-width: 1440px) {
    #eventos .listaEventos ul li.eventoItem .image-container .estado {
        font-size: 0.8rem;
    }
    #eventos .listaEventos ul li.eventoItem .evento h3 {
        font-size: 1.25rem;
    }

    #eventos .listaEventos ul li.eventoItem .evento p, #eventos.container-fluid ul li.eventoItem .evento a {
        font-size: 0.9rem;
    }
}

@media only screen and (max-width: 1536px) {
    #eventos.container-fluid ul li.eventoItem .evento h3 {
        font-size: 1.5rem;
    }
}

@media only screen and (max-width: 1280px) {
    .container-fluid#eventos {
        padding-right: 65px;
        padding-left: 65px;
    }
    .calendar {
        width: 360px;
    }
    .calendar-body {
        padding: 0px;
    }
    #eventos.container-fluid ul li.eventoItem .evento h3 {
        font-size: 1.25rem;
    }
    .listaEventos ul {
        padding-left: 0;
    }
}

@media only screen and (max-width: 1200px) {
    .calendar {
        min-width: 395px;
        margin: 0 auto 60px;
        float: unset;
    }

    .listaEventos {
        width: 100%;
        float: unset;
        padding-left: 0px;
    }

    .listaEventos ul {
        padding: 0;
    }
}
@media only screen and (max-width: 680px) {
    .fechaInicio, .fechaFin {
        display: none;
    }
}

@media only screen and (max-width: 450px) {
    .calendar {
        min-width: 345px;
        width: 345px;
    }
    .calendar-days div {
        width: 40px;
        height: 40px;
    }
}

@media only screen and (max-width: 360px) {
    .calendar {
        min-width: 315px;
        width: 315px;
        margin-left: -10px;
    }
}

.listadoConvocatorias {
    padding: 30px 0;
}

.listadoConvocatorias .row {
    margin-right: 0px;
    margin-left: 0px;
}

.listadoConvocatorias .lista {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.listadoConvocatorias .lista .convocatoriaItem {
    flex: 0 0 32.33333%;
    max-width: 32.33333%;
    margin: 0.5%;
    float: left;
    background-color: #FFF;
    border-radius: 15px;
    padding: 30px;
    border: 1px solid #d8e1e8;
    box-shadow: -4px 4px 6px 0 rgb(67 98 138 / 20%);
    hyphens: manual;
}

.listadoConvocatorias .lista .convocatoriaItem .imgConvocatoria {
    width: 100%;
    float: left;
}

.listadoConvocatorias .lista .convocatoriaItem .estado .abierta {
    color: #036313;
    font-family: 'Poppins Bold', sans-serif;
    font-weight: 600;
    font-size: small;
    text-transform: uppercase;
}
.listadoConvocatorias .lista .convocatoriaItem .estado .proxima {
    color: #ff7f2aff;
    font-family: 'Poppins Bold', sans-serif;
    font-weight: 600;
    font-size: small;
    text-transform: uppercase;
}
.listadoConvocatorias .lista .convocatoriaItem .estado .tramitacion {
    color: #858b8b;
    font-family: 'Poppins Bold', sans-serif;
    font-weight: 600;
    font-size: small;
    text-transform: uppercase;
}
.listadoConvocatorias .lista .convocatoriaItem .estado .cerrada {
    color: #E60000;
    font-family: 'Poppins Bold', sans-serif;
    font-weight: 600;
    font-size: small;
    text-transform: uppercase;
}

.listadoConvocatorias .lista .convocatoriaItem .estado div div.text {
    float: left;
    font-size: 1rem;
    height: 30px;
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.listadoConvocatorias .lista .convocatoriaItem .estado div div.icon {
    width: 30px;
    height: 30px;
    border: 3px solid;
    border-radius: 25px;
    padding-left: 1px;
    padding-top: 1px;
    margin-bottom: 5px;
    float: left;
}

.listadoConvocatorias .lista .convocatoriaItem .estado .abierta span {
    margin-right: 30px;
}

.listadoConvocatorias .lista .convocatoriaItem .estado .abierta .icon {
    background: url(../img/lock-open-solid-convocatoria.svg) no-repeat;
    background-position: 50% 50%;
    background-size: 75%;
}

.listadoConvocatorias .lista .convocatoriaItem .estado .proxima .icon {
    background: url(../img/clock-solid-convocatoria.svg) no-repeat;
    background-position: 50% 50%;
    background-size: 75%;
}

.listadoConvocatorias .lista .convocatoriaItem .estado .tramitacion .icon {
    background: url(../img/icono-volver-mapa-inicial-grey.svg) no-repeat;
    background-position: 50% 50%;
    background-size: 75%;
}

.listadoConvocatorias .lista .convocatoriaItem .estado .cerrada .icon {
    background: url(../img/lock-solid-convocatoria.svg) no-repeat;
    background-position: 50% 50%;
    background-size: 75%;
}
.listadoConvocatorias .lista .convocatoriaItem .text-box .info {
    height: 6.5rem;
}

.listadoConvocatorias .lista .convocatoriaItem .text-box h2 {
    font-size: 1.3rem;
    font-weight: bold;
    max-height: 76px;
    height: 76px;
    border: 1px solid #fff;
    margin-bottom: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.listadoConvocatorias .lista .convocatoriaItem .text-box p {
    margin-bottom: 0rem;
}

.listadoConvocatorias .lista .convocatoriaItem .text-box a {
    color: #4b4b4b;
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
    text-align: left;
}

.listadoConvocatorias .lista .convocatoriaItem .text-box .subtitulo,
.listadoConvocatorias .lista .convocatoriaItem .text-box .plan-estrategico {
    max-height: 3rem;
    height: 3rem;
    overflow: hidden;
}

.listadoConvocatorias .lista .convocatoriaItem .text-box .subtitulo,
.listadoConvocatorias .lista .convocatoriaItem .text-box .anio span,
.listadoConvocatorias .lista .convocatoriaItem .text-box .provision span,
.listadoConvocatorias .lista .convocatoriaItem .text-box .personal span,
.listadoConvocatorias .lista .convocatoriaItem .text-box .fecha span,
.listadoConvocatorias .lista .convocatoriaItem .text-box .actualizado span,
.listadoConvocatorias .lista .convocatoriaItem .text-box .plan-estrategico span {
    font-weight: bold;
}

.listadoConvocatorias .lista .convocatoriaItem .text-box .fecha span.publicacion {
    font-weight: normal;
}

.listadoConvocatorias .lista .convocatoriaItem .text-box .actualizado .actualizado {
    background-color: #836501;
    color: #FFF;
    padding: 0 5px;
}

.listadoConvocatorias .lista .convocatoriaItem .text-box .leerm {
    text-align: right;
}

@media screen and (max-width: 1440px) {
    .listadoConvocatorias .lista .convocatoriaItem {
        flex: 0 0 48%;
        max-width: 48%;
    }
}

@media screen and (max-width: 1200px) {
    .listadoConvocatorias .lista .convocatoriaItem {
        flex: 0 0 98%;
        max-width: 98%;
        margin-bottom: 2%;
    }

    #banner-cabecera-n2 .image-container{
        /*max-height: inherit;*/
        min-height: inherit;
            
    }


    /*#banner-cabecera-n2 .image-container img{
        position: fixed;
        top: 204px;
        height: 330px;
    }*/

    #banner-cabecera-n2 .banner-text{
        height: auto;
    }


}

@media screen and (max-width: 768px) {
    .listadoConvocatorias .lista .convocatoriaItem .text-box .subtitulo,
    .listadoConvocatorias .lista .convocatoriaItem .text-box .plan-estrategico {
        max-height: 2.8rem;
        height: 2.8rem;
    }
}

/** Convocatorias relacionadas */

.convocatoriasRelacionadas {
    width: 100%;
    padding-top: 60px;
}

.convocatoriasRelacionadas .titulo {
    text-align: center;
    font-size: 1.5rem;
}

.convocatoriasRelacionadas .titulo span {
    position: relative;
    background-color: #FFF;
    color: #4b4b4b;
    font-weight: 400 !important;
    padding: 0 10px;
}

.convocatoriasRelacionadas .carruselConvocatorias {
    border-top: 3px solid #e6ebec;
    border-bottom: 3px solid #e6ebec;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
}

.convocatoriasRelacionadas .carruselConvocatorias .chevron-prev,
.convocatoriasRelacionadas .carruselConvocatorias .chevron-next {
    flex: 0 0 10%;
    max-width: 10%;
}

.convocatoriasRelacionadas .carruselConvocatorias .chevron-next {
    text-align: right;
}
.convocatoriasRelacionadas a:not(.generic-button) {
    color: #836501;
}
.convocatoriasRelacionadas .carruselConvocatorias .fas {
    font-size: 50px;
    cursor: pointer;
}
.convocatoriasRelacionadas .carruselConvocatorias .convoItem {
    flex: 0 0 16%;
    max-width: 16%;
    text-align: center;
}

.convocatoriasRelacionadas .carruselConvocatorias .fas.disabled.hidden {
    display: none;
}

.convocatoriasRelacionadas .carruselConvocatorias .convoItem a.convoLink {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 0 auto;
    background-color: #836501;
    color: #FFF;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}

.convocatoriasRelacionadas .carruselConvocatorias .convoItem a.convoLink.active {
    background-color: #FFF;
    color: #836501;
    border: 2px solid #836501;
    cursor: unset;
    pointer-events: none;
}

/** SUSCRIPCIONES */
.suscripciones {
    font-family: 'Poppins', sans-serif;
}

.suscripciones .grey-border {
    display: flex;
    flex-wrap: wrap;
}

.suscripciones .grey-border .head h1 {
    font-size: 2.5rem;
    font-weight: 200;
    text-align: center;
    margin-bottom: 0px;
}

.suscripciones .grey-border .head {
    flex: 0 0 100%;
    max-width: 100%;
}
.suscripciones .grey-border .head h2 {
    text-align: center;
    font-weight: bold;
    font-size: 1.25rem;
}

.suscripciones .grey-border .contenidoAyuda {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 60px;
}

.suscripciones .grey-border .opciones {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.suscripciones .grey-border .opciones .titulo {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 15px;
    margin-top: 30px;
}

.suscripciones .grey-border .opciones .titulo .position {
    color: #836501;
    width: 40px;
    height: 40px;
    border: 2px solid #836501;
    font-size: 1.5rem;
    text-align: center;
    border-radius: 50%;
    float: left;
}

.suscripciones .grey-border .opciones .titulo .text {
    height: 40px;
    margin-left: 45px;
    padding: 5px 15px;
}

.suscripciones .grey-border .opciones #suscripcionesForm {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.suscripciones .grey-border .opciones #suscripcionesForm .form-group-options {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 15px 0 15px 120px;
}

.suscripciones .grey-border .opciones #suscripcionesForm .form-group-options label {
    display: unset !important;
    margin-left: 5px;
}

.suscripciones .grey-border .opciones #suscripcionesForm .form-group-options.etiquetas {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 15px 0 15px 120px;
}

.suscripciones .grey-border .opciones #suscripcionesForm .form-group-options.mail {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 15px 0 15px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.suscripciones .grey-border .opciones #suscripcionesForm .form-group-options.etiquetas .first-level-option {
    display: flex;
    flex-wrap: wrap;
}
.suscripciones .grey-border .opciones #suscripcionesForm .form-group-options.etiquetas label {
    flex: 0 0 100%;
    max-width: 100%;
}
.suscripciones .grey-border .opciones #suscripcionesForm .form-group-options.mail label {
    flex: 0 0 60%;
    max-width: 60%;
}
.suscripciones .grey-border .opciones #suscripcionesForm .form-group-options.etiquetas .SumoSelect,
.suscripciones .grey-border .opciones #suscripcionesForm .form-group-options.mail input {
    flex: 0 0 60%;
    max-width: 60%;
    position: relative;
    width: 100%;
    padding: 8px;
    font-size: 16px;
    color: #525a66;
    border: 2px solid #eaeef4;
    border-radius: 10px;
    background-color: #FFF;
    min-height: 30px;
}

.SumoSelect>.CaptionCont {
    border: 0px;
}

.SumoSelect>.optWrapper.multiple>.options li.opt {
    padding-left: 15px;
}

.SumoSelect>.optWrapper>.options li.opt:hover {
    background-color: #FFF;
}

.SumoSelect .select-all.partial>span i, .SumoSelect .select-all.selected>span i, .SumoSelect>.optWrapper.multiple>.options li.opt.selected span i {
    background-color: #FFF;
    box-shadow: none;
    background-image: none;
    left: 6px;
    top: 0;
    width: 10px;
    height: 18px;
    border: solid #25589b;
    border-width: 0 5px 5px 0;
    -webkit-transform: rotate(45deg);
}

.SumoSelect .select-all>span, .SumoSelect>.optWrapper.multiple>.options li.opt span {
    right: 0;
    width: 50px;
}

.SumoSelect .select-all>span i, .SumoSelect>.optWrapper.multiple>.options li.opt span i {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 25px;
    height: 25px;
    border: 0px solid #aeaeae;
    border-radius: 2px;
    box-shadow: none;
    background-color: #fff;
}

.optWrapper .options {
    float: left;
    width: 100%;
    max-width: 100%;
}

.optWrapper .options .opt:before {
    content: none;
}

.SumoSelect>.optWrapper>.options li.opt {
    padding: 0px 0px;
}
.suscripciones .grey-border .opciones #suscripcionesForm .form-group-options .first-level-option {
    font-weight: bold;
}

.suscripciones .grey-border .opciones #suscripcionesForm .form-group-options .second-level-option {
    font-weight: normal;
    padding-left: 15px;
    margin-top: 15px;
}

.suscripciones .grey-border .opciones #suscripcionesForm .form-group-options .third-level-option {
    font-weight: normal;
    padding-left: 15px;
    margin-top: 15px;
}

.suscripciones .grey-border .opciones #suscripcionesForm .form-group-button {
    margin-top: 30px;
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.suscripciones .grey-border .opciones form input[type="submit"] {
    margin: 0 auto 55px auto;
    padding: 12px 40px !important;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background-color: #836501;
    text-transform: uppercase;
    border-radius: 50px;
    font-size: 18px;
    /* border: 0; */
    border: 3px solid #836501;
    cursor: pointer;
    transition: 0.5s ease;
    /* display: block; */
    min-width: 110px;
}

.suscripciones .grey-border .opciones form input[type="button"] {
    margin: 0 auto 55px auto;
    padding: 12px 40px !important;
    font-weight: bold;
    color: #836501;
    text-align: center;
    background-color: #FFF;
    text-transform: uppercase;
    border-radius: 50px;
    font-size: 18px;
    /* border: 0; */
    border: 3px solid #836501;
    cursor: pointer;
    transition: 0.5s ease;
    /* display: block; */
    min-width: 110px;
}

.suscripciones .grey-border .opciones form .mailError {
    display: none;
    flex: 0 0 60%;
    max-width: 60%;
    color: red;
}

@media only screen and (max-width: 1024px) {
    .suscripciones .grey-border .opciones #suscripcionesForm .form-group-options {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 15px 0 15px 30px;
    }
    .container-fluid.suscripciones {
        padding-right: 65px !important;
        padding-left: 65px !important;
    }
    .suscripciones .grey-border .opciones #suscripcionesForm .form-group-options.etiquetas {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 15px 0 15px 30px;
    }

    .suscripciones .grey-border .opciones #suscripcionesForm .form-group-options.etiquetas .SumoSelect {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media only screen and (max-width: 575px) {
    .suscripciones .grey-border {
        padding-right: 25px;
    }
    .suscripciones .grey-border .opciones #suscripcionesForm .form-group-options {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .suscripciones .grey-border .opciones .titulo {
        margin-bottom: 30px;
        height: 75px;
    }
    .suscripciones .grey-border .opciones #suscripcionesForm .form-group-options.mail input {
        flex: 0 0 80%;
        max-width: 80%;
    }
    .suscripciones .grey-border .opciones form input[type="submit"],
    .suscripciones .grey-border .opciones form input[type="button"] {
        font-size: 14px;
    }
}

@media only screen and (max-width: 480px) {

    .suscripciones .grey-border .opciones .titulo {
        margin-bottom: 30px;
        height: 90px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    .suscripciones .grey-border .opciones .titulo .text {
        height: 60px;
        margin-left: 0px;
        padding: 5px 5px;
        flex: 0 0 100%;
        max-width: 100%;
        font-size: 0.85rem;
    }
    .suscripciones .grey-border .opciones #suscripcionesForm .form-group-options,
    .suscripciones .grey-border .opciones #suscripcionesForm .form-group-options.etiquetas {
        padding: 15px 0 15px 0px;
    }
    .suscripciones .grey-border .opciones #suscripcionesForm .form-group-options.mail input {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

#modalDescargar2 {
    display: none;
}

.sticky{
    position: sticky;
    top: 20px;
}
.container {
    max-width: 1324px;
}
/*home*/

/*above-title*/

.title-popins{
    font-family: Poppins;
    font-size: 58px;
    position: relative;
    line-height: 62px;
}
.title-popins .vert{
    position: absolute;
    font-size: 24px;
    transform: rotate(-102grad);
    left: 0;
    top: 62px;
}
.title-popins .diseno{
    display: block;
    margin-left: 30px;
    font-size: 74px;
}
.title-popins .en{
    font-size:24px;
    position: absolute;
    top: 100px;
    left: 50px;
}
.title-popins .espana{
    font-size: 86px;
    margin-top: 10px;
    display: block;
}


.above-title > .container:before {
    content: "";
    width: 100%;
    height: 20px;
    display: block;
    position: absolute;
    top: -20px;
    background: #fff;
    border-top-left-radius: 11px;
    border-top-right-radius: 11px;
}

#home-bienvenido {
    background: #20242A;
    color: #FFF;
    background-image: url(../images/home-bienvenido.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    padding: 88px 0;
}

#home-bienvenido img {
    width: 100%;
    max-width: 500px;
}

#home-bienvenido h1 {
    font-size: 2.4rem;
    font-weight: bold;
}

/*Mapa del ecosistema*/

.menu-tabs {
    border-bottom: 2px solid #EBEBEB;
    margin-bottom: 2.5rem;
}

.menu-tabs ul {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    list-style: none;
    margin: 0;
}

.menu-tabs ul li {
    margin: 0 20px;
}

.menu-tabs ul a {
    color: #333;
    max-width: 132px;
    text-align: center;
    display: block;
    font-weight: bold;
    line-height: 1.35em;
    position: relative;
    padding: 10px 0;
    text-decoration: none;
    min-width: 30px;
}

.menu-tabs ul a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 6px;
    width: 100%;
    background: #EBEBEB;
}

.menu-tabs ul a:hover:after,
.menu-tabs ul a.active:after {
    background: #f56144;
}

#ecosistema-content{
    margin-bottom: 44px;
}

#ecosistema-mapa {
    position: sticky;
    top: 40px;
}

#ecosistema-info {
    background: #f9f9f9;
    padding: 24px 27px;
    border-radius: 11px;
}

#ecosistema-info>h3 {
    display: flex;
    align-items: center;
}

#ecosistema-info>h3:before {
    display: inline-block;
    width: 6px;
    height: 40px;
    background: #f56144;
    content: "";
    border-radius: 3px;
    margin-right: 10px;
}

#ecosistema-info h4.tiene-descarga,
#ecosistema-info h4.tiene-descarga a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#ecosistema-info h4.tiene-descarga a {
    color: #333;
    text-decoration: none;
    font-size: 16px;
    font-family: 'Poppins';
}

#ecosistema-info h4.tiene-descarga a i {
    font-size: 40px;
}

#ecosistema-info h4 {
    border-bottom: 2px solid #f56144;
}

#ecosistema-info li {
    list-style: none;
    margin-left: 15px;
    line-height: 23px;
}

#ecosistema-info li::before {
    content: "\2022";
    color: #DBDBDB;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    position:absolute;
    margin-left: -15px;
    margin-top: 3px;
}

#ecosistema-info li a {
    font-size: 16px;
    text-decoration: none;
    color: #333;
}

#ecosistema-info li a:after {
    font-family: "ecosistema";
    content: '\e804';
    font-size: 24px;
    color: #f56144;
    vertical-align: baseline;

}


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

@media (max-width: 550px) {
    #ecosistema-mapa{
        position: relative !important;
        padding-bottom: 50px;
    }
    #ecosistema-mapa>div.content-svg.mapa--svg {
        display: none;
    }
    #ecosistema-mapa > div.content-svg.mapa--svg {
        display: none;
    }
    .sticky-map{
        display:none;
    }
    #selector-comunidades-container{
        display: inline !important;
    }
}

@media (max-width: 720px) {
    #home-bienvenido{
        padding: 20px 0px;
    }
    .title-popins {
        font-size: 48px;
        line-height: 54px;
        margin-bottom: 50px;
    }
    .title-popins .vert {
        top: 54px;
    }
    .title-popins .diseno {
        margin-left: 42px;
        font-size: 70px;
    }
    .title-popins .espana {
        font-size: 76px;
        margin-top:5px;
    }
    .title-popins .en {
        top: 86px;
    }

    .text-up, .text-down{
        margin-top: 30px;
        height: auto !important;
    }

    #acerca-content p{
        width: 100% !important;
    }

    .full-new{
        background: none;
        background-position: 130% 0;
        flex-direction: column;
    }

    .full-new .text{
        width: 85%;
    }
    .full-new .text p{
        font-size: 1em;
        line-height: 16px;;
    }
    .full-new .tags {
        justify-content: center;
        margin-bottom: 30px;
    }
    .full-new .text h2{
        font-size: 22px;
        width: 100%;
        text-align: center;
    }
    .card-text{
        overflow: scroll;
    }
    .full-new .image{
        width: 100%;
    }
    .full-new .image img{
        width: 170px;
    }

}

@media (max-width: 1000px) {
    #ecosistema-mapa {
        position: initial;
    }

}



header .navbar-expand-lg .navbar-collapse .options.fijar {
    top: 186px !important;
    position: absolute;
    z-index: 100;
    top: 100%;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg) scale(1,1) translate(0px, 0px);
    -ms-transform: rotateX(0deg) scale(1,1) translate(0px, 0px);
    -o-transform: rotateX(0deg) scale(1,1) translate(0px, 0px);
    transform: rotateX(0deg) scale(1,1) translate(0px, 0px);
}


.formFeedback {
    display: none;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    transition: .6s ease opacity,.6s ease transform;
}

div.container-fluid#panelControl ul li:before {
    content: none;
}



#newsletter {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

#newsletter #confirmar {
    display: none;
}

#newsletter #boletin {
    flex-direction: column;
}

#newsletter #boletin, #newsletter #boletin .col-12 {
    display: flex;
    align-items: center !important;
    justify-content: center;
    flex-wrap: wrap;
}

#newsletter #boletin .col-12 p {
    text-align: center;
    width: 100%;
}

#newsletter #boletin .confirmacionCambios {
    text-align: center;
    margin-top: 3%;
    width:100%;
}

#newsletter .consent {
    margin-top: 30px;
}
#newsletter .consent p {
    display: block;
    font-size: 14px;
    padding-left: 0px;
    margin-bottom: 15px;
}

#newsletter .consent p:before {
    background: none;
}

#newsletter .consent input {
    float: left;
    width: 5%;
    margin-top: 5px;
}
#newsletter .consent p {
    float: left;
    width: 95%;
}
#newsletter .consent .button-wrapper input {
    width: 100%;
}

#newsletter input#saveUser.disabled {
    color: #999ba2;
    opacity: 0.5;
    cursor: default;
    background-color: #e6ebec !important;
    border-color: #999ba2 !important;
}

#newsletter .blank-field.error, #newsletter .format.email.error {
    display: none;
}

#newsletter #boletin .tablaSuscripciones {

    min-width: 80%;
}

/* PANEL DE CONTROL */

#panelControl .pestanas a {
    cursor: pointer;
}

#panelControl .pestana {
    
}

#panelControl .center {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

#panelControl td {
    overflow: hidden;
    white-space: initial;
}

#tableUtil {
    flex: 0 0 100%;
    max-width: 100%;
    overflow: auto;
}

div.dt-container {
    max-width: 1920px;
    margin: 0 auto;
    padding-left: 165px;
    padding-right: 165px;
}
/*
.dt-search {
    display: none;
}
*/
.dt-length label {
    margin-left: 15px;
}

#tableUtil thead {
    background-color: #ad870b;
    color: white;
}

#tableUtil #tablaExcel {
    table-layout: fixed;
}

#tableUtil td {
    /** tamaño original de 16px */
    font-size: 0.9rem;
    overflow-wrap: break-word;
    max-width: 400px;
}