/* ------------------------------------------------- IVÁN MAÑERO - Instituto de cirugía plástica Julio 2008 * Ultima Mod.: 10/12/2008 - Apartado "Prensa escrita" - Optimización estilos.css ------------------------------------------------- */ /* ------------------------------------------------- =ENCABEZADO =NAVEGACION =SUBCONTENIDO =CONTENIDO =PIE =SUBNAV - Servicios =INSTALACIONES =SUBNAV - Equipo =SUBNAV - Contacto =EQUIPO - Desplegable =CONTACTO =TAGS =AREADEPRENSA =AREADEPRENSA - Dossier de Prensa =AREADEPRENSA - Contacto de Prensa =AREADEPRENSA - Clipping =AREADEPRENSA - Prensa Escrita =AREADEPRENSA - Noticias =AREADEPRENSA - Formulario de entrada =PREGUNTAS FRECUENTES =MAPA WEB =IMI COSMETICS =IMI MAGAZINE ------------------------------------------------- */ * {margin:0; padding:0; font-family:Verdana, Arial, sans-serif;} p {margin-bottom:10px; font-size:12px; line-height:16px; color:#CCC;} a {outline:none;} img {border:none;} ul, ol {list-style-type:none;} body {background:#2A2A2B url(../images/general/bg.gif) top center repeat-y fixed;} #contenedor {width:980px; position:relative; top:0; left:50%; margin-left:-490px;} #encabezado {position:relative; float:left; width:980px; height:140px;} #principal {position:relative; float:left; width:980px; height:auto;} #pie {position:relative; float:left; width:980px; height:47px; background:url(../images/general/bgpie.jpg) 21px 0 no-repeat;} /* =ENCABEZADO - Logo - Idioma - Frase del encabezado - Login (actualmente oculto) --------------------------------------------- */ #encabezado div#logo {position:absolute; top:0; left:2px; width:320px; height:103px;} #encabezado div#logo a {display:block; width:100%; height:100%;} #idioma {position:absolute; top:10px; right:18px; text-align:right; color:#8B8C8E; font-size:12px; line-height:11px;} #idioma h3 {position:relative; float:left; font-size:12px; font-weight:normal;} #idioma ul {position:relative; float:left;} #idioma li {position:relative; float:left; padding:0 6px; border-right:1px solid #8B8C8E;} #idioma li:last-child {border-right:none;} #idioma a.ws_lang_selected, #idioma a.ws_lang_selected:hover {color:#CCC; text-decoration:underline;} #encabezado #idioma a.ws_lang_not_selected {color:#8B8C8E; text-decoration:none;} #encabezado #idioma a.ws_lang_not_selected:hover {text-decoration:underline;} /* nuevo encabezado, frase cambiante según seccion */ #encabezado p {position:absolute; top:9px; left:360px; width:270px; height:80px; text-indent:-9999px; background-position:top left; background-repeat: no-repeat; z-index:10;} /* resto de estilos en es.css */ #encabezado #login {display:none; position:absolute; top:42px; right:18px; width:270px; z-index:100;} #encabezado #login h3 {display:none;} #encabezado #login a {font-size:12px; color:#8B8C8E; text-decoration:none;} #encabezado #login a:hover {text-decoration:underline;} #encabezado #login ol li {text-align:right; position:relative; float:left; padding-bottom:4px;} #encabezado #login ol li#enviar {text-align:right; position:absolute; top:24px; right:0;} #encabezado #login ol li#registrarse {width:270px; text-align:right;} #encabezado #login label {position:relative; float:left; display:block; width:80px; padding-right:10px; text-align:right; color:#FFF; font-size:12px; line-height:16px;} #encabezado #login input#login3, #encabezado #login input#password4 {position:relative; float:left; display:block; width:120px; height:20px; border:none; background-color:#2B2B2D; color:#666;} #encabezado #login input#submit {position:relative; float:left; display:block; border:none; width:54px; height:20px; text-align:center; font-size:12px; line-height:12px; color:#FFF; background-color:#464648;} /* =NAVEGACION --------------------------------------------- */ #nav {position:absolute; width:960px; top:103px; left:21px; height:36px;} #nav li {position:relative; float:left; display:block; height:36px; overflow:hidden; text-indent:-9999px;} #nav li a {display:block; width:100%; height:100%; text-indent:-9999px;} /* resto de estilos relativos a la navegación en es.css */ /* =SUBCONTENIDO - Subnavegación general o de sección - Tags - Quicklinks - Publicidad --------------------------------------------- */ #subcontenido {position:relative; float:left; margin:16px 12px 12px 21px;} #subcontenido #subnav {position:relative; float:left; clear:both;} #subcontenido #subnav li {display:block; width:248px; height:28px; margin-bottom:2px;} /* resto de estilos relativos a la subnavegación en es.css */ #subcontenido #tags {position:relative; float:left; clear:both; margin:6px 0 0 0; width:248px; height:auto; padding-bottom:20px; background:url(../images/secciones/bgtags.jpg) bottom left no-repeat;} #subcontenido #tags h2 {display:block; width:248px; height:44px; text-indent:-9999px;} /* imagen de fondo especificada en es.css */ #subcontenido #tags div {padding:5px 12px;} #subcontenido #tags div a {text-decoration:none;} #subcontenido #tags div a:hover {text-decoration:underline;} /* Quicklink al perfil de Ivan Mañero (3/10/2008) */ #subcontenido div#manero-quicklink {position:relative; float:left; clear:both; margin:5px 0 2px 0;} /*#subcontenido div#manero-quicklink a {display:block; width:248px; margin:0; padding:0; height:50px; text-indent:-9999px; background:url(../images/secciones/manero-quicklink-web.jpg) top left no-repeat;} #subcontenido div#manero-quicklink a:hover {background:url(../images/secciones/manero-quicklink-web.jpg) bottom left no-repeat;} */ #subcontenido div#manero-quicklink a {display:block; width:248px; margin:0; padding:0; height:50px; text-indent:-9999px;} body#contacto #subcontenido div#manero-quicklink, body#faq #subcontenido div#manero-quicklink {margin-bottom:-4px; margin-top:12px;} body#telemedicina #subcontenido div#manero-quicklink, body#faq #subcontenido div#manero-quicklink {margin-bottom:-4px; margin-top:12px;} body#pidehora #subcontenido div#manero-quicklink, body#faq #subcontenido div#manero-quicklink {margin-bottom:-4px; margin-top:12px;} /* Quicklinks ONG y Fundación */ #principal #organizaciones {position:relative; float:left; margin-top:4px; margin-left:-3px; clear:both; display:none;} body#equipo.pagina514 #principal #organizaciones {display:block;} #principal #organizaciones li {display:inline; padding-right:1px;} /* Quicklink al blog (13/11/2008) */ #subcontenido div#blog-quicklink {position:relative; float:left; clear:both; margin:5px 0 2px 0;} /*#subcontenido div#blog-quicklink a {display:block; width:248px; margin:0; padding:0; height:50px; text-indent:-9999px; background:url(../images/secciones/blog-quicklink.jpg) top left no-repeat;} #subcontenido div#blog-quicklink a:hover {background:url(../images/secciones/blog-quicklink.jpg) bottom left no-repeat;}*/ #subcontenido div#blog-quicklink a {display:block; width:248px; margin:0; padding:0; height:50px; text-indent:-9999px;} body#contacto #subcontenido div#blog-quicklink, body#faq #subcontenido div#blog-quicklink {margin-bottom:-4px; margin-top:12px;} body#telemedicina #subcontenido div#blog-quicklink, body#faq #subcontenido div#blog-quicklink {margin-bottom:-4px; margin-top:12px;} body#pidehora #subcontenido div#blog-quicklink, body#faq #subcontenido div#blog-quicklink {margin-bottom:-4px; margin-top:12px;} /* Espacio para publicidad */ #subcontenido #publi {position:relative; float:left; display:block; clear:both; width:248px; margin-top:6px;} /* =CONTENIDO --------------------------------------------- */ #contenido {position:relative; float:left; margin:16px 0 12px 0;} #contenido #imagen-seccion {position:relative; float:left; clear:right; margin-bottom:10px;} /* #contenido #texto {position:relative; float:left; clear:both; margin:0 0 12px 0; width:627px; padding:0 27px 12px 27px; background:#49494c url(../images/general/bgtexto.gif) bottom left no-repeat; font-size:12px; line-height:16px; color:#CCC; text-align:justify;} */ #contenido #texto {position:relative; float:left; clear:both; margin:0 0 12px 0; width:627px; padding:0 27px 12px 27px; background:#39393b url(../images/general/bgtexto_oscuro.gif) bottom left no-repeat; font-size:12px; line-height:16px; color:#CCC; text-align:justify;} #contenido #texto h1 {width:681px; height:48px; text-indent:-9999px; margin:0 0 12px -27px;} /* imagen de fondo especificada en es.css */ body#equipo #texto ul {list-style-type:disc; list-style-position:inside; padding-left:10px; padding-bottom:10px;} body#equipo #texto ul li ul {padding-left:25px; list-style-type:circle;} body#equipo #texto ul li {line-height:20px;} body#equipo #texto ol {list-style-type:decimal; list-style-position:inside; padding:10px;} /* =PIE --------------------------------------------- */ div#pie p {margin:1px;} div#pie p#copyright {position:relative; float:left; margin:12px 0 0 21px;} div#pie p#copyright a {text-decoration:none; color:#FFF;} div#pie p#copyright a:hover {text-decoration:underline;} div#pie p#contacto {position:relative; float:right; display:block; margin:5px 0 0 0; width:390px; height:30px; text-indent:-9999px;} div#pie p#contacto a {display:block;} div#pie p#pidehora {position:relative; float:right; display:block; margin:5px 0 0 0; width:390px; height:30px; text-indent:-9999px;} div#pie p#pidehora a {display:block;} /* =SUBNAV - Servicios --------------------------------------------- */ body#servicios #subcontenido #subnav {margin-top:10px;} body#servicios #subcontenido span {position:absolute; top:0; left:0; width:246px; height:8px; background:url(../images/secciones/subnav-top_oscuro.jpg) top left no-repeat; display:block; z-index:300;} #subnav-servicios {position:relative; float:left; clear:both; margin-top:7px; margin-bottom:-5px; padding-bottom:3px; background:#39393B url(../images/secciones/subnav-bottom.jpg) bottom left no-repeat;} #subnav-servicios li {display:block; width:246px; height:auto;} #subnav-servicios li ul {display:none; font-size:12px; line-height:16px; padding:0 20px 10px 15px; margin-top:-5px;} #subcontenido.serv-salud #subnav-servicios li#subnav-estetica ul, #subcontenido.serv-plastica #subnav-servicios li#subnav-plastica ul, #subcontenido.serv-genero #subnav-servicios li#subnav-genero ul, #subcontenido.serv-intima #subnav-servicios li#subnav-intima ul, #subcontenido.serv-peso #subnav-servicios li#subnav-peso ul {display:block; background:url(../images/secciones/subnav-subseccion-bg.jpg) bottom left no-repeat; padding-bottom:20px;} #subnav-servicios li ul li {background:url(../images/secciones/subnav-subseccion-bgitem.gif) center left no-repeat;} #subnav-servicios li ul li.current {background:url(../images/secciones/subnav2-bgitem-current.gif) center left no-repeat;} /* corregir estilo links respecto a los de las categorías */ #subnav-servicios li#subnav-estetica ul li a, #subnav-servicios li#subnav-plastica ul li a, #subnav-servicios li#subnav-genero ul li a, #subnav-servicios li#subnav-intima ul li a, #subnav-servicios li#subnav-peso ul li a {text-decoration:none; background:none; padding-left:14px; height:18px; text-indent:0; color:#FFF;} body.pagina520 #subnav-servicios li#subnav-plastica ul li a, body.pagina519 #subnav-servicios li#subnav-estetica ul li a, body.pagina522 #subnav-servicios li#subnav-intima ul li a, body.pagina671 #subnav-servicios li#subnav-peso ul li a, body.pagina521 #subnav-servicios li#subnav-genero ul li a, body.pagina520 #subnav-servicios li#subnav-plastica ul li a:hover, body.pagina519 #subnav-servicios li#subnav-estetica ul li a:hover, body.pagina522 #subnav-servicios li#subnav-intima ul li a:hover, body.pagina671 #subnav-servicios li#subnav-peso ul li a:hover, body.pagina521 #subnav-servicios li#subnav-genero ul li a:hover {text-decoration:none; background:none; padding-left:14px; height:18px; text-indent:0;} #subnav-servicios li#subnav-estetica ul li.current a, #subnav-servicios li#subnav-plastica ul li.current a, #subnav-servicios li#subnav-genero ul li.current a, #subnav-servicios li#subnav-intima ul li.current a, #subnav-servicios li#subnav-peso ul li.current a {color:#c6b192;} /* =INSTALACIONES --------------------------------------------- */ ul#galeria {margin:15px 0 0 -2px; padding-top:15px; background:url(../images/general/linea.gif) top left no-repeat; width:660px; overflow-x:hidden;} ul#galeria li {position:relative; float:left; margin:0 11px 9px 0;} body#instalaciones div#imagen-seccion {position:absolute; top:-385px; left:0; width:682px; height:373px; overflow:hidden;} body#instalaciones div#texto {margin-top:385px;} /* =SUBNAV - Equipo --------------------------------------------- */ body#equipo #subcontenido #subnav {margin-top:10px;} body#equipo #subcontenido span {position:absolute; top:0; left:0; width:246px; height:8px; background:url(../images/secciones/subnav-top.jpg) top left no-repeat; display:block; z-index:300;} #subnav-equipo {position:relative; float:left; clear:both; margin-top:7px; margin-bottom:-5px; padding-bottom:3px; background:#39393B url(../images/secciones/subnav-bottom.jpg) bottom left no-repeat;} #subnav-equipo li {display:block; width:246px; height:auto;} #subnav-equipo li ul {display:none; font-size:12px; line-height:16px; padding:0 20px 10px 15px; margin-top:-5px;} #subcontenido.equipo-manero #subnav-equipo li#subnav-manero ul, #subcontenido.equipo-medico #subnav-equipo li#subnav-medico ul, #subcontenido.equipo-terapeutico #subnav-equipo li#subnav-terapeutico ul, #subcontenido.equipo-atencion #subnav-equipo li#subnav-atencion ul {display:block; background:url(../images/secciones/subnav-subseccion-bg_oscuro.jpg) bottom left no-repeat; padding-bottom:20px;} /*#subcontenido.equipo-atencion #subnav-equipo li#subnav-atencion ul {display:block; background:url(../images/secciones/subnav-subseccion-bg.jpg) bottom left no-repeat; padding-bottom:20px;}*/ #subnav-equipo li ul li {background:url(../images/secciones/subnav-subseccion-bgitem.gif) 0 5px no-repeat; height:18px;} #subnav-equipo li ul li.current, body.pagina515 #subnav-equipo li#subnav-medico ul li#sub515, body.pagina705 #subnav-equipo li#subnav-medico ul li#sub515 {background:url(../images/secciones/subnav2-bgitem-current.gif) 0 5px no-repeat;} /* corregir estilo links respecto a los de las categorías */ #subnav-equipo li#subnav-manero ul li a, #subnav-equipo li#subnav-medico ul li a, #subnav-equipo li#subnav-terapeutico ul li a, #subnav-equipo li#subnav-atencion ul li a {text-decoration:none; background:none; padding-left:14px; height:18px; text-indent:0; color:#FFF; width:150px;} #subnav-equipo li#subnav-medico ul li#sub515, #subnav-equipo li#subnav-medico ul li#sub515 a {height:36px;} body.seccion514 #subnav-equipo li#subnav-manero ul li a, body.seccion734 #subnav-equipo li#subnav-medico ul li a, body.seccion701 #subnav-equipo li#subnav-terapeutico ul li a, body.seccion748 #subnav-equipo li#subnav-atencion ul li a, body.seccion514 #subnav-equipo li#subnav-manero ul li a:hover, body.seccion734 #subnav-equipo li#subnav-medico ul li a:hover, body.seccion701 #subnav-equipo li#subnav-terapeutico ul li a:hover, body.seccion748 #subnav-equipo li#subnav-atencion ul li a:hover {text-decoration:none; background:none; padding-left:14px; height:18px; text-indent:0;} #subnav-equipo li#subnav-manero ul li.current a, #subnav-equipo li#subnav-medico ul li.current a, #subnav-equipo li#subnav-terapeutico ul li.current a, #subnav-equipo li#subnav-paciente ul li.current a, body.pagina515 #subnav-equipo li#subnav-medico ul li#sub515 a, body.pagina705 #subnav-equipo li#subnav-medico ul li#sub515 a {color:#c6b192;} /* =EQUIPO - Desplegable --------------------------------------------- */ body#equipo.pagina518 div#texto ul.categoryitems li ol {list-style-type:decimal; list-style-position:inside; margin-left:20px;} body#equipo.pagina518 div#texto h2 {font:bold 12px/18px verdana, sans-serif; color:#999; padding-bottom:10px; cursor:pointer;} body#equipo.pagina518 div#texto ul.categoryitems {list-style-type:none;} body#equipo #texto p.curriculum {padding:10px 0;} body#equipo #texto a {color:#c6b192; text-decoration:none;} body#equipo #texto .volver {position:relative; float:left; clear:both; width:625px; padding-right:20px; text-align:right;} body#equipo #texto .top {position:absolute; top:65px;} body#equipo #texto .volver a {color:#c6b192; text-decoration:none;} body#equipo #texto .volver a:hover {text-decoration:underline;} /* =SUBNAV - Contacto --------------------------------------------- */ body#contacto #subcontenido #subnav {margin-top:10px;} body#contacto #subcontenido span {position:absolute; top:0; left:0; width:246px; height:50px; overflow:hidden; z-index:100; background:url(../images/secciones/subnav-top.jpg) top left no-repeat;} body#contacto #subcontenido span h2 {text-indent:-9999px; width:246px; height:50px;} #subnav-contacto {position:relative; float:left; clear:both; margin-top:49px; margin-bottom:-5px; padding-bottom:3px; background:url(../images/secciones/subnav-bottom.jpg) bottom left no-repeat;} #subnav-contacto li {display:block; width:246px; height:auto;} /* =SUBNAV - Telemedicina --------------------------------------------- */ body#telemedicina #subcontenido #subnav {margin-top:10px;} body#telemedicina #subcontenido span {position:absolute; top:0; left:0; width:246px; height:50px; overflow:hidden; z-index:100; background:url(../images/secciones/subnav-top.jpg) top left no-repeat;} body#telemedicina #subcontenido span h2 {text-indent:-9999px; width:246px; height:50px;} #subnav-telemedicina {position:relative; float:left; clear:both; margin-top:49px; margin-bottom:-5px; padding-bottom:3px; background:url(../images/secciones/subnav-bottom.jpg) bottom left no-repeat;} #subnav-telemedicina li {display:block; width:246px; height:auto;} /* =SUBNAV - Pidehora --------------------------------------------- */ body#pidehora #subcontenido #subnav {margin-top:10px;} body#pidehora #subcontenido span {position:absolute; top:0; left:0; width:246px; height:50px; overflow:hidden; z-index:100; background:url(../images/secciones/subnav-top.jpg) top left no-repeat;} body#pidehora #subcontenido span h2 {text-indent:-9999px; width:246px; height:50px;} #subnav-pidehora {position:relative; float:left; clear:both; margin-top:49px; margin-bottom:-5px; padding-bottom:3px; background:url(../images/secciones/subnav-bottom.jpg) bottom left no-repeat;} #subnav-pidehora li {display:block; width:246px; height:auto;} /* =CONTACTO --------------------------------------------- */ body#contacto #texto {padding-bottom:20px;} body#contacto #contenido #texto a {color:#999; text-decoration:none;} body#contacto #contenido #texto a:hover {color:#999; text-decoration:underline;} body#contacto #contenido #texto h3 {margin-bottom:10px;} #contacto-intro {position:relative; float:left; clear:both; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #5E5E5E;} #contacto-datos {position:relative; float:left; padding-right:25px; margin-top:10px; width:200px; background:url(../images/secciones/contacto-bg.gif) top right repeat-y; display:inline;} #contacto-formulario {position:relative; float:left; margin-top:10px; margin-left:-1px; background:url(../images/secciones/contacto-bg.gif) top left repeat-y; display:inline;} #contacto-formulario ol {position:relative; float:right; padding:5px 0 20px 30px; } #contacto-formulario li {position:relative; float:left; clear:both; margin-bottom:8px; color:#cccccc; width:370px;} #contacto-formulario label {position:relative; float:left; width:170px; display:block; text-align:left;} #contacto-formulario input {position:relative; float:left; border:none; width:199px; padding:2px 0; background-color:#616060; font-size:12px; line-height:16px; color:#CCC;} body#contacto #texto #contacto-formulario input#newsletter, body#contacto #texto #contacto-formulario input#lopd {width:20px; background-color:transparent;} #contacto-formulario textarea {position:relative; float:left; clear:both; margin-top:5px; border:none; background-color:#616060; width:370px; height:145px; overflow:auto; font-size:12px; line-height:16px; color:#CCC;} #contacto-formulario li#enviar input {position:relative; float:right; width:54px; height:25px; background:url(../images/secciones/contacto-enviar.gif) 0 2px no-repeat; cursor:pointer;} /* Estilos especiales (campo oculto, mensajes de error y éxito) */ body#contacto #texto #contacto-formulario div#special, body#contacto #texto #contacto-formulario div#special label, body#contacto #texto #contacto-formulario div#special input {display:none;} /* Esconder mapa para imprimir */ div#mapa-imprimir {position:absolute; top:0; left:0; width:682px; height:305px; display:none;} /* =TELEMEDICINA --------------------------------------------- */ body#telemedicina #texto {padding-bottom:20px;} body#telemedicina #contenido #texto a {color:#999; text-decoration:none;} body#telemedicina #contenido #texto a:hover {color:#999; text-decoration:underline;} body#telemedicina #contenido #texto h3 {margin-bottom:10px;} #telemedicina-intro {position:relative; float:left; clear:both; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #5E5E5E;} #telemedicina-datos {position:relative; float:left; padding-right:25px; margin-top:10px; width:200px; background:url(../images/secciones/contacto-bg.gif) top right repeat-y; display:inline;} #telemedicina-formulario {position:relative; float:left; margin-top:10px; margin-left:-1px; background:url(../images/secciones/contacto-bg.gif) top left repeat-y; display:inline;} #telemedicina-formulario ol {position:relative; float:right; padding:5px 0 20px 30px; } #telemedicina-formulario li {position:relative; float:left; clear:both; margin-bottom:8px; color:#cccccc; width:370px;} #telemedicina-formulario label {position:relative; float:left; width:170px; display:block; text-align:left;} #telemedicina-formulario input {position:relative; float:left; border:none; width:199px; padding:2px 0; background-color:#616060; font-size:12px; line-height:16px; color:#CCC;} body#telemedicina #texto #telemedicina-formulario input#newsletter, body#telemedicina #texto #telemedicina-formulario input#lopd {width:20px; background-color:transparent;} #telemedicina-formulario textarea {position:relative; float:left; clear:both; margin-top:5px; border:none; background-color:#616060; width:370px; height:145px; overflow:auto; font-size:12px; line-height:16px; color:#CCC;} #telemedicina-formulario li#enviar input {position:relative; float:right; width:54px; height:25px; background:url(../images/secciones/contacto-enviar.gif) 0 2px no-repeat; cursor:pointer;} /* Estilos especiales (campo oculto, mensajes de error y éxito) */ body#telemedicina #texto #telemedicina-formulario div#special, body#telemedicina #texto #telemedicina-formulario div#special label, body#telemedicina #texto #telemedicina-formulario div#special input {display:none;} /* Esconder mapa para imprimir */ div#mapa-imprimir {position:absolute; top:0; left:0; width:682px; height:305px; display:none;} /* =PIDEHORA --------------------------------------------- */ body#pidehora #texto {padding-bottom:20px;} body#pidehora #contenido #texto a {color:#999; text-decoration:none;} body#pidehora #contenido #texto a:hover {color:#999; text-decoration:underline;} body#pidehora #contenido #texto h3 {margin-bottom:10px;} #pidehora-intro {position:relative; float:left; clear:both; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #5E5E5E;} #pidehora-datos {position:relative; float:left; padding-right:25px; margin-top:10px; width:200px; background:url(../images/secciones/contacto-bg.gif) top right repeat-y; display:inline;} #pidehora-formulario {position:relative; float:left; margin-top:10px; margin-left:-1px; background:url(../images/secciones/contacto-bg.gif) top left repeat-y; display:inline;} #pidehora-formulario ol {position:relative; float:right; padding:5px 0 20px 30px; } #pidehora-formulario li {position:relative; float:left; clear:both; margin-bottom:8px; color:#cccccc; width:370px;} #pidehora-formulario label {position:relative; float:left; width:170px; display:block; text-align:left;} #pidehora-formulario input {position:relative; float:left; border:none; width:199px; padding:2px 0; background-color:#616060; font-size:12px; line-height:16px; color:#CCC;} body#pidehora #texto #pidehora-formulario input#newsletter, body#pidehora #texto #pidehora-formulario input#lopd {width:20px; background-color:transparent;} #pidehora-formulario textarea {position:relative; float:left; clear:both; margin-top:5px; border:none; background-color:#616060; width:370px; height:145px; overflow:auto; font-size:12px; line-height:16px; color:#CCC;} #pidehora-formulario li#enviar input {position:relative; float:right; width:54px; height:25px; background:url(../images/secciones/contacto-enviar.gif) 0 2px no-repeat; cursor:pointer;} /* Estilos especiales (campo oculto, mensajes de error y éxito) */ body#pidehora #texto #pidehora-formulario div#special, body#pidehora #texto #pidehora-formulario div#special label, body#pidehora #texto #pidehora-formulario div#special input {display:none;} /* Esconder mapa para imprimir */ div#mapa-imprimir {position:absolute; top:0; left:0; width:682px; height:305px; display:none;} /* =TAGS --------------------------------------------- */ #tagresults li {padding-bottom:10px;} #tagresults h4 {font-size:12px; color:#FFF;} #tagresults h4 a {color:#FFF;} #tagresults a {color:#DEDEDE; text-decoration:underline;} #tagresults a:hover {color:#999; text-decoration:underline;} #tagresults p.abstract {margin:0;} h2.tags {background:url(../images/titulos/es/tagresults.jpg) top right no-repeat;} /* =AREADEPRENSA --------------------------------------------- */ body#areadeprensa #subcontenido #subnav {margin-top:10px;} body#areadeprensa #subcontenido span, body#noticias #subcontenido span {position:absolute; top:0; left:0; width:246px; height:8px; z-index:100; background:url(../images/secciones/subnav-top.jpg) top left no-repeat;} body#noticias #subnav-areadeprensa {position:relative; float:left; clear:both; margin-top:7px; margin-bottom:5px; padding-bottom:4px; background:url(../images/secciones/subnav-bottom.jpg) bottom left no-repeat;} #subnav-areadeprensa {position:relative; float:left; clear:both; margin-top:7px; margin-bottom:-5px; padding-bottom:3px; background:url(../images/secciones/subnav-bottom.jpg) bottom left no-repeat;} #subnav-areadeprensa li {display:block; width:246px; height:auto;} /* corregir estilo links respecto a los de las categorías */ body.profesionales #subnav-areadeprensa li#subnav-areaprofesionales.logged-in ul li a {text-decoration:none; background:none; padding-left:14px; height:18px; text-indent:0; color:#FFF;} body.profesionales #subnav-areadeprensa li#subnav-areaprofesionales.logged-in ul li a, body.profesionales #subnav-areadeprensa li#subnav-areaprofesionales.logged-in ul li a:hover {text-decoration:none; background:none; padding-left:14px; height:18px; text-indent:0;} body.profesionales #subnav-areadeprensa li#subnav-areaprofesionales.logged-in ul li.current a {color:#c6b192;} /* Esconder noticias de los quicklinks para que no se repita */ body#areadeprensa li#subnav-articulos {display:none;} /* =AREADEPRENSA - Dossier de Prensa --------------------------------------------- */ ul.dossier-mediabox {position:relative; float:left; margin:10px 0; list-style-type:none; padding:10px 0;} ul.dossier-mediabox li a {text-decoration:none; color:#999;} ul.dossier-mediabox li a:hover {text-decoration:underline;} ul.dossier-mediabox li img {position:relative; float:left;} ul.dossier-mediabox li span {position:relative; float:left; display:block; padding-left:10px; height:31px; line-height:31px;} /* =AREADEPRENSA - Contacto de Prensa --------------------------------------------- */ body.pagina709 #texto a {color:#c6b192; text-decoration:none;} body.pagina709 #texto a:hover {text-decoration:underline;} /* =AREADEPRENSA - Clipping --------------------------------------------- */ /* General */ ul#lista_noticias {padding-top:5px;} ul#lista_noticias li {padding-bottom:15px; position:relative; float:left; clear:both; width:620px;} ul#lista_noticias li h2 {padding-bottom:5px; color:#F7F7F7;} ul#lista_noticias li span.thumb img {margin:0 12px 0 0; position:relative; float:left; display:block;} ul#lista_noticias li div.abstract {display:inline;} ul#lista_noticias li p {padding:0; margin:0;} ul#lista_noticias li a {color:#c6b192; text-decoration:none;} ul#lista_noticias li a:hover {color:#c6b192; text-decoration:underline;} /* Individual */ #contenido.clipping h2 {font-size:14px; color:#c0a891; padding-top:5px; padding-bottom:15px; padding-right:70px;} #contenido.clipping #media {padding:10px 0; position:relative; float:left; clear:both;} #contenido.clipping #media ul#galeria {position:relative; float:left; clear:both; margin:0; padding:0; background:none;} #contenido.clipping #media ul#media-pdf {position:relative; float:left; clear:both; margin:0; width:640px; list-style-type:none; padding:10px 0;} #contenido.clipping #media div.media-video {position:relative; float:left; clear:both; padding:0 0 20px 0; width:640px; text-align:center;} ul#media-pdf li {position:relative; float:left; clear:both; display:block; width:500px; padding-bottom:10px;} ul#media-pdf li a {text-decoration:none; color:#999;} ul#media-pdf li a:hover {text-decoration:underline;} ul#media-pdf li img {position:relative; float:left;} ul#media-pdf li span {position:relative; float:left; display:block; padding-left:10px; height:31px; line-height:31px;} #contenido.clipping .volver {position:relative; float:left; clear:both; width:625px; padding-right:20px; text-align:right;} #contenido.clipping .top {position:absolute; top:65px;} #contenido.clipping a, #contenido.clipping .volver a {color:#c6b192; text-decoration:none;} #contenido.clipping a:hover, #contenido.clipping .volver a:hover {text-decoration:underline;} /* =AREADEPRENSA - Prensa Escrita --------------------------------------------- */ /* General */ body#areadeprensa.prensaescrita ul#lista_noticias {padding-top:5px;} body#areadeprensa.prensaescrita ul#lista_noticias li {position:relative; float:left; padding-bottom:20px; display:block;} body#areadeprensa.prensaescrita ul#lista_noticias li div.thumb {position:relative; float:left; clear:left; width:80px; overflow-x:hidden; margin-right:20px;} body#areadeprensa.prensaescrita ul#lista_noticias li div.abstract {position:relative; float:left; clear:right; width:500px; overflow-x:hidden;} body#areadeprensa.prensaescrita ul#lista_noticias li a {color:#999;} body#areadeprensa.prensaescrita ul#lista_noticias li h2 {margin:-5px 0 -12px 0; line-height:16px; color:#F7F7F7; } body#areadeprensa.prensaescrita ul#lista_noticias li p {padding:0; margin:0;} body#areadeprensa.prensaescrita ul#lista_noticias li p.leermas {padding:6px 0;} body#areadeprensa.prensaescrita ul#lista_noticias li p.leermas a {color:#c6b192; text-decoration:none;} body#areadeprensa.prensaescrita ul#lista_noticias li p.leermas a:hover {color:#c6b192; text-decoration:underline;} /* Para el articulo de prensa inidivual se utilizan los estilos en Noticias - individual mediante la clase .noticias en div#principal */ /* =AREADEPRENSA - Radio --------------------------------------------- */ /* General */ body#areadeprensa.radio ul#lista_noticias {padding-top:5px;} body#areadeprensa.radio ul#lista_noticias li {position:relative; float:left; padding-bottom:20px; display:block;} body#areadeprensa.radio ul#lista_noticias li div.abstract {position:relative; float:left; clear:both; width:500px; overflow-x:hidden;} body#areadeprensa.radio ul#lista_noticias li a {color:#999;} body#areadeprensa.radio ul#lista_noticias li h2 {position:relative; float:left; clear:both; margin:-5px 0 0 0; line-height:16px; color:#F7F7F7; font-size:12px;} body#areadeprensa.radio ul#lista_noticias li p {padding:0; margin:0;} body#areadeprensa.radio ul#lista_noticias li p.leermas {padding:6px 0;} body#areadeprensa.radio ul#lista_noticias li p.leermas a {color:#c6b192; text-decoration:none;} body#areadeprensa.radio ul#lista_noticias li p.leermas a:hover {color:#c6b192; text-decoration:underline;} body#areadeprensa.radio a {color:#999;} /* Para el articulo de prensa inidivual se utilizan los estilos en Noticias - individual mediante la clase .noticias en div#principal */ /* =AREADEPRENSA - Noticias --------------------------------------------- */ /* General */ body#noticias ul#lista_noticias {padding-top:5px;} body#noticias ul#lista_noticias li {padding-bottom:15px;} body#noticias ul#lista_noticias li a {color:#999;} body#noticias ul#lista_noticias li h2 {padding-bottom:5px; color:#F7F7F7;} body#noticias ul#lista_noticias li p {padding:0; margin:0;} body#noticias ul#lista_noticias li p.leermas {padding:6px 0;} body#noticias ul#lista_noticias li p.leermas a {color:#c6b192; text-decoration:none;} body#noticias ul#lista_noticias li p.leermas a:hover {color:#c6b192; text-decoration:underline;} /* Individual */ #principal.noticias h2 {font:bold 14px/18px Arial, sans-serif;padding-top:5px; padding-bottom:15px; padding-right:70px; color:#FFF;} #principal.noticias #texto a {color:#999;} #principal.noticias #media {padding:10px 0; position:relative; float:left; clear:both;} #principal.noticias #media ul#galeria {position:relative; float:left; clear:both; margin:0; padding:0; background:none;} #principal.noticias #media ul#media-pdf {position:relative; float:left; clear:both; margin:0; width:640px; list-style-type:none; padding:10px 0;} #principal.noticias #media div.media-video {position:relative; float:left; clear:both; padding:0 0 20px 0; width:640px; text-align:center;} ul#media-pdf li a {text-decoration:none; color:#999;} ul#media-pdf li a:hover {text-decoration:underline;} ul#media-pdf li img {position:relative; float:left;} ul#media-pdf li span {position:relative; float:left; display:block; padding-left:10px; height:31px; line-height:31px;} #principal.noticias .volver {position:relative; float:left; clear:both; width:625px; padding-right:20px; text-align:right;} #principal.noticias .top {position:absolute; top:65px;} #principal.noticias #texto .volver a {color:#c6b192; text-decoration:none;} #principal.noticias #texto .volver a:hover {text-decoration:underline;} /* =AREADEPRENSA - Radio --------------------------------------------- */ /* General */ body#radio ul#lista_programas {padding-top:5px;} body#radio ul#lista_programas li {padding-bottom:15px;} body#radio ul#lista_programas li a {color:#999;} body#radio ul#lista_programas li h2 {padding-bottom:5px; color:#F7F7F7;} body#radio ul#lista_programas li p {padding:0; margin:0;} body#radio ul#lista_programas li p.leermas {padding:6px 0;} body#radio ul#lista_programas li p.leermas a {color:#c6b192; text-decoration:none;} body#radio ul#lista_programas li p.leermas a:hover {color:#c6b192; text-decoration:underline;} /* Individual #principal.noticias h2 {font:bold 14px/18px Arial, sans-serif;padding-top:5px; padding-bottom:15px; padding-right:70px; color:#FFF;} #principal.noticias #texto a {color:#999;} #principal.noticias #media {padding:10px 0; position:relative; float:left; clear:both;} #principal.noticias #media ul#galeria {position:relative; float:left; clear:both; margin:0; padding:0; background:none;} #principal.noticias #media ul#media-pdf {position:relative; float:left; clear:both; margin:0; width:640px; list-style-type:none; padding:10px 0;} #principal.noticias #media div.media-video {position:relative; float:left; clear:both; padding:0 0 20px 0; width:640px; text-align:center;} ul#media-pdf li a {text-decoration:none; color:#999;} ul#media-pdf li a:hover {text-decoration:underline;} ul#media-pdf li img {position:relative; float:left;} ul#media-pdf li span {position:relative; float:left; display:block; padding-left:10px; height:31px; line-height:31px;} #principal.noticias .volver {position:relative; float:left; clear:both; width:625px; padding-right:20px; text-align:right;} #principal.noticias .top {position:absolute; top:65px;} #principal.noticias #texto .volver a {color:#c6b192; text-decoration:none;} #principal.noticias #texto .volver a:hover {text-decoration:underline;}*/ /* =AREADEPRENSA - Formulario de entrada --------------------------------------------- */ #texto #loginform {position:relative; float:none; clear:both; left:50%; width:270px; height:100px; margin-left:-135px; z-index:100;} #texto #loginform h3 {display:none;} #texto #loginform a {font-size:12px; color:#8B8C8E; text-decoration:none;} #texto #loginform a:hover {text-decoration:underline;} #texto #loginform ol li {text-align:right; position:relative; float:left; clear:both; padding-bottom:4px; width:210px;} #texto #loginform ol li#registrarse {width:270px; text-align:right;} #texto #loginform label {position:relative; float:left; display:block; width:80px; padding-right:10px; text-align:right; color:#FFF; font-size:12px; line-height:16px;} #texto #loginform input#login3, #texto #loginform input#password4 {position:relative; float:left; display:block; width:120px; height:20px; border:none; background-color:#616060; color:#CCC;} #texto #loginform input#submit {position:relative; float:right; clear:both; display:block; cursor:pointer; border:none; color:#FFF; width:54px; height:25px; background:url(../images/secciones/contacto-enviar.gif) 0 2px no-repeat; } #texto #registerform {position:relative; float:none; clear:both;} #texto #registerform ol {position:relative; float:left; padding:5px 0 20px 10px; } #texto #registerform li {position:relative; float:left; clear:both; margin-bottom:8px; color:#cccccc; width:600px;} #texto #registerform label {position:relative; float:left; width:310px; display:block; text-align:right; padding-right:10px;} #texto #registerform input {position:relative; float:left; border:none; width:280px; padding:2px 0; background-color:#616060; font-size:12px; line-height:16px; color:#CCC;} body#contacto #texto #texto #registerform input#newsletter {width:20px; background-color:transparent;} #texto #registerform textarea {position:relative; float:left; clear:both; margin-top:5px; border:none; background-color:#616060; width:370px; height:145px; overflow:auto; font-size:12px; line-height:16px; color:#CCC;} #texto #registerform li#enviar input {position:relative; float:right; width:54px; height:25px; background:url(../images/secciones/contacto-enviar.gif) 0 2px no-repeat; cursor:pointer;} /* Estilos especiales (campo oculto, mensajes de error y éxito) */ #texto #registerform div#special, #texto #registerform div#special label, #texto #registerform div#special input {display:none;} /* =AREA DE PRENSA - Television --------------------------------------------- */ body#areadeprensa.television div#video_individual {position:relative; float:left; clear:both; padding-bottom:20px;} body#areadeprensa.television div#video_individual a {color:#999;} body#areadeprensa.television div#video_individual p {padding:0; margin:0;} body#areadeprensa.television div#video_individual h2 {margin:-5px 0 10px 0; line-height:16px; color:#F7F7F7;} body#areadeprensa.television div#video_individual .thumb {position:relative; float:left; clear:left; width:150px; overflow-x:hidden; margin-right:20px;} body#areadeprensa.television div#video_individual .abstract {position:relative; float:left; clear:right; width:450px; overflow-x:hidden;} body#areadeprensa.television div#video_individual div#youtubelink {position:relative; float:left; clear:both; width:600px; text-align:center;} body#areadeprensa.television div#video_individual div.media-video {position:relative; float:left; clear:both; padding:20px 0 0 0; width:640px; text-align:center;} body#areadeprensa.television div#video_individual .volver {position:relative; float:left; clear:both; width:625px; padding-right:20px; text-align:right;} body#areadeprensa.television div#video_individual .top {position:absolute; top:0px; left:0px;} body#areadeprensa.television div#video_individual .volver a {color:#c6b192; text-decoration:none;} body#areadeprensa.television div#video_individual .volver a:hover {text-decoration:underline;} /* =PREGUNTAS FRECUENTES --------------------------------------------- */ body#faq #subcontenido #subnav {margin-top:10px;} body#faq #subcontenido span {position:absolute; top:0; left:0; width:246px; height:8px; z-index:100; background:url(../images/secciones/subnav-top.jpg) top left no-repeat;} #subnav-preguntas {position:relative; float:left; clear:both; margin-top:7px; margin-bottom:-5px; padding-bottom:3px; background:url(../images/secciones/subnav-bottom.jpg) bottom left no-repeat;} #subnav-preguntas li {display:block; width:246px; height:auto;} body#faq #contenido #texto h2 {font-weight:normal; font-size:12px; color:#b1b1b1; line-height:16px; padding-bottom:10px; text-decoration:underline; cursor:pointer;text-transform:uppercase;} body#faq #contenido #texto h2.menuheader {color:#c0a891;} body#faq #texto a {color:#999; text-decoration:none;} body#faq #texto ul {padding-bottom:15px;} body#faq #texto a:hover {color:#CCC; text-decoration:underline;} body#faq #texto div.servicios-intro {padding-bottom:12px;} body#faq ul.categoryitems {padding-bottom:15px;} /* =MAPA WEB --------------------------------------------- */ ul#sitemap {list-style-position:inside; padding:20px 0; position:relative; float:left; clear:both;} ul#sitemap li {padding-bottom:3px; position:relative; float:left; clear:both;} ul#sitemap li.sitemap1 {background-color:#2A2A2B; position:relative; float:left; clear:both; border-bottom:3px solid #393938; display:block; width:590px; padding:3px 20px; list-style-type:none; text-transform:uppercase;} ul#sitemap li.sitemap1 a {color:#c6b192; text-decoration:none;} ul#sitemap li.sitemap1 a:hover {color:#c6b192; text-decoration:underline;} ul#sitemap li.sitemap2 {margin-left:20px; position:relative; float:left; clear:both; width:570px;} ul#sitemap li.sitemap3 {margin-left:40px; position:relative; float:left; clear:both; width:550px;} ul#sitemap li.sitemap4 {margin-left:60px; position:relative; float:left; clear:both; width:530px;} ul#sitemap li.sitemap5 {margin-left:80px; position:relative; float:left; clear:both; width:510px;} ul#sitemap li.sitemap2 a {color:#FFF; text-decoration:none;} ul#sitemap li.sitemap3 a, ul#sitemap li.sitemap4 a, ul#sitemap li.sitemap5 a {color:#999; text-decoration:none;} ul#sitemap li.sitemap2 a:hover {color:#FFF; text-decoration:underline;} ul#sitemap li.sitemap3 a:hover, ul#sitemap li.sitemap4 a:hover, ul#sitemap li.sitemap5 a:hover {color:#999; text-decoration:underline;} body#areadeprensa.pagina706 #encabezado #login, body#areadeprensa.pagina707 #encabezado #login, body#areadeprensa.pagina708 #encabezado #login, body#areadeprensa.pagina709 #encabezado #login {display:block;} body#areadeprensa #simple_login_ok {z-index:9999; position:absolute; top:-10px; right:5px; color:#CCC; text-align:right; font-size:12px;} body#areadeprensa #simple_login_ok a {color:#c0a891; text-decoration:underline;} /* =IMI COSMETICS --------------------------------------------- */ body#imicosmetics #subcontenido #subnav {margin-top:10px;} body#imicosmetics #subcontenido span {position:absolute; top:0; left:0; width:246px; height:8px; z-index:100; background:url(../images/secciones/subnav-top_oscuro.jpg) top left no-repeat;} #subnav-cosmetics {position:relative; float:left; clear:both; margin-top:7px; margin-bottom:8px; padding-bottom:3px; background:url(../images/secciones/subnav-bottom2.jpg) bottom left no-repeat;} #subnav-cosmetics li {display:block; width:246px; height:auto;} body#imicosmetics #contenido #texto h2 {font:14px/28px arial, verdana, sans-serif; color:#c0a891; text-transform:uppercase; padding:6px 0 12px 20px;} body#imicosmetics ul#imicosmetics-subnav {padding:20px; text-transform:uppercase;} body#imicosmetics ul#imicosmetics-subnav li {padding-bottom:10px;} body#imicosmetics ul#imicosmetics-subnav li a {color:#c0a891; text-decoration:underline;} body#imicosmetics ul#imicosmetics-subnav li a:hover {color:#c0a891; text-decoration:underline;} body#imicosmetics #contenido #texto h1, body#imimagazine #contenido #texto h1 {position:relative; float:left; clear:both; text-indent:0;} body#imicosmetics #contenido #texto, body#imimagazine #contenido #texto {position:relative; float:left; clear:both; margin:0 0 12px 0; width:627px; overflow-x:hidden; padding:0 27px 12px 27px; background:#39393b url(../images/general/bgtexto_oscuro.gif) bottom left no-repeat; font-size:12px; line-height:16px; color:#CCC; text-align:justify;} body#imimagazine #contenido #texto div {position:relative; float:left; clear:both; width:627px;} /* =IMI MAGAZINE --------------------------------------------- */ body#imimagazine #contenido #texto h1.anteriores, body#imimagazine #contenido #texto h1.ayudanos {height:70px;} body#imimagazine #contenido ul.dossier-mediabox {position:relative; float:left; clear:both; width:620px;} body#imimagazine #contenido ul.dossier-mediabox li a {color:#c0a891;} body#imimagazine #contenido ul.dossier-mediabox li a:hover {color:#c0a891; text-decoration:underline;} body#imimagazine #contenido #texto span[style="font-weight: bold;"] {color: #FAB165;} /* Archivo anteriores */ body#imimagazine #contenido #texto div#archivo_imimagazine {position:relative; float:left; clear:both; width:700px; display:none;} body#imimagazine #contenido #texto div#archivo_imimagazine div.archivo-item {position:relative; float:left; clear:both; display:block; width:610px;} body#imimagazine #contenido #texto div#archivo_imimagazine div.archivo-item h2 {position:absolute; top:0; left:0; width:60px; font-weight:normal; font-size:16px; line-height:60px; text-transform:uppercase; color:#c0a891;} body#imimagazine #contenido #texto div#archivo_imimagazine ul.dossier-mediabox {position:relative; float:left; display:inline; clear:right; top:-10px; left:0; padding-left:70px; width:555px; background:url(../images/general/linea.gif) bottom left no-repeat;} body#imimagazine #contenido #texto div#archivo_imimagazine ul.dossier-mediabox li {position:relative; float:left; width:50px; height:68px; overflow:hidden; font-size:14px; line-height:14px;} /* Formulario */ body#imimagazine #contenido #texto div#formulario_imimagazine {position:relative; float:left; clear:both; width:700px;} body#imimagazine #contenido #texto div#ayudanos_texto {position:relative; float:left; clear:none; padding-right:25px; margin-top:10px; width:200px;} body#imimagazine #contenido #texto div#ayudanos_formulario {position:relative; float:left; clear:none; width:430px; background:url(../images/secciones/contacto-bg.gif) top left repeat-y;} #ayudanos_formulario ol {position:relative; float:left; width:370px; padding:5px 0 20px 30px; } div#ayudanos_formulario li {position:relative; float:left; clear:both; display:block; margin-bottom:8px; color:#cccccc; width:370px;} #ayudanos_formulario li a {color:#c0a891;} #ayudanos_formulario li a:hover {color:#c0a891; text-decoration:underline;} #ayudanos_formulario label {position:relative; float:left; width:170px; display:block; text-align:left;} #ayudanos_formulario input {position:relative; float:left; border:none; width:199px; padding:2px 0; background-color:#616060; font-size:12px; line-height:16px; color:#CCC;} body#imimagazine #texto #ayudanos_formulario input#newsletter, body#imimagazine #texto #ayudanos_formulario input#lopd {width:20px; background-color:transparent;} #ayudanos_formulario textarea {position:relative; float:left; clear:both; margin-top:5px; border:none; background-color:#616060; width:370px; height:145px; overflow:auto; font-size:12px; line-height:16px; color:#CCC;} div#ayudanos_formulario li#benviar {position:relative; float:left; display:block; clear:both; width:370px;} div#ayudanos_formulario li#benviar input#enviar {position:relative; float:right; width:54px; height:25px; background:url(../images/secciones/contacto-enviar.gif) 0 2px no-repeat; cursor:pointer;} /* Estilos especiales (campo oculto, mensajes de error y éxito) */ body#imimagazine #texto #ayudanos_formulario div#special, body#imimagazine #texto #ayudanos_formulario div#special label, body#imimagazine #texto #ayudanos_formulario div#special input {display:none;} body#imimagazine #texto a#ayudanos_but {display:block; width:180px; height:30px; text-indent:-9999px; position:absolute; z-index:999; top:12px; right:30px;} /* =ANTES Y DESPUES --------------------------------------------- */ body#antesydespues #contenido #texto h1 {text-indent:0;} body#antesydespues #subcontenido #subnav {margin-top:0px;} body#antesydespues #subcontenido span {position:absolute; top:0; left:0; width:246px; height:8px; z-index:100; background:url(../images/secciones/subnav-top2.jpg) top left no-repeat;} body#antesydespues #subcontenido #subnav-ayd {position:relative; float:left; clear:both; margin-top:7px; margin-bottom:8px; padding-bottom:3px; background:url(../images/secciones/subnav-bottom2.jpg) bottom left no-repeat;} div#ayd_fotos {position:relative; float:left; display:block;} div#ayd_fotos ul {position:relative; float:left; clear:both; width:700px; padding-top:12px; padding-bottom:8px;} div#ayd_fotos ul li {width:300px; overflow-x:hidden; position:relative; float:left; clear:none; margin-right:15px;} div#ayd_fotos ul li img {margin-bottom:5px;} div#ayd_fotos div.separador {width:660px; height:10px; overflow:hidden; margin-left:-25px;} body#antesydespues div#paginacion {position:relative; float:left; width:660px; padding:10px 0; text-align:center;} body#antesydespues div#paginacion a {color:#c0a891; text-decoration:none;} body#antesydespues div#paginacion a:hover {color:#c0a891; text-decoration:underline;} /* =SUSCRIPCION NEWSLETTER --------------------------------------------- */ body#newsletter #contenido #texto {position:relative; float:left; clear:both; margin:0 0 12px 0; width:627px; padding:0 27px 12px 27px; background:#39393b url(../images/general/bgtexto_oscuro.gif) bottom left no-repeat; font-size:12px; line-height:16px; color:#CCC; text-align:justify;} #newsl-formulario {position:relative; float:left; margin-top:10px; margin-left:-1px; display:inline;} #newsl-formulario ol {position:relative; float:right; padding:5px 0 20px 30px; } #newsl-formulario li {position:relative; float:left; clear:both; margin-bottom:8px; color:#cccccc; width:370px;} #newsl-formulario li a {color:#c0a891;} #newsl-formulario li a:hover {color:#c0a891; text-decoration:underline;} #newsl-formulario label {position:relative; float:left; width:170px; display:block; text-align:left;} #newsl-formulario input {position:relative; float:left; border:none; width:199px; padding:2px 0; background-color:#616060; font-size:12px; line-height:16px; color:#CCC;} body#newsletter #texto #newsl-formulario input#lopd {width:20px; background-color:transparent;} #newsl-formulario textarea {position:relative; float:left; clear:both; margin-top:5px; border:none; background-color:#616060; width:370px; height:145px; overflow:auto; font-size:12px; line-height:16px; color:#CCC;} #newsl-formulario li#enviar input {position:relative; float:right; width:54px; height:25px; background:url(../images/secciones/contacto-enviar.gif) 0 2px no-repeat; cursor:pointer;} /* Estilos especiales (campo oculto, mensajes de error y éxito) */ body#newsletter #texto #newsl-formulario div#special, body#newsletter #texto #newsl-formulario div#special label, body#newsletter #texto #newsl-formulario div#special input {display:none;} body#newsletter div.separador {width:660px; height:30px; overflow:hidden; margin-left:-25px;} body#newsletter div#paginacion {position:relative; float:left; width:640px; padding:20px 0 10px 0; text-align:center;} body#newsletter div#paginacion a {color:#c0a891; text-decoration:none;} body#newsletter div#paginacion a:hover {color:#c0a891; text-decoration:underline;} body#newsletter div#newsletter_archivo {position:relative; float:left; display:block;} body#newsletter div#newsletter_archivo div {position:relative; float:left; display:block; width:640px; text-align:center;} body#newsletter div#newsletter_archivo div#pie_newsletter {display:block; background-color:#313134; margin:5px 0 0 20px; width:600px; line-height:20px; padding:5px 0;} body#newsletter div#newsletter_archivo div#pie_newsletter a {color:#c0a891;} /* =ENCUESTA SUGERENCIAS --------------------------------------------- */ body#encuesta #contenido #texto h1 {position:relative; float:left; clear:both; text-indent:0;} body#encuesta #contenido #texto {position:relative; float:left; clear:both; margin:0 0 12px 0; width:627px; padding:0 27px 12px 27px; background:#39393b url(../images/general/bgtexto_oscuro.gif) bottom left no-repeat; font-size:12px; line-height:16px; color:#CCC; text-align:justify;} #encuesta_formulario {position:relative; float:left; margin-top:10px; margin-left:-1px; display:inline;} #encuesta_formulario ol {position:relative; float:right; padding:5px 0 20px 30px; } #encuesta_formulario li {position:relative; float:left; clear:both; margin-bottom:8px; color:#cccccc; width:370px;} #encuesta_formulario li a {color:#c0a891;} #encuesta_formulario li a:hover {color:#c0a891; text-decoration:underline;} #encuesta_formulario label {position:relative; float:left; width:170px; display:block; text-align:left;} #encuesta_formulario input {position:relative; float:left; border:none; width:199px; padding:2px 0; background-color:#616060; font-size:12px; line-height:16px; color:#CCC;} body#encuesta #texto #encuesta_formulario input#newsletter, body#encuesta #texto #encuesta_formulario input#lopd {width:20px; background-color:transparent;} #encuesta_formulario textarea {position:relative; float:left; clear:both; margin-top:5px; border:none; background-color:#616060; width:370px; height:145px; overflow:auto; font-size:12px; line-height:16px; color:#CCC;} #encuesta_formulario li#enviar input {position:relative; float:right; width:54px; height:25px; background:url(../images/secciones/contacto-enviar.gif) 0 2px no-repeat; cursor:pointer;} /* Estilos especiales (campo oculto, mensajes de error y éxito) */ body#encuesta #texto #encuesta_formulario div#special, body#encuesta #texto #encuesta_formulario div#special label, body#encuesta #texto #encuesta_formulario div#special input {display:none;} /* =LOPD --------------------------------------------- */ body#lopd #contenido #texto span[style="font-weight: bold;"] {color: #c0a891;} body#lopd #contenido #texto {position:relative; float:left; clear:both; margin:0 0 12px 0; width:627px; padding:0 27px 12px 27px; background:#39393b url(../images/general/bgtexto_oscuro.gif) bottom left no-repeat; font-size:12px; line-height:16px; color:#CCC; text-align:justify;} body#lopd #contenido #texto h1 {position:relative; float:left; clear:both; text-indent:0;} body#lopd #contenido #texto a {color:#c0a891;} body#lopd #contenido #texto a:hover {color:#c0a891; text-decoration:underline;}