/* CSS Document */
*{ padding:0px; margin:0px;}
body{ font-family:Tahoma;}
#titulo{ display:none;}
hr{ display:none;}
#contenedor{ width:993px; margin:auto;}
#idiomas{ list-style:none; font-size:.8em; border-top:3px solid #D4D4C4; background-color:#EFEFE7; color:#6A6540; text-align:right; padding:3px 50px;}
#idiomas li{ display:inline;}
#idiomas a{ color:#6A6540; text-decoration:none;}
#idiomas a:hover{ color:#0586E3;}
#idiomas .select{ font-weight:bold;}
/* SOLAPAS */
#solapas{ height:92px; padding-top:1px; background:url(../images/franja_superior.gif) repeat-x;}
#solapas h2{ width:91px; height:19px; padding-top:3px; font-size:.9em; text-align:center; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; background:url(../images/solapa.gif) no-repeat;}
#solapas div{ width:339px; height:92px; padding-right:20px; float:right;}
#solapas div div{ height:auto;}
#solapas div.borde{ width:310px; padding:0px 20px; border-left:1px solid #FFF;}
#solapas form{ padding-top:10px;}
#solapas p{ width:100%; height:28px;}
#solapas label{ width:75px; float:left; font-size:.8em; padding:0px 10px;}
#solapas input{ width:150px; height:18px; border:1px solid #7C7A6A; float:left;}
#solapas input.bton{ width:84px; height:22px; margin-left:5px; border:0px; font-size:.75em; color:#FFFFFF; cursor:pointer; font-weight:bold; background:url(../images/fdo_bton.gif) no-repeat;}
#solapas h3{ font-size:.95em; font-weight:normal; padding:12px 0px;}
#solapas ul{ list-style:none; color:#0586E3; float:right; font-size:.8em;}
#solapas  li{ display:inline;}
#solapas a{ color:#0586E3; font-weight:bold;}
#solapas a:hover{ color:#9e0d4a;}
#solapas a.activo{ color:#9e0d4a;}
#formBuscar input{ width:210px; float:right;}
/* CUERPO */
#cuerpo{ width:100%; float:left; background:url(../images/fdo_cuerpo.gif) repeat-y;}
/* MENU */
#col_menu{ width:220px; float:left; background-color:#F3F3F2; padding-left:33px; padding-bottom:50px;}
#menu{ position:relative; top:-86px; margin-bottom:-86px; list-style:none; width:180px; padding:0px 20px 25px; min-height:240px; height:auto !important; height:240px; background:url(../images/fdo_menu.gif) repeat-x top;}
#menu li span{ width:100%; padding:5px 0px; display:block; background:url(../images/puntos.gif) repeat-x bottom;}
#menu a{ padding-left:15px; background:url(../images/vinietita.gif) no-repeat left 3px; color:#534D1D; font-size:.8em; font-weight:bold; text-decoration:none;}
#menu a:hover{ color:#0586e3;}
#menu a.activo{ color:#0586e3;}

#menu ul{ list-style:none;}
#menu ul a{ padding-left:10px; background:url(../images/flechita.gif) no-repeat left 5px; font-weight:bold;}
#menu ul a:hover{ color:#9e0d4a;}
#menu ul a.activo{ color:#9e0d4a;}
#menu ul li span{ padding-left:10px; width:170px;}

#menu ul ul span{ padding-left:20px; width:160px;}
#menu ul ul a{ font-weight:normal;}

#col_menu img{ margin-left:20px; margin-bottom:25px;}
#col_menu table{ width:100%; color:#6A6540; font-size:.75em; background:url(../images/fdo_tabla_cesta.gif) repeat-x top;}
#col_menu table table{ background:none; font-size:1em;}
#col_menu th{ padding:10px; font-size:1.8em; font-weight:normal; color:#9E0D4A; text-align:left;}
#col_menu tr{ vertical-align:top;}
#col_menu td{ padding-bottom:10px;}
#col_menu tr.total td{ padding:0px 10px 10px; text-align:right;}
#col_menu tr.total p{ padding-top:10px; border-top:1px solid #D1D1C2;}
#col_menu tr.total strong{ padding-left:5px;}

#col_menu table .col1{ width:15px; font-weight:bold; padding:0px 10px; font-size:.9em;}
#col_menu table .col2{ width:105px; font-size:.9em;}
#col_menu table .col3{ width:70px; font-weight:bold; padding-right:10px; text-align:right;}
#col_menu table a{ float:right; text-decoration:none; margin-right:10px; text-align:center; width:84px; height:19px; padding-top:3px; color:#FFFFFF; font-weight:bold; background:url(../images/fdo_bton.gif) no-repeat;}

