/* * Fichero: public.css ,v1.0 10/01/2006 Francisco Javier Lopez * * Hoja de estilos para presentaci�n de los elementos principales comunes a * toda la Web. Se establecen tama�os, fuentes, solores y otros atributos * a excepci�n de elementos de diagramaci�n, posici�n o distribuci�n general. * * Media screen * Navegadores IE5+, Mozilla 1.3+, Konqueror X, Opera X, Safari * CSS 2 * Fichero public.css * Version v1.0 * Autores Francisco Javier Lopez * */ /* ESTILOS GENERALES */ body { margin: 0px; padding: 0px; font-family: "Trebuchet MS", arial, helvetica, verdana, sans-serif; font-size: 11px; color: #000000; } html, body { } button { border:0; background:none;} select { font-family: "Trebuchet MS", arial, helvetica, verdana, sans-serif; font-size: 11px; } /* ESTILOS CAJAS GLOBALES */ #web { width: 990px; } #precabecera { clear: both; width: 854px; background: #EBD2EA url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/fondo_precabecera.gif) top left repeat-x; } #cabecera { clear: both; width: 854px; height: 59px; background: #B2BBCE url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/fondo_cabecera.gif) top left repeat-x; } #cabecera-especial { clear: both; width: 854px; height: 58px; background: #B2BBCE url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/fondo_black.jpg) bottom left no-repeat; } /*#cabecera { clear: both; width: 854px; height: 59px; background: #B2BBCE url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/logo.jpg) top left no-repeat; }*/ #menu { clear: both; width: 854px; height: 25px; background: #B2BBCE url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/fondo_cabecera.gif) bottom left repeat-x; } #submenu { clear: both; width: 854px; height: 22px; background: #C6C9D5 url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/fondo_submenu.gif) bottom left repeat-x; } #breadcrumbs { clear: both; width: 854px; height: 24px; background: #E8E8EF url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/fondo_breadcrumbs.gif) top left repeat-y; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #BCC4D4; } #contenido { float: left; width: 854px; background: #F1EDF4 url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/fondo_contenido.gif) 632px 0px repeat-y; } #lateral { float: right; width: 222px; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/fondo_lateral.gif) top left repeat-x; } #datos { float: left; width: 632px; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/fondo_datos.gif) top left repeat-x; } #skyscraper { clear: both; position:absolute; width: 120px; } #pie { clear: both; border-top: 1px solid #C2C2CA; } /* ESTILOS PARA LA PRECABECERA DE LA WEB */ #precabecera #precabecera-padding { padding: 6px 0px 0px 25px; } /* ESTILOS PARA LA CABECERA DE LA WEB */ #cabecera #cabecera-logo { float: left; padding-top:2px;} #cabecera #cabecera-logo h1 { margin: 0px; padding: 0px; width: 220px; height: 52px; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/logo.gif) top left no-repeat; } #cabecera #cabecera-logo h1 a { display: block; width: 181px; height: 52px; } #cabecera #cabecera-logo h1 a span { display: none; } #cabecera #cabecera-datos { float: right; width: 450px; } #cabecera #cabecera-datos form { padding: 3px 0px 0px 0px; width: 190px; height: 50px; background: transparent url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/fondo_busqueda.gif) top left repeat-x; } #cabecera-especial #cabecera-logo-especial { float: left; } #cabecera-especial #cabecera-logo-especial h1 { margin: 0px; padding: 0px; width: 220px; height: 52px; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/logo.gif) top left no-repeat; } #cabecera-especial #cabecera-logo-especial h1 a { display: block; width: 181px; height: 52px; } #cabecera-especial #cabecera-logo-especial h1 a span { display: none; } #cabecera-especial #cabecera-datos { float: right; width: 450px; } #cabecera-especial #cabecera-datos form { padding: 3px 0px 0px 0px; width: 190px; height: 50px; background: transparent url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/fondo_busqueda.gif) top left repeat-x; } /* ESTILOS PARA EL MENU 1 NIVEL */ #menu ul { margin: 0px; padding: 0px 0px 0px 3px; width: 670px; height: 25px; background: #8791A6 url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/fondo_menu.gif) top right no-repeat; } #menu ul li { list-style-type: none; float: left; padding: 3px 8px 4px 8px; background: transparent url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/fondo_menuseparador.gif) right 8px no-repeat; } #menu ul li a { font-size: 13px; color: #E8E8EF; font-weight: bold; text-decoration: none; text-transform: uppercase; } #menu ul li a:hover { color: #2B3347; } #menu ul li.actual { background: #C6C9D5 url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/fondo_menuactual.gif) top left repeat-x; } #menu ul li.actual a { color: #2B3347; } #menu form { padding: 0px 0px 0px 10px; height: 25px; } /* ESTILOS PARA EL MENU 2 NIVEL */ #submenu ul { margin: 0px; padding: 0px 0px 0px 7px; width: 800px; height: 22px; } #submenu ul li { list-style-type: none; float: left; padding: 3px 5px 0px 5px; color: #2B3347; background: transparent url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/fondo_menuseparador2.gif) right 5px no-repeat; } #submenu ul li a { font-size: 11px; color: #2B3347; font-weight: bold; text-decoration: none; text-transform: uppercase; } #submenu ul li a:hover { color: #000000; } #submenu ul li.actual a { color: #000000; } /* ESTILOS PARA EL PIE DE LA PAGINA */ #pie #pie-padding { padding: 10px 55px 10px 55px; color: #333333; text-align: center; } #pie #pie-padding div { margin: 5px 0px 5px 0px; padding: 5px 0px 5px 0px; border-top: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; } #pie #pie-padding div a { font-size: 10px; text-transform: uppercase; } #pie a { color: #003265; } #pie a:hover { color: #395990; } /* ESTILOS PARA BREADCRUMBS */ #breadcrumbs .breadcrumbs-padding { padding: 5px 8px 0px 22px; } #breadcrumbs #path { float: left; color: #373656; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/bullet_breadcrumbs.gif) 7px 7px no-repeat; } #breadcrumbs #path strong { color: #660066; } #breadcrumbs #path a { color: #330066; font-weight: bold; } #breadcrumbs #path a:hover { color: #542187; } #breadcrumbs #fecha { float: right; width: 90px; color: #000000; } /* ESTILOS PARA EL CONTENIDO */ #contenido .caja-publicidad { clear: both; margin: 0px 0px 8px 0px; background: #FFFFFF; border: 1px solid #B3A7C2; } #contenido .caja-publicidad .caja-publicidad-padding { padding: 4px; } /* ESTILOS PARA EL LATERAL DERECHO */ #lateral #lateral-padding { padding: 11px 6px 11px 6px; } #lateral .caja { margin: 0px 0px 8px 0px; background: #FFFFFF; border: 1px solid #B3A7C2; } #lateral .caja .caja-padding { padding: 4px; } #lateral .caja .caja-padding-f2 { padding: 12px; } #lateral .caja h3 { margin: 0px; padding: 2px 4px 2px 4px; font-size: 11px; color: #FFFFFF; text-transform: uppercase; background: #7E649C url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/fondo_h3_lateral.gif) top left repeat-x; } #lateral .caja h3 span { display: block; padding: 0px 0px 0px 12px; } #lateral .foros .caja-padding { padding: 4px 4px 4px 70px; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/fondo_foros.gif) bottom left no-repeat; } #lateral .foros h3 span { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/ico_h3_foros.gif) 0px 3px no-repeat; } #lateral .encuesta .caja-padding { padding: 4px 4px 4px 70px; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/fondo_encuesta.gif) top left no-repeat; } #lateral .encuesta h3 span { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/ico_h3_encuesta.gif) 0px 3px no-repeat; } #lateral .horoscopo h3 span { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/ico_h3_horoscopo.gif) 0px 3px no-repeat; } #lateral .boletin .caja-padding { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/fondo_boletin.gif) bottom left no-repeat; } #lateral .boletin h3 span { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/ico_h3_boletin.gif) 0px 3px no-repeat; } /* ESTILOS PARA EL CONTENIDO DATOS */ #datos #datos-padding { padding: 11px 8px 11px 8px; } #datos .caja { margin: 0px 0px 8px 0px; background: #FFFFFF; border: 1px solid #B3A7C2; } #datos .caja .caja-padding {padding:3px;} #datos .caja-especial { margin: 5px 0px 5px 0px; background: #F2F0F5; border-left: 3px solid #CEC8D4; } #datos .caja-especial-padding { padding: 10px; } #datos .caja-destacada { margin: 5px 5px 5px 5px; background: #EAEAEF url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/fondo_cagadestacada.jpg) top right no-repeat; border-top: 1px solid #DAC4DC; border-bottom: 1px solid #DAC4DC; } #datos .caja-destacada-padding { padding: 5px; } #datos .caja-aviso { margin: 5px 0px 5px 0px; color: #000000; background: #FFFFCC url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/ico_aviso.gif) 5px 7px no-repeat; border: 1px solid #BDBDBD; } #datos .caja-aviso .caja-aviso-padding { padding: 5px 5px 5px 23px; } #datos .caja-minigaleria { margin: 8px 0px 8px 0px; } #datos .caja-minigaleria img { margin: 2px 0px 2px 0px; } #datos .caja-galeria { } #datos .caja-galeria-padding { padding: 0px 0px 5px 0px; } #datos .caja-galeria-img { float: left; margin: 10px 5px 5px 5px; width: 85px; } #datos .caja-galeria-img h4 { margin: 0px; padding: 1px 2px 1px 5px; font-size: 12px; color: #660066; background: #F2F0F5; border-left: 3px solid #CEC8D4; } #datos .caja-galeria2 { } #datos .caja-galeria2-padding { padding: 0px 0px 5px 0px; } #datos .caja-galeria2-img { float: left; margin: 10px 4px 4px 4px; width: 77px; } #datos .caja-galeria2-img h4 { margin: 0px; padding: 1px 2px 1px 5px; font-size: 12px; color: #660066; background: #F2F0F5; border-left: 3px solid #CEC8D4; } #datos .destacamos { background: #FFFFFF url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/fondo_destacamos.gif) top left repeat-y; } #datos .nuevo { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/fondo_nuevo.gif) top right no-repeat; } #datos h2.portada { margin: 0px 0px 5px 0px; padding: 0px; font-size: 18px; color: #574775; font-family: "Times New Roman", Times, serif; } #datos h2.interior { margin: 0px 0px 5px 0px; padding: 3px 0px 2px 15px; width: 580px; font-size: 20px; color: #FFFFFF; font-family: "Times New Roman", Times, serif; background: #BBB8C8 url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/fondo_titulointerior.gif) top left no-repeat; border-top: 1px solid #BCBCBC; } #datos h2.interior2 { margin: 0px 0px 5px 0px; padding: 6px 0px 7px 10px; font-size: 18px; font-weight: normal; color: #660066; font-family: "Times New Roman", Times, serif; } #datos h2.destacadoportada { margin: 0px; padding: 2px 4px 2px 17px; font-size: 11px; color: #FFFFFF; text-transform: uppercase; background: #660066 url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/ico_h2_destacamos.gif) 3px 5px no-repeat; } #datos h3.seccion { margin: 0px 0px 2px 0px; padding: 0px 0px 0px 13px; font-size: 16px; color: #FF00FF; font-family: "Times New Roman", Times, serif; background: transparent url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/bullet_interior.gif) left 6px no-repeat; } #datos h3.seccion-caja { margin: 0px 0px 2px 0px; padding: 0px; font-size: 14px; color: #222222; font-family: "Trebuchet MS", arial, helvetica, verdana, sans-serif; } #datos h3.seccion-caja2 { margin: 0px 0px 2px 0px; padding: 0px; font-size: 18px; color: #FF00FF; font-family: "Trebuchet MS", arial, helvetica, verdana, sans-serif; } #datos h3.seccion-caja3 { margin: 0px 0px 2px 0px; padding: 0px; font-size: 14px; color: #F00088; font-family: "Trebuchet MS", arial, helvetica, verdana, sans-serif; } #datos h3.seccion-especial { margin: 0px 0px 2px 0px; padding: 0px; font-size: 16px; color: #AA4DA7; font-family: "Trebuchet MS", arial, helvetica, verdana, sans-serif; } #datos h3.seccion-especial2 { margin: 0px 0px 2px 0px; padding: 0px; font-size: 13px; color: #660066; font-family: "Trebuchet MS", arial, helvetica, verdana, sans-serif; } #datos h4 { margin: 0px; padding: 1px 2px 1px 5px; font-size: 12px; color: #660066; background: #F2F0F5; border-left: 3px solid #CEC8D4; } #datos h2.i2-moda { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/i2_moda.jpg) top left no-repeat; } #datos h2.i2-moda-pasarelas { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/i2_moda_pasarelas.jpg) top left no-repeat; } #datos h2.i2-moda-pasarelas2 { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/i2_moda_pasarelas2.jpg) top left no-repeat; } #datos h2.i2-moda-tendencias { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/i2_moda_tendencias.jpg) top left no-repeat; } #datos h2.i2-moda-top { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/i2_moda_top.jpg) top left no-repeat; } #datos h2.i2-moda-desfiles { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/i2_moda_desfiles.jpg) top left no-repeat; } #datos h2.i2-belleza { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/i2_belleza.jpg) top left no-repeat; } #datos h2.i2-belleza-siono { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/i2_belleza_siono.jpg) top left no-repeat; } #datos h2.i2-belleza-productos { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/i2_belleza_productos.jpg) top left no-repeat; } #datos h2.i2-belleza-trucos { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/i2_belleza_trucos.jpg) top left no-repeat; } #datos h2.i2-celebrities { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/i2_celebrities.jpg) top left no-repeat; } #datos h2.i2-celebrities-flash { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/i2_celebrities_flash.jpg) top left no-repeat; } #datos h2.i2-celebrities-siono { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/i2_celebrities_siono.jpg) top left no-repeat; } #datos h2.i2-celebrities-vip { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/i2_celebrities_vip.jpg) top left no-repeat; } #datos h2.i2-puntog { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/i2_puntog.jpg) top left no-repeat; } #datos h2.i2-puntog-terapia { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/i2_puntog_terapia.jpg) top left no-repeat; } #datos h2.i2-puntog-encuestas { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/i2_puntog_encuestas.jpg) top left no-repeat; } #datos h2.i2-puntog-pareja { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/i2_puntog_pareja.jpg) top left no-repeat; } #datos h2.i2-suscribete{ background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/i2_belleza.jpg) top left no-repeat; } #datos h2.i2-horoscopo { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/i2_horoscopo.jpg) top left no-repeat; } #datos h2.i2-horoscopo-caracteres { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/i2_horoscopo_caracteres.jpg) top left no-repeat; } #datos h2.i2-horoscopo-semana { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/i2_horoscopo2.jpg) top left no-repeat; } #datos h2.i2-horoscopo-pareja { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/i2_horoscopo_pareja.jpg) top left no-repeat; } #datos h2.i2-horoscopo-personajes { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/i2_horoscopo2.jpg) top left no-repeat; } #datos h2.i2-comunidad { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/i2_comunidad.jpg) top left no-repeat; } #datos h2.i2-comunidad-miperfil { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/i2_comunidad_miperfil.jpg) top left no-repeat; } #datos h2.i2-comunidad-concursos { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/i2_comunidad_concursos.jpg) top left no-repeat; } #datos h2.i2-comunidad-encuestas { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/i2_comunidad_encuestas.jpg) top left no-repeat; } #datos h2.i2-comunidad-juegos { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/i2_comunidad_juegos.jpg) top left no-repeat; } #datos h2.i2-comunidad-promociones { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/i2_comunidad_promociones.jpg) top left no-repeat; } #datos h2.i2-comunidad-foros { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/i2_belleza.jpg) top left no-repeat; } #datos h2.i2-comunidad-tiendas { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/i2_belleza.jpg) top left no-repeat; } #datos .deco-tendencias { background: #F6F1F6 url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/deco_tendencias.gif) top right no-repeat; } #datos .deco-horoscopo { background: #F6F1F6 url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/deco_horoscopo.gif) top right no-repeat; } #datos .deco-pasarelas { background: #F6F1F6 url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/deco_pasarelas.gif) bottom right no-repeat; } #datos .deco-topproductos { background: #F6F1F6 url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/deco_topproductos.gif) top right no-repeat; } #datos .deco-terapia { background: #F6F1F6 url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/deco_terapia.gif) top right no-repeat; } #datos .deco-belleza { background: #F6F1F6 url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/deco_belleza.gif) top right no-repeat; } #datos .deco-siono { background: #F6F1F6 url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/deco_siono.gif) top right no-repeat; } #datos .deco-famosos { background: #F6F1F6 url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/deco_famosos.gif) top right no-repeat; } #datos .deco-buscar { background: transparent url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/deco_buscar.gif) top right no-repeat; } #datos .deco-listado { background: transparent url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/deco_listado.gif) top right no-repeat; } #datos .deco-seducir { background: transparent url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/deco_seducir.gif) top right no-repeat; } #datos .deco-usuario { background: transparent url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/deco_usuario.gif) top right no-repeat; } #datos .deco-top { background: transparent url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/deco_top.gif) top right no-repeat; } #datos .deco-top2 { background: transparent url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/deco_top2.gif) top right no-repeat; } #datos .fondo-especial1 { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/fondo_especial1.gif) top left repeat-y; } /* Empleado en la cajas interores de la home de MODA */ #datos .fondo-especial2 { background: #EFEFEF; } #datos .fondo-especial3 { background: #EFEDF4; } #datos .fondo-especial4 { background: #EFE6D6; } #datos .fondo-especial5 { background: #D0C5DA; } #datos .fondo-especial6 { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/fondo_especial6.gif) top left repeat-y; } #datos .fondo-especial7 { background: #ECE0EC url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/fondo_especial7.gif) bottom right no-repeat; } #datos .detalle { float:right; width:170px;} #datos .caja-enlaces { padding:5px 15px; height:98px; background:#ffffff url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/fondo_enlaces.gif) top left no-repeat;} /* ESTILOS PARA LA ESTRUCTURA DE DATOS EN LA HOME */ #datos .home { } #datos .home-lateral { float: left; width: 137px; } #datos .home-datos { float: right; width: 469px; } #datos .home-lateral .caja { margin: 0px 0px 8px 0px; color: #71598B; background: #DFD6E0; border: 1px solid #CEC3D9; } #datos .home-lateral .caja .caja-padding{ padding: 4px; } #datos .home-lateral .caja h3 { margin: 0px; padding: 2px 4px 2px 4px; font-size: 11px; color: #FFFFFF; text-transform: uppercase; background: #624C7D url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/fondo_h3_lateral2.gif) top left repeat-x; } #datos .home-lateral .caja h3 span { display: block; padding: 0px 0px 0px 12px; } #datos .home-lateral .caja-destacada { background: #CBBFD3; } #datos .home-lateral .noticiasflash h3 span { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/ico_h3_noticiasflash.gif) 0px 3px no-repeat; } #datos .home-lateral .tendencias h3 span { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/ico_h3_tendencias.gif) 0px 3px no-repeat; } #datos .home-lateral .tendencias .caja-padding { padding: 4px 4px 4px 40px; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/fondo_tendencias.gif) top left no-repeat; } #datos .home-lateral .tendencias .formulario { margin: 2px; } #datos .home-lateral .boletin .caja-padding { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/fondo_boletin.gif) bottom left no-repeat; } #datos .home-lateral .boletin h3 span { background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/ico_h3_boletin.gif) 0px 3px no-repeat; } /* ESTILOS PARA LA NAVEGACION COMPLEMENTARIA */ #navegacion { clear: borh; margin: 12px 0px 0px 0px; color: #333333; text-align: right; } /* ESTILOS PARA LOS LISTADOS */ .listado-documentos { } .listado-documentos ul { } .listado-documentos li { } .listado-enlaces { } .listado-enlaces ul { margin: 4px 0px 4px 0px; padding: 0px; } .listado-enlaces li { list-style-type: none; padding: 0px 0px 0px 10px; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/bullet_enlaces.gif) 4px 6px no-repeat; } .listado-datos { padding-left:5px; } .listado-datos ul { margin: 4px 0px 4px 0px; padding: 0px; } .listado-datos li { list-style-type: none; padding: 0px 0px 4px 10px; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/bullet_enlaces.gif) 4px 6px no-repeat; } .listado-categorias { } .listado-categorias ul { } .listado-categorias li { } .listado-anexos { } .listado-anexos ul { } .listado-anexos li { } .listado-encuesta { } .listado-encuesta dl { margin: 5px; padding: 0px; width: 95%; } .listado-encuesta dt { clear: both; margin: 0px; padding: 0px; color: #660066; } .listado-encuesta dd { margin: 0px 0px 8px 0px; padding: 0px; width: 100%; background: #EFEFEF; } .listado-encuesta dd div { display: block; float: left; padding: 1px 3px 1px 3px; width: 30px; color: #B8098C; font-size: 13px; font-weight: bold; background: #FFFFFF; } .listado-formato1 ul { } .listado-formato1 li { } .listado-formato1 dl { } .listado-formato1 dt { } .listado-formato1 dd { } /* SIMULACION DE CARPETAS */ .listado-carpetas { padding: 3px 0px; margin-left: 0px; margin-bottom: 0px; border-bottom: 1px solid #CECFCD; font-size: 12px; font-weight: bold; } .listado-carpetas li { list-style: none; margin: 0px; display: inline; } .listado-carpetas li a { color: #AA75AD; padding: 3px 5px; margin-left: 0px; border: 1px solid #CECFCD; border-bottom: none; background: #ECE9F2; text-decoration: none; text-transform: uppercase; } .listado-carpetas li a:hover { color: #AA75AD; } .listado-carpetas li .carpeta-activa { color: #660068; background-color: #FFFFFF; border-bottom: 1px solid #FFFFFF; } .caja-carpetas { background-color: #FFFFFF; border: 1px solid #CECFCD; border-top: none; } .caja-carpetas-padding { padding: 8px; padding-top: 1px; padding-bottom: 0px; } .fondo-caja { background:url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/fondocaja.jpg) top left no-repeat; } /* TABLA DE DATOS */ table.tabla-datos { } .tabla-datos thead th { } .tabla-datos td { } /* ESTILOS PARA COLUMNAS */ .columnas2f1 { } /* Empleado en la portada: Destacamos + Novedades */ .columnas2f1-c1 { float: left; width: 204px; } .columnas2f1-c2 { float: right; width: 260px; } .columnas2f2 { margin: 0px 0px 8px 0px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #DAC4DC; } /* Empleado en la Novedades portada: Foto + Texto */ .columnas2f2-c1 { float: left; width: 79px; } .columnas2f2-c2 { float: right; width: 161px; } .columnas2f3 { } /* Empleado en la portada de Moda */ .columnas2f3-c1 { float: left; width: 41px; } .columnas2f3-c2 { float: right; width: 248px; } .columnas2f4 { width:100%; *width:98%; } /* Empleado en la columnas de posicionamiento en Pasarelas */ .columnas2f4-c1 { float: left; width: 375px; } .columnas2f4-c2 { float: right; width: 199px; } .columnas2f5 {width:100%; }/* Empleado en la imagen-foto en Pasarelas */ .columnas2f5-c1 { float: left; width: 58px; } .columnas2f5-c2 { float: right; width: 309px; } .columnas2f6 { }/* Empleado en la imagen-foto en Tendencias */ .columnas2f6-c1 { float: right; width: 260px; } .columnas2f6-c2 { float: left; width: 342px; } .columnas2f7 { width:100%; }/* Empleado en la imagen-foto en Tendencias */ .columnas2f7-c1 { float: right; width: 375px; } .columnas2f7-c2 { float: left; width: 199px; } .columnas2f8 { width:100%; }/* Empleado en la imagen-foto en Trucos Belleza */ .columnas2f8-c1 { float: left; width: 74px; } .columnas2f8-c2 { float: right; width: 292px; } .columnas2f9 { }/* Empleado en la imagen-foto en las fotos de 92x105 */ .columnas2f9-c1 { float: left; width: 92px; } .columnas2f9-c2 { float: right; width: 269px; } .columnas2f10 { }/* Empleado para votacion en celebrities */ .columnas2f10-c1 { float: left; width: 305px; } .columnas2f10-c2 { float: right; width: 65px; } /* ESTILO PARA LA PAGINACION */ #paginacion { float:left;clear:both; width:100%; margin: 5px 0px 0px 0px; font-weight: bold; text-align: left; border-top: 1px solid #DAC4DC } #paginacion div { padding: 5px 0px 5px 0px; } #paginacion a { color: #990033; } #paginacion a:hover { color: #B62D49; } #paginacion a.retroceder { padding: 2px 0px 5px 15px; font-weight: bold; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/enlace_p_retroceder.gif) 0px 0px no-repeat; } #paginacion a.avanzar { padding: 2px 15px 5px 0px; font-weight: bold; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/enlace_p_avanzar.gif) right 0px no-repeat; } /* ESTILOS PARA CUALQUIER FORMULARIO */ .formulario { margin: 0px; padding: 0px; } .formulario fieldset { margin: 0px; padding: 0px; border: 0px solid #FFFFFF; } .formulario fieldset legend { position: relative; left: -7px; margin: 3px 0px 5px 0px; padding: 0px; color: #660066; font-weight: bold; } .formulario fieldset legend.destacado { position: relative; left: -7px; margin: 3px 0px 5px 0px; padding: 0px; color: #222222; font-weight: bold; } .formulario fieldset label { clear: both; float: left; padding: 2px 0px 0px 0px; } .formulario fieldset .campos { float: left; margin: 0px; font-size: 11px; color: #555555; vertical-align: middle; } .formulario fieldset .campos-cm { float: left; margin: 2px 5px 5px 0px; font-size: 11px; color: #555555; vertical-align: middle; } .formulario fieldset .campos-error { background: #FFD4D4; } .formulario fieldset radio { margin: 0px; vertical-align: middle; } .formulario .boton { margin: 0px 5px 0px 5px; padding: 1px 0px 1px 0px; width: 54px; font-size: 11px; font-family: arial, helvetica, sans-serif; color: #FFFFFF; font-weight: bold; text-transform: uppercase; vertical-align: middle; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/boton54.gif) top left no-repeat; border: 0px solid #525252;} .formulario .boton-pq { margin: 0px 5px 0px 5px; padding: 1px 0px 1px 0px; width: 29px; font-size: 11px; font-family: arial, helvetica, sans-serif; color: #FFFFFF; font-weight: bold; text-transform: uppercase; vertical-align: middle; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/boton_pq.gif) top left no-repeat; border: 0px solid #525252;} .formulario .boton2 { margin: 0px 5px 0px 5px; padding: 1px 0px 1px 0px; width: 54px; font-size: 11px; font-family: arial, helvetica, sans-serif; color: #FFFFFF; font-weight: bold; text-transform: uppercase; vertical-align: middle; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/boton2_54.gif) top left no-repeat; border: 0px solid #525252;} .formulario .boton2-pq { margin: 0px 5px 0px 5px; padding: 1px 0px 1px 0px; width: 29px; font-size: 11px; font-family: arial, helvetica, sans-serif; color: #FFFFFF; font-weight: bold; text-transform: uppercase; vertical-align: middle; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/boton2_pq.gif) top left no-repeat; border: 0px solid #525252;} .formulario .boton2-gd { margin: 0px 5px 0px 5px; padding: 1px 0px 1px 0px; width: 108px; font-size: 11px; font-family: arial, helvetica, sans-serif; color: #FFFFFF; font-weight: bold; text-transform: uppercase; vertical-align: middle; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/boton2f_gd.gif) top left no-repeat; border: 0px solid #525252;} .formulario sup { color: #EE0000; font-weight: bold; font-size: 12px; } .input-boletin { width:175px; color:#608bad; font-size:11px; padding:2px 0 0 5px;} .input-boletin-f2 { width:175px; color:#608bad; font-size:11px; padding:2px 0 0 5px;} .boton-amigo { font-size: 10px; height:20px; font-size: 10px; border: solid 1px #999999;} /* ESTILOS PARA TEXTO */ .texto { font-size: 11px; } .texto-pq { font-size: 10px; } .texto-gd { font-size: 14px; } .texto-sgd { font-size: 16px; } .texto-ennegativo { color: #FFFFFF; } .destacado { color: #222222; } .destacado-gd { color: #222222; font-size: 13px; } .destacado-color { color: #660066; } .destacado-color2 { color: #422D5B; } .destacado-color3 { color: #FF00FF; } .destacado-color4 { color: #A600AB; } .destacado-color5 { color: #a0a0a0; } .especial1 { font-size: 14px; color: #660066; } .especial2 { font-size: 16px; color: #330066; } .especial3 { font-size: 24px; color: #330066; } .especial4 { font-size: 10px; color: #330066; text-transform: uppercase; } .especial5 { color:#8F008F; font-size:16px; font-style:italic; } .especial6 { color:#999999; font-size:16px; font-style:italic; padding: 0 0 0 8px;} .especial5, .especial6 { font-family: "Century Gothic", "Trebuchet MS", arial, helvetica, verdana, sans-serif; } .antetitulo { } .titulo { color: #FF00FF; } .titulo-destacado { color: #996600; } .titulo-destacado-gd { color: #996600; font-size: 13px; } .aviso { color: #990000; text-transform: uppercase; font-size: 9px; font-weight: bold; } .error { } .valido { } .subtitulo { } .entradilla { } .cuerpo { } .resumen { } .especial { color: #336600; } .nota { font-size: 10px; color: #660066; text-transform: uppercase; font-weight: bold; } .fecha { } .publicidad { font-size: 9px; color: #212540; text-transform: uppercase; } .mayusculas { text-transform: uppercase; } /* ESTILOS PARA IMAGENES */ .imagen { border: 0px solid #B7B7B7; } .imagen-conmarco { border: 1px solid #999999; } .imagen-conmarco { border: 1px solid #999999; } .imagen-derecha { float: right; margin: 3px 0px 3px 8px; border: 0px solid #999999; } .imagen-izquierda { float: left; margin: 3px 8px 3px 0px; border: 0px solid #999999; } .imagen-conmarco-derecha { float: right; margin: 3px 0px 3px 8px; border: 1px solid #999999; } .imagen-conmarco-izquierda { float: left; margin: 3px 8px 3px 0px; border: 1px solid #999999; } /* ESTILOS PARA LOS ENLACES */ a { color: #330066; } a:hover { color: #542187; } a.enlace { color: #330066; } a.enlace-destacado { padding: 0px 0px 0px 10px; font-weight: bold; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/enlace_destacado.gif) 0px 5px no-repeat; } a.enlace-destacado-f1 {margin-left:5px; padding: 0px 0px 0px 10px; font-weight: bold; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/bullet_enlaces.gif) 0px 5px no-repeat; } a.enlace-documento { padding: 0px 0px 0px 14px; font-weight: bold; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/bullet_enlaces.gif) 0px 4px no-repeat; } a.enlace-mail { padding: 0px 0px 0px 17px; font-weight: bold; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/enlace_mail.gif) left 4px no-repeat; } a.enlace-ennegativo { padding: 0px 0px 0px 10px; color: #CFCCD5; font-weight: bold; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/enlace_destacado.gif) 0px 5px no-repeat; } a.enlace-ennegativo:hover { color: #FFFFFF; } a.enlace-subir { padding: 0px 0px 0px 11px; font-weight: bold; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/enlace_subir.gif) left 6px no-repeat; } a.enlace-imprimir { } a.enlace-volver { padding: 0px 10px 0px 0px; font-weight: bold; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/enlace_volver.gif) right 5px no-repeat; } a.enlace-zoom { } a.enlace-suscribete { display: block; width: 260px; height: 58px; background: url(http://promo.revistaglamour.com/suscripciones/glamour_thumb.gif) top left no-repeat; } a.enlace-suscribete span { display: none; } a.enlace-suscribete-especial { display: block; width: 260px; height: 58px; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/suscribete_black.gif) top left no-repeat; } a.enlace-suscribete-especial span { display: none; } a.enlace-usuarios { display: block; width: 92px; height: 15px; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/usuarios.gif) top left no-repeat; } a.enlace-usuarios span { display: none; } a.enlace-scroll-retroceder { display: block; margin: 9px 8px 0px 0px; width: 13px; height: 43px; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/boton_scroll_izquierda.gif) top left no-repeat; } a.enlace-scroll-avanzar { display: block; margin: 9px 0px 0px 0px; width: 13px; height: 43px; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/boton_scroll_derecha.gif) top left no-repeat; } a.enlace-scroll-retroceder span, a.enlace-scroll-avanzar span { display: none; } a.enlace-boton-md { display: block; width: 47px; height: 18px; color: #FFFFFF; font-weight: bold; text-align: center; text-decoration: none; text-transform: uppercase; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/boton_md.gif) top left no-repeat; } a.enlace-boton2-gd { display: block; width: 83px; height: 18px; color: #FFFFFF; font-weight: bold; text-align: center; text-decoration: none; text-transform: uppercase; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/boton2_gd.gif) top left no-repeat; } a.enlace-boton2-gd:hover { color: #FFFFFF; } a.enlace-si { padding: 0px 10px 0px 20px; width: 43px; color: #FFFFFF; font-size: 18px; font-weight: bold; text-decoration: none; text-align: center; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/enlace_si.gif) top left no-repeat; } a.enlace-si:hover { color: #FFFFFF; } a.enlace-voto-si:link, a.enlace-voto-si:visited { float:left; margin-right:10px; width:64px; height:64px; background-color: #FFF; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/si_total.gif) no-repeat left top; } a.enlace-voto-si:hover { background-color: #FFF; background-position: right top; } a.enlace-voto-no:link, a.enlace-voto-no:visited { float:left; margin-right:10px; width:64px; height:64px; background-color: #FFF; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/no_total.gif) no-repeat left top; } a.enlace-voto-no:hover { background-color: #FFF; background-position: right top; } a.enlace-boletin { padding:0 0 0 15px; font-family:Arial; color:#3e1468; font-size:10px; text-decoration:none; background:url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/flech1.gif) 0px 3px no-repeat; } a.enlace-boletin:hover { padding:0 0 0 15px; font-family:Arial; color:#3e1468; font-size:10px; text-decoration:underline; background:url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/flech1.gif) 0px 3px no-repeat; } a.enlace { font-family:Arial; color:#A673AE; font-size:11px ; text-decoration:none;} a.enlace:hover { font-family:Arial; color:#A673AE; font-size:11px; text-decoration:underline; } .enlacesinresaltar { text-decoration:none; } .enlacesinresaltar a:hover { text-decoration:none; } /* ESTILOS PARA LA LINEA */ .linea { color: #D6D6D6; height: 1px; border: 0px solid #FFFFFF; border-top: 1px solid #D6D6D6; } .linea-superior { border-top: 1px solid #DAC4DC; } .linea-inferior { border-bottom: 1px solid #DAC4DC; } .linea-izquierda { border-left: 1px solid #DAC4DC; } /* ESTILOS PARA FLOTAR Y ALINEAR Y PADDING */ .flotar-izquierda { float: left; } .flotar-derecha { float: right; } .alinear-izquierda { text-align: left; } .alinear-derecha { text-align: right; } .alinear-centro { text-align: center; } .alinear-vertical { vertical-align: middle; } .padding-izquierda { padding: 0px 15px 15px 0px; } .padding-derecha { padding: 0px 0px 15px 15px; } .padding-horizontal { padding: 0px 8px 0px 8px; } .padding-vertical { margin: 8px 0px 8px 0px; } .padding { padding: 4px 2px 4px 2px; } .padd { padding:75px 5px 5px 5px;} .marg-top { margin-top:80px;} .marg-top-f1 { margin-top:60px;} /* ESTILOS PARA ESPACIOS Y DIMENSIONES */ .m-50p { width: 49%; } .m-33p { width: 32%; } .m-66p { width: 66%; } .m-130 { width: 130px; } .m-300 { width: 300px; } .h-220 { height: 220px; } /* ESTILOS PARA BORRAR ESTILOS Y OCULTAR*/ .borrar { clear: both; } .ocultar { display: none; } /*.contenedor:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }*/ /* .contenedor:after { content: "."; display: block; height: 0; clear:both; visibility: hidden; } .contenedor {display:inline-block;} */ .contenedor:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .contenedor {display:inline-block;} * html .contenedor, {height:1%;} .contenedor {display:block;} .botones-si-no { margin: 0 0 0 16px; } .columnas2f10-c1 table { margin: -10px 0 0 0; } .fondopopup { background:#F1EDF4;} .banner { float:right; width:300px;} #ancho-pasarelas {width:199px;} /* estilos para adsense*/ .caj-ads {clear:both;padding:5px 0px; width:615px;_width:614px; border:1px solid #B3A7C2; background:#FFF;} .goo {background:transparent url(/MODULOS/_GLOBAL/publico/interfaces/web/glamour/img/bullet_interior.gif) no-repeat scroll left 6px;color:#FF00FF;font-family:"Times New Roman",Times,serif;font-size:16px; font-weight:bold;margin:0px 0px 2px;padding:0px 0px 0px 13px;} .caja-goo{ padding:3px; margin:0px 5px;} .caja-goo ul {float:left;padding:0px; margin:0px;} .caja-goo ul li {float:left; width:189px; _width:187px; display:inline; list-style:none; padding:0px 5px 0px 5px; } .enlace-goo {font-family:arial; font-size:12px; color:#FF00FF;} .url-goo {font-size:11px;color:#563485; text-decoration:underline;} .texto-goo {font-size:11px;color:#5e5e5e;}