body {background: #ffffff ; color: #cccccc; font-family: Arial, Helvetica, sans-serif; font-size: 80%; margin: 0px; padding: 0px;}
#container {margin: 0px auto 0px auto; padding: 0px 10px 10px 10px; width: 930px;}

#container3 {margin: 0px auto 0px auto; padding: 0px 10px 10px 10px; width: 930px; height: 2090px;}
#container4 {margin: 0px auto 0px auto; padding: 0px 10px 10px 10px; width: 930px; height: 2460px;}
#container5 {margin: 0px auto 0px auto; padding: 0px 10px 10px 10px; width: 930px; height: 1550px;}
#container6 {margin: 0px auto 0px auto; padding: 0px 10px 10px 10px; width: 930px; height: 1180px;}





ul {list-style: none; margin: 0px; padding: 0px;}
a {color: #000000; text-decoration: none;}
h2 {font-size: 1.1em; margin: 0px; padding: 0px;}
h3 {background: #8c7f00; font-size: 0.9em; margin: 10px 0px 5px 0px; padding: 4px;}

p.ok {
	background: #cccccc; padding: 12px
}
	
/** Header **/
#header h1 {color: #8C4066;  font-size: 23px; font-weight: bolder; float: right; margin-top: 60px; margin-right: 20px;/margin-right:10px; padding: 0px; font-family: times new roman; font-weight: bold;}
#header a img {border: none;  }

#header{background: url(../img/hojas.gif) no-repeat; background-position: right top;}





.menu {background: #Ffffff; border-bottom: 3px solid #8C7F00; height: 34px;  font-size: 1.1em; margin: 10px 0px 10px 0px; padding: 0px 12px 0px 12px;}
.menu li {display: inline; }
.menu li a {background: #ffffff; color:#8c4066; background-position: center; display: block; float: left; height: 26px;  margin: 0px 30px 0px 0px; padding: 8px 5px 0px 5px; 
font-family: Verdana; font-weight: bold; font-size: 12px;}
.menu li a.on, .menu li a:hover {background: #ffffff;color:#cccccc; background-position: center;}
ul.menu  {
	 width: 98%;
}

/* classes per imatges */
.home {background: url(../img/DSC00322.JPG) no-repeat; background-position: right;}
.bodegas{background: url(../img/bodegas.JPG) no-repeat; background-position: right;
	
}
.mapaweb{background: url(../img/mapaweb.JPG) no-repeat; background-position: right;}
.serveis {}
.equip {}
.salud{background: url(../img/salud.JPG) no-repeat; background-position: right;}
.diferencias {background: url(../img/diferencia.jpg) no-repeat; background-position: right;}
/*.dondestamos  {background: url(../img/mapa.gif) no-repeat; background-position: right;}*/

/** Continguts **/
#continguts {color: #000000; font-size: 1.1em;} 
#continguts a {color: #000000;}
#continguts #texte {background: #ffffff; padding: 22px; width: 37%;}
#continguts #texte p {border-bottom: 1px solid #8C7F00; margin: 0px 0px 30px 0px; padding: 0px 0px 30px 0px; font-family: Verdana; font-size: 11px;}
#continguts #texte ul {margin: 0px 0px 10px 0px;}
#continguts #texte ul li {background: url(../img/servei.gif) no-repeat; padding: 2px 0px 22px 30px;}


#continguts .vinos {background: #cccccc; border-bottom: 1px dotted #000000; padding: 20px 20px 20px 20px;}
#continguts .vinos h2 {background: url(../img/servei.gif) no-repeat; margin: 0px 0px 10px 0px; padding: 6px 0px 0px 29px;}
#continguts .vinos ul {font-size: 0.9em; margin: 0px;}
#continguts .vinos ul li {margin: 0px 0px 6px 28px;}
#continguts .vinos img {background: #FFFFFF; float: left; padding: 7px; margin: 0px 10px 0px 0px;}

#continguts .persona {background: #ffffff; border-bottom: 1px dotted #cccccc; padding: 20px 10px 20px 20px; 
}
#continguts .persona p{
	padding: 10px; 	
	width: 486px;}




#continguts .persona img {
	background: #FFFFFF;
	border-left: 1px solid #Cccccc;
	border-bottom: 2px solid #CCCCCC;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	float: right;
	margin: 150px 0px 0px 30px;
	padding: 7px;
}

#continguts .historia {background: #ffffff; border-bottom: 1px dotted #000000; padding: 20px 20px 20px 20px;}
#continguts .historia h2 {background: url(../img/persona.gif) no-repeat; background-position: 0px 2px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 15px;}
#continguts .historia h2 a {background: url(../img/mail.gif) no-repeat; background-position: right; color: #626262; padding: 0px 20px 0px 10px; font-size: 0.8em;}
#continguts .historia ul {font-size: 0.9em; margin: 0px;}
#continguts .historia ul li {background: url(../img/chech.gif) no-repeat; background-position: 0px 5px; margin: 0px 0px 7px 0px; padding: 0px 0px 0px 15px;}
#continguts .historia img {
	background: #FFFFFF;
	border-left: 1px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	float: right;
	margin: 100px 0px 0px 30px;
	padding: 7px;
}

#continguts .diferencia {background: #ffffff; padding: 22px; width: 60%;}

#continguts .donde {background: #ffffff; float: right; padding: 10px;  width: 50%;}


#continguts #formulariocontacto {width: 45%;}
#continguts  form { float: right; padding-top: 80px; padding-right: 90px;}
#continguts  form label {display: block; margin: 0px 0px 14px 0px; height: 30px;}
#continguts  form input {border: 1px solid #626262; margin: 0px; width: 95%;}
#continguts  form input.envia {
	cursor: pointer;
	margin: 40px 0px 0px 0px;/margin: 10px 0px 0px 0px;
	width: 60px;
}
#formulariocontacto  form label input.gran{
	
		height: 50px;
		
	
}

