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;}

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: #cccccc; font-size: 0.9em; margin: 10px 0px 5px 0px; padding: 4px;}

p.ok {background: #cccccc; padding: 12px}
	
/** Header **/
#header h1 {color: #a33012; float: right; font-size: 1.2em; font-weight: normal; margin: 50px 0px 0px 0px; padding: 0px;}
#header a img {border: none; }


.menu {background: #Ffffff; border-bottom: 3px solid #cccccc; 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:#a33012; background-position: center; display: block; float: left; height: 26px;  margin: 0px 30px 0px 0px; padding: 8px 5px 0px 5px;
font: bold;}
.menu li a.on, .menu li a:hover {background: #ffffff;color:#cccccc; background-position: center;}

/* classes per imatges */
.home {background: url(../img/vinos.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 #CCCCCC; margin: 0px 0px 30px 0px; padding: 0px 0px 30px 0px;}
#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: 500px;}




#continguts .persona img {
	background: #FFFFFF;
	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;
	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 {}
#continguts  form label {display: block; margin: 0px 0px 14px 0px;}
#continguts  form input {border: 1px solid #626262; margin: 0px; width: 95%;}
#continguts  form input.envia {
	cursor: pointer;
	margin: 10px 0px 0px 0px;
	width: 60px;
}

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