/*ESTILOS TEMA*/
/*Colores base*/
:root {
  --black: #050b0b;
  --white: #FFF;
  --light-gray: #F0F0F0;
  --gray: #D3DBE3;
  --dark-gray: #737373;
  --yellow: #E7F600;
  --green:  #28cfbf;
  --orange: #F2A630;
  --light-orange: #FFDE97;
  --dark-orange: #EA792E;
  --blue: #A1D3EE;
  --dark-blue: #426EDC;
  --extradark-blue: #001BA3;
}

@font-face {
  font-family: 'suisse-intlregular';
  src: url('./fuentes/suisse-intlregular/SuisseIntl-Regular.otf');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'suisse-intlbold';
  src: url('./fuentes/suisse-intlbold/SuisseIntl-Bold.otf');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'suisse-intlmedium';
  src: url('./fuentes/suisse-intlmedium/SuisseIntl-Medium.otf');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'suisse-intlsemibold';
  src: url('./fuentes/suisse-intlsemibold/SuisseIntlCond-Semibold.otf');
  font-weight: normal;
  font-style: normal;

}

body,
#fondo #contenedor .cbtn a 
{font-family: 'suisse-intlregular';}

body strong {font-family: 'suisse-intlbold';}

/*ELEMENTOS COMUNES*/
/*FONDO*/
#fondo {background: var(--white);}
#fondo #contenedor {background: var(--white);}

#fondo #contenedor p,
#fondo #contenedor ul, 
#fondo #contenedor ol 
{line-height: 1.6;font-size: 14px; line-height: 20px;;}

#fondo #contenedor #contenido p,
#fondo #contenedor #contenido ol,
#fondo #contenedor #contenido ul
{font-family: 'suisse-intlregular';}

#fondo #contenedor #contenido ul li {background-position: 0.2em 0.3em;}
#fondo #contenedor #contenido ul li ul li {background-position: 0 0.3em;}

#fondo #contenedor #contenido {margin: 30px 0; width: 100%;}
#fondo #contenedor.dos #contenido {width: 1036px; margin: 30px 0 0 0;padding: 0;}

#fondo #contenedor #contenido h1 {margin:0;}
#fondo #contenedor #contenido strong {font-family: 'suisse-intlbold';}
#fondo #contenedor #contenido a {color: var(--extradark-blue);}
#fondo #contenedor #contenido a:hover {color: var(--dark-blue);}

/*MIGAS*/
#fondo #contenedor #migas {display: block; border-bottom: 1px solid var(--black); padding: 20px 15px 0;box-sizing: border-box;}
#fondo #contenedor #migas ol {max-width: 100%; width: 100%;}
#fondo #contenedor #migas ol li {white-space: pre-line; font-size: 14px; line-height: 22px; font-weight: 600; font-family: 'suisse-intlregular';  padding: 0; padding-right: 1em;  margin: 0 6px 0 0; float: none;background: url(../img/linea-miga.svg) no-repeat; background-size: 5px; background-position: right 6px;}
#fondo #contenedor #migas ol li a {text-decoration: none; color: var(--dark-gray);display:block;}
#fondo #contenedor #migas ol li.actual {color: var(--extradark-blue); border-bottom: 4px solid var(--extradark-blue); margin-right: 0;background-image: none; padding: 0;}
#fondo #contenedor #migas ol li:hover a {color: var(--black);border-bottom: 4px solid var(--extradark-blue);}

/*Migas colapsables*/
#fondo #contenedor #migas.noexpand {display: flex; align-items: start;}
#fondo #contenedor #migas.noexpand ol li {display: none;}
#fondo #contenedor #migas.noexpand ol li.actual {display: block; padding: 8px 4px 8px 12px; white-space: break-spaces;}
#fondo #contenedor #migas button.btnTabs {font-size: 14px; line-height: 22px; font-family: 'suisse-intlregular'; text-align: center; margin: 0; border: 1px solid transparent; width: 40px; text-indent: -99999px; background-image: url(../img/ico-migas.svg); background-size: 30px !important; background-repeat: no-repeat; background-position: center; background-color: transparent; padding: 20px; height: 40px; cursor: pointer; border: none; }
#fondo #contenedor #migas button.btnTabs:hover {text-decoration: underline; background-color: var(--gscale04);}

#fondo #contenedor #migas.expand {display: flex; background-color: var(--white); z-index: 2;align-items: start;}
#fondo #contenedor #migas.expand ol {position: initial; background: none; border: none;}
#fondo #contenedor #migas.expand ol li {display: block; padding: 0px; margin: 0; white-space: break-spaces;background:none;}
#fondo #contenedor #migas.expand ol li.actual {padding: 10px 14px;}
#fondo #contenedor #migas.expand ol li a {padding: 10px 14px; display: block; border-bottom: 4px solid transparent;}
#fondo #contenedor #migas.expand ol li a:hover {color: var(--black); border-bottom-color: var(--ps14);}
#fondo #contenedor #migas.expand ol li:hover {border-bottom: none;}
#fondo #contenedor #migas.expand ol li.actual:hover {border-bottom: 4px solid var(--ps14);}
#fondo #contenedor #migas.expand button.btnTabs {background-image: url(../img/ico-migas-close.svg);}

/*CABECERA*/
#fondo header #cabecera {width: 1280px; display: flex; border-bottom: 1px solid var(--black); min-height: initial; padding-top: 20px; align-items: end;}
#fondo header #cabecera #logo {position: initial; margin-bottom: -1px; display: block;}
#fondo header #cabecera #logo img {padding: 0; height: 72px; vertical-align: top;}
#fondo header #cabecera .dcha {display: flex; flex-direction: row; margin-left: auto; align-items: center;}
#fondo header #cabecera .dcha .logos {display: flex; position: initial; padding: 0;}
#fondo header #cabecera .dcha .logos #escudo {position: initial; padding: 0; margin-left: 20px;}
#fondo header #cabecera .dcha .logos #escudo img {vertical-align: top;}
#fondo header #cabecera .dcha .logos #ue {display: block;}
#fondo header #cabecera .dcha .logos #ue img {height: 72px; width: auto; vertical-align: top; padding: 0; margin-left: 6px;}

#fondo header, 
#fondo header #cabecera
{background: var(--gray);}

/*BUSCADOR*/
#fondo header #cabecera .dcha #buscador {float: right; margin: 0; height: 24px; padding: 4px 12px; border: 1px solid var(--black); margin-left: 12px;}
#fondo header #cabecera .dcha #buscador fieldset {border: none; padding: 0; margin: 0;}
#fondo header #cabecera .dcha #buscador form fieldset button.cerrarBuscador {display:none;}

#fondo header #cabecera .dcha #buscador input.campotexto {display: inline-block; vertical-align: top; height: 28px; font-size: 14px; font-family: 'suisse-intlregular'; color: var(--black); width: 45px; transition: width 0.3s ease; border: none; text-align: right; margin: 0 7px 0 0; padding: 0 0; background: transparent;}
#fondo header #cabecera .dcha #buscador input.campotexto::-webkit-input-placeholder { color: var(--black); opacity: 1; }
#fondo header #cabecera .dcha #buscador input.campotexto::placeholder { color: var(--black); opacity: 1; }
#fondo header #cabecera .dcha #buscador input.campotexto:-ms-input-placeholder { color: var(--black); opacity: 1; }
#fondo header #cabecera .dcha #buscador input.campotexto:focus::-webkit-input-placeholder { color: var(--black); opacity: 0.7; } 
#fondo header #cabecera .dcha #buscador input.campotexto:focus::placeholder { color: var(--black); opacity: 0.7; }
#fondo header #cabecera .dcha #buscador input.campotexto:focus:-ms-input-placeholder { color: var(--black); opacity: 0.7; }
#fondo header #cabecera .dcha #buscador input.botonbuscar {background: url(../img/cabecera/search.svg) center no-repeat; background-size: 16px 16px; border: 0; cursor: pointer; height: 16px; width: 16px; border: none; padding: 8px; margin: 4px 0;}

#fondo header #cabecera .dcha #buscador.expandido {background:var(--white);padding-left:0;}
#fondo header #cabecera .dcha #buscador.expandido form fieldset button.cerrarBuscador {display: block; float: left; border: none; line-height: 0; width: 1.8em; height: 1.8em; background: none; padding: 0; margin: 0 0.15em; }
#fondo header #cabecera .dcha #buscador.expandido form fieldset button.cerrarBuscador img {width: 24px; height: auto; padding: 0; text-align: center; }
#fondo header #cabecera .dcha #buscador.expandido form fieldset button.cerrarBuscador span {display:none;}
#fondo header #cabecera .dcha #buscador.expandido input.campotexto {width: 200px; transition: width 0.3s ease; outline: none; text-align: left;}
#fondo header #cabecera .dcha #buscador.expandido input.campotexto:focus {background: var(--white);}

/*NAVEGACION SUPERIOR*/
#fondo header a#btnMenu {display: none;}
#fondo header #navegacion-superior nav#menu-superior ul li > ul {display: none;}

#fondo header #navegacion-superior nav#menu-superior {background: transparent;border-bottom: none;}
#fondo header #navegacion-superior nav#menu-superior ul {display:flex; align-items: center; min-height: 72px !important;padding:0.5em 0;gap: 12px;}
#fondo header #navegacion-superior nav#menu-superior ul li {flex-basis: 12.5%;}
#fondo header #navegacion-superior nav#menu-superior ul li a {font-size: 16px; line-height: 26px;padding:0;}

#fondo header #navegacion-superior nav#menu-superior,
#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 a
{height: auto; min-height: initial; margin: 0;}

#fondo header #navegacion-superior nav#menu-superior {visibility: visible; opacity: 1; transition: visibility 0s, opacity 0.2s ease-in;}

#fondo header.headerDsp,
#fondo header.headerDsp #cabecera
{background: var(--gray);}

#fondo header #navegacion-superior nav#menu-superior ul li.seleccionado {height: initial; border: none; font-weight: 400; background-color: transparent;}
#fondo header #navegacion-superior nav#menu-superior ul li.seleccionado a {font-weight: 400; height:auto;}

#fondo header #navegacion-superior nav#menu-superior ul li.seleccionado > a,
#fondo header #navegacion-superior nav#menu-superior ul li.abierto > a,
#fondo header #navegacion-superior nav#menu-superior ul li.activo > a,
#fondo header #navegacion-superior nav#menu-superior ul li a:hover
{color: var(--extradark-blue); height: initial; background-color: transparent; font-weight: 400;}

#fondo header #navegacion-superior nav#menu-superior ul li a.activo {font-weight: 400;}

/*COMPONENTE GENERICO FRASE*/
#fondo .cfrase p {line-height: 40px !important; color: var(--black); font-size: calc(0.7em + 1vw) !important; font-family: 'suisse-intlregular'; margin: 0;}
#fondo .cfrase .marcado {border: 3px solid var(--black); padding: 5px 10px; border-top-left-radius: 125% 130%;border-top-right-radius: 125% 130%;border-bottom-left-radius: 125% 130%;border-bottom-right-radius: 125% 130%; word-break:  break-word; line-height: 1.4;}
#fondo .cfrase .marcado.naranja {border-color: var(--orange);}
#fondo .cfrase .marcado.amarillo {border-color: var(--yellow);}
#fondo .cfrase .marcado.azul {border-color: var(--blue);}

/*FOOTER*/
#fondo footer {border: none;background-color: var(--black);}
#fondo footer #pie {width: 100%;}
#fondo footer #pie .bloque-superior {padding: 40px 0;}

#fondo footer #pie .bloque-superior {width: 1280px; margin: 0 auto;}
#fondo footer #pie .bloque-superior {display: flex; align-items: center;}
#fondo footer #pie .bloque-superior .cfrase p { color: var(--white); margin: 0;}

#fondo footer #pie .bloque-superior .dcha {display: flex; flex-direction: column; margin-left: auto;}
#fondo footer #pie .bloque-superior .dcha p {color:var(--white);text-align: right;margin:20px 0 0;}
#fondo footer #pie .bloque-superior .dcha .enlaces  {margin-left: auto; display: flex; align-items: center; line-height: 1.4;}
#fondo footer #pie .bloque-superior .dcha .enlaces ul.ico-link {padding: 0; margin: 0;}
#fondo footer #pie .bloque-superior .dcha .enlaces ul.ico-link li {display: inline-block; border-right: 1px solid var(--white); padding: 0.7em 1em 0.4em 0.8em;}
#fondo footer #pie .bloque-superior .dcha .enlaces ul.ico-link a {color:var(--white);}

#fondo footer #pie .bloque-superior .dcha .enlaces ul.listado-redes {padding: 0; margin: 0;}
#fondo footer #pie .bloque-superior .dcha .enlaces ul.listado-redes p {color: var(--white); margin-left: auto;}
#fondo footer #pie .bloque-superior .dcha .enlaces ul.listado-redes {padding: 0; margin-left: auto;display: flex ;}
#fondo footer #pie .bloque-superior .dcha .enlaces ul.listado-redes li {padding: 0.5em 0 0.5em 1em;}
#fondo footer #pie .bloque-superior .dcha .enlaces ul.listado-redes li a {background-size: 24px 24px !important; width: 24px; height: 24px; padding-left: 0;}
#fondo footer #pie .bloque-superior .dcha .enlaces ul.listado-redes li a.x {background-image: url(../img/redes-sociales/ico-x.svg);}
#fondo footer #pie .bloque-superior .dcha .enlaces ul.listado-redes li a span {display:none;}

#fondo footer #pie .bloque-inferior {background: var(--gray); padding: 20px 0; height: auto;}
#fondo footer #pie .bloque-inferior .cbi {display: flex; margin: 0 auto; width:  1280px;align-items: end;}
#fondo footer #pie .bloque-inferior .cbi .dcha {margin-left: auto; height: auto;}

#fondo footer #pie .bloque-inferior .cbi .izq p,
#fondo footer #pie .bloque-inferior .cbi .dcha ul li a
{font-size: 16px; line-height: 26px;}

#fondo footer #pie .bloque-inferior .izq {display: flex; flex-direction: column;}

#fondo footer #pie .bloque-inferior .cbi .dcha ul.comunes {width: 100%;}
#fondo footer #pie .bloque-inferior .cbi .dcha ul.comunes li {margin-right: 0; padding: 0 0 0 20px; font-size: 16px; background-image: url(../img/ico-lista-pie.svg); background-size: 8px; background-position: 6px 2px;}
#fondo footer #pie .bloque-inferior .cbi .dcha ul.comunes li:first-child {background: none; padding-left: 0;}

/*MENU LATERAL*/
#fondo #contenedor #col-izq {width: 211px; float: left; display: block; margin: 30px 0; padding: 0; min-height: 28em;margin-right: 30px;}
#fondo #contenedor #col-izq nav {background: var(--white); border: 0; margin: 0;}
#fondo #contenedor #col-izq nav p.apartado {background: var(--white); border-bottom: 3px solid var(--black);font-size:1em; padding-top:12px;padding-bottom:12px;}
#fondo #contenedor #col-izq nav ul li a {padding: 14px 26px; display: block; background: url(../img/ico-lista/ico-lista1.png) 0.7em 1.2em no-repeat; border-bottom: 1px solid var(--white);}
#fondo #contenedor #col-izq nav ul li:hover {background-color: var(--gray);}

#fondo #contenedor #col-izq nav ul li.abierto {background-color: var(--white);}
#fondo #contenedor #col-izq nav ul li.abierto a {background-position: 0.6em;}
#fondo #contenedor #col-izq nav ul li.abierto ul li a {padding-left:3em; background-position:2em 1.2em;}

#fondo #contenedor #col-izq nav ul li.seleccionado > a, 
#fondo #contenedor #col-izq nav ul li.seleccionado > a:hover 
{font-family: 'suisse-intlbold';}

#fondo #contenedor #col-izq nav ul li.abierto ul li.abierto.seleccionado a, 
#fondo #contenedor #col-izq nav ul li.abierto ul li.abierto a 
{background-position: 1.9em 1.4em; padding-left: 2.8em;}

#fondo #contenedor #col-izq nav ul li.abierto ul li.abierto.seleccionado ul li a, 
#fondo #contenedor #col-izq nav ul li.abierto ul li.abierto ul li a 
{background-position: 2.8em 1.2em;}

/*BOTÓN VOLVER E IMPRIMIR*/
#fondo #contenedor p.volver a, 
#fondo #contenedor p.imprimir a 
{background-color: var(--gray); border-color: var(--black); font-family: 'suisse-intlregular'; color: var(--black) !important;}

#fondo #contenedor p.volver a {background-image: url(../img/ico-volver.png); background-position: 0.5em 0.35em;}
#fondo #contenedor p.imprimir a {background-image: url(../img/ico-imprimir.png); background-position: 0.5em 0.35em;}

#fondo #contenedor p.volver a:hover, 
#fondo #contenedor p.imprimir a:hover
{background-color: var(--light-gray); border-color: var(--black);}

/*GENERICOS IMAGEN, VIDEO Y GOOGLE MAPS - cim, cvi y cgm*/
#fondo #contenedor .cim p.titulo, 
#fondo #contenedor .cvi p.titulo, 
#fondo #contenedor .cgm p.titulo, 
#fondo #contenedor #contenido .cla .elemento .cim p.titulo,
#fondo #contenedor #contenido .cla .elemento .cvi p.titulo
{font-weight: 400; font-family: 'suisse-intlbold' !important; font-size: 14px;}

#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: 0.8em;}

#fondo #contenedor .cim.tema p,
#fondo #contenedor .cvi.tema p,
#fondo #contenedor .cgm.tema p,
#fondo #contenedor #contenido .cla .elemento .tema p.titulo
{color: var(--extradark-blue);}

#fondo #contenedor .tema.tfondo p.titulo,
#fondo #contenedor .tema.pfondo p.pie,
#fondo #contenedor #contenido .cla .elemento .tema.tfondo p.titulo,
#fondo #contenedor #contenido .cla .elemento .tema.pfondo p.pie
{background: var(--blue); color: var(--black);}

/*CONTENIDO*/
/*Titulos*/
#fondo #contenedor h1,
#fondo #contenedor h2,
#fondo #contenedor h2.reducido,
#fondo #contenedor h3,
#fondo #contenedor h4,
#fondo #contenedor h5,
#fondo #contenedor h6
{color: var(--black); font-family: suisse-intlregular;}