/** Footer ***/
#footer {background: #8c7f00; font-size: 0.9em; padding: 15px; text-align: center;}
#footer p {margin: 0px; padding: 0px; color:#ffffff;}


.donde img{
	 padding-bottom: 10px;
}

#container2 {margin: 0px auto 0px auto; padding: 0px 10px 10px 10px; width: 930px; height: 740px;}

#continguts.equip .item {
	border: 1px solid #E8E8E8; margin: 20px 40px 10px 0px; padding: 6px; width: 160px; height: 100px; float: left;
}

.item img{
	padding-left: 30px; padding-bottom: 15px;
}

.item img.gran{
	padding-left: 10px; padding-bottom: 25px;
}

.item img.fam {
	padding-left: 25px; padding-bottom: 6px;
}

.item img.riga{
	padding-bottom: 0px;
}

.item img.furot{
	padding-bottom: 5px;
}

.item img.licors {
	padding-bottom: 35px;
}
.item img.regal{
	padding-bottom:0px;
}

.item p a span {
	 font-family: Verdana; font-size: 11px; font-weight: normal; text-decoration: underline;
}


#continguts.equip .grupo{
	float: left;
width: 600px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 50px;
margin-left: 10px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
}

#continguts.equip .grupo .fot
{
float: left;
margin-right: 5px;
margin-top: 30px;
border: 5px solid #e7e7e7;
}


#continguts.equip .grupo p
{margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 10px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 105px;
font-family: verdana;
font-size: 12px;
}

#continguts.equip h3
{margin-top: 30px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 115px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-size: 14px;
color:#EEEEEE;
width: 470px;

}

#continguts.equip a span {
	font-family: verdana; font-size: 9px; text-decoration: underline; margin-left: 45px;
}



#idioma {font-size: 9px;; float: right; margin-right: 0px; }
#idioma li {display: inline; margin: 0px 0px 0px 5px;}
#idioma li a {}
#idioma li a:hover {border-bottom: 1px dotted #CCCCCC; color: #8c4066;}


#formulariocontacto p{
	color:black; padding-top:20px;
}