@charset "utf-8"; * { margin: 0; padding: 0; border: 0; list-style: none; color: #635d57; font-family:"Trebuchet MS", Verdana; font-size: 10px; } a { text-decoration: none; } h2 { color: #e4811a; font-size: 180%; font-family: Arial; } body { background: url('/img/interface/fondoPrincipalHome.jpg') top repeat-x; /*background-image: url(../imagenes/fondo-principal-home.jpg); background-repeat: repeat-x; background-position: top; background-color: #ffffff;*/ } legend { display: none; } label { color: #76726f; font-size: 1.2em; } label strong { font-size: 1em; } input { /*width: 19em;*/ padding: 0em 0.5em 0em 0.5em; color: #60a9de; font-size: 1.2em; border: 1px solid #aacbde; background-color: #FFFFFF; } input.boton-radio { width: 1em; font-size: 1.2em; border: none; background-color: #ececec; } textarea { width: 19em; padding: 0em 0.5em 0em 0.5em; color: #60a9de; font-size: 1.2em; border: 1px solid #aacbde; background-color: #ffffff; overflow: hidden; } /* Ids */ #contenedor-principal { background: url('/img/interface/fndCabecera.gif') 0 23px repeat-x; /*background: url('/img/interface/cabeceraMapaPortada.jpg') 50% 23px no-repeat;*/ width: auto; overflow: hidden; clear: both; } #contenedorPrincipal { background: url('/img/interface/cabeceraMapaPortada.jpg') 50% 23px no-repeat; } #contenedorPrincipal_idioma1 { background: url('/img/interface/cabeceraMapaPortada.jpg') 50% 23px no-repeat; } #contenedorPrincipal_idioma2 { background: url('/img/interface/cabeceraMapaPortada.jpg') 50% 23px no-repeat; } #contenedor-principal-cabecera { position: relative; z-index: 20; width: 100.2em; margin: auto; /*overflow: hidden;*/ clear: both; } /* Logo - idioma */ #logo-idioma { float: left; width: 25.1em; overflow: hidden; } #contenido-logo { width: 25.1em; overflow: hidden; clear: both; } #contenido-logo h1 { position: absolute; top: -9000em; left: -9000em; } #contenido-logo img { float: left; width: 25.1em; height: 15.2em; } /* Multi idioma */ #supercontenedor-idioma { border-bottom: 10px solid #e4811a; width: 25.1em; height: 60px; /*background-image: url(../imagenes/idioma-raya.gif); background-repeat: repeat-x;*/ overflow: hidden; clear: both; } #fondo-subcontenedor-idioma { width: 25.1em; background: url('/imagenes/fondo-esquina-desubmenu.gif') no-repeat top right; overflow: hidden; clear: both; } #subcontenedor-idioma-izquierda { float: left; width: 11.3em; height: 3.1em; } #subcontenedor-idioma-izquierda img { float: left; margin-right: 0.5em; } #subcontenedor-idioma-izquierda h2 { margin-left: 2em; padding-top: 0.5em; font-size: 1.2em; color: #ffffff; } #subcontenedor-idioma-derecha { float: right; width: 13.8em; height: 3.1em; background-color: #7eafd6; } #subcontenedor-idioma-derecha ul { width: 13.8em; overflow: hidden; clear: both; } #subcontenedor-idioma-derecha ul li { float: left; padding-right: 0.8em; } #subcontenedor-idioma-derecha ul li a { display: block; } #contenedor-idioma { width: 100%; padding: 2px 0 0 0; } #contenedor-idioma ul { float: right; overflow: hidden; clear: both; } #contenedor-idioma ul li { float: right; padding: 0.5em 0.7em 0em 0.8em; background: url('/imagenes/separador-azul.jpg') no-repeat right 10px; } #contenedor-idioma ul li.ultimo { padding: 0.5em 0em 0em 0.8em; background: none; } #contenedor-idioma ul li a { display: inline-block; color: #FFFFFF; font-size: 1.2em; padding: 2px 4px 2px 4px; text-decoration: none; } #contenedor-idioma ul li a:hover { background-color: #7eafd6; } /* Fin Logo -idioma */ #subcontenedor-menu-cabecera { float: left; width: 75em; overflow: hidden; } #contenedor-menu-superior { float: right; width: 29.5em; height: 1.6em; padding: 0.4em 0 0.3em 45.5em; background-color: #e4811b; overflow: hidden; } #contenedor-menu-superior ul { float: right; overflow: hidden; clear: both; } #contenedor-menu-superior ul li { float: left; padding: 0em 0.7em 0em 0.8em; background-image: url(../imagenes/separador.jpg); background-repeat: no-repeat; background-position: right; } #contenedor-menu-superior ul li.ultimo { padding: 0em 0em 0em 0.8em; background: none; } #contenedor-menu-superior ul li a { display: block; color: #FFFFFF; font-size: 1.2em; text-decoration: none; } #contenedor-menu-superior ul li a:hover { background-color: #e96a00; } /*#menu-cabecera-derecha { float: right; width: 24em; padding: 1.4em 0em 0em 1em; overflow: hidden;}*/ #menu-cabecera-derecha { float: right; width: 24em; padding: 2.6em 0em 0em 1em; overflow: hidden;} #menu-cabecera-derecha h2 { padding-bottom: 0.8em; color: #66bbe2; font-size: 1.4em;} #menu-cabecera-derecha ul { overflow: hidden; clear: both; } #menu-cabecera-derecha ul li { padding: 0em 0em 0.5em 2.8em; } #menu-cabecera-derecha ul li#innovacion { background-image: url(../imagenes/icono-innovacion.jpg); background-repeat: no-repeat; } #menu-cabecera-derecha ul li#ambiente { background-image: url(../imagenes/icono-ambiente.jpg); background-repeat: no-repeat; } #menu-cabecera-derecha ul li#accesibilidad { background-image: url(../imagenes/icono-accesibilidad.jpg); background-repeat: no-repeat; } #menu-cabecera-derecha ul li#desarrollo { background-image: url(../imagenes/icono-desarrollo.jpg); background-repeat: no-repeat; } #menu-cabecera-derecha ul li a { display: block; padding: 0.5em 0 0.5em 0.8em; color: #ffffff; font-size: 1.1em; text-decoration: none; background-color: #0194c8; } #menu-cabecera-derecha ul li a:hover { background-color: #0078b3; } #contenedor-cabecera-grafica { float: left; width: 50em; } #contenedor-cabecera-grafica object { float: left; width: 50em; } #contenedor-cabecera-grafica embed { float: left; width: 50em; } /* Estilo del slider cabecera Temas */ #contenedorSliderTemas { position: absolute; right: 0; text-align: center; top: 23px; width: 202px; z-index: 70; } #contenedorSliderTemas > a.sliderFlechaAnterior, #contenedorSliderTemas > a.sliderFlechaSiguiente { position: absolute; z-index: 100; top: 50px; } #contenedorSliderTemas > a.sliderFlechaAnterior { left: 0; } #contenedorSliderTemas > a.sliderFlechaSiguiente { right: 0; } #contenidoSliderTemas { background: #fff url('/img/interface/fndSliderTema.png') top left repeat-x; margin: 0 auto; overflow: hidden; padding: 22px 0 14px 0; width: 178px; } #contenidoSliderTemas ul.listadoElementos { width: 178px; } #contenidoSliderTemas ul.listadoElementos > li { float: left; width: 178px; } #contenidoSliderTemas h4 { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 1em; margin: 0; padding: 5px 18px 0 18px; text-transform: uppercase; } #contenidoSliderTemas h4 > span.tematica { color: #333; display: block; font-size: 2em; font-weight: bold; line-height: 1em; margin: 1px 0 0 0; text-transform: lowercase; } #contenidoSliderTemas div.resumen { margin: 15px 0 0 0; padding: 0 22px 0 22px; overflow: hidden; } #contenidoSliderTemas div.resumen ul li { font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; } #contenidoSliderTemas div.resumen ul li a.enlaceListadoProyectos { display: inline-block; font-size: 1em; } #contenidoSliderTemas div.resumen ul li a.enlaceListadoProyectos:link, #contenidoSliderTemas div.resumen ul li a.enlaceListadoProyectos:active, #contenidoSliderTemas div.resumen ul li a.enlaceListadoProyectos:visited { color: #0078b3; text-decoration: none; } #contenidoSliderTemas div.resumen ul li a.enlaceListadoProyectos:hover { color: #0078b3; text-decoration: underline; } span.feder { display: block; margin: 15px 0 0 0; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; } #enlaceVerListadoProyectos { display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; height: 28px; line-height: 28px; padding: 0 15px 0 15px; background: url('/img/interface/fndPieSliderTema.png') top left repeat-x; } #enlaceVerListadoProyectos:link, #enlaceVerListadoProyectos:active, #enlaceVerListadoProyectos:visited { color: #fff; text-decoration: none; } #enlaceVerListadoProyectos:hover { color: #fff; text-decoration: underline; } /* Fin de los estilos */ /* Fin cabecera */ #contenedor-columnas { position: relative; z-index: 10; width: 100.2em; margin: 0 auto; overflow: hidden; clear: both; } /* Estilos de la columna izquierda */ #columna-izquierda { float: left; width: 20.9em; margin: 0em 0em -3000em 0em; padding: 0em 2em 3000em 2em; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; background-color: #ffffff; } /* Estilos para el slogan debajo de los logos del sudoe */ #slogan { margin: 15px 0 0 0; padding: 0; } #slogan em { display: inline-block; color: #0078B3; font-size: 1.3em; font-style: normal; letter-spacing: 0px; white-space: nowrap; } /* Fin */ #columna-izquierda ul#logo-internacionales { width: 20.9em; overflow: hidden; clear: both; } #columna-izquierda ul#logo-internacionales li { float: left; padding: 2em 0em 0em 0em; } #columna-izquierda ul#logo-internacionales li img { float: left; } #columna-izquierda ul#menu-izquierda { width: 20.9em; margin-top: 2em; overflow: hidden; clear: both; } #columna-izquierda ul#menu-izquierda li.punto-menu { padding: 0em 0em 0.8em 0em; color: #e57d03; font-size: 1.3em; cursor: pointer; background-image: url(../imagenes/icono-flecha-naranja.jpg); background-repeat: no-repeat; background-position: right 0.3em; } #columna-izquierda ul#menu-izquierda li.punto-menu ul.desplegamos { display: block; } #columna-izquierda ul#menu-izquierda li.punto-menu ul.no-desplegamos { display: none; } #columna-izquierda ul#menu-izquierda li.punto-menu ul li { padding: 0em 0em 0.3em 0em; border-bottom: 1px solid #e6e6e6; } #columna-izquierda ul#menu-izquierda li.punto-menu ul li a { display: block; padding-left: 0.7em; color: #0078b3; font-size: 120%; text-decoration: none; } #columna-izquierda ul#menu-izquierda li.punto-menu ul li a:hover { color: #ffffff; background-color: #e96a00; } #columna-izquierda ul#menu-izquierda li ul li.punto-menu-activo a { color: #ffffff; background-color: #e96a00; } /* Mapa Web */ h2#mapa-web { margin: 1.5em 0em 1.5em 0.7em; } ul#menu-izquierda li.mapa-web-categoria { margin-left: 5em; color: #e57d03; font-size: 1.2em; } ul#menu-izquierda li.mapa-web-categoria ul { margin-left: 3em; } ul#menu-izquierda li.mapa-web-categoria ul li a { color: #0078b3; font-size: 1.2em; text-decoration: underline; } ul#menu-izquierda li.mapa-web-categoria ul li a:hover { text-decoration: none; } /* Fin del Mapa Web */ /* Fin de los estilos de la columna izquierda */ /* Estilos de la columna central */ #contenido-columna-central { float: left; width: 481px; margin: 119px 22px -3000em 22px; padding-bottom: 3000em; } #barra-de-navegacion { width: 45.6em; padding: 0em 0.6em 0em 0em; background-color: #efedee; overflow: hidden; clear: both; } #barra-de-navegacion ul { width: 45.6em; overflow: hidden; clear: both; } #barra-de-navegacion ul li { float: left; padding: 0.3em 1em 0.3em 0.8em; font-size: 1.2em; background-image: url(../imagenes/icono-flecha-gris.jpg); background-repeat: no-repeat; background-position: right 0.8em; } #barra-de-navegacion ul li.ultimo { background: none; } #barra-de-navegacion ul li a { color: #0078b3; font-size: 1em; text-decoration: underline; } #barra-de-navegacion ul li a:hover { text-decoration: none; } #contenedor-bloque-1 { width: 45em; padding: 1.8em 0.6em 0em 0.6em; overflow: hidden; clear: both; } #contenedor-prioridades { float: left; width: 21.3em; padding: 0em 0.9em 0em 0.6em; } #contenedor-prioridades ul { width: 21.3em; margin-top: 1.4em; overflow: hidden; clear: both; } #contenedor-prioridades ul li { padding-bottom: 0.6em; } #contenedor-prioridades ul li a { display: block; } #contenedor-prioridades ul li a img { width: 21.3em; height: 5.2em; } #zona-publicacion1 { float: right; width: 21.2em; padding-left: 1em; } #zona-publicacion1 p { padding-top: 0.5em; font-size: 120%; } #zona-publicacion1 p a:link, #zona-publicacion1 p a:visited {font-size:12px; color: #0078b3; text-decoration:underline;} #zona-publicacion1 p a:hover {color: #0078b3; text-decoration:none;} #zona-publicacion1 p strong { font-size: 100%; } #zona-publicacion1 ul { width: 21.2em; overflow: hidden; clear: both; } #zona-publicacion1 ul li {margin-top: 0.5em;padding: 1em 0.7em 0.7em 2.7em; border: 1px solid #dcdcdc; } #zona-publicacion1 ul li a, #zona-publicacion1 ul li a:visited{color: #0078b3; font-size: 1.2em; text-decoration: underline; } #zona-publicacion1 ul li a:hover{text-decoration:none;} #zona-publicacion1 ul li.pdf { background-image: url(../imagenes/icono-pdf.jpg); background-repeat: no-repeat; background-position: 0.8em 1em;} #zona-publicacion1 ul li.zip { background-image: url(../imagenes/ico-zip.gif); background-repeat: no-repeat; background-position: 0.8em 1em;} #zona-publicacion1 ul li.excel { background-image: url(../imagenes/icono-excell.jpg); background-repeat: no-repeat; background-position: 0.8em 1em;} #zona-publicacion1 ul li.excell { background-image: url(../imagenes/icono-excell.jpg); background-repeat: no-repeat; background-position: 0.8em 1em;} #zona-publicacion1 ul li.word { background-image: url(../imagenes/ico-word.gif); background-repeat: no-repeat; background-position: 0.8em 1em;} #zona-publicacion1 ul li div { } #zona-publicacion1 ul li div a { color: #0078b3; font-size: 1em; text-decoration: underline; } #zona-publicacion1 ul li div a:hover{ text-decoration: none; } #zona-publicacion2{border:1px solid #d2d2d2; background-color:#e7e7e7;padding:0.5em 1.5em ;margin:1em 0;font-size:1em;} #zona-publicacion2 h1 {font-family: Arial; font-size: 16px; color: #e4811a; margin:10px 0px 5px 0px;} #zona-publicacion2 h2 {font-size:16px; font-weight: normal; color: #e57d03; margin:10px 0px 5px 0px;} #zona-publicacion2 h3 {font-family: Arial; font-size:16px; color: #635d57; margin:10px 0px 5px 0px; } #zona-publicacion2 h4 {font-size:14px; font-weight:normal; color: #373430; margin:10px 0px 5px 0px;} #zona-publicacion2 h5 {font-size:14px; font-weight: bold; color: #373430; margin:10px 0px 5px 0px;} #zona-publicacion2 h6 {font-size:14px; font-style:italic; color: #373430; margin:10px 0px 5px 0px;} #zona-publicacion2 p{font-size:12px; color: #635d57; margin:0 0 10px 0;} #zona-publicacion2 strong {font-size:12px; color: #373430;} #zona-publicacion2 img {border:2px solid #e3e3e3; margin: 0px 20px;} #zona-publicacion2 .underline{text-decoration:underline;font-size:12px; } #zona-publicacion2 a, #zona-publicacion2 a:visited {font-size:12px; color: #0078b3; text-decoration:underline;} #zona-publicacion2 a:hover {color: #0078b3; text-decoration:none;} #zona-publicacion2 ol {margin:0 30px; line-height:17px; } #zona-publicacion2 ol li {font-size: 12px; color: #8e8983; margin-bottom:3px; list-style-type:decimal;} #zona-publicacion2 ul {margin:0 30px; line-height:17px;} #zona-publicacion2 ul li {font-size: 12px; color: #8e8983; margin-bottom:3px; list-style-image:url(/imagenes/ico-li.gif);} .info_aux{ } .info_aux li { padding-bottom: 0.6em;color: #8e8983; list-style-image:url(/imagenes/ico-li.gif); margin:0 0 3px 1em;} .info_aux li a { display: block;color: #0078b3; font-size: 1.2em; text-decoration: underline; } .info_aux li a:hover {text-decoration: none; } /* Estilos de la columna central */ #contenedor-bloque-2 { width: 44.8em; margin-top: 0.6em;margin-bottom:1em; padding: 0.8em 0.6em 0.8em 0.6em; border: 1px solid #dcdcdc; overflow: hidden; clear: both; } #contenido-columna-central > div.bloque + div.bloque { margin: 20px 0 0 0; } #bloque-2-izquierda { width: 44.8em; background-color: #e7e7e7; background-image: url(../imagenes/lupa.gif); background-repeat: no-repeat; background-position: 2em 1.8em; overflow: hidden; } #bloque-2-izquierda p { margin-left: 6em; padding: 0em 1em 0.5em 1em; } #bloque-2-izquierda p strong { font-size: 1.2em; } #bloque-2-izquierda ul { margin-left: 6em; padding: 0em 1em 0.5em 1em; overflow: hidden; clear: both; } #bloque-2-izquierda ul li { padding-bottom: 0.3em; font-size: 1.2em; } #bloque-2-izquierda ul li a { color: #0078b3; font-size: 1em; text-decoration: underline; } /*#bloque-2-izquierda ul li a:hover { text-decoration: none; }*/ #bloque-2-derecha { float: right; width: 22.1em; background-color: #e7e7e7; } #bloque-2-derecha p { padding: 0em 1em 0.5em 1em; } #bloque-2-derecha p strong { font-size: 1.2em; } #bloque-2-derecha ul { padding: 0em 1em 0.5em 1em; overflow: hidden; clear: both; } #bloque-2-derecha ul li { padding-bottom: 0.3em; font-size: 1.2em; } #bloque-2-derecha ul li a { color: #0078b3; font-size: 1em; text-decoration: underline; } #bloque-2-derecha ul li a:hover { text-decoration: none; } /* Estilos del bloque noticias destacadas columna central */ #noticiasDestacadas > ul.listadoElementos { } #noticiasDestacadas > ul.listadoElementos li { overflow: hidden; clear: both; } #noticiasDestacadas > ul.listadoElementos span.fecha { float: left; width: 40px; } #noticiasDestacadas ul li > span > span.fechaDia { color: #333333; font-size: 2.2em; font-family: Arial, Helvetica, sans-serif; font-weight: normal; } #noticiasDestacadas ul li > span > span.fechaMesAnio { color: #333333; font-family:"Trebuchet MS", Verdana; font-size: 1em; text-transform: uppercase; } #noticiasDestacadas ul li > span > span.fechaMesAnio .fechaMes { letter-spacing: 2px; } #noticiasDestacadas > ul.listadoElementos div.noticia { float: left; width: 430px; } #noticiasDestacadas > ul.listadoElementos div.noticia h3.titulo { color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; font-weight: normal; line-height: 21px; margin-bottom:5px; } #noticiasDestacadas > ul.listadoElementos div.noticia h3.titulo a { display: inline-block; font-size: 1em; } #noticiasDestacadas > ul.listadoElementos div.noticia h3.titulo a:link, #noticiasDestacadas > ul.listadoElementos div.noticia h3.titulo a:active, #noticiasDestacadas > ul.listadoElementos div.noticia h3.titulo a:visited { color: #111111; text-decoration: none;font-family: Arial, Helvetica, sans-serif; } #noticiasDestacadas > ul.listadoElementos div.noticia h3.titulo a:hover { color: #e4811a; text-decoration: none;font-family: Arial, Helvetica, sans-serif; } #verListadoNoticias { background: url('/img/index/flechaListadoNoticia.gif') right 6px no-repeat; display: inline-block; float: right; font-size: 1.3em; padding: 0 10px 0 0; } #verListadoNoticias:link, #verListadoNoticias:active, #verListadoNoticias:visited { color: #0078b3; text-decoration: none; } #verListadoNoticias:hover { color: #0078b3; text-decoration: underline; } /* Fin del bloque */ /* Estilos del bloque Temas destacados, columna central */ #temaDestacado { position: relative; } #temaDestacado > h2 { margin-bottom: 10px; } #temaDestacado > div.bloque { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; clear: both; overflow: hidden; padding: 22px; } #temaDestacado > div.fondoTema { background: #e2f5fe; } #temaDestacado .contenidoTema { float: left; width: 355px; } #temaDestacado .contenidoTema h3.titulo { color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 2em; font-weight: normal; line-height: 20px; } #temaDestacado .contenidoTema h3.titulo a { display: inline-block; font-size: 1em; } #temaDestacado .contenidoTema h3.titulo a:link, #temaDestacado .contenidoTema h3.titulo a:active, #temaDestacado .contenidoTema h3.titulo a:visited { color: #222; text-decoration: none;font-family: Arial, Helvetica, sans-serif; } #temaDestacado .contenidoTema h3.titulo a:hover { color: #222; text-decoration: underline;font-family: Arial, Helvetica, sans-serif; } #temaDestacado .contenidoTema span.subtitulo { /*color: #1a94cb;*/ display: block; font-size: 1.2em; margin: 5px 0 0 0; text-transform: uppercase; } #temaDestacado .contenidoTema .textoEditor { margin: 5px 0 0 0; padding: 0; } #temaDestacado img.logotipo { position: absolute; right: 15px; top: 20px; z-index: 40; } #temaDestacado div.logotipo a { bottom: 22px; display: inline-block; font-size: 1.2em; position: absolute; right: 24px; z-index: 40; } #temaDestacado div.logotipo a:link, #temaDestacado div.logotipo a:active, #temaDestacado div.logotipo a:visited { /*color: #1a94cb;*/ text-decoration: underline; } #temaDestacado div.logotipo a:hover { /*color: #1a94cb;*/ text-decoration: none; } /* Fin del bloque */ /* Estilos del bloque de destacados proyectos */ #proyectosDestacados h2.tituloSeccion { font-size: 1.5em; } #proyectosDestacados > ul.listadoElementos { } #proyectosDestacados > ul.listadoElementos > li { background: #f4f4f4; overflow: hidden; padding: 22px; } #proyectosDestacados > ul.listadoElementos > li + li { margin: 3px 0 0 0; } #proyectosDestacados > ul.listadoElementos > li .contenido { float: left; width: 280px; } #proyectosDestacados > ul.listadoElementos > li .contenido h3.titulo { font-family: Arial, Helvetica, sans-serif; font-size: 1.6em; font-weight: normal; margin-bottom: 10px; line-height:19px; } #proyectosDestacados h3.titulo a { display: inline-block; font-size: 1em; } #proyectosDestacados h3.titulo a:link, #proyectosDestacados h3.titulo a:active, #proyectosDestacados h3.titulo a:visited { color: #111; text-decoration: none; font-family: Arial, Helvetica, sans-serif; } #proyectosDestacados h3.titulo a:hover { color: #111; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; } #proyectosDestacados div.acronimo, #proyectosDestacados div.region { margin: overflow: hidden; clear: both; } #proyectosDestacados div.acronimo span.etiqueta, #proyectosDestacados div.region span.etiqueta { float: left; font-size: 1.1em; padding: 1px 0 0 0; text-transform: uppercase; } #proyectosDestacados div.acronimo span.acronimoNombre { color: #333; font-size: 1.2em; } #proyectosDestacados div.region ul.listadoElementos { float: left; } #proyectosDestacados div.region ul.listadoElementos li { float: left; font-size: 1.2em; } #proyectosDestacados .logotipo { float: right; width: 127px; } #proyectosDestacados > a { margin: 10px 0 0 0; font-size: 1.3em; background: url('/img/index/flechaListadoNoticia.gif') right 6px no-repeat; float: right; display: inline-block; padding: 0 10px 0 0; } #proyectosDestacados > a:link, #proyectosDestacados > a:active, #proyectosDestacados > a:visited { color: #0078b3; text-decoration: none; } #proyectosDestacados > a:hover { color: #0078b3; text-decoration: underline; } /* Fin del bloque */ /*Fin de los estilos de columna central */ /* Estilos de la columna derecha */ #columna-derecha { float: left; width: 226px; margin: 119px 0em -3000em 0em; padding-bottom: 3000em; border: none; background-color: #FFFFFF; } #columna-derecha > div.bloque { margin: 15px 0 15px 0; } #bocadillo { width: 21.6em; height: 11.5em; margin: 0.3em 0.3em 0em 0.3em; padding: 1.2em 1.2em 0.2em 1.4em; background-image: url(../imagenes/bocadillo-azul.jpg); background-repeat: no-repeat; } #bocadillo h2 { color: #ffffff; font-weight: normal; } #bocadillo p { color: #cee2ed; font-size: 1.2em; } #bocadillo p strong { color: #cee2ed; font-size: 1em; } #bocadillo form#form-suscripcion fieldset legend { display: none; } #bocadillo form#form-suscripcion fieldset p input { width: 16.8em; margin-bottom: 0.5em; padding: 0em 0.5em 0em 0.5em; color: #5d5b5c; font-size: 1em; border: 1px solid #aacbdc; } #bocadillo form#form-suscripcion fieldset p input#enviar_suscripcion { float: right; width: 98px; height: 20px; padding: 0em; border: none; } /* bloque últimas actualizaciones */ #ultimasActualizaciones > ul { display: block; overflow: hidden; } #ultimasActualizaciones ul li.elemento { border-top: 1px solid #e7e6e6; overflow: hidden; } #ultimasActualizaciones ul li:first-child { border: none; padding: 0; } #ultimasActualizaciones ul li + li { margin: 7px 0 0 0; padding: 7px 0 0 0; line-height: 15px; } #ultimasActualizaciones ul li span { display: inline-block; width: 35px; } #ultimasActualizaciones ul li > span { float: left; } #ultimasActualizaciones ul li > span > span.fechaDia { color: #333333; font-size: 2.2em; font-family: Arial, Helvetica, sans-serif; font-weight: normal; } #ultimasActualizaciones ul li > span > span.fechaMesAnio { color: #333333; font-family:"Trebuchet MS", Verdana; font-size: 1em; text-transform: uppercase; } #ultimasActualizaciones ul li > span > span.fechaMesAnio span.fechaMes { letter-spacing: 2px; } #ultimasActualizaciones ul li h3.titulo { } #ultimasActualizaciones ul li h3.titulo a { font-size: 1.2em; } #ultimasActualizaciones ul li h3.titulo a:link, #ultimasActualizaciones ul li h3.titulo a:active, #ultimasActualizaciones ul li h3.titulo a:visited { color: #0078b3; text-decoration: none; } #ultimasActualizaciones ul li h3.titulo a:hover { color: #0078b3; text-decoration: underline; } #contenedor-ultimas-actualizaciones { padding-bottom: 1em; margin: 0.6em; background: url(../imagenes/fondo-ultimas-actualizaciones.jpg) #f6eac0 no-repeat; overflow: hidden; clear: both; } #contenedor-ultimas-actualizaciones h2 { padding: 0.6em 0.6em 0em 0.4em; color: #ffffff; font-weight: normal } #contenedor-ultimas-actualizaciones p.fecha-actualizacion { padding-left: 0.6em; font-size: 1.2em; font-weight: bold; } #contenedor-ultimas-actualizaciones p.breve { margin-top: -0.3em; padding-left: 0.6em; font-size: 1.2em; } #contenedor-ultimas-actualizaciones p.breve a { display: inline; color: #0078b3; font-size: 1em; text-decoration: underline; } #contenedor-ultimas-actualizaciones p.breve a:hover { color: #0078b3; text-decoration: none; } .list-actualizaciones{font-size:1em;margin:0 0 0.5em 0;} .list-actualizaciones li{background:url(/imagenes/icono-flecha-actual.gif) no-repeat 0 0.1em;margin:0.2em 0 1em 1em;padding:0 0 0 1.5em;} .list-actualizaciones li a, .list-actualizaciones li a:visited{font-size:1.2em;color:#3979c1;text-decoration:underline;font-weight:bold;} .list-actualizaciones li a:hover{text-decoration:none;} /* fin del bloque de las últimas actualizaciones */ /* Contenedor Boletín */ #btnBoletin { background: #f0f0f0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; padding: 16px; position: relative; text-align: center; } #btnBoletin p { color: #34312f; font-size: 1.3em; } #btnBoletin a { display: inline-block; font-size: 1.8em; height: 41px; line-height: 41px; background: url('/img/interface/fndBtnBoletin.jpg') no-repeat; margin: 10px 0 0 0; width: 172px; } #btnBoletin a:link, #btnBoletin a:active, #btnBoletin a:visited { color: #fff; text-decoration: none; } #btnBoletin a:hover { color: #fff; text-decoration: none; background: url('/img/interface/fndBtnBoletinOver.jpg') no-repeat; } #btnBoletin > img { position: absolute; top: 0; left: 50%; margin-left: -77px; } /* Fin Boletín */ /* Contenedor Sudoe en los medios */ .contenedor-generico-col-derecha { padding-bottom: 1em; margin: 0.6em; background: url(../imagenes/fondo-ultimas-actualizaciones.jpg) #f6eac0 no-repeat; overflow: hidden; clear: both; } .contenedor-generico-col-derecha h2 { padding: 0.6em 0.6em 0em 0.4em; color: #ffffff; font-weight: normal } .contenedor-generico-col-derecha ul li div span.fechaMedios { padding-left: 0.6em; font-size: 1.2em; font-weight: bold; } .contenedor-generico-col-derecha ul li div h3 { background:url(/imagenes/icono-flecha-actual.gif) no-repeat 0 0.1em; margin:0.2em 0 0.3em 1em; padding:0 0 0 1.5em; } .contenedor-generico-col-derecha ul li div h3 a { font-size:1.2em; color:#3979c1; text-decoration: underline; font-weight: bold; } .contenedor-generico-col-derecha ul li div h3 a:hover { text-decoration: none; } .contenedor-generico-col-derecha ul li div span.fuenteMedios { display: inline-block; padding: 0em 0em 0.5em 2em; color: #666666; font-weight: bold; } /* Fin del contenedor Sudoe en los medios */ /* estilos de un bloque de noticias */ #contenedor-noticia { background: url(/imagenes/pie-contenedor-noticias.jpg) no-repeat; margin: 0em 0em -3000em 0em;padding-top:1em; padding-bottom: 3003em; overflow: hidden; clear: both; background-color: #ececec; } #contenedor-noticia h2#seccion-noticia { padding: 0.7em 0.6em 0em 0.7em; } #contenedor-noticia a#ver-listado-noticias { display: block; padding: 1em 1em 2em 1.8em; color: #0078b3; font-size: 1.2em; text-decoration: underline; background-image: url(../imagenes/icono-flecha-azul.jpg); background-repeat: no-repeat; background-position: 1.2em 1.5em; } #contenedor-noticia a#ver-listado-noticias:hover { text-decoration: none; } #contenedor-noticia div.noticia-bloque { width: 22.2em; padding: 1em 1.2em 1em 1.4em; } #contenedor-noticia div.noticia-bloque p { font-size: 1.2em;line-height:1.25em; } #contenedor-noticia div.noticia-bloque p strong { font-size: 1em; } #contenedor-noticia div.noticia-bloque a, #contenedor-noticia div.noticia-bloque p a { color: #0078b3; font-size: 1em; text-decoration: underline; } #contenedor-noticia div.noticia-bloque a:hover, #contenedor-noticia div.noticia-bloque p a:hover { text-decoration: none; } #contenedor-noticia div.noticia-bloque a { font-size:1.2em; } #contenedor-noticia div.noticia-bloque h3 a, #contenedor-noticia div.noticia-bloque h3 a:visited{ font-size:1.2em; font-weight:bold;text-decoration:none;} #contenedor-noticia div.noticia-bloque h3 a:hover{text-decoration:underline;} #contenedor-noticia div.noticia-bloque * { font-size:1.1em; } /* Fin de los estilos de un bloque de noticias */ /* estilos de un bloque de ofertas empleo */ .contenedor_oferta{background:url(/imagenes/pie-contenedor-noticias.jpg) no-repeat #ececec;margin:0;padding:1em 0;overflow: hidden;clear:both;} .contenedor_oferta h2{ padding: 0.7em 0.6em 0em 0.7em; } .contenedor_oferta .oferta { width: 22.2em; padding: 1em 1.2em 1em 1.4em;background:url(/img/fondo_oferta.gif) repeat-x bottom; } .contenedor_oferta .oferta * { font-size:1.1em; } .contenedor_oferta .oferta p { font-size: 1.2em;line-height:1.25em;margin:7px 0; } .contenedor_oferta .oferta p.fecha{color:#84807c;margin:3px 0 0 0;} .contenedor_oferta .oferta p strong { font-size: 1em; } .contenedor_oferta .oferta a, .contenedor_oferta .oferta p a { color: #0078b3; font-size: 1em; text-decoration: underline; } .contenedor_oferta .oferta a:hover, .contenedor_oferta .oferta p a:hover { text-decoration: none; } .contenedor_oferta .oferta a { font-size:1.2em; } .contenedor_oferta .oferta h3 a, .contenedor_oferta .oferta h3 a:visited{ font-size:1.2em; font-weight:bold;text-decoration:none;} .contenedor_oferta .oferta h3 a:hover{text-decoration:underline;} .contenedor_oferta p.list{padding:1em 0 0 0;} .contenedor_oferta p a.listado, .contenedor_oferta p a.listado:visited{display:block;padding:2px 4px 5px 22px;width:116px;margin:0 0 0 1em;font-size:1.1em;color:#0078b3;font-weight:bold;background:url(/img/fondo_ofertas_empleo.gif) no-repeat #FFFFFF;text-decoration:underline;} .contenedor_oferta p a.listado:hover{text-decoration:none;} /* Fin de los estilos de un bloque de ofertas empleo*/ /* Estilos de un bloque de eventos */ #contenedor-eventos { background-color: #ffffff; overflow: hidden; clear: both; } #contenedor-eventos h2#seccion-eventos { padding: 0.4em 0.6em 0.3em 0.7em; } #contenedor-eventos div.evento-bloque { width: 22.2em; padding: 0.5em 1.2em 0em 1.4em; overflow: hidden; clear: both; } #contenedor-eventos div.evento-bloque div.evento-bloque-izquierda { float: left; width: 5.4em; text-align: center; } #contenedor-eventos div.evento-bloque div.evento-bloque-izquierda a { display: block; color: #0078b3; font-size: 1.2em; text-decoration: underline; } #contenedor-eventos div.evento-bloque div.evento-bloque-izquierda a:hover { text-decoration: none; } #contenedor-eventos div.evento-bloque div.evento-bloque-derecha { float: right; width: 16.8em; } #contenedor-eventos div.evento-bloque div.evento-bloque-derecha p { font-size: 1.2em;margin:0.3em 0; } #contenedor-eventos div.evento-bloque div.evento-bloque-derecha p strong { font-size: 1em; } #contenedor-eventos div.evento-bloque div.evento-bloque-derecha h3 a{ color: #0078b3; font-size: 1em; text-decoration: underline;} #contenedor-eventos div.evento-bloque div.evento-bloque-derecha h3 a:hover{text-decoration:none;} #contenedor-eventos div.evento-bloque div.evento-bloque-derecha p a { color: #ffffff; font-size: 1em; text-decoration: underline;background:#e4811a;padding:3px;display:block; } #contenedor-eventos div.evento-bloque div.evento-bloque-derecha p a.enlace{color: #0078b3; font-size: 1em; text-decoration: underline;background:none;padding:0;} #contenedor-eventos div.evento-bloque div.evento-bloque-derecha p a.enlace:hover{text-decoration: none;} #contenedor-eventos div.evento-bloque div.evento-bloque-derecha p a:hover{text-decoration:none;} #contenedor-eventos div.evento-bloque div.evento-bloque-derecha div.noticia-bloque a:hover, #contenedor-eventos div.evento-bloque div.evento-bloque-derecha p a:hover { text-decoration: none; } #contenedor-eventos a#ver-listado-eventos { display: block; padding: 1em 1em 2em 1.8em; color: #0078b3; font-size: 1.2em; text-decoration: underline; background-image: url(../imagenes/icono-flecha-azul.jpg); background-repeat: no-repeat; background-position: 1.2em 1.5em; } #contenedor-eventos a#ver-listado-eventos:hover { text-decoration: none; } #contenedor-eventos div.evento-bloque div.evento-bloque-derecha a { font-size:1.2em; } #contenedor-eventos div.evento-bloque div.evento-bloque-derecha h3 a { font-size:1.1em; } #contenedor-eventos div.evento-bloque div.evento-bloque-derecha * { font-size:1.1em; } /* Fin de los estilos de un bloque de eventos */ /* Estilos del bloque sudoe en los medios */ #bloque-sudoe-medios { margin: 0em 7px 1em 7px; background-color: #ffffff; overflow: hidden; clear: both; } #bloque-sudoe-medios h2 { color: #e4811a; font-size: 1.8em; } #bloque-sudoe-medios ul { margin: 1em 0em 1em 0em; overflow: hidden; clear: both; } #bloque-sudoe-medios ul li { margin: 0em 0em 1em 0em; overflow: hidden; clear: both; } #bloque-sudoe-medios ul li div { float: left; } #bloque-sudoe-medios ul li div.calIzquierda { width: 6.1em; text-align: center; } #bloque-sudoe-medios ul li div img { } #bloque-sudoe-medios ul li div span.fechaSudoeMedios { display: block; color: #0078b3; font-size: 1.2em; text-decoration: underline; text-align: center; } #bloque-sudoe-medios ul li div h3 { color: #7a7570; font-size: 1.2em; } #bloque-sudoe-medios ul li div h3 a { margin: 0em; padding: 0em; color: #7a7570; font-size: 1em; text-decoration: underline; background: none; } #bloque-sudoe-medios a { display: inline-block; margin: 0em 0em 0em 1em; padding: 0em 0em 0em 1em; color: #0078b3; font-size: 1.2em; text-decoration: underline; background-image: url(../imagenes/icono-ver-medios.gif); background-repeat: no-repeat; background-position: 0em 0.4em; } /* Fin de los estilos Sudoe en los medios */ /* Fin de los estilos de la columna derecha */ /* Comienzo de los estilos del pie de la página */ #contenedor-pie { width: 98.2em; margin: auto; padding: 0.5em 1em 0.4em 1em; background-color: #e4811b; overflow: hidden; clear: both; } #contenedor-pie ul#pie-informacion { float: left; overflow: hidden; clear: both; } #contenedor-pie ul#pie-informacion li { float: left; padding: 0em 0.6em 0em 0.6em; color: #ffffff; font-size: 1.2em; background-image: url(../imagenes/separador-naranja.gif); background-repeat: no-repeat; background-position: right; } #contenedor-pie ul#pie-informacion li.sin-separador { background: none; } #contenedor-pie ul#pie-informacion li a { display: block; color: #ffffff; font-size: 1em; text-decoration: underline; } #contenedor-pie ul#pie-informacion li a:hover { text-decoration: none; } #contenedor-pie ul#pie-validacion { float: right; overflow: hidden; } #contenedor-pie ul#pie-validacion li { float: left; padding-left: 0.5em; } #contenedor-pie ul#pie-validacion li a { display: block; } #contenedor-pie ul#pie-validacion li a img { float: left; } #buscadorProyectos { border: 1px solid #dfdede; clear: both; overflow: hidden; margin: 10px auto 0 auto; width: 1001px; } #buscadorProyectos > div { float: left; } #buscadorProyectosIzq { padding: 30px 0 30px 23px; width: 227px; } #buscadorProyectosIzq p { color: #333333; font-size: 1.1em; margin: 11px 0 0 0; } #buscadorProyectosDch { width: 751px; } #barraBuscador { background: #f0f0f0; display: block; height: 28px; line-height: 28px; padding: 0 25px 0 0; text-align: right; } #barraBuscador a { display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 1.5em; } #barraBuscador a:link, #barraBuscador a:active, #barraBuscador a:visited { color: #0078b3; text-decoration: none; } #barraBuscador a:hover { color: #0078b3; text-decoration: underline; } #listadoPieTematicas { display: block; min-height: 105px; padding: 14px 10px 0 20px; position: relative; } #listadoPieTematicas > li { float: left; } #listadoPieTematicas > li + li { margin-left: 3px; } #listadoPieTematicas > li img.etiqueta { display: none; margin-left: 20px; position: absolute; top: 69px; z-index: 40; } #listadoPieTematicas > li span.etiqueta { background: #333333; color: #fff; display: none; font-size: 1.1em; padding: 6px; position: absolute; text-transform: uppercase; top: 75px; z-index: 30; } /* Fin de los estilos del pie de la página */ /* Estilos de los errores de formularios */ #contenedor-form-errores { margin: 1.5em 0em 1.5em 0em; padding: 1em; background-color: #fbecdd; border: 1px solid #e4821c; overflow: hidden; clear: both; } #contenedor-form-errores h2 { margin: 0em; padding: 0em 0em 0.5em 2.5em; color: #d30000; background-image: url(../imagenes/icono-stop.jpg); background-repeat: no-repeat; background-position: 0.5em 0em; } #contenedor-form-errores ul { overflow: hidden; clear: both; } #contenedor-form-errores ul li { font-size: 1.2em; } /* Fin de los Estilos de los errores de formularios */ /* Sección calendario de eventos */ h2.titularCalendario { margin: 10px 0px 0px 15px; font-size: 1.6em; font-weight: normal; } #calendarioEventos { margin:0 auto; padding:6px 0; font-size:1.1em; border-collapse:collapse; border-spacing:5px; background:url(/frontEmprendedores/img/interface/fnd-calendario.png) no-repeat; } #calendarioEventos table.year { margin: 0 0 7px 0; width:100%; border-collapse:collapse; border-bottom: 1px solid #e7e6e6; } #calendarioEventos table.year .mes { color: #333333; font-size: 1.4em; text-align: left; } #calendarioEventos table.year .anterior { width:10%; padding-top: 2px; text-align:right; color:#ad1818; } #calendarioEventos table.year .anterior a:link, #calendarioEventos table.year .anterior a:visited { text-decoration:none;} #calendarioEventos table.year .anterior a:hover { text-decoration:underline;} #calendarioEventos table.year .siguiente { width:10%; padding-top: 2px; padding-bottom:0; text-align:right; color:#ad1818;} #calendarioEventos table.year .siguiente a:link, #calendarioEventos table.year .siguiente a:visited { text-decoration:none;} #calendarioEventos table.year .siguiente a:hover { text-decoration:underline;} #calendarioEventos .dias { text-align:center; margin: 0; padding: 0; border-collapse: collapse; } #calendarioEventos .dias th { width:30px; font-size:10px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; color:#aaaaaa; border-right:1px solid #e7e6e6;} #calendarioEventos .dias td { font-size:12px; color:#c3beba; padding: 3px; border-right:1px solid #e7e6e6; font-weight: normal; } #calendarioEventos .dias td.vacio { background:none;} #calendarioEventos .dias td a:link, #calendarioEventos .dias td a:visited { color:#0078b3; } #calendarioEventos .dias td.seleccionado, #calendarioEventos .dias td a { font-size:12px; font-family: Arial, Helvetica, sans-serif; } #calendarioEventos .dias td.seleccionado a:link, #calendarioEventos .dias td.seleccionado a:visited { color: #0078b3; text-decoration:none;} #calendarioEventos .dias td.seleccionado a:hover { text-decoration:underline;} /* Fin */ /* clases */ .esquina-izquierda-superior { float: left; } .esquina-izquierda-superior img { float: left; width: 1.3em; height: 1em; } .contenidio-central-superior { float: left; } .contenido-central-superior img { float: left; width: 41.9em; height: 1em; } .esquina-derecha-superior { float: left; } .esquina-derecha-superior img { float: left; width: 1.6em; height: 1em; } .esquina-izquierda-inferior { float: left; } .esquina-izquierda-inferior img { float: left; width: 1.3em; height: 1.1em; } .contenidio-central-inferior { float: left; } .contenido-central-inferior img { float: left; width: 41.9em; height: 1.1em; } .esquina-derecha-inferior { float: left; } .esquina-derecha-inferior img { float: left; width: 1.6em; height: 1.1em; } .imgborder { margin: 1em 1em 0.5em 0em; padding: 0.5em; border: 1px solid #c8c6c5; } .asociada { float: left; }/*.asociada { float: left; width: 200px; }*/ .escondido { display: none; } h2.titular_seccion {font-family: Arial; font-size: 20px; color: #e4811a; margin:18px 0px 5px 0px;} .listado_ficheros ol {margin:0 30px; line-height:17px; } .listado_ficheros ol li {font-size: 12px; color: #8e8983; margin-bottom:3px; list-style-type:decimal;} .listado_ficheros ul {margin:0 30px; line-height:17px;} .listado_ficheros ul li {font-size: 12px; color: #8e8983; margin-bottom:3px; list-style-image:url(/imagenes/ico-li.gif);} .listado_ficheros ul.menu-programa { margin:15px 5px;} .listado_ficheros ul.menu-programa li{ list-style-image:none; padding: 0em 0em 0.3em 0em; border-bottom: 1px solid #e6e6e6; } .listado_ficheros ul.menu-programa li a, .cont-fijo ul.menu-programa li a:visited {display: block; padding-left: 0.7em; color: #0078b3; text-decoration: none;} .listado_ficheros ul.menu-programa li a:hover {color: #ffffff; background-color: #e96a00;} .listado_ficheros ul.menu-programa li.activo {color: #ffffff; background-color: #e96a00; padding:0px 5px;} .separador-principal { padding-right: 1em; } .ocultar { display: none; } h3.despliega, h3.despliega1, h3.despliega2, h3.despliega3, h3.despliega4, h3.despliega5 { cursor: pointer; } .contenido-persiana, .contenido-persiana1, .contenido-persiana2, .contenido-persiana3, .contenido-persiana4, .contenido-persiana5 { display: none; } div.desaparecer { display: none; } h3.bloques { cursor: pointer; } a.enlaceProyectos { font-size: 1em; color: #0078b3; text-decoration: underline; } h2.tituloSeccion { color: #e4811a; font-family: Arial, Helvetica, sans-serif; font-size: 2em; font-weight: bold; margin: 20px 0 10px 0; padding: 0; } h2.tituloSeccion span.txtGrande { color: #e4811a; font-size: 1.3em; font-weight: bold; } .textoEditor { margin: 10px 0 0 0; } .textoEditor * { color: #7a7570; } .textoEditor > * { font-size: 1.3em; } .textoEditor strong { font-size: 1em; } .colorPrioridad2 { color: #401f50; } .colorFondoPrioridad2 { background: #ebe3ef; } .colorPrioridad3 { color: #00623c; } .colorFondoPrioridad3 { background: #d9e4d3; } .colorPrioridad4 { color: #aa1220; } .colorFondoPrioridad4 { background: #f5d7d7; } .colorPrioridad5 { color: #004071; } .colorFondoPrioridad5 { background: #d9e4ec; } .colorTematica1 { color: #09436b; } .colorTematica2 { color: #076fb5; } .colorTematica3 { color: #1a94cb; } .colorTematica4 { color: #2f9170; } .colorTematica5 { color: #129163; } .colorTematica6 { color: #5d8a08; } .colorTematica7 { color: #c47300; } .colorTematica8 { color: #c54e00; } .colorTematica9 { color: #c72026; } .colorTematica10 { color: #b21469; } .colorTematica11 { color: #563296; } .colorTematica12 { color: #2a3f99; } .colorFondoTematica1 { background: #dcecf7; } .colorFondoTematica2 { background: #d7ecfa; } .colorFondoTematica3 { background: #e2f5fe; } .colorFondoTematica4 { background: #ebf5f2; } .colorFondoTematica5 { background: #e3f6ef; } .colorFondoTematica6 { background: #eef5e2; } .colorFondoTematica7 { background: #fefaea; } .colorFondoTematica8 { background: #fcefe6; } .colorFondoTematica9 { background: #ffeaeb; } .colorFondoTematica10 { background: #fdedf6; } .colorFondoTematica11 { background: #eee9f7; } .colorFondoTematica12 { background: #e4e9ff; } .underline { text-decoration: underline; }