#fondo #contenedor h1,
#fondo #contenedor h2,
#fondo #contenedor h3,
#fondo #contenedor h4
{font-family: suisse-intlsemibold;}

#fondo #contenedor h5 {font-family: 'suisse-intlregular'; font-weight: 400;}
#fondo #contenedor h5 {font-family: 'suisse-intlmedium';}

/*Encabezados*/
#fondo #contenedor h1.subrayado,
#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(--black);}

#fondo #contenedor h1 {font-size: 36px;line-height: 46px;}
#fondo #contenedor h2 {font-size: 22px;line-height: 28px;}
#fondo #contenedor h3 {font-size: 18px;line-height: 24px;}
#fondo #contenedor h4 {font-size: 16px;line-height: 22px;}
#fondo #contenedor h5 {font-size: 14px;line-height: 20px;}
#fondo #contenedor h6 {font-size: 12px;line-height: 18px;}

/*IMAGEN - cim*/
#fondo #contenedor #contenido .cim.tfondo.tema img,
#fondo #contenedor #contenido .cim.pfondo.tema img,
#fondo #contenedor #contenido .cim.borde.tema img,
#fondo #contenedor #contenido .cim.enlace.tema:hover,
#fondo #contenedor #contenido .cim.borde.enlace.tfondo.tema:hover img,
#fondo #contenedor #contenido .cim.borde.enlace.pfondo.tema:hover img,
#fondo #contenedor #contenido .cim.borde.tfondo.tema img,
#fondo #contenedor #contenido .cim.borde.pfondo.tema img
{border-color: var(--dark-blue);}

#fondo #contenedor #contenido .cim p.pie {font-style: normal; font-family: 'suisse-intlbold'}

#fondo #contenedor #contenido .cim.tfondo img,
#fondo #contenedor #contenido .cim.pfondo img,
#fondo #contenedor #contenido .cim.pfondo.borde img,
#fondo #contenedor #contenido .cim.tfondo.borde img 
{border: 1px solid transparent !important;}

#fondo #contenedor #contenido .cim.borde.tfondo span,
#fondo #contenedor #contenido .cim.borde.enlace.tfondo span:hover
{border-bottom:1px solid var(--white);}

#fondo #contenedor #contenido .cim.borde.pfondo span,
#fondo #contenedor #contenido .cim.borde.enlace.pfondo span:hover
{border-top:1px solid var(--white);}

#fondo #contenedor #contenido .cim.enlace:hover {border-color: var(--black);}

/*LISTADO DE EVENTOS - clev*/
#fondo #contenedor #contenido .clev .resultados .enlace p.titulo a {font-family: 'suisse-intlbold'; font-weight: 400; color: var(--black);}
#fondo #contenedor #contenido .clev .resultados .enlace span.categoria {font-size: 0.85em; padding: 4px 8px;}

/*LISTADO DE ENLACES - cle*/
/*Destacado*/
#fondo #contenedor #contenido .cle .enlace p a {color: var(--black);}
#fondo #contenedor #contenido .cle .enlace p a:hover {color: var(--dark-gray);}

#fondo #contenedor div[id^="col"] .cc .cle div.enlace.destacado {background:none !important;}
#fondo #contenedor div[id^="col"] .cc .cle div.enlace.destacado p.titulo a {font-family: 'suisse-intlbold'}

/*LISTADO DE NOTICIAS - Formulario - cln*/
#fondo #contenedor .formulario {border: 1px solid var(--black); padding: 1em; background: var(--white);}
#fondo #contenedor .formulario form fieldset label, 
#fondo #contenedor .formulario form fieldset p.label 
{font-weight: 400; font-family: 'suisse-intlbold'; font-size: 0.85rem;}

#fondo #contenedor .formulario form input[type="submit"] {background-color: var(--white) !important; color: var(--black) !important; border-color: var(--black); font-size: 1em; font-family: 'suisse-intlbold';}
#fondo #contenedor .formulario form input[type="submit"]:hover {background: var(--dark-gray);}

/*FORMULARIOS GENERALES*/
#fondo #contenedor #contenido div.formulario-contenido form fieldset {border-top: 2px solid var(--black);}

#fondo #contenedor div.formulario-contenido form fieldset div label, 
#fondo #contenedor div.formulario-contenido form fieldset div p.label,
#fondo #contenedor div.formulario-contenido form fieldset legend
{font-weight: 400; font-family: 'suisse-intlbold' !important; font-size: 0.85rem;}

#contenedor #contenido div.formulario-contenido form #botones input[type="submit"] {background: #d2e1ef url("../img/bk-submit.jpg") repeat; color: #002f50; border: 1px solid #9fb6cc;}
#contenedor #contenido div.formulario-contenido form #botones input[type="submit"]:hover {background: url("../img/bk-submit-hover.jpg") repeat;}

/*Formulario habilidades*/
#contenedor #contenido div.formulario-contenido form.form-habilidades fieldset div label {width:100%; text-align:left;display:block;}
#contenedor #contenido div.formulario-contenido form.form-habilidades fieldset div.form-item {clear:none; max-width:6em; padding:0; max-width:none;}
#contenedor #contenido div.formulario-contenido form.form-habilidades fieldset div.form-item label {width:auto;}

#contenedor #contenido div.formulario-contenido form.form-habilidades fieldset .seleccion {padding:0;}

#contenedor #contenido div.formulario-contenido form.form-habilidades fieldset .seleccion input[type="checkbox"], 
#contenedor #contenido div.formulario-contenido form.form-habilidades fieldset .seleccion input[type="radio"]
{display:inline-block;}

#contenedor #contenido div.formulario-contenido form.form-habilidades fieldset .seleccion label {height: auto;}
#contenedor #contenido div.formulario-contenido form.form-habilidades fieldset .seleccion div.opciones {margin:0.5em 0; display:block; padding:0;} 

/*Progreso*/
#contenedor #contenido div.formulario-contenido form fieldset div.progreso .literales {display: inline-block;width: 20%;vertical-align: top;}

#contenedor #contenido div.formulario-contenido form fieldset div.progreso .literales div p,
#contenedor #contenido div.formulario-contenido form fieldset div.progreso .literales div span
{margin: 0; text-align: right; color: var(--black); font-size: 0.8em; font-family: suisse-intlbold !important;}

#contenedor #contenido div.formulario-contenido form fieldset div.progreso .literales div span {display:none;}

#contenedor #contenido div.formulario-contenido form fieldset div.progreso .grafico {width: 77%;display: inline-block;vertical-align: top;border-left: 3px solid var(--black);border-bottom: 3px solid var(--black);height: 7.7em;position: relative;}
#contenedor #contenido div.formulario-contenido form fieldset div.progreso .grafico .nivel {text-align: center;margin: 0.8em;}
#contenedor #contenido div.formulario-contenido form fieldset div.progreso .grafico .nivel p {font-size: 0.8em; color: var(--dark-gray); font-family: suisse-intlbold !important; padding: 0.5em 0;}
#contenedor #contenido div.formulario-contenido form fieldset div.progreso .grafico .mitad {width: 50%;border-right: 3px solid #ccc;height: 7.6em;position: absolute;top: 0;z-index: 2;}

#contenedor #contenido div.formulario-contenido form fieldset div.elemento {margin: 0.3em 0.3em; max-height: 1.5em; padding: 0;}
#contenedor #contenido div.formulario-contenido form fieldset div.elemento {background: #e0e0e0;height: 1.2em;padding: 0;margin: 0.5em 0.25em;border-radius: 2px;width: 100%;}
#contenedor #contenido div.formulario-contenido form fieldset div.elemento .barra {height: 1.2em;border-radius: 3px;margin: 0;padding: 0;}

#contenedor #contenido div.formulario-contenido form fieldset div.elemento .barra.rojo {background: #e6342c;}
#contenedor #contenido div.formulario-contenido form fieldset div.elemento .barra.amarillo {background: #ffbc00;}
#contenedor #contenido div.formulario-contenido form fieldset div.elemento .barra.verde {background: #15a04d;}

#contenedor #contenido div.formulario-contenido form #botones input {background: var(--white) !important; border-color: var(--black); font-family: suisse-intlbold; padding: 0.25em 0.5em; color: var(--black) !important;}
#contenedor #contenido div.formulario-contenido form #botones input:hover {background-color: var(--gray) !important;}

/*Formulario habilidades progreso*/
#fondo #contenedor #contenido .progreso ol li {width: auto; border: none; padding-right: 2em; margin: 0.2em -5px; display: inline-block; padding: 0.25em 0.6em; padding-right: 2.5em;}

#fondo #contenedor #contenido .progreso ol li.actual {background: #004f87 url("../img/progreso/progreso-actual.jpg") right no-repeat;}
#fondo #contenedor #contenido .progreso ol li.hecho {background: #004f87 url("../img/progreso/progreso-hecho.jpg") right no-repeat;}
#fondo #contenedor #contenido .progreso ol li.siguiente {background: #c3c3c3 url("../img/progreso/progreso-siguiente.jpg") right no-repeat;}
#fondo #contenedor #contenido .progreso ol li.ultimo {background: #c6c6c6; padding-right: 1em;}
#fondo #contenedor #contenido .progreso ol li.ultimo.actual {background: #004f87;}

#fondo #contenedor #contenido .progreso ol li.actual,
#fondo #contenedor #contenido .progreso ol li.hecho
{color: var(--white);}

/*PORTADA - Colores temáticos básicos*/
/*Bloque de texto -txtfondo*/
#fondo #contenedor #portada .bloque.txtfondo.fondo.c1 .texto {background:#9C191B;}
#fondo #contenedor #portada .bloque.txtfondo.fondo.c1.transparencia .texto {background: rgba(156, 25, 27, 0.86);}

body.ie7 #fondo #contenedor #portada .bloque.txtfondo.fondo.c1.transparencia .texto,
body.ie8 #fondo #contenedor #portada .bloque.txtfondo.fondo.c1.transparencia .texto 
{background: transparent url("../img/transparencia/c1.png");}

#fondo #contenedor #portada .bloque.txtfondo.fondo.c2 .texto {background:#0E5854;}
#fondo #contenedor #portada .bloque.txtfondo.fondo.c2.transparencia .texto {background:rgba(14, 88, 84, 0.86);}

body.ie7 #fondo #contenedor #portada .bloque.txtfondo.fondo.c2.transparencia .texto,
body.ie8 #fondo #contenedor #portada .bloque.txtfondo.fondo.c2.transparencia .texto
{background: transparent url("../img/transparencia/c2.png");}

#fondo #contenedor #portada .bloque.txtfondo.fondo.c3 .texto {background:#0E5175;}
#fondo #contenedor #portada .bloque.txtfondo.fondo.c3.transparencia .texto {background:rgba(14, 81, 117, 0.86);}

body.ie7 #fondo #contenedor #portada .bloque.txtfondo.fondo.c3.transparencia .texto,
body.ie8 #fondo #contenedor #portada .bloque.txtfondo.fondo.c3.transparencia .texto
{background: transparent url("../img/transparencia/c3.png");}

#fondo #contenedor #portada .bloque.txtfondo.fondo.c4 .texto {background:#574B42;}
#fondo #contenedor #portada .bloque.txtfondo.fondo.c4.transparencia .texto {background: rgba(87, 75, 66, 0.86);}

body.ie7 #fondo #contenedor #portada .bloque.txtfondo.fondo.c4.transparencia .texto,
body.ie8 #fondo #contenedor #portada .bloque.txtfondo.fondo.c4.transparencia .texto
{background: transparent url("../img/transparencia/c4.png");}

#fondo #contenedor #portada .bloque.txtfondo.fondo.c5 .texto {background:#6E0265;}
#fondo #contenedor #portada .bloque.txtfondo.fondo.c5.transparencia .texto {background: rgba(110, 2, 101, 0.86);}

body.ie7 #fondo #contenedor #portada .bloque.txtfondo.fondo.c5.transparencia .texto,
body.ie8 #fondo #contenedor #portada .bloque.txtfondo.fondo.c5.transparencia .texto
{background: transparent url("../img/transparencia/c5.png");}

#fondo #contenedor #portada .bloque.txtfondo.fondo.c6 .texto {background:#B35E02;}
#fondo #contenedor #portada .bloque.txtfondo.fondo.c6.transparencia .texto {background: rgba(179, 94, 2, 0.86);}

body.ie7 #fondo #contenedor #portada .bloque.txtfondo.fondo.c6.transparencia .texto,
body.ie8 #fondo #contenedor #portada .bloque.txtfondo.fondo.c6.transparencia .texto
{background: transparent url("../img/transparencia/c6.png");}

/*BLoque de imagen - txtimagen*/
#fondo #contenedor #portada .bloque.txtimagen .texto {border: 1px solid var(--black);}
#fondo #contenedor #portada .bloque.txtimagen .texto .encabezado p {color:var(--black);}
#fondo #contenedor #portada .bloque.txtimagen .texto .encabezado.fondo {background:var(--black);}
#fondo #contenedor #portada .bloque.txtimagen .texto .encabezado.fondo p {color: var(--white);}

#fondo #contenedor #portada .bloque.txtimagen .texto p {color:#000;}
#fondo #contenedor #portada .bloque.txtimagen.fondo .texto {background: var(--black); border-color: var(--black);}
#fondo #contenedor #portada .bloque.txtimagen.fondo .texto p {color: var(--white);}

#fondo #contenedor #portada .bloque.txtimagen.c1 .texto {border-color: #9C191B;}
#fondo #contenedor #portada .bloque.txtimagen.c1 .texto .encabezado p,
#fondo #contenedor #portada .bloque.txtimagen.c1 .texto .encabezado p a,
#fondo #contenedor #portada .bloque.txtimagen.c1 .texto a {color:#9C191B;}
#fondo #contenedor #portada .bloque.txtimagen.c2 .texto {border-color: #0E5175;}
#fondo #contenedor #portada .bloque.txtimagen.c2 .texto .encabezado p,
#fondo #contenedor #portada .bloque.txtimagen.c2 .texto .encabezado p a,
#fondo #contenedor #portada .bloque.txtimagen.c2 .texto a {color:#0E5854;}
#fondo #contenedor #portada .bloque.txtimagen.c3 .texto {border-color: #574B42;}
#fondo #contenedor #portada .bloque.txtimagen.c3 .texto .encabezado p,
#fondo #contenedor #portada .bloque.txtimagen.c3 .texto .encabezado p a,
#fondo #contenedor #portada .bloque.txtimagen.c3 .texto a {color:#0E5175;}
#fondo #contenedor #portada .bloque.txtimagen.c4 .texto {border-color: #574B42;}
#fondo #contenedor #portada .bloque.txtimagen.c4 .texto .encabezado p,
#fondo #contenedor #portada .bloque.txtimagen.c4 .texto .encabezado p a,
#fondo #contenedor #portada .bloque.txtimagen.c4 .texto a {color:#574B42;}
#fondo #contenedor #portada .bloque.txtimagen.c5 .texto {border-color: #6E0265;}
#fondo #contenedor #portada .bloque.txtimagen.c5 .texto .encabezado p,
#fondo #contenedor #portada .bloque.txtimagen.c5 .texto .encabezado p a,
#fondo #contenedor #portada .bloque.txtimagen.c5 .texto a {color:#6E0265;}
#fondo #contenedor #portada .bloque.txtimagen.c6 .texto {border-color: #B35E02;}
#fondo #contenedor #portada .bloque.txtimagen.c6 .texto .encabezado p,
#fondo #contenedor #portada .bloque.txtimagen.c6 .texto .encabezado p a,
#fondo #contenedor #portada .bloque.txtimagen.c6 .texto a {color:#B35E02;}

#fondo #contenedor #portada .bloque.txtimagen.c1.fondo .texto p,
#fondo #contenedor #portada .bloque.txtimagen.c1.fondo .texto p a,
#fondo #contenedor #portada .bloque.txtimagen.c2.fondo .texto p,
#fondo #contenedor #portada .bloque.txtimagen.c2.fondo .texto p a,
#fondo #contenedor #portada .bloque.txtimagen.c3.fondo .texto p,
#fondo #contenedor #portada .bloque.txtimagen.c3.fondo .texto p a,
#fondo #contenedor #portada .bloque.txtimagen.c4.fondo .texto p,
#fondo #contenedor #portada .bloque.txtimagen.c4.fondo .texto p a,
#fondo #contenedor #portada .bloque.txtimagen.c5.fondo .texto p,
#fondo #contenedor #portada .bloque.txtimagen.c5.fondo .texto p a,
#fondo #contenedor #portada .bloque.txtimagen.c6.fondo .texto p,
#fondo #contenedor #portada .bloque.txtimagen.c6.fondo .texto p a
{color:var(--white);}

#fondo #contenedor #portada .bloque.txtimagen.c1.fondo .texto {background:#9C191B;border-color: #460001;}
#fondo #contenedor #portada .bloque.txtimagen.c2.fondo .texto {background:#0E5854;border-color: #07423f;}
#fondo #contenedor #portada .bloque.txtimagen.c3.fondo .texto {background:#0E5175;border-color: #00324d;}
#fondo #contenedor #portada .bloque.txtimagen.c4.fondo .texto {background:#574B42;border-color: #2a211b;}
#fondo #contenedor #portada .bloque.txtimagen.c5.fondo .texto {background:#6E0265;border-color: #32002e;}
#fondo #contenedor #portada .bloque.txtimagen.c6.fondo .texto {background:#B35E02;border-color: #693700;}

/*Alineación izquierda*/
#fondo #contenedor #portada .bloque.txtimagen.c1.fondo.transparencia .texto {background: rgba(156, 25, 27, 0.86);}
#fondo #contenedor #portada .bloque.txtimagen.c2.fondo.transparencia .texto {background:rgba(14, 88, 84, 0.86);}
#fondo #contenedor #portada .bloque.txtimagen.c3.fondo.transparencia .texto {background:rgba(14, 81, 117, 0.86);}
#fondo #contenedor #portada .bloque.txtimagen.c4.fondo.transparencia .texto {background: rgba(87, 75, 66, 0.86);}
#fondo #contenedor #portada .bloque.txtimagen.c5.fondo.transparencia .texto {background: rgba(110, 2, 101, 0.86);}
#fondo #contenedor #portada .bloque.txtimagen.c6.fondo.transparencia .texto {background: rgba(179, 94, 2, 0.86);}

