/*ESTILOS TEMA*/ /*ELEMENTOS COMUNES*/ /*Fondo*/ #fondo { background: -moz-linear-gradient(bottom, rgb(250,250,250) 0%, rgb(250,250,250) 19%, rgba(0, 78, 173, 1) 100%, rgba(187,207,237,1) 68%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,78,173,1)), color-stop(68%, rgba(187,207,237,1)), color-stop(100%, rgba(250,250,250,1))); background: -webkit-linear-gradient(bottom, rgb(250,250,250) 0%, rgb(250,250,250) 19%, rgba(0, 78, 173, 1) 100%, rgba(187,207,237,1) 68%); background: -o-linear-gradient(bottom, rgb(250,250,250) 0%, rgb(250,250,250) 19%, rgba(0, 78, 173, 1) 100%, rgba(187,207,237,1) 68%); background: -ms-linear-gradient(bottom, rgb(250,250,250) 0%, rgb(250,250,250) 19%, rgba(0, 78, 173, 1) 100%, rgba(187,207,237,1) 68%); background: linear-gradient(to bottom, rgb(250,250,250) 0%, rgb(250,250,250) 19%, rgba(0, 78, 173, 1) 100%, rgba(187,207,237,1) 68%); linear-gradient(to bottom, rgb(250,250,250) 0%, rgb(250,250,250) 19%, rgb(2, 74, 139) 100%, rgba(187,207,237,1) 68%); } #fondo #contenedor {background: #FFF;} #fondo #contenedor p {line-height: 1.6;} /*Titulo*/ #fondo header #cabecera p.titulo a {display: none;} /*Logo*/ #fondo header #cabecera #logo img {height: 6em;} /*Navegacion opciones*/ #fondo header #navegacion-opciones {background: #004E86;} /*Buscador*/ #fondo header #navegacion-opciones #navegacion #buscador input.campotexto {color: #174A78; border: 1px solid #f2f2f2;} /*Compartir*/ #fondo header #navegacion-opciones #navegacion #compartir a {background: transparent url("../img/ico-redes/btn-compartir.png") left no-repeat;} /*Migas*/ #fondo #contenedor #migas ol li {background-image: url("../img/ico-lista/ico-lista1.png");} #fondo #contenedor #migas ol li.actual {color: #004578;} /*Menu superior*/ #fondo header #navegacion-superior nav#menu-superior {background: #024a8b; height: 3.3em;} #fondo header #navegacion-superior nav#menu-superior ul {height:3.2em;} #fondo header #navegacion-superior nav#menu-superior ul li {border-left: 1px solid #FFF; height:2.9em;} #fondo header #navegacion-superior nav#menu-superior ul li a {height:3.9em; color: #ffffff; min-height: 2.4em;} #fondo header #navegacion-superior nav#menu-superior ul li:hover {background: #0371d2; border-radius: 5px; border-left: 1px solid transparent; box-shadow: 0 2px 2px 0 #002647; height: 2.9em;} #fondo header #navegacion-superior nav#menu-superior ul li:hover a{background:none;} #fondo header #navegacion-superior nav#menu-superior ul li.seleccionado {background: #0371d2; border-radius: 5px; box-shadow: 0 2px 2px 0 #003e75; border: none; height: 2.9em;} #fondo header #navegacion-superior nav#menu-superior ul li.seleccionado a {color: #ffffff; height: 3.9em;} #fondo header #navegacion-superior nav#menu-superior ul li.seleccionado a:hover {background:none;} #fondo header #navegacion-superior nav#menu-superior ul li.seleccionado:hover {border:none;} #fondo header #navegacion-superior nav#menu-superior ul li:first-child {border: none;} #fondo header #navegacion-superior nav#menu-superior ul.el1 li {width: 99%;} #fondo header #navegacion-superior nav#menu-superior ul.el2 li {width: 49%;} #fondo header #navegacion-superior nav#menu-superior ul.el3 li {width: 32%;} #fondo header #navegacion-superior nav#menu-superior ul.el4 li {width: 19.2em;} #fondo header #navegacion-superior nav#menu-superior ul.el5 li {width: 15.3em;} #fondo header #navegacion-superior nav#menu-superior ul.el6 li {width: 12.6em;} #fondo header #navegacion-superior nav#menu-superior ul.el7 li {width: 10.8em;} #fondo header #navegacion-superior nav#menu-superior ul.el8 li {width: 9.3em; max-width:9.3em;} /*Menu lateral*/ #fondo #contenedor #col-izq nav {background: #d3e1ec; border-top: 2px solid #004E86; border-bottom: 3px solid #004E86;} #fondo #contenedor #col-izq nav p.apartado {background: #004E86;} #fondo #contenedor #col-izq nav p.apartado a {color:#FFF;} #fondo #contenedor #col-izq nav ul li a {background-image: url("../img/ico-lista/ico-lista1.png");border-bottom: 1px dashed #004e86;} #fondo #contenedor #col-izq nav ul li a:hover {background-color: #ecf7ff !important;} #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 {background-color: #f3f3f3 !important;} #fondo #contenedor #col-izq nav ul li.abierto ul li.abierto.seleccionado {padding: 0; background-position: 1.8em 0.9em;} #fondo #contenedor #col-izq nav ul li.abierto ul li.abierto.seleccionado a {padding-left: 2.5em;} #fondo #contenedor #col-izq nav ul li.abierto ul li.abierto.seleccionado ul li {background-position: 2.7em 0.8em;} #fondo #contenedor #col-izq nav ul li.abierto ul li.abierto.seleccionado ul li a {font-size: 0.9em;} #fondo #contenedor #col-izq nav ul li.abierto ul li.abierto.seleccionado ul li:last-child {border:none;} #fondo #contenedor #col-izq nav ul li.abierto 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 a {background-image: url("../img/ico-lista/ico-lista-abierto.png");} #fondo #contenedor #col-izq nav ul li.abierto ul li 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-image:url("../img/ico-lista/ico-lista1.png");} #fondo #contenedor #col-izq nav ul li.abierto.seleccionado ul li a {background-color: #ebebec !important;} /*Boton volver*/ #fondo #contenedor p.volver a {background: #d3e1ec url("../img/ico-volver.png") 0.35em 0.3em no-repeat; border-color: #c6d5e0;} /*GENERICOS IMAGEN, VIDEO, GOOGLE MAPS*/ #fondo #contenedor .tema span.titulo, #fondo #contenedor .tema span.pie {color:#1154A6;} #fondo #contenedor .tema.tfondo span.titulo, #fondo #contenedor .tema.pfondo span.pie {background: #1154A6; color:#FFF;} #fondo #contenedor #contenido .enlace.tema a:hover {border-color: #1154a6;} /*Pie*/ #fondo #contenedor {padding-bottom: 5.9em;} #fondo #contenedor .enlacesfooter ul li {display: inline-block; width: 12.9em;} #fondo footer {border-top: 1px solid #ccc; background: #024a8b;} #fondo footer #pie a {color: #FFF;} #fondo footer #pie .bloque-inferior p {color: #FFF;} #fondo footer #pie .bloque-inferior .dcha ul.comunes li {background-image: url("../img/ico-lista-pie.png");} /*CONTENIDO*/ /*Titulos*/ #fondo #contenedor a, #fondo #contenedor h1, #fondo #contenedor h2, #fondo #contenedor h2.reducido, #fondo #contenedor h3, #fondo #contenedor h4, #fondo #contenedor h5, #fondo #contenedor h6 {color: #004578;} /*Encabezados*/ #fondo #contenedor h1.subrayado, #fondo #contenedor h2.subrayado, #fondo #contenedor h3.subrayado, #fondo #contenedor h4.subrayado, #fondo #contenedor h5.subrayado, #fondo #contenedor h6.subrayado {border-bottom: 1px solid #2D5582;} /*Listados*/ #fondo #contenedor #contenido ul li {background-image: url("../img/ico-lista/ico-lista1.png");} #fondo #contenedor #contenido ul li ul li {background-image: url("../img/ico-lista/ico-lista2.png");} #fondo #contenedor #contenido ul li ul li ul li {background-image: url("../img/ico-lista/ico-lista3.png");} #fondo #contenedor #contenido ul li ul li ul li {background-image: url("../img/ico-lista/ico-lista3.png");} #fondo #contenedor #contenido ul li ul li ul li ul li {background-image: url("../img/ico-lista/ico-lista4.png");} #fondo #contenedor #contenido ul.listado1 li {background: url("../img/ico-lista/ico-lista1.png") 0.2em 0.4em;} #fondo #contenedor #contenido ul.listado2 li {background: url("../img/ico-lista/ico-lista2.png") 0 0.3em;} #fondo #contenedor #contenido ul.listado3 li {background: url("../img/ico-lista/ico-lista3.png") 0 0.3em;} #fondo #contenedor #contenido ul.listado4 li {background: url("../img/ico-lista/ico-lista4.png") 0 0.4em;} #fondo #contenedor #contenido ul.listado5 li {background: url("../img/ico-lista/ico-lista5.png") 0 0.4em;} #fondo #contenedor #contenido ul.listado6 li {background: url("../img/ico-lista/ico-lista6.png") 0 0.3em;} /*PARRAFOS*/ /*Componente listado de paginas hijas - clp*/ /*Un nivel*/ #fondo #contenedor #contenido .clp ul li {background-image: url("../img/ico-lista/ico-lista1.png");} /*Mas de un nivel*/ #fondo #contenedor #contenido .clp ul.niveles li {background-image: url("../img/ico-lista/ico-lista1.png");} #fondo #contenedor #contenido .clp ul.niveles li ul {font-size: 1em; padding-left: 0;} #fondo #contenedor #contenido .clp ul.niveles li ul li {background-image: url("../img/ico-lista/ico-lista2.png");} #fondo #contenedor #contenido .clp ul.niveles li ul li ul li {background-image: url("../img/ico-lista/ico-lista3.png");} #fondo #contenedor #contenido .clp ul.niveles li ul li ul li ul li {background-image: url("../img/ico-lista/ico-lista4.png");} /*Parrafo videos - cvi*/ #fondo #contenedor #contenido .cvi.tema p.titulo.fondo, #fondo #contenedor #contenido .cvi.tema p.descripcion-video.fondo {background: #1C5493; color:#FFF;} #fondo #contenedor #contenido .cvi.tema p.titulo, #fondo #contenedor #contenido .cvi.tema p.descripcion-video {color: #1C5493;} #fondo #contenedor #contenido .cle div.enlace p.titulo {background-image: url("../img/ico-lista/ico-lista1.png");} /*Destacado*/ #fondo #contenedor div[id^="col"] .cc .cle div.enlace.destacado {background:none !important;} #fondo #contenedor div[id^="col"] .cc .cle div.enlace.destacado p.titulo a {font-weight:700 !important;} /*Parrafo imagen - cim*/ #fondo #contenedor #contenido .cim.tema span.titulo, #fondo #contenedor #contenido .cim.tema span.pie {color:#1154A6;} #fondo #contenedor #contenido .cim.tema.tfondo span.titulo, #fondo #contenedor #contenido .cim.tema.pfondo span.pie {color:#FFF;} #fondo #contenedor #contenido span.pie, #fondo #contenedor #contenido span.pie em {font-style: normal; font-weight:700;} #fondo #contenedor #contenido .cim.pfondo.borde img, #fondo #contenedor #contenido .cim.tfondo.borde img {border: 1px solid transparent !important;} #fondo #contenedor #contenido .cim.tema.enlace a:hover, #fondo #contenedor #contenido .cim.tema span.titulo.fondo + img, body.ie7 #fondo #contenedor #contenido .cim.tema span.fondo, #fondo #contenedor #contenido .nlpl .cim.tema.enlace a:hover {border-color: #1154a6;} #fondo #contenedor #contenido .nlpl .cim span.pie.fondo {border:none;} /* Borde de las imagenes*/ #fondo #contenedor #contenido .cim.borde.enlace.tfondo.tema:hover img, #fondo #contenedor #contenido .cim.borde.enlace.pfondo.tema:hover img, #fondo #contenedor #contenido .cim.borde.tfondo.tema img, #fondo #contenedor #contenido .cim.borde.pfondo.tema img {border-color: #1154a6;} #fondo #contenedor #contenido .cim.borde.tfondo span, #fondo #contenedor #contenido .cim.borde.enlace.tfondo span:hover {border-bottom:1px solid #FFF;} #fondo #contenedor #contenido .cim.borde.pfondo span, #fondo #contenedor #contenido .cim.borde.enlace.pfondo span:hover {border-top:1px solid #FFF;} /*Parrafo listado de noticias - Formulario - cln*/ #fondo #contenedor .formulario form input[type="submit"] {background: #024a8b;border: 1px solid #e9f2ff;} #fondo #contenedor .formulario form input[type="submit"]:hover {background: #0371d2;} /*Formularios generales*/ #contenedor #contenido div.formulario-contenido form fieldset {border-top: 2px solid #1C5493;} #contenedor #contenido div.formulario-contenido form #botones input[type="submit"] {background: #d2e1ef url("../img/bk-submit.jpg") repeat; color: #002f50; border: 1px solid #9fb6cc;} #contenedor #contenido div.formulario-contenido form #botones input[type="submit"]:hover {background: url("../img/bk-submit-hover.jpg") repeat;} /*Formulario habilidades*/ #contenedor #contenido div.formulario-contenido form.form-habilidades fieldset div label {width:100%; text-align:left;display:block;} #contenedor #contenido div.formulario-contenido form.form-habilidades fieldset div.form-item {clear:none; display:inline-block !important; max-width:6em; padding:0; max-width:none;} #contenedor #contenido div.formulario-contenido form.form-habilidades fieldset div.form-item label {width:auto;} #contenedor #contenido div.formulario-contenido form.form-habilidades fieldset .seleccion {padding:0;} #contenedor #contenido div.formulario-contenido form.form-habilidades fieldset .seleccion input[type="checkbox"], #contenedor #contenido div.formulario-contenido form.form-habilidades fieldset .seleccion input[type="radio"] {display:inline-block;} #contenedor #contenido div.formulario-contenido form.form-habilidades fieldset .seleccion label {height: auto;} #contenedor #contenido div.formulario-contenido form.form-habilidades fieldset .seleccion div.opciones {margin:0.5em 0; display:block; padding:0;} /*Progreso*/ #contenedor #contenido div.formulario-contenido form fieldset div.progreso .literales {display: inline-block;width: 20%;vertical-align: top;} #contenedor #contenido div.formulario-contenido form fieldset div.progreso .literales div p, #contenedor #contenido div.formulario-contenido form fieldset div.progreso .literales div span {margin: 0; text-align: right; color: #004e86; font-size: 0.75em; font-weight: 700;} #contenedor #contenido div.formulario-contenido form fieldset div.progreso .literales div span {display:none;} #contenedor #contenido div.formulario-contenido form fieldset div.progreso .grafico {width: 77%;display: inline-block;vertical-align: top;border-left: 3px solid #004e86;border-bottom: 3px solid #004e86;height: 7.7em;position: relative;} #contenedor #contenido div.formulario-contenido form fieldset div.progreso .grafico .nivel {text-align: center;margin: 0.8em;} #contenedor #contenido div.formulario-contenido form fieldset div.progreso .grafico .nivel p {font-size: 0.7em; font-weight: 700; color: #8c8c8c;} #contenedor #contenido div.formulario-contenido form fieldset div.progreso .grafico .mitad {width: 50%;border-right: 3px solid #ccc;height: 7.6em;position: absolute;top: 0;z-index: 2;} #contenedor #contenido div.formulario-contenido form fieldset div.elemento {margin: 0.3em 0.3em; max-height: 1.5em; padding: 0;} #contenedor #contenido div.formulario-contenido form fieldset div.elemento {background: #e0e0e0;height: 1.2em;padding: 0;margin: 0.5em 0.25em;border-radius: 2px;width: 100%;} #contenedor #contenido div.formulario-contenido form fieldset div.elemento .barra {height: 1.2em;border-radius: 3px;margin: 0;padding: 0;} #contenedor #contenido div.formulario-contenido form fieldset div.elemento .barra.rojo {background: #e6342c;} #contenedor #contenido div.formulario-contenido form fieldset div.elemento .barra.amarillo {background: #ffbc00;} #contenedor #contenido div.formulario-contenido form fieldset div.elemento .barra.verde {background: #15a04d;} /*Formulario habilidades progreso*/ #fondo #contenedor #contenido .progreso ol li {width: auto; border: none; padding-right: 2em; margin: 0.2em -5px; display: inline-block; padding: 0.25em 0.6em; padding-right: 2.5em;} #fondo #contenedor #contenido .progreso ol li.actual {background: #004f87 url("../img/progreso/progreso-actual.jpg") right no-repeat;} #fondo #contenedor #contenido .progreso ol li.hecho {background: #004f87 url("../img/progreso/progreso-hecho.jpg") right no-repeat;} #fondo #contenedor #contenido .progreso ol li.siguiente {background: #c3c3c3 url("../img/progreso/progreso-siguiente.jpg") right no-repeat;} #fondo #contenedor #contenido .progreso ol li.ultimo {background: #c6c6c6; padding-right: 1em;} #fondo #contenedor #contenido .progreso ol li.ultimo.actual {background: #004f87;} #fondo #contenedor #contenido .progreso ol li.actual, #fondo #contenedor #contenido .progreso ol li.hecho {color: #FFF;} /*PORTADA - Colores temáticos básicos*/ /*Bloque de texto -txtfondo*/ #fondo #contenedor #portada .bloque.txtfondo.fondo.c1 .texto {background:#9C191B;} #fondo #contenedor #portada .bloque.txtfondo.fondo.c1.transparencia .texto {background: rgba(156, 25, 27, 0.86);} body.ie7 #fondo #contenedor #portada .bloque.txtfondo.fondo.c1.transparencia .texto, body.ie8 #fondo #contenedor #portada .bloque.txtfondo.fondo.c1.transparencia .texto {background: transparent url("../img/transparencia/c1.png");} #fondo #contenedor #portada .bloque.txtfondo.fondo.c2 .texto {background:#0E5854;} #fondo #contenedor #portada .bloque.txtfondo.fondo.c2.transparencia .texto {background:rgba(14, 88, 84, 0.86);} body.ie7 #fondo #contenedor #portada .bloque.txtfondo.fondo.c2.transparencia .texto, body.ie8 #fondo #contenedor #portada .bloque.txtfondo.fondo.c2.transparencia .texto {background: transparent url("../img/transparencia/c2.png");} #fondo #contenedor #portada .bloque.txtfondo.fondo.c3 .texto {background:#0E5175;} #fondo #contenedor #portada .bloque.txtfondo.fondo.c3.transparencia .texto {background:rgba(14, 81, 117, 0.86);} body.ie7 #fondo #contenedor #portada .bloque.txtfondo.fondo.c3.transparencia .texto, body.ie8 #fondo #contenedor #portada .bloque.txtfondo.fondo.c3.transparencia .texto {background: transparent url("../img/transparencia/c3.png");} #fondo #contenedor #portada .bloque.txtfondo.fondo.c4 .texto {background:#574B42;} #fondo #contenedor #portada .bloque.txtfondo.fondo.c4.transparencia .texto {background: rgba(87, 75, 66, 0.86);} body.ie7 #fondo #contenedor #portada .bloque.txtfondo.fondo.c4.transparencia .texto, body.ie8 #fondo #contenedor #portada .bloque.txtfondo.fondo.c4.transparencia .texto {background: transparent url("../img/transparencia/c4.png");} #fondo #contenedor #portada .bloque.txtfondo.fondo.c5 .texto {background:#6E0265;} #fondo #contenedor #portada .bloque.txtfondo.fondo.c5.transparencia .texto {background: rgba(110, 2, 101, 0.86);} body.ie7 #fondo #contenedor #portada .bloque.txtfondo.fondo.c5.transparencia .texto, body.ie8 #fondo #contenedor #portada .bloque.txtfondo.fondo.c5.transparencia .texto {background: transparent url("../img/transparencia/c5.png");} #fondo #contenedor #portada .bloque.txtfondo.fondo.c6 .texto {background:#B35E02;} #fondo #contenedor #portada .bloque.txtfondo.fondo.c6.transparencia .texto {background: rgba(179, 94, 2, 0.86);} body.ie7 #fondo #contenedor #portada .bloque.txtfondo.fondo.c6.transparencia .texto, body.ie8 #fondo #contenedor #portada .bloque.txtfondo.fondo.c6.transparencia .texto {background: transparent url("../img/transparencia/c6.png");} /*BLoque de imagen - txtimagen*/ #fondo #contenedor #portada .bloque.txtimagen .texto {border: 1px solid #004e86;} #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; border-color: #004e86;} #fondo #contenedor #portada .bloque.txtimagen.fondo .texto p {color: #FFF;} #fondo #contenedor #portada .bloque.txtimagen.c1 .texto {border-color: #9C191B;} #fondo #contenedor #portada .bloque.txtimagen.c1 .texto .encabezado p, #fondo #contenedor #portada .bloque.txtimagen.c1 .texto .encabezado p a, #fondo #contenedor #portada .bloque.txtimagen.c1 .texto a {color:#9C191B;} #fondo #contenedor #portada .bloque.txtimagen.c2 .texto {border-color: #0E5175;} #fondo #contenedor #portada .bloque.txtimagen.c2 .texto .encabezado p, #fondo #contenedor #portada .bloque.txtimagen.c2 .texto .encabezado p a, #fondo #contenedor #portada .bloque.txtimagen.c2 .texto a {color:#0E5854;} #fondo #contenedor #portada .bloque.txtimagen.c3 .texto {border-color: #574B42;} #fondo #contenedor #portada .bloque.txtimagen.c3 .texto .encabezado p, #fondo #contenedor #portada .bloque.txtimagen.c3 .texto .encabezado p a, #fondo #contenedor #portada .bloque.txtimagen.c3 .texto a {color:#0E5175;} #fondo #contenedor #portada .bloque.txtimagen.c4 .texto {border-color: #574B42;} #fondo #contenedor #portada .bloque.txtimagen.c4 .texto .encabezado p, #fondo #contenedor #portada .bloque.txtimagen.c4 .texto .encabezado p a, #fondo #contenedor #portada .bloque.txtimagen.c4 .texto a {color:#574B42;} #fondo #contenedor #portada .bloque.txtimagen.c5 .texto {border-color: #6E0265;} #fondo #contenedor #portada .bloque.txtimagen.c5 .texto .encabezado p, #fondo #contenedor #portada .bloque.txtimagen.c5 .texto .encabezado p a, #fondo #contenedor #portada .bloque.txtimagen.c5 .texto a {color:#6E0265;} #fondo #contenedor #portada .bloque.txtimagen.c6 .texto {border-color: #B35E02;} #fondo #contenedor #portada .bloque.txtimagen.c6 .texto .encabezado p, #fondo #contenedor #portada .bloque.txtimagen.c6 .texto .encabezado p a, #fondo #contenedor #portada .bloque.txtimagen.c6 .texto a {color:#B35E02;} #fondo #contenedor #portada .bloque.txtimagen.c1.fondo .texto p, #fondo #contenedor #portada .bloque.txtimagen.c1.fondo .texto p a, #fondo #contenedor #portada .bloque.txtimagen.c2.fondo .texto p, #fondo #contenedor #portada .bloque.txtimagen.c2.fondo .texto p a, #fondo #contenedor #portada .bloque.txtimagen.c3.fondo .texto p, #fondo #contenedor #portada .bloque.txtimagen.c3.fondo .texto p a, #fondo #contenedor #portada .bloque.txtimagen.c4.fondo .texto p, #fondo #contenedor #portada .bloque.txtimagen.c4.fondo .texto p a, #fondo #contenedor #portada .bloque.txtimagen.c5.fondo .texto p, #fondo #contenedor #portada .bloque.txtimagen.c5.fondo .texto p a, #fondo #contenedor #portada .bloque.txtimagen.c6.fondo .texto p, #fondo #contenedor #portada .bloque.txtimagen.c6.fondo .texto p a {color:#FFF;} #fondo #contenedor #portada .bloque.txtimagen.c1.fondo .texto {background:#9C191B;border-color: #460001;} #fondo #contenedor #portada .bloque.txtimagen.c2.fondo .texto {background:#0E5854;border-color: #07423f;} #fondo #contenedor #portada .bloque.txtimagen.c3.fondo .texto {background:#0E5175;border-color: #00324d;} #fondo #contenedor #portada .bloque.txtimagen.c4.fondo .texto {background:#574B42;border-color: #2a211b;} #fondo #contenedor #portada .bloque.txtimagen.c5.fondo .texto {background:#6E0265;border-color: #32002e;} #fondo #contenedor #portada .bloque.txtimagen.c6.fondo .texto {background:#B35E02;border-color: #693700;} /*Alineación izquierda*/ #fondo #contenedor #portada .bloque.txtimagen.c1.fondo.transparencia .texto {background: rgba(156, 25, 27, 0.86);} #fondo #contenedor #portada .bloque.txtimagen.c2.fondo.transparencia .texto {background:rgba(14, 88, 84, 0.86);} #fondo #contenedor #portada .bloque.txtimagen.c3.fondo.transparencia .texto {background:rgba(14, 81, 117, 0.86);} #fondo #contenedor #portada .bloque.txtimagen.c4.fondo.transparencia .texto {background: rgba(87, 75, 66, 0.86);} #fondo #contenedor #portada .bloque.txtimagen.c5.fondo.transparencia .texto {background: rgba(110, 2, 101, 0.86);} #fondo #contenedor #portada .bloque.txtimagen.c6.fondo.transparencia .texto {background: rgba(179, 94, 2, 0.86);} /*Bloque de enlaces - lenlaces*/ /* Cambios puntuales para la salida a reorganizar a posteriori*/ #fondo #contenedor #portada .bloque.lenlaces .texto a span {display: block; overflow: hidden; text-decoration: none; font-weight: 700; font-size: 0.9em; } #fondo #contenedor #portada .bloque.lenlaces .texto ul li a {position: relative;display: block;padding: 0 1% 0 37%;text-decoration: none;} #fondo #contenedor #portada .bloque.lenlaces .texto ul.im li img {position: absolute; top: 0; left: 0; width: 35%;} #fondo #contenedor #portada .bloque.lenlaces.ud .texto ul.lb li:last-child {border: none;} #fondo #contenedor #portada .bloque.lenlaces.c1.fondo .texto {background:#9C191B;} #fondo #contenedor #portada .bloque.lenlaces.c2.fondo .texto {background:#0E5854;} #fondo #contenedor #portada .bloque.lenlaces.c3.fondo .texto {background:#0E5175;} #fondo #contenedor #portada .bloque.lenlaces.c4.fondo .texto {background:#574B42;} #fondo #contenedor #portada .bloque.lenlaces.c5.fondo .texto {background:#6E0265;} #fondo #contenedor #portada .bloque.lenlaces.c6.fondo .texto {background:#B35E02;} #fondo #contenedor #portada .bloque.lenlaces.c1.fondo .texto, #fondo #contenedor #portada .bloque.lenlaces.c1.fondo .texto a, #fondo #contenedor #portada .bloque.lenlaces.c2.fondo .texto, #fondo #contenedor #portada .bloque.lenlaces.c2.fondo .texto a, #fondo #contenedor #portada .bloque.lenlaces.c3.fondo .texto, #fondo #contenedor #portada .bloque.lenlaces.c3.fondo .texto a, #fondo #contenedor #portada .bloque.lenlaces.c4.fondo .texto, #fondo #contenedor #portada .bloque.lenlaces.c4.fondo .texto a, #fondo #contenedor #portada .bloque.lenlaces.c5.fondo .texto, #fondo #contenedor #portada .bloque.lenlaces.c5.fondo .texto a, #fondo #contenedor #portada .bloque.lenlaces.c6.fondo .texto, #fondo #contenedor #portada .bloque.lenlaces.c6.fondo .texto a {color:#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:#024a8b;} #fondo #contenedor #portada .bloque.lenlaces.c1 .texto ul.lb li {border-bottom: 1px solid #b94c4e;} #fondo #contenedor #portada .bloque.lenlaces.c2 .texto ul.lb li {border-bottom: 1px solid #388c88;} #fondo #contenedor #portada .bloque.lenlaces.c3 .texto ul.lb li {border-bottom: 1px solid #5f9ac4;} #fondo #contenedor #portada .bloque.lenlaces.c4 .texto ul.lb li {border-bottom: 1px solid #7e8484;} #fondo #contenedor #portada .bloque.lenlaces.c5 .texto ul.lb li {border-bottom: 1px solid #af64a9;} #fondo #contenedor #portada .bloque.lenlaces.c6 .texto ul.lb li {border-bottom: 1px solid #ce9c65;} #fondo #contenedor #portada .bloque.lenlaces .texto ul.ti li a {background: url("../img/ico-lista/ico-lista1.png") 0.6em center no-repeat; padding-left: 1.7em;} #fondo #contenedor #portada .bloque.lenlaces.c1 .texto ul.ti li a {background: url("../img/lenlaces/ico-lista1-rojo.png") 0.6em center no-repeat;} #fondo #contenedor #portada .bloque.lenlaces.c2 .texto ul.ti li a {background: url("../img/lenlaces/ico-lista1-verde.png") 0.6em center no-repeat;} #fondo #contenedor #portada .bloque.lenlaces.c3 .texto ul.ti li a {background: url("../img/lenlaces/ico-lista1-azul.png") 0.6em center no-repeat;} #fondo #contenedor #portada .bloque.lenlaces.c4 .texto ul.ti li a {background: url("../img/lenlaces/ico-lista1-gris.png") 0.6em center no-repeat;} #fondo #contenedor #portada .bloque.lenlaces.c5 .texto ul.ti li a {background: url("../img/lenlaces/ico-lista1-morado.png") 0.6em center no-repeat;} #fondo #contenedor #portada .bloque.lenlaces.c6 .texto ul.ti li a {background: url("../img/lenlaces/ico-lista1-naranja.png") 0.6em center no-repeat;} /*Bloque galeria portada*/ #fondo #contenedor #portada .bloque.galeriaPortada {border: 1px solid #004e86; background: #01375f;} #fondo #contenedor #portada .bloque.galeriaPortada [id^=container] [id^=slides] .slides_container {background: #01375f;} #fondo #contenedor #portada .bloque.galeriaPortada [id^=containerPortada] [id^=slidesPortada] .slides_container .captionPortada {background: rgba(1, 35, 86, 0.85);} body[class^="ie"] #fondo #contenedor #portada .bloque.galeriaPortada [id^=containerPortada] [id^=slidesPortada] .slides_container .captionPortada {background: url(../img/transparencias/ccarrusel.png) repeat;} #fondo #contenedor #portada .bloque.galeriaPortada [id^=container] [id^=slides] ul.pagination li a {border:1px solid #113349 !important;} #fondo #contenedor #portada .bloque.galeriaPortada [id^=container] [id^=slides] ul.pagination li.current a {background-color: rgb(152, 204, 245);} /*Mapa*/ #fondo #contenedor #contenido .cmp .mapaImg ul li a {background: transparent url("../img/mapa-comunidades/mapa-link.png") no-repeat;} #fondo #contenedor #contenido .cmp .mapaImg ul li a:hover {background: 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:#eaf5ff;} #fondo #contenedor #contenido .cmp.com ul.lista li a:hover, #fondo #contenedor #contenido .cmp.prov ul.lista li a:hover {color: #2D5582;} /*Tablas*/ #fondo #contenedor #contenido div[class^="ct"] table caption {color: #174a78;} #fondo #contenedor #contenido div[class^="ct"] table {border: 1px solid #D4D0C8;} #fondo #contenedor #contenido div[class^="ct"] table thead th {color: #ffffff;background: #004e86;} #fondo #contenedor #contenido div[class^="ct"] table tbody th {background: #f5f5f5;} #fondo #contenedor #contenido div[class^="ct"] table td {border: 1px solid #004e86;background: #ffffff;} #fondo #contenedor #contenido div[class^="ct"] table th {background: #f1f1f1;border: 1px solid #004e86;} #fondo #contenedor #contenido div[class^="ct"] table thead tr.cols th {background: #0371d2 !important; color: #FFF; padding:0.5em;} #fondo #contenedor #contenido div[class^="ct"] table thead tr.cols th#titulacion {width: 25em;} #fondo #contenedor #contenido div.ctf table caption {background: #004e86;border-left: 1px solid #004e86;border-right: 1px solid #004e86;} #fondo #contenedor #contenido div.ctn table caption {border-left: 1px solid #FFF;border-right: 1px solid #FFF;} #fondo #contenedor #contenido div.ctf table caption, #fondo #contenedor #contenido div.ctn table caption {margin: 0; color: #FFF; padding: 0.5em;} #fondo #contenedor #contenido div.ctn.fpb table caption {background: #01af50;} #fondo #contenedor #contenido div.ctn.fpgm table caption {background: #c0504d;} #fondo #contenedor #contenido div.ctn.fpgs table caption {background: #16375e;} #fondo #contenedor #contenido .ctn table thead tr th, #fondo #contenedor #contenido .ctf table thead tr th {padding:1em 0;} #fondo #contenedor #contenido .ctf table tr.fpb th {background: #01af50 !important;} #fondo #contenedor #contenido .ctf table tr.fpgm th {background: #c0504d !important;} #fondo #contenedor #contenido .ctf table tr.fpgs th {background: #16375e !important;} #fondo #contenedor #contenido .ctf table tr.gris th {background: #CCC !important;} #fondo #contenedor #contenido .ctn table tr th {padding:1em 0.5em; background: #024a8b !important; border: 1px solid #FFF;} #fondo #contenedor #contenido .ctn table tr th img {padding:0;} #fondo #contenedor #contenido .ctn table thead tr th#nivel img {width:7em;} #fondo #contenedor #contenido .ctf table thead img {max-width: 24.8em;} #fondo #contenedor #contenido .ctn table tbody img {max-width:17em !important;} #fondo #contenedor #contenido .ctf .familia {border: 1px solid #004e86; background: #004e86; padding: 1em 0; font-size: 0.85em;} #fondo #contenedor #contenido .ctf .familia img {max-width: 24.8em;} #fondo #contenedor #contenido .ctf table, #fondo #contenedor #contenido .ctn table {margin-top: 0 !important;} #fondo #contenedor #contenido .ctn .nivel {border: 1px solid #FFF; border-bottom: 0; padding: 1em 0; font-size: 0.85em;} #fondo #contenedor #contenido .ctn .nivel img {width: 7em; max-width:17em;} #fondo #contenedor #contenido .ctn.fpb .nivel {background: #01af50;} #fondo #contenedor #contenido .ctn.fpgm .nivel {background: #c0504d;} #fondo #contenedor #contenido .ctn.fpgs .nivel {background: #16375e;} #fondo #contenedor #contenido .ctn.gris .nivel {background: #CCC;} #fondo #contenedor tr.fpb th p, #fondo #contenedor tr.fpgm th p, #fondo #contenedor tr.fpgs th p {color: #FFF;font-size: 1.25em;margin: 0.25em 0 0 0 !important;} #fondo #contenedor #contenido .ctn table ul li, #fondo #contenedor #contenido .ctf table ul li {background:none; text-align:center !important; padding:0.2em 0 !important;} /*Estilos provisionales tablas migradas TodoFp*/ #fondo #contenedor #contenido table thead th {color: #ffffff;padding: 0.5em;background: #0371d2;} #fondo #contenedor #contenido table thead th p {margin:0;} #fondo #contenedor #contenido table td {font-size:0.8em;} #fondo #contenedor #contenido table td, #fondo #contenedor #contenido table th {border: 1px solid #004e86;} #fondo #contenedor #contenido table p, #fondo #contenedor #contenido table ul {font-size: 1em;} /*Pagination*/ ul.paginas li a {padding-left: 1.2em; background: url("../img/ico-lista/ico-lista1.png") 0em 0.25em no-repeat;} /*Bloque de enlaces - Portada*/ #fondo #contenedor #portada .bloque.lenlaces div.enlace a {color: #1D518B;} /*Galeria*/ #fondo #contenedor #contenido .cgi .cim{padding: 0.1em 0;} /*Galeria de ampliacion*/ /*Icono en la esquina inferior derecha*/ #fondo #contenedor #contenido .cim.tema span.lupa.cboxElement {background-position: -34px 0px;} /*Datepicker*/ .mecd-dp-selector {background: #004e86;} .mecd-dp-selector .cabecera-selector {background: #f1f1f1;} .mecd-dp-selector .meses {background: #eaf5ff;} .mecd-dp-selector .meses ul li {color: #004e86;border: 1px solid #bed6e7;background: #d4e7f3 url("../img/datepicker/bk-item-val.jpg");} .mecd-dp-selector .meses ul li:hover {background: #cae1ef;background: #cae1ef url("../img/datepicker/bk-item-valhover.jpg");} .mecd-dp-selector .meses ul li.disabled {color: #979797;background: #e5e4e4 url("../img/datepicker/bk-item-dis.jpg");border: 1px solid #e7e3e3;} .mecd-dp-selector .meses ul li.disabled:hover {background: #e5e4e4 url("../img/datepicker/bk-item-dis.jpg");} .mecd-dp-selector ul li .meses, .mecd-dp-selector .cabecera-selector ul li .year {background:#FFF;} .mecd-dp-selector .cabecera-selector ul li.prev, .mecd-dp-selector .cabecera-selector ul li.next {border:none;background-color:transparent;} .mecd-dp-selector .cabecera-selector ul li.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;} /*Listado de ciclos*/ #fondo #contenedor #contenido.ciclos div.enlaces-interes {text-align:center;} #fondo #contenedor #contenido.ciclos div.enlaces-interes ul, #fondo #contenedor #contenido.ciclos div.enlaces-interes ul li ul {padding:0;} #fondo #contenedor #contenido.ciclos div.enlaces-interes ul {width: 100%;} #fondo #contenedor #contenido.ciclos div.enlaces-interes ul a {font-size: 0.87em;} #fondo #contenedor #contenido.ciclos div.enlaces-interes ul li {margin:0.25em 0;background: none;padding: 0.25em;border: 2px solid #004e86;width: 7.4em;text-align: center;vertical-align: top;margin: 0;display: inline-block;height: 8em;} #fondo #contenedor #contenido.ciclos div.enlaces-interes ul li img {padding:0.25em;} #fondo #contenedor #contenido.ciclos div.enlaces-interes ul li ul li {display: block;border: none;padding: 0;height: auto;} #fondo #contenedor #contenido.ciclos div.enlaces-interes ul li ul li:first-child {border: none;} #fondo #contenedor #contenido.ciclos div.enlaces-interes ul li.deshabilitado ul li {font-size: 0.87em; width: 100%; color:#ccc;} #fondo #contenedor #contenido.ciclos div.enlaces-interes ul li img.gris {display: none;} #fondo #contenedor #contenido.ciclos div.enlaces-interes ul li.deshabilitado img {display: none;} #fondo #contenedor #contenido.ciclos div.enlaces-interes ul li.deshabilitado img.gris {display: inline-block;} #fondo #contenedor #contenido.ciclos div.enlaces-interes.correccion ul li {height:9.5em;} #fondo #contenedor #contenido.ciclos div.enlaces-interes.correccion ul li ul li {height:auto;} body.ie7 #fondo #contenedor .ciclos#contenido div.enlaces-interes ul li {float:left;} body.ie7 #fondo #contenedor .ciclos#contenido div.enlaces-interes ul li ul {margin:0;} body.ie8 #fondo #contenedor .ciclos#contenido div.enlaces-interes ul li.deshabilitado ul li {font-size:0.9em; color:#ccc;} #fondo #contenedor #contenido.ciclos h2, #fondo #contenedor #contenido.ciclos h3 {margin: 0;} #fondo #contenedor #contenido.ciclos .titulo {clear: both;padding: 0.5em;background: #004e86;text-align: center;min-height: 5em;} #fondo #contenedor #contenido.ciclos .titulo h1 {background: #004e86;color: #FFF;margin: 0;padding: 0.25em;font-weight: 700;float: left;width: 35.2em; max-height: 2.9em; overflow: hidden;} #fondo #contenedor #contenido.ciclos .titulo img {float: left;} #fondo #contenedor #contenido.ciclos p.sistema {background: #0371d2; margin: 0; padding: 0.25em; color: #FFF; font-weight: 700; text-align: center; font-size: 1.2em;} #fondo #contenedor #contenido.ciclos ul.anclas {padding: 0.5em 1em;border-top: 2px solid #0371d2;border-bottom: 1px solid #c1c1c1;margin-top: 0;} #fondo #contenedor #contenido.ciclos ul.anclas a {text-decoration: none;} #fondo #contenedor #contenido.ciclos ul.anclas li a {text-decoration: none;} #fondo #contenedor #contenido.ciclos .cte {background: #f5f5f6; padding: 0.5em 1em; border-bottom: 1px solid #c1c1c1; margin-bottom: 1.5em;} #fondo #contenedor #contenido .cla .elemento h2 {border-bottom: 2px solid #0371d2;} #fondo #contenedor #contenido .cla .subir-listado a {background: #2a6caf url("../img/subir-listado.png") 0.2em 0.25em no-repeat; padding: 0.6em 0.7em 0.6em 2.25em; margin-top: -2.5em;} body.ie7 #fondo #contenedor #contenido .cla .subir-listado {top:-1.9em;} #fondo #contenedor .cla h4 {font-size: 0.95em; font-weight: 700;} #fondo #contenedor #contenido .cla .cte {background: #f5f5f6; padding: 0.5em 0.75em;} #fondo #contenedor #contenido .cla ul.anclas {background: #e9f0f9; border: 1px solid #e9eef0; border-top: 2px solid #297ebd;} #fondo #contenedor #contenido.ciclos ul.anclas li a {color: #024A8B;} #fondo #contenedor #contenido.ciclos ul.anclas li a:hover {text-decoration: underline;} #fondo #contenedor #contenido.ciclos h2.indice {background: url('../img/listado-ciclos/ico-anclas.png') 0.3em 0.65em no-repeat;padding: 0.35em 1.4em;} #fondo #contenedor #contenido.ciclos h3#duracion {background: url('../img/listado-ciclos/ico-duracion.png') no-repeat;padding: 0.35em 2em;} #fondo #contenedor #contenido.ciclos h3#requisitos {background: url('../img/listado-ciclos/ico-requisitos.png') no-repeat;padding: 0.35em 2em;} #fondo #contenedor #contenido.ciclos h3#que-aprender {background: url('../img/listado-ciclos/ico-que-aprender.png') no-repeat;padding: 0.35em 2em;} #fondo #contenedor #contenido.ciclos h3#plan-formacion {background: url('../img/listado-ciclos/ico-plan-formacion.png') no-repeat;padding: 0.35em 2em;} #fondo #contenedor #contenido.ciclos h3#que-hacer {background: url('../img/listado-ciclos/ico-que-hacer.png') no-repeat;padding: 0.35em 2em;} #fondo #contenedor #contenido.ciclos h3#salidas {background: url('../img/listado-ciclos/ico-salidas.png') no-repeat;padding: 0.35em 2em;} #fondo #contenedor #contenido.ciclos h3#mas-info {background: url('../img/listado-ciclos/ico-mas-info.png') no-repeat;padding: 0.35em 2em;} #fondo #contenedor #contenido.ciclos h3#insercion {background: url('../img/listado-ciclos/ico-insercion-laboral2.png') no-repeat;padding: 0.35em 2em;} #fondo #contenedor #contenido h3.mas-info + .cte ul li ul li {margin: 0.8em 0;} #fondo #contenedor #contenido h3.mas-info + .cte ul li ul li ul li {margin: 0.35em 0;} /*Contenido lateral*/ /*Listado de enlaces*/ #fondo #contenedor div[id^="col"] .cc .cle div.enlace p.titulo {background-image: url("../img/ico-lista/ico-lista1.png");} #fondo #contenedor div[id^="col"] .cc.estilo1 p.titulo-cc {background: #024a8b;} #fondo #contenedor div[id^="col"] .cc.estilo2 p.titulo-cc {color: #024a8b; border-bottom-color: #024a8b;} #fondo #contenedor .cc .cte ul li, #fondo #contenedor .cc .cte dt {background-image: url("../img/ico-lista/ico-lista1.png");} /*Banners*/ #fondo #contenedor div.banner a {color: #1D518B;} /*Videos*/ #fondo #contenedor .cvi.tema p.titulo, #fondo #contenedor .cvi.tema p.descripcion-video {color: #024a8b;} #fondo #contenedor .cvi.tema p.titulo.fondo, #fondo #contenedor .cvi.tema p.descripcion-video.fondo {background: #024a8b;color:#FFF;} #fondo #contenedor .cvi.tema p.titulo, #fondo #contenedor .cvi.tema p.descripcion-video {color: #024a8b;} #fondo #contenedor .cvi.tema p.titulo, #fondo #contenedor .cvi.tema p.descripcion-video {color: #024a8b;} /*Cookies*/ #fondo .alertaModal .msg.cookies span#aceptaCookies {background: #024a8b;} #fondo .alertaModal .msg.cookies span#aceptaCookies:hover{background:#0371d2;} /*Plantilla contenedora de tabs*/ #fondo #contenedor #contenido div.tabs.dsp-c ul li {background: #dee4e6;border: 1px solid #e0e8f1;border-bottom-color: #ddd;} #fondo #contenedor #contenido div.tabs.dsp-c ul li a:hover {color: #004e86;} #fondo #contenedor #contenido div.tabs.dsp-c ul li.seleccionado a, #fondo #contenedor #contenido div.tabs.dsp-c a.dsp-b {color: #174a78;} #fondo #contenedor #contenido div.tabs.dsp-c a.dsp-b {background: transparent url("../img/responsive/ico-puntos.png") center right 0.5em no-repeat;} /*CARRUSEL*/ /*Componente carrusel - ESTILOS GENERALES*/ /*Claro*/ #fondo #contenedor .csld.claro .containerSlider div[id^="slides"] .caption p.titulo {color: #01375f;} #fondo #contenedor .csld.claro .containerSlider div[id^="slides"] a.slidesjs-next, #fondo #contenedor .csld.claro .containerSlider div[id^="slides"] a.slidesjs-previous, #fondo #contenedor .csld.claro .containerSlider div[id^="slides"] a.slidesjs-play, #fondo #contenedor .csld.claro .containerSlider div[id^="slides"] a.slidesjs-stop {background-image: url("../img/carrusel/btn-slider.png");} #fondo #contenedor .csld.claro .containerSlider div[id^="slides"] a.slidesjs-next.slidesjs-navigation {background-image: url("../img/carrusel/btn-slider.png");} #fondo #contenedor .csld.claro .containerSlider div[id^="slides"] a.slidesjs-previous.slidesjs-navigation {background-image: url("../img/carrusel/btn-slider.png");} #fondo #contenedor .csld.claro .containerSlider div[id^="slides"] .slidesjs-pagination li a {background-image: url("../img/carrusel/pagination.png");} #fondo #contenedor .csld.claro .containerSlider div[id^="slides"] .slidesjs-pagination li a.active {background-position: 0 26px;} #fondo #contenedor .csld.claro .containerSlider div[id^="slides"] p.mas a {background: url("../img/carrusel/ico-mas.png") left no-repeat !important; color: #01375f;} /*Oscuro*/ #fondo #contenedor .csld.oscuro .containerSlider {background: #01375f;} #fondo #contenedor .csld.oscuro .containerSlider div[id^="slides"] a.slidesjs-previous {background-position: 0 -18px;} #fondo #contenedor .csld.oscuro .containerSlider div[id^="slides"] a.slidesjs-next {margin-right: 0.25em; background-position: -12px -18px;} #fondo #contenedor .csld.oscuro .containerSlider div[id^="slides"] a.slidesjs-play {width:15px; background-position: -25px -18px;} #fondo #contenedor .csld.oscuro .containerSlider div[id^="slides"] a.slidesjs-stop {width:18px; background-position: -41px -18px;} #fondo #contenedor .csld.oscuro.tipo1 .containerSlider div[id^="slides"] a.slidesjs-previous:hover {background-position: 0 -36px;} #fondo #contenedor .csld.oscuro.tipo1 .containerSlider div[id^="slides"] a.slidesjs-next:hover { background-position: -12px -36px;} #fondo #contenedor .csld.oscuro .containerSlider div[id^="slides"] a.slidesjs-play:hover {background-position: -25px -36px;} #fondo #contenedor .csld.oscuro .containerSlider div[id^="slides"] a.slidesjs-stop:hover { background-position: -41px -36px;} #fondo #contenedor .csld.oscuro .containerSlider div[id^="slides"] a.slidesjs-previous.slidesjs-navigation {background-image: url("../img/carrusel/btn-slider.png");} #fondo #contenedor .csld.oscuro .containerSlider div[id^="slides"] a.slidesjs-next.slidesjs-navigation {background-image: url("../img/carrusel/btn-slider.png");} #fondo #contenedor .csld.oscuro .containerSlider div[id^="slides"] a.slidesjs-next, #fondo #contenedor .csld.oscuro .containerSlider div[id^="slides"] a.slidesjs-previous, #fondo #contenedor .csld.oscuro .containerSlider div[id^="slides"] a.slidesjs-play, #fondo #contenedor .csld.oscuro .containerSlider div[id^="slides"] a.slidesjs-stop {background-image: url(../img/carrusel/btn-slider.png);} #fondo #contenedor .csld.oscuro .containerSlider div[id^="slides"] .caption {background: rgba(0, 28, 47, 0.85);} #fondo #contenedor .csld.oscuro .containerSlider div[id^="slides"] .slidesjs-pagination li a {background-image: url("../img/carrusel/pagination.png");} /*TIPO2*/ #fondo #contenedor .csld.tipo2 .containerSlider div[id^="slides"] .slidesjs-pagination li a {background-image: url("../img/carrusel/pagination-t2.png");} #fondo #contenedor .csld.tipo2 .containerSlider div[id^="slides"] li.slidesjs-pagination-item a.active {background-position: 0 -15px;} #fondo #contenedor .csld.tipo2 .containerSlider div[id^="slides"] a.slidesjs-next.slidesjs-navigation {background-image: url("../img/carrusel/btn-slider-t2.png");} #fondo #contenedor .csld.tipo2 .containerSlider div[id^="slides"] a.slidesjs-previous.slidesjs-navigation {background-image: url("../img/carrusel/btn-slider-t2.png");} body[class^="ie"] #fondo #contenedor .csld.oscuro .containerSlider div[id^="slides"] .caption {background: url("../img/carrusel/bk-transparente.png");} /*Datepicker - Fecha*/ body .ui-datepicker .ui-datepicker-header {background: #004e86;} 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-widget.ui-widget-content .ui-state-default, body .ui-widget.ui-widget-content .ui-widget-content .ui-state-default, body .ui-widget.ui-widget-content .ui-widget-header .ui-state-default, body .ui-widget.ui-widget-content .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {background:none; border:none;} body .ui-state-default.ui-state-hover, body .ui-state-highlight, body .ui-widget-content .ui-state-highlight, body .ui-widget-header .ui-state-highlight, body .ui-state-active, body .ui-widget-content .ui-state-active, body .ui-widget-header .ui-state-active, body a.ui-button:active, body .ui-button:active, body .ui-button.ui-state-active:hover {background: #cae1ef url("../img/datepicker/bk-item-valhover.jpg") !important; color: #004e86 !important;} /*CALENDARIO - EVENTOS*/ /*Cabecera*/ #fondo #contenedor #col-dcha .ccb .cabecera-cal {background: #004578;} #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.calendario {border-bottom: 4px solid #f1f4f8;} #fondo #contenedor #col-dcha .ccb table.calendario thead tr.dias th {border-bottom: 1px solid #387392;} #fondo #contenedor #col-dcha .ccb table.calendario tbody tr td.evento:hover {background: #d1e1ff;} #fondo #contenedor #col-dcha .ccb table.calendario tbody tr td.evento a {color: #004e86;} #fondo #contenedor #col-dcha .ccb table.calendario tbody tr td.evento a:hover {color: #004e86;} #fondo #contenedor #col-dcha .ccb table.calendario tbody tr td.sel {background: #f0f4ff; border-color: #adbaff;} /*Leyenda*/ #fondo #contenedor #col-dcha .ccb .leyenda {background: #004e86;} /*Buscador agenda*/ #fondo #contenedor #col-dcha .ccb .formulario {background: #F1F4F8;} #fondo #contenedor #col-dcha .ccb .formulario h3 {color: #005B8D;} #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: #004e86; color: #fff; border-bottom: 1px solid #00476e; border-right: 1px solid #00476e; border-top: 1px solid #c4e2fe; border-left: 1px solid #c4e2fe;} /*Listado de iconos - cli*/ #fondo #contenedor #contenido .cli .elemento .literal p {background: transparent url("../img/ico-lista/ico-lista1.png") 0 0.55em no-repeat;} /*Buscador configurable - cbc*/ #fondo #contenedor #contenido .cbc form fieldset {background:#f4faff;} #fondo #contenedor #contenido .cbc form fieldset label {color: #004e86;} #fondo #contenedor #contenido .cbc form input[type="submit"] {background: #004e86; color: #FFF; border: 1px solid #e9f2ff;} #fondo #contenedor #contenido .cbc form input[type="submit"]:hover {background: #006bb7;} /*Provisional clp*/ #fondo #contenedor #contenido .clp ul li {border-bottom:none;} #fondo #contenedor #contenido .clp ul li a {text-decoration:underline;} /*Responsive*/ @media(max-width: 1279px){ /*Contenido ciclos*/ #fondo #contenedor #contenido.ciclos .titulo h1 {max-width: 29.8em; max-height: 2.9em;} #fondo #contenedor #contenido.ciclos div.enlaces-interes ul li {width: 6.5em; height: 10em;} #fondo #contenedor #contenido.ciclos div.enlaces-interes.correccion ul li {height: 10.7em;} /*Progreso*/ #contenedor #contenido div.formulario-contenido form fieldset div.progreso .grafico {width:39em;} #contenedor #contenido div.formulario-contenido form fieldset div.progreso .literales {width:13em;} /*Menu superior*/ #fondo header #navegacion-superior nav#menu-superior ul {width: 100%; margin: 0.15em auto; height: 3em;} #fondo header #navegacion-superior nav#menu-superior ul li {width: 24%; height: 3em;} #fondo header #navegacion-superior nav#menu-superior ul li a {min-height: 3.4em;} #fondo header #navegacion-superior nav#menu-superior ul li:hover {height: 2.8em;} #fondo header #navegacion-superior nav#menu-superior ul.el4 li {width: 24.3%;} #fondo header #navegacion-superior nav#menu-superior ul.el5 li {width: 19.3%;} #fondo header #navegacion-superior nav#menu-superior ul.el6 li {width: 15.8%;} #fondo header #navegacion-superior nav#menu-superior ul.el7 li {width:13.5%;} #fondo header #navegacion-superior nav#menu-superior ul.el8 li {width:11.7%;} } @media(max-width: 1151px){ /*Contenido ciclos*/ #fondo #contenedor #contenido.ciclos .titulo {height:6em;} #fondo #contenedor #contenido.ciclos .titulo h1 {max-width: 24.8em; max-height: 3.3em;} #fondo #contenedor #contenido.ciclos div.enlaces-interes ul li {width: 5.4em; height: 9em;} /*Tablas*/ #fondo #contenedor #contenido .ctn table tbody img {max-width: 14.5em !important;} /*Progreso*/ #contenedor #contenido div.formulario-contenido form fieldset div.progreso .grafico {width:32em;} #contenedor #contenido div.formulario-contenido form fieldset div.progreso .literales {width:12em;} } @media(max-width: 1023px){ /*Encabezados*/ #fondo #contenedor h1 {font-size: 1.5em;} /*Bloque enlaces portada*/ #fondo #contenedor #portada .bloque.lenlaces .texto a span {font-size: 0.8em;} /*Navegacion*/ #fondo header #navegacion-opciones.cfondo #navegacion {background: #004e86;} /*Opciones*/ #fondo header #navegacion-opciones #navegacion .opciones {background: #297EBD;border: 1px solid #407BA7;} #fondo header #navegacion-opciones #navegacion .opciones a.btnOpciones, #fondo header #navegacion-opciones #navegacion .opciones div.dsp-abierto {background-color: #196ab1;} /*Compartir*/ #fondo header #navegacion-opciones #navegacion #compartir a {background: transparent url("../img/responsive/btn-compartir-30.png") left no-repeat;} /*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;} #fondo header #navegacion-opciones #navegacion #buscador input.campotexto {color: #333; border: 1px solid #989898;} #fondo header #navegacion-opciones #navegacion #buscador input.campotexto:focus {border: 1px solid #5087a4;} /*Idiomas*/ #fondo header #navegacion-opciones #navegacion #idiomas {border: 1px solid #ffffff; border-radius: 3px; background: #004e86;} #fondo header #navegacion-opciones #navegacion #idiomas a {color: #002844;} #fondo header #navegacion-opciones #navegacion #idiomas ul li {background: #ffffff url("../img/responsive/ul-idiomas.png") left 0.7em top 0.9em no-repeat;} #fondo header #navegacion-opciones #navegacion #idiomas ul::after {border-bottom-color:#ffffff;} /*Boton subir*/ #fondo .subir {background-color: #004e86;} /*Barras laterales*/ #fondo header .barra-laterales {background: #004e86;} #fondo header .barra-laterales div.btn-colizq {background-image: url("../../base/img/tema/responsive/flecha-db-izq.jpg");} #fondo header .barra-laterales div.btn-coldcha {background-image: url("../../base/img/tema/responsive/flecha-db-dcha.jpg");} /*Columnas*/ #fondo #contenedor #col-izq .encabezado, #fondo #contenedor #col-dcha .encabezado {background: #0371d2;} /*Menu rwd*/ #fondo header #navegacion #menu-rwd a#btnMenu {background: #0371d2;} #fondo #navegacion-opciones #menu-rwd .global .encabezado, #fondo header #navegacion #menu-rwd.abierto a#btnMenu {background: #0371d2;} #fondo header #navegacion-opciones #navegacion #menu-rwd a#btnMenu, #fondo header #navegacion-opciones #navegacion .global .encabezado {background: #2076C2;} /*Boton menu*/ #fondo header #navegacion-superior nav#menu-superior a {color: #0f5ea8;} #fondo header #navegacion-superior nav#menu-superior a#btnMenu {display: block;position: relative;text-align: left;padding-left: 0;background: url("../img/tema/bk-nav.jpg");} #fondo header #navegacion-superior nav#menu-superior a#btnMenu:after {background: url('../img/responsive/tema/menu-responsive.png') no-repeat;} #fondo #navegacion-opciones #menu-rwd nav {background: #d3e1ec; border-bottom: 3px solid #004E86;} #fondo #navegacion-opciones #menu-rwd nav a {color: #004578;} #fondo #navegacion-opciones #menu-rwd nav p.apartado {background: #004E86; border:none;} #fondo #navegacion-opciones #menu-rwd nav p.apartado a {color:#FFF;} #fondo #navegacion-opciones #menu-rwd nav ul li a {background-image: url("../img/ico-lista/ico-lista1.png"); border-bottom: 1px dashed #004e86; } #fondo #navegacion-opciones #menu-rwd nav ul li a:hover {background-color: #e7f1fb !important;} #fondo #navegacion-opciones #menu-rwd nav ul li ul li a {background-color: #ebebec !important;} #fondo #navegacion-opciones #menu-rwd nav ul li.abierto {background: #ebebec;} #fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li a:hover {background-color: #F3F3F3 !important;} #fondo #navegacion-opciones #menu-rwd nav ul li.seleccionado a:hover {background-color: #FFF !important;} #fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li.abierto ul li a:hover {background-color: #f5f5f5 !important;} #fondo #navegacion-opciones #menu-rwd nav ul li.abierto.activo > a {background-image: url("../img/ico-lista/ico-lista-abierto.png");} /*Arbol colapsable*/ #fondo #navegacion-opciones #menu-rwd nav ul li.abierto span.arbCol {background-image: url("../img/responsive/colapsable/ico-mas.png");} #fondo #navegacion-opciones #menu-rwd nav ul li.abierto.activo > span.arbCol {background-image: url("../img/responsive/colapsable/ico-menos.png");} #fondo #navegacion-opciones #menu-rwd nav ul li.abierto.seleccionado > 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 ciclos*/ #fondo #contenedor #contenido.ciclos .titulo {height:6em;} #fondo #contenedor #contenido.ciclos .titulo h1 {max-width: 33.8em; max-height: 3.3em;} #fondo #contenedor #contenido.ciclos div.enlaces-interes ul li {width: 6.8em; height: 9.9em; margin: 0.2em 0;} #fondo #contenedor #contenido.ciclos div.enlaces-interes ul li ul {padding: 0; margin: 0; width:auto;} #fondo #contenedor #contenido.ciclos div.enlaces-interes.correccion ul li {height: 11.2em;} /*Progreso*/ #contenedor #contenido div.formulario-contenido form fieldset div.progreso .grafico {width:37.5em;} #contenedor #contenido div.formulario-contenido form fieldset div.progreso .literales {width:17.5em;} } @media(max-width: 959px){ /*Cabecera*/ #fondo header #cabecera #logo img {height: 5.3em;} /*Contenido ciclos*/ #fondo #contenedor #contenido.ciclos .titulo h1 {max-width: 26.2em; max-height: 4.5em;} #fondo #contenedor #contenido.ciclos div.enlaces-interes ul {width: 33em; margin: 2em auto;} #fondo #contenedor #contenido.ciclos div.enlaces-interes ul li {width: 9.8em; height: 9.9em; margin: 0.2em 0;} /*Tablas*/ #fondo #contenedor #contenido div[class^="ct"] .tabla {overflow-x: auto;} /*dos columnas*/ #fondo #contenedor.dos #contenido th#real-decreto, #fondo #contenedor.dos #contenido th#curriculo-mecd, #fondo #contenedor.dos #contenido th#curriculo-ccaa, #fondo #contenedor.dos #contenido th#perfiles-profesionales, #fondo #contenedor.dos #contenido td[headers*="real-decreto"], #fondo #contenedor.dos #contenido td[headers*="curriculo-mecd"], #fondo #contenedor.dos #contenido td[headers*="curriculo-ccaa"], #fondo #contenedor.dos #contenido td[headers*="perfiles-profesionales"] {display: none;} /*Tablas especificas*/ #fondo #contenedor #contenido div[class^="ct"] table tbody img {max-width: 12em !important;} #fondo #contenedor #contenido div[class^="ct"] table th#real-decreto, #fondo #contenedor #contenido div[class^="ct"] table th#curriculo-mecd, #fondo #contenedor #contenido div[class^="ct"] table th#curriculo-ccaa, #fondo #contenedor #contenido div[class^="ct"] table th#perfiles-profesionales, #fondo #contenedor #contenido div[class^="ct"] table td[headers*="real-decreto"], #fondo #contenedor #contenido div[class^="ct"] table td[headers*="curriculo-mecd"], #fondo #contenedor #contenido div[class^="ct"] table td[headers*="curriculo-ccaa"], #fondo #contenedor #contenido div[class^="ct"] table td[headers*="perfiles-profesionales"] {display: none;} #fondo #contenedor #contenido div[class^="ct"] table td {display: table-cell; border-width: 1px; border-color: #004e86; border-style: solid;} #fondo #contenedor #contenido div[class^="ct"] table thead tr.cols th {display:table-cell;} /*Progreso*/ #contenedor #contenido div.formulario-contenido form fieldset div.progreso .grafico {width:30.5em;} #contenedor #contenido div.formulario-contenido form fieldset div.progreso .literales {width:13em;} /*Formulario habilidades progreso*/ #fondo #contenedor #contenido .progreso ol {padding-left:0;} #fondo #contenedor #contenido .progreso ol li {display: block; padding-left: 2.5em; padding-right: 0; margin: 0.65px 0.2em;} #fondo #contenedor #contenido .progreso ol li.actual:first-child, #fondo #contenedor #contenido .progreso ol li.primero.actual {background: url("../img/responsive/progreso/progreso-actual-primero.jpg") left no-repeat;} #fondo #contenedor #contenido .progreso ol li.actual {background: url("../img/responsive/progreso/progreso-actual.jpg") left no-repeat;} #fondo #contenedor #contenido .progreso ol li.hecho:first-child, #fondo #contenedor #contenido .progreso ol li.primero.hecho {background: url("../img/responsive/progreso/progreso-hecho-primero.jpg") left no-repeat;} #fondo #contenedor #contenido .progreso ol li.hecho {background: url("../img/responsive/progreso/progreso-hecho.jpg") left no-repeat;} #fondo #contenedor #contenido .progreso ol li.siguiente {background: url("../img/responsive/progreso/progreso-siguiente.jpg") left no-repeat;} #fondo #contenedor #contenido .progreso ol li:last-child, #fondo #contenedor #contenido .progreso ol li.ultimo {background: url("../img/responsive/progreso/progreso-ultimo.jpg") left no-repeat; padding-right:0;} #fondo #contenedor #contenido .progreso ol li.actual:last-child, #fondo #contenedor #contenido .progreso ol li.ultimo.actual {background: url("../img/responsive/progreso/progreso-hecho-ultimo.jpg") left no-repeat;} #fondo #contenedor #contenido .progreso ol li.actual, #fondo #contenedor #contenido .progreso ol li.hecho {color: #004578;} #fondo #contenedor #contenido .progreso ol li.siguiente {color: #686868;} } @media(max-width: 767px){ /*Cabecera*/ #fondo header #cabecera #logo img {height: 3.7em;} /*Contenido ciclos*/ #fondo #contenedor #contenido.ciclos .titulo h1 {max-width: 20.5em; max-height: 3.4em;} /*Progreso*/ #contenedor #contenido div.formulario-contenido form fieldset div.progreso .grafico {width:23.5em;} #contenedor #contenido div.formulario-contenido form fieldset div.progreso .literales {width:11.6em;} /*Tablas*/ th#real-decreto, th#curriculo-mecd, th#curriculo-ccaa, th#perfiles-profesionales, td[headers*="real-decreto"], td[headers*="curriculo-mecd"], td[headers*="curriculo-ccaa"], td[headers*="perfiles-profesionales"] {display: none;} /*Formulario habilidades*/ #contenedor #contenido div.formulario-contenido form.form-habilidades fieldset div {overflow:visible;} } @media(max-width: 639px){ /*Contenido ciclos*/ #fondo #contenedor #contenido.ciclos .titulo h1 {max-width: 17.3em; max-height: 4.6em; font-size: 1.2em;} #fondo #contenedor #contenido.ciclos div.enlaces-interes.correccion ul li {height: 10.2em;} /*Progreso*/ #contenedor #contenido div.formulario-contenido form fieldset div.progreso .grafico {width:14em;} #contenedor #contenido div.formulario-contenido form fieldset div.progreso .literales {width:11em;} /*Formulario habilidades*/ #contenedor #contenido div.formulario-contenido form.form-habilidades fieldset div.form-item {display:block !important; clear:both;} #contenedor #contenido div.formulario-contenido form.form-habilidades fieldset .seleccion div.opciones {margin:0; min-height:7em;} } @media(max-width: 479px){ /*Contenido ciclos*/ #fondo #contenedor #contenido.ciclos .titulo {height: 11.5em;} #fondo #contenedor #contenido.ciclos .titulo h1 {max-width: 15.8em; max-height: 4.4em;} #fondo #contenedor #contenido.ciclos .titulo img {float:none; margin:0 auto;} #fondo #contenedor #contenido.ciclos div.enlaces-interes ul {width: 25em; margin: 2em auto;} #fondo #contenedor #contenido.ciclos div.enlaces-interes ul li {width: 7.3em;} #fondo #contenedor #contenido.ciclos div.enlaces-interes.correccion ul li {height: 10.4em;} #fondo #contenedor #contenido.ciclos h3[id] {background-position: 0.25em 0 !important; padding: 0.25em 2.2em !important;} /*Progreso*/ #contenedor #contenido div.formulario-contenido form fieldset div.progreso .literales div span {display: block; font-size:0.85em;} #contenedor #contenido div.formulario-contenido form fieldset div.progreso .literales div {padding:0.35em 0;} #contenedor #contenido div.formulario-contenido form fieldset div.progreso .literales div p {display:none;} #contenedor #contenido div.formulario-contenido form fieldset div.progreso .literales {width:0.7em;} #contenedor #contenido div.formulario-contenido form fieldset div.progreso .grafico {width:17em; height:7em;} #contenedor #contenido div.formulario-contenido form fieldset div.progreso .grafico .mitad {height:7em;} /*Tablas*/ #fondo #contenedor #contenido .ctn table thead tr th#nivel img {width: 5em;} #fondo #contenedor #contenido .ctn table tbody th img {padding: 0;} } @media(max-width: 359px){ /*Contenido ciclos*/ #fondo #contenedor #contenido.ciclos .titulo {height: 13em;} #fondo #contenedor #contenido.ciclos .titulo h1 {max-width: 14.5em; max-height: 5.6em;} #fondo #contenedor #contenido.ciclos div.enlaces-interes ul {width: 24em;} #fondo #contenedor #contenido.ciclos div.enlaces-interes ul li {height:8.9em; padding:0.5em;} #fondo #contenedor #contenido.ciclos div.enlaces-interes.correccion ul li {height: 9.2em;} #fondo #contenedor #contenido.ciclos div.enlaces-interes ul li, #fondo #contenedor #contenido.ciclos div.enlaces-interes.correccion ul li {width: 22.5em;} /*Progreso*/ #contenedor #contenido div.formulario-contenido form fieldset div.progreso .grafico {width:15.5em;} }