/***********  General    **************/
body{
    font-size:12px;
    font-family: georgia, "Trebuchet MS";
    margin:0;
    background-image:url(/images/general/fondo.gif);
}
body#avisolegal{
    background-image:url(/images/general/fondo_web.gif);
    margin:20px;
    text-align:center
}
a{
    text-decoration:none;
    color: #666
}
h1{
    font-size:1.2em;
    margin:0
}
h2{
    font-size:1.5em;
}
p{
    line-height:1.5em;
    margin:1em 0;
}
#contenedor{
    width: 970px;
    margin:auto
    }
#contenidos{
    width:970px;
    height: 400px;
    background-color:#FFF;
}

#pie{
    width:898px;
    background-image:url(/images/general/pie.jpg);
    font-size:10px;
    color:#a6a6a6;
    text-align:center;
    padding-top:25px;
}
.limpia{
    clear:both
}
.limpia_izq{
    clear:left
}
.error{
text-align:center;
font-size:15px;
font-weight:700;
padding-top:100px
}
/***********  Cabecera    **************/
#cabecera{
    height:105px;
    width:900px;
    margin:30px auto 0 auto
    
}
#idioma{
    float: right;
    height:35px;
    margin-right:20px;
    margin-top:30px;
    font-size:0.9em;
    font-family:Arial
}
#idioma .idiomaActual{
    color:#FFF;
    }

#menuPrincipal {
    clear:right;
    float: right;
    margin:0;
    height:40px;
    text-align:right
    }
#menuPrincipal ul{
    margin:15px 0 0 0;
    height:15px;
    padding:5px 0 4px 0;
}
#menuPrincipal ul li a img, #menuDcho ul li a img{
    vertical-align:bottom;
    border: 0
}

#menuPrincipal li{
    display:inline;
    border-left: #FFF solid 1px;
    
}
#menuPrincipal li a{
    color: #000;
    text-transform:uppercase;
    padding: 5px 30px 4px 4px;
}
#menuPrincipal .actual a{
    background-color:#000;
}
#menuPrincipal .actual a{
    color:#FFF;
}
#menuPrincipal li.tienda a{
    padding-right:10px
}
/**************************  Logo  **************************/

#logotipo {float:left;margin-left:20px; top:0; left:0; width:144px; height:93px; z-index:1; background:url('/images/general/logo_real_compania.gif') no-repeat}
#logotipo h1 a {margin:0; padding:0; width:144px; height:93px; display:block; text-decoration:none; background:url('/images/general/logo_real_compania.gif') 0 0 no-repeat}
#logotipo h1 a span {position:absolute; z-index:-1;margin-top:120px;}


/**************************  Portada  **************************/

#contenidos #flash{
    float:left;
    width:900px;
    padding:0 35px;
    height: 400px;
    background-image: url(/images/general/curvas2.gif);
    background-position:bottom center;
    background-repeat: no-repeat
}
/**************************  Vinos  **************************/
h2.tituloVino{
    float:left;
    height: 20px;
    margin:0;
    padding: 40px 0 8px 20px;
    color:#CCC;
    font-size:16px;
    font-weight:normal;

}
h2.tituloVino span.familia{
    color:#999
}
h2.tituloVino span.nombre{
    color:#c36
}

#contenidos #descripcionVino{
    float:left;
    width:700px;
}
#contenidos #descripcionVino img{
    float:right;
}
#contenidos #descripcionVino #descripcion{
    float:left;
    width:327px;
    height:270px;
    margin-left:20px;
    padding:20px;
    border-top:#ccc 1px solid;
    border-left:#ccc 1px solid;
    border-bottom:#ccc 1px solid;
    color:#666;
}
#descripcion #descargas{
    padding-top:15px;
    margin-top:15px;
    border-top:1px dashed #ccc
}
#descripcion #descargas img{
    float:none;
    vertical-align:middle
}
#descripcion #descargas a{
    font-family:arial;
    padding:4px 1px;
}
#contenidos #menuDcho{
    float:left;
    width:200px;
    margin:20px 0 35px 0;
}
#menuDcho ul{
    list-style:none;
    float:right;
    padding: 25px 0 20px 0
}
#menuDcho #titulos{
    width:100px;
    text-align:right;
    padding-right:8px;
    padding-top:35px;
    margin:10px 0;
    border-right:2px solid #666
}
#menuDcho #titulos li{
    height:30px;
    padding:0;
    }