/*Bloque de enlaces - lenlaces*/
/* Cambios puntuales para la salida a reorganizar a posteriori*/
#fondo #contenedor #portada .bloque.lenlaces .texto a span {display: block; overflow: hidden; text-decoration: none; font-weight: 700; font-size: 0.9em; }
#fondo #contenedor #portada .bloque.lenlaces .texto ul li a {position: relative;display: block;padding: 0 1% 0 37%;text-decoration: none;}
#fondo #contenedor #portada .bloque.lenlaces .texto ul.im li img {position: absolute; top: 0; left: 0; width: 35%;}

#fondo #contenedor #portada .bloque.lenlaces.ud .texto ul.lb li:last-child {border: none;}

#fondo #contenedor #portada .bloque.lenlaces.c1.fondo .texto {background:#9C191B;}
#fondo #contenedor #portada .bloque.lenlaces.c2.fondo .texto {background:#0E5854;}
#fondo #contenedor #portada .bloque.lenlaces.c3.fondo .texto {background:#0E5175;}
#fondo #contenedor #portada .bloque.lenlaces.c4.fondo .texto {background:#574B42;}
#fondo #contenedor #portada .bloque.lenlaces.c5.fondo .texto {background:#6E0265;}
#fondo #contenedor #portada .bloque.lenlaces.c6.fondo .texto {background:#B35E02;}

#fondo #contenedor #portada .bloque.lenlaces.c1.fondo .texto,
#fondo #contenedor #portada .bloque.lenlaces.c1.fondo .texto a,
#fondo #contenedor #portada .bloque.lenlaces.c2.fondo .texto,
#fondo #contenedor #portada .bloque.lenlaces.c2.fondo .texto a,
#fondo #contenedor #portada .bloque.lenlaces.c3.fondo .texto,
#fondo #contenedor #portada .bloque.lenlaces.c3.fondo .texto a,
#fondo #contenedor #portada .bloque.lenlaces.c4.fondo .texto,
#fondo #contenedor #portada .bloque.lenlaces.c4.fondo .texto a,
#fondo #contenedor #portada .bloque.lenlaces.c5.fondo .texto,
#fondo #contenedor #portada .bloque.lenlaces.c5.fondo .texto a,
#fondo #contenedor #portada .bloque.lenlaces.c6.fondo .texto,
#fondo #contenedor #portada .bloque.lenlaces.c6.fondo .texto a
{color:var(--white);}

#fondo #contenedor #portada .bloque.lenlaces.c1 .texto,
#fondo #contenedor #portada .bloque.lenlaces.c1 .texto a {color: #9C191B;}
#fondo #contenedor #portada .bloque.lenlaces.c2 .texto,
#fondo #contenedor #portada .bloque.lenlaces.c2 .texto a {color: #0E5854;}
#fondo #contenedor #portada .bloque.lenlaces.c3 .texto,
#fondo #contenedor #portada .bloque.lenlaces.c3 .texto a {color: #0E5175;}
#fondo #contenedor #portada .bloque.lenlaces.c4 .texto,
#fondo #contenedor #portada .bloque.lenlaces.c4 .texto a {color: #574B42;}
#fondo #contenedor #portada .bloque.lenlaces.c5 .texto,
#fondo #contenedor #portada .bloque.lenlaces.c5 .texto a {color: #6E0265;}
#fondo #contenedor #portada .bloque.lenlaces.c6 .texto,
#fondo #contenedor #portada .bloque.lenlaces.c6 .texto a {color: #B35E02;}

#fondo #contenedor #portada .bloque.lenlaces .texto ul li a:hover {color:#024a8b;}

#fondo #contenedor #portada .bloque.lenlaces.c1 .texto ul.lb li {border-bottom: 1px solid #b94c4e;}
#fondo #contenedor #portada .bloque.lenlaces.c2 .texto ul.lb li {border-bottom: 1px solid #388c88;}
#fondo #contenedor #portada .bloque.lenlaces.c3 .texto ul.lb li {border-bottom: 1px solid #5f9ac4;}
#fondo #contenedor #portada .bloque.lenlaces.c4 .texto ul.lb li {border-bottom: 1px solid #7e8484;}
#fondo #contenedor #portada .bloque.lenlaces.c5 .texto ul.lb li {border-bottom: 1px solid #af64a9;}
#fondo #contenedor #portada .bloque.lenlaces.c6 .texto ul.lb li {border-bottom: 1px solid #ce9c65;}

#fondo #contenedor #portada .bloque.lenlaces .texto ul.ti li a {background: url("../img/ico-lista/ico-lista1.png") 0.6em center no-repeat; padding-left: 1.7em;}

#fondo #contenedor #portada .bloque.lenlaces.c1 .texto ul.ti li a {background: url("../img/lenlaces/ico-lista1-rojo.png") 0.6em center no-repeat;}
#fondo #contenedor #portada .bloque.lenlaces.c2 .texto ul.ti li a {background: url("../img/lenlaces/ico-lista1-verde.png") 0.6em center no-repeat;}
#fondo #contenedor #portada .bloque.lenlaces.c3 .texto ul.ti li a {background: url("../img/lenlaces/ico-lista1-azul.png") 0.6em center no-repeat;}
#fondo #contenedor #portada .bloque.lenlaces.c4 .texto ul.ti li a {background: url("../img/lenlaces/ico-lista1-gris.png") 0.6em center no-repeat;}
#fondo #contenedor #portada .bloque.lenlaces.c5 .texto ul.ti li a {background: url("../img/lenlaces/ico-lista1-morado.png") 0.6em center no-repeat;}
#fondo #contenedor #portada .bloque.lenlaces.c6 .texto ul.ti li a {background: url("../img/lenlaces/ico-lista1-naranja.png") 0.6em center no-repeat;}

#fondo #contenedor #portada .bloque.cctw.c1 {background:#9C191B;}
#fondo #contenedor #portada .bloque.cctw.c2 {background:#0E5854;}
#fondo #contenedor #portada .bloque.cctw.c3 {background:#0E5175;}
#fondo #contenedor #portada .bloque.cctw.c4 {background:#574B42;}
#fondo #contenedor #portada .bloque.cctw.c5 {background:#6E0265;}
#fondo #contenedor #portada .bloque.cctw.c6 {background:#B35E02;}

/*Bloque galeria portada*/
#fondo #contenedor #portada .bloque.galeriaPortada {border: 1px solid var(--black); background: #01375f;}
#fondo #contenedor #portada .bloque.galeriaPortada [id^=container] [id^=slides] .slides_container {background: #01375f;}

#fondo #contenedor #portada .bloque.galeriaPortada [id^=containerPortada] [id^=slidesPortada] .slides_container .captionPortada {background: rgba(1, 35, 86, 0.85);}
body[class^="ie"] #fondo #contenedor #portada .bloque.galeriaPortada [id^=containerPortada] [id^=slidesPortada] .slides_container .captionPortada {background: url(../img/transparencias/ccarrusel.png) repeat;}

#fondo #contenedor #portada .bloque.galeriaPortada [id^=container] [id^=slides] ul.pagination li a {border:1px solid #113349 !important;}
#fondo #contenedor #portada .bloque.galeriaPortada [id^=container] [id^=slides] ul.pagination li.current a  {background-color: rgb(152, 204, 245);}

/*COMPONENTE MAPA - cmp*/
#fondo #contenedor #contenido .cmp {display: flex; background: var(--light-gray);}
#fondo #contenedor #contenido .cmp .mapaImg {box-shadow: none;}
#fondo #contenedor #contenido .cmp .mapaImg img {height: auto; content: url(../img/mapa-comunidades/mapa-spain.png);}

#fondo #contenedor #contenido .cmp.com {width: 100%;}

#fondo #contenedor.una #contenido .cmp.com .mapaImg {padding: 30px 0 0 0;}

#fondo #contenedor #contenido .cmp.com .mapaImg,
#fondo #contenedor.tres #contenido .cmp.com .mapaImg
{height: auto; width: 100%; padding: 70px 0 0 0;}

#fondo #contenedor #contenido .cmp.prov {width: 100% !important; flex-direction: column; align-items: center;}

#fondo #contenedor #contenido .cmp.prov .mapaImg,
#fondo #contenedor #contenido .cmp.prov ul.lista
{width: 100%; height: auto;}

#fondo #contenedor #contenido .cmp.prov .mapaImg {padding: 40px 0 0 0;}

