﻿/* Plantilla principal */

html 
{
    width: 100%;
    height: 100%;
}

body 
{
    width: 100%;
    height: 100%;
    font-family: Tahoma, Geneva, sans-serif, Arial, Verdana;
    font-size: 12px; 
    background: #02453b url("../imgs/fondo.jpg") repeat-x;
    margin: 0px;
}

a.boton-cesta 
{
    display: block;
    background-image: url("../imgs/botoncomprar.jpg");
    width: 106px;
    height: 21px;
    margin-top: 4px;
}

a.boton-cesta:hover
{
    background-position: 0px 21px;
}

a.boton-informacion 
{
    display: block;
    background-image: url("../imgs/boton-masinfo.jpg");
    width: 106px;
    height: 21px;
    margin-top: 4px;
}

a.boton-informacion:hover
{
    background-position: 0px 21px;
}

#master 
{
    margin: auto;
    background: transparent url("../imgs/tileado.jpg");
}

#cabecera 
{
    width: auto;
    height: 184px;
    background-image: url("../imgs/cabecera.jpg");
    background-repeat: no-repeat;
    background-position: center;
    margin: 0px auto;
}

#cabecera #fake 
{
    height: 146px;
    display: block;
}

#cabecera #menu
{
    margin: 0px;
    height: 22px;
}

