/* CSS BODEGAS atauta */

body {
    background:  url(../images/fondos/atauta.jpg) no-repeat fixed center top;
    color: #333333;
    font-family: Georgia;
    font-size: 14px;
    margin: 0;
    padding: 0;
    text-align: center;
}

/* Comunes */
*
{
    outline:            none;
}

a img
{
    border:             0;
}

ul, li, tr, td, th { margin: 0; padding: 0; }

ul, li { list-style: none; }

/* Cabecera */
.principal {
    background: none repeat scroll 0 0 white;
    border-bottom: 25px solid white;
    border-top: 15px solid white;
    border-left: 25px solid white;
    border-right: 25px solid white;
    margin: 0 auto;
    width:960px;
}

#cabecera
{
    background: url(../images/cabeceras/atauta.jpg) no-repeat scroll center top #231F20;
    height:             106px;
    position:           relative;
}


#cabecera #logo {
    font: bold 46px/80px Verdana;
    height: 100px;
    left: 45%;
    margin-left: -100px;
    position: absolute;
    text-align: center;
    text-indent: -20000px;
    width: 380px;
}

#cabecera A
{
    color:              white;
    display:            block;
    text-decoration:    none;
}

#cabecera #comprar, #cabecera #idioma, #cabecera #buscar
{
    bottom:             10px;
    font:               9px verdana;
    height:             20px;
    line-height:        20px;
    position:           absolute;
    text-transform:     uppercase;
}

#cabecera #comprar {
    margin-right: -375px;
    right: 50%;
top: 132px;
  font: bold italic 11px georgia;
    text-transform:     none;


}


#cabecera #idioma {
    border-left: 0px solid white;
    margin-right: -380px;
    padding: 0 10px;
    right: 50%;
}

#cabecera #buscar {
    background: url(../images/fondoBuscar_w.png) no-repeat scroll left top transparent;
    margin-right: -465px;
    right: 50%;
    width: 88px;
}



/* Contenido */

#divPiezas {
    margin: 0 auto;
    position: relative;
}


/* Menú principal */
#menuPrincipal
{
    background: url(../images/menu/menu_atauta.jpg) no-repeat scroll center top #231F20;
    border-top:         15px solid white;
    height:             35px;
    padding-left:       35px;
    margin-bottom:      10px;
}

#menuPrincipal li {
    display: inline-block;
    margin: 0;
    padding: 14px 0;
}

#menuPrincipal .activo
{
    background:         transparent url(../images/piquito_blanco.png) no-repeat bottom center;
}

#contacto {
    background: url(../images/imagenes_contacto/atauta.jpg) no-repeat scroll left top brown;
    height: 547px;
    position: relative;
    width: 100%;
}
#loginDescargables {
    background: url(../images/imagenes_contacto/atauta.jpg) no-repeat scroll left top brown;
    height: 547px;
    position: relative;
    width: 100%;
}


#menuPrincipal .liVinos .pico
{
    background:         transparent url(../images/piquito_negro_atauta.png) top left no-repeat;
    bottom:             -19px;
    height:             20px;
    margin-left:        -4px;
    width:              25px;
}


/* Pie */
#pie
{
    background: url(../images/pie/pie_atauta1.jpg) no-repeat scroll center top #810529;
    border-top:         20px solid white;
    height:             75px;
    position:           relative;
}

#pie A
{
    color:              white;
    display:            block;
    text-decoration:    none;
    text-transform:     none;
}

#pie #sobreAvante {
    font: bold 11px georgia;
    left: 50%;
    margin-left: -460px;
    position: absolute;
    top: 10px;
}

#pie .menu {
    background: url(../images/flor_pie_b.png) no-repeat scroll left top black;
    left: 50%;
    margin-left: -235px;
    padding-left: 25px;
    position: absolute;
    top: 10px;
}
#pie .menu UL
{
    width:              200px;
}

#pie .menu LI
{
    float:              left;
    padding-bottom:     3px;
    width:              100px;
}

#pie .menu LI, #pie .menu A
{
    color:              white;
    font:               8px Verdana;
    text-transform:    uppercase
}

#pie #datos {
    left: 50%;
    margin-left: 10px;
}

#pie #datos LI
{
    clear:              left;
    width:              200px;
}

#pie #moderation {
 background: url(../images/moderation_w.png) no-repeat scroll left top;
    margin-right: -401px;
    position: absolute;
    right: 50%;
    top: 35px;
}

/* Menú pie */
#menuPie {
    background: url(../images/pie/pie_atauta2.jpg) no-repeat scroll center top #810529;
    border-top: 1px solid #fff9fa;
    height: 30px;
    padding-right: 10px;
    position: relative;
}

#menuPie UL
{
    margin: 0 auto;
    text-align: center;
    width: 960px;
}

#menuPie A
{
    color:              white;
    display:            block;
    float:              right;
    font:               8px verdana;
    height:             30px;
    line-height:        30px;
margin-right: 10px;
    padding:            0 2px;
    text-decoration:    none;
}

#menuPie #copyright {
    color: white;
    font: 8px verdana;
    left: 50%;
    margin-left: -460px;
    position: absolute;
    top: 10px;
}
/* Menú vinos y ficha */
#vino .nombre {
    color: #810529;
    font:  19px georgia;
    margin-top: 16px;
    text-transform: none;
}
#vino .dOrigen {
    font: italic  15px georgia;
    margin-top: 5px;
    padding-bottom: 15px;
}
#vino .descripcion {
    font:   11px verdana;
    margin-top: 5px;
    padding-bottom: 15px;
 text-align: left;
}
#vino .urlTienda, #vino .urlDistEsp {
    background: url(../images/btnComprar.png) no-repeat scroll right top transparent;
    height: 38px;
    left: 300px;
    position: absolute;
    text-indent: -2000px;
    top: 19px;
    width: 108px;
}
#vino .urlDistEsp {
    background: url(../images/btnDistribuidor.png) no-repeat scroll right top transparent;
    left: 500px;
    width: 120px;
}
#vino .urlSocial {
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    color: black;
    display: block;
    height: 14px;
    line-height: 14px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    top: 19px;
    width: 194px;
}
#vinos .datos {
    border-left: 1px solid black;
    font: 9px verdana;
    left: 50px;
    margin: 10px;
    padding-left: 5px;
    position: absolute;
    text-transform: uppercase;
    top: 120px;
}



#vinos {
    background: none repeat scroll 0 0 #faf6eb;
    display: none;
    height: 200px;
    margin: 0 auto;
    overflow: hidden;
    width: 960px;
}
#vinos .vino {
    color: black;
    float: right;
    height: 100%;
    margin-right: 31px;
    margin-top: 10px;
    position: relative;
    width: 200px;
}
#vino .puntos {
    background: url(../images/puntos1.png) no-repeat scroll right top transparent;
    display: block;
    font: bold 11px arial;
    height: 59px;
    margin-right: 2000px;
    right: 0;
    text-align: center;
    top: 0;
    width: 59px;
}