#menuDcho #botellas{
    width:80px;
    margin:12px 0;
}
#menuDcho ul li{
    margin:0 0 20px 0;
    padding: 3px 0
    }
#menuDcho ul li.destacado a, a:hover{
    color:#cc3366 !important;
    }
/**************************  Menú de Vinos  **************************/

div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 300px;
  width: 910px;
  float:left;
  padding-left:60px;
  /* Add scroll-bars */
  overflow: auto;
  background-image:url(/images/general/fondo_vinos.gif);
  background-repeat:repeat-x;
  background-position: 0 105px;
  margin-top:30px;
}
ul.sc_menu {
  display: block;
  height: 300px;
  /* Max width here, for users without Javascript */
  width: 855px; /* CAMBIAR SI SE AÑADEN NUEVOS VINOS A 1500PX O MÁS*/
  padding: 0px 0 0 15px;
  /* Remove default margin */
  margin: 0;
  list-style: none;
}
.sc_menu li {
  display: block;
  float: left;
  padding: 0 4px;
  margin-right:20px;
}
.sc_menu a {
  display: block;
  text-decoration: none;
  text-transform:none;
  font-family:arial;
  font-weight: 700
}
.sc_menu span.vino {
  /* We want a caption to display on the next line */
  display: block;
  padding: 12px 0;
  text-align: center;
  color:#666;
  font-size:11px;

/*Sin javascript se vería con esto*/

  /*display: none;*/
  width:136px;
  /*margin-top: 3px;
  /*text-align: center;*/
  clear:both;
}
.sc_menu a:hover span.vino {
  /*display: block;*/
}
.sc_menu img {
  /* order: 3px #fff solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px; */
  border: none;
  /*Oscar*/ overflow:hidden;
  padding-top:35px;
  filter:alpha(opacity=80);
  opacity: 0.8;
}
.sc_menu a:hover img {
  /* filter:alpha(opacity=50);
  opacity: 0.8; */
  opacity: 1;
}

/* Añadido por mí */
.sc_menu img.botella {
    float:left;
    width:136px;
    height:250px;
    padding:0
    }
/**************************  Contacto  **************************/

#contenidos #texto{
    float:left;
    margin: 26px 0 0 0px;
    padding: 0 40px 0px 0px;
    width:250px;
    text-align:right
}
#contenidos #texto h2{
    text-transform:uppercase;
    color:#cc3366;
}
#contenidos #foto_contacto, #contenidos #foto_bodega{
    float:left;
    height: 400px;
    background-position:bottom center;
    background-repeat: no-repeat;
}
#contenidos #foto_contacto{width:680px}
#contenidos #foto_bodega{width:650px}

#contenidos #intro, #contenidos #bodega{
    color:#333;
    border-bottom: 1px dashed #999;
    padding-bottom:13px;
}
#contenidos #situacion{
    color:#333;
    border-bottom: 1px solid #999;
    padding-bottom:13px;
}
#contenidos #intro{padding-left:25px}

#contenidos #texto #datos{
    margin-top:20px;
    font-family: "Trebuchet MS";
}    
#contenidos #texto #datos h2{
    color:#999;
    font-size:15px;
    font-weight:bold;
}
#contenidos #texto #datos span{
    border-bottom:1px solid #999;
}
#contenidos #texto #datos a{
    color:#333;
}
/************* Aviso legal ******************/
#avisolegal p{
    text-align:justify;
}
#avisolegal #legal{
    background-color:#FFF;
    padding:6px 30px 30px 30px;
}
#avisolegal img{
    margin-bottom:20px;
}
/************* Situación ******************/
#map{
    margin: 15px 0 0 55px
}