#cabecera #menu ul 
{
    margin: auto;
    height: 22px;
    width: 996px;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

#cabecera #menu ul li
{
    list-style: none;
    float: left;
    padding: 8px 0px 6px 0px;
    background-color: #b7cbca;
    margin-right: 1px;
    font-family: Tahoma, Geneva, sans-serif, Arial, Verdana;
    font-size: 12px;
    letter-spacing: 0px;
    color: #003333;
}

#cabecera #menu ul li:hover
{
    background-color: #cde1e0;
}

#cabecera #menu ul li a
{
    font-family: Tahoma, Geneva, sans-serif, Arial, Verdana;
    font-size: 12px;
    letter-spacing: 0px;
    color: #003333;
    text-decoration: none;
    font-weight: 600;
}

#contenido 
{
    width: 989px;
    margin: auto;
    background-color: #ededed;
    overflow: hidden;
    height: auto;
    /*border: 1px solid red;*/
}

#contenido #columna-izquierda
{
    width: 783px;
    
    /*display:table-cell;
    zoom:1;
    *display:inline;
    vertical-align: top;*/
    float:left;
    

    min-height: 500px;
    background-color: #fff;
    
    padding-bottom: 32768px!important;
	margin-bottom: -32738px!important;
    /*border: 1px solid brown;*/
}

#contenido #columna-izquierda .cabecera
{
    clear: both;
    /*overflow: auto;*/
    height: 24px;
    /*border: 1px solid yellow;*/
}

#contenido #columna-izquierda .cabecera #hormigas
{
    color: #033;
    margin: 12px;
    height: 30px;
    /*border: 1px solid black;*/
}

#contenido #columna-izquierda .cabecera #hormigas a
{
    color: #1D6C57;
}

#contenido #columna-izquierda #informacion
{
    margin: 10px;
    width: 760px;
    height: auto;
    /*border: 1px solid red;*/
}

#contenido #columna-derecha
{
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif, Arial;
    
    width: 206px;

    /*display:table-cell;
    zoom:1;
    *display:inline;*/
    float:left;
    vertical-align: top;
    
    background-color: #ededed;
    
    padding-bottom: 32768px!important;
	margin-bottom: -32768px!important;
	min-height: 700px;
    /*border: 1px solid green;*/
}

#login 
{
    margin-top: 16px;
    background-color: #dee2e1;
    /*overflow: auto;*/
}

#login input.text, #login input.password
{
    border: 1px solid #999;
    background-color: #f5f5f5;
    width: 120px;
    margin: 0px 8px 4px 12px;
    
    float: left;
    height: 20px;
    /*
    display:inline-block;
    zoom:1;
    *display:inline;*/
}

#login input.submit
{
    margin: 0px 8px 4px 12px;
    border: 0px;
    background-image: url("../imgs/botonlogin.jpg");
    width: 80px;
    height: 21px;
    cursor: pointer;
}

#login input.submit:hover
{
    background-position: 0px 21px;
}

#login label
{
    vertical-align: top;
    display: block;
    margin-top: 2px;
    
    /*display:inline-block;
    zoom:1;
    *display:inline;*/
    float: left;
    height: 20px;
}

#login form
{
    margin-top: 8px;
}

#login .titulo
{
    background-color: #777;
    color: #eee;
    height: 14px;
    padding: 4px 4px 4px 16px;
    font-weight: 600;
}

#login .texto
{
    margin: 12px;
}

#login .texto a
{
    color: #1d6c57;
}

#login .registro
{
    color: #1d6c57;
    margin-left: 12px;
    padding-bottom: 8px;
}

#login .registro a
{
    color: #1d6c57;
}

#carrito
{
    margin-top: 30px;
    background-color: #678f86;
    color: #fff;
    /*overflow: auto;*/
}

#carrito .titulo
{
    background-color: #375949;
    color: #eee;
    height: 14px;
    padding: 4px 4px 4px 42px;
    font-weight: 600;
    background-image: url("../imgs/iconocarrito.jpg");
    background-repeat: no-repeat;
    background-position: 12px 0px;
}

#carrito .listado
{
    width: 92%;
    margin: 8px auto;
    font-weight: 600;
    font-size: 10px;
    padding-bottom: 8px;
    min-height: 40px;
}

#carrito .boton-finalizar-compra a
{
    background-image: url("../imgs/boton-finalcompra.jpg");
    border: 0px;
    width: 105px;
    height: 21px;
    margin: 10px auto;
    display: block;
    text-align: center;
}

#carrito .boton-finalizar-compra a:hover
{
    background-position: 0px 22px;
}

#carrito .aviso-siguiente
{
    display: block;
    font-style: italic; 
    font-size: 9px;
    font-weight: normal;
    margin-bottom: 8px;
}

#seguridad
{
    margin-top: 30px;
    /*overflow: auto;*/
}

#seguridad .titulo
{
    color: #333;
    font-size: 14px;
    padding: 8px;
    font-weight: 600;
}

#seguridad .texto
{
    width: 92%;
    margin: auto;
}

#seguridad img
{
    margin: 8px auto;
    display: block;
}

#newsletter 
{
    background-color: #dee2e1;
    /*overflow: auto;*/
    padding-bottom: 12px;
    margin-top: 40px;
}

#newsletter form
{
    margin: 0px;
}

#newsletter input.text
{
    border: 0px;
    background-color: #f5f5f5;
    width: 132px;
    height: 23px;
    margin: 8px 8px 4px 24px;
    float: left;
    background-image: url("../imgs/form-fondonewsletter.jpg")
}

#newsletter input.submit
{
    border: 0px;
    background-image: url("../imgs/boton-newsletter.jpg");
    width: 18px;
    height: 17px;
    margin-top: 12px;
    cursor: pointer;
}

#newsletter .titulo
{
    background-color: #375949;
    color: #eee;
    height: 14px;
    padding: 4px 4px 4px 16px;
    font-weight: 600;
}

#newsletter .texto
{
    width: 88%;
    margin: auto;
}

#pie
{
    width: 100%;
    height: 70px;
    margin: auto;
    color: #fff;
    font-weight: bold;
    padding-top: 14px;
    /*background-color: #02453b;*/
    background: transparent url('../imgs/pie.jpg') repeat-x;
}

#pie #enlaces 
{
    margin: 10px auto;
    width: 900px;
}

#pie span
{
    font-size: 10px;
    font-family: Verdana, Geneva, sans-serif, Arial;
    color: #fff;
    font-weight: bold;
    margin: 0px 16px;

    float: left;
}

#pie span a 
{
    font-size: 10px;
    font-family: Verdana, Geneva, sans-serif, Arial;
    color: #fff;
    font-weight: bold;
}

/* Fin plantilla principal */

/* Portada */
#productos-directos-bodega 
{
    color: #993333;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-size: 16px;
    margin-bottom: 16px;
    font-weight: bold;
}

#especial-mes-portada 
{
    margin: auto;
    margin-top: 16px;
    /*overflow: auto;*/
    width: 750px;
    height: 230px;
    clear: both;
}

#especial-mes-portada .producto 
{
    display:inline-block;
    /*zoom: 1;
    @display: inline;
    *display:inline;*/
    float: left;
    
    width: 354px;
    margin-left: 4px;
    margin-right: 4px;
    /*overflow: auto;*/
    height: 260px;
    /*border: 1px solid blue;*/
}

#especial-mes-portada .producto .imagen
{
    float:left;
    margin-right: 6px;
    display: block;
    height: 220px;
    width: 140px;
    /*border: 1px solid green;*/
}

#especial-mes-portada .producto .imagen img
{
    float:left;
    display: block;
    height: 220px;
    width: 140px;
    /*border: 1px solid green;*/
}


#especial-mes-portada .producto .especial
{
    font-family: Tahoma, Geneva, sans-serif, Arial, Verdana; 
    font-size:12px;
    font-weight:bold;
    color: #cc3366;
    text-transform:uppercase;
    display: block;
    margin: 8px 0px 4px 0px;
    float: left;
    width: 160px;
    display: block;
}

#especial-mes-portada .producto .titulo
{
    width: 206px;
    height: 32px;
    font-weight: bold;
    display: block;
    margin-bottom: 8px;
    float: left;
    font-family: Verdana, Geneva, sans-serif, Arial;
    font-size: 14px; 
    color: #01453a;
    text-transform:capitalize;
    overflow:hidden;
    /*border: 1px solid red;*/
}

#especial-mes-portada .producto .texto
{
    display: block;
    margin-bottom: 8px;
    float: left;
    width: 200px;
    height: 47px;
    overflow:hidden;
    /*border: 1px solid red;*/
}

#especial-mes-portada .producto .precio
{
    width: 200px;
    height: 32px;
    display: block;
    margin-bottom: 8px;
    overflow: hidden;
    float: left;
}

#especial-mes-portada .producto .botones
{
    width: 100px;
    display: block;
    float: left;
}

#selecciones-portada 
{
    margin: auto;
    margin-top: 16px;
    /*overflow: auto;*/
    width: 750px;
    height: 180px;
    clear: both;
    /*border: 1px solid red;*/
}

#selecciones-portada .producto 
{
    /*display:inline-block;
    zoom:1;
    *display:inline;*/
    float: left;
    
    width: 230px;
    margin-left: 8px;
    margin-right: 8px;
    /*overflow: auto;*/
    height: 190px;
}

#selecciones-portada .producto .imagen
{
    float:left;
    margin-right: 8px;
    display: block;
    height: 114px;
    width: 90px;
    height: 160px;
    /*border: 1px solid green;*/
}

#selecciones-portada .producto .imagen img
{
    width: 90px;
    height: 160px;
}

#selecciones-portada .producto .titulo
{
    width: 130px;
    height: 30px;
    overflow: hidden;
    color: #185045;
    font-weight: bold;
    display: block;
    margin: 4px 0px 4px 0px;
    float: left;
    font-size: 12px;
}

#selecciones-portada .producto .texto
{
    display: block;
    float: left;
    width: 130px;
    height: 28px;
    margin-bottom: 4px;
    overflow: hidden;
}

#selecciones-portada .producto .precio
{
    display: block;
    margin-bottom: 8px;
    height: 30px;
    overflow: hidden;
    float: left;
}

#selecciones-portada .producto .botones
{
    display: block;
    float: left;
}

#imagenes-bodegas-portada 
{
    /*overflow: auto;*/
    margin: 16px 0px;
    font-weight: 600;
    color: #185045;
    height: auto;
    /*border: 1px solid red;*/
}

#imagenes-bodegas-portada .titulo 
{
    font-size: 14px;
    color: #003333;
}

#imagenes-bodegas-portada .item
{
    /*display:inline-block;
    zoom:1;
    *display:inline;*/
    float: left;
    width: 146px;
    height: 242px;
    overflow: hidden;
    margin: 12px 2px;
}

#imagenes-bodegas-portada img
{
    border: 0px;
}

/* Fin Portada */


/* Listados productos */

#listado-productos 
{
    height: auto!important;
    /*overflow: auto;*/
    /*border: 1px solid red;*/
}

#listado-productos .producto .imagen
{
    float:left;
    margin-right: 8px;
    display: block;
    height: 114px;
    width: 90px;
    height: 160px;
    /*border: 1px solid green;*/
}

#listado-productos .producto .imagen img
{
    width: 90px;
    height: 160px;
}

#listado-productos .producto .titulo
{
    width: 150px;
    color: #185045;
    font-weight: bold;
    display: block;
    margin: 4px 0px 8px 0px;
    float: left;
    font-size: 12px;
    overflow: hidden;
    height: 30px;
}

#listado-productos .producto .texto
{
    display: block;
    float: left;
    width: 150px;
    overflow: hidden;
    height: 32px;
}

#listado-productos .producto .precio
{
    display: block;
    margin-bottom: 4px;
    float: left;
    height: 32px;
}

#listado-productos .producto .botones
{
    display: block;
    float: left;
}

#listado-productos .producto
{
    /*display:inline-block;
    zoom:1;
    *display:inline;*/
    float:left;
    
    width: 248px;
    height: 200px;
    margin: 1px;
    /*border: 1px solid blue;*/
}

#paginacion
{
    margin: 12px;
    height: 20px;
    clear: both;
}

#paginacion a.boton-anterior 
{
    width: 87px;
    height: 25px;
    background-image: url('../imgs/bot-anterior.jpg');
    float: left;
}

#paginacion a.boton-siguiente 
{
    width: 87px;
    height: 25px;
    background-image: url('../imgs/botonsiguiente.jpg');
    float: right;
}

/* Fin listados productos */

/* Listado productos reserva */
#cabecera-lista-reserva 
{
    background-image: url('../imgs/cabecera-listareserva.jpg');
    background-repeat: no-repeat;
    width: 700px;
    height: 252px;
    margin: auto;
    padding: 16px;
}

#cabecera-lista-reserva span.titulo
{
    display: block;
    font-size: 24px;
    font-weight: bold;
    color: #003333;
    
}

#cabecera-lista-reserva span.subtitulo
{
    display: block;
    font-weight: bold;
    color: #635123;
    font-size: 16px;
    margin: 4px 0px 16px 0px;
}

#cabecera-lista-reserva span.texto
{
    display: block;
    width: 600px;
    font-size: 12px;
    font-family: Verdana, Geneva, sans-serif, Arial;
    line-height: 16px;
}

#listado-productos-reserva 
{
    /*overflow: auto;*/
    /*border: 1px solid red;*/
}

#listado-productos-reserva .producto
{
    /*display:inline-block;
    zoom:1;
    *display:inline;*/
    float: left;
    
    width: 368px;
    height: 242px;
    margin-right: 4px;
    margin-left: 4px;
    margin-bottom: 26px;
    /*border: 1px solid blue;*/
}

#listado-productos-reserva .producto .imagen
{
    float:left;
    margin-right: 6px;
    display: block;
    height: 220px;
    width: 140px;
    /*border: 1px solid green;*/
}

#listado-productos-reserva .producto .imagen img
{
    float:left;
    display: block;
    height: 220px;
    width: 140px;
    /*border: 1px solid green;*/
}

#listado-productos-reserva .producto .titulo
{
    width: 206px;
    height: 34px;
    font-weight: bold;
    display: block;
    margin: 6px 0px 6px 0px;
    float: left;
    font-family: Verdana, Geneva, sans-serif, Arial;
    font-size: 14px; 
    color: #01453a;
    text-transform:capitalize;
    overflow: hidden;
    /*border: 1px solid red;*/
}

#listado-productos-reserva .producto .texto
{
    display: block;
    margin-bottom: 8px;
    float: left;
    width: 200px;
    height: 64px;
    font-size: 13px;
    overflow: hidden;
    /*border: 1px solid blue;*/
}

#listado-productos-reserva .producto .precio
{
    width: 200px;
    height: 28px;
    display: block;
    margin-bottom: 8px;
    float: left;
    /*border: 1px solid blue;*/
}

#listado-productos-reserva .producto .botones
{
    width: 200px;
    display: block;
    float: left;
}
/* Fin listado productos reserva */

/* Formulario envío */

.form-left 
{
    float: left;
    margin-right: 8px;
}

.form-right 
{
    
}

.form_normal
{
    clear: both;
}

/* Fin formulario envío */


/* Carrito */
#resumen-carrito 
{
}

#resumen-carrito .title
{
    font-family: Verdana, Geneva, sans-serif, Arial;
    font-weight: bold;
    font-size: 22px;
    color: #033;
    margin: 16px 0px 8px 0px;
    display:block;
}


#resumen-carrito .cabecera 
{
    padding: 8px;
    background-color: #90a9a8;
    margin-top: 1px;
    /*overflow: auto;*/
    clear: both;
}

#resumen-carrito .cabecera .carro-producto
{
    width: 460px;
    display: block;
    float: left;
    font-weight: bold;
}

#resumen-carrito .cabecera .carro-precio
{
    width: 70px;
    display: block;
    float: left;
    font-weight: bold;
    text-align: center;
}

#resumen-carrito .cabecera .carro-cantidad
{
    width: 70px;
    display: block;
    float: left;
    font-weight: bold;
    text-align: center;
}

#resumen-carrito .total {
    padding: 12px;
    background-color: #90a9a8;
    margin-top: 1px;
}

