<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*Estilos especificos micrositio AEE*/
:root {
  --main-color: #002E6C;
  --btn-color: #226CE0;
  --bk-elclic: #DBEAFF;
  --line-stroke: #91B3E0;
  --line-stroke-gray: #88898C;
  --black: #000;
  --enfasis: #C80046;
  --icons: #8B5A00;
  --hovers: #F9E29F;
  --border-gray: #D0D0CF;
  --white: #FFF;
  --bk-stick: #F6FAFE;
}

@font-face {
  font-family: 'atkinson_hyperlegiblebold';
  src: url('./fuentes/atkinson-hyperlegible-bold/atkinsonhyperlegible-bold-webfont.woff2') format('woff2'),
       url('./fuentes/atkinson-hyperlegible-bold/atkinsonhyperlegible-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'atkinson_hyperlegibleBdIt';
  src: url('./fuentes/atkinson-hyperlegible-bolditalic/atkinsonhyperlegible-bolditalic-webfont.woff2') format('woff2'),
       url('./fuentes/atkinson-hyperlegible-bolditalic/atkinsonhyperlegible-bolditalic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'atkinson_hyperlegibleitalic';
  src: url('./fuentes/atkinson-hyperlegible-italic/atkinsonhyperlegible-italic-webfont.woff2') format('woff2'),
       url('./fuentes/atkinson-hyperlegible-italic/atkinsonhyperlegible-italic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'atkinson_hyperlegibleregular';
  src: url('./fuentes/atkinson-hyperlegible-regular/atkinsonhyperlegible-regular-webfont.woff2') format('woff2'),
       url('./fuentes/atkinson-hyperlegible-regular/atkinsonhyperlegible-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

body {font-family: 'atkinson_hyperlegibleregular'; font-size:1em;}

/*GENERALES*/
#fondo {background: var(--white);}
#fondo #contenedor {width: 100%;}

#fondo #contenedor {display: flex; width: 1280px; margin: 0 auto;padding-bottom:0 !important;}
#fondo #contenedor #col-izq {width: 360px; margin: 0; background: var(--bk-stick); border-width: 0 1px; border-style: solid; border-color: var(--line-stroke); padding-top: 60px;}

#fondo #contenedor.una #contenido {width: 1280px; padding: 0 0 60px 0; margin: 0;}
#fondo #contenedor.dos #contenido {width: 822px; padding: 0 0 60px 80px;}

#fondo #contenedor p, 
#fondo #contenedor ul, 
#fondo #contenedor ol
{font-size: 1em;}

hr{margin: 20px 30px 20px 50px; background-color: var(--border-gray);}

/*Encabezados y titulos*/
#fondo #contenedor h1 {font-size: 2.5em; padding-top: 30px; background-image: url(../img/linea-titulo.svg); background-repeat: no-repeat; background-position: top left; margin: 60px 0 40px;}
#fondo #contenedor h2 {font-size: 1.875em; margin: 40px 0;}
#fondo #contenedor h3 {font-size: 1.5em;}
#fondo #contenedor h4 {font-size: 1.25em;}
#fondo #contenedor h5 {font-size: 1.125em;}
#fondo #contenedor h6 {font-size: 1em;}

#fondo #contenedor h2.subrayado,
#fondo #contenedor h3.subrayado,
#fondo #contenedor h4.subrayado,
#fondo #contenedor h5.subrayado,
#fondo #contenedor h6.subrayado
{border-bottom: 1px solid var(--line-stroke); padding-bottom: 12px;}

#fondo #contenedor h1,
#fondo #contenedor h2,
#fondo #contenedor h3,
#fondo #contenedor h4,
#fondo #contenedor h5,
#fondo #contenedor h6
{color: var(--black);}

#fondo #contenedor h6 {color: var(--main-color); font-weight: 700;}
#fondo #contenedor a {color: var(--main-color);}
#fondo #contenedor a:hover {color: #367190;}

#fondo #contenedor h1 + .cte h2,
#fondo #contenedor h2 + .cte h3,
#fondo #contenedor h3 + .cte h4
{margin-top: 0;}

/*Listados*/
#fondo #contenedor #contenido ul li {background-image: url(../img/ico-lista/ico-lista1.png); background-position: left 0 top 8px !important;}
#fondo #contenedor #contenido ul li ul li {background-image: url("../img/ico-lista/ico-lista1-1.png");}
#fondo #contenedor #contenido ul li ul li ul li {background-image: url("../img/ico-lista/ico-lista2.png");}
#fondo #contenedor #contenido ul li ul li ul li ul li {background-image: url("../img/ico-lista/ico-lista2-1.png");}

#fondo #contenedor #contenido .cte ul &gt; li {background-position: left 30px top 8px !important; padding-left: 50px;}

/*Cabecera*/
#fondo header #cabecera {background-color: var(--main-color);width:100%;padding: 0;min-height: auto;}
#fondo header #cabecera .ccabecera {width: 1280px; margin: 0 auto;}

#fondo header #cabecera .logos {display: inline-block; vertical-align: top; padding: 0; position: initial;}
#fondo header #cabecera .logos a {height: 72px;display:inline-block; vertical-align: top;}
#fondo header #cabecera .logos #escudo {margin: 0; position: static; padding: 0; display: inline-block;}
#fondo header #cabecera .logos #escudo img {padding: 0;}
#fondo header #cabecera .logos a#aee img {max-height: 72px;}

/*Buscador*/
#fondo header .lt-dcha #buscador {float: none; margin: 0; padding: 0; height: 2.5em; position: absolute; right: 0; bottom: 0;}
#fondo header .lt-dcha #buscador fieldset {border: none; padding: 0; margin: 0;}
#fondo header .lt-dcha #buscador form fieldset button.btnBuscador {display:none;}
#fondo header .lt-dcha #buscador form fieldset input.campotexto {vertical-align: middle;color: var(--black); font-size: 0.9em; width: 394px; margin: 0 0 0 0.5em; padding: 10px; border-radius: 20px; border-color: transparent;}
#fondo header .lt-dcha #buscador form fieldset input.botonbuscar {background: var(--btn-color) url(../img/cabecera/icon_mobile_lupa.svg) center no-repeat; width: 34px; padding: 0; margin: 0; height: 34px; border: 0; cursor: pointer; border-radius: 20px; margin-left: -39px; vertical-align: middle;}

#fondo header .lt-dcha {display: inline-block; vertical-align: middle; float: right; padding: 0; height: 5.5em; position: relative; right: 0; width: 46%; height: 72px;}

/*Navegacion opciones*/
#fondo header #navegacion-opciones {background-color: var(--main-color);}
#fondo header #navegacion-opciones #navegacion .opciones {float: right; text-align: right; margin: 19px 0 0 0; padding: 0;}
#fondo header #navegacion-opciones #navegacion .opciones button.btnOpciones.dsp-b {display: none;}

#fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li {vertical-align: middle;}
#fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li a {height:24px;}
#fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li a img {height: 24px; max-height: 24px; width: 24px; vertical-align: middle;}
#fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li a span {font-size: 0.8rem;}
#fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li.destacado a {background-color: var(--btn-color);}
#fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li.destacado a span {color: var(--white);}

/*Redes sociales*/
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li {padding: 3px 0; margin-left: 7px;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a {background-size: 24px 24px !important; width: 24px; height: 24px; padding-left: 0;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.facebook {background-image: url(../img/cabecera/facebook.svg);}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.x {background-image: url(../img/cabecera/x.svg);}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.linkedin {background-image: url(../img/cabecera/linkedin.svg);}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.youtube {background-image: url(../img/cabecera/youtube.svg);}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.flickr {background-image: url(../img/cabecera/flickr.svg);}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.pinterest {background-image: url(../img/cabecera/pinterest.svg);}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.telegram {background-image: url(../img/cabecera/telegram.svg);}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.instagram {background-image: url(../img/cabecera/instagram.svg);}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.telegram {background-image: url(../img/cabecera/telegram.svg);}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.twitch {background-image: url(../img/cabecera/twitch.svg);}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.tiktok {background-image: url(../img/cabecera/tiktok.svg);}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.whatsapp {background-image: url(../img/cabecera/whatsapp.svg);}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a span {display:none;}

/*Idiomas*/
#fondo header #navegacion-opciones #navegacion .idiomas {float: right; border-bottom: 1px solid var(--white); padding: 0 0 6px 0; margin: 24px 0 0 24px;}
#fondo header #navegacion-opciones #navegacion .idiomas ul {display: none; margin: 0; position: absolute; z-index: 2; margin-top: 6px; width: auto; background: var(--white); border: 1px solid #1D1D1B; padding: 0; box-shadow: 0 4px 30px 0 rgb(0 0 0 / 15%); width: 84px;}
#fondo header #navegacion-opciones #navegacion .idiomas ul li {display:block;}
#fondo header #navegacion-opciones #navegacion .idiomas ul li a {color: #1D1D1B;}
#fondo header #navegacion-opciones #navegacion .idiomas ul li span {color: var(--black);font-size:0.85em;}

#fondo header #navegacion-opciones #navegacion .idiomas ul.dsp-abierto li {display: block;list-style: none;padding: 0;line-height: 1.4;}
#fondo header #navegacion-opciones #navegacion .idiomas ul.dsp-abierto li a:hover {background: #eff1f3;}
#fondo header #navegacion-opciones #navegacion .idiomas ul.dsp-abierto li.actual span {background: #2465a9; color: var(--white);font-family: 'atkinson_hyperlegiblebold';}

#fondo header #navegacion-opciones #navegacion .idiomas ul.dsp-abierto li a, 
#fondo header #navegacion-opciones #navegacion .idiomas ul.dsp-abierto li.actual span 
{padding: 0.25em; display: block; text-align: left;}

#fondo header #navegacion-opciones #navegacion .idiomas button.btnIdioma {padding-right: 16px; padding-left: 2px; border: 1px solid transparent; margin-right: 0; background-image: url(../img/cabecera/angle-circle-down-white.svg); background-size: 14px 14px; color: var(--white); text-decoration: none; background-repeat: no-repeat; background-position-x: right; background-position-y: 2px; display: inline-block; background-color: transparent; cursor: pointer;}
#fondo header #navegacion-opciones #navegacion .idiomas button.btnIdioma.activo {border-color: transparent;}

/*Menu superior*/
#fondo header #navegacion-superior {background-color: var(--main-color);width:100%;}
#fondo header #navegacion-superior nav#menu-superior {width: 1280px; margin: 0 auto; background: transparent; border: none; height: auto;}

/*Menu responsive*/
#fondo header #navegacion-superior a#btnMenu,
#fondo header #navegacion-superior .global .encabezado
{display: none;}

#fondo header #navegacion-superior nav#menu-superior ul,
#fondo header #navegacion-superior nav#menu-superior ul li,
#fondo header #navegacion-superior nav#menu-superior ul li.seleccionado 
{height: 100%;}

#fondo header #navegacion-superior nav#menu-superior ul,
#fondo header #navegacion-superior nav#menu-superior ul li 
{margin:0;}

#fondo header #navegacion-superior nav#menu-superior ul li {width: auto !important;max-width: 11.65%;margin: 0 35px;}
#fondo header #navegacion-superior nav#menu-superior ul li:first-child {margin: 0 35px 0 0;}
#fondo header #navegacion-superior nav#menu-superior ul li a {font-size: 1em; color: var(--white);border-bottom: 7px solid transparent; padding: 25px 0 0 0;}
#fondo header #navegacion-superior nav#menu-superior ul li.seleccionado {border: none;}

#fondo header #navegacion-superior nav#menu-superior ul li.seleccionado a,
#fondo header #navegacion-superior nav#menu-superior ul li.miga a
{border-bottom-color: var(--white); height: auto; color: var(--white);font-family: 'atkinson_hyperlegiblebold';}

#fondo header #navegacion-superior nav#menu-superior ul li a:hover {border-bottom-color: var(--white);}

#fondo header #navegacion-superior nav#menu-superior ul li.seleccionado,
#fondo header #navegacion-superior nav#menu-superior ul li:hover,
#fondo header #navegacion-superior nav#menu-superior ul li a:hover
{background-color: transparent;}

#fondo header #navegacion-superior nav#menu-superior ul li &gt; ul {display: none;}

/*Menu lateral*/
#fondo #contenedor #col-izq nav {background: transparent; border: none;}
#fondo #contenedor #col-izq nav p.apartado {font-size: 1.25em; color: var(--black); background: transparent; padding: 0; margin: 0.5em 30px 0.5em 50px; border-bottom-color: transparent;}

#fondo #contenedor #col-izq nav ul li, 
#fondo #contenedor #col-izq nav ul li.abierto
{background-color: transparent;}

#fondo #contenedor #col-izq nav ul li a {color: var(--main-color); padding: 8px 30px; font-size: 1em; background-image: none; background-position: right 10px center !important; background-repeat: no-repeat; background-size: 15px !important; margin: 0 20px; border-bottom:none;}
#fondo #contenedor #col-izq nav ul li ul li a {font-size: 0.875em !important; padding-left: 3.5em !important;}
#fondo #contenedor #col-izq nav ul li ul li ul li a {padding-left: 4.5em !important;}

#fondo #contenedor #col-izq nav ul li.seleccionado &gt; a,
#fondo #contenedor #col-izq nav ul li.abierto a:hover,
#fondo #contenedor #col-izq nav ul li.abierto.seleccionado ul li a:hover,
#fondo #contenedor #col-izq nav ul li.abierto ul li a:hover,
#fondo #contenedor #col-izq nav ul li a:hover,
#fondo #contenedor #col-izq nav ul li.seleccionado:hover &gt; a,
#fondo #contenedor #col-izq nav ul li.abierto.seleccionado a:hover,
#fondo #contenedor #col-izq nav ul li.seleccionado a:hover, 
#fondo #contenedor #col-izq nav ul li.abierto ul li.seleccionado a:hover
{background-color: var(--bk-elclic) !important; border-radius: 25px !important;}

#fondo #contenedor #col-izq nav ul li.seleccionado &gt; a,
#fondo #contenedor #col-izq nav ul li.seleccionado &gt; a:hover 
{background-image: url(../img/ico-flecha-listado.svg) !important;}

#fondo #contenedor #col-izq nav ul li.seleccionado ul li a,
#fondo #contenedor #col-izq nav ul li.abierto.seleccionado ul li a 
{background-color: transparent !important;}

#fondo #contenedor #col-izq nav ul li.abierto a,
#fondo #contenedor #col-izq nav ul li.abierto ul li a,
#fondo #contenedor #col-izq nav ul li.abierto ul li.abierto a,
#fondo #contenedor #col-izq nav ul li.abierto ul li.abierto ul li a,
#fondo #contenedor #col-izq nav ul li.abierto.seleccionado ul li a,
#fondo #contenedor #col-izq nav ul li.abierto ul li.abierto.seleccionado ul li a
{background-image: none;}

#fondo #contenedor #col-izq nav ul li.seleccionado ul li a:hover {background-color: var(--bk-elclic) !important;}

/*Menu lateral Recurso*/
#fondo #contenedor.recurso #col-izq nav ul li a,
#fondo #contenedor.recurso #col-izq nav ul li.seleccionado a
{background-image: url(../img/ico-flecha-doble.svg) !important; background-size: 30px !important; padding-right: 50px;}

#fondo #contenedor.recurso #col-izq nav ul li a[rel="external"] {background-image: url(../img/ico-enlace-externo.svg) !important; background-size: 25px !important;}
#fondo #contenedor.recurso #col-izq nav ul li ul li a {font-size: 0.875em; padding-left: 50px;}

/*Migas*/
#fondo #migas {border-bottom: none; padding: 0; background: var(--bk-elclic); vertical-align: top;display:block;}
#fondo #migas ol {width: 1280px; margin: 0 auto; padding-left:0;}

#fondo #migas ol li {display:inline-block; font-size: 1em; margin: 16px 16px 16px 0; background-image: url(../img/angle-circle-right.svg); background-size: 16px; background-position: left; padding-left: 30px; background-repeat: no-repeat;}
#fondo #migas ol li:first-child {background-image:none; padding-left:0;}
#fondo #migas ol li.actual {color:var(--main-color); font-family: 'atkinson_hyperlegiblebold';}

#fondo #migas a,
#fondo #migas strong
{color: var(--main-color);}

#fondo #migas a {text-decoration:none;}
#fondo #migas span {font-size: 1em; padding:0; margin: 16px;}

/*Boton volver e imprimir*/
#fondo #contenedor p.volver a, 
#fondo #contenedor p.imprimir a
{background-color: var(--bk-elclic); border-color: var(--line-stroke);}

#fondo #contenedor p.volver a:hover, 
#fondo #contenedor p.imprimir a:hover
{background-color: var(--btn-color); border-color: var(--main-color); color: var(--white);}

#fondo #contenedor p.volver a {background-image: url(../img/ico-volver.png);}
#fondo #contenedor p.imprimir a {background-image: url(../img/ico-imprimir.png);}

/*Pie*/
#fondo.pie-completo footer {background-color: var(--main-color);position: initial;}
#fondo.pie-completo footer .enlacesfooter {padding: 2em 0;}

#fondo.pie-completo footer #pie .enlacesfooter .ccol-3 {display: flex;flex-wrap: wrap;}
#fondo.pie-completo footer #pie .enlacesfooter .ccol-3 div[class^="col"] ul li {padding: 0.5em;}
#fondo.pie-completo footer #pie .enlacesfooter .ccol-3 div[class^="col"] a.seccion {color: var(--white); text-transform: uppercase; font-family: 'atkinson_hyperlegiblebold'; font-size: 1.5em; margin: 1em 0; padding: 0 0.5em;}
#fondo.pie-completo footer #pie .enlacesfooter .ccol-3 .col {flex-grow: 1; width: 25%;}
#fondo.pie-completo footer #pie .enlacesfooter .ccol-3 .col ul {padding-left: 1em; margin-top: 0;}
#fondo.pie-completo footer #pie .enlacesfooter .ccol-3 .col ul.dsp {display:block;}
#fondo.pie-completo footer #pie .enlacesfooter .ccol-3 .col ul li {list-style: none;}
#fondo.pie-completo footer #pie .enlacesfooter .ccol-3 .col:first-child {margin-right: 2em;} 
#fondo.pie-completo footer #pie .enlacesfooter .ccol-3 .col:last-child {margin-left: 2em;} 
#fondo.pie-completo footer #pie .enlacesfooter .ccol-3 .col:last-child ul {padding-left:0;}

#fondo.pie-completo footer #pie .enlacesfooter .ccol-3 .col:nth-child(2) {padding-left: 2em; border-width: 0 1px 0 1px; border-style: solid; border-color: var(--line-stroke); width: 40.2%;}
#fondo.pie-completo footer #pie .enlacesfooter .ccol-3 .col:nth-child(2) .col-2 {display: flex;}
#fondo.pie-completo footer #pie .enlacesfooter .ccol-3 .col:nth-child(2) .col-2 ul {flex: 1;}
#fondo.pie-completo footer #pie .enlacesfooter .ccol-3 .col:nth-child(2) .col-2 ul li {line-height: 1.4;}

#fondo.pie-completo footer #pie .enlacesfooter ul.redes-sociales {display:none;}

#fondo.pie-completo footer #pie .bloque-superior {border-bottom: none; border-top: 1px solid var(--line-stroke);padding: 0 0 2em 0;;}

#fondo.pie-completo footer #pie .bloque-inferior p,
#fondo.pie-completo footer #pie a
{color: var(--white);}

#fondo.pie-completo footer #pie a {display:inline-block;}

#fondo.pie-completo footer #pie .bloque-inferior .dcha ul.comunes {width: 100%;}
#fondo.pie-completo footer #pie .bloque-inferior .dcha ul.comunes li {background-image: none; margin-right: 1.75em; padding-right: 0;}

#fondo.pie-completo footer #pie .bloque-inferior p,
#fondo.pie-completo footer #pie .bloque-inferior ul li a
{font-size:0.9rem;}

/*COMPONENTES*/
/*Componente texto enriquecido - cte*/
#fondo #contenedor #contenido .cte p {margin: 0.5em 2.5em 1.5em; word-break: break-word;}
#fondo #contenedor #contenido .col .cte p {margin: 0; margin-top: 8px;}

/*Componente listado paginas hijas - clp*/
/*Solo un nivel*/
#fondo #contenedor #contenido .clp ul li {background-image: url("../img/ico-lista/ico-lista1.png");}

/*Mas de un nivel*/
#fondo #contenedor #contenido .clp ul.niveles li {background-image: url("../img/ico-lista/ico-lista1.png");}
#fondo #contenedor #contenido .clp ul.niveles li ul li {background-image: url("../img/ico-lista/ico-lista1-1.png");}
#fondo #contenedor #contenido .clp ul.niveles li ul li ul li {background-image: url("../img/ico-lista/ico-lista2.png");}
#fondo #contenedor #contenido .clp ul.niveles li ul li ul li ul li {background-image: url("../img/ico-lista/ico-lista2-1.png");}

/*Componente Caja de enlaces - cjenl*/
#fondo #contenedor #contenido .cjenl .elemento.estilo1 p.titular {background: var(--main-color); border-color: var(--btn-color);}
#fondo #contenedor #contenido .cjenl .elemento.estilo2 p.titular {border-bottom-color: var(--main-color); color: var(--main-color);}

#fondo #contenedor #contenido .cjenl .elemento {position: relative;}
#fondo #contenedor #contenido .cjenl .elemento p.titular {padding-left: 0.5em;}
#fondo #contenedor #contenido .cjenl .elemento img {position:absolute; right: 0;}

#fondo #contenedor #contenido .cjenl .elemento.estilo1 .cle div.enlace:hover {background: var(--bk-elclic);}

#fondo #contenedor #contenido .cjenl .elemento .cle div.enlace:hover p.titulo a {display:block;}

/*Componente Buscador configurable - cbc*/
#fondo #contenedor #contenido .cbc {border-color: var(--line-stroke);}
#fondo #contenedor #contenido .cbc form fieldset {background: var(--bk-elclic); border-color: var(--line-stroke);}
#fondo #contenedor #contenido .cbc form fieldset label {color: var(--main-color); font-size: 1em;}
#fondo #contenedor #contenido .cbc form input[type="submit"] {background: var(--main-color); color: var(--white); font-size:14px;}
#fondo #contenedor #contenido .cbc form input[type="submit"]:hover {background-color: var(--btn-color);}

/*GENERICOS IMAGEN, VIDEO Y GOOGLE MAPS - cim, cvi y cgm*/
#fondo #contenedor .cim.tema p,
#fondo #contenedor .cvi.tema p,
#fondo #contenedor #contenido .cla .elemento .tema p.titulo
{color:var(--main-color);}

#fondo #contenedor .cim p.pie,
#fondo #contenedor .cvi p.pie,
#fondo #contenedor .cgm p.pie,
#fondo #contenedor #contenido .cla .elemento .cim p.pie,
#fondo #contenedor #contenido .cla .elemento .cvi p.pie
{font-size:  16px;}

#fondo #contenedor .tema.tfondo p.titulo,
#fondo #contenedor #contenido .cla .elemento .tema.tfondo p.titulo
{background: var(--main-color);  color:var(--white) !important;}

#fondo #contenedor .tema.pfondo p.pie,
#fondo #contenedor #contenido .cla .elemento .tema.pfondo p.pie
{background: var(--btn-color);  color:var(--white) !important;}

/*GOOGLE MAPS - cgm*/
#fondo #contenedor #contenido .cgm.ancho {border-radius: 6px; width: 99.8%;}
#fondo #contenedor #contenido .cgm.ancho iframe {aspect-ratio: 4/3; height: auto;}

/*IMAGEN - cim*/
#fondo #contenedor .cim {display:flex; flex-direction: column;}

#fondo #contenedor .cim p {color: var(--main-color);}
#fondo #contenedor .cim img {order: 0;}

#fondo #contenedor .cim p.pie {font-size: 0.875em; font-style: normal; padding: 0 20px 20px 20px !important; order: 2;}

#fondo #contenedor #contenido .cim.enlace:hover, 
#fondo #contenedor #contenido .cim.enlace:hover 
{border-radius: 6px;}

#fondo #contenedor #contenido .cim img {border-radius: 6px; height: auto;}
#fondo #contenedor #contenido .cim.izquierda {margin: 0.75em 2em 1em 2.5em;}

/*VIDEOS - cvi*/
#fondo #contenedor .cvi p.titulo {font-size:  20px !important;}
#fondo #contenedor .cvi p.pie {font-size:  16px;}
#fondo #contenedor .cvi.tfondo p.titulo {border-radius:  6px 6px 0 0;}
#fondo #contenedor .cvi.pfondo p.pie {border-radius:  0 0 6px 6px;}

/*GALERIA DE IMAGENES - cgi*/
/*Sin bisel*/
#fondo #contenedor .cgi {display:flex;text-align:center;clear:both;height:auto;overflow:hidden;padding:0.2em; flex-wrap: wrap; justify-content: center;text-align: center; gap: 15px 30px;}
#fondo #contenedor .cgi .cim {display: flex; vertical-align: top;}
#fondo #contenedor .cgi .cim a {order: 1;}
#fondo #contenedor .cgi .cim p.titulo {font-size: 20px !important; padding: 20px;order: 2;}

#fondo #contenedor .cgi .cim:hover a {box-shadow:0px 2px 5px #c9ab84c2; border-radius: 6px;}
#fondo #contenedor .cgi .cim:hover p.titulo {color: var(--black);}
#fondo #contenedor .cgi .cim:hover a img {opacity: 0.9;}

#fondo #contenedor .cgi .cim.enlace {border: none !important; padding: 0 !important;}
#fondo #contenedor .cgi .cim.enlace a img {vertical-align: top; border-radius: 6px; border: 1px solid transparent; padding: 0; box-sizing: initial !important;}
#fondo #contenedor .cgi .cim.enlace.borde a img {border-color:  var(--line-stroke-gray);}

/*Con borde*/
#fondo #contenedor .cgi.borde .cim img,
#fondo #contenedor .cgi.bisel .cim img 
{border-color: var(--border-gray) !important;}

/*Con bisel*/
#fondo #contenedor .cgi.bisel .cim a,
#fondo #contenedor .cgi.bisel .cim div.marco
{background-color: var(--bk-elclic); border-radius: 6px; padding: 18px 22px !important;}

#fondo #contenedor.dos .cgi.bisel .cim.pq a, 
#fondo #contenedor.dos .cgi.bisel .cim.pq div.marco
{padding: 12px 16px !important;}

#fondo #contenedor .cgi.bisel .cim:hover a,
#fondo #contenedor .cgi.bisel .cim:hover div.marco
{background: var(--hovers);box-shadow:0px 2px 5px #c9ab84c2;border-color: transparent;}

/*Tamaños*/
/*Plantilla una columna*/
#fondo #contenedor.una .cgi {gap: 15px 34px;}
#fondo #contenedor.una .cgi .cim p.titulo {font-size: 24px !important;}

#fondo #contenedor.una .cgi .cim.pq,
#fondo #contenedor.una .cgi.bisel .cim.pq 
{max-width: 290px; width: 290px !important;}

#fondo #contenedor.una .cgi .cim.pq img {width: 290px !important; height: 220px !important;}

#fondo #contenedor.una .cgi.bisel .cim.pq img {width: 246px !important; height: 187px !important;}

#fondo #contenedor.una .cgi .cim.md, 
#fondo #contenedor.una .cgi.bisel .cim.md 
{max-width: 400px; width: 400px !important;}

#fondo #contenedor.una .cgi .cim.md img {width: 400px !important; height: 304px !important;}
#fondo #contenedor.una .cgi.bisel .cim.md img {width: 352px !important; height: 267px !important;}

/*Plantilla dos columnas*/
#fondo #contenedor.dos .cgi .pq, 
#fondo #contenedor.dos .cgi .pq img 
{width: 177px !important; max-width: 177px !important;}

#fondo #contenedor.dos .cgi .cim.pq img {width: 176px !important; max-width: 176px !important; height: 136px !important;}
#fondo #contenedor.dos .cgi.bisel .cim.pq img {width: 142px !important; max-width: 142px !important; height: 110px !important;}

#fondo #contenedor.dos .cgi .md, 
#fondo #contenedor.dos .cgi .md img 
{width: 242px !important; max-width: 242px !important;}

#fondo #contenedor.dos .cgi .cim.md img {width: 242px !important; max-width: 242px !important; height: 186px !important;}
#fondo #contenedor.dos .cgi.bisel .cim.md img {width: 200px !important; max-width: 200px !important; height: 152px !important;}

/*Galeria publicaciones*/
#fondo #contenedor .cgi.publicaciones .cim {background: var(--white); border-radius: 6px; border: 1px solid var(--line-stroke) !important;}
#fondo #contenedor .cgi.publicaciones .cim a {border: none; background: transparent;padding: 16px !important;}
#fondo #contenedor .cgi.publicaciones .cim img {width: 200px; border-radius: none;}
#fondo #contenedor .cgi.publicaciones .cim:hover {background: var(--hovers);box-shadow:0px 2px 5px #c9ab84c2;border: 1px solid transparent !important;}
#fondo #contenedor .cgi.publicaciones .cim:hover a {box-shadow: none; background:transparent;}
#fondo #contenedor .cgi.publicaciones .cim:hover p {color: var(--black);}
#fondo #contenedor .cgi.publicaciones .cim.enlace a {border: none !important;}
#fondo #contenedor .cgi.publicaciones .cim.enlace a img {border: 1px solid transparent; border-radius:0;}

#fondo #contenedor .cgi.publicaciones .cim p.titulo,
#fondo #contenedor .cgi.publicaciones .cim p.pie 
{font-size: 14px !important; color: var(--main-color);}

#fondo #contenedor .cgi.publicaciones .cim p.titulo {font-family: 'atkinson_hyperlegiblebold';padding: 0 20px 20px 20px !important;}
#fondo #contenedor .cgi.publicaciones .cim .info {order: 1; text-align: left !important; margin: 8px 20px 0;}
#fondo #contenedor .cgi.publicaciones .cim .info p.tipo {background: var(--bk-elclic) !important; border-color: var(--line-stroke) !important; font-size: 13px; padding: 2px 5px !important; border: 1px solid var(--line-stroke); vertical-align: middle; display: inline-block; border-radius: 4px;max-width: 100%;box-sizing: border-box;}
#fondo #contenedor .cgi.publicaciones .cim .info p.fecha {font-size: 13px; margin: 13px 0; text-align: left !important;}
#fondo #contenedor .cgi.publicaciones .cim .info + p.pie {text-align: left !important;}

#fondo #contenedor .cgi.publicaciones .cim.formato-v img {box-shadow: 0 2px 11px var(--border-gray);}
#fondo #contenedor .cgi.publicaciones .cim.formato-c.borde img {border-radius: 6px; border-color: var(--border-gray) !important;}
#fondo #contenedor.una .cgi.publicaciones .cim p.titulo,
#fondo #contenedor.una .cgi.publicaciones .cim p.pie 
{font-size: 1em;}

#fondo #contenedor .cgi.publicaciones .cle {background: var(--white); border-radius: 6px; padding: 24px 0; border: 1px solid var(--border-gray); border-top: 7px solid var(--main-color); width: 228px; margin:20px;}
#fondo #contenedor .cgi.publicaciones .cle p.titulo {margin-top: 0; text-align: center; font-size: 1em; font-family: 'atkinson_hyperlegiblebold'; background-image: url(../img/ico-porcategorias.svg); background-size: 75px; background-repeat: no-repeat; background-position: center top; padding: 75px 0 0 0;}
#fondo #contenedor .cgi.publicaciones .cle ul {padding-left: 0 !important; margin: 20px 0;} 
#fondo #contenedor .cgi.publicaciones .cle ul li {list-style: none; color: var(--main-color); font-size: 1em; background-image: none !important; padding-left:0 !important;}
#fondo #contenedor .cgi.publicaciones .cle ul li a {text-decoration: none; display: block; padding: 5px 30px 5px 20px; background-image: url(../img/ico-flecha-listado.svg); background-position: right 10px center; background-repeat: no-repeat; background-size: 15px; text-align: left;}
#fondo #contenedor .cgi.publicaciones .cle ul li a:hover {background-color: var(--hovers); border-radius: 25px; color: #000;}

/*Plantilla una columna*/
#fondo #contenedor.una .cgi.publicaciones .cim.enlace a img {padding: 0;}

#fondo #contenedor.una .cgi.publicaciones .cle {width: 292px;}
#fondo #contenedor.una .cgi.publicaciones .cle p.titulo {font-size:20px;}

#fondo #contenedor.una .cgi.publicaciones .cim {width: 290px; max-width: 290px !important; margin: 0 !important;}
#fondo #contenedor.una .cgi.publicaciones .cim a {padding: 18px 22px !important;}
#fondo #contenedor.una .cgi.publicaciones .cim img {width: 244px !important; max-width: 244px !important; height: 327px !important;}
#fondo #contenedor.una .cgi.publicaciones .cle {margin: 0 !important;}

/*Plantilla dos columnas*/
#fondo #contenedor.dos .cgi.publicaciones .cim {width: 246px !important; max-width: 246px !important; margin: 0 !important;}
#fondo #contenedor.dos .cgi.publicaciones .cim a {padding: 18px 22px !important;}
#fondo #contenedor.dos .cgi.publicaciones .cim.enlace img {width: 202px !important; max-width: 202px !important; border: 1px solid var(--border-gray); height: 271px !important;}
#fondo #contenedor.dos .cgi.publicaciones .cle {width: 246px; margin: 0 !important;}

/*Componente Tarjetas - ctar*/
#fondo #contenedor #contenido div[class^="ccol"] .col.separacion {border-color: var(--border-gray);}
#fondo #contenedor #contenido .ctar .elemento {border: 1px solid var(--border-gray); border-top: 5px solid var(--main-color); border-radius: 0 0 6px 6px; background-color: var(--white); background-size: 62px; background-repeat: no-repeat; background-position: center top 15px; padding: 80px 16px 16px;}
#fondo #contenedor #contenido .ctar .elemento p {font-size:16px !important;}
#fondo #contenedor #contenido .ctar .elemento p.titulo {font-family: 'atkinson_hyperlegiblebold';}

#fondo #contenedor #contenido .ctar .elemento.perfil {background-image: url(../img/ico-porperfil.svg);  }
#fondo #contenedor #contenido .ctar .elemento.zona {background-image: url(../img/ico-porzona.svg); }
#fondo #contenedor #contenido .ctar .elemento.servicios {background-image: url(../img/ico-porservicios.svg); }
#fondo #contenedor #contenido .ctar .elemento.categorias {background-image: url(../img/ico-porcategorias.svg); }

#fondo #contenedor #contenido .ctar.esc-v {flex-wrap: nowrap;}
#fondo #contenedor #contenido .ctar.esc-v .elemento {max-width: initial; margin: 8px; flex: 33%;}

#fondo #contenedor #contenido .ctar.esc-v .elemento:first-child {margin-left: 0;}
#fondo #contenedor #contenido .ctar.esc-v .elemento:nth-child(3n+0) {margin-right: 0;}

#fondo #contenedor #contenido .ctar.esc-v .elemento p.titulo {text-align: center; margin-top: 18px;}

#fondo #contenedor #contenido .ctar .elemento .info {flex: 1 0 70%;}
#fondo #contenedor #contenido .ctar .elemento .info ul {padding: 0;}
#fondo #contenedor #contenido .ctar .elemento .info ul li {background: none; padding-left:0;}
#fondo #contenedor #contenido .ctar .elemento .info ul li a {font-size: 0.875em; color: var(--main-color); text-decoration: none; display: block; padding: 5px 35px 5px 15px; background-image: url(../img/ico-flecha-listado.svg); background-position: right 10px center; background-repeat: no-repeat; background-size: 15px; text-align: left;}
#fondo #contenedor #contenido .ctar .elemento .info ul li a:hover {background-color: var(--hovers); border-radius: 25px; color: #000;} 

/*Componente bloque - cblq*/ 
#fondo #contenedor #contenido .cblq.borde {border: 1px solid var(--border-gray); border-radius: 0 0 6px 6px; border-top: 5px solid var(--main-color); padding: 30px 0;}

#fondo #contenedor .cblq .col .cte ul li {list-style: none; color: var(--main-color); background-image:none !important; padding: 0 !important;}
#fondo #contenedor .cblq .col .cte ul li a {text-decoration: none; display: block; padding: 5px 30px 5px 15px; background-image: url(../img/ico-flecha-listado.svg); background-position: right 10px center; background-repeat: no-repeat; background-size: 15px; text-align: left; font-size: 0.875em; color: var(--main-color);}
#fondo #contenedor .cblq .col .cte ul li a:hover{background-color: var(--hovers); border-radius: 25px; color: #000;}

#fondo #contenedor #contenido .cblq {border-radius: 6px;}
#fondo #contenedor #contenido .cblq.fondo {border-top: 1px solid;padding:30px 50px;}

#fondo #contenedor #contenido .cblq.fondo .cim.izquierda {margin-right:50px;}
#fondo #contenedor #contenido .cblq.fondo .cim.derecha {margin-left: 50px;}

#fondo #contenedor #contenido .cblq .cten p {font-size: 1.25em; font-family: 'atkinson_hyperlegiblebold'; color: var(--main-color);}
#fondo #contenedor #contenido .cblq .cbtn div[class^="btn"].estclaro.tema a {background-color: transparent;}
#fondo #contenedor #contenido .cblq .cbtn div[class^="btn"].estclaro.tema:hover a {background-color: var(--hovers);}

/*Componente bloque - Listado oportunidades*/
#fondo #contenedor #contenido .cblq.clo ul {display: flex; flex-wrap: wrap;}
#fondo #contenedor #contenido .cblq.clo ul li {flex: 49%; max-width: 49%;  list-style: none; background-image: none; padding: 0.4em 0; margin: 0;}
#fondo #contenedor #contenido .cblq.clo ul li a {text-decoration: none; display: block; padding: 5px 30px 5px 20px; background-image: url(../img/ico-flecha-listado.svg); background-position: right 10px center; background-repeat: no-repeat; background-size: 15px; text-align: left; font-size: 0.875em; color: var(--main-color);}
#fondo #contenedor #contenido .cblq.clo ul li a:hover {background-color: var(--hovers); border-radius: 25px; color: #000;}
#fondo #contenedor #contenido .cblq.clo ul li:nth-child(odd) {border-right: 1px solid var(--border-gray); padding-right: 10px;}
#fondo #contenedor #contenido .cblq.clo ul li:nth-child(odd) a {margin-right: 6px;}
#fondo #contenedor #contenido .cblq.clo ul li:nth-child(even) a {margin-left: 6px;}

/*Componente Bloque colapsable*/
#fondo #contenedor #contenido .cblq.colapsable {transition: max-height 0.15s ease-out; overflow-y: hidden; position: relative;}

#fondo #contenedor #contenido .cblq.colapsable .cbtn.dsp {margin: 0em !important; padding-top: 80px; background: linear-gradient(to bottom, transparent 10%, transparent 25%, white 52%); position: absolute; width: 100%; bottom: 0;}
#fondo #contenedor #contenido .cblq.colapsable .cbtn.dsp .btn a {padding: 10px 20px; min-width:135px;}
#fondo #contenedor #contenido .cblq.colapsable .cbtn.dsp .btn.estclaro.tema a span {background-image: url(../img/angle-circle-down-blue.svg); padding-right: 24px; background-size: 20px; background-repeat: no-repeat; background-position: right 0px center;}

#fondo #contenedor #contenido .cblq.colapsable.abierto {max-height:100% !important; height:auto !important;}
#fondo #contenedor #contenido .cblq.colapsable.abierto .cbtn.dsp {background:none;position:relative;padding-top:20px;}
#fondo #contenedor #contenido .cblq.colapsable.abierto .cbtn.dsp .btn.estclaro.tema a span {background-image: url(../img/angle-circle-up-blue.svg); padding-right: 24px; background-size: 20px; background-repeat: no-repeat; background-position: right 0px center;}

#fondo #contenedor #contenido .cle div.enlace p.titulo {background-image: none; padding-left: 0;}
#fondo #contenedor #contenido .cle div.enlace p {padding-left: 0;}
#fondo #contenedor #contenido .cle.izq div.enlace img {margin-right: 16px !important;}
#fondo #contenedor #contenido .cle.dcha div.enlace img {margin-left: 16px !important;}

#fondo #contenedor #contenido .cle.izq div.enlace img {border-radius: 6px;}

/*Componente Listado de enlaces columnas laterales*/
#fondo #contenedor div[id^="col"] .ctcl .cc.estilo2 p.titulo-cc {border: none; font-weight: bold; text-decoration: none; font-size: 1.25em; color: var(--black); padding: 0; margin: 8px 30px 8px 50px; border-bottom-color: transparent;}
#fondo #contenedor div[id^="col"] .ctcl .cc.estilo2 .cle div.enlace {margin: 0; padding: 0; border: none;}
#fondo #contenedor div[id^="col"] .ctcl .cc.estilo2 .cle div.enlace p.titulo {background-image: none; max-width: initial; padding: 0;}
#fondo #contenedor div[id^="col"] .ctcl .cc.estilo2 .cle div.enlace a {color: var(--main-color); display:block; padding: 8px 30px; font-size: 1rem; background-image: url(../img/ico-flecha-listado.svg) !important; background-position: right 10px center !important; background-repeat: no-repeat; background-size: 15px !important; margin: 0 20px; border-bottom: none; text-decoration:none;}
#fondo #contenedor div[id^="col"] .ctcl .cc.estilo2 .cle div.enlace a:hover {background-color: var(--bk-elclic); border-radius:25px;}

/*Contenido lateral*/
#fondo #contenedor div[id^="col"] .cc p.titulo-cc {font-size: 1em;}
#fondo #contenedor div[id^="col"] .cc.estilo1 p.titulo-cc {background: var(--main-color);}
#fondo #contenedor div[id^="col"] .cc p, 
#fondo #contenedor div[id^="col"] .cc ul, 
#fondo #contenedor div[id^="col"] .cc ol, 
#fondo #contenedor div[id^="col"] .cc dl 
{font-size: 0.875em;}

/*Contenido lateral - Banner*/
#fondo #contenedor div.banner a {color: var(--main-color);}

/*Contenido lateral - Texto enriquecido */
#fondo #contenedor .cc .cte ul li,
#fondo #contenedor .cc .cte dt
{background-image: url("../img/ico-lista/ico-lista1.png");}

/*Contenido lateral - Ver mas*/
#fondo #contenedor div[id^="col"] .cc p.vermas-cc a {background-image: url(../img/ico-mas.png);}

/*Contenido lateral - Facebook y twitter*/
#fondo #contenedor .ctcl .ccfb.estilo2 p.titulo, 
#fondo #contenedor .ctcl .cctw.estilo2 p.titulo
{border-bottom-color: var(--main-color); color: var(--main-color);}

#fondo #contenedor .ctcl .ccfb.estilo1 p.titulo, 
#fondo #contenedor .ctcl .cctw.estilo1 p.titulo 
{background: var(--main-color);}

/*Contenido lateral - Buscador*/
#fondo #contenedor div[id^="col"] .ctcl .cc .cbc form fieldset input#Buscar {background-color: #1c5493;}

/*Listado de anclas - cla*/
#fondo #contenedor #contenido .cla ul.anclas {border-top-color: #5399bd;}
#fondo #contenedor #contenido .cla .subir-listado a {background: #305669 url("../img/subir-listado.png") no-repeat;}

#fondo #contenedor #contenido .cla ul.anclas li, 
#fondo #contenedor #contenido .cla ol.anclas li
{background-position: 0 0.5em;}

/*Formulario general*/
#fondo #contenedor .formulario form input[type="submit"] {background: var(--main-color); font-size: 0.875em;}
#fondo #contenedor .formulario form input[type="submit"]:hover {background: var(--btn-color);}
#fondo #contenedor .formulario form fieldset label {color: var(--main-color); font-size: 1em;}

#fondo #contenedor #contenido div.formulario-contenido form fieldset legend {font-size: 0.875em; color: var(--main-color);} 
#contenedor #contenido div.formulario-contenido form fieldset {border-top-color: var(--main-color) !important;}

#fondo #contenedor #contenido div.formulario-contenido form fieldset div label, 
#fondo #contenedor #contenido div.formulario-contenido form fieldset div p.label,
#fondo #contenedor #contenido div.formulario-contenido form div.rgpd div label, 
#fondo #contenedor #contenido div.formulario-contenido form div.rgpd div p.label 
{font-size: 14px; font-weight: 400; font-family: 'atkinson_hyperlegiblebold';}

#fondo #contenedor #contenido div.formulario-contenido form fieldset span.descripcion,
#fondo #contenedor #contenido div.formulario-contenido form div.rgpd p 
{font-size: 14px;}

/*Mensajes de error formulario*/
#fondo #contenedor #contenido .msg ul li {padding-left: 40px;background-position: left 13px top 8px !important;}

/*Datepicker*/
.mecd-dp-selector {background: var(--main-color);}
.mecd-dp-selector .cabecera-selector {background: var(--main-color);}

.mecd-dp-selector .meses {background: var(--bk-elclic);}
.mecd-dp-selector .meses ul li {background: var(--bk-stick);}
.mecd-dp-selector .meses ul li:hover {background: var(--line-stroke);}
.mecd-dp-selector .meses ul li.disabled {color: var(--border-gray); background: var(--bk-stick); border: 1px solid var(--border-gray);}
.mecd-dp-selector .meses ul li.disabled:hover {background: var(--border-gray); color: var(--black);}

.mecd-dp-selector ul li .meses,
.mecd-dp-selector .cabecera-selector ul li .year
{background:var(--white);}

.mecd-dp-selector .cabecera-selector ul li.year {border: none;color: var(--white);background: none;}

/*Cookies*/
.alertaModal .msg.cookies button {background: var(--main-color);}
.alertaModal .msg.cookies button:hover {background: var(--btn-color);}
.alertaModal .msg.cookies a {color: var(--main-color);}
.alertaModal .msg.cookies a:hover {color: var(--black);}

/*Plantilla contenedora de tabs*/
#fondo #contenedor #contenido div.tabs.dsp-c a.dsp-b {font-size: 1em;}
#fondo #contenedor #contenido div.tabs.dsp-c ul li a:hover {color: var(--btn-color);}

#fondo #contenedor #contenido div.tabs.dsp-c ul li.seleccionado a,
#fondo #contenedor #contenido div.tabs.dsp-c a.dsp-b
{color: var(--main-color);}

/*CALENDARIO - EVENTOS*/
/*Cabecera*/
#fondo #contenedor #col-dcha .ccb .cabecera-cal {background: var(--main-color);}
#fondo #contenedor #col-dcha .ccb .cabecera-cal a.mant span {background: url("../img/datepicker/ico-prev.png") center no-repeat;}
#fondo #contenedor #col-dcha .ccb .cabecera-cal a.msig span {background: url("../img/datepicker/ico-next.png") center no-repeat;}
#fondo #contenedor #col-dcha .ccb .cabecera-cal span.mes {font-size: 0.875em; width: 69%;}

/*Tabla*/
#fondo #contenedor #col-dcha .ccb table {border-bottom: 4px solid #f1f4f8;}
#fondo #contenedor #col-dcha .ccb table thead tr.dias th {border-bottom: 1px solid var(--main-color);}
#fondo #contenedor #col-dcha .ccb table tbody tr td.evento:hover {background: var(--btn-color);}
#fondo #contenedor #col-dcha .ccb table tbody tr td.evento a {color: var(--main-color);}
#fondo #contenedor #col-dcha .ccb table tbody tr td.evento a:hover {color: var(--white);}
#fondo #contenedor #col-dcha .ccb table tbody tr td.sel {background: var(--line-stroke); border-color: var(--bnt-color);}

/*Leyenda*/
#fondo #contenedor #col-dcha .ccb .leyenda {background-color: var(--main-color);}

/*Buscador agenda*/
#fondo #contenedor #col-dcha .ccb .formulario {background: var(--bk-elclic);}
#fondo #contenedor #col-dcha .ccb .formulario p.titulo {color: var(--main-color);}
#fondo #contenedor #col-dcha .ccb .formulario ul li {background-image: url("../img/ico-lista/ico-lista1.png");}
#fondo #contenedor #col-dcha .ccb .formulario form input[type=submit] {background: var(--main-color);}
#fondo #contenedor #col-dcha .ccb .formulario form input[type=submit]:hover {background: var(--main-color);}

#fondo #contenedor #col-dcha .ccb .formulario form label, 
#fondo #contenedor #col-dcha .ccb .formulario form p.label
{font-size: 0.875em;}

/*Datepicker - Fecha*/
body .ui-datepicker .ui-datepicker-header {background: var(--main-color);}
body .ui-datepicker-prev .ui-icon {background: transparent url("../img/datepicker/ico-prev.png") 0 0 no-repeat;}
body .ui-datepicker-next .ui-icon {background: transparent url("../img/datepicker/ico-next.png") 0 0 no-repeat;}
body .ui-widget.ui-widget-content {background: var(--white);}

body .ui-state-default.ui-state-hover,
body .ui-state-highlight, 
body .ui-widget-content .ui-state-highlight,
body .ui-widget-header .ui-state-highlight,
body .ui-state-active,
body .ui-widget-content .ui-state-active,
body .ui-widget-header .ui-state-active, 
body a.ui-button:active, body .ui-button:active,
body .ui-button.ui-state-active:hover
{background: var(--btn-color) !important; color: var(--main-color) !important;}

/*Listado de iconos - cli*/
#fondo #contenedor #contenido .cli .elemento .literal p {background-image: url("../img/ico-lista/ico-lista1.png");}

/*Listados*/
#fondo #contenedor #contenido .cmp.com ul.lista li,
#fondo #contenedor #contenido .cmp.prov ul.lista li
{background-image: url('../img/mapa-comunidades/listado-ccaa.png');}

#fondo #contenedor #contenido .cmp.com ul.lista li:hover,
#fondo #contenedor #contenido .cmp.prov ul.lista li:hover
{background-image: url('../img/mapa-comunidades/listado-ccaa.png'); background-color: #eaf1f5;}

#fondo #contenedor #contenido .cmp.com ul.lista li a,
#fondo #contenedor #contenido .cmp.prov ul.lista li a
{color:var(--main-color);}

#fondo #contenedor #contenido .cmp.com ul.lista li a:hover,
#fondo #contenedor #contenido .cmp.prov ul.lista li a:hover
{color: var(--btn-color);}

/*Galeria de botones - gbtn*/
#fondo #contenedor #contenido .gbtn div[class^="w"] .btn a span {color: var(--main-color);}

/*Menu rwd*/
#fondo #navegacion-opciones #menu-rwd nav {background: none !important; border:none;}
#fondo #navegacion-opciones #menu-rwd nav a {color: #2c5065;}
#fondo #navegacion-opciones #menu-rwd nav p.apartado {background: #c4dfec;}
#fondo #navegacion-opciones #menu-rwd nav p.apartado a {color: #2C5065;}
#fondo #navegacion-opciones #menu-rwd nav ul li a {background: #e5f4ff url("../img/ico-lista/ico-lista1.png") 0.8em 0.7em no-repeat;}
#fondo #navegacion-opciones #menu-rwd nav ul li.seleccionado a {background-color: #d7ebf9 !important;}

#fondo #navegacion-opciones #menu-rwd nav ul li.abierto,
#fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li a,
#fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li.abierto ul li a,
#fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li.seleccionado a,
#fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li.seleccionado a:hover, 
#fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li.abierto ul li.seleccionado a, 
#fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li.abierto ul li.seleccionado a:hover,
#fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li.abierto ul li.abierto ul li.seleccionado a,
#fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li.abierto ul li.abierto ul li.seleccionado a:hover
{background-color: #e5f4ff !important;}

/*Barras laterales*/
#fondo header .barra-laterales div.btn-colizq {background: url("../img/responsive/flecha-db-izq.png") no-repeat;}
#fondo header .barra-laterales div.btn-coldcha {background: url("../img/responsive/flecha-db-dcha.png") no-repeat;}

/*Subir*/
#fondo .subir {height: 1.5em; background-color: var(--main-color); background-image: none; right: 1em;}
#fondo .subir button.btnSubir {border: none; background-image: url(../img/angle-circle-up-white.svg); background-size: 30px; text-indent: -999999px; background-color: transparent; width: 100%; height: 100%; padding: 0; background-position: center;}

/*Componente botones*/
#fondo #contenedor div.cbtn {margin: 1.5em 0 !important; height: auto;}
#fondo #contenedor div.cbtn div[class^="btn"] a {padding: 10px 30px; border-radius: 40px; border: 2px solid #ccc; font-size: 1em;}

#fondo #contenedor div.cbtn div[class^="btn"].estclaro a {background-color: var(--white); color: var(--black); border-color: var(--black);}
#fondo #contenedor div.cbtn div[class^="btn"].estclaro:hover a {background-color: var(--black);color:var(--white);border-color:transparent;}

#fondo #contenedor div.cbtn div[class^="btn"].estoscuro a {background-color: var(--black); color:var(--white); border-color:transparent;}
#fondo #contenedor div.cbtn div[class^="btn"].estoscuro:hover a {background-color: var(--white);color:var(--black);border-color:black;}

#fondo #contenedor div.cbtn div[class^="btn"].estclaro.tema a {background-color: var(--white); border-color: var(--btn-color); color:var(--btn-color);}
#fondo #contenedor div.cbtn div[class^="btn"].estclaro.tema:hover a {background-color: var(--hovers);border-color:transparent;box-shadow: 0px 2px 5px #C9AB84C2; color: var(--black);}
#fondo #contenedor div.cbtn div[class^="btn"].estoscuro.tema a {background-color: var(--btn-color); border-color:transparent; color:var(--white);}
#fondo #contenedor div.cbtn div[class^="btn"].estoscuro.tema:hover a {background-color: var(--main-color);border-color:transparent; color: var(--white);}

/*Especifico actualidad*/
#fondo #contenedor div.cbtn[class*="cargar-mas"] div[class^="btn"] button {padding: 13px 40px; border-radius: 40px; border: 2px solid #ccc; font-size: 1em; font-family: 'atkinson_hyperlegibleregular'; cursor:  pointer;}
#fondo #contenedor div.cbtn[class*="cargar-mas"] div[class^="btn"].estclaro.tema button {background-color: var(--white); border-color: var(--btn-color);}
#fondo #contenedor div.cbtn[class*="cargar-mas"] div[class^="btn"].estclaro.tema:hover button {background-color: var(--hovers);border-color:transparent;box-shadow: 0px 2px 5px #C9AB84C2;}
#fondo #contenedor div.cbtn[class*="cargar-mas"] div.btn-img button {display:flex; flex-direction: row-reverse; align-items: center; padding-right: 20px;}
#fondo #contenedor div.cbtn[class*="cargar-mas"] div.btn-img button img {padding: 0 0.5em; height: 15px; vertical-align: top;}
#fondo #contenedor div.cbtn[class*="cargar-mas"] div.btn-img button span {color:  var(--btn-color);}
#fondo #contenedor div.cbtn[class*="cargar-mas"] div.btn-img button:hover span {color:  var(--black);}
#fondo #contenedor div.cbtn[class*="cargar-mas"].btngr div.btn-img button {padding-left: 20px;}

/*Componente galeria de botones - cgbtn*/
#fondo #contenedor .cgbtn {display: flex; gap: 20px 15px; align-items: center; justify-content: center; margin: 1.5em 2.5em; flex-wrap: wrap;}
#fondo #contenedor .cgbtn .cbtn {margin: 0 !important;}

/*Componente enfasis - cten*/
#fondo #contenedor .cten.tema p {color: var(--main-color);}
#fondo #contenedor .cten.fondo.tema {background-color: var(--bk-elclic);}
#fondo #contenedor .cten.borde.tema {border-color: var(--main-color);}
#fondo #contenedor .cten.fondo.borde.tema {border-color: var(--main-color);}

/*Generales de experiencia*/
#fondo #contenedor .extracto {padding-top: 48px; background-image: url(../img/ico-comillas.svg); background-repeat: no-repeat; background-size: 55px 49px; background-position: top left;}
#fondo #contenedor .extracto p {margin:  24px 0 0 0; color: var(--main-color);}
#fondo #contenedor .usuario {display: flex; flex-direction: row; align-items: center; text-align: left;}
#fondo #contenedor .usuario img {width: 100px; height: 100px; border-radius: 50%;}
#fondo #contenedor .usuario .info {margin-left: 20px; max-height: 105px; overflow: hidden;}
#fondo #contenedor .usuario .info p {font-size: 1em; font-family: 'atkinson_hyperlegibleregular'; color: var(--main-color); margin: 0;}
#fondo #contenedor .usuario .info p.nombre {font-size: 1.25em; font-family: 'atkinson_hyperlegiblebold'; max-height: 60px; overflow: hidden;}

/*PORTADA*/
#fondo #contenedor #portada {width: 1280px;}

#fondo #contenedor #portada #oportunidades {display: flex; flex-direction: row; flex-wrap: nowrap;}
#fondo #contenedor #portada #oportunidades &gt; div[class] {border: 1px solid var(--border-gray); border-top: 7px solid var(--main-color); border-radius: 0 0 6px 6px; position: relative; min-height: 370px;}

/*Experiencias*/
#fondo #contenedor #portada #oportunidades .experiencia {margin-right: 33px; background: var(--bk-elclic); width: 33%; padding: 20px 30px 95px;}
#fondo #contenedor #portada #oportunidades .experiencia .encabezado {margin-bottom: 12px;}
#fondo #contenedor #portada #oportunidades .experiencia .encabezado p {margin: 0;font-size:14px; color: var(--main-color);font-family: 'atkinson_hyperlegiblebold'; display:inline-block;}

#fondo #contenedor #portada #oportunidades .experiencia .encabezado div.link-convocatoria {display: inline-block; background: var(--white); padding: 8px 12px; border: 1px solid #067237; border-radius: 20px; color: #067237; margin-left: 5px;}
#fondo #contenedor #portada #oportunidades .experiencia .encabezado div.link-convocatoria a {color: #067237; text-decoration: none;}
#fondo #contenedor #portada #oportunidades .experiencia .encabezado div.link-convocatoria a span {text-decoration:underline;}
#fondo #contenedor #portada #oportunidades .experiencia .encabezado div.link-convocatoria a span.dot {height: 10px; width: 10px; background-color: #067237; border-radius: 50%; display: inline-block;}

#fondo #contenedor #portada #oportunidades .experiencia .extracto p {font-size: 1.5em;}

#fondo #contenedor #portada #oportunidades .experiencia .usuario {position: absolute; bottom: 95px; right: 30px; left: 30px;}

#fondo #contenedor #portada #oportunidades .experiencia .cbtn {position: absolute; margin: 0 !important; height: auto; bottom: 25px; right: 25px;}
#fondo #contenedor #portada #oportunidades .experiencia .btn a {color: var(--white); text-decoration: none;}

/*Listado de experiencias - clexp*/
#fondo #contenedor #contenido .clexp {display: flex; flex-wrap: wrap;}

#fondo #contenedor #contenido .clexp .experiencia {margin: 15px 15px 15px 0; flex: 1 0 41%; max-width: 42%; background: var(--bk-elclic); border: 1px solid var(--border-gray); box-shadow: 0px 2px 15px #0a3f9226; border-radius: 10px; display: block; padding: 30px 30px 150px; position: relative;}
#fondo #contenedor #contenido .clexp .experiencia:nth-child(2n+0){margin-right:0;}


#fondo #contenedor #contenido .clexp .experiencia .extracto p {font-size:  20px;}
#fondo #contenedor #contenido .clexp .experiencia .extracto p.fecha{order: 2; display: block; margin: 13px 0; flex: 0 0 100%; font-size: 13px;}
#fondo #contenedor #contenido .clexp .experiencia .extracto p.titular {font-size: 1.125em; margin:  0; color:  var(--main-color);}

#fondo #contenedor #contenido .clexp .experiencia .usuario {position: absolute; bottom: 12px; right: 20px; left: 20px; }

/*Ficha experiencia*/
#fondo #contenedor #contenido.experiencia .ficha {display: flex; margin: 15px 0; flex: 1 0 100%; max-width: 100%; background: var(--bk-elclic); border: 1px solid var(--border-gray); box-shadow: 0px 2px 15px #0a3f9226; border-radius: 0 0 10px 10px; padding: 30px; flex-direction: column; border-top: 7px solid var(--main-color); }

#fondo #contenedor #contenido.experiencia .ficha .extracto {order: 1; margin: 40px 0 0 0;}
#fondo #contenedor #contenido.experiencia .ficha .extracto p {font-size: 1.25em;}
#fondo #contenedor #contenido.experiencia .ficha .usuario {order: 0; }
#fondo #contenedor #contenido.experiencia .ficha .usuario img {width: 130px; height: 130px;}

/*Filtro*/
#fondo #contenedor #portada #oportunidades .filtro {background: var(--white); padding: 20px 0 0; width: 60%;}
#fondo #contenedor #portada #oportunidades .filtro .listado {display:flex; margin: 40px 0 95px 0;}
#fondo #contenedor #portada #oportunidades .filtro .listado h2 {margin-top: 18px; text-align: center; font-size: 1.25em; font-family: 'atkinson_hyperlegiblebold';}
#fondo #contenedor #portada #oportunidades .filtro .listado ul {padding-left: 0; margin: 20px 0;}
#fondo #contenedor #portada #oportunidades .filtro .listado ul li {list-style:none; color: var(--main-color); font-size: 1em;}
#fondo #contenedor #portada #oportunidades .filtro .listado ul li a {text-decoration: none; display: block; padding: 5px 30px 5px 20px; background-image: url(../img/ico-flecha-listado.svg); background-position: right 10px center; background-repeat: no-repeat; background-size: 15px;}
#fondo #contenedor #portada #oportunidades .filtro .listado ul li a:hover {background-color: var(--hovers); border-radius: 25px; color: #000;}
   
#fondo #contenedor #portada #oportunidades .filtro .listado .perfil, 
#fondo #contenedor #portada #oportunidades .filtro .listado .zona 
{width: 50%; background-size: 75px; background-repeat: no-repeat; background-position: center top;padding: 75px 0 0 0;}

#fondo #contenedor #portada #oportunidades .filtro .listado .perfil {background-image: url(../img/ico-porperfil.svg); padding-right: 0; margin: 0 30px;}
#fondo #contenedor #portada #oportunidades .filtro .listado .perfil h2 {border-bottom: none;}
#fondo #contenedor #portada #oportunidades .filtro .listado .perfil ul {border-right: 1px solid var(--border-gray);}
#fondo #contenedor #portada #oportunidades .filtro .listado .perfil ul li a { margin-right: 40px;}

#fondo #contenedor #portada #oportunidades .filtro .listado .zona {background-image: url(../img/ico-porzona.svg); margin-right: 30px;}
#fondo #contenedor #portada #oportunidades .filtro .listado .zona h2 {border-bottom: none;}

#fondo #contenedor #portada #oportunidades .filtro .cbtn {height: auto; position: absolute; bottom: 0; text-align: center; width: 100%;}
#fondo #contenedor #portada #oportunidades .filtro .btn a {text-decoration: none; text-align: center;}

/*Botones*/
#fondo #contenedor.portada div.cbtn {height: auto;}

/*Comun noticias*/
#fondo #contenedor .noticia img {width: 320px; height: 240px; padding:0; border-radius:10px;}

#fondo #contenedor .noticia .info p.fecha,
#fondo #contenedor #contenido.noticias .info p.fecha
{font-size:13px; margin:0; margin-right: 12px; vertical-align: middle; display: inline-block;}

#fondo #contenedor .noticia .info p.tipo,
#fondo #contenedor #contenido.noticias .info p.tipo
{background: var(--bk-elclic) !important; border-color: var(--line-stroke) !important; font-size: 13px;padding: 2px 5px !important;border: 1px solid var(--line-stroke);margin:0; margin-right: 12px !important;vertical-align: middle; display: inline-block;border-radius: 4px;}

#fondo #contenedor .noticia .info ul.categorias, 
#fondo #contenedor #contenido.noticias .info ul.categorias 
{margin: 0; padding-left: 0 !important; display: inline-block; vertical-align: middle;}

#fondo #contenedor .noticia .info ul.categorias li,
#fondo #contenedor #contenido.noticias .info ul.categorias li
{list-style: none !important; display: inline-block; background: var(--white) !important; border: 1px solid var(--line-stroke); padding: 2px 5px !important; border-radius: 4px; margin-right: 12px !important; font-size: 13px;}

#fondo #contenedor .noticia .info p.titular a {color: var(--black);text-decoration: none;}
#fondo #contenedor .noticia .info p.titular a:hover {text-decoration: underline;}

#fondo #contenedor .noticia .info ul.categorias,
#fondo #contenedor .noticia .info p.fecha
{vertical-align: middle; display:inline-block;}

/*Componente noticias - cln*/
#fondo #contenedor #contenido .cln {display: flex; flex-wrap: wrap;}
#fondo #contenedor #contenido .cln .elementos {display: flex; flex-wrap: wrap; padding: 0; clear: both; height: 100%; width: 100%;}
#fondo #contenedor #contenido .cln .elementos .noticia {margin: 15px 15px 15px 0; flex: 1 0 31%; max-width: 32%;}
#fondo #contenedor #contenido .cln .elementos .noticia:nth-child(3n+0){margin-right:0;}
#fondo #contenedor #contenido .cln .elementos .noticia .info {padding: 24px 18px;}
#fondo #contenedor #contenido .cln .elementos .noticia .info p.titular a {font-size: 1.125em;}

#fondo #contenedor #contenido .cln form {display: flex; width: 100%;}
#fondo #contenedor #contenido .cln form input[type="submit"] {margin: 1.5em auto !important; background-color: var(--white); border-color: var(--btn-color); color: var(--btn-color); padding: 10px 30px; border-radius: 40px; font-size: 1em; cursor: pointer; font-family: 'atkinson_hyperlegibleregular'; line-height: 25px;}
#fondo #contenedor #contenido .cln form input[type="submit"]:hover {background-color: var(--hovers); border-color: transparent; box-shadow: 0px 2px 5px #C9AB84C2; color: var(--black);}

/*Listado actualidad - cnoticia*/
#fondo #contenedor #contenido .noticia {display:flex; flex-direction:row-reverse;clear:both;}
#fondo #contenedor #contenido .noticia .info {padding-right: 20px;}
#fondo #contenedor #contenido .noticia .info p.titular a {font-size: 1.875em;}

/*Filtrar / Ordenar*/
#fondo #contenedor #contenido #ordenar {float: right; margin-bottom: 20px; padding: 8px 0 12px 0px; border: 1px solid var(--border-gray); border-radius: 4px;}
#fondo #contenedor #contenido #ordenar ul {display: none; margin: 0; position: absolute; z-index: 2; margin-top: 22px; background: var(--white); padding: 0; box-shadow: 2px 2px 3px 0 rgb(0 0 0 / 15%); width: 216px; border: 1px solid var(--border-gray); border-radius: 4px;}
#fondo #contenedor #contenido #ordenar ul li {background: none; padding: 0; color: var(--main-color); margin: 0;}
#fondo #contenedor #contenido #ordenar ul li.actual {font-family: 'atkinson_hyperlegiblebold';}
#fondo #contenedor #contenido #ordenar ul li:hover {background: var(--hovers);}
#fondo #contenedor #contenido #ordenar ul li span {display: block;padding: 8px 16px;font-size:14px;}
#fondo #contenedor #contenido #ordenar ul li:hover a {color: var(--black); text-decoration: none;}

#fondo #contenedor #contenido #ordenar a#btnOrdenar {padding: 0 65px 0 0; margin-right: 0; background-image: url(../img/angle-circle-down.svg); background-size: 26px; text-decoration: none; background-repeat: no-repeat; background-position: right 5px center; color: var(--main-color); font-family: 'atkinson_hyperlegiblebold';}
#fondo #contenedor #contenido #ordenar a#btnOrdenar:before {content: ""; background-image: url(../img/ico-ordenar.svg); background-size: 26px; text-decoration: none; background-repeat: no-repeat; background-position: center; padding-left: 50px; }

#fondo #contenedor #contenido #ordenar ul.dsp-abierto{display:block;}

/*Tags*/
#fondo #contenedor #contenido .tags {clear:both;}
#fondo #contenedor #contenido .tags ul {padding:0;}
#fondo #contenedor #contenido .tags ul li {background-position: 0.6em 0.45em; background: var(--bk-elclic) !important; border-color: var(--line-stroke) !important; font-size: 0.875em; padding: 8px 12px !important; border: 1px solid var(--line-stroke); vertical-align: middle; display: inline-block; border-radius: 4px; margin: 6px 12px 6px 0;}

/*Carrusel Actualidad*/
#fondo #contenedor div#actualidad h2#titleCsld {display:none;}

#fondo #contenedor div#actualidad .csld-actualidad {margin: 0 auto; overflow: hidden; width: 100%;position:relative; border:2px solid transparent;}

#fondo #contenedor div#actualidad .csld-actualidad .elementos {display: flex; padding: 0; clear: both; height: 100%; gap: 0 32px;}
#fondo #contenedor div#actualidad .csld-actualidad .elementos .noticia {width:auto; flex: 0 0 auto; width: 296px;}
#fondo #contenedor div#actualidad .csld-actualidad .elementos .noticia.vacia {background: var(--border-gray);}

#fondo #contenedor div#actualidad .csld-actualidad .elementos .noticia .info {padding: 24px 18px;}
#fondo #contenedor div#actualidad .csld-actualidad .elementos .noticia .info p.titular {font-size: 1.5em;margin-top: 0;}

#fondo #contenedor div#actualidad .csld-actualidad .nav {margin: 20px 0; display: flex; justify-content: center;}
#fondo #contenedor div#actualidad .csld-actualidad .nav ol.pagination {padding-left: 0; display: inline-block; vertical-align: middle; margin: 15px 30px;}
#fondo #contenedor div#actualidad .csld-actualidad .nav ol.pagination li.item {display: inline-block; list-style: none;}
#fondo #contenedor div#actualidad .csld-actualidad .nav ol.pagination li.item button {height: 16px; width: 16px; margin: 0 5px; background-color: var(--white); border-radius: 50%; display: block; border: 1px solid var(--main-color); cursor: pointer; }
#fondo #contenedor div#actualidad .csld-actualidad .nav ol.pagination li.item.activo button {border-color: transparent; background-color: var(--main-color);}

#fondo #contenedor div#actualidad .csld-actualidad .nav button.prev {background-image: url(../img/flecha-csld-prev.svg);}
#fondo #contenedor div#actualidad .csld-actualidad .nav button.next {background-image: url(../img/flecha-csld-prev.svg); transform: rotate(180deg);}
#fondo #contenedor div#actualidad .csld-actualidad .nav button.play {background-image: url(../img/ico-play.svg);}
#fondo #contenedor div#actualidad .csld-actualidad .nav button.stop {background-image: url(../img/ico-stop.svg);}

#fondo #contenedor div#actualidad .csld-actualidad .nav button.prev,
#fondo #contenedor div#actualidad .csld-actualidad .nav button.next,
#fondo #contenedor div#actualidad .csld-actualidad .nav button.play,
#fondo #contenedor div#actualidad .csld-actualidad .nav button.stop
{background-repeat: no-repeat; display: inline-block; width: 46px; height: 46px; background-size: 46px; vertical-align: middle;border: none; background-color: transparent; cursor: pointer;}

#fondo #contenedor div#actualidad .csld-actualidad .nav button.next {order:2;}

#fondo #contenedor div#actualidad .csld-actualidad .nav button.play {margin: 0 20px;}
#fondo #contenedor div#actualidad .csld-actualidad .nav button.stop {margin: 0 20px;}

#fondo #contenedor div#actualidad .csld-actualidad .pagination .item button span.pagination-number {visibility: hidden;}

#fondo #contenedor div#actualidad .csld-actualidad.focused {border-color: var(--black);}

#fondo #contenedor div#actualidad .csld-actualidad a.skip-csld {position: absolute; left: 0px; opacity: 0; transition: opacity 0.3s; color: var(--white);}
#fondo #contenedor div#actualidad .csld-actualidad a.skip-csld:focus {opacity: 1; z-index: 9999; background: var(--main-color); padding: 10px; border: 2px solid var(--white); color: var(--white);}

/*Noticia*/
/*Disposicion tarjeta noticias -  csld-actualidad &amp; cln*/
#fondo #contenedor #contenido .cln .elementos .noticia,
#fondo #contenedor div#actualidad .csld-actualidad .elementos .noticia
{background: var(--white); border: 1px solid var(--border-gray); box-shadow: 0px 2px 15px #0a3f9226; border-radius: 10px; display:block; box-sizing: border-box;}

#fondo #contenedor #contenido .cln .elementos .noticia img,
#fondo #contenedor div#actualidad .csld-actualidad .elementos .noticia img
{width:100%; height: auto; aspect-ratio: 6/4;}

#fondo #contenedor #contenido .cln .elementos .noticia .info,
#fondo #contenedor div#actualidad .csld-actualidad .elementos .noticia .info
{display:flex; flex-direction: row; flex-wrap: wrap; align-items: center;}

#fondo #contenedor #contenido .cln .elementos .noticia .info p.tipo,
#fondo #contenedor div#actualidad .csld-actualidad .elementos .noticia .info p.tipo
{order:0; margin-bottom: 12px;}

#fondo #contenedor #contenido .cln .elementos .noticia .info ul.categorias,
#fondo #contenedor div#actualidad .csld-actualidad .elementos .noticia .info ul.categorias
{order:1; display:block;}

#fondo #contenedor #contenido .cln .elementos .noticia .info ul.categorias li,
#fondo #contenedor div#actualidad .csld-actualidad .elementos .noticia .info ul.categorias li
{margin: 0 12px 12px 0 !important;}

#fondo #contenedor #contenido .cln .elementos .noticia .info p.fecha, 
#fondo #contenedor div#actualidad .csld-actualidad .elementos .noticia .info p.fecha 
{order: 2; display: block; margin: 13px 0; flex: 0 0 100%;}

#fondo #contenedor #contenido .cln .elementos .noticia .info p.titular,
#fondo #contenedor div#actualidad .csld-actualidad .elementos .noticia .info p.titular
{order:3;}

/*Multiple checkbox*/
#fondo #contenedor #col-izq .ctcl .cbuscador form.multiple-check {margin: 0 30px 0 50px;}
#fondo #contenedor #col-izq .ctcl .cbuscador form.multiple-check fieldset {padding: 0; border: none; margin: 0;}
#fondo #contenedor #col-izq .ctcl .cbuscador form.multiple-check fieldset legend {font-size: 1.25em; font-family: 'atkinson_hyperlegibleregular'; font-weight: 700; margin: 16px 0; width: 100%;}
#fondo #contenedor #col-izq .ctcl .cbuscador form.multiple-check fieldset .seleccion.checkbox .opciones .form-item {margin: 16px 0;}
#fondo #contenedor #col-izq .ctcl .cbuscador form.multiple-check fieldset .seleccion.checkbox .opciones .form-item label {color: var(--main-color); font-size: 1em;}
#fondo #contenedor #col-izq .ctcl .cbuscador form.multiple-check fieldset .seleccion.checkbox .opciones .form-item input:checked + label {font-weight: 700;}
#fondo #contenedor #col-izq .ctcl .cbuscador form.multiple-check fieldset .seleccion.checkbox .opciones .form-item.parent {padding: 0; min-height: 30px; margin: 0;margin-top: -8px;}
#fondo #contenedor #col-izq .ctcl .cbuscador form.multiple-check fieldset .seleccion.checkbox .opciones .form-item.parent a.btnDsp {background-image: url(../img/ico-mas.svg); background-size: 30px; background-repeat: no-repeat; float: right; width: 30px; height: 30px;}
#fondo #contenedor #col-izq .ctcl .cbuscador form.multiple-check fieldset .seleccion.checkbox .opciones .form-item.parent &gt; input {margin-top:10px; margin-bottom:6px;}
#fondo #contenedor #col-izq .ctcl .cbuscador form.multiple-check fieldset .seleccion.checkbox .opciones .form-item.parent + .form-item {margin-top: 8px;}
#fondo #contenedor #col-izq .ctcl .cbuscador form.multiple-check fieldset .seleccion.checkbox .opciones .form-item.parent .form-item label {font-size: 0.875em; vertical-align: text-top;}
#fondo #contenedor #col-izq .ctcl .cbuscador form.multiple-check fieldset .seleccion.checkbox .opciones .form-item .seleccion.checkbox {height: 0; overflow: hidden; transition: height 0.2s ease-in-out;}

#fondo #contenedor #col-izq .ctcl .cbuscador form.multiple-check fieldset .seleccion.checkbox .opciones .form-item.dsp .seleccion.checkbox {transition: height 0.2s ease-in-out; background: var(--white); width: 256px; margin-right: 2px; margin-top: 8px; margin-left: 20px; border: 1px solid var(--border-gray); border-radius: 4px; box-shadow: 2px 2px 3px #0000001a; max-height: 180px; height: auto; overflow-y: scroll;}

#fondo #contenedor #col-izq .ctcl .cbuscador form.multiple-check fieldset .seleccion.checkbox .opciones .form-item.parent.dsp {height: 100%; position:relative;}
#fondo #contenedor #col-izq .ctcl .cbuscador form.multiple-check fieldset .seleccion.checkbox .opciones .form-item.parent.dsp .seleccion.checkbox .opciones .form-item {padding: 12px; margin: 0;}
#fondo #contenedor #col-izq .ctcl .cbuscador form.multiple-check fieldset .seleccion.checkbox .opciones .form-item.parent.dsp .seleccion.checkbox .opciones .form-item:hover {background: var(--hovers);}
#fondo #contenedor #col-izq .ctcl .cbuscador form.multiple-check fieldset .seleccion.checkbox .opciones .form-item.parent.dsp a.btnDsp {background-image: url(../img/ico-cerrar-check.svg);margin-bottom: 7px;}

#fondo #contenedor #col-izq .ctcl .cbuscador form.multiple-check .botones {margin: 35px auto !important; height: auto; text-align: center;}
#fondo #contenedor #col-izq .ctcl .cbuscador form.multiple-check .botones input[type="submit"] {background-color: var(--btn-color); border-color: transparent; padding: 10px 40px; border-radius: 40px; font-size: 1em; text-transform: uppercase; color: var(--white); cursor:pointer;}
#fondo #contenedor #col-izq .ctcl .cbuscador form.multiple-check .botones input[type="submit"]:hover {background-color: var(--main-color);}

/*Boton leer mas*/
#fondo #contenedor #contenido .cblq.colapsable .cbtn.dsp {margin: 0em 0 0 0 !important; padding-top: 110px; background: linear-gradient(to bottom, transparent 10%, transparent 25%, #ffffff 52%); position: absolute; width: 100%; bottom: 0; }
#fondo #contenedor #contenido .cblq.colapsable .cbtn.dsp button.btnlmas {width: 180px; height: 50px; position: absolute; bottom:0; left: calc(50% - 90px); margin: 0 0 0 0; padding: 10px 20px; background: var(--white); border: 2px solid var(--btn-color); color: var(--btn-color); border-radius: 40px; font-size: 1em; font-family: 'atkinson_hyperlegibleregular'; cursor:pointer; }
#fondo #contenedor #contenido .cblq.colapsable .cbtn.dsp button.btnlmas:hover {background-color: var(--hovers);    border-color: transparent; box-shadow: 0px 2px 5px #C9AB84C2; color: var(--black);}
#fondo #contenedor #contenido .cblq.colapsable .cbtn.dsp button.btnlmas::after {content:''; background-image: url(../img/angle-circle-down-blue.svg); padding-right: 24px; background-size: 20px; background-repeat: no-repeat; background-position: right 0px center;}
#fondo #contenedor #contenido .cblq.colapsable.abierto .cbtn.dsp {background: none; position: relative; padding-top: 70px;}
#fondo #contenedor #contenido .cblq.colapsable.abierto .cbtn.dsp button.btnlmas::after {background-image: url(../img/angle-circle-up-blue.svg); padding-right: 24px; background-size: 20px; background-repeat: no-repeat; background-position: right 0px center;}

/*Responsive*/
@media(min-width: 1024px) {

  /*BARRA SCROLL CHROME*/
  /* width */
  #fondo #contenedor form.multiple-check fieldset .seleccion.checkbox .opciones .form-item.dsp .seleccion.checkbox::-webkit-scrollbar {width: 10px;}
  /* Track */
  #fondo #contenedor form.multiple-check fieldset .seleccion.checkbox .opciones .form-item.dsp .seleccion.checkbox::-webkit-scrollbar-track {background: var(--white);}
  /* Handle */
  #fondo #contenedor form.multiple-check fieldset .seleccion.checkbox .opciones .form-item.dsp .seleccion.checkbox::-webkit-scrollbar-thumb {background: var(--border-gray); border-radius: 5px;}
  /* Handle on hover */
  #fondo #contenedor form.multiple-check fieldset .seleccion.checkbox .opciones .form-item.dsp .seleccion.checkbox::-webkit-scrollbar-thumb:hover {background: #555;}

  /*BARRA SCROLL FIREFOX*/
  #fondo #contenedor form.multiple-check fieldset .seleccion.checkbox .opciones .form-item.dsp .seleccion.checkbox {scrollbar-color: var(--border-gray) var(--white);scrollbar-width: thin;overflow-y:scroll;}

}
@media (min-width: 1280px) and (max-width: 1300px) { 

  /*GALERIA DE IMAGENES - cgi*/
  #fondo #contenedor.una .cgi .cim.pq,
  #fondo #contenedor.una .cgi.bisel .cim.pq 
  {max-width: 262px; width: 262px !important;}

  #fondo #contenedor.una .cgi .cim.pq img {width: 260px !important; height: 197px !important;}
  #fondo #contenedor.una .cgi.bisel .cim.pq img {width: 215px !important; height: 163px !important;}

  #fondo #contenedor.una .cgi .cim.md,
  #fondo #contenedor.una .cgi.bisel .cim.md 
  {max-width: 360px; width:  360px !important;}

  #fondo #contenedor.una .cgi .cim.md img {width: 360px !important; height: 273px !important;}
  #fondo #contenedor.una .cgi.bisel .cim.md img {width: 312px !important; height: 237px !important;}

  #fondo #contenedor.dos .cgi {gap: 10px;}

  /*PORTADA*/
  /*Galeria de imagenes distribuidora o listado de enlaces portada*/
  #fondo #contenedor.portada .cle.tituloimg.gr .enlace {width: 264px; max-width: 264px !important;}
  #fondo #contenedor.portada .cle.tituloimg.gr .enlace img {width: 215px !important; max-width: 215px !important; height: 163px !important;}

  /*Galeria de publicaciones*/
  /*Plantilla una columna*/
  #fondo #contenedor.una .cgi.publicaciones .cle {width: 264px;}
  #fondo #contenedor.una .cgi.publicaciones .cim {width: 260px; max-width: 260px !important;}
  #fondo #contenedor.una .cgi.publicaciones .cim img {width: 215px !important; max-width: 215px !important; height: 291px !important;}

  /*Plantilla dos columnas*/
  #fondo #contenedor.dos .cgi.publicaciones {gap: 10px;}
  #fondo #contenedor.dos .cgi.publicaciones .cim {width: 240px !important; max-width: 240px !important; margin: 0 !important;}
  #fondo #contenedor.dos .cgi.publicaciones .cim img {width: 196px !important; max-width: 196px !important; height: 265px !important;}
  #fondo #contenedor.dos .cgi.publicaciones .cle {width: 240px;}

  /*ACTUALIDAD*/
  #fondo #contenedor div#actualidad .csld-actualidad .elementos .noticia {width: 267px;}

}

@media(max-width: 1300px) {

  #fondo header #navegacion-opciones #navegacion,
  #fondo header #cabecera .ccabecera,
  #fondo header #navegacion-superior nav#menu-superior,
  #fondo #contenedor.portada,
  #fondo footer #pie,
  #fondo #migas ol
  {width: auto; padding:0 50px;}

  #fondo #contenedor #portada,
  #fondo #contenedor
  {width: 100%;}
  
  /*Contenido*/
  #fondo #contenedor.una #contenido {width: 100%; padding: 0 50px 60px 50px; box-sizing: border-box;}
  #fondo #contenedor.dos #contenido{width: 67%; padding: 0 40px 60px 80px;}
  #fondo #contenedor #col-izq {width: 33%;}

  #fondo.pie-completo footer #pie .enlacesfooter .ccol-3 .col {width: 24%;}

}

@media(max-width: 1279px) {

  /*CABECERA*/
  #fondo header .lt-dcha {width: 40%;}

  /*PORTADA*/
  /*Section oportunidades*/
  #fondo #contenedor #portada #oportunidades &gt; div[class] {min-height: 440px;}

  /*CONTENIDO*/
  /*Experiencias*/
  #fondo #contenedor #contenido .clexp .experiencia {flex: 1 0 39%; max-width: 40%;}

  /*Galeria de imagenes distribuidora o listado de enlaces portada*/
  #fondo #contenedor.portada .cle.tituloimg.gr .enlace {width: 234px; max-width: 234px !important;}
  #fondo #contenedor.portada .cle.tituloimg.gr .enlace img {width: 186px !important; max-width: 186px !important; height: 141px !important;}

  /*Galeria de imagenes*/
  #fondo #contenedor.una .cgi {width: 618px; margin: 0 auto;}

  /*Galeria de publicaciones*/
  #fondo #contenedor.una .cgi.publicaciones,
  #fondo #contenedor.dos .cgi.publicaciones 
  {gap: 34px;}

  #fondo #contenedor.una .cgi.publicaciones .cle {width: 290px;}

  /*ACTUALIDAD*/
  #fondo #contenedor div#actualidad .csld-actualidad .elementos .noticia {width: 329px;}

}

@media(max-width: 1151px) {

  /*CABECERA Y PIE*/
  #fondo header #navegacion-opciones #navegacion,
  #fondo header #cabecera .ccabecera,
  #fondo header #navegacion-superior nav#menu-superior,
  #fondo #contenedor.portada,
  #fondo footer #pie,
  #fondo #migas ol
  {width: auto; padding:0 20px;}

  #fondo #contenedor.una #contenido {padding: 0 20px 60px 20px;}

  /*Logotipo UE provisional*/
  #fondo header #cabecera .logos.ue.aee #escudo img,
  #fondo header #cabecera .logos.ue.aee #ue img,
  #fondo header .lt-dcha 
  {height: 65px;}

  #fondo header #cabecera .logos.ue.aee a#aee img {max-height: 67px;}
  /*----------------------*/

  /*Buscador*/
  #fondo header .lt-dcha {width: 42%;}

  /*PORTADA*/
  /*Section oportunidades*/
  #fondo #contenedor #portada #oportunidades .filtro .listado.perfil ul li a {padding-left:0;}

  /*Galeria de imagenes distribuidora o listado de enlaces portada*/
  #fondo #contenedor.portada .cle.tituloimg.gr .enlace {width: 218px; max-width: 218px !important;}
  #fondo #contenedor.portada .cle.tituloimg.gr .enlace img {width: 172px !important; max-width: 172px !important; height: 131px !important;}
  
  /*Galeria de publicaciones*/
  #fondo #contenedor.una .cgi.publicaciones .cle {width: 290px;}

  /*PAGINA DOS COLUMNAS*/
  #fondo #contenedor.dos #contenido {padding: 0 15px 60px 40px;}

  /*MENU LATERAL IZQUIERDO*/
  #fondo #contenedor #col-izq nav p.apartado {margin-left: 20px;}

  hr {margin: 20px 30px 20px 20px;}

  #fondo #contenedor #col-izq .ctcl .cbuscador form.multiple-check {margin: 0 30px 0 20px;}

  /*PIE*/
  #fondo.pie-completo footer #pie .enlacesfooter .ccol-3 .col {width: 27%;}
  #fondo.pie-completo footer #pie .enlacesfooter .ccol-3 .col:nth-child(2) {width: 36%;}
  #fondo.pie-completo footer #pie .enlacesfooter .ccol-3 .col:nth-child(2) ul {column-count: 1;}

  /*Listado de enlaces  - cle*/
  #fondo #contenedor #contenido .cle.dos .enlace {width: 100%; display: block;}

  /*ACTUALIDAD*/
  #fondo #contenedor div#actualidad .csld-actualidad .elementos .noticia {width: 301px;}

}

@media(max-width: 1023px) {

  /*CABECERA*/
  #fondo header #cabecera .ccabecera {padding: 12px 20px;}
  
  /*Logotipo UE provisional*/
  #fondo header #cabecera .logos.ue #escudo img,
  #fondo header #cabecera .logos.ue #ue img
  {height: 72px;}

  #fondo header #cabecera .logos.ue a#aee img {max-height: 72px;}

  #fondo #contenedor.dos #contenido {padding: 0 15px; width: 100%;}

  /*Navegacion opciones*/
  #fondo header #navegacion-opciones {height: 60px; min-height: 60px;}
  #fondo header #navegacion-opciones #navegacion {padding: 0; min-height: 60px;box-shadow:inset 0px -2px 4px 0px #00000033;}
  #fondo header #navegacion-opciones #navegacion .opciones {padding: 6px; background: transparent; border: none; border-radius: 0; border-bottom: 6px solid transparent; height: 30px; width: 24px; margin: 12px 60px 0 10px;}
  #fondo header #navegacion-opciones #navegacion .opciones.activo {border-bottom-color: var(--white);}
  #fondo header #navegacion-opciones #navegacion .opciones button.btnOpciones.dsp-b {display: block; text-indent: -999999px; color: var(--white); text-decoration: none; background: url(../img/cabecera/ico-mas.svg) center no-repeat; background-size: 24px 24px; width: 24px; height: 24px; padding: 0; margin: 0; border: none;}
  #fondo header #navegacion-opciones #navegacion .opciones .dsp-d {display:none;}

  #fondo header #navegacion-opciones #navegacion .opciones div.dsp-abierto {background: var(--main-color); overflow-y: scroll; height: 100vh; top: 60px;}
  #fondo header #navegacion-opciones #navegacion .opciones div.dsp-abierto ul {display: block; text-align: center; padding: 0; border: none;} 
  #fondo header #navegacion-opciones #navegacion .opciones div.dsp-abierto ul li {display: block; margin: 0 3em; border-bottom: 1px solid var(--line-stroke); height: auto;}
  #fondo header #navegacion-opciones #navegacion .opciones div.dsp-abierto ul li a {padding: 1em 0; width: 100%;}
  #fondo header #navegacion-opciones #navegacion .opciones div.dsp-abierto ul li a span {min-width: 100px;}

  #fondo header #navegacion-opciones #navegacion .opciones div.dsp-abierto ul.redes-sociales li a {background-image: none; margin-left: 0;}
  #fondo header #navegacion-opciones #navegacion .opciones div.dsp-abierto ul.redes-sociales li a span {display:inline-block;}
  #fondo header #navegacion-opciones #navegacion .opciones div.dsp-abierto ul.redes-sociales li a:before {content: ""; background-position: center; background-repeat: no-repeat; background-size: 24px; width: 24px; height: 24px; display: inline-block; vertical-align: middle;}
  #fondo header #navegacion-opciones #navegacion .opciones div.dsp-abierto ul.redes-sociales li a.facebook:before{background-image: url(../img/cabecera/facebook.svg);}
  #fondo header #navegacion-opciones #navegacion .opciones div.dsp-abierto ul.redes-sociales li a.twitter:before{background-image: url(../img/cabecera/twitter.svg);}
  #fondo header #navegacion-opciones #navegacion .opciones div.dsp-abierto ul.redes-sociales li a.x:before{background-image: url(../img/cabecera/x.svg);}
  #fondo header #navegacion-opciones #navegacion .opciones div.dsp-abierto ul.redes-sociales li a.linkedin:before{background-image: url(../img/cabecera/linkedin.svg);}
  #fondo header #navegacion-opciones #navegacion .opciones div.dsp-abierto ul.redes-sociales li a.youtube:before{background-image: url(../img/cabecera/youtube.svg);}
  #fondo header #navegacion-opciones #navegacion .opciones div.dsp-abierto ul.redes-sociales li a.flickr:before{background-image: url(../img/cabecera/flickr.svg);}
  #fondo header #navegacion-opciones #navegacion .opciones div.dsp-abierto ul.redes-sociales li a.pinterest:before{background-image: url(../img/cabecera/pinterest.svg);}
  #fondo header #navegacion-opciones #navegacion .opciones div.dsp-abierto ul.redes-sociales li a.telegram:before{background-image: url(../img/cabecera/telegram.svg);}
  #fondo header #navegacion-opciones #navegacion .opciones div.dsp-abierto ul.redes-sociales li a.instagram:before{background-image: url(../img/cabecera/instagram.svg);}
  #fondo header #navegacion-opciones #navegacion .opciones div.dsp-abierto ul.redes-sociales li a.twitch:before{background-image: url(../img/cabecera/twitch.svg);}
  #fondo header #navegacion-opciones #navegacion .opciones div.dsp-abierto ul.redes-sociales li a.tiktok:before{background-image: url(../img/cabecera/tiktok.svg);}
  #fondo header #navegacion-opciones #navegacion .opciones div.dsp-abierto ul.redes-sociales li a.whatsapp:before{background-image: url(../img/cabecera/whatsapp.svg);}

  /*Idiomas*/
  #fondo header #navegacion-opciones #navegacion .idiomas {float: left; background: transparent; padding: 6px; border: none; border-bottom: 6px solid transparent; border-radius: 0; height: 30px; width: 24px; margin: 12px 12px 0 72px;}
  #fondo header #navegacion-opciones #navegacion .idiomas button.btnIdioma {background: transparent url(../img/cabecera/ico-idiomas.svg); background-size: 24px 24px; background-repeat: no-repeat; width: 26px; height: 26px; padding: 0; margin: 0; text-indent: -999999px;}
  #fondo header #navegacion-opciones #navegacion .idiomas.activo {border-bottom-color: var(--white);}
  #fondo header #navegacion-opciones #navegacion .idiomas ul {margin: 0; border: none; box-shadow: inset 0px 2px 4px 0px #00000033; width: 100%; left: 0; height: 100vh; overflow-y: scroll; top: 60px;}
  #fondo header #navegacion-opciones #navegacion .idiomas ul::after {border: none;}
  #fondo header #navegacion-opciones #navegacion .idiomas ul li span {color: var(--black); font-size: 1rem;}

  #fondo header #navegacion-opciones #navegacion .idiomas ul.dsp-abierto li {display: block; list-style: none; padding: 0; line-height: 1.4; background: var(--main-color);border: none;}
  #fondo header #navegacion-opciones #navegacion .idiomas ul.dsp-abierto li a {padding: 1em 0; display: block; text-align: left; margin: 0 72px;}
  #fondo header #navegacion-opciones #navegacion .idiomas ul.dsp-abierto li a span {color: var(--white);}
  #fondo header #navegacion-opciones #navegacion .idiomas ul.dsp-abierto li:hover {background: var(--bk-elclic);}
  #fondo header #navegacion-opciones #navegacion .idiomas ul.dsp-abierto li:hover a {background: transparent;}
  #fondo header #navegacion-opciones #navegacion .idiomas ul.dsp-abierto li:hover a span {color: var(--black);}
  #fondo header #navegacion-opciones #navegacion .idiomas ul.dsp-abierto li.actual {background: var(--btn-color);} 
  #fondo header #navegacion-opciones #navegacion .idiomas ul.dsp-abierto li.actual span {background: transparent; border-bottom: 1px solid var(--line-stroke); padding: 1em 0; display: block; text-align: left; margin: 0 72px;}

  /*Capa de fondo*/
  #fondo .capa-fondo.visible {height: 100vh;}

  /*Lateral derecha*/
  #fondo header .lt-dcha {position: fixed; right: 0; top: 0; z-index: 1000; width: 60px; height: 60px;transition:width 0.2s ease-in-out;}
  #fondo header .lt-dcha.ancho {width: 100%; transition: width 0.2s ease-in; z-index: 1200; box-shadow: 0px 2px 4px 0px #00000033; background: var(--main-color);}
  #fondo header .lt-dcha.abierto {z-index: 200;}

  /*Buscador*/
  #fondo header .lt-dcha #buscador {top: 0; height: 24px; padding: 6px; margin: 12px;}
  #fondo header .lt-dcha #buscador.activo {position: fixed; left: 20px; width: 468px; right: initial; margin: 12px 0; padding: 6px 0;}

  #fondo header .lt-dcha #buscador form fieldset input.botonbuscar {background: var(--btn-color) url(../img/cabecera/icon_mobile_lupa.svg) center no-repeat; width: 34px; padding: 0; margin: 0; height: 34px; border: 0; cursor: pointer; border-radius: 20px; margin-left: -39px; vertical-align: middle; /*display: none;*/}
  #fondo header .lt-dcha #buscador form fieldset button.btnBuscador {display: inline-block; background: url(../img/cabecera/icon_mobile_lupa.svg) center no-repeat; background-size: 24px 24px; width: 24px; height: 24px; border: none; text-indent: -999999px;}

  #fondo header .lt-dcha #buscador form,
  #fondo header .lt-dcha #buscador form fieldset
  {height: 24px;}

  #fondo header .lt-dcha #buscador form fieldset input.campotexto {vertical-align: middle; color: #333; font-size: 0.9em; width: 394px; margin: 0 0 0 0.5em; padding: 10px; border-radius: 20px; border-color: transparent; position: absolute; top: -3px; right: -700px;}
  #fondo header .lt-dcha #buscador form fieldset input.botonbuscar {background: var(--btn-color) url(../img/cabecera/icon_mobile_lupa.svg) center no-repeat; width: 34px; padding: 0; margin: 0; height: 34px; border: 0; cursor: pointer; border-radius: 20px; margin-left: -40px; vertical-align: middle; position: absolute; right: -703px; top: 0px;}
  #fondo header .lt-dcha #buscador form {z-index: 1200; transition: 0.25s ease-in; -moz-transition: 0.25s ease-in; -webkit-transition: 0.25s ease-in;}
  #fondo header .lt-dcha #buscador form.busqueda {opacity:1; width:100%; -webkit-transition: width 0.2s ease-in-out, background 0.1s ease-in; -moz-transition: width 0.2s ease-in-out, background 0.1s ease-in; -o-transition: width 0.2s ease-in-out, background 0.1s ease-in; transition: width 0.2s ease-in-out, background 0.1s ease-in; background:#E4E4E4;}
  #fondo header .lt-dcha #buscador form.busqueda {position: absolute; right: 0; height: 100%; top: 0; background: var(--main-color);}
  #fondo header .lt-dcha #buscador form.busqueda fieldset {min-width: 19em; height: 100%; width: 100%; margin: 0;}
  #fondo header .lt-dcha #buscador form.busqueda fieldset button.btnBuscador {background: url(../img/cabecera/ico-cerrar.svg) center no-repeat; background-size: 24px; width: 36px; background-position: center; height: 36px; margin: 0; padding: 6px;}
  #fondo header .lt-dcha #buscador form.busqueda fieldset button.btnBuscador {float:left;}
  #fondo header .lt-dcha #buscador form.busqueda fieldset button.btnBuscador img {padding-top: 0.15em;}

  #fondo header .lt-dcha #buscador form.busqueda input#campotexto {display: inline-block; margin: 0 auto;right: initial; left: 50px;}
  #fondo header .lt-dcha #buscador form.busqueda input#campotexto:focus {outline: none;}
  #fondo header .lt-dcha #buscador form.busqueda fieldset input.botonbuscar {right: 4px; margin-left: 0;}

  /*Navegacion superior*/
  #fondo header #navegacion-superior {width: 0; left: -100%; top: 0; bottom: 0; width: 90%; height: auto; display: block; z-index: 1100; position: fixed;}

  #fondo header #navegacion-superior a#btnMenu {display: block; text-align: left; padding-left: 0; position: fixed; top: 0; left: 0; width: 60px; height: 60px; z-index: 1100;}
  #fondo header #navegacion-superior a#btnMenu span.middle {display: block; position: absolute; height: 3px; width: 30px; left: 20px; background: var(--white); top: 42px; border-radius: 2px; transition: 0.25s ease-in-out;}
  #fondo header #navegacion-superior a#btnMenu span.middle:before {content: ""; display:block; position: absolute; height: 3px; width: 30px; right: 0; background: var(--white); top: -12px; border-radius: 2px; transition: 0.25s ease-in-out; transform: rotate(0 deg)}
  #fondo header #navegacion-superior a#btnMenu span.middle:after {content: ""; display:block; position: absolute; height: 3px; width: 30px; right: 0; background: var(--white); top: -24px; border-radius: 2px; transition: 0.25s ease-in-out; transform: rotate(0 deg)}

  #fondo header #navegacion-superior nav#menu-superior {display: none;}
  #fondo header #navegacion-superior nav#menu-superior ul li &gt; ul {display: block;}

  #fondo header #navegacion-superior .global .encabezado span.cerrar {float: right; font-size: 1em; margin: 1em; background: url(../img/responsive/ico-cerrar.png) right center no-repeat; text-indent: -999999px; width: 1em;}

  #fondo header #navegacion-superior.abierto {left: 0; transition: left 0.25s ease-in 0s; -webkit-transition: left 0.25s ease-in 0s; -moz-transition: none !important; -o-transition: left 0.25s ease-in 0s; z-index: 1100; top: 0; position: fixed;}
  #fondo header #navegacion-superior.abierto a#btnMenu {z-index: 1100;} 
  #fondo header #navegacion-superior.abierto a#btnMenu span.middle {height:0}
  #fondo header #navegacion-superior.abierto a#btnMenu span.middle:before { transform: rotate(-45deg); top: -12px;}
  #fondo header #navegacion-superior.abierto a#btnMenu span.middle:after { transform: rotate(45deg); top: -12px;}

  #fondo header #navegacion-superior.abierto .global {position: relative; width: 100%; height: 100%; overflow-x: hidden; background: var(--main-color);}
  #fondo header #navegacion-superior.abierto .global .encabezado {display: block; background: var(--main-color); height: 60px; padding: 0; position: fixed; width: 90%; box-shadow: 0px 2px 4px 0px #00000033;}

  #fondo header #navegacion-superior.abierto .global .encabezado p {margin: 0; float: left; padding: 1em 3.2em; opacity: 1; -webkit-transition: opacity 0.75s; transition: opacity 0.75s;}

  #fondo header #navegacion-superior.abierto .global .encabezado p, 
  #fondo header #navegacion-superior.abierto .global .encabezado span
  {color: var(--white);}

  #fondo header #navegacion-superior.abierto .global .encabezado,
  #fondo header #navegacion-superior.abierto nav#menu-superior
  {display:block;}

  #fondo header #navegacion-superior.abierto nav#menu-superior {background: var(--main-color); margin: 60px 0 0 0; width: 100%; padding: 0; min-height: 100%;}
  #fondo header #navegacion-superior.abierto nav#menu-superior ul {margin: 0; padding: 0; overflow: hidden;}
  #fondo header #navegacion-superior.abierto nav#menu-superior ul li {font-size: 1rem; text-align: left; margin: 0; max-width: initial; width: 100% !important; height: initial; display: block; list-style: none; padding: 0; line-height: 1.4; background: transparent;}
  #fondo header #navegacion-superior.abierto nav#menu-superior ul li a {border-bottom:none; font-size: 1em; color: var(--white); padding: 16px 25px 16px; line-height: 1.8; display: block; text-align: left; margin: 0 20px;}
  #fondo header #navegacion-superior.abierto nav#menu-superior ul li &gt; a { background-image: url(../img/angle-circle-right-white.svg); background-size: 25px; background-repeat: no-repeat; background-position: right; border-top: 1px solid var(--line-stroke);}
  #fondo header #navegacion-superior.abierto nav#menu-superior ul li:first-child &gt; a {border:none;}
  #fondo header #navegacion-superior.abierto nav#menu-superior ul li.seleccionado &gt; a {font-family: 'atkinson_hyperlegiblebold' !important;}
  #fondo header #navegacion-superior.abierto nav#menu-superior ul li.abierto &gt; a {background:none;}
  #fondo header #navegacion-superior.abierto nav#menu-superior ul li.abierto ul &gt; li:last-child a {border:none;}
  #fondo header #navegacion-superior.abierto nav#menu-superior ul li.miga &gt; a {border-bottom: 1px solid var(--line-stroke);}

  #fondo header #navegacion-superior.abierto nav#menu-superior ul &gt; li.abierto.seleccionado,
  #fondo header #navegacion-superior.abierto nav#menu-superior ul &gt; li.seleccionado
  {background-color: var(--btn-color);}

  #fondo header #navegacion-superior.abierto nav#menu-superior ul li &gt; ul li  {background-color: var(--main-color);}

  #fondo header #navegacion-superior.abierto nav#menu-superior ul li.abierto ul &gt; li a {border: none; padding: 16px 0 8px 0; margin-left: 70px; font-family: 'atkinson_hyperlegibleregular'; font-weight: 400; background: none; border-bottom: 1px solid var(--line-stroke);}
  #fondo header #navegacion-superior.abierto nav#menu-superior ul li.abierto ul ul &gt; li a {background: url(../img/ico-flecha-listado-white.svg) no-repeat !important; background-position: left 0 top 6px !important; background-size: 15px !important; margin: 16px 20px 0 70px; padding: 0 0 16px 30px; border: none;}
  #fondo header #navegacion-superior.abierto nav#menu-superior ul li.abierto ul &gt; li.activo a {border: none;}
  #fondo header #navegacion-superior.abierto nav#menu-superior ul li.abierto ul &gt; li.activo ul li:last-child a {border-bottom: 1px solid var(--line-stroke);}
  #fondo header #navegacion-superior.abierto nav#menu-superior ul li.abierto ul li.miga &gt; a {font-family: 'atkinson_hyperlegiblebold';}

  /*Arbol colapsable*/
  #fondo header #navegacion-superior.abierto nav#menu-superior ul li.abierto span.arbCol {margin-top: -47px; float: right; width: 18px; height: auto; padding: 15px 7px; background-repeat: no-repeat; background-position: center; background-size: 25px; position: relative; margin-right: 19px;}
  #fondo header #navegacion-superior.abierto nav#menu-superior ul li.abierto &gt; span.arbCol {background-image: url("../img/angle-circle-down-white.svg"); }
  #fondo header #navegacion-superior.abierto nav#menu-superior ul li.abierto.activo &gt; span.arbCol {background-image: url("../img/angle-circle-up-white.svg");}

  /*PIE*/
  #fondo.pie-completo footer #pie .enlacesfooter {margin: 0;}
  #fondo.pie-completo footer #pie .enlacesfooter .ccol-3 {flex-direction: column;}

  #fondo.pie-completo footer #pie .enlacesfooter .ccol-3  .col, 
  #fondo.pie-completo footer #pie .enlacesfooter .ccol-3 .col:nth-child(2)
  {width: 100%; margin: 0;text-align:center;border: none;}

  #fondo.pie-completo footer #pie .enlacesfooter .ccol-3 .col a.seccion {padding: 0;}

  #fondo.pie-completo footer #pie .enlacesfooter .ccol-3 .col ul {padding-left: 0; display:none;}

  #fondo.pie-completo footer #pie .enlacesfooter .ccol-3 .col:nth-child(2) ul {width: 100%; column-count: 1;}
  #fondo.pie-completo footer #pie .enlacesfooter .ccol-3 .col:last-child {margin-left:0;}
  #fondo.pie-completo footer #pie .enlacesfooter .ccol-3 .col:nth-child(2) {padding-left:0;}

  #fondo.pie-completo footer #pie .bloque-superior {text-align: center; margin: 0;}
  #fondo.pie-completo footer #pie .bloque-inferior {display: flex; flex-direction: column-reverse;height: auto;margin: 0;}

  #fondo.pie-completo footer #pie .bloque-inferior .izq, 
  #fondo.pie-completo footer #pie .bloque-inferior .dcha
  {height: auto;}

  #fondo.pie-completo footer #pie .bloque-inferior .izq {margin-top: 1em; text-align: center;}

  #fondo.pie-completo footer #pie .bloque-inferior .dcha ul.comunes {text-align: center;}
  #fondo.pie-completo footer #pie .bloque-inferior .dcha ul.comunes li {display:block; margin: 0; padding: 0.5em 0;} 

  #fondo.pie-completo footer #pie .bloque-inferior p,
  #fondo.pie-completo footer #pie .bloque-inferior ul li a
  {font-size: 1rem; font-family: 'atkinson_hyperlegibleregular'; line-height: 1.4;}

  #fondo.pie-completo footer #pie .bloque-inferior {padding: 0 0 2.8em 0;}

  #fondo.pie-completo footer #pie .enlacesfooter .ccol-3 .col:first-child {margin-right: 0;}

  /*PORTADA*/
  #fondo #contenedor #portada #oportunidades &gt; div[class] {min-height: 500px;}

  /*Section Oportunidades*/
  #fondo #contenedor #portada #oportunidades .experiencia .encabezado div.link-convocatoria {margin-left:0;}
  #fondo #contenedor #portada #oportunidades .experiencia .encabezado div.link-convocatoria a span {color: #067237;}

  #fondo #contenedor #portada #oportunidades .filtro .listado ul li a {padding: 5px 30px 5px 20px;}

  /*Galeria de imagenes distribuidora o listado de enlaces portada*/
  #fondo #contenedor.portada .cle.tituloimg.gr .enlace {width: 285px; max-width: 285px !important;}
  #fondo #contenedor.portada .cle.tituloimg.gr .enlace img {width: 237px !important; max-width: 237px !important; height: 180px !important;}

  /*Columna rwd*/
  #fondo #contenedor #col-izq {padding-top: 0; background-color: transparent; border: none;}
  #fondo #contenedor #col-izq .global {left: -361px;}

  #fondo #contenedor #col-izq.abierto,
  #fondo #contenedor #col-izq.abierto .global
  {width: 360px;}

  #fondo #contenedor #col-izq.abierto .global{background: var(--bk-stick); border-width: 0 1px; border-style: solid; border-color: var(--line-stroke); padding-top: 50px;}
  #fondo #contenedor #col-izq.abierto .global form.multiple-check {margin: 30px 30px 0 20px;}

  #fondo #contenedor div[id^="col"] .encabezado {background: var(--main-color); position: fixed; top: 0; display: block; width: 344px;}
  #fondo #contenedor div[id^="col"] .encabezado span.cerrar {background-size: 24px; width: 24px; height: 24px; margin: 0; padding: 6px; background: url(../img/cabecera/ico-cerrar.svg) center no-repeat;}

  #fondo header .barra-laterales {background-color: var(--white); height: auto;}

  #fondo header .barra-laterales div.btn-colizq,
  #fondo header .barra-laterales div.btn-coldcha
  {background-color: var(--main-color); background-size: 39px; background-position: center; padding: 10px 10px 10px 0; background-repeat: no-repeat; width: 30px;}

  #fondo header .barra-laterales div.btn-colizq {background-image: url(../img/angle-circle-right-white.svg); border-radius: 0 30px 30px 0;}
  #fondo header .barra-laterales div.btn-coldcha {background-image: url(../img/angle-circle-left-white.svg); border-radius: 30px 0 0 30px;}

  /*Columna izquierda*/
  #contenedor #col-izq .global nav + hr {border: none; margin: 0; outline: none;}

  #fondo #contenedor div[id^="col"] .global .ctcl {margin: 30px 30px 0 20px;}
  #fondo #contenedor div[id^="col"] .cc {margin: 0;}
  #fondo #contenedor div[id^="col"] .ctcl .cc.estilo2 p.titulo-cc {margin: 0 0 16px 0;}
  #fondo #contenedor div[id^="col"] .ctcl .cc.estilo2 .cle div.enlace a {padding: 8px 30px 8px 20px; margin: 4px 0;}

  hr {margin: 20px 30px 20px 20px;}

  /*Columna izquierda - recurso*/
  #fondo #contenedor.recurso #col-izq nav {display: block; margin: 30px 30px 0 20px;}
  #fondo #contenedor.recurso #col-izq nav ul li a {margin: 4px 0; padding: 8px 30px 8px 20px;}

  /*Migas*/
  #fondo #migas {display:none;}

  /*COMPONENTES*/
  /*Componente tarjetas*/
  #fondo #contenedor #contenido .ctar.rwd-v .elemento {border: 1px solid var(--border-gray); border-top: 5px solid var(--main-color); background-color: var(--white); background-size: 62px; background-repeat: no-repeat; background-position: center top 20px;}

  /*Experiencias*/
  #fondo #contenedor #contenido .clexp .experiencia {padding-bottom:  150px; flex: 1 0 42%; max-width: 43%;}
  #fondo #contenedor #contenido .clexp .experiencia .usuario {flex-direction:  row;}
  #fondo #contenedor #contenido .clexp .experiencia .usuario .info {margin-top: 0px; margin-left:  20px; text-align:  left;}

  /*Listado de enlaces*/
  #fondo #contenedor #contenido .cle.dos .enlace {width: 49%; display: inline-block;}

  /*ACTUALIDAD*/
  #fondo #contenedor div#actualidad .csld-actualidad .elementos .noticia {width: 285px;}

}

@media(max-width: 959px) {

  /*PORTADA*/
  #fondo #contenedor #portada #oportunidades &gt; div[class] {min-height: 350px;}

  /*Section oportunidades*/
  #fondo #contenedor #portada #oportunidades {flex-direction:column; height: auto;}
  #fondo #contenedor #portada #oportunidades .experiencia {margin-right: 0; width: auto;}

  #fondo #contenedor #portada #oportunidades .filtro {width: auto; margin-top:30px;}

  /*Componente tarjetas - Oportunidades*/
  #fondo #contenedor #contenido .ctar.esc-v .elemento {flex: 0 0 27%;}

  /*Galeria de imagenes portada*/
  #fondo #contenedor #portada .cgi {width: 100%;}

  /*CONTENIDO*/
  /*Experiencias*/
  #fondo #contenedor #contenido .clexp .experiencia {padding-bottom: 150px; flex: 0 1 100%; max-width: 100%; margin: 15px 0;}

  /*Listado de enlaces*/
  #fondo #contenedor #contenido .cle.dos .enlace {width: 100%; display: block;}

  /*ACTUALIDAD*/
  #fondo #contenedor div#actualidad .csld-actualidad .elementos .noticia {width: 348px;}

}

@media(max-width: 767px) {
  
  /*PORTADA*/
  /*Section oportunidades*/
  #fondo #contenedor #portada #oportunidades .filtro .listado .perfil ul li a {margin-right: 20px;}

  /*Galeria de imagenes*/
  #fondo #contenedor.una .cgi {width: 100%;}
  
  #fondo #contenedor.una .cgi,
  #fondo #contenedor.una .cgi.publicaciones
  {gap: 15px;}

  /*Galeria de imagenes distribuidora o listado de enlaces portada*/
  #fondo #contenedor.portada .cle.tituloimg.gr {width: 100%;}
  #fondo #contenedor.portada .cle.tituloimg.gr .enlace {width: 283px; max-width: 283px !important;}

  /*Listado de actualidad*/
  #fondo #contenedor #contenido .noticia {flex-direction: column;}
  #fondo #contenedor #contenido .noticia img {margin: 0 auto;}
  #fondo #contenedor #contenido .noticia .info {text-align: center;}

  #fondo #contenedor #contenido .cln .elementos .noticia {flex: 1 0 48%; max-width: 49%; margin-right: 0;}
  #fondo #contenedor #contenido .cln .elementos .noticia:nth-child(odd){margin-right:15px;}
  #fondo #contenedor #contenido .cln .elementos .noticia .info {text-align: left;}

  /*Parrafo*/
  #fondo #contenedor #contenido .cte p {margin: 1.5em;}

  /*Componente tarjetas - Oportunidades*/
  #fondo #contenedor #contenido .ctar.esc-v {flex-direction: column;}
  #fondo #contenedor #contenido .ctar.esc-v .elemento {flex:  auto; margin:  8px 0;}

  /*Componente galeria de botones - cgbtn*/
  #fondo #contenedor .cgbtn {margin: 1.5em;}

  /*ACTUALIDAD*/
  #fondo #contenedor div#actualidad .csld-actualidad .elementos .noticia {width: 284px;}

}

@media(max-width: 639px) {

  /*Cabecera*/
  #fondo header #cabecera .ccabecera {padding: 12px;}

  /*Logos*/
  #fondo header #cabecera .logos a {height: 60px;}
  #fondo header #cabecera .logos #escudo img {height: 62px;}
  #fondo header #cabecera .logos a#aee img {max-height: 62px;}

  /*Logotipo UE provisional*/
  #fondo header #cabecera .logos.ue.aee #escudo img, 
  #fondo header #cabecera .logos.ue.aee #ue img,
  #fondo header #cabecera .logos.ue.aee a#aee img
  {height: 54px;}
  /*------------------------*/

  /*Buscador*/
  #fondo header .lt-dcha #buscador.activo {left: 5px;}
  #fondo header .lt-dcha #buscador form.busqueda input#campotexto {left: 45px;} 
  #fondo header .lt-dcha #buscador form.busqueda fieldset input.botonbuscar {right: 8px;}

  /*PORTADA*/
  #fondo #contenedor #portada #oportunidades &gt; div[class] {min-height: 420px;}

  /*Section oportunidades*/
  #fondo #contenedor #portada #oportunidades .filtro .listado {display: flex; flex-direction: column;}
  #fondo #contenedor #portada #oportunidades .filtro .listado .perfil ul {border-right: none;}
  #fondo #contenedor #portada #oportunidades .filtro .listado .perfil ul li a {margin-right: 0;}

  #fondo #contenedor #portada #oportunidades .filtro .listado .zona {margin: 0 30px;}

  #fondo #contenedor #portada #oportunidades .filtro .listado .perfil,
  #fondo #contenedor #portada #oportunidades .filtro .listado .zona
  {width: auto;}

  #fondo #contenedor #portada #oportunidades .experiencia .cbtn {right: 0; text-align: center; width: 100%;}

  /*Section actualidad*/
  #fondo #contenedor #contenido .cln .elementos .noticia,
  #fondo #contenedor div#actualidad .csld-actualidad .elementos .noticia 
  {width: 100%;}

  #fondo #contenedor div#actualidad .csld-actualidad .elementos .noticia {max-width: 100%;}

  /*Navegacion*/
  #fondo #contenedor div#actualidad .csld-actualidad .nav {position: relative;}
  #fondo #contenedor div#actualidad .csld-actualidad .nav button.prev {position: absolute; left: 0;}
  #fondo #contenedor div#actualidad .csld-actualidad .nav button.next {position: absolute; right: 0;}
  
  #fondo #contenedor div#actualidad .csld-actualidad .nav .num-pagination {font-size: 0.875em; margin: 7px 0; border-radius: 20px; background: var(--white); padding: 7px 4px; display: inline-block; vertical-align: middle; color: var(--main-color); min-width: 70px; border: 1px solid var(--main-color);}
  #fondo #contenedor div#actualidad .csld-actualidad .nav .num-pagination span {margin: 0 0.25em;}
  #fondo #contenedor div#actualidad .csld-actualidad .nav .num-pagination span.actual {font-weight: 700;}

  /*Bloque oportunidades*/
  #fondo #contenedor #contenido div[class^="ccol"] .col, 
  #fondo #contenedor #contenido div[class^="ccol"] .col.fondo 
  {padding: 0;}

  #fondo #contenedor #contenido div[class^="ccol"] .col .cte ul &gt; li {margin: 8px;}
  #fondo #contenedor #contenido div[class^="ccol"] .col.separacion {border-left: none; border-top-color: var(--border-gray); padding: 0;}

  #fondo #contenedor #contenido .ctar.esc-v .elemento {flex: 1 0 auto; margin: 8px 0 !important;}

  /*Componente bloque - Listado de oportunidades*/
  #fondo #contenedor #contenido .cblq.clo ul li {flex: 1 0 100%; max-width: 100%;}
  #fondo #contenedor #contenido .cblq.clo ul li:nth-child(odd) {border-right: none; padding-right: 0;}
  #fondo #contenedor #contenido .cblq.clo ul li:nth-child(even) a {margin-left: 0;}
  #fondo #contenedor #contenido .cblq.clo ul li:nth-child(odd) a {margin-right: 0;}

  /*Componente imagen*/
  #fondo #contenedor #contenido .cim.izquierda {margin: 0.5em auto; float: none;}

  /*ACTUALIDAD*/
  #fondo #contenedor div#actualidad .csld-actualidad .elementos .noticia {width: 440px;}

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

    /*Contenido*/
    #fondo #contenedor.una #contenido {padding: 0 12px 60px 12px; width: 100%; box-sizing: border-box;}

    /*Logos*/
    #fondo header #cabecera .logos {width:100%;}
    #fondo header #cabecera .logos a {height: 44px;}

    #fondo header #cabecera .logos #escudo,
    #fondo header #cabecera .logos a#aee 
    {height: auto;}
    
    #fondo header #cabecera .logos #escudo img {height: 45px;}
    #fondo header #cabecera .logos a#aee img {max-height: 45px;}

    /*Logotipo UE provisional*/
    #fondo header #cabecera .logos.ue.aee #escudo img, 
    #fondo header #cabecera .logos.ue.aee #ue img,
    #fondo header #cabecera .logos.ue.aee a#aee img
    {height: 39px;}
    /*------------------------*/

    /*Buscador*/
    #fondo header .lt-dcha #buscador form fieldset input.campotexto {width: 276px;}
    #fondo header .lt-dcha #buscador form.busqueda fieldset input.botonbuscar {right: 8px;}
    #fondo header .lt-dcha #buscador.activo {width: 350px;}

    /*PORTADA*/
    /*Section oportunidades*/
    #fondo #contenedor #portada #oportunidades &gt; div[class] {min-height: 600px;}

    /*Listado actualidad*/
    #fondo #contenedor .noticia .info p.fecha, 
    #fondo #contenedor #contenido.noticias .info p.fecha 
    {display: block;}

    #fondo #contenedor #col-izq.abierto, 
    #fondo #contenedor #col-izq.abierto .global
    {width: 345px;}

    #fondo #contenedor div[id^="col"] .encabezado {width: 330px;}

    /*CONTENIDO*/
    #fondo #contenedor.dos #contenido {box-sizing: border-box; margin: 0;}
    #fondo #contenedor #contenido .cim.gr.izquierda {max-width: 100%;}

    /*Experiencias*/
    #fondo #contenedor .usuario {flex-direction:  column !important;}
    #fondo #contenedor .usuario .info {margin-left: 0px !important; margin-top:  20px !important; text-align:  center !important;}
    #fondo #contenedor #contenido .clexp .experiencia {padding-bottom: 230px;}

    /*Galería de imágenes*/
    #fondo #contenedor.una .cgi .cim.md, 
    #fondo #contenedor.una .cgi.bisel .cim.md 
    {max-width: 100%;}

    #fondo #contenedor.una .cgi .cim.md img {width: 320px !important; height: 243px !important;}
    #fondo #contenedor.una .cgi.bisel .cim.md img {width: 274px !important; height: 208px !important;}

    /*Noticias*/
    #fondo #contenedor #contenido .cln .elementos .noticia {flex: 0 0 100%; max-width: 100%;} 
    #fondo #contenedor #contenido .cln .elementos .noticia:nth-child(odd) {margin-right: 0;}

    /*Listado de enlaces*/
    #fondo #contenedor #contenido .cle.dos .enlace p {overflow: initial !important;}
    #fondo #contenedor #contenido .cle.dos.izq .enlace img {margin-right: 16px;}

    /*ACTUALIDAD*/
    #fondo #contenedor div#actualidad .csld-actualidad .elementos .noticia {width: 320px;}

}

@media(max-width: 359px) {

  /*Logos*/
  #fondo header #cabecera .logos a {height: 38px;}

  #fondo header #cabecera .logos #escudo img {height: 40px;}
  #fondo header #cabecera .logos a#aee img {max-height: 40px;}

  /*Logotipo UE provisional*/
  #fondo header #cabecera .logos.ue.aee #escudo img, 
  #fondo header #cabecera .logos.ue.aee #ue img,
  #fondo header #cabecera .logos.ue.aee a#aee img
  {height: 34px;}
  /*------------------------*/

  /*Buscador*/
  #fondo header .lt-dcha #buscador form fieldset input.campotexto {width: 237px;}
  #fondo header .lt-dcha #buscador.activo {width: 312px;}

  /*Columna izquierda*/
  #fondo #contenedor #col-izq.abierto, 
  #fondo #contenedor #col-izq.abierto .global 
  {width: 300px;}

  #fondo #contenedor div[id^="col"] .encabezado {width: 285px;}

  /*Galeria de imagenes*/
  #fondo #contenedor.una .cgi .cim.pq {max-width: 100%;}
  #fondo #contenedor.una .cgi .cim.pq img {width: 272px !important; height: 206px !important;}

  #fondo #contenedor.una .cgi.bisel .cim.pq {max-width: 280px;}
  #fondo #contenedor.una .cgi.bisel .cim.pq img {width: 234px !important; height: 177px !important;}

  #fondo #contenedor.una .cgi .cim.md img {width: 278px !important; height: 211px !important;}
  #fondo #contenedor.una .cgi.bisel .cim.md img {width: 232px !important; height: 176px !important;}

  /*Galeria de publicaciones*/
  #fondo #contenedor.una .cgi.publicaciones .cle {width: 280px;}
  #fondo #contenedor.una .cgi.publicaciones .cim {width: 100%; max-width: 100% !important;}
  #fondo #contenedor.una .cgi.publicaciones .cim img {width: 234px !important; max-width: 234px !important; height: 314px !important;}

  /*ACTUALIDAD*/
  #fondo #contenedor div#actualidad .csld-actualidad .elementos .noticia {width: 280px;}

}</pre></body></html>