body {text-align:center; margin:0 auto; font:normal 0.8em Arial, Helvetica, sans-serif; background:#B7BCC3 url(../../img/ES/f.gif) 0 90px repeat-x;}
body > #fnavegador {position:fixed;top:0;width:100%;height:8px;background-image: url(../../img/ES/f_navegador.png);background-repeat:repeat-x;z-index:1000;}
h1, h2, h3, h4 {margin:0; padding:0; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; line-height:100%; }
h1 {font-size:2em; border-bottom: 1px solid #C1CDDD}
ul {position:relative; list-style-type:none; margin:0; padding:0}
li {position:relative; margin:0; display:block}
dl, dt dd {margin:0; padding:0}
a img {border:none}
em {color:red}
form {margin:0; padding:0}
.separador {width:98%; display:block; clear:both;}
.cabecera {margin:0; height:70px; padding:65px 0 0 0; text-align:center; background:#F7F8F9 url(../../img/ES/f_cabecera.gif) 50% 0 repeat-x;}
.tierra .cabecera {background:#ffffff url(../../img/ES/f_cabecera_tierra.gif) 50% 0 repeat-x;}
.aymerich .cabecera {background:#ffffff url(../../img/ES/f_cabecera_aymerich.gif) 50% 0 repeat-x;}
.totalsports .cabecera {background:#ffffff url(../../img/ES/f_cabecera_totalsports.gif) 50% 0 repeat-x;}
.lavinia .cabecera {background:#ffffff url(../../img/ES/f_cabecera_lavinia.gif) 50% 0 repeat-x;}
.la_mediterranea .cabecera {background:#ffffff url(../../img/ES/f_cabecera_lamedi.gif) 50% 0 repeat-x;}
.newcomlab .cabecera {background:#ffffff url(../../img/ES/f_cabecera_newcomlab.gif) 50% 0 repeat-x;}
.azti .cabecera {background:#ffffff url(../../img/ES/f_cabecera_aztitecnalia.gif) 50% 0 repeat-x;}
.soluciona .cabecera {background:#ffffff url(../../img/ES/f_cabecera_hercesa.gif) 50% 0 repeat-x;}
.iberdrola .cabecera {background:#ffffff url(../../img/ES/f_cabecera_iberdrola.gif) 50% 0 repeat-x;}
.mus_competicion .cabecera {background:#ffffff url(../../img/ES/f_cabecera_mus.gif) 50% 0 repeat-x;}
.cabecera_contenedor {position:relative; text-align:left; background:#506A95 url(../../img/ES/f_pestanas.gif) bottom repeat-x; border-top:1px solid #004191}
.consorcio .cabecera {background:#ffffff url(../../img/ES/f_cabecera_tiendaconsorcio.jpg) 50% 0 repeat-x;}
.santanderac .cabecera {background:#ffffff url(../../img/ES/f_cabecera_santanderac.gif) 50% 0 repeat-x;}
#pestanas {position:relative; margin:0 auto; width:90%; min-width:760px;text-transform:uppercase; font-weight:bold; }
#pestanas ul {margin-left:175px; text-align:left; overflow:hidden; padding:0 0 0 2px; background: url(../../img/ES/f_pestana_li.gif) bottom left no-repeat}
#pestanas li {float:left; margin:0; padding:0 2px 0 0; background: url(../../img/ES/f_pestana_li.gif) bottom right no-repeat}
#pestanas li a {padding:0.4em 0.8em 1em 0.8em; display:block; text-decoration:none; color:#FFFFFF;}
#pestanas li a:hover {background:#7b94b7 url(../../img/ES/f_pestanas_over.gif) bottom no-repeat}
.tierra #pestanas li.tierra a, .mar #pestanas li.mar a, .promociones #pestanas li.promociones a, #pestanas li a.activo:hover {background:#7b94b7 url(../../img/ES/f_pestanas_on.gif) bottom no-repeat}
#pestanas li.ayuda {float:right; margin:0;background: url(../../img/ES/f_pestana_li.gif) bottom left no-repeat; }
#pestanas li.ayuda a {text-transform:none; }
#pestanas li.cuenta {float:right; margin:0 10px 0 0;background: url(../../img/ES/f_pestana_li.gif) bottom left no-repeat}
#pestanas li.cuenta a {text-transform:none;background: url(../../img/ES/f_pestana_li.gif) bottom right no-repeat}
#logo {position:absolute; left:20px; top:-63px; z-index:1000}
#logo {position:absolute; left:20px; top:-63px; z-index:1000}
#logo img {border:none;}
.contenedor {margin:0 auto; padding:0; width:90%; min-width:760px;clear:both; text-align:left; background:#ffffff url(../../img/ES/f_contenedor.gif) right top no-repeat; }
.contenido {padding:11px 0 0 0; background:transparent url(../../img/ES/f_contenedor_izq.gif) left top no-repeat; overflow:hidden}
.contenido2 {padding:0 10px; overflow:hidden; border-left:1px solid #E6E7E9; border-right:1px solid #E6E7E9;}
/********** pie *****************/
#pie {margin:0 auto; width:90%; min-width:760px;text-align:left; font:normal 0.85em Arial, Helvetica, sans-serif; color:#333333; background: url(../../img/ES/f_pie.gif) right top no-repeat; padding:0}
#pie .piedepagina {padding:2em 10px 0 10px; background: url(../../img/ES/f_pie_izq.gif) left top no-repeat;}
#pie .piedepagina p {clear:both; text-align:center; padding-bottom:2px; border-top:1px solid #ffffff;border-bottom:1px solid #ffffff;}
#pie a {color:#333333}
#pie .listas {float:left;width:90%; clear:both;padding-bottom:1em; overflow:hidden;}
#pie dl {overflow:hidden; display:block;padding:0.3em 0; float:left; width:24.5%;}
#pie dl, #pie dt, #pie dl {margin:0; padding:0}
#pie dt, #pie dd { margin: 0 1em 0 0;padding:0;}
#pie dt {font:normal 1.3em Georgia, "Times New Roman", Times, serif; clear:left;}
#pie ul {width:560px; display:block; margin:10px auto; border:none;}
#pie li {float:left; margin:0 15px}
/********* laterales ***********/
.lateral {width:165px; margin:0;}
.uno {float:left; }
.dos {float:right;}
.bloque { position:relative; margin-bottom:15px; padding:0 0 5px 0; background:#DFE1E3 url(../../img/ES/f_bloque.gif) bottom no-repeat;}
.bloque h4 {font:normal 1.5em Georgia, "Times New Roman", Times, serif; background: url(../../img/ES/f_bloque_h4.gif) top no-repeat; padding:0.2em 0.5em; margin:0}
.bloque p {padding:0 0.5em; font-size:0.9em}
.suscribete {background:#7B94B7 url(../../img/ES/f_boletin.gif) bottom no-repeat;}
.suscribete p {color:#ffffff}
.suscribete h4 {color:#ffffff; background-image: url(../../img/ES/f_boletin_h4.gif);}
.bloque ul {margin:0; padding:0}
.bloque li {position:relative; display:inline; clear:both; width:100%;}
.bloque li a{padding:0.5em; display:block; overflow:hidden;color:#666666; text-decoration:none;font:normal 1.2em Georgia, "Times New Roman", Times, serif; background-color:#f1f2f3; background-image: url(../../img/ES/f_bloque_li.gif); background-position:left bottom; background-repeat: no-repeat}
.menu li a img {position:relative;float:left; margin-right:5px}
.menu li a{padding:0.5em 10px; width:145px; display:block; overflow:hidden;color:#666666; text-decoration:none;font:normal 1.2em Georgia, "Times New Roman", Times, serif; background-color:#f1f2f3; background-image: url(../../img/ES/f_bloque_li.gif); background-position:left bottom; background-repeat: no-repeat}
.bloque li a:hover, .bloque li a:active, .bloque li a.activo {color:#FFFFFF; background-color:#7B94B7; background-position:-200px bottom}
.bloque a.mas {display:block; text-align:right; color:#333333; text-decoration:none;font-size:0.85em; font-weight:bold; padding:0.2em 18px 0.2em 0; margin:0.3em 0.8em 0 0.8em; background:url(../../img/ES/f_bloque_mas.gif) right 0 no-repeat}
.bloque a.mas:hover {color:#000000; background-position:right -40px}
.suscribete form {margin:0; padding:0 0.5em 0 1em}
.suscribete input {width:92px; margin-right:8px; border:1px solid #E8E8E8}
.suscribete button {color:#FFFFFF; font:bold Arial, Helvetica, sans-serif; background:#838383 url(../../img/ES/f_boton_ok.gif) top repeat-x; border:1px solid #ffffff}
.bloque a.feed {color:#333333; text-decoration:none;font-size:0.9em; font-weight:bold; padding:0.4em 22px 0.4em 0; margin:0.3em 0.8em 0 0.8em; background:url(../../img/ES/rss.gif) right 0 no-repeat}
.recetas h4 {padding-left:34px}
.recetas li a {padding-left:34px; font:normal 0.9em Arial, helvetica, sans-serif}
.recetas #tenedor {display:block; width:31px; height:162px; position:absolute;top:-10px; left:4px; margin:0; padding:0;z-index:10;}
.carrito a.pvp {font:normal 0.9em Arial, helvetica, sans-serif; display:block; width:145px; padding:0.5em 10px;}
.carrito a.pvp span {float:right; color:#000000}
.carrito a.pvp:hover span {color:#ffffff}
.bannerlateral {width:100%; text-align:center;}
.bannerlateral img{margin-bottom:15px;}
/**** ofertas ****/
.ofertas li {display:block; text-align:left; overflow:hidden}
.ofertas li a {display:block; margin:0 4px 4px 4px;padding:10px;color:#000000; border:1px solid #C7CACD; background-color:#ffffff; background-image: none}
.ofertas li a img {float:left; width:75px; height:auto}
.ofertas li a:hover { background-image: none; background-color:#ffffff; padding:9px;color:#000000; border:2px solid #CF040C}
.ofertas li a:hover img {width:75px; height:auto}
.ofertas li a .pvp {position:absolute; top:10px; right:10px; text-align:right; font: bold 1em Arial, Helvetica, sans-serif; color:#CF040C}
.ofertas li a .pvp strong {color:#000000}
.antes {text-decoration:line-through; color:#999999}
.ofertas li a .pvp .antes, .ofertas li a .pvp .antes strong {color:#999999}
.ofertas li a p {clear:both;margin:0; padding:0}
.bonos {line-height:30px;font-size:10px; color:#666666; background:transparent url(../../img/ES/bonos_mini.gif) 0 0 no-repeat; padding:4px 0 4px 22px;}
.bonos strong {color:#000000;}
/********** contenido ***********/
.principal {margin:0 165px; padding:0.8em 1.3em; }
.principal .mas {color:#CF040C}
.principal h1 {font-size:1.7em; line-height:135%; padding-bottom:0.5em}
.principal h2 {margin-top:1em; color:#000000; font-size:1.4em; line-height:115%;}
.principal h2 a {color:#666666; text-decoration:none}
.botonadura {text-align:right; padding:0.5em 0; margin:0}
a.volver, a.imprimir {margin:0.3em 0 0 0.8em; padding:0.2em 0 0.2em 15px; text-decoration:none;font-size:0.85em; font-weight:bold; color:#333333; background-position:0 0; background-repeat: no-repeat}
a.volver { background-image:url(../../img/ES/f_volver.gif)}
a.imprimir { background-image:url(../../img/ES/f_imprimir.gif)}
a.volver:hover, a.imprimir:hover {color:#000000; background-position:0 -40px}
/*********** resultados **********/
.resultados {width:98%; overflow:hidden; margin:0; padding:0}
.resultados li, .resultados dd {margin:0; clear:both; width:100%; padding:1em 0; background:#ffffff url(../../img/ES/f_resultado.gif) top repeat-x; overflow:hidden}
.resultados dt {clear:left; width:100%;font-size:1.7em; margin:1em 0 0 0; padding:0.2em 0; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; line-height:100%;border-bottom: 1px solid #C1CDDD}
.resultados .primero {overflow:hidden; clear:both;}
.resultados .segundos {position:relative; float:left;clear:none; width:48.8%; overflow:hidden; padding-right:1%; font-size:92%;}
h2 a {text-decoration:none;}
h2 a:hover {color: #CF040C;}
.segundos h2 a { font-size:0.6em;}
.marco { float:left; clear:left;width:124px; height:124px;display:block; margin:0 10px 10px 0; padding:0 0 5px 0; background:#ffffff url(../../img/ES/f_foto_sombra.gif) bottom no-repeat;}
.marco a {display:block; width:120px; height:120px; text-decoration:none; border:2px solid #E8E8E8; background-color:#ffffff;overflow:hidden}
.marco a:hover {border-color:#CF040C;}
.segundos .marco {position:absolute; left:0; top:1em; width:79px; height:79px; display:block; margin:1px 5px 5px 0}
.segundos .marco a {width:75px; height:75px; display:block; text-decoration:none; border:2px solid #E8E8E8; background-color:#ffffff;overflow:hidden}
.segundos .marco a:hover {border:2px solid #CF040C;}
.segundos .marco a img, .segundos .marco a:hover img {width:75px; height:auto}
.fichita {float:left; margin:0; padding:0;}
.segundos .fichita {float:none; margin:0; padding:0 0 0 83px}
h2 {margin:0; line-height:100%;}
.segundos .fichita h2 {margin:0; padding:0;font-size:2em; line-height:0.8em; border:none}
.segundos .fichita h2 a {line-height:100%;}
button.pvp {cursor:pointer; background:#cf040c url(../../img/ES/f_bot_pvp.gif) bottom repeat-x; border:1px solid #000000; color:#FFFFFF; font-size:0.8em}
button.pvp span {font-weight:bold; font-size:1.5em}
/********* fichas ************/div.producto {display:block;position:relative;padding:4px 0;overflow:hidden;}
span.precio, p.precio {padding:4px 25px 0 0; margin:0;font-weight:bold; background:#ffffff url(../../img/ES/eliminar.gif) right 0 no-repeat;}
td span.precio {padding-right:0; background-image:none;}
.precio strong{color:#CF040C}
.precio .antes strong{text-decoration:line-through; color:#999999}
.foto {float:left;margin-right:8px}
.datos {font-size:0.8em; width:98%; border-collapse:collapse;}
.datos th {border-bottom:1px solid #E8E8E8;padding:0.5em 0.4em}
.datos td {padding:0.4em}
.datos {background-color:#F8F9FA}
.modelos th {text-align:center;}
.modelos th.h {vertical-align:top; background-image:url(../../img/ES/f_puntos_v.gif); background-position: top right; background-repeat:repeat-y; border-bottom:none; border-top:1px solid #E8E8E8;}
.modelos td {text-align:center;text-decoration:none; background-image:url(../../img/ES/f_puntos_v.gif); background-position: top right; background-repeat:repeat-y;border-top:1px solid #E8E8E8;}
.datos .marco {float:none; margin:0 auto; width:64px; height:64px; background-image:none; padding-bottom:0}
.datos .marco a {width:60px; height:60px; text-decoration:none; border:2px solid #E8E8E8; background-color:#ffffff;overflow:hidden}
.datos . .marco a {border-color:#C7CACD}
.datos .marco a:hover {border:2px solid #CF040C;}
.datos .marco a img {width:50px; height:auto}
.ficha h2 {font-size:1em; width:98%; padding:1em 0 0.5em 0;font-weight:bold; border-bottom:1px solid #E8E8E8;}
.superprecio .mensaje {padding:4px 35px 4px 0; background:transparent url(../../img/ES/cestita.gif) right 50% no-repeat;}
.superprecio form, .precionormal form {display:inline; margin-right:1em;}
.precionormal span.mensaje {padding:4px 27px 0 0;background:transparent url(../../img/ES/cestita.gif) right 50% no-repeat;}
.empresas {color:#0066CC}
/******* textos ***/
.texto h2 {font-size:1em; margin:2em 0 0.5em 0; line-height:100%}
.texto p {margin:0 0 1em 0}
.fotoder {float:right; margin-left:1em}
.fotoizq {float:left; margin-right:1em}
.fotoder, .fotoizq {border:1px solid #EBEBEB; padding:2px; margin-bottom:1em}
/********* pasapaginas ************/
#pasapaginas {height:26px; margin-top:1.5em; overflow:hidden; color:#000000; font-weight:bold; background: #F3F3F3 url(../../img/ES/f_pasapaginas.gif) 0 0 repeat-x;}
#pasapaginas li {float:left; margin:0; padding:0 0 4px 0}
#pasapaginas li.siguiente {float:right; padding:0;}
#pasapaginas li.anterior {padding:0;}
#pasapaginas li a {display:block; margin:1px 0;padding: 0 0.5em; line-height:20px; text-decoration:none;color:#000000; border-right:1px solid #E0E0E0; border-left:1px solid #ffffff;}
#pasapaginas li a:hover {color:#ffffff; background: url(../../img/ES/f_paginaactiva.gif) left -28px;}
#pasapaginas li a.activo {color:#ffffff; background-image:url(../../img/ES/f_paginaactiva.gif);}
#pasapaginas li.anterior a{display:block; margin:0;padding: 0 0.5em 4px 24px; border:none; background:#ffcc00 url(../../img/ES/f_anterior.gif) 0 0 no-repeat;}
#pasapaginas li.siguiente a{display:block; margin:0;padding: 0 24px 4px 0.5em; border:none; background:#ffcc00 url(../../img/ES/f_siguiente.gif) right top no-repeat;}
#pasapaginas li.siguiente a:hover { background:#ff6600 url(../../img/ES/f_siguiente.gif) right -28px no-repeat; color:#FFFFFF}
#pasapaginas li.anterior a:hover { background:#ff6600 url(../../img/ES/f_anterior.gif) left -28px no-repeat; color:#FFFFFF}
/******** cesta ***********/button.compra {padding:auto 0;cursor:pointer; white-space:nowrap; background:#FFFF00 url(../../img/ES/f_bot_compra.gif) bottom repeat-x; font-weight:bold; border:1px solid #334877; color:#334877;}
.t_cesta {font-size:1em; width:99.5%; border-collapse:collapse; text-align:right;}
.t_cesta tr { background:url(../../img/ES/f_resultado.gif) repeat-x}
.t_cesta tr:hover {color:#FFFFFF; background:#7B94B7 none;}
.t_cesta td {padding:0.4em; vertical-align:text-top}
.t_cesta strong {color:#CF040C}
.t_cesta th strong {font-family:Arial, Helvetica, sans-serif}
.t_cesta th {padding:0.5em 0.2em; font:normal 1.2em Georgia, "Times New Roman", Times, serif; border-bottom:3px solid #C1CDDD; background:#ffffff none}
.t_cesta .titulo {font:1.5em normal Georgia, "Times New Roman", Times, serif; text-decoration:none; line-height:110%;}
.t_cesta .impar, .impar {background-color:#F8F9FA}
.t_cesta a {text-decoration:none; color:#000000}
.t_cesta .producto {text-align:left;}
.t_cesta a.eliminar {float:left; clear:left; margin-right:0.5em; with:22px; display:block}
.t_cesta a img {cursor:pointer}
.t_cesta tr:hover a, .t_cesta tr:hover .precio strong, .t_cesta tr:hover a .titulo {color:#FFFFFF}
.t_cesta tr:hover th {color:#000000}
.t_cesta input {width:2em; text-align:right; background:#ffffff url(../../img/ES/f_campos.gif) left top repeat-x; border:1px solid #c1cddd; border-top:1px solid #b7bcc3;}
.t_coste {float:right; clear:both; font-size:1.3em; border-collapse:collapse; text-align:right;}
.t_coste td {padding:0.5em}
.t_coste select {font-size:0.8em; background:#ffffff url(../../img/ES/f_campos.gif) left top repeat-x; border:1px solid #c1cddd; border-top:1px solid #b7bcc3;}
.historico {text-align:left}
.historico a {text-decoration:underline; color:#CF040C;}
.historico td.precio {text-align:right}
/******** recetas ***********/
.ingredientes {width:98%}
.ingredientes h2 {line-height:140%;margin-top:0;clear:left;}
.ingredientes .marco {float:right; margin:0 0 0 10px}
.cocinar{width:99.5%;}
.cocinar li {padding:0.3em}
/************ forms **********/form h2 {display:block; clear:both; line-height:140%}
fieldset {padding:0.8em; margin:0 0 1em 0; clear:both; overflow:hidden; border:none; background:#fbfafb url(../../img/ES/f_fieldset.gif) top repeat-x; border-top:3px solid #c1cddd; border-bottom:1px solid #c1cddd}
label {display:block; overflow:hidden; margin-top:1em}
fieldset input, fieldset select, fieldset textarea {width:15em;margin:0.2em 1em 0.3em 0; background:#ffffff url(../../img/ES/f_campos.gif) left top repeat-x; border:1px solid #c1cddd; border-top:1px solid #b7bcc3;}
fieldset input.chechk {width:auto; background:none; border:none; margin:0}
.fechas {width:3em}
fieldset div label.inline {float:left; display:block; }
fieldset div {margin:0; padding:0}
fieldset div.fieldsetinterior {float:none;clear:both; margin:1px; padding:8px; background-color:#FFFFCC; border:1px solid #c1cddd; overflow:hidden;}
div.empujon {margin:0; padding:0; width:1px; height:1px; display:block; clear:both; }
div.boton {clear:both; display:block; padding:0.5em 0; text-align:right}
.medio1 {float:left;width:44%; margin-right:6%}
.medio2 {float:left; width:44%;}
/************ errores ********/
.error {padding:0.5em 1em 1em 1em;border:2px solid #ffcc00;background-color:#FFFFCC; }
.error a:visited {color:blue}
.error h2 {font-size:1.3em}
.error p {margin:0.5em 0 0 0;}
.overflow {width:100%; float:none; clear:both;}