#resumen-carrito .total .precio
{
    width: 574px;
    display:block;
    text-align: right;
    font-size: 14px;
}

#resumen-carrito .listado .item-carrito
{
    padding: 6px 6px 2px 6px;
    background-color: #b7cbca;
    margin-top: 1px;
    /*overflow: auto;*/
    clear: both;
    height: 20px;
}

#resumen-carrito .listado .item-carrito .carro-producto
{
    /*display:inline-block;
    zoom:1;
    *display:inline;*/
    float: left;
    height: 20px;
    
    width: 460px;
    font-weight: bold;
    color: #333;
}

#resumen-carrito .listado .item-carrito .carro-precio
{
    /*display:inline-block;
    zoom:1;
    *display:inline;*/
    float: left;
    height: 20px;
    
    width: 70px;
    font-weight: bold;
    color: #333;
    text-align: center;
}

#resumen-carrito .listado .item-carrito .carro-cantidad
{
    /*display:inline-block;
    zoom:1;
    *display:inline;*/
    float: left;
    height: 20px;
    
    width: 70px;
    font-weight: bold;
    color: #333;
    text-align: center;
}

#resumen-carrito .listado .item-carrito .mas
{
    /*display:inline-block;
    zoom:1;
    *display:inline;*/
    float: left;
    height: 20px;
    
    background-image: url("../imgs/mas.png");
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -1px;
}

