/*Estilos especificos micrositio becas*/ /*GENERALES*/ body {font-family: "redhattext-regular";} #fondo {background: #ccc;} #fondo #contenedor {background: #FFF;} #fondo #contenedor.dos #contenido, #fondo #contenedor.tres #contenido {border-left: 1px solid #000;} #fondo #contenedor.tres #contenido {border-right: 1px solid #000;} #fondo #contenedor #col-dcha {border:none;} #fondo #contenedor #contenido {padding: 0 80px;} #fondo #contenedor.una #contenido {width:1073px;} #fondo #contenedor.una.portada #contenido {width: 1265px; padding: 0;} #fondo #contenedor.dos #contenido {width: 864px;} #fondo #contenedor.tres #contenido {width: 624px;} #fondo #contenedor #contenido p {font-size: 1em;line-height: 1.2;} #fondo #contenedor #contenido ul li, #fondo #contenedor #contenido ol li {font-size: 1rem; line-height:1.2;} /*Encabezados y titulos*/ #fondo #contenedor #contenido {position: relative;} #fondo #contenedor #contenido h1 {padding-top: 60px;margin-bottom: 1em;} #fondo #contenedor #contenido h1 + .cim.ico.centrada {position: absolute; top: 20px; left: 50%; transform: translate(-50%, 0); } #fondo p.titulo {font-size: 5.1em;} #fondo #contenedor h1 {font-size: 2.5em; text-align: center; background: url(../../../../templating/micrositios/becas/img/linea-titulos.png) no-repeat bottom !important; padding-bottom: 0.3em;} #fondo #contenedor h2 {font-size: 2.2em;} #fondo #contenedor h3 {font-size: 1.9em;} #fondo #contenedor h4 {font-size: 1.6em;} #fondo #contenedor h5 {font-size: 1.3em;} #fondo #contenedor h6 {font-size: 1em;} #fondo #contenedor h1, #fondo #contenedor h2, #fondo #contenedor h3, #fondo #contenedor h4 {font-family: "redhatdisplay-bold";} #fondo #contenedor h5 {font-family: "redhatdisplay-regular";} #fondo #contenedor h6 {font-family: "redhatdisplay-bold";text-transform: uppercase;} #fondo #contenedor h1, #fondo #contenedor h2, #fondo #contenedor h3, #fondo #contenedor h4, #fondo #contenedor h5 {color:#191919;} #fondo #contenedor h1, #fondo #contenedor h2, #fondo #contenedor h3, #fondo #contenedor h4, #fondo #contenedor h5, #fondo #contenedor h6 {margin-bottom: 0.75em;} #fondo #contenedor h6 {color: #404040;} #fondo #contenedor h1.subrayado, #fondo #contenedor h2.subrayado, #fondo #contenedor h3.subrayado, #fondo #contenedor h4.subrayado, #fondo #contenedor h5.subrayado, #fondo #contenedor h6.subrayado {margin-bottom: 1em; background: url(../../../../templating/micrositios/becas/img/linea-titulos.png) no-repeat 0 bottom !important; border: none; padding-bottom: 0.3em;} #fondo #contenedor h1.subrayado.ta-center, #fondo #contenedor h2.subrayado.ta-center, #fondo #contenedor h3.subrayado.ta-center, #fondo #contenedor h4.subrayado.ta-center, #fondo #contenedor h5.subrayado.ta-center, #fondo #contenedor h6.subrayado.ta-center {background-position: center bottom !important;} #fondo #contenedor a {color: #193FB0;} #fondo #contenedor a:hover {color: #367190;} /*Listados*/ #fondo #contenedor #contenido ul li {background-image: url("../img/ico-lista/ico-lista3.png"); background-position: 0.6em 0.45em;} #fondo #contenedor #contenido ul li ul li {background-image: url("../img/ico-lista/ico-lista3-1.png");} #fondo #contenedor #contenido ul li ul li ul li {background-image: url("../img/ico-lista/ico-lista4.png");} #fondo #contenedor #contenido ul li ul li ul li ul li {background-image: url("../img/ico-lista/ico-lista5-1.png");} #fondo #contenedor #contenido .cte ul > li {background-position: 0.5em 0.5em;} /*Boton volver e imprimir*/ #fondo #contenedor p.volver a, #fondo #contenedor p.imprimir a {background-color: #FFF;border-color: #1D5D99;} #fondo #contenedor p.volver a {background-image: url(../img/ico-volver.png);} #fondo #contenedor p.imprimir a {background-image: url(../img/ico-imprimir.png);} /*NAVEGACION OPCIONES*/ #fondo header #navegacion-opciones {background-color: transparent; border:none;} #fondo header #navegacion-opciones #navegacion {background: #FFF;} #fondo header #navegacion-opciones #navegacion .opciones {padding: 6px 10px 6px 0;} #fondo header #navegacion-opciones #navegacion .opciones ul li {padding: 3px 0 3px 3px;} #fondo header #navegacion-opciones #navegacion .opciones ul li a {color: #191919; font-size:0.8em;} #fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li a span {padding: 1px 3px 2px 5px;} #fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li.destacado a {color: #FFF;} #fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li.destacado a span {padding: 1px 2px 0px 5px;} /* Navegacion opciones - Buscador */ #fondo header #navegacion-opciones #navegacion #buscador {border-left: 1px solid; padding: 0 10px;height: 24px;margin: 7px 0;} #fondo header #navegacion-opciones #navegacion #buscador form {border: 1px solid;height: 22px;background: #fff;} #fondo header #navegacion-opciones #navegacion #buscador input.campotexto {border: none; height: 14px; margin: 0; padding: 4px 0px; float: right; font-size: 0.75em;} #fondo header #navegacion-opciones #navegacion #buscador input.botonbuscar {background: url("../img/ico-lupa.png") no-repeat; width: 1.6em; padding: 0; height: 22px; background-position: 0 center;display: inline-block;margin: 0 5px;} /*Navegacion opciones - Compartir*/ #fondo header #navegacion-opciones #navegacion #compartirmag a#btnCompartir {background-image: url("../img/btn-compartir.png");} #fondo header #navegacion-opciones #navegacion #compartirmag {padding: 10px 10px 10px 0;} #fondo header #navegacion-opciones #navegacion #compartirmag .fondo.ancho .enlaces .encabezado span.cerrar {background-image: url(../img/responsive/ico-cerrar.png);} #fondo header #navegacion-opciones #navegacion #compartirmag .fondo.ancho .enlaces .encabezado p { color: #004e86; } #fondo header #navegacion-opciones #navegacion #compartirmag .fondo.ancho .enlaces ul.abierto {border-top-color: #004e86;} #fondo header #navegacion-opciones #navegacion #compartirmag ul::after {border-bottom-color: black;} /*Navegacion opciones - Idiomas*/ #fondo header #navegacion-opciones #navegacion #idiomas {padding: 8px 9px 9px 9px;} #fondo header #navegacion-opciones #navegacion #idiomas ul li {background: none; padding-left: 0;} #fondo header #navegacion-opciones #navegacion #idiomas ul li span {color: #000; font-family: "redhattext-regular"; font-size: 0.8em;} #fondo header #navegacion-opciones #navegacion #idiomas ul li a span {border-left: 1px solid #000; padding-left: 0.75em;} #fondo header #navegacion-opciones #navegacion #idiomas ul li:first-child a span {border-left:none;} #fondo header #navegacion-opciones #navegacion #idiomas ul li.actual span {font-weight: 400;} /*Navegacion opciones - Iconos redes sociales*/ #fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.facebook {background: transparent url("../img/ico-redes/ico-facebook.png") left no-repeat;} #fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.twitter {background: transparent url("../img/ico-redes/ico-twitter.png") left no-repeat;} #fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.youtube {background:transparent url("../img/ico-redes//ico-youtube.png") left no-repeat;} #fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.instagram {background:transparent url("../img/ico-redes/ico-instagram.png") left no-repeat;} #fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.telegram {background:transparent url("../img/ico-redes/ico-telegram.png") left no-repeat;} #fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a {background-size: contain !important;} /*Cabecera*/ #fondo header #cabecera #imagen-cabecera {height: auto;} #fondo header #cabecera #imagen-cabecera a#enlace-imagen-cabecera img {position: absolute; bottom: 0; right: 0; width: 1280px; height: auto;} #fondo header #cabecera p.titulo {font-size: 2em; font-family: 'redhattext-bold';} /*Migas*/ #fondo #contenedor #migas {border-bottom: none;} #fondo #contenedor #migas ol li {background-image: url(../img/flechita.png); background-position: 0.2em 0.6em; margin: 0; padding: 0.5em 0.5em 0.5em 1em;} #fondo #contenedor #migas ol li.actual {font-weight: 400;} #fondo #contenedor #migas ol li:first-child {background: none; padding-left: 0;} #fondo #contenedor #migas ol li ol li:first-child {background-image: url(../img/flechita.png); background-position: 0.2em 0.1em; margin: 0; background-repeat: no-repeat;} #fondo #contenedor #migas ol li ol li {padding-top: 0;} #fondo #contenedor #migas.noexpand ol li {background-position: 0.2em 0.58em;} #fondo #contenedor #migas.noexpand ol li.actual {background-position: 0.5em 0.62em; padding-left: 1.6em !important;} #fondo #contenedor #migas.expand ol li:first-child {padding: 0 0 0 2em;} #fondo #contenedor #migas button.btnTabs {padding: 0.5em; height: 26px;} #fondo #contenedor #migas a, #fondo #contenedor #migas strong, #fondo #contenedor #migas ol, #fondo #contenedor #migas span {color: #717171; text-decoration: none; font-family: "redhattext-regular";} #fondo #contenedor #migas span {padding-top: 0;font-size:1.2em; display:none;} /*Menu superior*/ #fondo header #navegacion-superior nav#menu-superior {background: #FFF; border-bottom: none; border-top: 1px solid #000; border-bottom: 1px solid !important; text-transform: uppercase;} #fondo header #navegacion-superior nav#menu-superior ul {padding: 0; margin: 0;} #fondo header #navegacion-superior nav#menu-superior ul li {min-width:8em;border-bottom: 2px solid transparent;float: none;max-width: none !important;} #fondo header #navegacion-superior nav#menu-superior ul li a {padding: 0.6em 1.7em 0;font-size: 1em;font-family: "redhattext-regular";} #fondo header #navegacion-superior nav#menu-superior ul li.seleccionado, #fondo header #navegacion-superior nav#menu-superior ul li:hover, #fondo header #navegacion-superior nav#menu-superior ul li a:hover {background-color: transparent;} #fondo header #navegacion-superior nav#menu-superior ul li.seleccionado, #fondo header #navegacion-superior nav#menu-superior ul li:hover {border: none; background: url(../../../../templating/micrositios/becas/img/linea-menu-principal.jpg) no-repeat bottom !important;} #fondo header #navegacion-superior nav#menu-superior ul, #fondo header #navegacion-superior nav#menu-superior ul li, #fondo header #navegacion-superior nav#menu-superior ul li.seleccionado, #fondo header #navegacion-superior nav#menu-superior ul li.seleccionado a, #fondo header #navegacion-superior nav#menu-superior ul li a {height: auto;width: auto !important;} /*Navegacion lateral*/ #fondo.smh header #navegacion-superior nav#menu-superior {background:none;} #fondo.smh header #navegacion-superior nav#menu-superior ul {height: auto;background: #FFF;display: flex;} #fondo.smh header #navegacion-superior nav#menu-superior ul li.seleccionado {background: #FFF;} #fondo.smh header #navegacion-superior nav#menu-superior ul li.seleccionado a {color: #000; font-weight: 400;} #fondo.smh header #navegacion-superior nav#menu-superior ul.segundo-nivel li, #fondo.smh header #navegacion-superior nav#menu-superior ul.segundo-nivel li.seleccionado, #fondo.smh header #navegacion-superior nav#menu-superior ul.segundo-nivel li a {height: auto;} #fondo.smh header #navegacion-superior nav#menu-superior ul.segundo-nivel {background: #191919; text-transform: initial;border-top: none;margin: 0;padding: 0;vertical-align: top;} #fondo.smh header #navegacion-superior nav#menu-superior ul.segundo-nivel li {border:none;} #fondo.smh header #navegacion-superior nav#menu-superior ul.segundo-nivel li a {color: #FFF;font-weight: 700;font-size: 1.12em;padding: 0.9em 2em 0.3em 1.4em;} #fondo.smh header #navegacion-superior nav#menu-superior ul.segundo-nivel li.seleccionado, #fondo.smh header #navegacion-superior nav#menu-superior ul.segundo-nivel li:hover {height: auto;background: none !important;border: none;} #fondo.smh header #navegacion-superior nav#menu-superior ul.segundo-nivel li a:hover, #fondo.smh header #navegacion-superior nav#menu-superior ul.segundo-nivel li.seleccionado a {color: #8ddeea;} #fondo.smh header #navegacion-superior nav#menu-superior ul.segundo-nivel li a:hover, #fondo.smh header #navegacion-superior nav#menu-superior ul.segundo-nivel li.seleccionado a {border: none;} /*Pie*/ #fondo footer {background-color: #121075} #fondo footer #pie {padding: 15px 0;} #fondo footer #pie .bloque-inferior p, #fondo footer #pie a {color: #FFF; font-size: 1.1em;} #fondo footer #pie .bloque-inferior .dcha ul.comunes {width: 32.5em;} #fondo footer #pie .bloque-inferior .dcha ul.comunes li {background-image: none; font-size: 0.95em; border-right: 1px solid #FFF; padding-left: 0.7em; padding-right: 0.7em; margin: 0;} #fondo footer #pie .bloque-inferior .dcha ul.comunes li.ultimo {border-right: none;} /*Menu lateral*/ #fondo #contenedor #col-izq nav {background: #ffffff;border-top: none;border-bottom: none; padding: 0;} #fondo #contenedor #col-izq nav p.apartado {background: #ffffff; display:none;} #fondo #contenedor #col-izq nav p.apartado a {color: #1D5D99;} #fondo #contenedor #col-izq nav ul li {text-transform: uppercase;font-size: 1.2em;} #fondo #contenedor #col-izq nav ul li ul li {text-transform: initial;border: none;line-height: 1.5;} #fondo #contenedor #col-izq nav ul li a {color: #191919;font-family: "redhattext-regular";background-image: none; border-bottom: 2px solid #191919;font-weight: 700;padding-left:0;} #fondo #contenedor #col-izq nav ul li ul li a {font-weight: 400;} #fondo #contenedor #col-izq nav ul li ul li a {background-color: #FFF !important;border:none;font-weight: 400;background-image: url(../img/linea-menu.jpg) !important;background-repeat: no-repeat;background-position: bottom left !important;padding-bottom: 0.6em;} #fondo #contenedor #col-izq nav ul li ul li:last-child a {border-bottom: 1px solid #191919; background-image: none !important; font-weight: 400;} #fondo #contenedor #col-izq nav ul li ul li.abierto a {background-color: #FFF !important;border:none;font-weight: 400;background-image: url(../img/linea-menu-abierto.jpg) !important;background-repeat: no-repeat;background-position: bottom left !important;padding-bottom: 0.6em;} #fondo #contenedor #col-izq nav ul li.abierto ul li:last-child a {border-bottom: 1px solid #00c7b6 !important; background-image: none !important;} #fondo #contenedor #col-izq nav ul li.abierto {background: #FFF;} #fondo #contenedor #col-izq nav ul li.abierto.seleccionado ul li a {background-color: #FFF !important;} #fondo #contenedor #col-izq nav ul li.abierto ul li a {background-image:none;} #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 {color: #00776D;} #fondo #contenedor #col-izq nav ul li.abierto ul li a, #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, #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: 1.5em 0.7em; padding-left:0.5em; background-image: none;} #fondo #contenedor #col-izq nav ul li.abierto ul li a, #fondo #contenedor #col-izq nav ul li.abierto ul li.abierto ul li a, #fondo #contenedor #col-izq nav ul li.abierto ul li.abierto ul li.abierto a {padding-left: 0.5em;} #fondo #contenedor #col-izq nav ul li.abierto ul li.abierto ul li.abierto ul li a {padding-left: 1em;} #fondo #contenedor #col-izq nav ul li.abierto > a, #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-image: url(../img/ico-lista/ico-lista-abierto.png);} #fondo #contenedor #col-izq nav ul li.abierto a:hover, #fondo #contenedor #col-izq nav ul li.abierto.seleccionado ul li a:hover, #fondo #contenedor #col-izq nav ul li.abierto ul li a:hover, #fondo #contenedor #col-izq nav ul li a:hover {background-color: #ffffff !important;text-decoration: underline;} #fondo #contenedor #col-izq nav ul li.seleccionado > a {color: #00776D; text-decoration:none; font-weight: 700 !important;} /*GENERICOS IMAGEN, VIDEO Y GOOGLE MAPS - cim, cvi y cgm*/ #fondo #contenedor #contenido .cim p, #fondo #contenedor #contenido .cvi p, #fondo #contenedor #contenido .cgm p, #fondo #contenedor #contenido .cla .elemento .cim p, #fondo #contenedor #contenido .cla .elemento .cvi p {font-size: 0.9em !important;} #fondo #contenedor #contenido .cim p.pie, #fondo #contenedor #contenido .cgm p.pie {font-style: normal; font-family: "redhattext-bold"; font-size: 0.9em;} #fondo #contenedor .cim.tema p, #fondo #contenedor #contenido .cla .elemento .tema p.titulo {color:#0babb5;} #fondo #contenedor .cgm.tema p {color: #193fb0;} #fondo #contenedor .cvi p.pie {font-family: "redhattext-bold"; font-size: 0.9em;} #fondo #contenedor .cvi.tema p {color: #193fb0;} #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: #D1E9EF; color:#191919;} /*Alineaciones*/ #fondo #contenedor #contenido .cim.izquierda, #fondo #contenedor #contenido .cvi.izquierda, #fondo #contenedor #contenido .cgm.izquierda {margin-right: 1.75em;} #fondo #contenedor #contenido .cim.derecha, #fondo #contenedor #contenido .cvi.derecha, #fondo #contenedor #contenido .cgm.derecha {margin-left: 1.75em;} /*COMPONENTES*/ /*LISTADO DE PAGINAS HIJAS - clp*/ /*Solo un nivel*/ #fondo #contenedor #contenido .clp ul li {background-image: url("../img/ico-lista/ico-lista3.png");} #fondo #contenedor #contenido .clp ul li a {color: #000;} #fondo #contenedor #contenido .clp ul li a:hover {color: #193FB0;} /*Mas de un nivel*/ #fondo #contenedor #contenido .clp ul.niveles li {background-image: url("../img/ico-lista/ico-lista3.png");} #fondo #contenedor #contenido .clp ul.niveles li ul li {background-image: url("../img/ico-lista/ico-lista3-1.png");} #fondo #contenedor #contenido .clp ul.niveles li ul li ul li {background-image: url("../img/ico-lista/ico-lista4.png");} #fondo #contenedor #contenido .clp ul.niveles li ul li ul li ul li {background-image: url("../img/ico-lista/ico-lista4-1.png");} /*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 {border-color:#8cc9b6;} #fondo #contenedor #contenido .cim.tfondo img, #fondo #contenedor #contenido .cim.pfondo img {border: none;} #fondo #contenedor #contenido .cim.tfondo.borde img, #fondo #contenedor #contenido .cim.pfondo.borde img {border: 1px solid #000;} #fondo #contenedor #contenido .cim.borde.tema img {border-color: #193fb0;} /*CAJA DE ENLACES - cjenl*/ #fondo #contenedor #contenido .cjenl .elemento.estilo1 p.titular {background: #193FB0;border-color: #112f8a;} #fondo #contenedor #contenido .cjenl .elemento.estilo2 p.titular {border-bottom-color: #4ad2dc;color: #191919;} #fondo #contenedor #contenido .cjenl .elemento {position: relative;} #fondo #contenedor #contenido .cjenl .elemento p.titular {padding-left: 0.5em;} #fondo #contenedor #contenido .cjenl .elemento img {position:absolute; right: 0;} #fondo #contenedor #contenido .cjenl .elemento.estilo1 .cle div.enlace:hover {background: #eaf1f5;} #fondo #contenedor #contenido .cjenl .elemento .cle div.enlace:hover p.titulo a {display:block;} #fondo #contenedor #contenido .cjenl .elemento.estilo1 .cle div.enlace p.titulo {background-image: url("../img/ico-lista/ico-lista5.png");} #fondo #contenedor #contenido .cjenl .elemento.estilo1 p.vermas {background-color: #D1E9EF;} #fondo #contenedor #contenido .cjenl .elemento.estilo2 .cle div.enlace p.titulo {background-image: url("../img/ico-lista/ico-lista4.png");} /*Buscador configurable - cbc*/ #fondo #contenedor #contenido .cbc {border-color: #c7d4dc;} #fondo #contenedor #contenido .cbc form fieldset {background: #e6ecef;} #fondo #contenedor #contenido .cbc form fieldset label {color: #2c507b;} #fondo #contenedor #contenido .cbc form input[type="submit"] {background: #193fb0; color: #FFF;} #fondo #contenedor #contenido .cbc form input[type="submit"]:hover {background: #3d7998;} #contenedor #contenido div.formulario-contenido form fieldset legend, #contenedor #contenido div.formulario-contenido form fieldset div label {font-size:0.9em;} /*Componente buscador almacenes - cba*/ #fondo #contenedor #contenido .cba.simple div.formulario-contenido form fieldset legend {font-size: 1.4em; padding: 0;} #fondo #contenedor #contenido .cba.simple div.formulario-contenido form fieldset .seleccion label {font-size: 1.1em; font-family: "redhatdisplay-bold";} #fondo #contenedor #contenido .cba.simple div.formulario-contenido form fieldset .seleccion select {width: 400px; padding: 0.75em; font-size: 0.9em; border-color: #8f8f8f;} #fondo #contenedor #contenido .cba.simple div.formulario-contenido form fieldset div.botones {margin: 0;} #fondo #contenedor #contenido .cba.simple div.formulario-contenido form fieldset div.botones input {background: #1D5D99; border: none; padding: 0.75em 2em; color: #FFF; font-size: 0.95em; text-transform: uppercase; font-family: "redhatdisplay-bold";} /*LISTADO DE ENLACES - cle*/ #fondo #contenedor #contenido .cle div.enlace p.titulo {background-image: url("../img/ico-lista/ico-lista3.png");} #fondo #contenedor #contenido .cle div.enlace p.titulo a{color: #000;} #fondo #contenedor #contenido .cle div.enlace p.titulo a:hover {color: #193FB0;} /*Listado de enlaces columnas laterales*/ #fondo #contenedor div[id^="col"] .cc {border-color:#e4e4e4;} #fondo #contenedor div[id^="col"] .cc.estilo1 p.titulo-cc {background: #193fb0; color: #fff;} #fondo #contenedor div[id^="col"] .cc.estilo2 p.titulo-cc {color: #191919; border-bottom-color: #00c6b6;} #fondo #contenedor div[id^="col"] .cc .cle div.enlace p.titulo {background-image: url("../img/ico-lista/ico-lista1.png");} /*Contenido lateral*/ #fondo #contenedor div[id^="col"] .cc p, #fondo #contenedor div[id^="col"] .cc ul, #fondo #contenedor div[id^="col"] .cc ol, #fondo #contenedor div[id^="col"] .cc dl {font-size: 0.95rem;} #fondo #contenedor div[id^="col-"] .cte p {font-size: 0.95em;} #fondo #contenedor div[id^="col"] .cc p.titulo-cc {font-size: 1em;} #fondo #contenedor div[id^="col"] .ctcl p {font-size: 0.95em;} /*Contenido lateral - Banner*/ #fondo #contenedor div.banner a {color: #193fb0;} /*Contenido lateral - Texto enriquecido */ #fondo #contenedor .cc .cte ul li, #fondo #contenedor .cc .cte dt {background-image: url("../img/ico-lista/ico-lista1.png");} /*Contenido lateral - cim*/ #fondo #contenedor div[id^="col"] .cc .cim.tema p {color: #193fb0;} #fondo #contenedor div[id^="col"] .cc .cim p.titulo, #fondo #contenedor div[id^="col"] .cc .cim p.pie {font-size:0.9em;} #fondo #contenedor div[id^="col"] .cc .cim p.pie {font-family: "redhattext-bold";} #fondo #contenedor div[id^="col"] .cc .cim.pfondo p.pie, #fondo #contenedor div[id^="col"] .cc .cim.tfondo p.titulo {color: #000;} /*Contenido lateral - Ver mas*/ #fondo #contenedor div[id^="col"] .cc p.vermas-cc a {background-image: url(../img/ico-mas.png); color: #191919; background-position: 0.5em;} /*Contenido lateral - Facebook y twitter*/ #fondo #contenedor .ctcl .ccfb.estilo2 p.titulo, #fondo #contenedor .ctcl .cctw.estilo2 p.titulo {border-bottom-color: #00c6b6; color: #191919;} #fondo #contenedor .ctcl .ccfb.estilo1 p.titulo, #fondo #contenedor .ctcl .cctw.estilo1 p.titulo {background: #193fb0;} /*Contenido lateral - Buscador*/ #fondo #contenedor div[id^="col"] .ctcl .cc .cbc form fieldset input#Buscar {background-color: #00c6b6;} /*Listado de anclas - cla*/ #fondo #contenedor #contenido .cla ul.anclas {border-top-color: #5399bd;} #fondo #contenedor #contenido .cla .subir-listado a {background: #1D5D99 url("../img/subir-listado.png") no-repeat; margin-top: -2em;} #fondo #contenedor #contenido .cla .elemento > p.titulo {color: #191919; font-family: "redhatdisplay-bold";} #fondo #contenedor #contenido .cla ul.anclas li, #fondo #contenedor #contenido .cla ol.anclas li {background-position: 0 0.5em;} /*Formulario general*/ #fondo #contenedor .formulario form input[type="submit"] {background: #193fb0;} #fondo #contenedor .formulario form input[type="submit"]:hover {background: #3d7998;} #fondo #contenedor .formulario form fieldset label {color: #193fb0; font-size: 1.2em; margin-right: 0.5em;} #fondo #contenedor #contenido div.formulario-contenido form fieldset {border-top-color: #1D5D99;} #fondo #contenedor #contenido div.formulario-contenido form fieldset legend {font-size: 0.85rem;} #fondo #contenedor #contenido div.formulario-contenido form fieldset span.descripcion {font-size: 0.8em;} #fondo #contenedor #contenido div.formulario-contenido form fieldset div label, #fondo #contenedor #contenido div.formulario-contenido form fieldset div p.label {font-size: 0.85rem;} /*Datepicker*/ .mecd-dp-selector {background: #193fb0;} .mecd-dp-selector .cabecera-selector {background: #193fb0;} .mecd-dp-selector .meses {background: #cadadc;} .mecd-dp-selector .meses ul li {color: #000; border: 1px solid #bed6e7;background: #d4e7f3 url("../img/datepicker/bk-item-val.jpg");} .mecd-dp-selector .meses ul li:hover {background: #e2f4ff 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:#FFF;} .mecd-dp-selector .cabecera-selector ul li.prev {background-image: url("../img/datepicker/ico-prev.png");} .mecd-dp-selector .cabecera-selector ul li.next {background-image: url("../img/datepicker/ico-next.png");} .mecd-dp-selector .cabecera-selector ul li.year {border: none;color: #FFF;background: none;} /*Cookies*/ .alertaModal .msg.cookies {font-size: 0.9em;} .alertaModal .msg.cookies button {background: #193fb0;} .alertaModal .msg.cookies button:hover {background: #102d85;} .alertaModal .msg.cookies a {color: #193fb0;} .alertaModal .msg.cookies a:hover {color: #000;} /*Plantilla contenedora de tabs*/ #fondo #contenedor #contenido div.tabs.dsp-c ul {margin: 0;padding:0;background: #FFFF;border-bottom: 1px solid #191919;} #fondo #contenedor #contenido div.tabs.dsp-c ul li, #fondo #contenedor #contenido div.tabs.dsp-c ul li.seleccionado {background: #FFF; border:none;} #fondo #contenedor #contenido div.tabs.dsp-c ul li a {border-left: 1px solid #191919; padding-left: 2em; font-family: "redhatdisplay-bold";} #fondo #contenedor #contenido div.tabs.dsp-c ul li:first-child a {border-left: none; padding-left:0;} #fondo #contenedor #contenido div.tabs.dsp-c ul li.seleccionado a {color: #00776D;} #fondo #contenedor #contenido div.tabs.dsp-c a.dsp-b {background: transparent url("../img/responsive/ico-puntos.png") center right 0.5em no-repeat;} #fondo #contenedor #contenido div.tabs.dsp-c ul.dsp-d {display: flex; width: 100%; margin: 0 auto;} #fondo #contenedor #contenido div.tabs.dsp-c ul.dsp-d li {flex: 1; text-align: center; border-left: 1px solid #000; border-radius: 0; margin-bottom: 0.5em;} #fondo #contenedor #contenido div.tabs.dsp-c ul.dsp-d li:first-child {border-left: none;} #fondo #contenedor #contenido div.tabs.dsp-c ul.dsp-d li a {border: none;} /*CALENDARIO - EVENTOS*/ /*Cabecera*/ #fondo #contenedor #col-dcha .ccb .cabecera-cal {background-color: #193fb0;} #fondo #contenedor #col-dcha .ccb .cabecera-cal a.mant span {background: url("../img/datepicker/ico-prev.png") center no-repeat;} #fondo #contenedor #col-dcha .ccb .cabecera-cal a.msig span {background: url("../img/datepicker/ico-next.png") center no-repeat;} /*Tabla*/ #fondo #contenedor #col-dcha .ccb table {border-bottom: 4px solid #f1f4f8;} #fondo #contenedor #col-dcha .ccb table thead tr.dias th {border-bottom: 1px solid #387392;} #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: #193fb0;} #fondo #contenedor #col-dcha .ccb table tbody tr td.evento a:hover {color: #193fb0;} #fondo #contenedor #col-dcha .ccb table tbody tr td.sel {background: #f0f4ff; border-color: #adbaff;} /*Leyenda*/ #fondo #contenedor #col-dcha .ccb .leyenda {background-color: #193fb0;} /*Buscador agenda*/ #fondo #contenedor #col-dcha .ccb .formulario {background: #F1F4F8;} #fondo #contenedor #col-dcha .ccb .formulario p.titulo {color: #193fb0; font-family: "redhatdisplay-bold";} #fondo #contenedor #col-dcha .ccb .formulario ul li {background-image: url("../img/ico-lista/ico-lista1.png");} #fondo #contenedor #col-dcha .ccb .formulario form input[type=submit] {background: #193fb0;} #fondo #contenedor #col-dcha .ccb .formulario form input[type=submit]:hover {background: #3d7998;} /*Datepicker - Fecha*/ body .ui-datepicker .ui-datepicker-header {background: #193fb0;} 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: #ffffff;} 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: #c4dfec !important; color: #193fb0 !important;} /*Listado de iconos - cli*/ #fondo #contenedor #contenido .cli .elemento .literal p {background-image: url("../img/ico-lista/ico-lista1.png");} /*Mapa*/ #fondo #contenedor #contenido .cmp .mapaImg ul li a {background-image: url("../img/mapa-comunidades/mapa-link.png");} #fondo #contenedor #contenido .cmp .mapaImg ul li a:hover {background-image: url('../img/mapa-comunidades/mapa-link-hover.png');} /*Listados*/ #fondo #contenedor #contenido .cmp.com ul.lista li, #fondo #contenedor #contenido .cmp.prov ul.lista li {background-image: url('../img/mapa-comunidades/listado-ccaa.png');} #fondo #contenedor #contenido .cmp.com ul.lista li:hover, #fondo #contenedor #contenido .cmp.prov ul.lista li:hover {background-image: url('../img/mapa-comunidades/listado-ccaa.png'); background-color: #eaf1f5;} #fondo #contenedor #contenido .cmp.com ul.lista li a:hover, #fondo #contenedor #contenido .cmp.prov ul.lista li a:hover {color: #193fb0;} /*Buscador interno - cbi*/ #fondo #contenedor #contenido .cbi ul.resultados li {padding-left: 1.5em; background-position: 0.5em 0.4em;} #fondo #contenedor #contenido .cbi .paginacion a.current, #fondo #contenedor #contenido .cbi .paginacion a:hover {background-image: url("../img/paginacion-buscador/bk-sel-buscador.jpg"); border-color: #5399bd;} /*Galeria de botones - gbtn*/ #fondo #contenedor #contenido .gbtn div[class^="w"] .btn a span {color: #193fb0;} /*CARRUSEL NUEVO - csldn*/ /*FlechaDeb inferiores*/ #fondo #contenedor .csldn.tipo2.oscuro.flechasDeb .barra-opciones a.prev, #fondo #contenedor .csldn.tipo2.oscuro.flechasDeb .barra-opciones a.next {background-position: 0 0;} /*Texto e imagen*/ #fondo #contenedor #contenido .csldn ol.pagination li {font-size: 0.8rem;} #fondo #contenedor.una .csldn.tipo2 .barra-opciones a.prev, #fondo #contenedor.una .csldn.tipo2 .barra-opciones a.next {top: initial;} /*Carrusel portada*/ #fondo #contenedor.portada.una #contenido .csldn.tipo2 .sliders .slide p.mas {margin: 0; width: 589px; bottom: 40px; left: 50px;} #fondo #contenedor.portada.una #contenido .csldn.tipo2 .sliders .slide p.mas a {font-size:0.9em;} #fondo #contenedor.portada.una #contenido .csldn.tipo2.claro .barra-opciones ol.pagination li.activo a {background-position: 0px -39px;} #fondo #contenedor.portada.una #contenido .csldn.tipo2.oscuro .sliders .slide .caption {background: rgba(0, 0, 0, 0.8);} #fondo #contenedor.portada.una #contenido .csldn.tipo2.claro .sliders .slide .caption {background: rgba(255, 255, 255, 0.8);} #fondo #contenedor.portada.una #contenido .csldn.tipo2 .sliders .slide .caption {padding: 50px 88px; width: 429px; bottom: 40px; left: 50px;position:absolute;} #fondo #contenedor.portada.una #contenido .csldn.tipo2 .sliders .slide .caption > div {width: 429px; transform: translate(-50%, -50%); top: 50%; left: 50%; overflow: hidden; margin: 0; position: absolute; max-height: 260px;} #fondo #contenedor.portada.una #contenido .csldn.tipo2 .sliders .slide .caption p.antetitulo {font-family: "redhatdisplay-bold"; color: #49C5B6;} #fondo #contenedor.portada.una #contenido .csldn.tipo2 .sliders .slide .caption p.titulo {font-size: 3em; margin: 0; padding: 0 0 0.25em !important;} #fondo #contenedor.portada.una #contenido .csldn.tipo2 .sliders .slide .caption p.descripcion {font-size: 1.1em; line-height: 1.4;} #fondo #contenedor.portada.una #contenido .csldn.tipo2 .sliders .slide .caption p.mas {bottom: 0;} #fondo #contenedor.portada.una #contenido .csldn.tipo2 .barra-opciones ol.pagination {right: 0; text-align: right; width: auto; margin: 0;} #fondo #contenedor.portada.una #contenido .csldn.tipo2 .barra-opciones ol.pagination li {margin: 0.6em 0.2em !important;} #fondo #contenedor.portada.una #contenido .csldn.tipo2 .barra-opciones ol.pagination li a {padding: 0; background-position: 0 -18px; background-repeat: no-repeat; height: 16px; width: 16px; text-indent: 999999px;} #fondo #contenedor.portada.una #contenido .csldn.tipo2 .barra-opciones ol.pagination li.activo a {background-position: 0 0 !important;} #fondo #contenedor.portada.una #contenido .csldn.tipo2 .barra-opciones ol.pagination li a {background-image:url(../img/pagination.png);} #fondo #contenedor.portada.una #contenido .csldn.tipo2 .barra-opciones {background: transparent; position: absolute; left: 50px; bottom: 0; width: 605px; height: auto; padding: 0;} #fondo #contenedor.portada.una #contenido .csldn.tipo2 .barra-opciones a.prev {left: 0px; background-position: 0;} #fondo #contenedor.portada.una #contenido .csldn.tipo2 .barra-opciones a.next {right: 0px; background-position: 0;} #fondo #contenedor.portada.una #contenido .csldn.tipo2.oscuro .barra-opciones a.prev {background-image: url(../img/prev.png);} #fondo #contenedor.portada.una #contenido .csldn.tipo2.oscuro .barra-opciones a.next {background-image: url(../img/next.png);} #fondo #contenedor.portada.una #contenido .csldn.tipo2.claro .barra-opciones a.prev {background-image: url(../img/prev-n.png);} #fondo #contenedor.portada.una #contenido .csldn.tipo2.claro .barra-opciones a.next {background-image: url(../img/next-n.png);} #fondo #contenedor.portada.una #contenido .csldn.tipo2.flechasDeb .barra-opciones a.prev, #fondo #contenedor.portada.una #contenido .csldn.tipo2.flechasDeb .barra-opciones a.next {position: inherit; width: 1.8em; height: 1.8em;} #fondo #contenedor.portada.una #contenido .csldn.tipo2.claro .barra-opciones a.play {background-position: -25px -18px;} #fondo #contenedor.portada.una #contenido .csldn.tipo2.claro .barra-opciones a.stop {background-position: -41px -18px;} /*Solo texto*/ #fondo #contenedor.portada.una .csldn.tipo1.solo-texto {height: 535px;} #fondo #contenedor .csldn.solo-texto {padding: 0;} #fondo #contenedor .csldn.solo-texto.claro {background: #193FB2;} #fondo #contenedor .csldn.solo-texto.claro .sliders .slide .texto p {color: #FFF;} #fondo #contenedor .csldn.solo-texto.claro .sliders .slide .texto p a {color: #A0E0DB;} #fondo #contenedor .csldn.solo-texto.claro .sliders .slide .texto p.titulo {color: #FFF;} #fondo #contenedor .csldn.solo-texto.claro .sliders .slide .hr {border-color: #A0E0DB;} #fondo #contenedor .csldn.solo-texto.claro .barra-opciones a.next {right: 40px; background-image: url(../img/next.png);} #fondo #contenedor .csldn.solo-texto.claro .barra-opciones a.prev {left: 40px; background-image: url(../img/prev.png);} #fondo #contenedor .csldn.solo-texto.tipo1.claro .barra-opciones ol.pagination li a {background-image: url(../img/pagination.png); background-position: 0 16px !important; height: 16px;} #fondo #contenedor.portada.una #contenido .csldn.solo-texto.tipo2 .barra-opciones {background: transparent; position: initial; bottom: 0; padding: 0;} #fondo #contenedor.portada.una #contenido .csldn.solo-texto.tipo2 .barra-opciones ol.pagination {text-align: center;} /*CALENDARIO - EVENTOS*/ /*Cabecera*/ #fondo #contenedor #col-dcha .ccb .cabecera-cal {background: #193fb0;} #fondo #contenedor #col-dcha .ccb .cabecera-cal a.mant span {background: url("../img/datepicker/ico-prev.png") center no-repeat;} #fondo #contenedor #col-dcha .ccb .cabecera-cal a.msig span {background: url("../img/datepicker/ico-next.png") center no-repeat;} /*Tablas*/ #fondo #contenedor #contenido .ctabla table caption {color: #000 !important; text-transform: uppercase;} #fondo #contenedor #contenido .ctabla table th {color: #191919; text-transform: uppercase; font-family: "redhatdisplay-bold";} #fondo #contenedor #contenido .ctabla table td p {margin: 6px 0;} #fondo #contenedor #contenido .ctabla table thead th {color: #000 !important;} #fondo #contenedor #contenido .ctabla table tbody ul li {background-image: url(../img/ico-lista/ico-lista4.png);} #fondo #contenedor #contenido div[class^="ct"] table {border:none;} #fondo #contenedor #contenido div[class^="ct"] table th, #fondo #contenedor #contenido div[class^="ct"] table td {border:none; border-bottom: 1px solid #191919;} /* sombreado tablas con scroll */ #fondo #contenedor #contenido .ctabla.scroll-rwd {background: linear-gradient(to left, #ccc 0 , #0000 10px); } #fondo #contenedor #contenido div[class^="ct"] table td, #fondo #contenedor #contenido div[class^="ct"] table th {background: transparent;} /*Tabla de color*/ #fondo #contenedor #contenido .ctabla.color table thead tr th {background: #1D5D99; color: #fff !important;} #fondo #contenedor #contenido .ctabla.color table tbody tr {border-bottom: 1px solid #ccc;border-collapse: unset;} #fondo #contenedor #contenido .ctabla.color table tbody tr td {background: none;border-bottom: none;} #fondo #contenedor #contenido .ctabla.color table tbody th {color: #000; padding: 1em;} #fondo #contenedor #contenido .ctabla.color table tbody ul li {background-image: url(../img/ico-lista/ico-lista3.png);} #fondo #contenedor #contenido .ctabla.color table tbody th, #fondo #contenedor #contenido .ctabla.color table td {background: #ffffff; border: none; border-bottom: 1px solid #ccc;} /*Responsive*/ /*Buscador*/ #fondo header #navegacion-opciones #navegacion #buscador form.busqueda fieldset a.btnBuscador {background: url("../img/responsive/ico-lupa-dos-30.png") no-repeat;} #fondo header #navegacion-opciones #navegacion #buscador form.busqueda input.botonbuscar {background: url("../img/responsive/botonbuscar.png") no-repeat; width: 2.2em;} /*Menu rwd*/ #fondo #navegacion-opciones #menu-rwd nav {background: none !important; border:none;} #fondo #navegacion-opciones #menu-rwd nav a {color: #193fb0;} #fondo #navegacion-opciones #menu-rwd nav p.apartado {background: #c4dfec;} #fondo #navegacion-opciones #menu-rwd nav p.apartado a {color: #193fb0;} #fondo #navegacion-opciones #menu-rwd nav ul li a {background: #e5f4ff url("../img/ico-lista/ico-lista1.png") 0.8em 0.7em no-repeat;} #fondo #navegacion-opciones #menu-rwd nav ul li.seleccionado a {background-color: #d7ebf9 !important;} #fondo #navegacion-opciones #menu-rwd nav ul li.abierto, #fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li a, #fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li.abierto ul li a, #fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li.seleccionado a, #fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li.seleccionado a:hover, #fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li.abierto ul li.seleccionado a, #fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li.abierto ul li.seleccionado a:hover, #fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li.abierto ul li.abierto ul li.seleccionado a, #fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li.abierto ul li.abierto ul li.seleccionado a:hover {background-color: #FFF !important;} /*Barras laterales*/ #fondo header .barra-laterales {background-color: #193fb0;} #fondo header .barra-laterales div.btn-colizq {background: url("../img/responsive/flecha-db-izq.png") no-repeat;} #fondo header .barra-laterales div.btn-coldcha {background: url("../img/responsive/flecha-db-dcha.png") no-repeat;} /*Subir*/ #fondo .subir {height: 1.5em; background-color: #193fb0;} /*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[class^="ie"] #fondo #contenedor #portada .bloque.fondo.c1.transparencia .texto {background: transparent url("../img/transparencias/color1.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[class^="ie"] #fondo #contenedor #portada .bloque.fondo.c2.transparencia .texto {background: transparent url("../img/transparencias/color2.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[class^="ie"] #fondo #contenedor #portada .bloque.fondo.c3.transparencia .texto {background: transparent url("../img/transparencias/color3.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[class^="ie"] #fondo #contenedor #portada .bloque.fondo.c4.transparencia .texto {background: transparent url("../img/transparencias/color4.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[class^="ie"] #fondo #contenedor #portada .bloque.fondo.c5.transparencia .texto {background: transparent url("../img/transparencias/color5.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[class^="ie"] #fondo #contenedor #portada .bloque.fondo.c6.transparencia .texto {background: transparent url("../img/transparencias/color6.png");} /*BLoque de imagen - txtimagen*/ #fondo #contenedor #portada .bloque.txtimagen .texto .encabezado p {color:#004e86;} #fondo #contenedor #portada .bloque.txtimagen .texto .encabezado.fondo {background:#004e86;} #fondo #contenedor #portada .bloque.txtimagen .texto .encabezado.fondo p {color: #FFF;} #fondo #contenedor #portada .bloque.txtimagen .texto p {color:#000;} #fondo #contenedor #portada .bloque.txtimagen.fondo .texto {background: #004e86;} #fondo #contenedor #portada .bloque.txtimagen.fondo .texto p {color: #FFF;} #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 .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 .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 .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 .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 .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:#FFF;} #fondo #contenedor #portada .bloque.txtimagen.c1.fondo .texto {background:#9C191B;} #fondo #contenedor #portada .bloque.txtimagen.c2.fondo .texto {background:#0E5854;} #fondo #contenedor #portada .bloque.txtimagen.c3.fondo .texto {background:#0E5175;} #fondo #contenedor #portada .bloque.txtimagen.c4.fondo .texto {background:#574B42;} #fondo #contenedor #portada .bloque.txtimagen.c5.fondo .texto {background:#6E0265;} #fondo #contenedor #portada .bloque.txtimagen.c6.fondo .texto {background:#B35E02;} /*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*/ #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:#FFF;} #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:#6b6b6b;} #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/tema/ico-lista/ico-lista1.png") 0.6em center no-repeat; padding-left: 1.7em;} #fondo #contenedor #portada .bloque.lenlaces.c1.fondo .texto ul.ti li a, #fondo #contenedor #portada .bloque.lenlaces.c2.fondo .texto ul.ti li a, #fondo #contenedor #portada .bloque.lenlaces.c3.fondo .texto ul.ti li a, #fondo #contenedor #portada .bloque.lenlaces.c4.fondo .texto ul.ti li a, #fondo #contenedor #portada .bloque.lenlaces.c5.fondo .texto ul.ti li a, #fondo #contenedor #portada .bloque.lenlaces.c6.fondo .texto ul.ti li a {background: url("../img/tema/ico-lista/lenlaces/ico-lista1-blanco.png") 0.6em center no-repeat;} #fondo #contenedor #portada .bloque.lenlaces.c1 .texto ul.ti li a {background: url("../img/tema/ico-lista/lenlaces/ico-lista1-c1.png") 0.6em center no-repeat;} #fondo #contenedor #portada .bloque.lenlaces.c2 .texto ul.ti li a {background: url("../img/tema/ico-lista/lenlaces/ico-lista1-c2.png") 0.6em center no-repeat;} #fondo #contenedor #portada .bloque.lenlaces.c3 .texto ul.ti li a {background: url("../img/tema/ico-lista/lenlaces/ico-lista1-c3.png") 0.6em center no-repeat;} #fondo #contenedor #portada .bloque.lenlaces.c4 .texto ul.ti li a {background: url("../img/tema/ico-lista/lenlaces/ico-lista1-c4.png") 0.6em center no-repeat;} #fondo #contenedor #portada .bloque.lenlaces.c5 .texto ul.ti li a {background: url("../img/tema/ico-lista/lenlaces/ico-lista1-c5.png") 0.6em center no-repeat;} #fondo #contenedor #portada .bloque.lenlaces.c6 .texto ul.ti li a {background: url("../img/tema/ico-lista/lenlaces/ico-lista1-c6.png") 0.6em center no-repeat;} /*Bloque de enlaces - Portada*/ #fondo #contenedor #portada .bloque.lenlaces div.enlace a {color: #1D518B;} /*Nuevo*/ /*Bloque de enlaces - lenlaces*/ #fondo #contenedor #portada .bloque.lenlaces.c1.fondo div.enlace {background:#9C191B;} #fondo #contenedor #portada .bloque.lenlaces.c2.fondo div.enlace {background:#0E5854;} #fondo #contenedor #portada .bloque.lenlaces.c3.fondo div.enlace {background:#0E5175;} #fondo #contenedor #portada .bloque.lenlaces.c4.fondo div.enlace {background:#574B42;} #fondo #contenedor #portada .bloque.lenlaces.c5.fondo div.enlace {background:#6E0265;} #fondo #contenedor #portada .bloque.lenlaces.c6.fondo div.enlace {background:#B35E02;} #fondo #contenedor #portada .bloque.lenlaces.c1.fondo div.enlace, #fondo #contenedor #portada .bloque.lenlaces.c1.fondo div.enlace a, #fondo #contenedor #portada .bloque.lenlaces.c2.fondo div.enlace, #fondo #contenedor #portada .bloque.lenlaces.c2.fondo div.enlace a, #fondo #contenedor #portada .bloque.lenlaces.c3.fondo div.enlace, #fondo #contenedor #portada .bloque.lenlaces.c3.fondo div.enlace a, #fondo #contenedor #portada .bloque.lenlaces.c4.fondo div.enlace, #fondo #contenedor #portada .bloque.lenlaces.c4.fondo div.enlace a, #fondo #contenedor #portada .bloque.lenlaces.c5.fondo div.enlace, #fondo #contenedor #portada .bloque.lenlaces.c5.fondo div.enlace a, #fondo #contenedor #portada .bloque.lenlaces.c6.fondo div.enlace, #fondo #contenedor #portada .bloque.lenlaces.c6.fondo div.enlace a {color:#FFF;} #fondo #contenedor #portada .bloque.lenlaces.c1 div.enlace, #fondo #contenedor #portada .bloque.lenlaces.c1 div.enlace a {color: #9C191B;} #fondo #contenedor #portada .bloque.lenlaces.c2 div.enlace, #fondo #contenedor #portada .bloque.lenlaces.c2 div.enlace a {color: #0E5854;} #fondo #contenedor #portada .bloque.lenlaces.c3 div.enlace, #fondo #contenedor #portada .bloque.lenlaces.c3 div.enlace a {color: #0E5175;} #fondo #contenedor #portada .bloque.lenlaces.c4 div.enlace, #fondo #contenedor #portada .bloque.lenlaces.c4 div.enlace a {color: #574B42;} #fondo #contenedor #portada .bloque.lenlaces.c5 div.enlace, #fondo #contenedor #portada .bloque.lenlaces.c5 div.enlace a {color: #6E0265;} #fondo #contenedor #portada .bloque.lenlaces.c6 div.enlace, #fondo #contenedor #portada .bloque.lenlaces.c6 div.enlace a {color: #B35E02;} #fondo #contenedor #portada .bloque.lenlaces div.enlace a:hover {color:#6b6b6b;} #fondo #contenedor #portada .bloque.lenlaces.c1 div.enlace {border-bottom: 1px solid #b94c4e;} #fondo #contenedor #portada .bloque.lenlaces.c2 div.enlace {border-bottom: 1px solid #388c88;} #fondo #contenedor #portada .bloque.lenlaces.c3 div.enlace {border-bottom: 1px solid #5f9ac4;} #fondo #contenedor #portada .bloque.lenlaces.c4 div.enlace {border-bottom: 1px solid #7e8484;} #fondo #contenedor #portada .bloque.lenlaces.c5 div.enlace {border-bottom: 1px solid #af64a9;} #fondo #contenedor #portada .bloque.lenlaces.c6 div.enlace {border-bottom: 1px solid #ce9c65;} /*Componente botones*/ #fondo #contenedor div.cbtn div[class^="btn"] a, #fondo #contenedor div.cbtn.btngr div.btn-img a {border-radius: 0; text-transform: uppercase; font-family: "redhattext-bold"; font-size: 0.9em;} #fondo #contenedor div.cbtn div[class^="btn"] a {padding: 0.9em 0.75em;} #fondo #contenedor div.cbtn div.btn-img a {padding: 0.9em 0.75em 0.9em 1.75em; text-align: left;} #fondo #contenedor div.cbtn div.btn-img a img {padding: 0.2em 0.5em; vertical-align: middle;} #fondo #contenedor div.cbtn div[class^="btn"] a {text-transform: uppercase !important; text-align: center;} #fondo #contenedor div.cbtn div[class^="btn"].estclaro a {background-color: #ffffff; border-color: #000000;} #fondo #contenedor div.cbtn div[class^="btn"].estclaro.tema a {background-color: #ffffff; border-color: #1D5D99; color: #1D5D99;} #fondo #contenedor div.cbtn div[class^="btn"].estclaro.tema a:hover {background-color: #fbfbfb;color: #000;} #fondo #contenedor div.cbtn div[class^="btn"].estoscuro a {background-color: #191919;} #fondo #contenedor div.cbtn div[class^="btn"].estoscuro.tema a {background-color: #1D5D99; border-color: #198FB0; color: #fff;} #fondo #contenedor div.cbtn div[class^="btn"].estoscuro.tema a:hover {background-color: #164f84;} /*Componente enfasis - cten*/ #fondo #contenedor .cten.tema p {color: #004e86;} #fondo #contenedor .cten.fondo.tema {background-color: #f0f8ff;} #fondo #contenedor .cten.borde.tema {border-color: #004578;} #fondo #contenedor .cten.fondo.borde.tema {border-color: #bad7ec;} /*Plantilla contenido previo*/ #fondo #contenedor #contenido-previo .cfondo {background: #193FB0;} #fondo #contenedor #contenido-previo .cfondo .texto p.antetitulo {color: #A0E0DB; font-family: "redhatdisplay-bold";} #fondo #contenedor #contenido-previo .cfondo .texto p.titulo {font-family: "redhatdisplay-bold"; line-height: 1.4; overflow: hidden;} #fondo #contenedor #contenido-previo .cfondo .texto p.descripcion {font-size: 1em;} #fondo #contenedor #contenido-previo.imagen .cfondo {background: rgba(0, 0, 0, 0.8); width: 48%; height: 70%; transform: translate(0%, 0%); top: 15%; left: 5%;} #fondo #contenedor #contenido-previo.imagen .cfondo .texto p.antetitulo {color: #FFF;} #fondo #contenedor #contenido-previo.imagen .cfondo .texto p.descripcion {font-size: 1.1em; line-height: 1.8;} #fondo #contenedor #contenido-previo.ta-left .cfondo .texto {top: 50%; left: 5%; transform: translate(0%, -50%); width: 77%;} #fondo #contenedor #contenido-previo.ta-right .cfondo .texto {top: 50%; right: 5%; transform: translate(0%, -50%);} /*Componente enfasis*/ #fondo #contenedor #contenido .cten.fondo.tema {background-color: #D1E9EF;} #fondo #contenedor #contenido .cten.fondo.tema p {color: #000;} #fondo #contenedor #contenido .cten.fondo.borde.tema {border: 1px solid #6599d4;} #fondo #contenedor #contenido .cten p {font-size: 1.2em;} /*BLOQUE - cblq*/ #fondo #contenedor #contenido .cblq {margin: 1.5em 0 !important;} #fondo #contenedor #contenido .cblq.fondo {background-color: #1D5D99;} #fondo #contenedor #contenido .cblq.fondo.borde {border-color: #1D5D99;} #fondo #contenedor #contenido .cblq.fondo p, #fondo #contenedor #contenido .cblq.fondo ul li, #fondo #contenedor #contenido .cblq.fondo ul li a {color: #FFF;} #fondo #contenedor #contenido .cblq.fondo ul li {background-image: url(../img/ico-lista/ico-lista6.png);} #fondo #contenedor #contenido .cblq.fondo p.titulo, #fondo #contenedor #contenido .cblq.fondo p.pie, #fondo #contenedor #contenido .cla .elemento .cblq.fondo .cim p.titulo, #fondo #contenedor #contenido .cla .elemento .cblq.fondo .cvi p.titulo {color: #FFF;} #fondo #contenedor #contenido .cblq.fondo .tfondo.tema p.titulo, #fondo #contenedor #contenido .cblq.fondo .pfondo.tema p.pie, #fondo #contenedor #contenido .cla .elemento .cblq.fondo .cim.tfondo.tema p.titulo, #fondo #contenedor #contenido .cla .elemento .cblq.fondo .cvi.tfondo.tema p.titulo {color: #000;} /*Tipo - Info*/ #fondo #contenedor #contenido .cblq.fondo.info {background-color: #193FB0;} #fondo #contenedor #contenido .cblq.fondo.info a {color: #FFF;} #fondo #contenedor #contenido .cblq.fondo.info a:hover {color: #dedede;} #fondo #contenedor #contenido .cblq.fondo.info ul li {background-image: url(../img/ico-lista/ico-lista7.png);} #fondo #contenedor #contenido .cblq.fondo.info.borde {border-color: #112f86;} #fondo #contenedor #contenido .cblq.fondo.info p, #fondo #contenedor #contenido .cblq.fondo.info ul li, #fondo #contenedor #contenido .cblq.fondo.info ul li a, #fondo #contenedor #contenido .cblq.fondo.info h2, #fondo #contenedor #contenido .cblq.fondo.info h3, #fondo #contenedor #contenido .cblq.fondo.info h4, #fondo #contenedor #contenido .cblq.fondo.info h5, #fondo #contenedor #contenido .cblq.fondo.info h6 {color: #FFF;} #fondo #contenedor #contenido .cblq.fondo.info .tema.tfondo p.titulo, #fondo #contenedor #contenido .cblq.fondo.info .tema.pfondo p.pie {background: #D1E9EF; color: #000;} /*Tipo - alerta*/ #fondo #contenedor #contenido .cblq.fondo.alerta {background-color: #D1E9EF;} #fondo #contenedor #contenido .cblq.fondo.alerta.borde {border-color: #97bec7;} #fondo #contenedor #contenido .cblq.fondo.alerta p, #fondo #contenedor #contenido .cblq.fondo.alerta ul li, #fondo #contenedor #contenido .cblq.fondo.alerta ul li a, #fondo #contenedor #contenido .cblq.fondo.alerta h2, #fondo #contenedor #contenido .cblq.fondo.alerta h3, #fondo #contenedor #contenido .cblq.fondo.alerta h4, #fondo #contenedor #contenido .cblq.fondo.alerta h5, #fondo #contenedor #contenido .cblq.fondo.alerta h6, #fondo #contenedor #contenido .cla .elemento .cblq.fondo.alerta .cim p.titulo, #fondo #contenedor #contenido .cla .elemento .cblq.fondo.alerta .cvi p.titulo {color: #000;} #fondo #contenedor #contenido .cblq.fondo.alerta .tfondo p.titulo, #fondo #contenedor #contenido .cblq.fondo.alerta .pfondo p.pie, #fondo #contenedor #contenido .cla .elemento .cblq.fondo.alerta .cim.tfondo p.titulo, #fondo #contenedor #contenido .cla .elemento .cblq.fondo.alerta .cvi.tfondo p.titulo {color: #FFF;} #fondo #contenedor #contenido .cblq.fondo.alerta .tema.tfondo p.titulo, #fondo #contenedor #contenido .cblq.fondo.alerta .tema.pfondo p.pie {background: #121075; color: #FFF;} #fondo #contenedor #contenido .cblq.fondo.alerta .tema p.titulo, #fondo #contenedor #contenido .cblq.fondo.alerta .tema p.pie, #fondo #contenedor #contenido .cla .elemento .cblq.fondo.alerta .cim p.titulo {color: #121075;} #fondo #contenedor #contenido .cblq > .cim + .cte {overflow: hidden;} /*Componente bloque - cblq Portada*/ #fondo #contenedor.portada #contenido .cblq.fondo {background-color: #000;} #fondo #contenedor.portada #contenido .cblq.fondo.info {background-color: #193FB0;} #fondo #contenedor.portada #contenido .cblq.fondo.borde.info {border-color: #112f86;} #fondo #contenedor.portada #contenido .cblq.fondo.alerta {background-color: #D1E9EF;} #fondo #contenedor.portada #contenido .cblq.fondo.borde.alerta {border-color: #97bec7;} #fondo #contenedor.portada #contenido .cblq.fondo.alerta span.pie {font-size: 1.1em;} #fondo #contenedor.portada #contenido .cblq.fondo.alerta .cgi {margin-bottom: 2em;} #fondo #contenedor.portada #contenido .cblq.fondo.alerta div.cbtn {margin: 1.5em 0 !important;} /*Botones bloque*/ #fondo #contenedor #contenido .cblq.info div.cbtn .btn {min-width: 250px; padding: 0 5px;} #fondo #contenedor #contenido .cblq.info div.cbtn div[class^="btn"].estclaro a {padding: 10px; color: #193fb0; border-color: #193fb0;} #fondo #contenedor #contenido .cblq.info div.cbtn div[class^="btn"].estclaro a span {text-transform: none;} /*Componente aviso*/ #fondo #contenedor #contenido .cblq.aviso {margin: 0 auto !important; background-image: url(../img/ico-aviso.png); background-repeat: no-repeat; background-position: center left; padding:1em 1em 1em 11%;} #fondo #contenedor #contenido .cblq.aviso p {margin:0.5em;} #fondo #contenedor #contenido .cblq.aviso + .cblq.aviso {margin: 0.5em auto !important;} #fondo #contenedor.portada #contenido .cblq.aviso {width: 64%; padding: 1em 1em 1em 8%;} /*Columnas*/ #fondo #contenedor #contenido div[class^="ccol"] .col.fondo {background: #1D5D99} #fondo #contenedor #contenido div[class^="ccol"] .col.fondo {background-color: #1D5D99;} #fondo #contenedor #contenido div[class^="ccol"] .col.fondo p, #fondo #contenedor #contenido div[class^="ccol"] .col.fondo a, #fondo #contenedor #contenido div[class^="ccol"] .col.fondo ul li, #fondo #contenedor #contenido div[class^="ccol"] .col.fondo ul li a, #fondo #contenedor #contenido div[class^="ccol"] .col.fondo h2, #fondo #contenedor #contenido div[class^="ccol"] .col.fondo h3, #fondo #contenedor #contenido div[class^="ccol"] .col.fondo h4, #fondo #contenedor #contenido div[class^="ccol"] .col.fondo h5, #fondo #contenedor #contenido div[class^="ccol"] .col.fondo h6 {color: #FFF;} #fondo #contenedor #contenido div[class^="ccol"] .col.fondo.borde {border-color: #1D5D99;} #fondo #contenedor #contenido div[class^="ccol"] .col.fondo.info {background-color: #193FB0;} #fondo #contenedor #contenido div[class^="ccol"] .col.fondo.info p, #fondo #contenedor #contenido div[class^="ccol"] .col.fondo.info ul li, #fondo #contenedor #contenido div[class^="ccol"] .col.fondo.info ul li a, #fondo #contenedor #contenido div[class^="ccol"] .col.fondo.info h2, #fondo #contenedor #contenido div[class^="ccol"] .col.fondo.info h3, #fondo #contenedor #contenido div[class^="ccol"] .col.fondo.info h4, #fondo #contenedor #contenido div[class^="ccol"] .col.fondo.info h5, #fondo #contenedor #contenido div[class^="ccol"] .col.fondo.info h6, #fondo #contenedor #contenido div[class^="ccol"] .col.fondo span.titulo, #fondo #contenedor #contenido div[class^="ccol"] .col.fondo span.pie, #fondo #contenedor #contenido div[class^="ccol"] .col.fondo.info span.titulo, #fondo #contenedor #contenido div[class^="ccol"] .col.fondo.info span.pie {color: #FFF;} #fondo #contenedor #contenido div[class^="ccol"] .col.fondo.borde.info {border-color: #112f86;} #fondo #contenedor #contenido div[class^="ccol"] .col.fondo.info ul li {background-image: url(../img/ico-lista/ico-lista7.png);} #fondo #contenedor #contenido div[class^="ccol"] .col.fondo.alerta {background-color: #D1E9EF;} #fondo #contenedor #contenido div[class^="ccol"] .col.fondo.alerta p, #fondo #contenedor #contenido div[class^="ccol"] .col.fondo.alerta a, #fondo #contenedor #contenido div[class^="ccol"] .col.fondo.alerta ul li, #fondo #contenedor #contenido div[class^="ccol"] .col.fondo.alerta ul li a, #fondo #contenedor #contenido div[class^="ccol"] .col.fondo.alerta h2, #fondo #contenedor #contenido div[class^="ccol"] .col.fondo.alerta h3, #fondo #contenedor #contenido div[class^="ccol"] .col.fondo.alerta h4, #fondo #contenedor #contenido div[class^="ccol"] .col.fondo.alerta h5, #fondo #contenedor #contenido div[class^="ccol"] .col.fondo.alerta h6, #fondo #contenedor #contenido div[class^="ccol"] .col.fondo.alerta span.titulo, #fondo #contenedor #contenido div[class^="ccol"] .col.fondo.alerta span.pie {color: #000;} #fondo #contenedor #contenido div[class^="ccol"] .col.fondo.borde.alerta {border-color: #97bec7;} #fondo #contenedor #contenido div[class^="ccol"] .col.fondo ul li {background-image: url(../img/ico-lista/ico-lista6.png);} #fondo #contenedor #contenido div[class^="ccol"] .col.fondo.alerta ul li {background-image: url(../img/ico-lista/ico-lista3.png);} #fondo #contenedor #contenido div[class^="ccol"] .col, #fondo #contenedor #contenido div[class^="ccol"] .col.fondo {flex: 1; padding: 5px 10px;width: auto;margin: 5px; overflow-x: auto;} /*PORTADA*/ #fondo #contenido div.ccalp {padding: 2em 80px;} #fondo #contenido div.ccalp div.fila {border-bottom: 1px solid #ccc; } #fondo #contenido div.ccalp div.fila > div {width: 20.5%; display: inline-block; min-height: 3em; padding: 1.5em 0; vertical-align: bottom } #fondo #contenido div.ccalp div.fila.cabecera > div {padding: 0} #fondo #contenido div.ccalp div.fila > div.titulo {width: 15%; display: inline-block; padding-right:1em} #fondo #contenido div.ccalp div.fila p {font-size: 1em; font-weight: 700;margin: 0;} #fondo #contenido div.ccalp div.fila.cabecera p {text-align: center; text-transform: uppercase} /*Hacer con imágenes de fondo centradas gris o activa*/ #fondo #contenido div.ccalp div.fila div.estado {background: url(../img/ico-ccal.png) center no-repeat;} /*#fondo #contenido div.ccalp div.fila div.estado.activo {background: url(../img/ico-ccal-activo.png) center no-repeat;} */ #fondo #contenido div.ccalp div.fila div.estado.proxima-publicacion.activo, #fondo #contenido div.ccalp div.fila div.estado.solicitud.activo {background: url(../img/ico-ccal-activoverde.png) center no-repeat;} #fondo #contenido div.ccalp div.fila div.estado.tramitacion.activo, #fondo #contenido div.ccalp div.fila div.estado.resolucion.activo {background: url(../img/ico-ccal-activoazul.png) center no-repeat;} #fondo #contenedor #contenido div.ccalp div.fila > div.estado-rwd {display: none;} /* Animación anclas */ #fondo #contenedor #contenido :target { animation-name: parpadeo; animation-direction: normal; animation-duration: 1s; animation-iteration-count: 2; animation-timing-function: ease; } @keyframes parpadeo { 50% { background-color: #ffffc8; } 100% { background-color: transparent; } } /*PORTADA*/ #fondo #contenedor.portada #contenido .cblq.fondo ul li {background: url(../img/check-blanco.png) center left no-repeat; padding: 1em 0 1.1em 3em;} #fondo #contenedor.portada #contenido .cblq.fondo h2, #fondo #contenedor.portada #contenido .cblq.fondo h3 {color: #FFF !important;} #fondo #contenedor.portada #contenido .cblq.fondo.alerta h2, #fondo #contenedor.portada #contenido .cblq.fondo.alerta h3 {color: #000 !important;} /*Componente tarjetas*/ #fondo #contenedor #contenido .ctar.esc-l.pq .elemento {padding-left: 5px; padding-right: 5px; border-bottom: none;} #fondo #contenedor #contenido .ctar.esc-l.pq .elemento img {padding: 0;} #fondo #contenedor #contenido .ctar.esc-l.pq .elemento .info { margin-left: 20px;} /*Enlace saltar al contenido*/ .skip-link {color: #000;} /*Responsive*/ @media(max-width: 1279px) { /*NAVEGACION OPCIONES*/ /*Navegacion opciones - Buscador*/ #fondo header #navegacion-opciones #navegacion #buscador {padding: 0 10px;} /*Contenido*/ #fondo #contenedor.una #contenido {width: 958px;} #fondo #contenedor.dos #contenido {width: 722px;} #fondo #contenedor.tres #contenido {width: 486px;} /*PORTADA*/ #fondo #contenedor.una.portada #contenido {width: 1134px;} /*Calendario de plazos*/ #fondo #contenedor #contenido div.ccalp {padding: 0 50px; margin: 50px 0;} #fondo #contenedor #contenido div.ccalp > div {display: flex;} /*Pie*/ #fondo footer #pie .bloque-inferior .dcha ul.comunes {width: 29.5em;} /*Contenido previo*/ #fondo #contenedor #contenido-previo.imagen .cfondo {top: 15%;} /*Aviso*/ #fondo #contenedor.portada #contenido .cblq.aviso {padding-left:9%;} #fondo #contenedor #contenido .cblq.aviso {padding-left: 13%;} } @media(max-width: 1151px) { /*Menu superior*/ #fondo.smh header #navegacion-superior nav#menu-superior ul li a {font-size: 0.8em;} /*Contenido*/ #fondo #contenedor.una #contenido {width: 840px;} #fondo #contenedor.dos #contenido {width: 594px;} #fondo #contenedor.tres #contenido {width: 358px;} /*PORTADA*/ #fondo #contenedor.una.portada #contenido {width: 1006px;} /*Carrusel*/ #fondo #contenedor.portada.una #contenido .csldn.tipo2 .sliders .slide .caption {max-height: 200px;} #fondo #contenedor.portada.una #contenido .csldn.tipo2 .sliders .slide .caption > div {max-height: 242px;} /*Pie*/ #fondo footer #pie .bloque-inferior .dcha ul.comunes {width: 21.5em;} /*Contenido previo*/ #fondo #contenedor #contenido-previo.imagen .cfondo {width: 52%;} #fondo #contenedor #contenido-previo.ta-left .cfondo .texto {width: 80%;} /*Aviso*/ #fondo #contenedor.portada #contenido .cblq.aviso {width: 63%;padding-left:10%;} #fondo #contenedor #contenido .cblq.aviso {padding-left: 16%;} } @media(max-width: 1023px) { #fondo header #cabecera {border-bottom: 1px solid #000;} #fondo header #cabecera #imagen-cabecera a#enlace-imagen-cabecera {display: block; height: 100%; overflow: hidden; } /*Arbol colapsable*/ #fondo #navegacion-opciones #menu-rwd nav ul li.abierto.seleccionado > span.arbCol, #fondo #navegacion-opciones #menu-rwd nav ul li.abierto.seleccionado.activo ul li > span.arbCol {background-image: url("../img/responsive/colapsable/ico-mas-sel.png");} #fondo #navegacion-opciones #menu-rwd nav ul li.abierto.seleccionado.activo > span.arbCol {background-image: url("../img/responsive/colapsable/ico-menos-sel.png");} /*Contenido*/ #fondo #contenedor.una #contenido, #fondo #contenedor.dos #contenido, #fondo #contenedor.tres #contenido {width: 765px;} #fondo #contenedor.dos #contenido, #fondo #contenedor.tres #contenido {border-left: none;} /*PORTADA*/ #fondo #contenedor.una.portada #contenido {width: 943px;} /*Menu responsive*/ #fondo #navegacion-opciones #menu-rwd .global .encabezado {height: 3.3em;} #fondo header #navegacion-opciones #navegacion #menu-rwd a#btnMenu, #fondo #navegacion-opciones #menu-rwd .global .encabezado, #fondo header #navegacion-opciones #navegacion #idiomas, #fondo header #navegacion-opciones #navegacion .opciones a.btnOpciones, #fondo header #navegacion-opciones #navegacion .opciones div.dsp-abierto, #fondo #contenedor div[id^="col"] .encabezado {background-color: #416f8a;} #fondo #navegacion-opciones #menu-rwd nav ul li.abierto.activo > a {background: #e5f4ff url("../img/ico-lista/ico-lista-abierto.png") 0.8em 0.7em no-repeat;} #fondo #navegacion-opciones #menu-rwd nav ul li.seleccionado a, #fondo #navegacion-opciones #menu-rwd nav ul li.abierto.activo.seleccionado > a, #fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li.seleccionado > a, #fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li.seleccionado > a:hover, #fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li.abierto ul li.seleccionado a {background-color:#FFF !important;} #fondo #navegacion-opciones #menu-rwd nav ul li a:hover, #fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li.abierto ul li a:hover, #fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li a:hover {background-color: #eff8ff !important;} #fondo header #navegacion-opciones #navegacion #menu-rwd a#btnMenu {background-color: #fff;} #fondo header #navegacion-opciones #navegacion #menu-rwd a#btnMenu::after { background: url('../img/responsive/menu-responsive.png') no-repeat;} #fondo header #navegacion-opciones #navegacion #menu-rwd.abierto .global .encabezado {background-color: #000; color: #fff;} #fondo header #navegacion-opciones #navegacion #menu-rwd.abierto a#btnMenu {background-color: #000; } #fondo header #navegacion-opciones #navegacion #menu-rwd.abierto a#btnMenu::after { background: url('../img/responsive/menu-responsive-blanco.png') no-repeat;} #fondo header #navegacion-opciones #menu-rwd nav {padding: 10px} #fondo header #navegacion-opciones #menu-rwd nav ul li a {background: #fff !important; color: #000 !important; border-bottom: 2px solid !important; border: 0; text-transform: uppercase; padding-left: 10px !important;} /* nivel 2*/ #fondo header #navegacion-opciones #menu-rwd nav ul li.abierto ul li a {background: #eeeeee !important; border-left: 10px solid } /* nivel 3*/ #fondo header #navegacion-opciones #menu-rwd nav ul li.abierto ul li.abierto ul li a {background: #dedede !important; border-left: 20px solid} /* nivel 4*/ #fondo header #navegacion-opciones #menu-rwd nav ul li.abierto ul li.abierto ul li.abierto ul li a {background: #EEEEEE !important; border-left: 30px solid} #fondo header #navegacion-opciones #menu-rwd nav ul li.seleccionado a {color: #00776D !important; border-color: #49C5B6 !important;} #fondo header #navegacion-opciones #menu-rwd nav ul li a:hover {border-color: #00A396 !important; color: #00776D !important;} /*NAVEGACION OPCIONES*/ #fondo header #navegacion-opciones #navegacion {border-bottom: 1px solid #000;} #fondo header #navegacion-opciones #navegacion .opciones {border-color: #000;} #fondo header #navegacion-opciones #navegacion .opciones a.btnOpciones {background: url('../img/responsive/ico-mas.png') no-repeat;} #fondo header #navegacion-opciones #navegacion .opciones ul.ico-link {border-bottom: 1px dotted #000;} #fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li {height: 30px;padding: 2px 0;} #fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li a {height: 32px; vertical-align: top;} #fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li a span {padding: 1px 3px 2px 5px;} #fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li.destacado {height: 34px;} #fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li.destacado a {padding: 5px !important;} #fondo header #navegacion-opciones #navegacion .opciones a.btnOpciones, #fondo header #navegacion-opciones #navegacion .opciones div.dsp-abierto {background-color: #fff; } #fondo header #navegacion-opciones #navegacion .opciones .dsp-d.dsp-abierto {border: 0px solid #000; border-width: 1px 0px;background-color: #f1f1f1;} #fondo header #navegacion-opciones #navegacion .opciones > div {height: auto; padding: 0;} #fondo header #navegacion-opciones #navegacion .opciones {height: auto;border-radius: 5px;overflow: hidden;padding: 0;} #fondo header #navegacion-opciones #navegacion #idiomas, #fondo header #navegacion-opciones #navegacion .opciones {border-color: #000; background: transparent;} /*Navegacion opciones - Buscador*/ #fondo header #navegacion-opciones #navegacion #buscador {padding: 0; width: 30px; height: 30px; margin: 9px 0 9px 10px; border-radius: 5px; border: 1px solid #000; } #fondo header #navegacion-opciones #navegacion #buscador form { border: 0; height: auto;background: transparent; top: 0;} #fondo header #navegacion-opciones #navegacion #buscador form fieldset input#campotexto {float: none;} #fondo header #navegacion-opciones #navegacion #buscador form fieldset a.btnBuscador {background-image: url(../img/responsive/ico-lupa-dos-30.png); margin: 0;background-size: 16px;background-position: 7px;width: 30px;height: 30px;} /* cambiar imagen de fondo por una lupita blanca gordita, como el + */ #fondo header #navegacion-opciones #navegacion #buscador form.busqueda {background-color: #fff;} #fondo header #navegacion-opciones #navegacion #buscador form.busqueda fieldset input#campotexto {border: 1px solid #000; vertical-align: top; padding-left: 0.5em;} #fondo header #navegacion-opciones #navegacion #buscador form.busqueda fieldset input.botonbuscar {background-image: url("../img/responsive/botonbuscar.png");} #fondo header #navegacion-opciones #navegacion #buscador form.busqueda fieldset a.btnBuscador {background-image: url("../img/responsive/ico-cerrar.png"); border-radius: 5px;} /*Navegacion opciones - Compartir*/ #fondo header #navegacion-opciones #navegacion #compartirmag { padding: 0;} #fondo header #navegacion-opciones #navegacion #compartirmag ul::after {border-bottom-color: #000;} #fondo header #navegacion-opciones #navegacion #compartirmag a#btnCompartir {background-image: url("../img/responsive/btn-compartir-30.png"); border-color: #000;} /*Navegacion opciones - Idiomas*/ #fondo header #navegacion-opciones #navegacion #idiomas {background-color: #fff; border-color: #000; margin-left: 55px;padding:0;} #fondo header #navegacion-opciones #navegacion #idiomas a#btnIdioma {background: url('../img/responsive/ico-idiomas.png') no-repeat;} #fondo header #navegacion-opciones #navegacion #idiomas ul {padding-top: 11px;} #fondo header #navegacion-opciones #navegacion #idiomas ul::after {top: -6px; left: 63px;border-bottom-color: #000;} #fondo header #navegacion-opciones #navegacion #idiomas ul li, #fondo header #navegacion-opciones #navegacion #idiomas ul li.primero {background-image: none;border: none; padding-left:1.5em;background-color:#f1f1f1;} #fondo header #navegacion-opciones #navegacion #idiomas ul li a span {border: none; padding: 0;} #fondo header #navegacion-opciones #navegacion #idiomas ul li.actual span {font-weight: 700} /*Pie*/ #fondo footer #pie .bloque-inferior .izq {float: none; display: block; text-align: center;} #fondo footer #pie .bloque-inferior .dcha {float: none; display: block; width: 100%; text-align: center;} #fondo footer #pie .bloque-inferior .dcha ul.comunes, #fondo footer #pie .bloque-inferior .dcha .logos-accesibilidad {display: block; width: 100%; text-align: center; margin: 0.25em 0;} /*Contenido previo*/ #fondo #contenedor #contenido-previo.imagen .cfondo {width: 56%;} /*Carrusel*/ #fondo #contenedor.portada.una #contenido .csldn.tipo2 .sliders .slide .caption > div {max-height: 230px;} /*Aviso*/ #fondo #contenedor.portada #contenido .cblq.aviso {width: 62%; padding-left: 11%;} #fondo #contenedor #contenido .cblq.aviso {padding-left: 13%;} } @media(max-width: 959px) { /*CABECERA*/ #fondo header #cabecera #imagen-cabecera a#enlace-imagen-cabecera img {width: 1140px;} #fondo header #cabecera .logos #escudo img, #fondo header #cabecera .logos.ue #ue img {height: 72px;} /*Contenido*/ #fondo #contenedor #contenido {padding: 0 30px;} #fondo #contenedor.una #contenido, #fondo #contenedor.dos #contenido, #fondo #contenedor.tres #contenido {width: 672px;} /*PORTADA*/ #fondo #contenedor.una.portada #contenido {width: 752px;} /*Carrusel*/ #fondo #contenedor.portada.una #contenido .csldn.tipo2 .sliders .slide .caption {width: 338px; padding: 15px 35px;} #fondo #contenedor.portada.una #contenido .csldn.tipo2 .sliders .slide .caption p.titulo {font-size: 2em;} #fondo #contenedor.portada.una #contenido .csldn.tipo2 .sliders .slide p.mas {margin: 0; width: 337px; bottom: 40px; left: 81px;} #fondo #contenedor.portada.una #contenido .csldn.tipo2 .barra-opciones {width: 407px; left: 30px;} #fondo #contenedor.portada.una #contenido .csldn.tipo2 .sliders .slide .caption {width: 337px; left: 30px; max-height: 220px;} #fondo #contenedor.portada.una #contenido .csldn.tipo2 .sliders .slide .caption > div {width: 310px; max-height: 195px;} /*Contenido previo*/ #fondo #contenedor #contenido-previo.imagen .cfondo {width: 72%;} /*Componente tarjetas - ctar*/ #fondo #contenedor #contenido div.tabs.dsp-c ul.dsp-d li {border: none; border-top: 1px solid #000; margin: 0;} #fondo #contenedor #contenido div.tabs.dsp-c a.dsp-b {font-size: 1em;} /*Aviso*/ #fondo #contenedor.portada #contenido .cblq.aviso {width: 60%; padding-left: 14%;} #fondo #contenedor #contenido .cblq.aviso {padding-left: 15%;} } @media(max-width: 767px) { /*CABECERA*/ #fondo header #cabecera {height: auto; overflow: hidden;} #fondo header #cabecera #escudo {padding: 7px;} #fondo header #cabecera #imagen-cabecera {width: 450px; padding-top: 0 !important; position:absolute; right: 0; top: 0;} #fondo header #cabecera #imagen-cabecera a#enlace-imagen-cabecera {display: initial; } #fondo header #cabecera #imagen-cabecera a#enlace-imagen-cabecera img {width: 910px; display: block;} #fondo header #cabecera #imagen-cabecera a#enlace-imagen-cabecera img.rwd {display: none;} /*Contenido*/ #fondo #contenedor.una #contenido, #fondo #contenedor.dos #contenido, #fondo #contenedor.tres #contenido {width: 547px;} /*PORTADA*/ #fondo #contenedor.una.portada #contenido {width: 623px;} /*Carrusel*/ #fondo #contenedor.portada.una #contenido .csldn .sliders .slide p.mas {width: initial; bottom: 0;z-index:1;} #fondo #contenedor.portada.una #contenido .csldn.tipo2 .barra-opciones ol.pagination {text-align: left;} #fondo #contenedor.portada.una #contenido .csldn.tipo2.claro .barra-opciones ol.pagination li a {background-image:url(../img/pagination-n.png);} /*Calendario de plazos*/ #fondo #contenedor #contenido div.ccalp {width: 100%; padding: 0; margin: 0;} #fondo #contenedor #contenido div.ccalp > div {display: block;} #fondo #contenedor #contenido div.ccalp div.fila > div {display: none; padding: 10px;width: 100%;} #fondo #contenedor #contenido div.ccalp div.fila > div.titulo {width: 100%;min-height: auto;display: block;text-align: center;} #fondo #contenedor #contenido div.ccalp div.fila > div.estado-rwd {display: block;padding: 0;} #fondo #contenedor #contenido div.ccalp div.fila > div.estado-rwd ul {padding: 0; display: flex; width: 100%; margin: 0 auto 0.5em auto; border-radius: 5px;} #fondo #contenedor #contenido div.ccalp div.fila > div.estado-rwd ul li {flex-grow: 1; background: url('../img/responsive/principio-plazo.png') no-repeat; background-color: #00A396; background-color: #ccc; padding: 5px; padding-left: 50px; text-align: center;margin: 0;background-size: contain;} #fondo #contenedor #contenido div.ccalp div.fila > div.estado-rwd ul li.activo {font-weight: 700; background-image: url('../img/responsive/principio-plazo-seleccionado.png'); background-color: #00c6b6;} #fondo #contenedor #contenido div.ccalp div.fila > div.estado-rwd ul li.activo + li {background-image: url('../img/responsive/final-plazo-seleccionado.png');} #fondo #contenedor #contenido div.ccalp div.fila > div.estado-rwd ul li.proxima-publicacion.activo, #fondo #contenedor #contenido div.ccalp div.fila > div.estado-rwd ul li.solicitud.activo {background-color: #A0E0DB;} #fondo #contenedor #contenido div.ccalp div.fila > div.estado-rwd ul li.tramitacion.activo, #fondo #contenedor #contenido div.ccalp div.fila > div.estado-rwd ul li.resolucion.activo {background-color: #1D5D99;color:#FFF;} #fondo #contenedor #contenido div.ccalp div.fila > div.estado-rwd ul li.proxima-publicacion.activo + li, #fondo #contenedor #contenido div.ccalp div.fila > div.estado-rwd ul li.solicitud.activo + li {background-image: url('../img/responsive/flechac1-activo.png');} #fondo #contenedor #contenido div.ccalp div.fila > div.estado-rwd ul li.tramitacion.activo + li, #fondo #contenedor #contenido div.ccalp div.fila > div.estado-rwd ul li.resolucion.activo + li {background-image: url('../img/responsive/flechac2-activo.png');} #fondo #contenedor #contenido div.ccalp div.fila > div.estado-rwd ul li.primero {padding-left: 5px; flex-grow: 2; background-image: none;} /*Cabecera*/ #fondo header #cabecera #imagen-cabecera {background-color: #ffffff;} /*Carrusel*/ #fondo #contenedor.portada.una #contenido .csldn.tipo2 .sliders {padding-bottom: 34px;} #fondo #contenedor.portada.una #contenido .csldn.tipo2 .sliders .slide .caption {position: relative; transform: initial; width: 555px; clear: both; display: block; padding: 33px; max-height: initial; top: 0; left: 0;} #fondo #contenedor.portada.una #contenido .csldn.tipo2 .sliders .slide .caption > div {position: relative; transform: initial; top: 0; left: 0; width: 100%; max-height: initial;} #fondo #contenedor.portada.una #contenido .csldn.tipo2 .sliders .slide p.mas {width: initial; left: initial; bottom: 0; right: 0;} #fondo #contenedor.portada.una #contenido .csldn.tipo2 .barra-opciones {height: 34px; left: 0;} #fondo #contenedor.portada.una #contenido .csldn.tipo2 .barra-opciones {width: 621px; transform: initial; border-top: 1px dotted #8e8e8e;} #fondo #contenedor.portada.una #contenido .csldn.tipo2.claro .barra-opciones a.stop {background-position: -41px 0px;} #fondo #contenedor.portada.una #contenido .csldn.tipo2.claro .barra-opciones a.play {background-position: -25px 0;} /*Contenido previo*/ #fondo #contenedor #contenido-previo.imagen .cfondo {width: 84%;} #fondo #contenedor #contenido-previo.imagen .cfondo {transform: translate(10%, 10%); left: 0;} /*Componente columnas - boton*/ #fondo #contenedor #contenido .cblq div.ccol-2 .col div.cbtn {margin: 0.5em 0;} #fondo #contenedor #contenido .cblq div.ccol-2 .col div.cbtn .btn {min-width: 216px;} /*Aviso*/ #fondo #contenedor.portada #contenido .cblq.aviso {width: 81%; padding-left: 16%;} #fondo #contenedor #contenido .cblq.aviso {padding-left: 18%;} /*Formulario general*/ #fondo #contenedor #contenido div.formulario-contenido form fieldset span.descripcion {margin-left: 0;} #fondo #contenedor #contenido div.formulario-contenido form fieldset .seleccion div.opciones {max-width: 100%;} } @media(max-width: 639px) { /*CABECERA*/ #fondo header #cabecera {height: 160px; } /*#fondo header #cabecera #escudo {left: 50%; background: #f6d117; transform: translate(-50%, 0); width: 100%; padding: 0;}*/ #fondo header #cabecera #escudo img.rwd {width: auto;} #fondo header #cabecera #imagen-cabecera {padding-top: 68px !important;} #fondo header #cabecera #imagen-cabecera a#enlace-imagen-cabecera img {width: 1280px;} /*Contenido*/ #fondo #contenedor.una #contenido, #fondo #contenedor.dos #contenido, #fondo #contenedor.tres #contenido {width: 386px;} /*Encabezados y titulos*/ #fondo #contenedor h1 {font-size: 2.5em;} #fondo #contenedor h2 {font-size: 2.2em;} #fondo #contenedor h3 {font-size: 1.9em;} #fondo #contenedor h4 {font-size: 1.6em;} #fondo #contenedor h5 {font-size: 1.3em;} #fondo #contenedor h6 {font-size: 1em;} /*PORTADA*/ #fondo #contenedor.una.portada #contenido {width: 463px;} /*Calendario de plazos*/ #fondo #contenedor #contenido div.ccalp div.fila > div.titulo {padding: 5px 0;} #fondo #contenedor #contenido div.ccalp div.fila > div.estado-rwd ul {display: block; border-radius: 0; margin: 10px auto;} #fondo #contenedor #contenido div.ccalp div.fila > div.estado-rwd ul li {background: none; background: #ccc; padding: 5px; border-radius: 5px; margin: 10px auto; width: 80%; position: relative;line-height:1.4;} #fondo #contenedor #contenido div.ccalp div.fila > div.estado-rwd ul li:after { content: ""; display: block; border: 8px solid transparent; border-top-color: #ccc; position: absolute; left: 50%; transform: translate(-50%, 0); bottom: -16px;} #fondo #contenedor #contenido div.ccalp div.fila > div.estado-rwd ul li:last-child:after {border: none;} #fondo #contenedor #contenido div.ccalp div.fila > div.estado-rwd ul li.activo {font-weight: 700; background-image: none;} #fondo #contenedor #contenido div.ccalp div.fila > div.estado-rwd ul li.proxima-publicacion.activo, #fondo #contenedor #contenido div.ccalp div.fila > div.estado-rwd ul li.solicitud.activo {background-color: #A0E0DB;} #fondo #contenedor #contenido div.ccalp div.fila > div.estado-rwd ul li.proxima-publicacion.activo:after, #fondo #contenedor #contenido div.ccalp div.fila > div.estado-rwd ul li.solicitud.activo:after {border-top-color: #A0E0DB;} #fondo #contenedor #contenido div.ccalp div.fila > div.estado-rwd ul li.tramitacion.activo, #fondo #contenedor #contenido div.ccalp div.fila > div.estado-rwd ul li.resolucion.activo {background-color: #1D5D99;} #fondo #contenedor #contenido div.ccalp div.fila > div.estado-rwd ul li.tramitacion.activo:after, #fondo #contenedor #contenido div.ccalp div.fila > div.estado-rwd ul li.resolucion.activo:after {border-top-color: #1D5D99;} #fondo #contenedor #contenido div.ccalp div.fila > div.estado-rwd ul li.activo + li {background-image: none;} #fondo #contenedor #contenido div.ccalp div.fila > div.estado-rwd ul li.primero {padding-left: 5px; } /*Carrusel*/ #fondo #contenedor.portada.una #contenido .csldn.tipo2 .sliders .slide .caption {width: 395px;} #fondo #contenedor.portada.una #contenido .csldn.tipo2 .barra-opciones {width: 461px;} #fondo #contenedor .csldn.solo-texto .sliders .slide .texto {width: 80%;} #fondo #contenedor .csldn.solo-texto .barra-opciones {width: 100%;} #fondo #contenedor .csldn.solo-texto .barra-opciones a.prev {left: 0px;} #fondo #contenedor .csldn.solo-texto .barra-opciones a.next {right: 0px;} /*Contenido previo*/ #fondo #contenedor #contenido-previo.imagen .cfondo {transform: initial; width: 100%; background: #000;} #fondo #contenedor #contenido-previo.imagen .cfondo .texto {transform: initial; width: 94%; top: 0; left: 0;} /*Componente buscador almacenes - cba*/ #fondo #contenedor #contenido .cba.simple div.formulario-contenido form fieldset .seleccion select {width: 100%;} /*Columnas*/ #fondo #contenedor #contenido div[class^="ccol"] .col, #fondo #contenedor #contenido div[class^="ccol"] .col.fondo {display: block;} /*Aviso*/ #fondo #contenedor.portada #contenido .cblq.aviso {width: 74%; padding-left: 21%;} #fondo #contenedor #contenido .cblq.aviso {padding-left: 24%;background-position: top left;} #fondo #contenedor #contenido .cblq.aviso p {margin:0 0.5em;} /*Calendario plazos*/ #fondo #contenedor #contenido div.ccalp div.fila > div.estado-rwd ul li.proxima-publicacion.activo + li, #fondo #contenedor #contenido div.ccalp div.fila > div.estado-rwd ul li.solicitud.activo + li, #fondo #contenedor #contenido div.ccalp div.fila > div.estado-rwd ul li.tramitacion.activo + li, #fondo #contenedor #contenido div.ccalp div.fila > div.estado-rwd ul li.resolucion.activo + li {background-image: none;} } @media(max-width: 479px) { /*CABECERA*/ #fondo header #cabecera {height: 150px;} #fondo header #cabecera #imagen-cabecera {padding-top: 50px !important;} #fondo header #cabecera #imagen-cabecera a#enlace-imagen-cabecera img {width: 950px;} /*Logos*/ #fondo header #cabecera .logos #escudo img {height: 70px;} /*Provisional Logotipo UE*/ #fondo header #cabecera .logos.ue #escudo img, #fondo header #cabecera .logos.ue #ue img {height: 58px;} /*Contenido*/ #fondo #contenedor #contenido {padding: 0;} #fondo #contenedor.una #contenido, #fondo #contenedor.dos #contenido, #fondo #contenedor.tres #contenido {width: 328px;} /*PORTADA*/ #fondo #contenedor.una.portada #contenido {width: 344px;} /*Carrusel*/ #fondo #contenedor.portada.una #contenido .csldn.tipo2 .sliders .slide .caption {width: 276px;} #fondo #contenedor.portada.una #contenido .csldn.tipo2 .barra-opciones {width: 342px;} #fondo #contenedor .csldn.solo-texto .sliders .slide .texto {width: 70%;} #fondo #contenedor .csldn.solo-texto .sliders .slide .texto p.titulo {margin-top: 0; font-size: 1.4em !important;} /*Componente buscador almacenes - cba*/ #fondo #contenedor #contenido .cba.simple div.formulario-contenido form fieldset legend {width: 300px;} /*Aviso*/ #fondo #contenedor.portada #contenido .cblq.aviso {width: auto;} #fondo #contenedor #contenido .cblq.aviso {padding-left: 1em !important; padding-top: 30% !important; background-position: center top !important;} #fondo #contenedor #contenido .cblq.aviso p {text-align: center !important;} } @media(max-width: 359px) { /*CABECERA*/ #fondo header #cabecera #imagen-cabecera a#enlace-imagen-cabecera img {width: 825px;} /*Logos*/ #fondo header #cabecera .logos #escudo img {height: 62px;} /*Provisional Logotipo UE*/ #fondo header #cabecera .logos.ue #escudo img, #fondo header #cabecera .logos.ue #ue img {height: 51px;} #fondo header #cabecera .logos.ue #ue img {margin-left: 4px;} /*Contenido*/ #fondo #contenedor.una #contenido, #fondo #contenedor.dos #contenido, #fondo #contenedor.tres #contenido {width: 304px;} /*PORTADA*/ #fondo #contenedor.una.portada #contenido {width: 304px;} /*Carrusel*/ #fondo #contenedor.portada.una #contenido .csldn.tipo2 .barra-opciones {width: 302px;} #fondo #contenedor.portada.una #contenido .csldn.tipo2 .sliders .slide .caption {width: 244px; padding: 29px;} #fondo #contenedor.portada.una #contenido .csldn.tipo2 .sliders .slide .caption p.descripcion {max-height: 6.8em;} #fondo #contenedor .csldn.solo-texto .sliders .slide .texto p.titulo {font-size: 1.2em !important;} #fondo #contenedor .csldn.solo-texto .sliders .slide .texto {width: 65%;} #fondo #contenedor.portada.una #contenido .csldn.tipo2 .sliders .slide .caption, #fondo #contenedor.portada.una #contenido .csldn.tipo2 .sliders .slide .caption > div {max-height: 240px;} /*Componente buscador almacenes - cba*/ #fondo #contenedor #contenido .cba.simple div.formulario-contenido form fieldset .seleccion select {width: 100%; max-width: 272px !important;} /*Contenido previo*/ #fondo #contenedor #contenido-previo .cfondo .texto p.titulo {font-size: 2em;} }