#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el1 {top: 10%; left: 26%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el2 {left: 56%;} 
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el3 {top: 52%; left: 60%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el4 {top: 56%; left: 68%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el5 {top: 68%; left: 58%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el6 {top: 9%; left: 38%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el7 {top: 35%; left: 44%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el8 {top: 54%; left: 36%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el9 {top: 25%; left: 83%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el10 {top: 19%; left: 51%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el11 {top: 43%; left: 37%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el12 {top: 74%; left: 38%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el13 {top: 11%; left: 48%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el14 {top: 39%; left: 71%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el15 {top: 83%; left: 39%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el16 {top: 52%; left: 50%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el17 {top: 60%; left: 44%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el18 {top: 42%; left: 59%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el19 {top: 21%; left: 87%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el20 {top: 67%; left: 51%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el21 {top: 33%; left: 56%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el22 {top: 11%; left: 58%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el23 {top: 63%; left: 32%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el24 {top: 20%; left: 71%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el25 {top: 43%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el26 {top: 60%; left: 51%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el27 {top: 19%; left: 57%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el28 {top: 84%; left: 25.5%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el29 {top: 15%; left: 39%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el30 {left: 77%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el31 {top: 11%; left: 31%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el32 {top: 36%; left: 50%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el33 {top: 71%; left: 44%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el34 {top: 87%; left: 55%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el35 {top: 60%; left: 63%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el36 {top: 15%; left: 62%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el37 {top: 20%; left: 30%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el38 {top: 18%; left: 46%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el39 {left: 25%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el40 {top: 33%; left: 38%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el41 {top: 86%; left: 10%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el42 {top: 30%; left: 48%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el43 {top: 65%; left: 38%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el44 {top: 25%; left: 57%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el45 {top: 31%; left: 75%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el46 {top: 35%; left: 66%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el47 {top: 43%; left: 48%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el48 {top: 47%; left: 68%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el49 {left: 44%; top: 26%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el50 {top: 10%; left: 54%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el51 {top: 24%; left: 39%;}
#fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el52 {top: 25%; left: 65%;}

#fondo #contenedor.una #contenido .cmp.prov .mapaImg ul li.el13 {top: 10%; left: 49%;}
#fondo #contenedor.una #contenido .cmp.prov .mapaImg ul li.el15 {left: 40%;}
#fondo #contenedor.una #contenido .cmp.prov .mapaImg ul li.el22 {left: 60%;}
#fondo #contenedor.una #contenido .cmp.prov .mapaImg ul li.el28 {top: 85%; left: 26%;}
#fondo #contenedor.una #contenido .cmp.prov .mapaImg ul li.el34 {top: 88%; left: 55%;}
#fondo #contenedor.una #contenido .cmp.prov .mapaImg ul li.el39 {left: 26%;}
#fondo #contenedor.una #contenido .cmp.prov .mapaImg ul li.el41 {top: 87%; left: 10%;}

#fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el4 {top: 54%; left: 67%;}
#fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el5 {top: 65%;}
#fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el8 {top: 52%; left: 35%;}
#fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el12 {top: 70%; left: 37%;}
#fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el20 {top: 65%;} 
#fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el33 {top: 68%;}
#fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el7 {top: 34%; left: 43%;}
#fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el42 {top: 29%;} 
#fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el47 {top: 41%; left: 47%;}
#fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el8 {top: 52%; left: 35%;}
#fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el33 {top: 68%; left: 43%;}
#fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el20 {top: 65%; left: 50%;}
#fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el26 {top: 58%; left: 50%;}
#fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el43 {top: 63%; left: 38%;}
#fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el4 {top: 53%;} 
#fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el25 {top: 41%; left: 87%;}
#fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el12 {top: 70%; left: 37%;}
#fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el5 {top: 65%; left: 57%;}
#fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el23 {top: 60%; left: 31%;}
#fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el16 {top: 50%; left: 49%;}
#fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el14 {top: 38%; left: 70%;}
#fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el38 {top: 18%; left: 45%;}
#fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el36 {left: 61%;}
#fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el45 {top: 30%; left: 74%;}
#fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el15 {top: 80%; left: 38%;}
#fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el41 {top: 83%; left: 9%;}
#fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el28 {top: 80%; left: 25%;}
#fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el34 {top: 84%; left: 54%;}
#fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el50 {top: 11%; left: 55%;}
#fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el51 {left: 38%;}

#fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul {margin: 0;}
#fondo #contenedor.tres #contenido .cmp.prov ul.lista {padding: 1em; width: 100%; display: flex; flex-wrap: wrap; box-sizing: border-box; border: 1px solid var(--black);border: none; border-top: 1px solid var(--black);}
#fondo #contenedor.tres #contenido .cmp.prov ul.lista li {flex: 0 0 32%; margin: 0;}

/*Listados*/
#fondo #contenedor #contenido .cmp.com ul.lista {margin: 0; width: 14.4em; border: none; border-left: 1px solid var(--dark-gray); padding: 1em; background: var(--light-gray);}

#fondo #contenedor #contenido .cmp.com .mapaImg ul li.el1 {top: 64%; left: 45%;}
#fondo #contenedor #contenido .cmp.com .mapaImg ul li.el2 {top: 29%; left: 65%;}
#fondo #contenedor #contenido .cmp.com .mapaImg ul li.el3 {top: 13%; left: 38%;}
#fondo #contenedor #contenido .cmp.com .mapaImg ul li.el4 {top: 44%; left: 87%;}
#fondo #contenedor #contenido .cmp.com .mapaImg ul li.el5 {top: 87%; left: 16%;}
#fondo #contenedor #contenido .cmp.com .mapaImg ul li.el6 {top: 15%; left: 47%;}
#fondo #contenedor #contenido .cmp.com .mapaImg ul li.el7 {top: 46%;}
#fondo #contenedor #contenido .cmp.com .mapaImg ul li.el8 {top: 29%; left: 44%;}
#fondo #contenedor #contenido .cmp.com .mapaImg ul li.el9 {top: 28%; left: 77%;}
#fondo #contenedor #contenido .cmp.com .mapaImg ul li.el10 {top: 49%; left: 36%;}
#fondo #contenedor #contenido .cmp.com .mapaImg ul li.el11 {top: 18%; left: 29%;}
#fondo #contenedor #contenido .cmp.com .mapaImg ul li.el12 {top: 39%; left: 50%;}
#fondo #contenedor #contenido .cmp.com .mapaImg ul li.el13 {left: 63%; top: 61%;}
#fondo #contenedor #contenido .cmp.com .mapaImg ul li.el14 {top: 19%; left: 60%;}
#fondo #contenedor #contenido .cmp.com .mapaImg ul li.el15 {top: 16%; left: 55%;}
#fondo #contenedor #contenido .cmp.com .mapaImg ul li.el16 {top: 23%; left: 57%;}
#fondo #contenedor #contenido .cmp.com .mapaImg ul li.el17 {left: 67%; top: 49%;}
#fondo #contenedor #contenido .cmp.com .mapaImg ul li.el18 {top: 82%; left: 39%;}
#fondo #contenedor #contenido .cmp.com .mapaImg ul li.el19 {top: 86%; left: 54%;}

#fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el1 {top: 66%;}
#fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el2 {top: 24%; left: 66%;}
#fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el3 {top: 7%;} 
#fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el4 {top: 42%; left: 88%;}
#fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el5 {top: 89%; left: 16.5%;}
#fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el6 {top: 9%; left: 48%;}
#fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el7 {top: 47%; left: 56%;}
#fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el8 {top: 25%; left: 44%;}
#fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el9 {top: 24%; left: 79%;}
#fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el10 {top: 49%; left: 38%;}
#fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el11 {top: 13%; left: 29%;}
#fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el12 {top: 35%;} 
#fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el13 {left: 63%; top: 60%;}
#fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el14 {top: 14%; left: 62%;}
#fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el15 {top: 11%; left: 57%;}
#fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el16 {top: 18%; left: 57%;}
#fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el17 {left: 68%; top: 46%;}
#fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el18 {top: 83%; left: 40%;}
#fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el19 {top: 87%; left: 55%;}

#fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el1 {top: 67%; left: 45%;}
#fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el2 {top: 22%; left: 66%;}
#fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el3 {top: 4%;}
#fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el4 {top: 40%; left: 87%;}
#fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el5 {top: 91%; left: 16%;}
#fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el6 {top: 6%;}
#fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el7 {top: 44%;}
#fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el8 {top: 22%; left: 43%;}
#fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el9 {top: 22%; left: 78%;}
#fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el10 {top: 48%;} 
#fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el11 {top: 9%; left: 28%;}
#fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el12 {top: 33%;} 
#fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el13 {top: 60%;}
#fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el14 {top: 10%; left: 61%;}
#fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el15 {top: 7%; left: 56%;}
#fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el16 {top: 14%;} 
#fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el17 {left: 67%; top: 45%;}
#fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el18 {top: 85%; left: 38%;}
#fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el19 {top: 90%; left: 54%;}

#fondo #contenedor #contenido .cmp .mapaImg ul li a {background: transparent url(../img/mapa-comunidades/mapa-link.png) no-repeat; background-size: 14px; width:14px; height:14px;}
#fondo #contenedor #contenido .cmp .mapaImg ul li a:hover {background: url('../img/mapa-comunidades/mapa-link-hover.png'); background-size: 14px;}

#fondo #contenedor #contenido .cmp.prov ul.lista {background-color: var(--light-gray); border: none; margin-top: 1em; margin-bottom: 1em;}

#fondo #contenedor #contenido .cmp.com ul.lista li, 
#fondo #contenedor #contenido .cmp.prov ul.lista li 
{background-color: var(--light-gray); border: none; text-transform: uppercase; color: var(--dark-blue); background-image: none;}

#fondo #contenedor #contenido .cmp.prov ul.lista li {width: 33%; margin-left: 0;}

#fondo #contenedor #contenido .cmp.com ul.lista li a {font-weight: 400; font-family: 'suisse-intlbold'; padding-left: 1em;}

#fondo #contenedor #contenido .cmp.com ul.lista li:hover,
#fondo #contenedor #contenido .cmp.prov ul.lista li:hover
{background-color: var(--blue);}

#fondo #contenedor.tres #contenido .cmp.com {flex-direction: column;}
#fondo #contenedor.tres #contenido .cmp.com .mapaImg {padding: 0;}
#fondo #contenedor.tres #contenido .cmp.com .mapaImg ul {margin: 0;}
#fondo #contenedor.tres #contenido .cmp.com ul.lista {width: 100%; display: flex; flex-wrap: wrap; box-sizing: border-box; border: 1px solid var(--black);border: none; border-top: 1px solid var(--black);}
#fondo #contenedor.tres #contenido .cmp.com ul.lista li {flex: 0 0 32%; margin: 0;}

/*TABLAS - ctabla*/
#fondo #contenedor #contenido div[class^="ct"] table caption {color: var(--black); font-family: 'suisse-intlbold'; font-weight: 400;}
#fondo #contenedor #contenido div[class^="ct"] table {border: 1px solid var(--gray);}
#fondo #contenedor #contenido div[class^="ct"] table thead th {color: var(--black); background: var(--blue);}
#fondo #contenedor #contenido div[class^="ct"] table td {border: 1px solid var(--black);}
#fondo #contenedor #contenido div[class^="ct"] table th {border: 1px solid var(--black); color: var(--black);}
#fondo #contenedor #contenido div[class^="ct"] table thead tr.cols th {padding: 0.5em; font-weight: 400; font-family: suisse-intlbold;}

#fondo #contenedor #contenido .ctf table thead tr.cols th {background-color: var(--gray);}
#fondo #contenedor #contenido .ctn table thead tr.cols th {background: var(--black) !important; color: var(--white);}

#fondo #contenedor #contenido div[class^="ct"] table thead tr.cols th#titulacion {width: 25em;}
#fondo #contenedor #contenido div.ctabla.color table thead tr.cols th {background-color: var(--gray);}

#fondo #contenedor #contenido div.ctf table caption {background: var(--black);border-left: 1px solid var(--black);border-right: 1px solid var(--black);}
#fondo #contenedor #contenido div.ctn table caption {border-left: 1px solid var(--white);border-right: 1px solid var(--white);}

#fondo #contenedor #contenido div.ctf table caption,
#fondo #contenedor #contenido div.ctn table caption
{margin: 0; color: var(--white); padding: 0.5em;}

#fondo #contenedor #contenido div.ctn table caption {color: var(--black);}
#fondo #contenedor #contenido div.ctn.fpb table caption {background: var(--blue);border-color: var(--blue);}
#fondo #contenedor #contenido div.ctn.fpgm table caption {background: var(--yellow);border-color: var(--yellow);}
#fondo #contenedor #contenido div.ctn.fpgs table caption {background: var(--orange);border-color: var(--orange);}
#fondo #contenedor #contenido div.ctn.fpce table caption {background: var(--green);border-color: var(--green);}

#fondo #contenedor #contenido .ctn table thead tr th,
#fondo #contenedor #contenido .ctf table thead tr th
{padding:1em 0;}

#fondo #contenedor #contenido .ctf table tr.fpb th {background: var(--blue);}
#fondo #contenedor #contenido .ctf table tr.fpgm th {background: var(--yellow);}
#fondo #contenedor #contenido .ctf table tr.fpgs th {background: var(--orange);}
#fondo #contenedor #contenido .ctf table tr.fpce th {background: #32beb9 !important;}
#fondo #contenedor #contenido .ctf table tr.gris th {background: #CCC !important;}

#fondo #contenedor #contenido .ctn table tr th {padding:1em 0.5em; background: var(--gray) !important;}
#fondo #contenedor #contenido .ctn table tr th img {padding:0; filter: contrast(175%) brightness(3%);}
#fondo #contenedor #contenido .ctn table thead tr th#nivel img {width:7em;}
#fondo #contenedor #contenido .ctf table thead img {max-width: 24.8em;}
#fondo #contenedor #contenido .ctn table tbody img {max-width:17em !important;}

#fondo #contenedor #contenido .ctf .familia {border: 1px solid var(--black); background: var(--black); padding: 1em 0; font-size: 0.85em;}
#fondo #contenedor #contenido .ctf .familia img {max-width: 24.8em;}
#fondo #contenedor #contenido .ctn .familia img {filter: contrast(175%) brightness(3%);}

#fondo #contenedor #contenido .ctf table,
#fondo #contenedor #contenido .ctn table
{margin-top: 0 !important;}

#fondo #contenedor #contenido .ctn .nivel {border: 1px solid var(--white); border-bottom: 0; padding: 1em 0; font-size: 0.85em;}
#fondo #contenedor #contenido .ctn .nivel img {width: 7em; max-width:17em; filter: contrast(175%) brightness(3%);}

#fondo #contenedor #contenido .ctn.fpb .nivel {background: var(--blue);border-color:var(--blue);}
#fondo #contenedor #contenido .ctn.fpgm .nivel {background: var(--yellow);border-color:var(--yellow);}
#fondo #contenedor #contenido .ctn.fpgs .nivel {background: var(--orange);border-color:var(--orange);}
#fondo #contenedor #contenido .ctn.fpce .nivel {background: var(--green);border-color:var(--green);}
#fondo #contenedor #contenido .ctn.gris .nivel {background: var(--gray);}

#fondo #contenedor tr.fpb th p,
#fondo #contenedor tr.fpgm th p,
#fondo #contenedor tr.fpgs th p,
#fondo #contenedor tr.fpce th p
{color: var(--black);font-size: 1.25em;margin: 0.25em 0 0 0 !important;}

#fondo #contenedor #contenido .ctn table ul li,
#fondo #contenedor #contenido .ctf table ul li
{background:none; text-align:center !important; padding:0.2em 0 !important;}

/*Estilos provisionales tablas migradas TodoFp*/
#fondo #contenedor #contenido table thead th {color: var(--white)fff;padding: 0.5em;background: #0371d2;}
#fondo #contenedor #contenido table thead th p {margin:0;}

#fondo #contenedor #contenido table td {font-size:0.8em;}

#fondo #contenedor #contenido table td,
#fondo #contenedor #contenido table th
{border: 1px solid var(--black);}

#fondo #contenedor #contenido table p,
#fondo #contenedor #contenido table ul
{font-size: 14px; line-height: 20px;}

/*Pagination*/
ul.paginas li a {padding-left: 1.2em; background: url("../img/ico-lista/ico-lista1.png") 0em 0.25em no-repeat;}

/*Bloque de enlaces - Portada*/
#fondo #contenedor #portada .bloque.lenlaces div.enlace a {color: #1D518B; text-decoration: none;}

/*COMPONENTE GALERÍA DE IMÁGENES - cgi*/
#fondo #contenedor #contenido .cgi .cim{padding: 0;}

/*Galeria de ampliacion*/
/*Icono en la esquina inferior derecha*/
#fondo #contenedor #contenido .cim.tema span.lupa.cboxElement {background-position: -34px 0px;}

/*DATEPICKER*/
.mecd-dp-selector {background: var(--black);}

.mecd-dp-selector .cabecera-selector {background: #f1f1f1;}

.mecd-dp-selector .meses {background: #eaf5ff;}
.mecd-dp-selector .meses ul li {color: var(--black);border: 1px solid #bed6e7;background: #d4e7f3 url("../img/datepicker/bk-item-val.jpg");}
.mecd-dp-selector .meses ul li:hover {background: #cae1ef;background: #cae1ef url("../img/datepicker/bk-item-valhover.jpg");}
.mecd-dp-selector .meses ul li.disabled {color: #979797;background: #e5e4e4 url("../img/datepicker/bk-item-dis.jpg");border: 1px solid #e7e3e3;}
.mecd-dp-selector .meses ul li.disabled:hover {background: #e5e4e4 url("../img/datepicker/bk-item-dis.jpg");}

.mecd-dp-selector ul li .meses,
.mecd-dp-selector .cabecera-selector ul li .year
{background:var(--white);}

.mecd-dp-selector .cabecera-selector ul li.prev,
.mecd-dp-selector .cabecera-selector ul li.next
{border:none;background-color:transparent;}

.mecd-dp-selector .cabecera-selector ul li.year {border: none;color: var(--white);background: none;}

/*COMPONENTE LISTADO DE CICLOS - ciclos*/
#fondo #contenedor #contenido.ciclos div.enlaces-interes {text-align:center;}

#fondo #contenedor #contenido.ciclos div.enlaces-interes ul,
#fondo #contenedor #contenido.ciclos div.enlaces-interes ul li ul
{padding:0;}

#fondo #contenedor #contenido.ciclos div.enlaces-interes > ul {width: 100%; display: flex; gap: 10px; justify-content: center;}
#fondo #contenedor #contenido.ciclos div.enlaces-interes ul a {font-size: 14px; font-family: suisse-intlregular;}
 #fondo #contenedor #contenido.ciclos div.enlaces-interes ul li {background: none; padding: 0.25em; border: 2px solid var(--black); flex: 0 0 9%; margin: 0;}
#fondo #contenedor #contenido.ciclos div.enlaces-interes ul li img {padding: 0.25em; filter: contrast(175%) brightness(3%);}
#fondo #contenedor #contenido.ciclos div.enlaces-interes ul li ul li {display: block;border: none;padding: 0;height: auto;}
#fondo #contenedor #contenido.ciclos div.enlaces-interes ul li ul li:first-child {border: none;}

#fondo #contenedor #contenido.ciclos div.enlaces-interes ul li.deshabilitado ul li {width: 100%; color: var(--gray); font-size: 14px; font-family: suisse-intlregular;}
#fondo #contenedor #contenido.ciclos div.enlaces-interes ul li img.gris {display: none;}
#fondo #contenedor #contenido.ciclos div.enlaces-interes ul li.deshabilitado img {display: none;}
#fondo #contenedor #contenido.ciclos div.enlaces-interes ul li.deshabilitado img.gris {display: inline-block;}

#fondo #contenedor #contenido.ciclos div.enlaces-interes.mediano ul li {height:9.5em;}
#fondo #contenedor #contenido.ciclos div.enlaces-interes.grande ul li {height:10.5em;}

#fondo #contenedor #contenido.ciclos div.enlaces-interes.mediano ul li ul li,
#fondo #contenedor #contenido.ciclos div.enlaces-interes.grande ul li ul li 
{height:auto;}

body.ie7 #fondo #contenedor .ciclos#contenido div.enlaces-interes ul li {float:left;}
body.ie7 #fondo #contenedor .ciclos#contenido div.enlaces-interes ul li ul {margin:0;}
body.ie8 #fondo #contenedor .ciclos#contenido div.enlaces-interes ul li.deshabilitado ul li {font-size:0.9em; color:#ccc;}

#fondo #contenedor #contenido.ciclos h2,
#fondo #contenedor #contenido.ciclos h3
{margin: 0;}

#fondo #contenedor #contenido.ciclos .titulo {clear: both; padding: 0.5em; background: var(--gray); text-align: center; min-height: 5em; display: flex; align-items: center;}
#fondo #contenedor #contenido.ciclos .titulo h1 {color: var(--black); margin: 0; padding: 0.25em; float: left; overflow: hidden; font-size: 24px; line-height: 30px; font-family: suisse-intlbold; font-weight: 400; flex: 0 0 85%;}
#fondo #contenedor #contenido.ciclos .titulo img {width: 80px; height: 80px;}

#fondo #contenedor #contenido.ciclos p.sistema {background: var(--blue); margin: 0; padding: 0.25em; color: var(--black); text-align: center; font-size: 1.2em; font-family: suisse-intlbold;}
#fondo #contenedor #contenido.ciclos ul.anclas {padding: 0.5em 1em;border-top: 2px solid #0371d2;border-bottom: 1px solid #c1c1c1;margin-top: 0;}
#fondo #contenedor #contenido.ciclos ul.anclas a {text-decoration: none;}
#fondo #contenedor #contenido.ciclos ul.anclas li a {text-decoration: none;}

#fondo #contenedor #contenido.ciclos .cte {background: #f5f5f6; padding: 0.5em 1em; border-bottom: 1px solid #c1c1c1; margin-bottom: 1.5em;}

#fondo #contenedor #contenido.ciclos .cla .elemento {position: relative;}
#fondo #contenedor #contenido.ciclos .cla .elemento h3{margin-right: 5em !important;}
#fondo #contenedor #contenido.ciclos .cla .elemento p.titulo {color: var(--black); border-bottom: 2px solid #0371d2;}
#fondo #contenedor #contenido .cla .subir-listado a {background: var(--white) url(../img/subir-listado.png) center left 0.75em no-repeat; padding: 0.6em 0.7em 0.6em 3em; margin-top: -2.6em; color: var(--black); border: 1px solid var(--black);}

body.ie7 #fondo #contenedor #contenido .cla .subir-listado {top:-1.9em;}

#fondo #contenedor .cla h4 {font-size: 0.95em; font-weight: 700;}
#fondo #contenedor #contenido .cla .cte {background: var(--white); padding: 0.5em 0.75em; border: 1px solid var(--black);}
#fondo #contenedor #contenido .cla .elemento p.titulo {font-family: suisse-intlsemibold;}

#fondo #contenedor #contenido .cla ul.anclas {background: var(--light-gray); border: 1px solid var(--dark-gray); border-top: 2px solid var(--dark-blue);}

#fondo #contenedor #contenido ul.anclas li a {color: var(--black) !important; text-decoration: none; font-family: suisse-intlregular;}
#fondo #contenedor #contenido ul.anclas li a:hover {text-decoration: underline;}

#fondo #contenedor #contenido.ciclos h2.indice {background: url('../img/listado-ciclos/ico-anclas.png') 0.3em 0.65em no-repeat;padding: 0.35em 1.4em;}
#fondo #contenedor #contenido.ciclos h3#duracion {background: url('../img/listado-ciclos/ico-duracion.png') no-repeat;padding: 0.35em 2em;}
#fondo #contenedor #contenido.ciclos h3#requisitos {background: url('../img/listado-ciclos/ico-requisitos.png') no-repeat;padding: 0.35em 2em;}
#fondo #contenedor #contenido.ciclos h3#que-aprender {background: url('../img/listado-ciclos/ico-que-aprender.png') no-repeat;padding: 0.35em 2em;}
#fondo #contenedor #contenido.ciclos h3#plan-formacion {background: url('../img/listado-ciclos/ico-plan-formacion.png') no-repeat;padding: 0.35em 2em;}
#fondo #contenedor #contenido.ciclos h3#que-hacer {background: url('../img/listado-ciclos/ico-que-hacer.png') no-repeat;padding: 0.35em 2em;}
#fondo #contenedor #contenido.ciclos h3#salidas {background: url('../img/listado-ciclos/ico-salidas.png') no-repeat;padding: 0.35em 2em;}
#fondo #contenedor #contenido.ciclos h3#mas-info {background: url('../img/listado-ciclos/ico-mas-info.png') no-repeat;padding: 0.35em 2em;}
#fondo #contenedor #contenido.ciclos h3#insercion {background: url('../img/listado-ciclos/ico-insercion-laboral2.png') no-repeat;padding: 0.35em 2em;}

#fondo #contenedor #contenido h3.mas-info + .cte ul li ul li {margin: 0.8em 0;}
#fondo #contenedor #contenido h3.mas-info + .cte ul li ul li ul li {margin: 0.35em 0;}

/*ETIQUETAS*/
#fondo #contenedor p.etiqueta {padding: 2px 20px; border: 1px solid var(--black);}
#fondo #contenedor p.horas {background-image: url(../img/ico-horas-black.svg); padding-left: 24px; background-size: 18px; background-position: left top 0; background-repeat: no-repeat;}

/*Etiquetas generales*/
.fpb {background-color: var(--blue);}
.fpgm {background-color: var(--yellow);}
.fpgs {background-color: var(--orange);}
.fpce {background-color: var(--green);}

/*COMPONENTE DESPLEGABLE - cdsp*/
#fondo #contenedor #contenido .cdsp {margin: 0 0 16px 0 !important; padding: 0 !important; width: 100%; clear: both;}
#fondo #contenedor #contenido .cdsp > h2 {position: relative; cursor: pointer; padding: 0 70px 12px 0; border-bottom: 1px solid var(--black); margin: 0; color: var(--black); font-weight: 600; font-size: 18px; line-height: 32px; font-family: 'suisse-intlregular';}
#fondo #contenedor #contenido .cdsp h2 span.cruz {display: block; position: absolute; height: 24px; width: 24px; right: 20px; top: 6px;}
#fondo #contenedor #contenido .cdsp h2 span.cruz:before {content: ""; position: absolute; height: 24px; width: 2px; right: 11px; background: var(--black); border-radius: 2px; transition: 0.25s ease-in-out; transform: rotate(-45 deg);}
#fondo #contenedor #contenido .cdsp h2 span.cruz:after {content: ""; position: absolute; height: 2px; width: 24px; right: 0; background: var(--black); top: 11px; border-radius: 2px; transition: 0.25s ease-in-out; transform: rotate(0 deg);}

#fondo #contenedor #contenido .cdsp .desplegable {display: none; visibility: hidden; opacity: 0; height: 0; flex-wrap: wrap;}
#fondo #contenedor #contenido .cdsp.abierto .desplegable {display: block; visibility: visible; opacity: 1; transition: visibility 0s, height 2s, opacity 1s linear; height: auto; margin-top: 16px;}

#fondo #contenedor #contenido .cdsp.abierto h2 span.cruz:before, 
#fondo #contenedor #contenido .cdsp.abierto h2 span.cruz:after 
{background-color: var(--extradark-blue); transform: rotate(-45deg);}

#fondo #contenedor #contenido .cdsp.abierto h2 {color: var(--extradark-blue); border-bottom-color: var(--extradark-blue);}

/*PLANTILLA CICLOS NUEVA*/
#fondo #contenedor #contenido.fichaciclo {margin-top: 30px;}
#fondo #contenedor #contenido.fichaciclo .grado {display: flex; margin-top: auto; vertical-align: top; gap: 40px;align-items: center;}
#fondo #contenedor #contenido.fichaciclo .grado {background-color: var(--gray);}
#fondo #contenedor #contenido.fichaciclo .grado .izq {display:flex; gap: 28px; flex: 0 0 65%; margin-left: 20px;}
#fondo #contenedor #contenido.fichaciclo .grado .izq img {width: 90px; height: 90px; padding: 0;}

#fondo #contenedor #contenido.fichaciclo .grado .izq .intro .titulo {display: flex; flex-direction: column; text-align: left;max-height: 164px;}
#fondo #contenedor #contenido.fichaciclo .grado .izq .intro .titulo h1 {text-align: left; font-size: 26px; line-height: 36px; font-weight: 600; font-family: 'suisse-intlregular'; color: var(--black); margin: 0; max-height: 140px; overflow: hidden; padding-right: 12px;}
#fondo #contenedor #contenido.fichaciclo .grado .izq .intro .titulo p {font-family: 'suisse-intlregular'; font-size: 18px; line-height: 22px; font-weight: 450;margin-top: 10px;}

#fondo #contenedor #contenido.fichaciclo .grado .izq .intro .info {display: flex; gap: 40px; align-items: center;}
#fondo #contenedor #contenido.fichaciclo .grado .izq .intro .info p {font-size: 14px; line-height: 22px; font-weight: 600; font-family: 'suisse-intlregular'; margin: 0;}

#fondo #contenedor #contenido.fichaciclo .grado .dcha {margin-left: auto;}
#fondo #contenedor #contenido.fichaciclo .grado .dcha img {width: 365px; height: 200px; padding: 0; vertical-align: top; object-fit: cover;}

/*Contenido inferior*/
#fondo #contenedor #contenido.fichaciclo .contenido-inferior {display: flex; margin-top: 40px; gap: 40px; padding: 0 0 0 20px; width: 100%; box-sizing: border-box;}
#fondo #contenedor #contenido.fichaciclo .contenido-inferior .listado-dsp {flex: 0 0 calc(100% - 405px); margin-top: 8px;}
#fondo #contenedor #contenido.fichaciclo .contenido-inferior .listado-dsp .cdsp h2 {position: relative; cursor: pointer; padding: 0 70px 12px 0; border-bottom: 1px solid var(--black); margin: 0; color: var(--black); font-weight: 600; font-size: 18px; line-height: 32px; font-family: 'suisse-intlregular';}
#fondo #contenedor #contenido.fichaciclo .contenido-inferior .listado-dsp .cdsp.abierto h2 {color: var(--extradark-blue); border-bottom-color: var(--extradark-blue);}

#fondo #contenedor #contenido.fichaciclo .contenido-inferior .coldcha .enlaces-interes {margin-bottom:30px; flex: 0 0 365px;}
#fondo #contenedor #contenido.fichaciclo .contenido-inferior .coldcha .enlaces-interes .elemento {margin: 0; padding: 1.2em 0; padding-left: 3.2em; background-position: left center; background-repeat: no-repeat;}
#fondo #contenedor #contenido.fichaciclo .contenido-inferior .coldcha .enlaces-interes .elemento:not(:first-child) {margin-top: 1em;}
#fondo #contenedor #contenido.fichaciclo .contenido-inferior .coldcha .enlaces-interes .elemento a {font-size:0.85em; color:var(--black);}
#fondo #contenedor #contenido.fichaciclo .contenido-inferior .coldcha .enlaces-interes .elemento.europasses {background-image: url(../img/ico-europass-es.png);}
#fondo #contenedor #contenido.fichaciclo .contenido-inferior .coldcha .enlaces-interes .elemento.europassen {background-image: url(../img/ico-europass-en.png);}
#fondo #contenedor #contenido.fichaciclo .contenido-inferior .coldcha .enlaces-interes .elemento.atribuciondoc {background-image: url(../img/ico-profesorado.png);}

#fondo #contenedor #contenido.fichaciclo .contenido-inferior .coldcha .cfrase p {line-height: 34px !important; color: var(--black); font-size: calc(0.85em + 0.2vw) !important; font-family: 'suisse-intlregular'; margin: 0 0 20px 0;}

/*COMPONENTES CONTENIDO LATERAL - cc*/
/*Listado de enlaces*/
#fondo #contenedor div[id^="col"] .cc p.titulo-cc {font-size: 0.85em; font-family: suisse-intlbold; font-weight: 400;}

#fondo #contenedor div[id^="col"] .cc.estilo1 {border: 1px solid var(--black);}
#fondo #contenedor div[id^="col"] .cc.estilo1 p.titulo-cc {background: var(--blue); color: var(--black);}
#fondo #contenedor div[id^="col"] .cc.estilo2 p.titulo-cc {color: var(--black); border-bottom-color: var(--extradark-blue);}

/*Imagen*/
#fondo #contenedor div[id^="col"] .cc .cim p.titulo, 
#fondo #contenedor div[id^="col"] .cc .cvi p.titulo 
{font-size: 0.85em; font-weight: 400; font-family: suisse-intlbold;}

/*Contenido lateral - Banner*/
#fondo #contenedor div.banner a span {font-family: suisse-intlbold; font-weight: 400;}

/*Contenido lateral - Ver mas*/
#fondo #contenedor div[id^="col"] .cc p.vermas-cc a {background-image: url(../img/ico-mas.png);}

/*Contenido lateral - Buscador*/
#fondo #contenedor div[id^="col"] .ctcl .cc .cbc form fieldset input#Buscar {background-color: var(--black);}

/*Banners*/
#fondo #contenedor div.banner a {color: var(--black); font-weight: 400; font-family: suisse-intlbold;}

/*COOKIES*/
.alertaModal {background: #050b0be8;}
.alertaModal .msg.cookies p {color: var(--white);}
.alertaModal .msg.cookies button {background: var(--gray); color:var(--black);}
.alertaModal .msg.cookies button:hover{background:var(--light-gray);}
.alertaModal .msg.cookies a {color: var(--white);}
.alertaModal .msg.cookies a:hover {color: var(--gray);}

/*COMPONENTE PESTAÑAS - tabs*/
#fondo #contenedor #contenido div.tabs.dsp-c ul li {background: #dee4e6;border: 1px solid #e0e8f1;border-bottom-color: #ddd;}
#fondo #contenedor #contenido div.tabs.dsp-c ul li a:hover {color: var(--black);}

#fondo #contenedor #contenido div.tabs.dsp-c ul li a {font-size: 0.9rem; font-family: 'suisse-intlregular';} 

#fondo #contenedor #contenido div.tabs.dsp-c ul li.seleccionado a, 
#fondo #contenedor #contenido div.tabs.dsp-c ul li.seleccionado a strong, 
#fondo #contenedor #contenido div.tabs.dsp-c a.dsp-b
{color: #174a78; font-family: 'suisse-intlsemibold' !important; font-size: 1rem;}

/*CARRUSEL NUEVO*/
#fondo #contenedor .csldn .barra-opciones a.next, 
#fondo #contenedor .csldn .barra-opciones a.prev, 
#fondo #contenedor .csldn .barra-opciones a.play,
#fondo #contenedor .csldn .barra-opciones a.stop 
{background-image: url(../img/carrusel/btn-slider.png);}

#fondo #contenedor .csldn.tipo2 .barra-opciones ol.pagination li.activo a {color: var(--white) !important;}

/*FlechaDeb inferiores*/
#fondo #contenedor .csldn.tipo2.claro.flechasDeb .barra-opciones a.prev {background-image: url(../img/carrusel/btn-slider-rwd-prev.png);}
#fondo #contenedor .csldn.tipo2.claro.flechasDeb .barra-opciones a.next {background-image: url(../img/carrusel/btn-slider-rwd-next.png);}
#fondo #contenedor .csldn.tipo2.oscuro.flechasDeb .barra-opciones a.prev {background-image: url(../img/carrusel/btn-slider-rwd-prevos.png);}
#fondo #contenedor .csldn.tipo2.oscuro.flechasDeb .barra-opciones a.next {background-image: url(../img/carrusel/btn-slider-rwd-nextos.png);}

/*Tipo 1*/
#fondo #contenedor .csldn.tipo1 .barra-opciones ol.pagination li a {background-image: url(../img/carrusel/pagination.png);}

#fondo #contenedor .csldn.tipo1.claro .barra-opciones ol.pagination li.activo a {background-position: 0 26px;}
#fondo #contenedor .csldn.tipo1.oscuro .barra-opciones ol.pagination li.activo a {background-position: 0 -13px;}

/*Tipo 2*/
#fondo #contenedor .csldn.tipo2 .barra-opciones ol.pagination li a {background-image: url(../img/carrusel/pagination-t2.png); color: var(--black);}

#fondo #contenedor .csldn.tipo2 .barra-opciones a.prev, 
#fondo #contenedor .csldn.tipo2 .barra-opciones a.next 
{background-image: url(../img/carrusel/btn-slider-t2.png);}

/*Claro*/
#fondo #contenedor .csldn.claro .sliders .slide .caption p.antetitulo,
#fondo #contenedor .csldn.claro .sliders .slide .caption p.titulo 
{color: var(--black);}

#fondo #contenedor .csldn .sliders .slide .caption p.antetitulo, 
#fondo #contenedor .csldn .sliders .slide .caption p.titulo,
#fondo #contenedor .csldn .sliders .slide p.mas a
{font-weight: 400; font-family: suisse-intlbold !important;}

#fondo #contenedor .csldn.claro .sliders .slide p.mas a {background-image: url(../img/carrusel/ico-mas.png); color: #01375f !important;}

/*Oscuro*/
#fondo #contenedor .csldn.oscuro .barra-opciones {background: #01375f;}
#fondo #contenedor .csldn.oscuro .sliders .slide .caption {background: rgba(0, 28, 47, 0.85);}

/*Paginacion*/
#fondo #contenedor .csldn.claro .barra-opciones .num-pagination {color: var(--white); background: #01375f;}
#fondo #contenedor .csldn.oscuro .barra-opciones .num-pagination {color: #01375f; background: var(--white);}

/*Datepicker - Fecha*/
body .ui-datepicker .ui-datepicker-header {background: var(--black);}
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)fff;}

body .ui-widget.ui-widget-content .ui-state-default,
body .ui-widget.ui-widget-content .ui-widget-content .ui-state-default,
body .ui-widget.ui-widget-content .ui-widget-header .ui-state-default,
body .ui-widget.ui-widget-content .ui-button,
html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active
{background:none; border:none;}

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: #cae1ef url("../img/datepicker/bk-item-valhover.jpg") !important; color: var(--black) !important;}

/*CALENDARIO - EVENTOS*/

/*Tabla*/
#fondo #contenedor #col-dcha .ccb table tbody tr td.evento:hover {background: #d1e1ff;}
#fondo #contenedor #col-dcha .ccb table tbody tr td.evento a {color: var(--black);}
#fondo #contenedor #col-dcha .ccb table tbody tr td.evento a:hover {color: var(--black);}
#fondo #contenedor #col-dcha .ccb table tbody tr td.sel {background: #f0f4ff; border-color: #adbaff;}
#fondo #contenedor #col-dcha .ccb table tbody tr td.otro-mes {color: #606060;background-color: #ebebeb;}

/*Leyenda*/
#fondo #contenedor #col-dcha .ccb .leyenda {background: var(--black);}

/*Buscador agenda*/
#fondo #contenedor #col-dcha .ccb .formulario {background: var(--light-gray);}
#fondo #contenedor #col-dcha .ccb .formulario p.titulo {font-size: 1em; font-family: suisse-intlsemibold;}
#fondo #contenedor #col-dcha .ccb .formulario form input[type=submit] {background: var(--black); color: var(--white); border-bottom: 1px solid #00476e; border-right: 1px solid #00476e; border-top: 1px solid #c4e2fe; border-left: 1px solid #c4e2fe;}
#fondo #contenedor #col-dcha .ccb .formulario form label, 
#fondo #contenedor #col-dcha .ccb .formulario form p.label 
{font-size: 0.85em;}

/*LISTADO DE ICONOS - cli*/
#fondo #contenedor #contenido .cli .elemento .literal p {font-weight: 400; font-family: 'suisse-intlbold';}

/*BUSCADOR CONFIGURABLE - cbc*/
#fondo #contenedor #contenido .cbc form fieldset {background:#f4faff;}
#fondo #contenedor #contenido .cbc form fieldset label {color: var(--black);}
#fondo #contenedor #contenido .cbc form input[type="submit"] {background: var(--black); color: var(--white); border: 1px solid #e9f2ff;}
#fondo #contenedor #contenido .cbc form input[type="submit"]:hover {background: #006bb7;}

/*Provisional clp*/
#fondo #contenedor #contenido .clp ul li {border-bottom:none;}
#fondo #contenedor #contenido .clp ul li a {text-decoration:underline; color: var(--black);}
#fondo #contenedor #contenido .clp ul li a:hover {color: var(--dark-gray);}

/*COMPONENTE BOTONES - cbtn*/
#fondo #contenedor .cbtn div[class^="btn"].estclaro a {background-color: var(--white); color: var(--black) !important;border-color: var(--black);}
#fondo #contenedor .cbtn div[class^="btn"].estclaro a:hover {background-color: var(--gray); border-color: var(--black);}
#fondo #contenedor .cbtn div[class^="btn"].estoscuro a {background-color: var(--black); color: var(--white) !important;}
#fondo #contenedor .cbtn div[class^="btn"].estoscuro a:hover {background-color: var(--dark-gray);}
#fondo #contenedor .cbtn div[class^="btn"].estclaro.tema a {background-color: var(--blue); color: var(--black) !important;}
#fondo #contenedor .cbtn div[class^="btn"].estclaro.tema a:hover {background-color: var(--dark-blue); color: var(--white) !important;}
#fondo #contenedor .cbtn div[class^="btn"].estoscuro.tema a {background-color: var(--orange); border-color: var(--black); color: var(--black) !important;}
#fondo #contenedor .cbtn div[class^="btn"].estoscuro.tema a:hover {background-color: var(--dark-orange);}

/*COMPONENTE ÉNFASIS - cten*/
#fondo #contenedor .cten.tema p {color: var(--black);}
#fondo #contenedor .cten.fondo {background-color: var(--gray);}
#fondo #contenedor .cten.fondo.borde {border-color: var(--black);}
#fondo #contenedor .cten.fondo.tema {background-color: var(--blue);}
#fondo #contenedor .cten.borde.tema {border-color: var(--black);}
#fondo #contenedor .cten.fondo.borde.tema {border-color: var(--dark-blue);}

/*LISTADO DE EVENTOS Y NOTICIAS - cln*/
#fondo #contenedor #contenido .cln .resultados .enlace span.categoria {background: var(--gray); padding: 0.5em 0.75em;}
#fondo #contenedor #contenido .cln .resultados .enlace p.titulo a {font-weight: 400; font-family: 'suisse-intlbold'; color: var(--black); font-size: 1.1em;}

#fondo #contenedor #contenido .cln .resultados .enlace span.fecha, 
#fondo #contenedor #contenido.noticias p#fecha, 
#fondo #contenedor #contenido.eventos p#fecha
{font-size: 0.85em; font-weight: 400; font-family: suisse-intlbold;}

#fondo #contenedor #contenido.noticias p#tipo, 
#fondo #contenedor #contenido.eventos p#tipo 
{font-family: 'suisse-intlregular';}

#fondo #contenedor .cln .resultados .enlace p.titulo {font-size: 0.85em;}

#fondo #contenedor #contenido .cln .resultados .enlace span.fecha {margin: 0;}

/*COMPONENTE BLOQUE - cblq*/
#fondo #contenedor #contenido .cblq.fondo.info {background-color: var(--blue);}
#fondo #contenedor #contenido .cblq.fondo.borde.info {border-color: var(--dark-blue);}
#fondo #contenedor #contenido .cblq.fondo.alerta {background-color: var(--light-orange);}
#fondo #contenedor #contenido .cblq.fondo.borde.alerta {border-color: var(--dark-orange);}

/*COMPONENTE COLUMNAS - ccol*/
#fondo #contenedor #contenido div[class^="ccol"] .col.fondo {background: var(--light-gray);} 
#fondo #contenedor #contenido div[class^="ccol"] .col.fondo.borde {border-color: var(--dark-gray);}
#fondo #contenedor #contenido div[class^="ccol"] .col.fondo.info {background: var(--blue);} 
#fondo #contenedor #contenido div[class^="ccol"] .col.fondo.borde.info {border-color: var(--dark-blue);}
#fondo #contenedor #contenido div[class^="ccol"] .col.fondo.alerta {background: var(--light-orange);} 
#fondo #contenedor #contenido div[class^="ccol"] .col.fondo.borde.alerta {border-color: var(--dark-orange);}

/*COMPONENTE TARJETAS - ctar*/
#fondo #contenedor #contenido .ctar .elemento {background: var(--light-gray); border: 1px solid var(--dark-blue);}
#fondo #contenedor #contenido .ctar .elemento p.titulo {font-weight: 400; font-family: 'suisse-intlbold';}

/*CARRUSEL PORTADA*/
#fondo #contenedor #portada {padding: 20px 0;width: 80em;}
#fondo #contenedor #portada .stcd.sttresd {display: flex; justify-content: center;}
#fondo #contenedor #portada .bloque.csld .containerSlider div[id^="slides"] .slide img {object-fit: contain;}
#fondo #contenedor #portada .bloque.csld {border:1px solid var(--black);}

#fondo #contenedor #portada .bloque.tipo1.csld .containerSlider div[id^="slides"] .slidesjs-pagination li {margin: 0.75em 0.2em !important;}
#fondo #contenedor #portada .bloque.tipo2.csld .containerSlider div[id^="slides"] .slidesjs-pagination li a {height: 16px;}

#fondo #contenedor #portada .stcd.sttresd .stud .stuu .stut .bloque.ut.txtimagen .imagen,
#fondo #contenedor #portada .stcd.sttresd .stud .stuu .stut .bloque.ut.txtimagen .imagen a
{width: 100%;height:100%;}

#fondo #contenedor #portada .stcd.sttresd .stud .stuu .stut .bloque.ut.txtimagen .imagen a:focus img {width: 100%; height: 100%; box-sizing: border-box; border: 2px solid var(--black);}

/*Enlace saltar contenido*/
.skip-link {color: var(--black);}

/*RESPONSIVE*/
@media (min-width: 1280px) and (max-width: 1300px) {

  /*CABECERA*/
  #fondo header #cabecera,
  #fondo header #navegacion-superior,
  #fondo footer #pie .bloque-superior,
  #fondo footer #pie .bloque-inferior .cbi
  {width: calc(100% - 40px); margin: 0 20px;}

  /*CONTENIDO*/
  #fondo #contenedor {padding: 0 20px; box-sizing: border-box;}

  #fondo #contenedor.dos #contenido {width: 992px;}
  #fondo #contenedor.tres #contenido {width: 748px;}

  /*MIGAS*/
  #fondo #contenedor #migas {padding: 20px 0;}

}

@media(max-width: 1279px){

  /*CABECERA*/
  #fondo header #cabecera, 
  #fondo header #navegacion-superior, 
  #fondo footer #pie .bloque-superior, 
  #fondo footer #pie .bloque-inferior .cbi 
  {width: calc(100% - 40px); margin: 0 20px;}

  /*FOOTER*/
  #fondo footer #pie .bloque-superior {width: calc(100% - 40px); margin: 0 20px;}
  #fondo footer #pie .bloque-inferior .cbi {flex-direction: column-reverse; gap: 20px; align-items: center;}
  #fondo footer #pie .bloque-inferior .cbi .izq {float: none; text-align: center;}
  #fondo footer #pie .bloque-inferior .cbi .dcha {float: none; margin: 0 auto;}

  /*NAVEGACION SUPERIOR*/
  #fondo header #navegacion-superior nav#menu-superior ul li a {font-size: 14px; line-height: 24px;}

  /*CONTENIDO*/
  #fondo #contenedor {padding: 0 20px; box-sizing: border-box;}

  #fondo #contenedor.dos #contenido {width: calc(100% - 242px);}
  #fondo #contenedor.tres #contenido {width: calc(100% - 480px);}

  /*MIGAS*/
  #fondo #contenedor #migas {padding: 20px 0 0 0;}

	/*Contenido ciclos*/
  #fondo #contenedor #contenido.ciclos .titulo h1 {box-sizing: border-box;}
	#fondo #contenedor #contenido.ciclos div.enlaces-interes ul li {flex: 0 0 7.9%;}
  #fondo #contenedor #contenido.ciclos div.enlaces-interes.correccion ul li {height: 10.7em;}

  /*PLANTILLA CICLOS NUEVA*/
  #fondo #contenedor #contenido.fichaciclo .grado .izq {flex: 0 0 62%;}
  #fondo #contenedor #contenido.fichaciclo .contenido-inferior .listado-dsp {flex: 0 0 calc(100% - 386px);}
  #fondo #contenedor #contenido.fichaciclo .contenido-inferior {gap: 20px;}

	/*FORMULARIOS - Progreso*/
  #contenedor #contenido div.formulario-contenido form fieldset div.progreso .grafico {width:39em;}
  #contenedor #contenido div.formulario-contenido form fieldset div.progreso .literales {width:13em;}

  /*COMPONENTE MAPA - cmp*/
  #fondo #contenedor #contenido .cmp.com {width: 100%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg {padding: 60px 0 0 0;}

  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el4 {left: 86%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el5 {left: 15%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el11 {left: 28%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el12 {left: 49%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el18 {top: 82%; left: 38%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el19 {top: 86%; left: 53%;}

  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el12 {left: 50%;}

  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg {padding: 30px 0 0 0;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el1 {left: 24%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el3 {top: 51%; left: 59%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el4 {top: 54%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el9 {top: 24%; left: 81%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el10 {left: 50%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el11 {left: 35%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el12 {top: 72%; left: 36%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el13 {left: 47%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el15 {top: 82%;} 
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el16 {top: 51%; left: 48%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el17 {top: 59%; left: 42%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el19 {left: 85%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el22 {left: 57%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el23 {top: 62%; left: 30%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el24 {top: 19%; left: 69%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el25 {top: 42%; left: 86%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el28 {top: 82%; left: 24%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el29 {left: 38%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el31 {left: 29%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el32 {left: 49%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el34 {top: 86%; left: 53%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el35 {left: 62%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el37 {left: 29%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el38 {left: 44%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el39 {left: 24%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el40 {top: 32%; left: 36%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el41 {top: 85%; left: 8%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el42 {top: 30%; left: 46%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el44 {left: 55%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el46 {left: 65%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el47 {top: 42%;} 
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el48 {left: 66%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el49 {left: 43%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el50 {left: 53}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el52 {left: 64%;}

  /*PORTADA*/
  #fondo #contenedor #portada {width: 100%;}

}

@media(max-width: 1151px){

  /*CONTENIDO*/
  #fondo #contenedor {padding: 0 20px; box-sizing: border-box;}
  #fondo #contenedor.portada {padding:0;}
  #fondo #contenedor.dos #contenido {width: calc(100% - 242px);}
  #fondo #contenedor.tres #contenido {width: calc(100% - 480px);}

  /*NAVEGACION SUPERIOR*/
  #fondo header #navegacion-superior nav#menu-superior ul {gap: 7px;}

	/*Contenido ciclos*/
  #fondo #contenedor #contenido.ciclos div.enlaces-interes ul li {width: 4.6em;}
  #fondo #contenedor #contenido.ciclos div.enlaces-interes ul a {font-size: 11px;}

  /*PLANTILLA FICHA NUEVA*/
  #fondo #contenedor #contenido.fichaciclo .grado .izq {flex: 0 0 57%;}
	
  /*COMPONENTE TABLA - ctabla*/
	#fondo #contenedor #contenido .ctn table tbody img {max-width: 14.5em !important;}

	/*FORMULARIOS - Progreso*/
  #contenedor #contenido div.formulario-contenido form fieldset div.progreso .grafico {width:32em;}
  #contenedor #contenido div.formulario-contenido form fieldset div.progreso .literales {width:12em;}

  /*COMPONENTE MAPA - cmp*/
  #fondo #contenedor #contenido .cmp.com {flex-direction: column;}
  #fondo #contenedor.una #contenido .cmp.com {flex-direction: row;}
  #fondo #contenedor.una #contenido .cmp.com .mapaImg {flex: 0 0 80%;}
  #fondo #contenedor.una #contenido .cmp.com img {flex: 0 0 20%;}
  #fondo #contenedor.una #contenido .cmp.com ul.lista li {width: 100%;}
  #fondo #contenedor.una #contenido .cmp.com ul.lista {border-top: none; border-left: 1px solid var(--black);}

  #fondo #contenedor #contenido .cmp.com .mapaImg, 
  #fondo #contenedor #contenido .cmp.prov .mapaImg,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg, 
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg
  {padding: 30px 10px 0 10px; box-sizing: border-box;}

  #fondo #contenedor #contenido .cmp.prov ul.lista {border-top: 1px solid var(--black); margin: 0; padding-top: 1em;}

  #fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el4 {top: 55%; left: 66%;}
  #fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el5 {top: 66%; left: 57%;}
  #fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el9 {top: 24%; left: 80%;}
  #fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el13 {top: 10%; left: 47%;}
  #fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el14 {top: 38%; left: 69%;}
  #fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el15 {top: 82%; left: 38%;}
  #fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el16 {top: 50%; left: 49%;}
  #fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el18 {top: 41%; left: 57%;}
  #fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el19 {left: 85%;}
  #fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el24 {top: 19%; left: 69%;}
  #fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el25 {top: 42%; left: 86%;}
  #fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el28 {top: 82%; left: 25%;}
  #fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el30 {left: 75%;}
  #fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el33 {top: 69%; left: 43%;}
  #fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el34 {top: 86%; left: 53%;}
  #fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el36 {top: 15%; left: 60%;}
  #fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el38 {top: 18%; left: 45%;}
  #fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el41 {top: 85%; left: 10%;}
  #fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el42 {top: 29%; left: 47%;}
  #fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el45 {top: 30%; left: 73%;}
  #fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el46 {top: 34%; left: 64%;}
  #fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el47 {top: 41%; left: 47%;}
  #fondo #contenedor #contenido .cmp.prov .mapaImg ul li.el48 {top: 46%; left: 66%;}

  #fondo #contenedor.tres #contenido .cmp.prov ul.lista li {flex: 0 0 50%;}

  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el2 {left: 53%; top: 15%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el3 {top: 53%; left: 57%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el4 {top: 57%; left: 64%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el5 {top: 68%; left: 55%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el6 {top: 11%; left: 36%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el7 {top: 36%; left: 41%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el8 {top: 55%; left: 34%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el9 {top: 26%; left: 79%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el10 {left: 48%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el11 {left: 35%; top: 45%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el12 {top: 74%; left: 35%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el13 {left: 45%; top: 12%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el14 {top: 40%; left: 68%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el15 {top: 85%; left: 37%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el16 {top: 53%; left: 47%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el17 {top: 61%; left: 41%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el18 {left: 56%; top: 43%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el19 {left: 82%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el20 {top: 68%; left: 48%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el21 {left: 54%; top: 34%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el22 {left: 56%; top: 13%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el23 {top: 64%; left: 29%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el24 {top: 21%; left: 67%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el25 {top: 44%; left: 83%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el26 {top: 61%; left: 48%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el27 {top: 20%; left: 54%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el28 {top: 85%; left: 24%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el29 {left: 37%; top: 17%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el32 {left: 47%; top: 37%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el33 {top: 72%; left: 41%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el34 {top: 89%; left: 51%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el35 {top: 62%; left: 60%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el36 {left: 58%; top: 17%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el38 {left: 43%; top: 20%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el40 {top: 34%; left: 35%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el41 {top: 87%; left: 9%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el43 {top: 66%; left: 36%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el44 {left: 53%; top: 27%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el46 {left: 63%; top: 36%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el47 {top: 44%; left: 45%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el48 {left: 64%; top: 48%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el49 {left: 41%; top: 27%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el50 {left: 53%; top: 12%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el51 {left: 37%; top: 25%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el52 {left: 62%; top: 27%;}

  #fondo #contenedor #contenido .cmp.com ul.lista {width: 100%; box-sizing: border-box; border-left: none; border-top: 1px solid var(--black);}
  #fondo #contenedor #contenido .cmp.com ul.lista li {margin: 0; width: 33%;}

  #fondo #contenedor #contenido .cmp.com .mapaImg ul {margin: 0;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el1 {top: 68%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el2 {top: 31%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el13 {top: 62%; left: 62%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el4 {top: 43%;} 
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el5 {top: 91%; left: 16.5%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el6 {top: 10%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el7 {top: 48%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el8 {top: 27%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el9 {top: 26%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el10 {top: 50%; left: 36%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el11 {top: 13%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el12 {top: 37%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el13 {top: 62%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el14 {top: 16%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el15 {top: 12%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el16 {top: 19%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el17 {top: 49%; left: 66%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el18 {top: 86%; left: 38%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el19 {top: 90%;}

  #fondo #contenedor #contenido .cmp.com,
  #fondo #contenedor.tres #contenido .cmp.com
  {width: 100%;}

  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el3 {top: 8%;}
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el4 {top: 43%; left: 87%;}
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el6 {top: 10%;} 
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el12 {left: 49%; top: 36%;}
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el16 {top: 19%;} 
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el18 {top: 84%; left: 39%;}
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el19 {top: 88%; left: 54%;}

  #fondo #contenedor.tres #contenido .cmp.com ul.lista li {flex: 0 0 50%;}

  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el1 {top: 67%;}
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el3 {top: 10%; left: 36%;}
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el4 {top: 44%; left: 84%;}
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el5 {top: 90%; left: 14.5%;}
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el6 {top: 12%; left: 45%;}
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el7 {top: 49%;}
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el8 {top: 27%; left: 41%;}
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el9 {top: 27%; left: 75%;}
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el10 {top: 51%; left: 34%;}
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el11 {top: 8%; left: 26%;}
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el12 {top: 38%; left: 47%;}
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el13 {top: 62%; left: 60%;}
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el14 {top: 17%; left: 59%;}
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el15 {top: 14%; left: 54%;}
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el16 {top: 20%; left: 54%;}
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el17 {top: 49%; left: 64%;}
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el18 {top: 85%; left: 37%;}
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el19 {top: 89%; left: 51%;}

  /*PORTADA*/
  #fondo #contenedor #portada .stcd.sttresd .bloque.ut {height: 4.58em;}
  #fondo #contenedor #portada .bloque.csld.tipo1 .containerSlider div[id^="slides"] ul.slidesjs-pagination {left:5.2em; height:auto !important;}
  #fondo #contenedor #portada .bloque.csld.tipo1 .containerSlider div[id^="slides"] .slidesjs-pagination li {margin: 0.65em 0.2em !important;}

}

@media(max-width: 1023px){

  /*CABECERA*/
  #fondo header {background: #FFF; position: fixed; width: 100%; z-index: 200;} 
  #fondo header #cabecera {width: 90%; margin: 0; padding: 40px 20px 40px 20px; box-sizing: border-box; border-bottom: none;}

  #fondo header, 
  #fondo header #cabecera 
  {background: var(--gray); position: fixed; z-index: 1200; height: 152px;}

  /*NAVEGACION SUPERIOR*/
  #fondo header #navegacion-superior {display: block; position: relative;}
  #fondo header #navegacion-superior nav#menu-superior {display: none;}

  /*Boton menu rwd*/
  #fondo header a#btnMenu {right: 30px; width: 40px; height: 72px; position: absolute; display: block; z-index: 1200;}

  #fondo header a#btnMenu span {font-size: 15px; font-family: 'suisse-intlregular'; bottom: 0; position: absolute; color: var(--black);}
  #fondo header a#btnMenu span.middle {display: block; position: absolute; height: 3px; width: 32px; left: 5px; background: var(--black); top: 34px; border-radius: 2px; transition: 0.25s ease-in-out; }
  #fondo header a#btnMenu span.middle:before {content: ""; display: block; position: absolute; height: 3px; width: 32px; right: 0; background: var(--black); top: -10px; border-radius: 2px; transition: 0.25s ease-in-out; transform: rotate(0 deg); }
  #fondo header a#btnMenu span.middle:after {content: ""; display: block; position: absolute; height: 3px; width: 32px; right: 0; background: var(--black); top: -20px; border-radius: 2px; transition: 0.25s ease-in-out; transform: rotate(0 deg); }

  #fondo header.headerDsp a#btnMenu span.middle {height:0}
  #fondo header.headerDsp a#btnMenu span.middle:before { transform: rotate(-45deg); top: -12px;}
  #fondo header.headerDsp a#btnMenu span.middle:after { transform: rotate(45deg); top: -12px;}

  /*NAVEGACION SUPERIOR ABIERTO*/
  #fondo header.headerDsp {padding: 0;}

  #fondo header.headerDsp #navegacion-superior.abierto {height: 100% !important; z-index: 1100; width: 90%; margin: 0; position: fixed;}
  #fondo header.headerDsp #navegacion-superior.abierto .global {position: relative; height: 100%; overflow-x: hidden; background: rgb(255 255 255 / 85%);}
  #fondo header.headerDsp #navegacion-superior.abierto nav#menu-superior {width: 90%; display: block; bottom: 0; position: fixed; background: var(--gray); padding: 0; box-sizing: border-box;}
  #fondo header.headerDsp #navegacion-superior.abierto nav#menu-superior > ul {display: block; width: 100%; height: 100%; overflow: auto; position: absolute;}
  #fondo header.headerDsp #navegacion-superior.abierto nav#menu-superior ul li {display: block; width: 100%; box-sizing: border-box; position: relative; text-align: left;border-bottom: 1px solid var(--black);}
  #fondo header.headerDsp #navegacion-superior.abierto nav#menu-superior ul li a {font-size: 16px; line-height: 24px; text-align: left; padding: 0; padding: 16px 64px 16px 24px;}
  #fondo header.headerDsp #navegacion-superior.abierto nav#menu-superior ul li.desplegable ul li {display: block !important; width: 100%;position:relative;}
  #fondo header.headerDsp #navegacion-superior.abierto nav#menu-superior ul li.desplegable ul li {border-bottom: 1px solid var(--black);}
  #fondo header.headerDsp #navegacion-superior.abierto nav#menu-superior ul li.desplegable ul li:last-child {border-bottom: none;}
  #fondo header.headerDsp #navegacion-superior.abierto nav#menu-superior ul li.desplegable span.cruz {display: block;position: absolute;height: 40px; width: 40px; right: 20px; top: 4px; z-index: 20;}
  #fondo header.headerDsp #navegacion-superior.abierto nav#menu-superior ul li.desplegable span.cruz:before {content: "";position: absolute;height: 18px;width: 2px;right: 18px;top: 12px;border-radius: 2px;transition: 0.25s ease-in-out;transform: rotate(-45 deg);background-color: var(--black);}
#fondo header.headerDsp #navegacion-superior.abierto nav#menu-superior ul li.desplegable span.cruz:after {content: "";position: absolute;height: 2px;width: 18px;right: 0;left: 12px;background: var(--black);top: 20px;border-radius: 2px;transition: 0.25s ease-in-out;transform: rotate(0 deg);}
  #fondo header.headerDsp #navegacion-superior.abierto nav#menu-superior ul li.desplegable.abierto > ul {display:block;}

  #fondo header.headerDsp #navegacion-superior.abierto nav#menu-superior ul li.desplegable.abierto > span.cruz:before, 
  #fondo header.headerDsp #navegacion-superior.abierto nav#menu-superior ul li.desplegable.abierto > span.cruz:after 
  {background-color: var(--extradark-blue); transform: rotate(-45deg);}

  #fondo header.headerDsp #navegacion-superior.abierto nav#menu-superior ul li.desplegable.abierto ul {border-top: 1px solid var(--extradark-blue); width: 100%; background: var(--white); padding: 0 0 0 20px; max-width: 100% !important; box-sizing: border-box;}
  #fondo header.headerDsp #navegacion-superior.abierto nav#menu-superior ul li ul li.desplegable.abierto ul li {border: none; padding: 0;}
  #fondo header.headerDsp #navegacion-superior.abierto nav#menu-superior ul li ul li.desplegable.abierto ul li a {padding: 0.5em 3.5em 0.5em 0;}
  #fondo header.headerDsp #navegacion-superior.abierto nav#menu-superior ul li ul li.desplegable.abierto ul li:first-child a {padding-top: 1em;}
  #fondo header.headerDsp #navegacion-superior.abierto nav#menu-superior ul li ul li.desplegable.abierto ul li:last-child a {padding-bottom: 1em;}

  #fondo .capa-fondo.visible {z-index: 800; height: 100vh; background: var(--white);}

  /*BUSCADOR*/
  #fondo header #cabecera .dcha #buscador {display:none;}

  #fondo header.headerDsp #cabecera .dcha #buscador {display: block; position: absolute; bottom: -17px; width: 100%; left: 0; border: none; background: var(--light-gray); padding: 10px 20px; margin: 0; height: 52px; box-sizing: border-box;}
  #fondo header.headerDsp #cabecera .dcha #buscador fieldset {border: 1px solid var(--black); width: 98px;}
  #fondo header.headerDsp #cabecera .dcha #buscador input.campotexto {height: 32px; margin: 0 7px;}
  #fondo header.headerDsp #cabecera .dcha #buscador input.botonbuscar {background: url(../img/cabecera/search.svg) center no-repeat; background-size: 16px 16px; border: 0; cursor: pointer; height: 16px; width: 16px; border: none; padding: 0; margin: 8px 0;}
  
  #fondo header.headerDsp #cabecera .dcha #buscador.expandido input.campotexto {display: inline-block; vertical-align: top; height: 32px; font-size: 14px; font-family: 'suisse-intlregular'; color: var(--black); transition: width 0.3s ease; border: none; text-align: left; margin: 0; padding: 0 0 0 8px; background: transparent; box-sizing: border-box; width: calc(100% - 50px);}
  #fondo header.headerDsp #cabecera .dcha #buscador.expandido form fieldset button.cerrarBuscador {margin: 4px 0;}
  #fondo header.headerDsp #cabecera .dcha #buscador.expandido fieldset {width: 100%;background-color:var(--white);}

  /*BARRAS LATERALES*/
  .barras-laterales {position: fixed; width: 100%; background: var(--extradark-blue);z-index:100;}
  .barras-laterales button.btnIzq.ico-arrow-right {background: var(--dark-blue) url(../img/responsive/ico-arrow-right.svg) 0.25em 0.25em no-repeat; color: var(--white); text-indent: -9999px; width: 30px; height: 30px; padding: 0.25em; border: none;}
  .barras-laterales button.btnDcha.ico-arrow-left {background: var(--dark-blue) url(../img/responsive/ico-arrow-left.svg) 0.25em 0.25em no-repeat; color: var(--white); margin-left:auto; text-indent: -9999px; width: 30px; height: 30px; padding: 0.25em; border:none; float:right;}
  
  /*Columnas abiertas*/
  #fondo #contenedor #col-izq.abierto,
  #fondo #contenedor #col-dcha.abierto 
  {position: absolute; z-index: 1500; top: 0; margin-top: 0;}

  #fondo .fondoCol.visibleCol {display: block; z-index: 1500; height: 100vh; background: #050b0bd6; position: absolute; width: 100%; left:0;}

  #fondo #contenedor #col-izq .encabezado, 
  #fondo #contenedor #col-dcha .encabezado 
  {background: var(--dark-blue);}
  
  #fondo #contenedor div[id^="col"] .encabezado span.cerrar {float: right; margin: 0.2em 0.5em 0 0;}

  /*CONTENIDO*/
  #fondo #contenedor.dos #contenido,
  #fondo #contenedor.tres #contenido
  {width: 100%; padding: 30px 0; box-sizing: border-box; margin: 0;}

  /*Encabezados*/
  #fondo #contenedor h1 {font-size: 1.5em;}
    
  /*Bloque enlaces portada*/
  #fondo #contenedor #portada .bloque.lenlaces .texto a span {font-size: 0.8em;}

  /*Boton subir*/
  #fondo .subir {background-color: var(--black);}


  /*Contenido ciclos*/
  #fondo #contenedor #contenido.ciclos div.enlaces-interes ul li {width: 6em;}
  #fondo #contenedor #contenido.ciclos div.enlaces-interes ul a {font-size: 14px;}
  #fondo #contenedor #contenido.ciclos div.enlaces-interes ul li ul {padding: 0; margin: 0; width:auto;}
  #fondo #contenedor #contenido.ciclos div.enlaces-interes.correccion ul li {height: 11.2em;}

  /*FORMULARIOS - Progreso*/
  #contenedor #contenido div.formulario-contenido form fieldset div.progreso .grafico {width:37.5em;}
  #contenedor #contenido div.formulario-contenido form fieldset div.progreso .literales {width:17.5em;}

  /*CARRUSEL - csld*/
  #fondo #contenedor.dos #contenido .csld.md.tipo1.captionInf .containerSlider div[id^="slides"] .slidesjs-pagination li {margin: 0.7em 0.2em 0.8em !important;}

  /*COMPONENTE MAPA - cmp*/
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el2 {top: 26%; left: 65%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el3 {top: 9%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el4 {top: 43%; left: 86%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el5 {top: 88%; left: 15.5%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el6 {top: 10%; left: 46%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el7 {top: 48%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el8 {top: 26%; left: 41%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el9 {top: 24%; left: 76%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el10 {top: 50%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el11 {top: 13%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el12 {top: 37%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el13 {left: 61%; top: 62%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el14 {top: 15%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el15 {top: 12%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el16 {top: 19%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el17 {left: 65%; top: 49%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el18 {top: 82%; left: 37%;}
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el19 {top: 87%;}

  #fondo #contenedor #contenido .cmp.prov .mapaImg, 
  #fondo #contenedor #contenido .cmp.prov ul.lista 
  {width: 100%; height: auto; box-sizing: border-box;}

  #fondo #contenedor #contenido .cmp.com,
  #fondo #contenedor #contenido .cmp.com .mapaImg,
  #fondo #contenedor.tres #contenido .cmp.com,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg 
  {width: 100% !important;}

  #fondo #contenedor #contenido .cmp.com ul.lista li,
  #fondo #contenedor.tres #contenido .cmp.com ul.lista li,
  #fondo #contenedor.tres #contenido .cmp.prov ul.lista li
  {flex: 0 0 33%;}

  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el2,
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el2,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el2
  {top: 31%;left: 66%;}

  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el3,
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el3,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el3
  {top: 8%;left: 38%;}

  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el4,
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el4,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el4
  {top: 43%;left: 87%;}
  
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el5,
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el5,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el5
  {top: 91%;left: 17%;}
  
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el6,
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el6,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el6
  {top: 10%;left: 48%;}
  
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el7,
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el7,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el7
  {top: 47%;left: 54%;}

  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el8,
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el8,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el8
  {top: 26%;left: 44%;}
  
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el9,
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el9,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el9 
  {top: 25%;left: 78%;}

  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el10,
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el10,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el10
  {top: 48%;left: 36%;}
  
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el11,
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el11,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el11 
  {top: 13%;left: 29%;}

  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el12,
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el12,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el12
  {top: 37%;left: 50%;}

  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el13,
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el13,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el13
  {left: 63%;top: 62%;}
  
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el14,
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el14,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el14
  {top: 15%;left: 62%;}
  
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el15,
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el15,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el15
  {top: 12%;left: 56%;}
  
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el16,
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el16,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el16
  {top: 19%;left: 57%;}
  
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el17,
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el17,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el17 
  {left: 67%;top: 48%;}
  
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el18,
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el18,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el18
  {top: 86%;left: 39%;}
  
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el19,
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el19,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el19
  {top: 90%;left: 54%;}

  #fondo #contenedor.una #contenido .cmp.com {flex-direction: column;}
  #fondo #contenedor.una #contenido .cmp.com .mapaImg {flex: 0 0 100%;}
  #fondo #contenedor.una #contenido .cmp.com ul.lista {border-top: 1px solid var(--black); border-left: none;}
  #fondo #contenedor.una #contenido .cmp.com ul.lista li {width: 33%;}

  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg {width: 100%; height: auto;}

  #fondo #contenedor.una #contenido .cmp.prov .mapaImg ul li.el4 {top: 54%; left: 68%;}
  #fondo #contenedor.una #contenido .cmp.prov .mapaImg ul li.el28 {top: 83%; left: 26%;}
  #fondo #contenedor.una #contenido .cmp.prov .mapaImg ul li.el34 {top: 87%; left: 54%;}
  #fondo #contenedor.una #contenido .cmp.prov .mapaImg ul li.el41 {top: 86%; left: 10%;}
  #fondo #contenedor.una #contenido .cmp.prov .mapaImg ul li.el46 {left: 65%;}

  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el1 {left: 26%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el2 {left: 55%; top: 13%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el3 {top: 54%; left: 60%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el4 {left: 68%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el5 {top: 70%; left: 58%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el6 {top: 8%; left: 38%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el7 {top: 36%; left: 44%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el8 {left: 36%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el9 {top: 25%; left: 82%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el10 {left: 51%; top: 18%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el11 {left: 37%; top: 44%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el12 {top: 76%; left: 37%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el13 {left: 48%; top: 10%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el14 {top: 40%; left: 70%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el15 {top: 86%; left: 39%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el16 {left: 49%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el17 {left: 43%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el18 {left: 58%; top: 43%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el19 {left: 86%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el20 {top: 70%; left: 51%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el21 {left: 56%; top: 34%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el22 {left: 58%; top: 11%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el23 {top: 65%; left: 32%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el24 {top: 19%; left: 70%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el25 {top: 43%; left: 86%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el26 {top: 62%; left: 51%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el27 {top: 19%; left: 56%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el28 {top: 86%; left: 26%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el29 {left: 39%; top: 15%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el30 {left: 76%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el31 {left: 31%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el32 {left: 50%;} 
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el33 {top: 73%; left: 44%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el34 {top: 90%; left: 54%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el35 {left: 63%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el36 {left: 61%; top: 15%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el37 {left: 30%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el38 {left: 45%; top: 17%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el39 {left: 26%; top: 16%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el40 {top: 33%; left: 38%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el41 {top: 89%; left: 10%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el42 {top: 30%; left: 48%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el43 {top: 67%; left: 38%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el44 {left: 56%; top: 26%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el45 {top: 31%; left: 75%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el46 {left: 66%; top: 35%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el47 {top: 44%; left: 48%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el48 {left: 67%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el49 {left: 44%; top: 26%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el50 {left: 55%; top: 10%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el51 {left: 39%; top: 24%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el52 {left: 65%; top: 26%;}

  /*COMPONENTE TARJETAS - ctar*/
  #fondo #contenedor #contenido .ctar.rwd-v .elemento,
  #fondo #contenedor #contenido .ctar.rwd-h .elemento
  {border-color: var(--dark-blue); background: var(--light-gray);}

  /*PLANTILLA CICLOS NUEVA*/
  #fondo #contenedor #contenido.fichaciclo .grado .izq .intro .titulo h1 {text-align: left; font-size: 22px; line-height: 32px;}
  #fondo #contenedor #contenido.fichaciclo .grado .dcha img {width: 337px;}
  #fondo #contenedor #contenido.fichaciclo .contenido-inferior .enlaces-interes {flex: 0 0 337px;}
  #fondo #contenedor #contenido.fichaciclo .contenido-inferior .listado-dsp {flex: 0 0 calc(100% - 357px);}

  /*PORTADA*/
  #fondo #contenedor #portada .stcd.sttresd .bloque.ut {height: 4.26em;}

}

@media(max-width: 959px){

  /*NAVEGACION SUPERIOR*/
  #fondo header a#btnMenu {right: 20px;}

  /*FOOTER*/
  #fondo footer #pie .bloque-superior .cbs .top {gap: 20px; flex-direction: column; align-items: start;}
  #fondo footer #pie .bloque-superior .cbs .top .cfrase p {font-size: 30px !important;}
  #fondo footer #pie .bloque-superior .cbs .top .buscador {margin: 0; width: 100%;}

	/*Contenido ciclos*/
  #fondo #contenedor #contenido.ciclos div.enlaces-interes ul {width: 33em; margin: 2em auto; flex-wrap: wrap;}
  #fondo #contenedor #contenido.ciclos div.enlaces-interes ul li {flex: 0 0 29%; width: auto;}

  /*PLANTILLA FICHA NUEVA*/
  #fondo #contenedor #contenido.fichaciclo .grado {padding:20px 0;}
  #fondo #contenedor #contenido.fichaciclo .grado .dcha {display:none;}
  #fondo #contenedor #contenido.fichaciclo .grado .izq {flex: 0 0 100%;}
  #fondo #contenedor #contenido.fichaciclo .contenido-inferior {display: flex; margin-top: 20px; gap: 0px; padding: 0; flex-direction: column-reverse;}
  #fondo #contenedor #contenido.fichaciclo .contenido-inferior .coldcha .enlaces-interes {flex: 0 0 50%; display:flex;margin-bottom: 0;justify-content: center;flex-direction: column;}
  #fondo #contenedor #contenido.fichaciclo .contenido-inferior .coldcha .enlaces-interes .elemento {padding: 1.2em 1em 1.2em 3.2em;}
  #fondo #contenedor #contenido.fichaciclo .contenido-inferior .coldcha .enlaces-interes .elemento:not(:first-child) {margin-top:0;}
  #fondo #contenedor #contenido.fichaciclo .contenido-inferior .listado-dsp {flex: 0 0 100%; margin-top: 30px;}

  #fondo #contenedor #contenido.fichaciclo .contenido-inferior .coldcha {display: flex; align-items: center;}
  #fondo #contenedor #contenido.fichaciclo .contenido-inferior .coldcha .cfrase {flex-basis: 50%;}
	#fondo #contenedor #contenido.fichaciclo .contenido-inferior .coldcha .cfrase p {font-size: calc(0.85em + 0.5vw) !important;}

  /*COMPONENTE TABLAS - ctabla*/
	#fondo #contenedor #contenido div[class^="ct"] .tabla {overflow-x: auto;}

	/*dos columnas*/
  #fondo #contenedor.dos #contenido th#real-decreto,
  #fondo #contenedor.dos #contenido th#curriculo-mecd,
  #fondo #contenedor.dos #contenido th#curriculo-ccaa, 
  #fondo #contenedor.dos #contenido th#perfiles-profesionales,
  #fondo #contenedor.dos #contenido td[headers*="real-decreto"],
  #fondo #contenedor.dos #contenido td[headers*="curriculo-mecd"],
  #fondo #contenedor.dos #contenido td[headers*="curriculo-ccaa"],
  #fondo #contenedor.dos #contenido td[headers*="perfiles-profesionales"]
  {display: none;}

  /*Tablas especificas*/
  #fondo #contenedor #contenido div[class^="ct"] table tbody img {max-width: 12em !important;}

  #fondo #contenedor #contenido div[class^="ct"] table th#real-decreto,
  #fondo #contenedor #contenido div[class^="ct"] table th#curriculo-mecd,
  #fondo #contenedor #contenido div[class^="ct"] table th#curriculo-ccaa, 
  #fondo #contenedor #contenido div[class^="ct"] table th#perfiles-profesionales,
  #fondo #contenedor #contenido div[class^="ct"] table td[headers*="real-decreto"],
  #fondo #contenedor #contenido div[class^="ct"] table td[headers*="curriculo-mecd"],
  #fondo #contenedor #contenido div[class^="ct"] table td[headers*="curriculo-ccaa"],
  #fondo #contenedor #contenido div[class^="ct"] table td[headers*="perfiles-profesionales"]
  {display: none;}

  #fondo #contenedor #contenido div[class^="ct"] table td {display: table-cell; border-width: 1px; border-color: var(--black); border-style: solid;}
  #fondo #contenedor #contenido div[class^="ct"] table thead tr.cols th {display:table-cell;}

  /*FORMULARIOS - Progreso*/
  #contenedor #contenido div.formulario-contenido form fieldset div.progreso .grafico {width:30.5em;}
  #contenedor #contenido div.formulario-contenido form fieldset div.progreso .literales {width:13em;}

  /*Formulario habilidades progreso*/
  #fondo #contenedor #contenido .progreso ol {padding-left:0;}
  #fondo #contenedor #contenido .progreso ol li {display: block; padding-left: 2.5em; padding-right: 0; margin: 0.65px 0.2em;}

  #fondo #contenedor #contenido .progreso ol li.actual:first-child,
  #fondo #contenedor #contenido .progreso ol li.primero.actual
  {background: url("../img/responsive/progreso/progreso-actual-primero.jpg") left no-repeat;}

  #fondo #contenedor #contenido .progreso ol li.actual {background: url("../img/responsive/progreso/progreso-actual.jpg") left no-repeat;}

  #fondo #contenedor #contenido .progreso ol li.hecho:first-child,
  #fondo #contenedor #contenido .progreso ol li.primero.hecho
  {background: url("../img/responsive/progreso/progreso-hecho-primero.jpg") left no-repeat;}
  
  #fondo #contenedor #contenido .progreso ol li.hecho {background: url("../img/responsive/progreso/progreso-hecho.jpg") left no-repeat;}
  #fondo #contenedor #contenido .progreso ol li.siguiente {background: url("../img/responsive/progreso/progreso-siguiente.jpg") left no-repeat;}
  
  #fondo #contenedor #contenido .progreso ol li:last-child,
  #fondo #contenedor #contenido .progreso ol li.ultimo 
  {background: url("../img/responsive/progreso/progreso-ultimo.jpg") left no-repeat; padding-right:0;}
  
  #fondo #contenedor #contenido .progreso ol li.actual:last-child,
  #fondo #contenedor #contenido .progreso ol li.ultimo.actual
  {background: url("../img/responsive/progreso/progreso-hecho-ultimo.jpg") left no-repeat;}

  #fondo #contenedor #contenido .progreso ol li.actual,
  #fondo #contenedor #contenido .progreso ol li.hecho
  {color: var(--black);}

  #fondo #contenedor #contenido .progreso ol li.siguiente {color: #686868;}

  /*COMPONENTE MAPA - cmp*/
  #fondo #contenedor #contenido .cmp.com ul.lista {width: 100%; display: flex; flex-wrap: wrap; box-sizing: border-box; border: 1px solid var(--black);border: none; border-top: 1px solid var(--black);}

  #fondo #contenedor #contenido .cmp.com ul.lista li,
  #fondo #contenedor.una #contenido .cmp.com ul.lista li,
  #fondo #contenedor.tres #contenido .cmp.com ul.lista li,
  #fondo #contenedor.tres #contenido .cmp.prov ul.lista li
  {flex: 0 0 50%;}

  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el4,
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el4,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el4
  {left: 85%;}

  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el5,
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el5,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el5
  {top: 91%; left: 15.5%;}
  
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el6,
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el6,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el6
  {left: 47%;}
  
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el19,
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el19,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el19
  {left: 53.5%;}
  
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el18,
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el18,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el18
  {left: 38%;}

  #fondo #contenedor.una #contenido .cmp.prov .mapaImg ul li.el15 {left: 38%;}
  #fondo #contenedor.una #contenido .cmp.prov .mapaImg ul li.el28 {top: 82%; left: 25%;}
  #fondo #contenedor.una #contenido .cmp.prov .mapaImg ul li.el34 {top: 86%; left: 53%;}
  #fondo #contenedor.una #contenido .cmp.prov .mapaImg ul li.el41 {top: 85%;} 

  /*PORTADA*/
  #fondo #contenedor #portada .stcd.sttresd .bloque.ut {height: 3.4em;}

}

@media(max-width: 767px){

  /*CABECERA*/
  #fondo header #cabecera {gap: 24px 0; display: flex; flex-direction: column; align-items: start; padding: 20px;}
  #fondo header #cabecera #logo {order: 1; position: relative; bottom: 0;} 
  #fondo header #cabecera a#logo img {display: block;}
  #fondo header #cabecera .dcha {margin-left: initial;}
  #fondo header #cabecera .dcha .logos #escudo {margin-left: 0;}

  #fondo header, 
  #fondo header #cabecera
  {height: 207px;}

  #fondo header #cabecera,
  #fondo header.headerDsp #cabecera .idiomas,
  #fondo header.headerDsp #navegacion-superior.abierto,
  #fondo header.headerDsp #navegacion-superior.abierto nav#menu-superior
  {width: 85%;}

  /*FOOTER*/
  #fondo footer #pie .bloque-superior {flex-direction: column;}
  #fondo footer #pie .bloque-superior .dcha {margin-left: 0; align-items: center; margin-top: 30px;}
  #fondo footer #pie .bloque-superior .cfrase p {font-size: calc(1em + 1vw) !important; text-align: center; line-height: 34px !important;}

  /*NAVEGACION SUPERIOR*/
  #fondo header a#btnMenu {right: 30px;} 

  /*FORMULARIOS - Progreso*/
  #contenedor #contenido div.formulario-contenido form fieldset div.progreso .grafico {width:23.5em;}
  #contenedor #contenido div.formulario-contenido form fieldset div.progreso .literales {width:11.6em;}

  /*COMPONENTE TABLAS*/
  th#real-decreto,
  th#curriculo-mecd,
  th#curriculo-ccaa, 
  th#perfiles-profesionales,
  td[headers*="real-decreto"],
  td[headers*="curriculo-mecd"],
  td[headers*="curriculo-ccaa"],
  td[headers*="perfiles-profesionales"]
  {display: none;}

  /*Formulario habilidades*/
  #contenedor #contenido div.formulario-contenido form.form-habilidades fieldset div {overflow:visible;}

  /*COMPONENTE MAPA - cmp*/
  #fondo #contenedor #contenido .cmp.com ul.lista li,
  #fondo #contenedor #contenido .cmp.prov ul.lista li
  {width: 50%;}
  
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el9,
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el9,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el9
  {left: 77%;}
  
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el11,
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el11,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el11
  {left: 27%;}
  
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el12,
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el12,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el12
  {top: 33%; left: 48%;}
  
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el13,
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el13,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el13
  {left: 61%;} 
  
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el14,
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el14,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el14
  {left: 60%;}
  
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el15,
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el15,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el15
  {left: 55%;}
  
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el16,
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el16,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el16
  {left: 55%;}
  
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el17,
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el17,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el17
  {left: 66%;}
  
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el18,
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el18,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el18
  {left: 37%;}
  
  #fondo #contenedor #contenido .cmp.com .mapaImg ul li.el19,
  #fondo #contenedor.una #contenido .cmp.com .mapaImg ul li.el19,
  #fondo #contenedor.tres #contenido .cmp.com .mapaImg ul li.el19
  {left: 52.5%;}

  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el2 {left: 54%; top: 14%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el3 {left: 58%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el4 {left: 66%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el6 {top: 9%; left: 37%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el7 {left: 42%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el9 {top: 26%; left: 80%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el10 {left: 49%; top: 19%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el13 {left: 46%; top: 11%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el14 {left: 68%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el15 {top: 85%; left: 38%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el17 {left: 42%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el18 {left: 57%;} 
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el19 {left: 83%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el20 {top: 68%; left: 50%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el21 {left: 55%; top: 34%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el22 {left: 57%; top: 12%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el23 {top: 64%; left: 30%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el24 {top: 21%; left: 68%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el25 {top: 44%; left: 85%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el28 {left: 24%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el29 {left: 38%; top: 17%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el30 {left: 75%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el31 {left: 30%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el32 {left: 48%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el33 {top: 72%; left: 43%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el34 {top: 90%; left: 52%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el35 {left: 61%;} 
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el36 {left: 59%; top: 16%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el38 {left: 44%; top: 18%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el40 {top: 34%; left: 37%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el41 {top: 88%; left: 9%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el44 {left: 55%; top: 26%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el46 {left: 64%; top: 36%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el48 {left: 65%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el50 {left: 53%; top: 11%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el51 {left: 37%; top: 25%;}
  #fondo #contenedor.tres #contenido .cmp.prov .mapaImg ul li.el52 {left: 63%; top: 26%;}

  #fondo #contenedor.una #contenido .cmp.prov .mapaImg ul li.el10 {left: 49%;}
  #fondo #contenedor.una #contenido .cmp.prov .mapaImg ul li.el3 {top: 51%; left: 58%;}
  #fondo #contenedor.una #contenido .cmp.prov .mapaImg ul li.el12 {top: 71%; left: 36%;}
  #fondo #contenedor.una #contenido .cmp.prov .mapaImg ul li.el15 {left: 38%; top: 80%;}
  #fondo #contenedor.una #contenido .cmp.prov .mapaImg ul li.el25 {top: 41%; left: 84%;}
  #fondo #contenedor.una #contenido .cmp.prov .mapaImg ul li.el28 {top: 81%; left: 24%;}
  #fondo #contenedor.una #contenido .cmp.prov .mapaImg ul li.el32 {top: 35%; left: 48%;}
  #fondo #contenedor.una #contenido .cmp.prov .mapaImg ul li.el34 {top: 85%; left: 52%;}
  #fondo #contenedor.una #contenido .cmp.prov .mapaImg ul li.el38 {left: 44%;}
  #fondo #contenedor.una #contenido .cmp.prov .mapaImg ul li.el39 {left: 24%;}
  #fondo #contenedor.una #contenido .cmp.prov .mapaImg ul li.el40 {top: 32%; left: 36%;}
  #fondo #contenedor.una #contenido .cmp.prov .mapaImg ul li.el41 {top: 83%; left: 9%;}
  #fondo #contenedor.una #contenido .cmp.prov .mapaImg ul li.el44 {left: 55%;}
  #fondo #contenedor.una #contenido .cmp.prov .mapaImg ul li.el51 {left: 37%;}
  #fondo #contenedor.una #contenido .cmp.prov .mapaImg ul li.el52 {left: 63%;}

  /*PLANTILLA FICHA NUEVA*/
  #fondo #contenedor #contenido.fichaciclo .contenido-inferior .enlaces-interes .cfrase {flex: 0 0 55%;}
  #fondo #contenedor #contenido.fichaciclo .contenido-inferior .enlaces-interes .enlaces {flex: 0 0 40%;}
  
  #fondo #contenedor #contenido.fichaciclo .contenido-inferior .coldcha {flex-direction: column; gap: 1em;}
  #fondo #contenedor #contenido.fichaciclo .contenido-inferior .coldcha .cfrase p {text-align: center; font-size: calc(1em + 1vw) !important;}
  #fondo #contenedor #contenido.fichaciclo .contenido-inferior .coldcha .enlaces-interes {flex-direction: row; text-align: center;}
  #fondo #contenedor #contenido.fichaciclo .contenido-inferior .coldcha .enlaces-interes .elemento {padding: 3.2em 1em 1.2em 1em; background-position: top center;}

  /*PORTADA*/
  #fondo #contenedor #portada .stcd.sttresd {display: block;}
  #fondo #contenedor #portada .stcd.sttresd .bloque.ut {height: 5.85em;}

}

@media(max-width: 639px){

  /*CABECERA*/
  /*ELEMENTOS COMUNES*/
  #fondo header #cabecera, 
  #fondo header #navegacion-superior,
  #fondo footer #pie .bloque-inferior .cbi
  {width: 100%; margin: 0; padding-right: 0; padding-left: 0;}

  #fondo header {width: 100%; padding: 0 20px; box-sizing: border-box;}

  /*FOOTER*/
  #fondo footer #pie .bloque-inferior {padding: 32px 20px;}

  /*NAVEGACION SUPERIOR ABIERTA*/
  #fondo header.headerDsp #cabecera {width: 83%; margin: 0; padding: 20px;}

  #fondo header.headerDsp #navegacion-superior.abierto, 
  #fondo header.headerDsp #navegacion-superior.abierto nav#menu-superior 
  {width: 83%;}

	/*Contenido ciclos*/
  #fondo #contenedor #contenido.ciclos .titulo h1 {font-size: 1.2em; flex: 0 0 80%;}
  #fondo #contenedor #contenido.ciclos div.enlaces-interes ul {width: 100%;}

  /*PLANTILLA FICHA NUEVA*/
  #fondo #contenedor #contenido.fichaciclo .grado {padding: 20px;}
  #fondo #contenedor #contenido.fichaciclo .grado .izq {flex: 0 0 100%; flex-direction: column-reverse; align-items: end; margin: 0;}
  #fondo #contenedor #contenido.fichaciclo .grado .izq img {width: 90px; height: 90px; padding: 0; margin-left: auto; margin-top: -110px;}
  #fondo #contenedor #contenido.fichaciclo .grado .izq .intro .titulo {max-height: 200px;}

  #fondo #contenedor #contenido.fichaciclo .contenido-inferior .listado-dsp {margin-top: 50px;}
  #fondo #contenedor #contenido.fichaciclo .contenido-inferior .coldcha .cfrase p {font-size: calc(0.95em + 0.5vw) !important;}
  #fondo #contenedor #contenido.fichaciclo .contenido-inferior .coldcha .enlaces-interes {flex-direction: column;}
  #fondo #contenedor #contenido.fichaciclo .contenido-inferior .coldcha .enlaces-interes .cfrase p {font-size: calc(1.1em + 0.3vw) !important;}
  #fondo #contenedor #contenido.fichaciclo .contenido-inferior .coldcha .enlaces-interes .elemento {padding: 1em 1em 1.2em 3.2em; background-position: left center; text-align: left;}

  /*Progreso*/
  #contenedor #contenido div.formulario-contenido form fieldset div.progreso .grafico {width:14em;}
  #contenedor #contenido div.formulario-contenido form fieldset div.progreso .literales {width:11em;}

  /*Formulario habilidades*/
  #contenedor #contenido div.formulario-contenido form.form-habilidades fieldset div.form-item {clear:both;}
  #contenedor #contenido div.formulario-contenido form.form-habilidades fieldset .seleccion div.opciones {margin:0; min-height:7em;}

  /*COMPONENTE MAPA - cmp*/
  #fondo #contenedor #contenido .cmp.com ul.lista,
  #fondo #contenedor.una #contenido .cmp.com ul.lista,
  #fondo #contenedor.tres #contenido .cmp.com ul.lista,
  #fondo #contenedor #contenido .cmp.prov ul.lista,
  #fondo #contenedor.una #contenido .cmp.prov ul.lista,
  #fondo #contenedor.tres #contenido .cmp.prov ul.lista
  {border-top: none;}
  
  #fondo #contenedor #contenido .cmp.com ul.lista li,
  #fondo #contenedor.una #contenido .cmp.com ul.lista li,
  #fondo #contenedor.tres #contenido .cmp.com ul.lista li,
  #fondo #contenedor #contenido .cmp.prov ul.lista li,
  #fondo #contenedor.una #contenido .cmp.prov ul.lista li,
  #fondo #contenedor.tres #contenido .cmp.prov ul.lista li
  {flex-basis: 100%;}

  #fondo #contenedor #contenido .cmp.com ul.lista li, 
  #fondo #contenedor #contenido .cmp.prov ul.lista li 
  {width: 100%;}

  /*PORTADA*/
  #fondo #contenedor #portada .stcd.sttresd .bloque.ut {height: 3.98em;}

}

@media(max-width: 479px){

  /*CABECERA*/
  /*Logos*/
  #fondo header #cabecera .logos #escudo img,
  #fondo header #cabecera #logo img
  {height: 50px;}

  #fondo header, 
  #fondo header #cabecera
  {height: 163px;}

  /*FOOTER*/
  #fondo footer #pie .bloque-superior .cfrase p {font-size: calc(0.8em + 0.65vw) !important; line-height: 32px !important;}

  #fondo footer #pie .bloque-superior .dcha .enlaces {margin-left: 0; width:100%; flex-direction: column;}
  #fondo footer #pie .bloque-superior .dcha .enlaces ul.ico-link {width:100%;border-bottom: 1px solid var(--white);}
  #fondo footer #pie .bloque-superior .dcha .enlaces ul.ico-link li {display: block; text-align: center; border: none; border-top: 1px solid var(--white); padding: 8px 0; margin: 0;}

  #fondo footer #pie .bloque-superior .dcha .enlaces ul.listado-redes,
  #fondo footer #pie .bloque-superior .dcha .enlaces ul.listado-redes li
  {margin-left: 0;}

  /*NAVEGACION SUPERIOR ABIERTA*/
  #fondo header.headerDsp #cabecera, 
  #fondo header.headerDsp #cabecera .idiomas,
  #fondo header.headerDsp #navegacion-superior.abierto,
  #fondo header.headerDsp  #navegacion-superior.abierto nav#menu-superior
  {width: 80%;}

  #fondo header a#btnMenu {height: 48px; right: 16px;}

  #fondo header a#btnMenu span.middle {top: 24px; left: 8px;}

  #fondo header a#btnMenu span.middle:before,
  #fondo header a#btnMenu span.middle:after,
  #fondo header a#btnMenu span.middle
  {width: 24px;}

	/*Contenido ciclos*/
  #fondo #contenedor #contenido.ciclos .titulo {flex-direction: column; height: 100%;}
	#fondo #contenedor #contenido.ciclos .titulo img {float:none; margin:0 auto;}

	#fondo #contenedor #contenido.ciclos div.enlaces-interes ul { margin: 2em auto;}
	#fondo #contenedor #contenido.ciclos div.enlaces-interes ul li {width: 7.3em;}
	#fondo #contenedor #contenido.ciclos div.enlaces-interes.correccion ul li {height: 10.4em;}

  #fondo #contenedor #contenido.ciclos h3[id] {background-position: 0.25em 0 !important; padding: 0.25em 2.2em !important;}

  /*PLANTILLA FICHA NUEVA*/
  #fondo #contenedor #contenido.fichaciclo .grado .izq .intro .titulo h1 {text-align: left; font-size: 20px; line-height: 26px; font-weight: 600; font-family: 'suisse-intlregular'; color: var(--black); margin: 0; max-height: 163px; overflow: hidden; padding-right: 12px;}
  #fondo #contenedor #contenido.fichaciclo .grado .izq .intro .info {display: flex; gap: 10px; align-items: start; flex-direction: column;}
  #fondo #contenedor #contenido.fichaciclo .contenido-inferior {padding: 0;}
  #fondo #contenedor #contenido.fichaciclo .contenido-inferior .coldcha .cfrase p {font-size: calc(0.8em + 0.65vw) !important; line-height: 28px !important;}

  /*FORMULARIOS - Progreso*/
  #contenedor #contenido div.formulario-contenido form fieldset div.progreso .literales div span {display: block; font-size:0.85em;}
  #contenedor #contenido div.formulario-contenido form fieldset div.progreso .literales div {padding:0.35em 0;}
  #contenedor #contenido div.formulario-contenido form fieldset div.progreso .literales div p {display:none;}
  #contenedor #contenido div.formulario-contenido form fieldset div.progreso .literales {width:0.7em;}
  #contenedor #contenido div.formulario-contenido form fieldset div.progreso .grafico {width:17em; height:7em;}
  #contenedor #contenido div.formulario-contenido form fieldset div.progreso .grafico .mitad {height:7em;}

  /*COMPONENTE TABLA - ctabla*/
  #fondo #contenedor #contenido .ctn table thead tr th#nivel img {width: 5em;}
  #fondo #contenedor #contenido .ctn table tbody th img {padding: 0;}

  /*COMPONENTE MAPA - cmp*/
  #fondo #contenedor #contenido .cmp.com ul.lista li,
  #fondo #contenedor #contenido .cmp.prov ul.lista li 
  {width: 100%;}

  /*PORTADA*/
  #fondo #contenedor #portada .stcd.sttresd .bloque.ut {height: 6.33em;}

}

@media(max-width: 359px){

  /*CABECERA*/
  /*Logos*/
  #fondo header #cabecera .logos #escudo img,
  #fondo header #cabecera #logo img
  {height: 44px;}

  #fondo header, 
  #fondo header #cabecera
  {height: 151px;}

  /*FOOTER*/
  #fondo footer #pie .bloque-superior .cfrase p {font-size: calc(0.7em + 0.5vw) !important; line-height: 24px !important;}

  /*NAVEGACION SUPERIOR*/
  #fondo header a#btnMenu {right: 22px;}
  #fondo header #navegacion-superior nav#menu-superior ul li a {text-align: left;}

	/*FORMULARIOS - Progreso*/
  #contenedor #contenido div.formulario-contenido form fieldset div.progreso .grafico {width:15.5em;}

  /*Listado de ciclos*/
  #fondo #contenedor #contenido.ciclos div.enlaces-interes ul li {width: 100%; flex: 0 0 100%; box-sizing: border-box;}

  /*PLANTILLA CICLOS NUEVA*/
  #fondo #contenedor #contenido.fichaciclo .contenido-inferior .coldcha .cfrase p {font-size: calc(0.7em + 0.5vw) !important; line-height: 24px !important;}
  #fondo #contenedor #contenido.fichaciclo .contenido-inferior .listado-dsp {padding: 0 10px;}

  /*PORTADA*/
  #fondo #contenedor #portada .stcd.sttresd .bloque.ut {height: 5.8em;}
  #fondo #contenedor #portada .bloque.csld.tipo2 .containerSlider div[id^="slides"] .slidesjs-pagination {height: auto !important;}
  #fondo #contenedor #portada .stcd.sttresd .bloque.td.csld.tipo2 .containerSlider div[id^="slides"] .slidesjs-pagination li {margin: 0.4em 0.2em !important;}
  #fondo #contenedor #portada .bloque.csld.tipo2 .containerSlider div[id^="slides"] .slidesjs-pagination li a {background-position: 0px -56px;height: 18px;}
  #fondo #contenedor #portada .bloque.csld.tipo2 .containerSlider div[id^="slides"] .slidesjs-pagination li a.active {background-position: 1px -18px !important;}

}