#resumen-carrito .listado .item-carrito .menos
{
    /*display:inline-block;
    zoom:1;
    *display:inline;*/
    float: left;
    height: 20px;
    
    background-image: url("../imgs/menos.png");
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -1px;
}

#resumen-carrito .listado .item-carrito .quitar
{
    /*display:inline-block;
    zoom:1;
    *display:inline;*/
    float: left;
    height: 20px;
    
    background-image: url("../imgs/quitar.png");
    width: 89px;
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -3px;
}

#resumen-datos-envio 
{
    
}

#resumen-datos-envio .continuar
{
    background-image: url('../imgs/bot-continuar.jpg');
    border: 0px solid red!important;
    width:87px;
    height:25px;
}

#resumen-datos-envio .title
{
    font-family: Verdana, Geneva, sans-serif, Arial;
    font-weight: bold;
    font-size: 22px;
    color: #033;
    margin-bottom: 8px;
    display:block;
}

#resumen-datos-envio form p
{
    height: 26px;
    margin: 4px 4px;
    width: 310px;
    float: left;
}

#resumen-datos-envio form label
{
    width: 100px;
    text-align: right;
    vertical-align: top;
    margin-right: 4px;
    margin-top: 4px;
    float: left;
}

#resumen-datos-envio input.text, #resumen-datos-envio input.select, #resumen-datos-envio textarea
{
    border-top: 2px solid #aaa;
    border-right: 1px solid #ccc;
    border-bottom: 0px;
    border-left: 1px solid #ccc;
    background-color: #f5f5f5;
    float: left;
}

