/* Hoja de estilos de Cava Jaume Giró i Giró 2008 */

body{
background-color: #ffffff;
font-size: 0.625em;
color: #333333;
text-align: center;
margin: 0em;
padding: 0em;
font-family: Arial, verdana, sans-serif;
}
#menu1{
width: 751px;
height: 85px;
text-align: right;
background-image: url(../img/ramas.gif);
background-repeat: no-repeat;
background-position: top right;
margin: 0px auto;
padding: 0px 30px 0px 0px;
color: #cccccc;
}
.arriba{
border: 0px;
padding: 0.3em 0.5em  0px 0px;
}
#menu1 a.si{
padding: 0.5em 0.7em;
background-color:#000000;
margin: 0px;
line-height: 2em;
vertical-align:top;
}
.negro{
padding: 0.5em 0.7em;
background-color:#000000;
margin: 0px;
line-height: 2em;
font-size: 1.1em;
}
a:link, a:visited{ 
font-size: 1.1em;
color: #d4b226;
text-decoration: none;
}
a:hover{
text-decoration:underline;
}

#contenedor{
width: 781px;
margin: 0px auto;
}
h1{
background-image: url(../img/cavagiro.gif);
background-position: left;
background-repeat:no-repeat;
text-indent: -4000px;
width: 254px;
height: 61px;
/*height: 46px;*/
float: left;

margin: 0px;
padding:0px;
}
ul#menu2{
	text-align: left;
	padding: 1em 0em 1em 1em;
	margin: 0em;
	width: 498px;
	float: left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 1.3em;	
	
}
ul#menu2 li{
	display: inline;	
	line-height: 2em;
	padding: 0.6em 1.5em 0.6em 0em;
}
#izq{
width: 254px;
height:400px;
clear: left;
float: left;
color: #333333;
text-align:left;
padding: 10px 0em;
line-height: 1.2em;

}
.trans{
background-color:#FFFFFF;
filter: alpha(opacity=50);
opacity: .5;
height: 40px;
float:none;
te
}
.notrans{
filter: alpha(opacity=100);
opacity:3;
}
#dcha{
width: 460px;
min-height:252px;
float: left;
background-color:#ffffff;
border-top: 1px solid #cccccc;
text-align: left;
padding: 20px;
background-image: url(../img/ramas2.gif);
background-repeat: no-repeat;
background-position: top left;
}
.abajo{
background-image: url(../img/fondoabajo.jpg);
background-repeat: no-repeat;
background-position: bottom center;
height: 330px; 
clear:both;
width: 781px;
text-align:right;
border-top: 1px solid #cccccc;
}
.abajo img{
border: none;
}

/*----------------- fondos ----------------- */
.uno{
background-image: url(../img/uno.jpg);
background-position: top center;
background-repeat:no-repeat;
}
.dos{
background-image: url(../img/siete.jpg);
background-position: top center;
background-repeat:no-repeat;
}
.tres{
background-image: url(../img/tres.jpg);
background-position: top center;
background-repeat:no-repeat;
}
.cuatro{
background-image: url(../img/cuatro.jpg);
background-position: top center;
background-repeat:no-repeat;
}
.cinco{
background-image: url(../img/cinco.jpg);
background-position: top center;
background-repeat:no-repeat;
}
.seis{
background-image: url(../img/nueve.jpg);
background-position: top center;
background-repeat:no-repeat;
}
.siete{
background-image: url(../img/seis.jpg);
background-position: top center;
background-repeat:no-repeat;
}
.ocho{
background-image: url(../img/ocho.jpg);
background-position: top center;
background-repeat:no-repeat;
}
.nueve{
background-image: url(../img/dos.jpg);
background-position: top center;
background-repeat:no-repeat;
}
/*----------------- contenido ----------------- */
h2{
	text-align: left;
	padding: 0em;
	margin: 1.4em 0em 0.1em 0em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 2em;
	
}
h3{
	text-align: left;
	padding: 0em 0em;
	margin: 0.1em 0em 0.1em 0em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 1.6em;
	color:#999999;
	line-height: 2em;
	
}
p{
margin: 0em 2em 0em 0em;
padding: 0.5em 0em;
letter-spacing: 0.1em;
}


.imagencont{
width: 440px;
clear: left;
float: left;
border: 2px solid #999999;
margin: 20px 0px 20px 0px;
}
.primer{
clear:left;
}
ul#submenu{
	text-align: left;
	padding: 0em;
	margin: 0em 0em 1em 0em;
	letter-spacing: 0.1em;
	
	
}
ul#submenu li{
	display: inline;	
	padding: 0em 1em 0em 0em;
	line-height: 1.2em;
	
	}
.dis{
border: 2px solid #cccccc;

float: right;
margin: 220px 0px 0px 0px;
padding: 5px;

}

.dis h2{
	text-align: left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 1.2em;
	float: left;
}
/* --------------- formulario -------------- */
.texto{
width: 30em;
border: 1px solid #333333;
font-size: 1em;
}
textarea{
width: 30em;
border: 1px solid #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}
#forma{
margin-top: 2em;
text-align: right;
}
.boton{
background-color: #000000;
color: #ffffff;
width: 10em;
letter-spacing: 0.2em;
}
/*--------- placas ---*/
ul#listplacas{
	text-align: left;
	padding: 0em;
	margin: 1em 0em 1em 0em;
	letter-spacing: 0.1em;
	
}
ul#listplacas li{
	display: inline;	
	margin: 0px 20px 20px 0px;
	float: left;
	width: 90px;
	text-align: left;
	height: 110px;
	}
	
.placas{
width: 70px;
clear: left;
float: left;
border: 2px solid #999999;

}
/*------- botellas -------- */
ul#listbotellas{
	text-align: center;
	padding: 0em;
	margin: 1em 0em 1em 0em;
	letter-spacing: 0.1em;
	
}
ul#listbotellas li{
	display: inline;	
	margin: 0px 40px 30px 0px;
	float: left;
	width: 100px;
	text-align: left;
	
	text-align: center;
	
	padding: 0px;
	}
.botellas2{

clear: left;
float: left;
border: 2px solid #999999;

}
.botellas{
clear: left;
float: left;
border: 2px solid #999999;
margin: 0px 30px 30px 0px;
}