/** * Deli Cooks v1.0 - 2009 * * 390.WEB.BL * revision 02/09/2009 * * autor: runroom (phil) * copyright: 2009 by runroom * * COLORES menu * color #777676; gris font menu * color #ebeaea; gris fondo menu activado * color #bbbaba; gris linea vertical menu enlaces * color #7da381; verde enlaces * color #d20067; rojo enlaces migas de pan * color #ef9604; naranja enlaces ver mas / hover enlaces * color #e2217a; magenta enlaces dentro de cajas * * MEDIDAS * width: 987px body total (incluye sombras de cajas) * * FUENTES * font: Georgia 14px regular uppercase #777676; menu arriba * font: Georgia 12px bold uppercase #000; (enlaces: color verde enlaces) menu pie * */ /* Undo browser defaults (see http://tantek.com/log/2004/09.html#d06t2354) -----------------------------------------------------------------------------*/ :link,:visited { text-decoration: none; } h1,h2,h3,h4,h5,h6,pre,code,p,li,td { font-size: 1em; color: #777676; text-shadow: #fff 1px 1px 1px; } ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin: 0; padding: 0; } a img,:link img,:visited img,:hover img { border: none; } :active, :focus { outline: none } /* Elementos HTML -----------------------------------------------------------------------------*/ body { padding-top: 12px; font: 100.01%/1em Georgia, "Times New Roman", Times, serif; color: #000; text-align: center; background: #fff; } h1 { height: 138px; background: url("css_imgs/sprites_compactos.gif") 348px 0 no-repeat; } h1 span { position: absolute; left: -9999px; } h1 a { display: block; width: 987px; height: 138px; } h2 { font-family: Helvetica, Arial, sans-serif; color: #e2217a; font-size: 0.69em; text-transform: uppercase; } /* por ejemplo, "Busca en Delicooks" */ h3 { padding: 0 23px 9px 20px; font-size: 1.4em; font-weight: normal; color: #949696; } p { color: #777676; } a:link { color: #7da381; } a:visited { color: #7da381; } a:hover { color: #ef9604; } a:active { color: #7da381; } /* a:link, a:visited, a:hover, a:active */ /* ESTRUCTURA GENERAL -----------------------------------------------------------------------------*/ #contenedor { width: 987px; margin: 0 auto; text-align: left; } #cabecera { position: relative; } #contenido { clear: both; width: 661px; float: left; position: relative; top: -25px; } #lateral { margin-bottom: 20px; width: 326px; float: right; position: relative; top: -3px; } #escaparate { clear: both; position: relative; top: -25px; margin-bottom: 20px; background: #eee url("css_imgs/fondo_escaparate.gif") 0 0 repeat-x; overflow: hidden; } #piedepagina { clear: both; position: relative; top: -25px; } /* LOGO ----------------------------------------------------------------------------- ver elemento h1 */ /* IDIOMAS ----------------------------------------------------------------------------- */ #idiomas { position: absolute; right: 50px; top: 100px; } #idiomas a { display: block; width: 16px; height: 11px; } #idiomas a.english { background: url("css_imgs/idioma-en.gif") 0 0 no-repeat; } #idiomas a.castellano { background: url("css_imgs/idioma-es.gif") 0 0 no-repeat; } #idiomas span { position: absolute; left: -9999px; } /* MENU -----------------------------------------------------------------------------*/ ul#menu { list-style: none; padding-top: 6px; } ul#menu li { display: block; float: left; padding: 0 1px; font-size: 0.88em; text-transform: uppercase; border-left: 1px solid #bbbaba; } ul#menu li a:link, ul#menu li a:visited, ul#menu li a:hover, ul#menu li a:active { display: block; padding: 4px 7px 6px 7px; color: #777676; } /* marcar opcion activada/seleccionada */ ul#menu li a:hover, ul#menu li.seleccionado a { background: #ebeaea; } ul#menu li.seleccionado span { display: block; padding: 4px 7px 6px 7px; background: #ebeaea; } ul#menu li.link_home { width: 25px; height: 25px; background: url("css_imgs/sprites_compactos.gif") -43px -231px no-repeat; border-left: 1px solid #fff; } ul#menu li.link_home a { width: 25px; height: 25px; padding: 0 0 0 0; } ul#menu li.link_home a:hover { background: #ebeaea url("css_imgs/sprites_compactos.gif") -43px -231px no-repeat; } ul#menu li.link_home span { position: absolute; left: -9999px; } ul#menu li.link_shop { border-left: none; position: relative; top: -20px; left: 10px; } ul#menu li.link_shop a { width: 52px; height: 55px; background: url("css_imgs/sprites_compactos.gif") -149px -254px no-repeat; } ul#menu li.link_shop a span { position: absolute; left: -9999px; } /* MIGAS DE PAN -----------------------------------------------------------------------------*/ #migas { clear: both; padding-bottom: 6px; font-size: 0.63em; font-weight: bold; } #migas a:link, #migas a:visited, #migas a:active { color: #d20067; } #migas a:hover { color: #ef9604; } #migas span { color: #7da381; } /* volver a página de busqueda */ .return { float: right; padding-right: 20px; } #migas a.return:link, #migas a.return:visited, #migas a.return:active { color: #7da381; } /* MODULOS GLOBAL -----------------------------------------------------------------------------*/ .mod { position: relative; overflow: hidden; min-height: 30px; margin-bottom: 14px; } .cierre { position: absolute; left: 0px; bottom: 0px; height: 4px; } /* 1 col */ .mod.peq { width: 206px; background: url("css_imgs/fondos.gif") -2px -2px no-repeat; } .mod.peq .cierre { width: 206px; background: url("css_imgs/fondos.gif") -2px -1990px no-repeat; } /* 2 col */ .mod.med { width: 316px; background: url("css_imgs/fondos.gif") -210px -2px no-repeat; } .mod.med .cierre { width: 316px; background: url("css_imgs/fondos.gif") -210px -1990px no-repeat; } /* 2 col lateral/extended */ .mod.lat { width: 326px; background: url("css_imgs/fondos.gif") -528px -2px no-repeat; clear: left; } .mod.lat .cierre { width: 326px; background: url("css_imgs/fondos.gif") -528px -1990px no-repeat; } .mod.lat2 { float: left; width: 158px; background: url("css_imgs/fondos2.gif") -2px -2px no-repeat; } .mod.lat2 .cierre { width: 158px; background: url("css_imgs/fondos2.gif") -2px -1990px no-repeat; } .last {margin-left: 10px;} /* 4 col .mod.gra { width: 646px; background: url("css_imgs/fondos.gif") -856px -2px no-repeat; } .mod.gra .cierre { width: 646px; background: url("css_imgs/fondos.gif") -856px -1990px no-repeat; } /* 4 col con altura infinita */ .mod.gra { width: 646px; background: url("css_imgs/fondo_640-inf.gif") -2px 0 repeat-y; } .mod.gra .cierre { width: 646px; background: url("css_imgs/fondo_640-inf.gif") -651px -11px no-repeat; } .mod.gra .abre { position: absolute; left: 0px; top: 0px; height: 4px; width: 646px; background: url("css_imgs/fondo_640-inf.gif") -651px -1px no-repeat; } /* contenidos cajas global */ .mod p {} .paginacion { padding: 0 20px 5px 0; font-size: 0.69em; font-weight: bold; color: #ccc; } .paginacion a { padding: 0 5px; text-decoration: underline; } .paginacion span { color: #7da381; } .paginacion span.pag_seleccionada { padding: 0 10px; color: #e2217a; } /* enlaces amarillos "leer mas" */ a.leermas:link, a.leermas:visited, a.leermas:hover, a.leermas:active, .leermas a:link, .leermas a:visited, .leermas a:hover, .leermas a:active { font-family: Helvetica, Arial, sans-serif; color: #ef9604; font-weight: bold; } /* enlaces grises dentro de cajas */ #escaparate h2 a:link, #escaparate h2 a:visited, #escaparate h2 a:active, #escaparate h4 a:link, #escaparate h4 a:visited, #escaparate h4 a:active, .m_15 p a:link, .m_15 p a:visited, .m_15 p a:active, .mod ul li a:link, .mod ul li a:visited, .mod ul li a:active, .paginacion a:link, .paginacion a:visited, .paginacion a:active, .listado_noimg p a:link .listado_noimg p a:visited, .listado_noimg p a:active { color: #777676; } .mod ul li a:hover, #escaparate h2 a:hover, #escaparate h4 a:hover, .m_15 p a:hover, .paginacion a:hover, .listado_noimg p a:hover { color: #ef9604; } /* enlaces con bullet verde */ a.bullet { display: block; margin-left: 82px; padding-left: 11px; font-size: 0.75em; font-weight: bold; line-height: 1.33em; color: #777676; background: url("css_imgs/sprites_compactos.gif") -468px -189px no-repeat; } a.bullet:hover { color: #ef9604; } /* banner generico grande 300*250 */ .image img { padding: 18px 13px; } /* banner que promociona el blog */ .banner_marco { padding: 10px 0; text-align: center; } /*margin-top: 10px;*/ /* contenedor banner superior */ .banner_container{overflow: hidden;} .banner_superior {float: left;} .banner_bajomenu{position:relative; top:-20px;} /* slide show flash */ .m6_flash { margin-bottom: 14px; } /* juntar cajitas en columnas */ .unadetres { float: left; width: 220px;} /* BUSCADOR -----------------------------------------------------------------------------*/ #buscador { padding: 19px 0 10px 0; } #buscador p { padding: 0 23px 1px 23px; } #buscador h3 { padding-left: 23px; } /* campo texto */ #palabra { position: relative; padding-left: 0; margin: 0 3px; height: 31px; background: url("css_imgs/sprites_compactos.gif") -119px -471px no-repeat; } #palabra input { width: 228px; height: 17px; position: relative; top: 4px; left: 0; border: 1px solid #fff; } .lupa { display: block; position: absolute; top: 0; right: 23px; width: 37px; height: 31px; background: url("css_imgs/sprites_compactos.gif") -294px -366px no-repeat; } .lupa span { position: absolute; left: -9999px; } #buscador label { display: block; float: left; width: 8em; font-size: 0.81em; color: #8a8989; } #buscador label.invisible { position: absolute; left: -9999px; } /* radio-buttons */ #buscador p.criteria { padding-top: 1px; padding-bottom: 10px; } #buscador .criteria label { display: inline; float: none; margin-right: 15px; font-size: 0.75em; font-weight: bold; color: #777676; } #buscador select { width: 170px; } /* enlace para abrir/cerrar más opciones de búsqueda */ a.ampliar:link, a.ampliar:visited, a.ampliar:hover, a.ampliar:active { font-size: 0.75em; } /* REGISTRO / LOGIN / RSS / NEWSLETTER -----------------------------------------------------------------------------*/ /* #registro es un div con class .mod.lat */ #registro { font-size: 0.75em; margin-bottom: 0; } #registro ul { list-style: none; padding: 20px; } .js_active #registro ul li { float: left; width: 86px; } #registro ul li>a { display: block; width: 86px; height: 25px; line-height: 27px; text-align: center; font-weight: bold; background: url("css_imgs/fondos.gif") -1792px -2px no-repeat; position: relative; color: #777676; z-index: 5; } .js_active #registro ul li>a { display: block; width: 86px; height: 23px; line-height: 27px; text-align: center; font-weight: bold; background: url("css_imgs/fondos.gif") -1792px -2px no-repeat; position: static; color: #7da381; z-index: 1; } .js_active #registro ul li.activo>a:link, .js_active #registro ul li.activo>a:visited, .js_active #registro ul li.activo>a:hover, .js_active #registro ul li.activo>a:active { position: relative; color: #777676; z-index: 15; } .js_active #registro ul li .mod.interior { display: none; } .js_active #registro ul li.activo .mod.interior { display: block; z-index: 2; } /* caja interior Registro/Newsletter */ .mod.lat.continuado { background: url("css_imgs/fondos.gif") -528px -50px no-repeat; } .mod.interior { width: 286px; margin: -3px auto 10px auto; padding: 13px 0 1px 0; background: url("css_imgs/fondos.gif") -1504px -2px no-repeat; } .mod.interior .cierre { width: 286px; background: url("css_imgs/fondos.gif") -1504px -1990px no-repeat; } #li_registro .mod.interior { } .js_active #li_login .mod.interior { left: -86px; } /* se cambia la posicion porque esta comentado el login en el tpl */ .js_active #li_rss .mod.interior { left: -86px; } /*.js_active #li_rss .mod.interior { left: -172px; }*/ /* bullets: porqué registrarse */ ol { list-style: none; margin-left: 15px; } #registro ul li#li_registro ol li { padding-bottom: 5px; padding-left: 25px; float: none; width: auto; height: 23px; line-height: 27px; text-align: left; font-weight: normal; white-space: nowrap; background: none; } #registro ul li#li_registro ol li.favoritos { background: url("css_imgs/sprites_compactos.gif") -468px -282px no-repeat; } #registro ul li#li_registro ol li.ofertas { background: url("css_imgs/sprites_compactos.gif") -468px -334px no-repeat; } #registro ul li#li_registro ol li.exclusivo { background: url("css_imgs/sprites_compactos.gif") -468px -384px no-repeat; } #registro .registrate { margin: 5px 0 10px 19px; text-align: left; } #registro .registrate a { display: inline; padding: 2px 2px 1px 2px; text-align: left; color: #fff !important; text-shadow: #7da381 1px 1px 1px; background: #7da381; } #registro .registrate a:hover { text-shadow: #ef9604 1px 1px 1px; background: #ef9604; } /* login y rss */ #li_rss fieldset, #li_login fieldset { padding: 10px 10px 0 20px; border: none; } #li_rss p, #li_login p { margin: 0 0 20px 20px; } #li_rss fieldset p, #li_login fieldset p { margin: 0 0 10px 0; } /* login */ #li_login label { display: block; } #li_login input[type='text'], #li_login input[type='password'] { width: 90%; } /* enlace verde Login 04 e-mail no registrado */ #li_login label a:link { color: #7da381 !important; } #li_login label a:visited { color: #7da381 !important; } #li_login label a:hover { color: #ef9604 !important; } #li_login label a:active { color: #7da381 !important; } /* bullets: logged */ #registro ul li#li_login ol { padding-bottom: 20px; } #registro ul li#li_login ol li { padding-bottom: 5px; padding-left: 25px; float: none; width: auto; height: 23px; line-height: 25px; text-align: left; font-weight: normal; white-space: nowrap; background: none; } #registro ul li#li_login ol li.favoritos { background: url("css_imgs/sprites_compactos.gif") -468px -282px no-repeat; } #registro ul li#li_login ol li.exclusivo { background: url("css_imgs/sprites_compactos.gif") -468px -384px no-repeat; } #registro ul li#li_login ol li.favoritos a, #registro ul li#li_login ol li.exclusivo a { text-align: left; font-weight: normal; background: none; } /* rss */ #li_rss label input { margin-right: 5px; } /* subscripción newsletter */ #newsletter { clear: both; margin-top: 0; padding-top: 1px; margin-bottom: 20px; } #newsletter a { display: block; width: 280px; height: 80px; margin: 3px 3px 0 3px; background: url("css_imgs/sprites_compactos.gif") -12px -525px no-repeat; } #newsletter a span { position: absolute; left: -9999px; } /* PIE DE PAGINA -----------------------------------------------------------------------------*/ #piedepagina { padding-bottom: 20px; text-align: center; } #piedepagina p { padding: 10px 110px 5px 110px; text-align: center; font-size: 0.75em; color: #000; } #menu { list-style: none; } #footermenu li { font-size: 0.75em; font-weight: bold; text-transform: uppercase; color: #000; display: inline; } #footermenu li a { padding: 0 10px; } #footermenu li.social { overflow: hidden; padding-left: 10px; /*white-space: nowrap; width: 200px;*/ } .siguenos { /*float: left; width: auto;*/ } #footermenu li a.facebook, #footermenu li a.twitter { margin-left: 5px; padding: 5px; width: 5px; height: 5px; /*float: left; display: block;*/ } #footermenu li a.facebook { background: url("css_imgs/sprites_compactos.gif") -390px -422px no-repeat; } #footermenu li a.twitter { background: url("css_imgs/sprites_compactos.gif") -267px -422px no-repeat; } #footermenu li a.facebook span, #footermenu li a.twitter span { position: absolute; left: -9999px; } #footerlogo { clear: both; } #footerlogo a { display: block; margin: 0px auto; width: 112px; height: 20px; background: url("css_imgs/sprites_compactos.gif") -2px -477px no-repeat; } #footerlogo span { position: absolute; left: -9999px; } /* PAGINA REGISTRO -----------------------------------------------------------------------------*/ .registro_form { padding: 20px 0; } .registro_form fieldset { padding: 0 20px; } .registro_form h2 { padding: 20px 20px 20px 0; line-height: 1em; } .registro_form h3 { padding: 20px 20px 20px 0; line-height: 1em; } .registro_form p { padding-bottom: 40px; } .registro_form input[type='text'], .registro_form input[type='password'] { width: 330px; } .registro_form legend { font-family: Helvetica, Arial, sans-serif; color: #e2217a; font-size: 0.69em; text-transform: uppercase; } .registro_form label { display: block; float: left; width: 170px; } .registro_form .condiciones label { display: block; float: none; width: 100%; } .registro_form p #enviar { margin-left: 170px;} /*.registro_form input { margin-left: 4em; }*/ /* FORMULARIOS -----------------------------------------------------------------------------*/ fieldset { border: 0; } input {} textarea {} .inp_styled { /* elementos de formulario con estilos */ } /* EXTRAS -----------------------------------------------------------------------------*/ /* forzar retorno al flujo normal con
*/ .clear { clear: both; height: 1px; } /* esconder mensajes etc para luego mostrarlos mediante ajax */ .oculto { display: none; } .oculto2 { display: none; height: 0px; } /* LOS MODULOS ----------------------------------------------------------------------------- */ /* M4 UL CON SCROLL (RECETAS) ----------------------------------------------------------------------------- */ .m_4 h2 { margin: 13px 45px 9px 45px; color: #e2217a; } .vertodas { position: absolute; top: 12px; right: 25px; font-size: 0.5em; font-weight: bold; text-transform: uppercase; } .vertodas a:link, .vertodas a:visited, .vertodas a:active { color: #e2217a; } .vertodas a:hover { color: #ef9604; } /* div que contiene el ul con scroll */ .js_active .scrollable { /* required settings */ position: relative; overflow: hidden; /* custom decorations */ margin: 5px auto 0 auto; width: 560px; height: 127px; border: 1px solid #fff; } /* elemento (en este caso, un ul) que contiene los items que se mueven */ .js_active .scrollable .items { width: 20000em; position: absolute; clear: both; /* decoration */ z-index: 20; } .scrollable .items { list-style: none; } /* single scrollable item */ .scrollable .items li { float: left; /* custom decoration */ width: 70px; padding-right: 50px; text-align: center; font-weight: bold; font-size: 0.75em; line-height: 1em; } .scrollable .items li img { padding-bottom: 8px; } /* active item */ .scrollable .items li.active {} a.prev, a.prevPage, a.next, a.nextPage { display: none; } /* flechas anterior siguiente */ .js_active a.prev, .js_active a.prevPage, .js_active a.next, .js_active a.nextPage { display: block; position: absolute; top: 30px; width: 28px; height: 120px; background: url("css_imgs/sprites_compactos.gif") no-repeat; cursor: pointer; } .js_active a.prev, .js_active a.prevPage { left: 10px; background-position: -10px -690px; } .js_active a.next, .js_active a.nextPage { right: 10px; background-position: -90px -690px; } /* hovers flechas */ a.prev:hover, a.prevPage:hover { background-position: -10px -790px; } a.next:hover, a.nextPage:hover { background-position: -90px -790px; } /* puntitos de navegacion */ .navi { margin: -28px 150px 0 auto; width: 200px; height: 20px; } /* items inside navigator */ .navi a { width: 8px; height: 9px; float: left; margin: 3px; background: url("css_imgs/navigator.png") 0 0 no-repeat; display: block; font-size: 1px; } .navi a:hover { background-position: 0 -14px; } .navi a.active { background-position: 0 -27px; } /* flecha invisible cuando no hay mas */ a.disabled { visibility: hidden !important; /* filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; */ /* background: #f1f1f1 !important; */ } /* M4b ( como Menús listado ) */ .m_4b h2 { margin: 12px 45px 12px 45px; color: #e2217a; } .m_4b ul li { display: block; } .m_4b ul li ul { margin-left: 20px; } .m_4b ul li ul li { float: left; width: 90px; padding: 0 15px 20px 15px; text-align: center; font-weight: bold; font-size: 0.75em; } /* M10 ( como Home Viajes ) */ .m_10 { float: left; margin-right: 13px; margin-top: -18px;} .m_10 img { float: left; margin: 20px 15px 20px 20px; } .m_10 h2 { padding: 20px 0 10px 0; color: #e2217a; font-size: 0.69em; text-transform: uppercase; } .m_10 h2 a{ color: #e2217a;} .m_10 h2 a:hover{ color: #7DA381;} .m_10 p { margin-right: 20px; line-height: 1.2em; font-size: 1.25em; } .m_10 p.leermas { position: absolute; bottom: 20px; left: 150px; font-size: 0.69em; } /* M11a ( como Home "Personaje" ) */ .m_11a { text-align: center; padding-bottom: 20px; } .m_11a h2 { padding-top: 20px; color: #e2217a; font-size: 0.69em; text-transform: uppercase; } .m_11a p { margin: 0 20px 5px 20px; line-height: 1.2em; font-size: 1.25em; } .m_11a h2 a{ color: #e2217a;} .m_11a h2 a:hover{ color: #7DA381;} .m_11a p img { padding: 13px 0; } .m_11a p.por { font-size: 0.69em; font-weight: bold; padding: 7px 0 15px 0; } .m_11a p.leermas { position: static; font-size: 0.69em; text-align: left; line-height: 1.45em; } /* M11b ( como Home "ECO" ) */ .m_11b { text-align: center; } .m_11b h2 { padding-top: 20px; color: #e2217a; font-size: 0.69em; text-transform: uppercase; } .m_11b p { margin: 2px 20px; line-height: 1.2em; font-size: 1.25em; } .m_11b h2 a{ color: #e2217a;} .m_11b h2 a:hover{ color: #7DA381;} /*.m_11b p img { padding: 13px 0; }*/ .m_11b p.por { font-size: 0.69em; font-weight: bold; padding-bottom: 20px; } .m_11b p.leermas { position: absolute; bottom: 20px; left: 0; font-size: 0.69em; } .m_11b p.img_asangre { padding: 15px 0 0 0; margin: 0; text-align: center; } /* M11c ( como Home "Ideas para tu mesa" ) */ .m_11c { text-align: center; } .m_11c h2 { padding: 20px 0 0 20px; color: #e2217a; font-size: 0.69em; text-transform: uppercase; } .m_11c p { margin: 12px 20px -5px 20px; line-height: 1.2em; font-size: 1.25em; } .m_11c p.leermas { position: static; font-size: 0.69em; } .m_11c p.img_asangre { padding: 15px 0 0 0; margin: 0; text-align: center; } /* M12 ( como Home productos ) */ .m_12 { } .m_12 img { float: right; margin: 3px 3px 0 0; } .m_12 h2 { padding: 8px 0 1px 20px; color: #e2217a; font-size: 0.69em; text-transform: uppercase; } .m_12 p { margin-left: 20px; line-height: 1.2em; font-size: 1.25em; } .m_12 h2 a{ color: #e2217a;} .m_12 h2 a:hover{ color: #7DA381;} .m_12 p.estrellas { margin: 13px 0 0 20px; height: 12px; line-height: 12px; font-size: 1.25em; color: #e2217a; } .m_12 p.estrellas span { display: block; float: left; width: 10px; height: 12px; background: url("css_imgs/sprites_compactos.gif") -336px -267px no-repeat; } .m_12 p.estrellas span i { position: absolute; left: -9999px; } .m_12 p.leermas { position: absolute; bottom: 20px; left: 0; font-size: 0.69em; } /* M13 ( como Recetas > "recetas económicas" ) */ .m_13 { padding-top: 20px; } .m_13 h3 { padding-top: 10px; font-size: 1.88em; line-height: 1.20em; } .m_13>img { float: left; margin: 0 20px 20px 20px; } .m_13>a { float: left; margin: 0 20px 20px 20px; } .m_13 ul { list-style: none; padding: 6px 0; margin-left: 320px; } .m_13 ul li { padding-right: 5px; padding-left: 11px; font-size: 0.75em; font-weight: bold; line-height: 1.67em; background: url("css_imgs/sprites_compactos.gif") -468px -186px no-repeat; } .m_13 h2 a{ color: #e2217a;} .m_13 h2 a:hover{ color: #7DA381;} .m_13 ul.mininav { float: none; position: absolute; bottom: 8px; } .m_13 ul.mininav li { display: inline; padding-left: 0; padding-right: 15px; background: none; } .m_13 p.leermas { font-size: 0.69em; } /* M14 ( como Recetas > Recetas vegetarianas ) */ .m_14 { float: left; margin-right: 13px; } .m_14 img { float: left; margin: 20px 15px 20px 20px; } .m_14 h2 { padding: 20px 0 10px 0; color: #e2217a; font-size: 0.69em; text-transform: uppercase; } .m_14 h2 a{ color: #e2217a;} .m_14 h2 a:hover{ color: #7DA381;} .m_14 p { margin-right: 20px; line-height: 1.2em; font-size: 1.25em; } .m_14 p.leermas { /*position: absolute; bottom: 20px; left: 150px;*/ font-size: 0.69em; margin-left:150px; padding: 15px 0 10px 0;} .m_14 ul { list-style: none; padding: 0 0 6px 0; margin-left: 148px; } .m_14 ul li { padding: 3px 5px 0 11px; font-size: 0.75em; font-weight: bold; line-height: 1.2em; background: url("css_imgs/sprites_compactos.gif") -468px -186px no-repeat; } /* M15 ( como Recetas > Más Recetas ) */ .m_15 { } .m_15 h2, .m_15 p { float: left; width: 23%; margin: 0 8px 0 3px; padding: 20px 0; line-height: 24px; } .m_15 h2 { text-align: center; } .m_15 h2 a { color: #e2217a; } .m_15 p { font-size: 0.69em; font-weight: bold; } /* M17 ( como Recetas > Más Recetas ) */ .m_17 { padding-top: 15px; } .m_17 p { position: relative; float: left; width: 280px; margin: 3px 20px 33px 20px; } .m_17 p span { font-weight: normal; } .m_17 p.paginacion { padding: 0 20px 20px 20px; margin: 0; width: 100%; } .m_17 p img { float: left; max-height: 75px; } .m_17 a.leermas { position: absolute; bottom: 0; left: 82px; font: bold 0.69em/1em Helvetica, Arial, sans-serif; color: #ef9604; } .m_17 h2 { padding: 0 0 15px 23px; } /* Si la lista es sin imagenes ( como Productos > Verduras > Listado de Verduras ) */ .listado_noimg { clear: both; overflow: hidden; padding-bottom: 20px; } .listado_noimg p { position: static; float: left; width: 170px; margin: 0 20px 3px 25px; font-size: 0.75em; } .listado_noimg p a { color: #777676; font-weight: bold; text-shadow: #fff 1px 1px 1px; } /* M18 ( como Menus > detalle > la caja grande ) */ .m18 { position: relative; padding: 20px 0; } .m18 h2 { padding: 0 0 15px 20px; } .m18 h3 { width: 370px; font-size: 1.88em; line-height: 1.2em; } .m18 h4 { padding: 0; } .m18 h4.subtitulo { padding: 0 0 0 20px; } .m18 p { padding: 10px 20px; } .m18 img { padding: 10px 20px 27px 20px; float: left; } /* M18b DENTRO DE M18 ( como Menus > detalle > barra herramientas ) */ .m18 p.m18b { padding: 0; } .m18b { margin: 15px 20px 0 20px; height: 25px; line-height: 25px; font-size: 0.75em; font-weight: bold; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } .m18b .por { width: 50%; float: left; } .mas, .imprimir_nb, .e-mail_nb, .facebook_nb, .twitter_nb { display: block; width: 25px; height: 25px; float: right; } .mas span, .imprimir_nb span, .e-mail_nb span, .facebook_nb span, .twitter_nb span { position: absolute; left: -9999px; } .mas { background: url("css_imgs/sprites_compactos.gif") -293px -422px no-repeat; } .imprimir_nb { background: url("css_imgs/sprites_compactos.gif") -323px -422px no-repeat; } .e-mail_nb { background: url("css_imgs/sprites_compactos.gif") -353px -422px no-repeat; } .facebook_nb { background: url("css_imgs/sprites_compactos.gif") -386px -422px no-repeat; } .twitter_nb { background: url("css_imgs/sprites_compactos.gif") -267px -422px no-repeat; } /* M18c DENTRO DE M18 ( como Menus > detalle > barra Características/Valores ) */ .m18c { float: right; width: 180px; margin: 32px 30px 0 0; padding-bottom: 8px; border-bottom: 3px solid #eff8e7; } .m18c h4 { clear: both; margin-top: 11px; padding: 8px 0 3px 3px; font-size: 0.88em; line-height: 1.71em; border-top: 3px solid #eff8e7; } .entrevistacon { float: right; width: 180px; margin: 32px 30px 0 0; background: #ebeaea;} .entrevistacon div.leerentrevista { width: 113px; float:left; color:#ececec; } .entrevistacon div.leerentrevista p { padding:0px; margin-top:10px; font-family: Helvetica, Arial, sans-serif; font-size: 0.75em; font-weight: bold; line-height: 1.5em; } .entrevistacon div.leerentrevista p.ellink { margin:0px; } .entrevistacon p.imatge { padding:0px; } .entrevistacon p.imatge img { padding:10px 10px 10px 10px; } .entrevistacon p a:link, .entrevistacon p a:visited, .entrevistacon p a:hover, .entrevistacon p a:active { padding: 0px; color: #ef9604; } dl { margin-left: 3px; color: #777676; } dt, dd { float: left; width: 50%; font-size: 0.75em; line-height: 1.5em; } dt { clear: both; font-weight: bold; text-shadow: #fff 1px 1px 1px; } dd {} /* M18d DENTRO DE M18 ( como Menus > detalle > Preparación paso a paso ) */ .m18d { clear: both; float: left; margin-top: 45px; margin-left: 20px; width: 370px; } .m18d h4 { width: 370px; font-size: 0.88em; line-height: 1.64em; } .m18d ol { margin-left: 0; list-style: decimal inside; } .m18d li { padding-bottom: 20px; font-size: 0.88em; line-height: 1.64em; } .m18d p { padding-left: 0; font-size: 0.88em; line-height: 1.64em; } /* expandir texto (por ejemplo para apartado "eco") */ .m18d.ancho { margin-top: 20px; } .m18d.ancho, .m18d.ancho h4, .m18d.ancho p { width: 600px; } /* M18e DENTRO DE M18 ( como Menus > detalle > Lista de ingredientes ) */ .m18e { clear: both; float: left; margin-left: 20px; width: 370px; } .m18e h4 { width: 370px; font-size: 0.88em; line-height: 1.64em; } .m18e ul { margin-top: 1px; margin-left: 0; list-style: none; } .m18e li { margin-bottom: 3px; padding: 3px 0; font-size: 0.88em; line-height: 1em; border-bottom: 1px solid #cfddd1; } .m18e p { font-size: 0.88em; } /* M18g DENTRO DE M18 ( como Menus > detalle > Vino recomendado ) M18f DENTRO DE M18 ( como Menus > detalle > Truco ) */ .m18f, .m18g { clear: right; float: right; width: 180px; margin: 10px 25px 0 0; padding-bottom: 20px; background: #ececec; } .m18f h4, .m18g h4 { padding: 20px 5px 0 20px; text-shadow: #ececec 1px 1px 1px; margin-bottom:10px; } .m18f p, .m18g p { padding: 5px 5px 0 20px; font-size: 0.75em; font-weight: bold; line-height: 1.5em; text-shadow: #ececec 1px 1px 1px; } m18 .m18f img, .m18 .m18g img { padding: 0; float: left; } .m18f p.leermas, .m18g p.leermas { position: static; } /*Comentarios no blog*/ #comentarios { clear: both; padding-top: 60px; } /* formulario para dejar comentario (no blog)*/ #comment-form-nb { margin: 20px; padding: 20px; background: #f1f1f1; border-top: 1px dotted #c7c7c7; border-bottom: 1px solid #c7c7c7; } #comment-form-nb legend { padding: 10px 20px; text-align: left; color: #d20067; background: #fff; border-bottom: 1px dotted #c7c7c7; } #comment-form-nb label { display: block; padding-bottom: 5px; color: #777676; text-shadow: #f1f1f1 1px 1px 1px; } #comment-form-nb p { padding: 10px 20px; } #comment-form-nb input[type='text'] { height: 21px; } #comment-form-nb input[type='text'], #comment-form-nb textarea { width: 100%; } /* ol#commentlist, cada comentario es un li de esta lista */ #commentlista { margin: 15px 0 25px 0; } #commentlista li { padding-bottom: 15px; margin: 0 20px 20px 0; border-bottom: 1px dotted #c7c7c7; } .gravatar_nb { float: right; width: 50px; margin-right: 5px; } .comment_data_nb { margin: 10px 25px -10px 0; color: #000; font-size: 0.75em; font-weight: bold; } .comment_data_nb strong { font-size: 1.5em; } .comment_text_nb { padding-right: 125px; line-height: 1.64em; font-size: 0.9em; font-weight: bold; } /* M19 (como Recetas > listado "Primeros Platos" ) */ .m_19 h2 { padding: 10px 18px; font: 1.5em/1em Georgia, "Times New Roman", Times, serif; color: #777676; text-transform: none; } .m_19 h2 em { font-style: normal; color: #e2217a; } /* M20 ( como Viajes > Au port de la lune ) */ .m20 { position: relative; padding: 20px 0; } .m20 p {} .m20 h2 { padding: 0 0 10px 20px; } .m20 h2 span { color: #777676; } .m20 h3 { width: 370px; font-size: 1.88em; line-height: 1.1em; } .m20 h4 { margin: 0 20px 7px 23px; line-height: 1.8em; } .m20 img { padding: 10px 20px 15px 20px; float: left; } /* Nos gusta por */ .m20b { float: left; width: 390px; margin: 5px 0 0 20px; } .m20b h4 { margin-left: 0; margin-bottom: 0; font-size: 0.95em; } .m20b p { padding-bottom: 20px; font-size: 0.75em; font-weight: bold; line-height: 1.5em; } /* texto tipo reportaje */ .m20b.reportaje p { font: normal normal 0.87em/1.64em Georgia, "Times New Roman", Times, serif; } .m20b.reportaje h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.87em; } /* Datos utiles */ .m20c { float: right; width: 180px; margin-right: 20px; padding: 3px 0 7px 0; border-top: 3px solid #eff8e7; border-bottom: 3px solid #eff8e7; } .m20c h4 { margin: 2px 0; font-size: 0.95em; } /* Web */ .m20d { clear: right; float: right; width: 180px; margin: 15px 20px 0 0; } .m20d h4 { margin: 0 0 0 0; font-family: Helvetica, Arial, sans-serif; color: #e2217a; font-size: 0.69em; text-transform: uppercase; } .m20d p { font-size: 0.69em; } /* M21 (como Personajes > Matt Armendariz ) */ /* quitar marco */ /* .mod.gra.m21 { width: 606px; background: none; } */ .m21 { padding: 20px 0; } .m21 h2 { padding: 0 20px; } .m21 h3 { padding: 20px; font-size: 2em; line-height: 1em; } .m21 h4 { padding: 0 20px; margin-bottom: 30px; line-height: 1.3em; } .m21-infoextra { margin-right: 20px; float: left; width: 300px; } /* la foto del personaje */ .m21a { height: 355px; width: 300px; } /* frase */ .m21c { padding: 50px 20px 75px 0; font-size: 1.5em; line-height: 1.25em; font-style: italic; } /* links */ .m21d { border-top: 3px solid #eff8e7; border-bottom: 3px solid #eff8e7; } .m21d h4 { margin: 0 0 5px 0; padding: 10px 0 3px 3px; font-size: 0.88em; } .m21d h5 { color: #e2217a; font-size: 0.69em; text-transform: uppercase; } .m21d p { font-size: 0.69em; padding-top: 3px; padding-bottom: 20px; } /* bullets verdes, pero sin ul/ol */ .m21d a.bullet { margin-left: 0; font-size: 1em; } .m21d p.bullet { text-indent: 12px; font-size: 0.75em; font-weight: bold; line-height: 1.5em; color: #777676; background: url("css_imgs/sprites_compactos.gif") -468px -184px no-repeat; } .m21d p.bullet .leermas { font-size: 0.82em; } /* si el modulo aparece dentro de una caja m20 */ .m20 .m21d { width: 180px; float: right; margin-right: 23px; } /* texto (entrevista) */ .m21b { width: 600px; margin: 0 20px 0 20px; font-size: 0.90em; line-height: 1.64em; } .m21b p { padding-bottom: 35px; } /* M27 (como Viajes > previews New York / Japon ) */ .m_27 { float: left; margin-right: 14px; padding: 20px 0; } .m_27 h2 { padding: 0 20px 0 20px; } .m_27 h3 { padding: 7px 20px 20px 20px; font-size: 2.25em; } .m_27 p { text-align: center; } /* 4 columnas, imagen grande ( como Recetas > listado2 > imagen gofres ) */ .mX90 { padding: 20px 0; } .mX90 img { padding: 0 20px; } /* escaparate ( barra gris antes del pie de pagina en la Home ) */ #escaparate div { padding: 20px 0; float: left; width: 163px; } #escaparate div h2, #escaparate div p, #escaparate div h4 { padding-left: 20px; padding-right: 20px; text-shadow: #eee 1px 1px 1px; } #escaparate div p img { padding: 10px 0; } #escaparate div h2 { font-size: 0.69em; text-transform: uppercase; } #escaparate div p, #escaparate div h4 { font-size: 0.75em; } /* quienes somos */ /* M14.qs ( quienes somos ) */ .m_14.qs { float: left; margin-right: 13px; padding-bottom: 10px; } .m_14.qs h2 { padding: 20px 0 10px 20px; color: #e2217a; font-size: 0.69em; text-transform: uppercase; } .m_14.qs p { margin: 0 20px 10px 20px; line-height: 1.2em; font-size: 0.81em; } a.qs_link { color: #777676; font-size: 1.6em; } a.qs_link.pq { font-size: 1em; } .unodecuatro_in { float: left; text-align: center; width: 126px; margin: 0 12px 0 20px; } .m20 .unodecuatro_in img { padding: 5px 0; float: none; } .unodecuatro_in p { font-size: 0.75em; } .funcion { margin-bottom: 5px; text-transform: uppercase; font-weight: bold; font-size: 0.7em !important; } .nombre { font-weight: bold; font-size: 0.83em !important; } .unodecuatro_in a.leermas:link, .unodecuatro_in a.leermas:visited, .unodecuatro_in a.leermas:hover, .unodecuatro_in a.leermas:active { font: normal 1em/2em Georgia, "Times New Roman", Times, serif; } .unodecuatro_in a.leermas:hover { color: #d20067; } .m20.colab div.desc { width: 480px; float:left; } .m20.colab h2 { margin-top: 9px; padding-left:0px; } .m20.colab h3 { width: 100%; font-size: 2em; line-height: 0.81em; } .m20.colab div.desc h3 { padding-left:0px; } .m20.colab h4 { font-size: 0.9em; line-height: 1.5em; margin-left:0px;} .m20.colab .leermas { font-size: 0.71em; /*margin-left:160px;*/ } /* AVISO LEGAL -----------------------------------------------------------------------------*/ .legal { padding: 10px 0 20px 0; font-size: 0.9em; line-height: 1.3em; } .legal h2, .legal h3, .legal h4, .legal h5, .legal h6, .legal p, .legal ul, .legal ol, .legal dl, .legal pre, .legal blockquote, .legal fieldset { padding-right: 20px; padding-left: 20px; } .legal h2, .legal h3, .legal h4, .legal h5, .legal h6 { margin: 20px 0 5px 0; } .legal h3 { color: #e2217a; font-weight: bold; font-size: 0.9em; letter-spacing: 0.2em; text-transform: uppercase; } /* SITE MAP -----------------------------------------------------------------------------*/ .sitemap { padding: 10px 0 20px 0; font-size: 0.9em; line-height: 1.3em; } .sitemap h2, .sitemap h3, .sitemap h4, .sitemap h5, .sitemap h6, .sitemap p, .sitemap ul, .sitemap ol, .sitemap dl, .sitemap pre, .sitemap blockquote, .sitemap fieldset { padding-right: 20px; padding-left: 20px; } .sitemap h2, .sitemap h3, .sitemap h4, .sitemap h5, .sitemap h6 { margin: 20px 0 5px 0; } .sitemap h3 { color: #e2217a; font-weight: bold; font-size: 0.9em; letter-spacing: 0.2em; text-transform: uppercase; } .sitemap ul {list-style:none;} /* BLOG ----------------------------------------------------------------------------- * color #ef9604; autor Iker * color #7da381; autor Becky * color #008a9b; autor Raul * color #d20067; autor Fernanda */ /* abrir y cerrar cajas del blog */ .abre { position: absolute; left: 0px; top: 0px; height: 4px; width: 994px; background: url("css_imgs/fondo_blog.gif") -1004px -2px no-repeat; } .mod.blogheader .cierre, .blogbody .cierre { width: 994px; background: url("css_imgs/fondo_blog.gif") -1004px -11px no-repeat; } /* caja con la imagen del cocinero angel */ .mod.blogheader { position: relative; left: -3px; width: 994px; height: 200px; background: url("css_imgs/fondo_blog.gif") -2px -2px repeat-y; } /* la imagen del cocinero angelico */ .mod.blogheader img { position: absolute; top: 10px; left: 11px; } /* la descripción del blog */ .mod.blogheader h2 { position: absolute; top: 120px; left: 45px; width: 450px; font: normal 1em/1.3em Georgia, "Times New Roman", Times, serif; color: #fff; text-transform: none; text-shadow: none; } /* letter-spacing: 0.08em; */ .mod.blogheader h2 a:link, .mod.blogheader h2 a:visited, .mod.blogheader h2 a:hover, .mod.blogheader h2 a:active { color: #fff; } .mod.blogheader h2 span { position: absolute; left: -9999px; } /* caja de contenidos del blog */ .mod.blogbody { padding-bottom: 50px; position: relative; left: -3px; margin-top: 0; width: 994px; min-height: 400px; background: url("css_imgs/fondo_blog.gif") -2px -2px repeat-y; } /* columna principal del blog */ .blogmain { width: 612px; float: left; margin: 25px 0 30px 24px; border-right: 1px dotted #c7c7c7; } /* width: 634px */ /* clases autores (por defecto, y los 4 autores) */ .blogmain .m18b { position: relative; margin: 0; } span.categoria { display: block; float: left; margin: 0; padding: 0; width: auto; height: 30px; } span.autor { display: block; float: left; margin: 0; padding: 0; width: 15em; height: 30px; line-height: 25px; font-size: 1em; font-weight: bold; } span.autor a { display: block; margin: 1px 0; padding-left: 30px; color: #777676; background: url("css_imgs/sprites_blog.gif") -13px -76px no-repeat; } span.autor.Iker a { color: #ef9604 !important; background: url("css_imgs/sprites_blog.gif") -13px -108px no-repeat; } span.autor.Becky a { color: #7da381 !important; background: url("css_imgs/sprites_blog.gif") -13px -141px no-repeat; } span.autor.Raul a { color: #008a9b !important; background: url("css_imgs/sprites_blog.gif") -13px -172px no-repeat; } span.autor.Fernanda a { color: #d20067 !important; background: url("css_imgs/sprites_blog.gif") -13px -205px no-repeat; } p.autor { position: relative; margin: 0; padding: 0; height: 30px; line-height: 30px; font-size: 0.75em; font-weight: bold; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } p.autor a { display: block; margin: 2px 0; padding-left: 30px; height: 26px; color: #777676; background: url("css_imgs/sprites_blog.gif") -13px -75px no-repeat; } p.autor.Iker a { color: #ef9604 !important; background: url("css_imgs/sprites_blog.gif") -13px -108px no-repeat; } p.autor.Becky a { color: #7da381 !important; background: url("css_imgs/sprites_blog.gif") -13px -141px no-repeat; } p.autor.Raul a { color: #008a9b !important; background: url("css_imgs/sprites_blog.gif") -13px -172px no-repeat; } p.autor.Fernanda a { color: #d20067 !important; background: url("css_imgs/sprites_blog.gif") -13px -205px no-repeat; } /* imprimir post */ .imprimir, .e-mail { position: absolute; top: 0; right: 0; display: block; padding: 0 !important; margin: 0 !important; width: 25px; height: 25px; } .imprimir span, .e-mail span { position: absolute; left: -9999px; } p.autor a.imprimir { background: url("css_imgs/sprites_compactos.gif") -323px -422px no-repeat; } p.autor a.e-mail { background: url("css_imgs/sprites_compactos.gif") -353px -422px no-repeat; } .WP-PrintIcon { display: none; } .sidebar p.autor { border-top: none; border-bottom: none; } /* un post del blog */ .post { padding-bottom: 45px; margin: 5px 20px 48px 0; border-bottom: 1px dotted #c7c7c7; } .post .fecha { font: bold 0.69em/1em Helvetica, Arial, sans-serif; color: #e2217a; text-transform: uppercase; } .post h3 { padding: 10px 25px 13px 0; font-size: 1.88em; line-height: 1.20em; } .post h3 a { color: #777676; } .post .text { padding-top: 10px; } .post .text p { padding-bottom: 25px; font-size: 0.89em; line-height: 1.64em; } .post .meta { font-size: 1.5em; } .post .meta span { font-size: 0.58em; } /* enlaces a entradas anteriores y siguientes */ .paginador a { font-weight: bold; font-size: 0.8em; color: #777676; } .ant, .sig { width: 40%; } .ant { float: left; } .sig { float: right; text-align: right; margin-right: 25px; } /* pagina detalle de entrada, con comentarios */ .blogmain.detalle .post { padding-bottom: 0; margin: 5px 20px 15px 0; border-bottom: none; } /* el h2 que pone si hay comentarios */ #comments { padding-bottom: 20px; margin-right: 20px; font: 1.5em/1em Georgia, "Times New Roman", Times, serif; text-transform: none; color: #7da381; border-bottom: 1px dotted #c7c7c7; } /* ol#commentlist, cada comentario es un li de esta lista */ #commentlist { margin: 15px 0 25px 0; } #commentlist li { padding-bottom: 15px; margin: 0 20px 20px 0; border-bottom: 1px dotted #c7c7c7; } .gravatar { float: right; width: 50px; margin-right: 5px; } .comment_data { margin: 10px 25px 10px 0; color: #000; font-size: 0.75em; font-weight: bold; } .comment_data strong { font-size: 1.5em; } .comment_text { padding-right: 125px; line-height: 1.64em; font-size: 0.9em; font-weight: bold; } /* columna lateral del blog */ .sidebar { margin: 45px 0 30px 0; width: 357px; float: right; position: relative; top: -3px; } /* width: 348px; */ .sidebar ul { list-style: none; } .sidebar ul#main_sidebar_ul { margin: 0 100px 0 25px; } /* ultimas entradas/contribuidores/articulos/categorias */ .sidebar h2 { margin-bottom: 10px; font: 1.5em/1em Georgia, "Times New Roman", Times, serif; text-transform: none; color: #777676; } .rss { margin-bottom: 35px; } .rss a { padding-left: 30px; color: #ef9604 !important; text-transform: uppercase; background: url("css_imgs/sprites_blog.gif") -13px -12px no-repeat; } .sidebar ul ul { margin-bottom: 25px; } .sidebar ul ul li { margin-bottom: 5px; font-size: 0.9em; } .sidebar ul ul#entradas li { margin-bottom: 20px; } /* banner */ .sidebar .mod.lat.image { margin: 0 auto; } .sidebar .mod.lat.image2 { margin: 0 auto; } /* formulario para dejar comentario */ #comment-form-fs { margin: 20px 20px 20px 0; padding: 20px; background: #f1f1f1; border-top: 1px dotted #c7c7c7; border-bottom: 1px solid #c7c7c7; } #comment-form-fs legend { padding: 10px 20px; text-align: left; color: #d20067; background: #fff; border-bottom: 1px dotted #c7c7c7; } #comment-form-fs label { display: block; padding-bottom: 5px; color: #777676; text-shadow: #f1f1f1 1px 1px 1px; } #comment-form-fs p { padding-bottom: 20px; } #comment-form-fs input[type='text'] { height: 21px; } #comment-form-fs input[type='text'], #comment-form-fs textarea { width: 100%; } /* SLIDESHOW de imagenes jquery. Se puede ver en viajes->detalle -----------------------------------------------------------------------------*/ #slideshow { position:relative; } #slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; } #slideshow IMG.active { z-index:10; opacity:1.0; } #slideshow IMG.last-active { z-index:9; } /* CARUSEL HOME -----------------------------------------------------------------------------*/ /* navigation */ #nav { position: relative; top: -31px; width: 646px; height: 31px; z-index: 20; } #nav ul { width: 640px; margin: 0 auto; } #nav li { float: left; width: 213px; list-style-type: none; text-align: center; } #nav li:first-child { width: 214px; } #nav a { display: block; margin-right: 1px; height: 23px; line-height: 23px; text-decoration: none; text-transform: uppercase; text-shadow: none; font-size: 11px; color: #fff; background: #7da381; cursor: pointer !important; } #nav a.current { position: relative; top: -8px; height: 31px; font-size: 13px; } /* panes */ #panes { position: relative; /* must be relative so the individual panes can be absolutely positioned */ width: 646px; height: 386px; background: url("css_imgs/fondos.gif") -856px -2px no-repeat; } #panes .cierre { width: 646px; background: url("css_imgs/fondos.gif") -856px -1990px no-repeat; } /* crossfading effect needs absolute positioning from the elements */ #panes div { display: none; position: absolute; top: 20px; left: 20px; width: 600px; height: 398px; } #panes div.overtext { display: block; position: absolute; top: 20px; left: 328px; width: 250px; height: auto; z-index: 15; } #panes img { position: absolute; z-index: 10; } #panes h2, #panes h3, #panes p.more, #panes * { text-shadow: none !important; } #panes h2 { padding-bottom: 10px; } #panes h3 { padding-left: 0; color: #fff; font-size: 1.8em; line-height: 1em; } #panes ul { list-style: none; } #panes li { padding-top: 5px; padding-left: 16px; font-size: 0.75em; background: url("css_imgs/carusel_bullet.png") -4px 4px no-repeat; } #panes p.more { color: #fff; } #panes a:link, #panes a:visited, #panes a:hover, #panes a:active { color: #fff; } #panes h2 a:link, #panes h2 a:visited, #panes h2 a:hover, #panes h2 a:active { color: #e2217a; } #panes div.overtext ul.gris li a, #panes div.overtext h3.gris a, #panes div.overtext h3.gris, #panes div.overtext h3.gris p{ color:#949696;} #panes div.overtext ul.blanc li a, #panes div.overtext h3.blanc a, #panes div.overtext h3.blanc, #panes div.overtext h3.blanc p{ color:white;} #panes div.overtext ul.gris li { padding-top: 5px; padding-left: 16px; font-size: 0.75em; background: url("css_imgs/carusel_bullet_gris.png") -4px 4px no-repeat; } #panes div.overtext ul.blanc li { padding-top: 5px; padding-left: 16px; font-size: 0.75em; background: url("css_imgs/carusel_bullet.png") -4px 4px no-repeat; } .overlay { display: none; width: 500px; padding: 20px; background-color: #ddd; } /* END CARUSEL */ /* VENTANA MODAL */ #trama { display: none; z-index: 22; position: fixed; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; background: url("css_imgs/trama_blanca.png") center center no-repeat; } #ventana_modal { display: none; z-index: 25; position: fixed; width: 620px; height: 455px; top: 10%; left:25%; margin: 0 auto; background: #fff; } #cerrar { display: block; width: 50px; height: 45px; position: absolute; top: 17px; right: 20px; z-index: 20; } #cerrar span { position: absolute; left: -9999px; } /* TIPO: SANS SERIF -----------------------------------------------------------------------------*/ #migas, .criteria label, a.ampliar, #registro, .m_4 .vertodas, .m_15 p, #escaparate div h2, .paginacion, .m18 h4, .m18c, .m18d, .m18e, .m18g, .m18f, .m20 h4, .m21 h4, .m21d h5, .m20b, .m20c, #nav a { font-family: Helvetica, Arial, sans-serif; } /* .m_4 h2, .m_10 h2, .m_12 h2, .m_11a h2, .m_11b h2, #escaparate div h2, .leermas */ /* EXTRAS (MENSAJES DE ERROR ETC.) -----------------------------------------------------------------------------*/ .error { color: #e2217a; } /* display: none; */ /*PARA GOOGLE SEARCH --------------------------------------------------------------------------------*/ .gsc-search-box { font-family: Arial, sans-serif; border-color: none; background-color: transparent; } input.gsc-input { /*border-color: #DDDDDD;*/ /* background-color:transparent;*/ height: 17px; left: 25px; position: relative; top: 6px; width: 228px !important; border: none !important; } input.gsc-search-button { /*background: url("css_imgs/sprites_compactos.gif") no-repeat scroll -294px -366px transparent; background-color: transparent !important; border:0!important; color:transparent !important; text-shadow:none !important;*/ position: absolute; right: 5px; top: 2px; width: 50px; height: 25px; } .gsc-tabHeader.gsc-tabhInactive { border-color: #E9E9E9; background-color: #E9E9E9; } .gsc-tabHeader.gsc-tabhActive { border-top-color: #FF9900; border-left-color: #E9E9E9; border-right-color: #E9E9E9; background-color: #FFFFFF; } .gsc-tabsArea { border-color: #E9E9E9; } .gsc-webResult.gsc-result { border-color: #FFFFFF; background-color: #FFFFFF; } .gsc-webResult.gsc-result:hover { border-color: #FFFFFF; background-color: #FFFFFF; } .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b { color: #E2217A; } .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b { color: #7DA381; } .gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b { color: #7DA381!important; } .gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b { color: #0000CC; } .gsc-cursor-page { color: #0000CC; } a.gsc-trailing-more-results:link { color: #0000CC; } .gs-webResult.gs-result .gs-snippet { color: #000000; font-size: 0.88em; line-height: 1.64em; } .gs-webResult.gs-result .gs-visibleUrl { color: #008000; } .gs-webResult.gs-result .gs-visibleUrl-short { color: #008000; padding-bottom: 20px; display:none; } .gs-webResult.gs-result .gs-visibleUrl-long { color: #008000; padding-bottom: 20px; } .gsc-cursor-box { border-color: #FFFFFF; } .gsc-results .gsc-cursor-page { border-color: #E9E9E9; background-color: #FFFFFF; } .gsc-results .gsc-cursor-page.gsc-cursor-current-page { border-color: #FF9900; background-color: #FFFFFF; } .gs-promotion.gs-result { border-color: #336699; background-color: #FFFFFF; } .gs-promotion.gs-result a.gs-title:link { color: #008000; } .gs-promotion.gs-result a.gs-title:visited { color: #0000CC; } .gs-promotion.gs-result a.gs-title:hover { color: #0000CC; } .gs-promotion.gs-result a.gs-title:active { color: #0000CC; } .gs-promotion.gs-result .gs-snippet { color: #000000; } .gs-promotion.gs-result .gs-visibleUrl, .gs-promotion.gs-result .gs-visibleUrl-short { color: #008000; } .gs-webResult div.gs-visibleUrl-long{ color: #008000; padding-top: 10px; display:block !important; } .gs-watermark{ padding-bottom:20px; display:none; } #palabra2 { position: relative; padding-left: 0; margin: 0 3px; height: 31px; background: url("css_imgs/sprites_compactos.gif") -119px -471px no-repeat; } .paginador_g {padding-top:20px; padding-bottom:20px;} .paginador_g a { font-weight: bold; font-size: 0.8em; color: #777676; } .ant, .sig { width: 40%; } .ant { float: left; } .sig { float: right; text-align: right; margin-right: 25px; } /* parche para arreglar diferencias entre comentarios en diferentes paginas */ #commentlista p { padding: 10px 20px; } #commentlista h2 { padding: 0 0 15px 20px; } #commentlista h3 { width: 370px; font-size: 1.88em; line-height: 1.2em; } #commentlista img { padding: 10px 20px 27px 20px; float: left; } /* ----------------------------------------------------------------------------- * * * VERSION PARA IMPRIMIR * * ----------------------------------------------------------------------------- */ @media print { /* esconder elementos que no se han de imprimir */ #lateral, #escaparate, #piedepagina { display: none; } /* mostrar elementos que si se tienen que imprimir */ #contenedor { margin-left: 3cm; } h1 { height: auto; } h1 span { position: static; } * { color: #000 !important; } } /* fin @media print */