#resumen-carrito .datos-envio {
    padding: 12px;
    background-color: #90a9a8;
    margin-top: 1px;
}

#resumen-carrito .datos-envio .datos{
    background-color: #fff;
    padding: 8px;
}

#resumen-carrito .datos-envio .datos span{
    display: block;
}

#resumen-carrito .datos-envio .datos hr{
    border: 1px dashed #ccc;
    width: 100%;
    margin-bottom: 8px;
}

#resumen-carrito .datos-envio .datos strong{
    font-size: 13px;
}
/* Fin Carrito */


/* Ficha producto */
#ficha-cabecera
{
    clear:both;
    width: 768px;
    height: 159px;
    margin: 12px auto;
}

#ficha-izda 
{
    float: left;
    width: 410px;
    margin-bottom: 8px;
    margin-left: 18px;
    margin-right: 15px;
}

#ficha-izda .titulo
{
    display: block;
    font-weight: bold;
    color: #375949;
    margin-top: 16px;
    font-size: 12px;
    text-transform: uppercase;
}

#ficha-izda .producto
{
    height: 280px;
}

#ficha-izda .producto H1
{
    font-weight: bold;
    color: #375949;
    font-size: 16px;
    margin-bottom: 8px;
    clear:both;
}

#ficha-izda .producto .imagen
{
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
    width: 140px;
    height: 220px;
}

#ficha-izda .producto .imagen img
{
    width: 140px;
    height: 220px;
}

#ficha-izda .producto .texto 
{
    float: left;
    height: 58px;
    font-weight: 600;
    width: 262px;
    margin-top: 10px;
    margin-bottom: 6px;
    overflow: hidden;
}

#ficha-izda .producto .envase
{
    float: left;
    height: 20px;
    width: 250px;
    overflow: hidden;
}

#ficha-izda .producto .precio
{
    float: left;
    height: 30px;
    width: 218px;
    margin: 10px 0px 10px 0px;
    overflow: hidden;
}

#ficha-izda .producto .botones
{
    float: left;
    display: block;
}

#ficha-izda .producto .directo-bodega
{
    float: left;
    margin-top: 12px;
}

#ficha-izda .premios
{
    clear: both;
    margin: 20px 0px;
}

#ficha-izda .nota-cata {}

#ficha-izda .nota-cata .puntos
{
    color: #960;
}

#ficha-izda .botones input
{
    vertical-align: middle;
}

#ficha-izda .botones input.cantidad
{
    border-top: 2px solid #aaa;
    border-right: 1px solid #ccc;
    border-bottom: 0px;
    border-left: 1px solid #ccc;
    background-color: #f5f5f5;
    width: 27px;
    text-align: center;
    color: #555;
    font-family: Courier;
    font-style: italic;
    margin-right: 16px;
}

#ficha-dcha 
{
    vertical-align: top;
    float: left;
    width: 304px;
}

#ficha-dcha .titulo
{
    font-family: Verdana, Geneva, sans-serif, Arial;
    font-size: 16px;
    font-weight: bold;
    color: #033;
    text-align: right;
}

#ficha-dcha .titulo-regalo
{
    font-family: Verdana, Geneva, sans-serif, Arial;
    font-size: 16px;
    font-weight: bold;
    color: #dc2144;
    text-align: right;
    text-transform: uppercase;
}

#ficha-dcha .otros
{
    text-align: right;
    padding: 4px;
    margin: 24px 0px;
}

#ficha-dcha #texto-bodega span.imagenes
{
    display: block;
    text-align: right;
    float: none;
}

#ficha-dcha .otros a
{
    color: #033;
    font-size: 12px;
    font-family: Verdana, Geneva, sans-serif, Arial;
    line-height: 20px;
}
/* Fin ficha producto */

/* Buscador */
#buscador
{
    color: #033;
    margin: auto;
    margin-top: 10px;
    text-align: left;
    width: 174px;
    /*border: 1px solid orange;*/
}

