html{
	width:100%;
	margin: 0px;
	padding: 0px;
	text-align:center;
	background-color: #b0a69d;
	font-family: Trebuchet MS;
	font-size: 12px;
	line-height:120%;
	color: #7b7a7a;
}

 body{
	width:100%;
	margin: 0px;
	padding: 0px;
	text-align:center;
	font-family: Trebuchet MS;
	font-size: 12px;
	line-height:120%;
	color: #7b7a7a;
	background-color: white;
}

img{border:0px}

form { 
	margin:0px;
	font-family: Trebuchet MS;
	font-size: 12px;
	line-height:120%;
	color: #7b7a7a;
}

a{text-decoration:none;color:#7b7a7a}
a:hover{color: #fa9a1f; border-color:#fa9a1f}

a.nero, .nero {color:black}
a.bianco, .bianco {color:white}
a.grigio_chiaro, .grigio_chiaro {color:#bbb}
a.grigio_scuro, .grigio_scuro {color:#484848}
a.avana, .avana {color:#b0a69d}
a.arancione, .arancione {color:#fa911f}
a.arancione:hover{color:#6e6e6e}

a.email, .email{color: #7b7a7a}
a.email:hover{color:#b0a69d; text-decoration:underline}

a.credits{color:#fa9a1f}
a.credits:hover{text-decoration:underline}

.f10{float:left;width:9%;}
.f20{float:left;width:19%;}
.f25{float:left;width:20%;}
.f30{float:left;width:29%;}
.f35{float:left;width:34%;}
.f40{float:left;width:39%;}
.f45{float:left;width:43%; text-align:left;margin-right:10px;}
.f50{float:left;width:49%;}
.f55{float:left;width:54%; text-align:left}
.f60{float:left;width:59%;}
.f70{float:left;width:69%;}
.f80{float:left;width:79%;}
.f90{float:left;width:89%;}
.f100{float:left;width:99%;}

.d10{float:right;width:9%;}
.d20{float:right;width:19%;}
.d25{float:right;width:20%;}
.d30{float:right;width:29%;}
.d35{float:right;width:34%;}
.d40{float:right;width:39%;}
.d50{float:right;width:49%;}
.d55{float:right;width:54%;}
.d60{float:right;width:59%;}
.d70{float:right;width:69%;}
.d80{float:right;width:79%;}
.d90{float:right;width:89%;}
.d100{float:right;width:99%;}

	div#sopra{
		width:100%;
		height:133px;
		text-align:center;
	}
	div#testata{
	width:100%;
	height:287px;
	text-align:center;
	background:url(img/sf_testata.jpg) repeat-x;
	}
	div#div_flash{
		position:relative;
		top:7px;
		margin:0px auto;
		width:854px; height:241px;
	}
	div#div_menu_o{
		position:relative;
		margin:0px auto;
		width:913px;height:46px;		
		background:url(img/sf_menu.jpg) repeat-x top center;
		padding:0px;
	}
		div.voce_menu_o{
			float:right;
			color: #484848;
			padding:15px 40px 0px 40px;
			font-weight:bold;
		}
		div.voce_menu_o a{color: white; text-decoration:none;	}
		div.voce_menu_o a:hover{color: #484848;	cursor:pointer;}
		
	div#container{
		position:relative;
		width:100%;
		text-align:center;
		background:url(img/sf_contenuto.jpg) repeat-x top center;
	}
	
	div#prodotti{
		width:100%;
		text-align:center;
	}
		div#sopra_prodotti{
			position:relative;
			width:943px;
			height:130px;
			background:url(img/sf_menu_pro1_1.jpg) no-repeat 50px 0px;
			margin:0px auto;
			text-align:left;
			padding-left:60px;			
			padding-top:30px;
		}					
			div.voce_categoria{
				float:left;
				padding:10px 20px 0px 20px;
				margin:5px 0px 10px 0px;
				border-left:1px solid #d9d8d4;
				font-weight:bold;
				color:#fa911f;
				height:20px;
				line-height:100%;
			}
			div.voce_categoria a {color:#6e6e6e;}
			div.voce_categoria a:hover {color:#fa911f}	
			
			div.voce_minimenu{
				font-family: arial;
				color:#fa911f;
				float:left;
				font-weight:bold;
				padding-right:10px;
				margin:10px;				
				font-size:11px
			}		
			div.voce_minimenu a{
				color: #9a9a9a;
			}
			div.voce_minimenu a:hover{
				color:#fa911f;
			}	
			
		div#contenuto_prodotti{
			position:relative;
			width:100%;
			background:url(img/sf_prodotti.jpg) repeat-x top center;
			padding:20px 0px;
			min-height:300px;
			clear:both;
			
		}
	
	
	div#contenuto{
		width:1003px;
		margin:0px auto;
		text-align:left;
	}
		div#interna{
			position:relative;
			left:50px;
			width:903px;
			min-height:350px;
			text-align:left;
			
			font-family: Trebuchet MS;
			font-size: 12px;
			line-height:120%;
			color: #7b7a7a;
		}
		div#pre_footer{
			width:913px;
			margin:0px auto;
			height:60px;		
			background:url(img/loghino.jpg) bottom right no-repeat;
			clear:both;
		}	
	div#footer{
		width:100%;
		text-align:center;
		height:40px;		
		padding-top:10px;
		color:white;
		background-color: #b0a69d;
		clear:both;
	}			
	div#footer a{color: white; text-decoration:none;	}
	div#footer a:hover{color:#6e6e6e}
	
	div.titolo{
		font-size:14px;
		color: #6e6e6e;
		line-height:100%;
		padding-top:30px;
		font-weight:bold;
		text-align:left;
	}
	div.titolo2{
		font-size:14px;
		color: #6e6e6e;
		line-height:100%;
		font-weight:bold;
		text-align:left;
		padding-left:40px;
		padding-top:8px;
		background:url(img/mezzologo.jpg) no-repeat top left;
		height:50px;
	}
	
	div.sottotitolo{
		font-size:12px;
		color: #b0a69d;
		line-height:100%;
		font-weight:bold;
		margin-bottom:30px;
		text-align:left;
	}
	
	.testo{
		font-family: Trebuchet MS;
		font-size: 12px;
		line-height:120%;
		color: #7b7a7a;
	}
	
	div.elemento{
		width: 250px;
		height: 80px;
		padding:10px 0 0 50px;
		margin-top:10px;
		background:url(img/mezzologo.jpg) no-repeat top left;
	}
	
	div.mark{
		width: 190px;
		height: 70px;
		font-weight:bold;
		padding:10px 0 10px 50px;
		background:url(img/notizia_off.gif) no-repeat;
	}
	div.mark:hover{
		background:url(img/notizia_on.gif) no-repeat;
		cursor:pointer;
	}
	div.mark span:hover {cursor:pointer}

	
	div.notizia{
		position:absolute;
		top:0px;left:0px;
		width: 90%;
		height:300px;
		overflow:auto;
		padding:10px 20px 10px 50px;
		background:url(img/mezzologo_ar.gif) no-repeat top left;
		text-align:justify;
	}
	
	div.markp{
		width: 200px;
		height: 107px;
		font-weight:bold;
		padding:10px 0 10px 40px;
		background:url(img/offerta_off.gif) no-repeat;
	}
	div.markp:hover{
		background:url(img/offerta_on.gif) no-repeat;
		cursor:pointer;
	}
	div.markp span:hover {cursor:pointer}
	
	div.promozione{
		position:relative;
		top:0px;left:0px;
		width: 90%;
		min-height:100px;
		padding:40px 20px 10px 50px;
		background:url(img/mezzologo_ar.gif) no-repeat 60px 30px;
		text-align:justify;
		clear:both;
		margin-bottom:50px;
	}
	
	div.anteoff{
		width:100px;
		height:70px;
		text-align:center
	}
	img.anteoff{
		width:100px;
		height:70px;
		border:1px solid #afa59b;
	}
	img.anteoff:hover{
		border:1px solid #fa9a1f;
		cursor:pointer;
	}
	
	div.lineoff{
		float:right;
		width:88%;
		height:30px;
		margin:0px;
		line-height:90%;
		background:url(img/sf_cod.jpg) repeat-x center center;
	}
	
div.ante_o{ width:150px; height:100px;	}
img.ante_o{ width:150px; height:100px;	}

div.ante_v{ width:100px; height:150px;margin-left:25px;	}
img.ante_v{ width:100px; height:150px;	}

div.lista{
	background:url(img/lista.gif) no-repeat left top;
	padding:10px 0px 5px 30px;
}