html, body { margin:0px auto; padding:0px; background: #e5951c; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:14px; text-align:center; }
h1 { margin:0px auto; padding:0px; }

tr { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; line-height: 18px; }



#main { float:left; }

#site { margin:0px auto; text-align:center; width: 820px; }

#left { width:100px; margin:0px; padding:0px; float:left; position:relative; }

#contatti { width:83px; margin:300px 0px 0px 0px; padding:0px; float:right; position:relative; }
	#contatti span { display:none; }		
	a.contatti { float: right; width: 83px; height: 187px; background: transparent url(images/btn_contatti_1.jpg) 0 0 no-repeat; border: none; position: relative; }
	a.contatti:hover { background-position: bottom; }
	
#language { width:83px; margin:0px 0px 0px 0px; padding:0px; float:right; position:relative; }
	#language span { display:none; }	
	a.language { float: right; width: 62px; height: 79px; background: transparent url(images/btn_uk.jpg) 0 0 no-repeat; border: none; position: relative; }
	a.language:hover { background-position: bottom; }

#mit { width:21px; margin:20px 0px 0px 0px; padding:0px; float:right; position:relative; }
	#mit span { display:none; }		
	a.mit { float: right; width: 21px; height: 88px; background: url(images/btn_mit.jpg) 0 0 no-repeat; border: none; position: relative; }
	a.mit:hover { background-position: bottom; }



#center { width:471px; margin:0px; padding:0px; float:left; position:relative; background: url(images/background_header.jpg) no-repeat; }

#header { width:100%; height: 156px; margin:0px; padding:0px; float:left; position:relative; }
	#header span { display:none; }	
	#header a { width: 155px; height: 124px; display: block; margin: 0px auto; background:url(images/btn_logo.jpg) no-repeat; }
	#header a:hover { background-position: bottom; }
	

#links { width:100%; height: 74px; margin:0px; padding:0px; float:left; position:relative; background: url(images/background_link.jpg) no-repeat; }
	#links span { display:none; }
	#links a { width:108px; height:44px; display:block; position:relative; float:left; top:15px; left:42px; margin-right:34px; }
	
	#links .btn_societa a {  background:url(images/btn_societa.jpg) no-repeat;  }
	#links .btn_societa a:hover { background-position: bottom; }
	
	#links .btn_filosofia a {  background:url(images/btn_filosofia.jpg) no-repeat;  }
	#links .btn_filosofia a:hover { background-position: bottom; }
	
	#links .btn_marchi a {  background:url(images/btn_marchi.jpg) no-repeat;  }
	#links .btn_marchi a:hover { background-position: bottom; }


#box { width:100%; margin:0px; padding:0px; float:left; position:relative; background-color:#742809; }


#contenuti { width:427px; margin:0px; padding:0px; float:left; position:relative; background: url(images/background_page.jpg) repeat-y; margin-left:3px; }
#contenuti p { width:100%;  margin:0px; padding:0px; float:left; position:relative; margin-top:10px; text-align:justify; color:#170b04; }
#contenuti b { color:#743416; }

.testo { width:380px; margin:0px; padding:0px; float:left; position:relative; left:22px; margin-top:5px; }
	.testo p { width:100%;  margin:0px; padding:0px; float:left; position:relative; text-align:justify; color:#170b04; font-size:12px; }
	.testo b { color:#743416; }
	.testo a { color:#743416; font-weight:bold; text-decoration:none; }
	.testo a:hover { color:#170b00; font-weight:bold; text-decoration:none; }
	
#rivenderla p { width: 180px;  margin:17px 0px 0px 8px; padding:0px; float:left; position:relative; text-align:justify; color:#170b04; font-size:12px; }
#proporla p { width: 180px;  margin:17px 0px 0px 8px; padding:0px; float:left; position:relative; text-align:justify; color:#170b04; font-size:12px; }



	

#right { width: 159px; height: 700px; margin:0px; padding:0px; float:left; position:relative; background: url(images/background_right.jpg) no-repeat; }
#right span { display:none; }
	
	#biretta { width:103px; height: 158px; margin: 96px 0px 0px 0px; padding:0px; float:left; position:relative; }
	#biretta a { width:103px; height:158px; display:block; position:relative; float:left; }
	#biretta .btn_biretta a {  background:url(images/btn_biretta.jpg) no-repeat;  }
	#biretta .btn_biretta a:hover { background-position: bottom; }
	
	#birra_roma { width: 159px; height: 136px; margin:0px; padding:0px; float:left; position:relative; }
	#birra_roma a { width: 159px; height: 136px; display:block; position:relative; float:left; }
	#birra_roma .btn_birra_roma a {  background:url(images/btn_birra_roma.jpg) no-repeat;  }
	#birra_roma .btn_birra_roma a:hover { background-position: bottom; }

	#stabilimento { width: 103px; height: 107px; margin: 39px 0px 0px 0px; padding:0px; float:left; position:relative; }
	#stabilimento a { width: 103px; height: 107px; display:block; position:relative; float:left; }
	#stabilimento .btn_stabilimento a {  background:url(images/btn_stabilimento.jpg) no-repeat; }
	#stabilimento .btn_stabilimento a:hover { background-position: bottom; }
	
	#locale { width: 103px; height: 107px; margin: 0px; padding:0px; float:left; position:relative; }
	#locale a { width: 103px; height: 107px; display:block; position:relative; float:left; }
	#locale .btn_locale a {  background:url(images/btn_locale.jpg) no-repeat; }
	#locale .btn_locale a:hover { background-position: bottom; }
	
	#facebook_02 { width: 34px; height: 45px; margin: 105px 0px 0px 0px; padding:0px; float:left; position:relative; left: -93px; }
	#facebook_02 a { width: 34px; height: 45px; display:block; position:relative; float:left; }
	#facebook_02 .btn_facebook a {  background:url(images/facebook_02.jpg) no-repeat; }
	#facebook_02 .btn_facebook a:hover { background-position: bottom; }
	
	#twitter { width: 34px; height: 45px; margin: 0px 0px 0px 0px; padding:0px; float:left; position:relative; }
	#twitter a { width: 34px; height: 45px; display:block; position:relative; float:left; }
	#twitter .btn_twitter a {  background:url(images/twitter.jpg) no-repeat; }
	#twitter .btn_twitter a:hover { background-position: bottom; }



	.btn_tuttostore a { width: 209px; height: 88px; display:block; position:relative; float:right;  background:url(images/tuttostore.jpg) no-repeat; margin-top: 25px; right: 10px; }
	.btn_tuttostore a:hover { background-position: bottom; }
	.btn_tuttostore span { display: none; }
	
	.btn_vai a { width: 174px; height: 88px; display:block; position:relative; float:left;  background:url(images/vai.jpg) no-repeat; margin-top: 25px; }
	.btn_vai a:hover { background-position: bottom; }
	.btn_vai span { display: none; }
	
	.btn_fermentatori a { width: 366px; height: 105px; display:block; position:relative; float:left;  background:url(images/btn_fermentatori.jpg) no-repeat; margin-top: 25px; margin-left: 25px; }
	.btn_fermentatori a:hover { background-position: bottom; }
	.btn_fermentatori span { display: none; }
	
	.btn_vai_02 a 		{ width: 241px; height: 177px; display:block; position:relative; float:right;  background:url(images/btn_demarco.png) no-repeat; border: 0px; }
	.btn_vai_02 a:hover { background-position: bottom; }
	.btn_vai_02 span 	{ display: none; }
	
	

#linea { width:380px; margin:0px; padding:0px; float:left; position:relative; left:22px; margin-top:5px; }
	#linea span { display:none; }
	#linea a { width:118px; height:118px; display:block; position:relative; float:left; }
	
	#linea .btn_nab_chiara a { background:url(images/nab_chiara.png) no-repeat; }
	#linea .btn_nab_chiara a:hover { background-position: bottom; }
	
	#linea .btn_nab_rossa a { background:url(images/nab_rossa.png) no-repeat; }
	#linea .btn_nab_rossa a:hover { background-position: bottom; }
	
	#linea .btn_nab_natale a { background:url(images/nab_natale.png) no-repeat; }
	#linea .btn_nab_natale a:hover { background-position: bottom; }
	
	
#modulo { width:99%; margin:30px 0px 0px 0px; float:left; position:relative; padding:0px; left:25px; }		

textarea { font-size: 12px; border: 1px solid #6f1d00; background-color:#ece5b8; float:left; margin:0px; padding: 3px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; }
input { font-size: 12px; border: 1px solid #6f1d00; background-color:#ece5b8; float:left; width:160px; display:block; margin:0px; padding: 3px; }
label { font-size: 12px; text-align: left; font-weight: bold; width: 160px; color: #37200e; margin:5px 0px 0px 0px; padding:0px; display:block; float:left; }
form { float: left; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 15px; }
form_birra { float: left; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 15px; background-color:#CC6600; }
.invia { float: right; width:160px; height:49px; background:url(../resources/images/invia.jpg); border:none; margin: 10px 40px 10px 0px; cursor:pointer; }
.error { background-color:#ef9e3d; }


.testo_formz { width: 200px; float: left; color:#170b04; font-size:9px; }


.gallery { width: 92%; left:15px; float:left; position:relative; margin-bottom: 20px; }
.gallery img { margin:3px; border: 0px;  }



	.btn_facebook a { width: 150px; height: 63px; display:block; position:relative; float:right;  background:url(images/facebook.jpg) no-repeat; right: 10px; }
	.btn_facebook a:hover { background-position: bottom; }
	.btn_facebook span { display: none; }