#buscador input.texto-buscar 
{
    border: 0px;
    width: 128px;
    height: 18px;
    padding-left: 6px;
    padding-top: 5px;
    font-style:italic;
    font-size: 11px;
    color: #999;
    background-image: url("../imgs/form-fondonewsletter.jpg");
}

#buscador input.texto-buscar-focus 
{
    border: 0px;
    width: 128px;
    height: 18px;
    padding-left: 6px;
    padding-top: 5px;
    background-image: url("../imgs/form-fondonewsletter.jpg");
}

#buscador input.boton-buscar 
{
    background-image: url("../imgs/lupabuscar.jpg");
    height: 23px;
    width: 35px;
    border: none;
    vertical-align: top;
    cursor: pointer;
}
/* Fin buscador */

/* Bodegas */
#bodegas 
{
    width: 660px;
    margin: 8px auto;
    height:auto;
    /*border: 1px solid red;*/
}

#bodegas .titulo
{
    font-size: 22px;
    color: #003333;
    font-family: Verdana, Geneva, sans-serif, Arial;
    font-weight: bold;
}

#bodegas .subtitulo
{
    font-size: 11px;
    color: #000;
    font-family: Verdana, Geneva, sans-serif, Arial;
    font-weight: bold;
}

#bodegas .bodega
{
    width: 304px;
    height: 134px;
    
    float: left;
    
    margin: 10px;
}

#bodegas .tfno-pedidos
{
    background-color: #e5eceb;
    vertical-align: top;
    float: left;
    padding: 42px 10px 0px 24px;
    width: 270px!important;
    height: 90px!important;
    font-family: Verdana, Geneva, sans-serif, Arial;
    font-size: 11px;
}

.mini-marques-de-la-concordia 
{
    background-image: url("../imgs/mini-marquesconcordia.jpg");
}

.mini-lagunilla
{
    background-image: url("../imgs/mini-lagunilla.jpg");
}

.mini-rioja-santiago
{
    background-image: url("../imgs/mini-riojasantiago.jpg");
}

.mini-marques-de-monistrol
{
    background-image: url("../imgs/mini-marquesmonistrol.jpg");
}

.mini-mas-de-monistrol
{
    background-image: url("../imgs/mini-masmonistrol.jpg");
}

.mini-principe-de-hohenlohe
{
    background-image: url("../imgs/mini-principe.jpg");
}

.mini-berberana
{
    background-image: url("../imgs/mini-berberana.jpg");
}

.mini-marques-de-grinon
{
    background-image: url("../imgs/mini-marquesgrinon.jpg");
}

.mini-durius-all-natural
{
    background-image: url("../imgs/mini-durius.jpg");
}


/* Fin bodegas */

/* Bodega */
#imagen-bodega 
{
    width: 768px;
    height: 159px;
    margin: 12px auto;
    /*border: 1px solid red;*/
}

#texto-bodega 
{
    padding: 16px;
    background-color: #eee;
    min-height: 70px;
    margin-bottom: 24px;
    font-family:Verdana, Geneva, sans-serif, Arial;
    font-size:11px; 
    color:#1e1e1e;
    height: auto;
    /*border: 1px solid red;*/
}

#texto-bodega h1
{
    color: #635123;
    font-family: Georgia, serif, Times New Roman;
    font-weight: bold;
    font-size: 20px;
}

#texto-bodega h2
{
    font-weight: bold;
    font-size: 14px;
}

#texto-bodega a 
{
    color: #1D6C57;
}

#texto-bodega p
{
    line-height: 17px;
    font-size: 12px;
}

#texto-bodega span.mini-title
{
    color: #635123;
    font-family: Georgia, serif, Times New Roman;
    font-weight: bold;
    font-size: 18px;
}

#texto-bodega span.imagenes
{
    display: block;
    text-align: right;
    float: right;
}



#titulo-bodega 
{
    margin-bottom: 24px;
    color: #033;
    font-size: 20px;
    font-weight: bold;
    /*border: 1px solid red;*/
}

.marques-de-la-concordia 
{
    background-image: url("../imgs/cab-marquesconcordia.jpg");
}

.lagunilla
{
    background-image: url("../imgs/cab-lagunilla.jpg");
}

.rioja-santiago
{
    background-image: url("../imgs/cab-riojasantiago.jpg");
}

.marques-de-monistrol
{
    background-image: url("../imgs/cab-marquesmonistrol.jpg");
}

.mas-de-monistrol
{
    background-image: url("../imgs/cab-masmonistrol.jpg");
}

.principe-de-hohenlohe
{
    background-image: url("../imgs/cab-principe.jpg");
}

.berberana
{
    background-image: url("../imgs/cab-berberana.jpg");
}

.marques-de-grinon
{
    background-image: url("../imgs/cab-marquesgrinon.jpg");
}

.durius-all-natural
{
    background-image: url("../imgs/cab-durius.jpg");
}