/* BANNERS */
#banners{ list-style:none; width:963px; padding:15px; float:left; background-color:#E4E4D9; border-top:3px solid #FFF; text-align:center;}
#banners li{ display:inline; padding:0px 10px;}
#banners img{ border:none;}
/* PIE */
#pie{ list-style:none; font-size:.7em; color:#6A6540; width:963px; padding:15px; float:left; background-color:#E4E4D9; border-top:3px solid #FFF;}
#pie a{ color:#6A6540;}
#pie li{ display:inline; float:left; padding-left:3px;}
#pie li.last{ float:right;}
#pie img{ border:none; vertical-align:middle; margin-left:5px;}
/* CONTENIDO */
#contenido{ width:670px; padding:40px 35px; float:right; color:#6A6540; font-size:.8em; line-height:18px;}
#contenido h4{ color:#9E0D4A; font-size:1.8em; font-weight:normal; padding-bottom:15px;}
#contenido h5{ font-size:1.4em; font-weight:normal; color:#0084E5; border-bottom:1px solid #D4D4C4; padding-bottom:10px; margin-bottom:15px;}
/* HOME */
#home{ padding:15px 0px 30px;}
/* HOME - LISTADO */
#listado dt{ clear:both; font-size:1.4em; color:#0084E5; border-top:2px solid #FFF; border-bottom:1px solid #D4D4C4; padding:28px 0px 8px;}
#listado dd{ width:100%; float:left; padding-bottom:28px;}
#listado dd p{ width:210px; float:left; padding-top:25px; clear:both; margin-bottom:20px; height:50px; overflow:auto}
#listado dd p a{ display:block; float:left; color:#0084E5; font-weight:bold; padding-left:20px; margin-top:20px; background:url(../images/mas_info.gif) no-repeat left;}
#listado dd img{ float:left; clear:both; padding:3px ; background-color:#FFFFFF; border:1px solid #D4D4C4; width:190px; height:140px; border-top:0px;}
#listado p{ margin-bottom:20px;}
/* Destacados de la home */
.listadoD dt{ width:210px; font-size:1.4em; color:#0084E5; /*border-top:2px solid #FFF; border-bottom:1px solid #D4D4C4;*/ padding:0px 0px 8px;}
.listadoD dd{ width:210px; float:left; padding-bottom:28px;}
.listadoD dd p{ width:210px; float:left; padding-top:25px; clear:both; margin-bottom:20px; height:50px; overflow:auto}
.listadoD dd p a{ display:block; float:left; color:#0084E5; font-weight:bold; padding-left:20px; margin-top:20px; background:url(../images/mas_info.gif) no-repeat left;}
.listadoD dd img{ float:left; clear:both; padding:3px ; background-color:#FFFFFF; border:1px solid #D4D4C4; width:190px; height:140px; border-top:0px;}
.listadoD p{ margin-bottom:20px;}

#masinfo { height:20px;width:210px; float:left; padding-top:2px; clear:both; padding-bottom:10px;}
#masinfo a {display:block; float:left; color:#0084E5; font-weight:bold; padding-left:20px; margin-top:20px; background:url(../images/mas_info.gif) no-repeat left;}
#columna_listado { width:210px; overflow:hidden; float:left; margin-right:7px;}
.list_destacado{ /*width:210px;*/ float:left;}
.familia{ font-size:12px; color:#9E0D4A; width:210px;}

/* CESTA */
#cesta table{ width:100%;}
#cesta th{ padding:5px; border-left:1px solid #EFEFE7; background-color:#E4E4D9; color:#0084E5;}
#cesta td{ padding:5px; color:#000; font-weight:bold; font-size:.85em; border-bottom:1px solid #D4D4C4;}
#cesta th.col1{ border:0px;}
#cesta .col1{ width:200px; text-align:left;}
#cesta .col2{ width:88px; text-align:center;}
#cesta .col3{ width:88px; text-align:right;}
#cesta .col4{ width:30px; text-align:center;}
#cesta .total{ color:#9E0D4A;}
#cesta .precio_total td{ color:#0084E5; text-align:right; font-size:1em; padding:15px 5px; border-bottom:2px solid #FFF;}
#cesta .precio_total td.col3{ color:#000;}
#cesta td input{ width:30px; text-align:center; border:1px solid #7C7A6A;}
#cesta a{ display:block; float:right; text-decoration:none; color:#FFFFFF; text-align:center; font-size:.9em; width:133px; height:22px; background:url(../images/fdo_bton_2.gif) no-repeat; margin-left:15px;}
#cesta a.ch{ width:84px; background-image:url(../images/fdo_bton.gif);}
#cesta td.btonCesta span span{ color:#9E0D4A; font-size:1.7em; cursor:pointer;}

#caract{ text-align:center;}
#caract .totalSup{ text-align:right;}
#caract .total{ color:#9E0D4A; text-align:right;}
/* Contacto */
#contacto form{ width:100%; float:left; padding-bottom:20px;}
#contacto p{ width:235px; padding-right:80px; padding-bottom:10px; float:left;}
#contacto label{ width:100%; display:block; padding-bottom:10px; font-weight:bold; }
#contacto p input{ border:1px solid #6A6540; width:100%;}
#contacto form div{ width:550px; border:none; padding:0px;}
#contacto textarea{ border:1px solid #6A6540; width:100%; height:100px; margin-bottom:10px;}
#contacto div input{ width:84px; height:22px; color:#FFFFFF; font-weight:bold; cursor:pointer; float:right; border:0px; background:url(../images/fdo_bton.gif) no-repeat;}
#contacto div{ clear:both; padding:20px 0px 30px; border-bottom:2px solid #FFF; border-top:2px solid #FFF;}
#contacto div.oblig{ text-align:center; padding-bottom:10px; color:#FF0000;}
/* CATEGORIAS */
#categorias{ list-style:none;}
#categorias a{ font-weight:bold; color:#534D1D; text-decoration:none; padding-left:10px; background:url(../images/flechita.gif) no-repeat left;}
#categorias a:hover{ color:#9e0d4a;}
#categorias ul{ list-style:none;}
#categorias ul a{ font-weight:normal;}
#categorias ul li{ padding-left:15px;}

.calidades{ list-style:none;}
.calidades a{ font-weight:bold; color:#534D1D; text-decoration:none; padding-left:10px; background:url(../images/flechita.gif) no-repeat left;}
.calidades a:hover{ color:#9e0d4a;}

/* DETALLE */
#detalle{ border-top:2px solid #FFF; border-bottom:2px solid #FFF; width:100%; float:left; padding:15px 0px;}
#detalle h5{ margin-bottom:0px;}
#detalle p{ width:198px; padding-right:15px; float:left;}
#detalle img{ border:1px solid #D4D4C4; background-color:#FFFFFF; border-top:0px; padding:3px; width:190px; height:140px;}
/*#detalle a{ background:url(../images/mas_info.gif) no-repeat left; padding-left:20px; float:right; color:#0084E5; font-weight:bold;}*/
#detalle div{ padding:10px 10px 10px 0px;}

#caracteristicas{ width:100%; float:left; border-bottom:2px solid #FFF; padding:25px 0px 5px; margin-bottom:10px;}
#caracteristicas div{ width:215px; float:left; padding-right:15px; color:#0084E5; font-weight:bold;}
#caracteristicas h6{ font-size:1.1em; border-bottom:1px solid #D4D4C4; padding-bottom:5px; margin-bottom:10px;}
#caracteristicas ul{ list-style:none;}
#caracteristicas li{ padding-bottom:10px;}
#caracteristicas img{ width:59px; height:43px; vertical-align:middle; border:1px solid #D4D4C4; background-color:#FFFFFF; padding:3px; margin-right:10px;}
#caracteristicas div.pedido{ width:210px; float:right; padding:0px;}
#caracteristicas div.pedido div{ width:210px; float:none; padding:0px;}
#caracteristicas table img{ width:auto; height:auto; background:none; border:none;}
#caracteristicas table{ width:100%;}
#caracteristicas th{ text-align:left; padding-bottom:10px;}
#caracteristicas span{ color:#000;}
#caracteristicas tr.total td{ border-top:1px solid #D4D4C4; color:#9E0D4A; padding:10px 0px;}
#caracteristicas td input{ width:133px; height:18px; text-align:center; padding-top:4px; color:#FFFFFF; font-size:.95em; font-weight:bold; border:none; background:url(../images/fdo_bton_2.gif) no-repeat; float:right;}
#caracteristicas tr.last td{ padding-bottom:10px;}
#volverList{ clear:both; text-align:right;}
#volverList a{ font-size:.9em; color:#0084E5; font-weight:bold; text-decoration:none;}
/* MI CUENTA */
#mi_cuenta{ width:100%; float:left; border-bottom:2px solid #FFF; margin-bottom:20px;}
#mi_cuenta div{ width:100%; float:left; padding-bottom:15px;}
#mi_cuenta p{ width:45%; padding-right:10px; float:left;}
#mi_cuenta strong{ color:#0084E5; display:block;}
/* QUIENES SOMOS */
#qs dt{ font-size:1.5em; color:#0084E5; padding-bottom:15px;}
#qs dd{ border-bottom:2px solid #FFF; padding-bottom:25px; margin-bottom:25px;}
#qs img{ border:1px solid #D4D4C4; float:left; margin-right:15px;}
/* MAPA WEB */
#mapaweb{ list-style:none; line-height:23px;}
#mapaweb a{ padding-left:15px; background:url(../images/vinietita.gif) no-repeat left 3px; color:#534D1D; font-weight:bold; text-decoration:none;}
#mapaweb a:hover{ color:#0586e3;}
#mapaweb a.activo{ color:#0586e3;}
#mapaweb ul{ list-style:none; padding-left:15px;}
#mapaweb ul a{ padding-left:10px; background:url(../images/flechita.gif) no-repeat left 5px; font-weight:normal;}
#mapaweb ul a:hover{ color:#9e0d4a;}

.idPedido{ font-size:.6em;}
.msg{ text-align:center; padding-top:50px; font-weight:bold; border-top:2px solid #FFF;}

.none{ display:none;}
.display{ display:block;}