.selecciones 
{
    background-image: url("../imgs/cabecera-selecciones.jpg");
}
/* Fin bodega */


/* Atención cliente */
#atencion-cliente 
{
    width: 620px;
    margin: auto;
    /*border:1px solid red;*/
}

#atencion-cliente .fondo
{
    background-image: url('../imgs/fondofaq.jpg');
    background-repeat: no-repeat;
    padding: 16px;
    height: 460px;
}

#atencion-cliente label
{
    float: left;
    vertical-align: top;
    
    width: 110px;
    text-align: right;
    margin-right: 8px;
    margin-top: 2px;
    font-weight: 600;
    font-size: 12px;
    font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
}

#atencion-cliente input.text, #atencion-cliente textarea
{
    float: left;
    vertical-align: top;
    
    border-top: 2px solid #aaa;
    border-right: 1px solid #ccc;
    border-bottom: 0px;
    border-left: 1px solid #ccc;
    background-color: #f5f5f5;
    width: 240px;
}

#atencion-cliente textarea
{
    height: 140px;
    width: 236px;
}

#atencion-cliente input.submit
{
    float: right;
    background-image: url("../imgs/botonenviar.jpg");
    width: 87px;
    height: 25px;
    cursor: pointer;
    border: 0px;
    margin-right: 12px;
    margin-top: 8px;
}

#atencion-cliente .titulo 
{
    font-size: 22px;
    margin: 8px;
    color: #033;
    font-family: Verdana, Geneva, sans-serif, Arial;
    font-weight: bold;
}

#atencion-cliente .texto
{
    font-size: 12px;
    font-family: Tahoma, Geneva, sans-serif, Arial, Verdana;
    margin-bottom: 32px;
}

#atencion-cliente .formulario
{
    font-weight: bold;
    font-size: 13px;
    font-family: Tahoma, Geneva, sans-serif, Arial, Verdana;
    margin: auto;
    /*overflow: auto;*/
    width: 380px;
    height: 280px;
}

#atencion-cliente .formulario p
{
    height: auto;
    overflow: hidden;
    margin: 16px 0px;
}

/* Fin atención cliente */

/* Faq */

#faq 
{
    width: 700px;
    margin: auto;
}

#faq div.title
{
    font-size: 22px;
    margin: 8px;
    color: #033;
    font-family: Verdana, Geneva, sans-serif, Arial;
    font-weight: bold;
}

#faq div.fondo
{
    background-image: url('../imgs/fondofaq.jpg');
    background-repeat: no-repeat;
    padding: 36px;
    height: 520px;
    font-size: 12px;
}

#faq span.title 
{
    display: block;
    font-weight: bold;
    color: #014538;
}

#faq span.text 
{
    display: block;
}

/* Fin Faq */

/* Precios, ahorros, presentacion, errores */
.precio .importe 
{
    font-family: Verdana, Geneva, sans-serif, Arial;
    font-size: 15px; 
    font-weight: bold;
    color: #dca72e;
}

.precio .ahorro 
{
    font-family: Verdana, Geneva, sans-serif, Arial;
    font-size: 10px; 
    color: #004f42;
    font-style: italic;
}

.precio .antes 
{
    font-family:Verdana, Geneva, sans-serif, Arial;
    font-size:10px;
    color: #004f42;
    font-style: italic;
    text-decoration: line-through;
}

.presentacion 
{
    font-family:Verdana, Geneva, sans-serif, Arial; 
    font-size: 11px; 
    font-weight: bold; font-style:italic;
    color: #7c5e12;
}

.error 
{
    background-color: #ffdfdb;
    color: #b52612;
    padding: 8px;
    margin: auto;
    border: 2px solid #e1331c;
    display: block;
}

.info 
{
    background-color: #c9eacd;
    color: #0a9427;
    padding: 8px;
    margin: auto;
    border: 2px solid #21ba41;
    display: block;
}

.alert 
{
    background-color: #fbffb8;
    color: #bdc807;
    padding: 8px;
    margin: auto;
    border: 2px solid #cdd728;
    display: block;
}

#aviso-identificacion 
{
    width: 610px;
    margin: auto;
    background-image: url('../imgs/arrow.png');
    background-repeat: no-repeat;
    background-position: 580px 10px;
}

#aviso-identificacion a
{
    color: #1d6c57;
}
/* Fin precios ahorros */

/* Registro usuarios y datos usuario */
#registro-usuario 
{
    width: 700px;
    margin: auto;
    /*border: 1px solid red;*/
}

#cambio-password-usuario 
{
    width: 600px;
    margin: auto;
}

#cambio-password-usuario .guardar 
{
    background-image: url('../imgs/bot-guardar.jpg');
    border: 0px solid red!important;
    width:87px;
    height:25px;
}

#registro-usuario form label, #cambio-password-usuario form label
{
    width: 140px;
    text-align: right;
    float: left;
    margin-top: 4px;
    margin-right: 4px;
}

#registro-usuario p 
{
    height: 26px;
}

#registro-usuario .titulo, #cambio-password-usuario .titulo
{
    font-size: 22px;
    color: #033;
    font-family: Verdana, Geneva, sans-serif, Arial;
    font-weight: bold;
    display: block;
    margin: 16px 0px;
}

#registro-usuario .text, #cambio-password-usuario .text 
{
    border-top: 2px solid #aaa;
    border-right: 1px solid #ccc;
    border-bottom: 0px;
    border-left: 1px solid #ccc;
    background-color: #f5f5f5;
}

#registro-usuario .submit
{
    background-image: url('../imgs/bot-continuar.jpg');
    width:87px;
    border:0px;
    height:25px;
}

#registro-usuario .guardar
{
    background-image: url('../imgs/bot-guardar.jpg');
    width:87px;
    border:0px;
    height:25px;
}

#registro-usuario .entrar
{
    background-image: url("../imgs/botonlogin.jpg");
    width: 80px;
    height: 21px;
    border:0px;
    cursor: pointer;
}
/* Fin Registro usuarios y datos usuario */

/* Páginas del pie */
#club-bacchanalia
{
    background-image: url('../imgs/fondo-clubbacchanalia.jpg');
    background-repeat: no-repeat;
    height: 575px;
}

#club-bacchanalia, #como-comprar, #garantia, #condiciones-envio
{
    margin: auto;
    width: 700px;
    line-height: 20px;
}

.paginas-pie .titulo
{
    font-size: 22px;
    color: #033;
    font-family: Verdana, Geneva, sans-serif, Arial;
    font-weight: bold;
    display: block;
    margin: 16px 0px;
}

.paginas-pie .subtitulo
{
    font-size: 12px;
    font-weight: bold;
    color: #333;
    display: block;
    margin: 8px 0px;
}

.paginas-pie .sangrado
{
    margin-top: 16px;
    margin-left: 24px;
}
/* Fin páginas del pie */

/* Vinotecas */
#vinotecas 
{
    width: 740px;
    margin: auto;
}

#vinotecas .cabecera 
{
    margin-bottom: 16px;
    height: 270px!important;
}

#vinotecas .cabecera-izquierda
{
    width: 420px;
    float: left;
    padding-top: 24px;
   
}


#vinotecas .cabecera-izquierda .titulo
{
    font-size: 22px;
    color: #003333;
    font-family: Verdana, Geneva, sans-serif, Arial;
    font-weight: bold;
    margin: 24px 0px 16px 0px;
}

#vinotecas .cabecera-izquierda .texto
{
    font-family: Verdana, Geneva, sans-serif, Arial;
    line-height: 19px;
}

#vinotecas .cabecera-derecha
{
    width: 310px;
    height: 269px;
    float: right;
    text-align: right;
    background-image: url('../imgs/vinotecas-regalo.jpg');
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

#vinotecas .cabecera-derecha img
{
    margin-right: 20px;
    margin-top: 20px;
}

#vinotecas .producto
{
    padding: 16px;
    background-color: #f9f9f6;
    margin: 20px 0px;
    overflow: hidden;
    clear: both;
}

#vinotecas .producto .nombre
{
    font-weight: bold;
    display: block;
    float: left;
    clear: left;
    color: #185045;
    font-size: 14px;
    margin-bottom: 10px;
}

#vinotecas .producto .texto
{
    display: block;
    float: left;
    clear: left;
}

#vinotecas .producto .texto .linea-producto
{
    display: block;
    line-height: 18px;
}

#vinotecas .producto .botones
{
    display: block;
    float: right;
    color: #555;
    font-weight: bold;
    font-size: 13px;
}

#vinotecas .producto .precio .importe
{
    font-family: Verdana, Geneva, sans-serif, Arial;
    font-size: 20px; 
    font-weight: bold;
    color: #dca72e;
}

#vinotecas .producto .precio .iva
{
    font-family: Verdana, Geneva, sans-serif, Arial;
    font-size: 9px; 
    font-weight: bold;
    color: #dca72e;
}

#vinotecas .producto .botellas
{
    font-family: Verdana, Geneva, sans-serif, Arial;
    font-size: 10px; 
    font-style: italic;
}

#vinotecas .texto .linea1 
{
    font-family: tahoma; 
    font-weight:bold;
    font-style: italic;
    color: #006666;
    font-size: 16px;
    margin-top: 32px;
    text-align: right;
}

#vinotecas .texto .linea2
{
    font-family: tahoma; 
    font-weight:bold;
    font-style: italic;
    color: #cc9933;
    font-size: 16px;
    text-align: right;
}

#vinotecas .cabecera-izquierda .texto .pie
{
    color: #999999;
    line-height: 12px;
    margin-top: 15px;
    text-align: right;
}

/* Fin vinotecas */

.mensaje_error {
    background: none repeat scroll 0 0 #FFF090;
    border: 2px solid #FFCC00;
    font-size: 140%;
    margin: 10px 0 20px;
    padding: 5px;
}
    
