html{
	width:100%;
	text-align:center;
	margin: 0px;padding:0px;
	text-align:center;
	font-family:Trebuchet MS;
	font-size: 12px;
	line-height:140%;
	background:url(img/sf_sito.jpg) repeat-x top center #63594d;
	color: #fff;
}

 body{
	width:100%;
	padding:0px;
	margin:0px auto;	
	text-align:center;
	background:url(img/sf_sito.jpg) repeat-x top center #63594d;
	color:#fff;
}

#container{	
	position:relative;
	width:902px;
	border-top:0px;
	margin:0px auto;
	text-align:center;
	background-color:#f2efe6;
	color:#333;
}

	#sopra{	
		float:left;
		width:902px;
		height:108px;
		text-align:center;
		background:url(img/sf_sopra.jpg) repeat-x center top;
	}	 
	#div_flash{	
		float:left;
		width:900px;
		height:320px;
		border-left:1px solid black;
		border-right:1px solid black;
	}	 
	#sotto{	
		float:left;
		width:900px;
		height:74px;
		background:url(img/sf_sotto.jpg) repeat-x center top;
		border-left:1px solid black;
		border-right:1px solid black;
	}	 
	
	#contenuto{	
		float:left;
		width:900px;
		text-align:center;
		line-height:160%;
		background-color:#f2efe6;
		border-left:1px solid black;
		border-right:1px solid black;
	}	 
		#menu{
			float:left;
			width:210px;
			padding:60px 5px;
		}
			div.voce_menu{
			position:relative;
			padding:5px 10px;
			width:180px;
			color: #50c5ce;
			text-align:left;
			border-bottom:1px solid #d9d9d1;
			}
			div.voce_menu a{color: #6a6964; text-decoration:none;	}
			div.voce_menu a:hover{ color: #50c5ce;cursor:pointer; }
			div.voce_menu_ext{
			position:relative;
			padding:5px 10px;
			width:180px;
			color: #50c5ce;
			text-align:left;
			border-bottom:1px solid #d9d9d1;
			}
			
		#tit_links{
			position:relative;			
			width:180px;height:60px;
			margin-top:40px;
			padding:0px 10px;
			text-align:left;
			border-bottom:1px solid #d9d9d1;
		}		
			div.voce_link{
			position:relative;
			padding:5px 10px;
			width:180px;
			color: #6a6964;
			text-align:left;
			border-bottom:1px solid #d9d9d1;
			font-style:italic;
			}
			div.voce_link a{color: #6a6964; text-decoration:none;	}
			div.voce_link a:hover{ color: #7f1215;cursor:pointer; }
			
	div.fake_r{ position:relative;top:0px;left:0px;width:100%;height:100%; }
	div.fake_a{ position:absolute;top:0px;left:0px;width:100%;height:100%;  }
			
		#ns_scroll{
			float:left;
			width:660px;height:60px;
			margin-top:7px;
			border-left:1px solid #ccc9c4;
		}
		#slide_ns{
			float:left;
			width:605px;height:60px;
		}
		#scroll_ns_a{
			position:absolute;
			top:0px;left:0px;
			width:610px;height:60px;
		}
		div.notizia_ns{
			float:left;
			width:290px;height:60px;
			visibility:hidden;
			padding-left:10px;
			padding-top:4px;
		}
		
		#interna{
			float:left;
			width:630px;
			padding:60px 20px 30px 20px;
			color:black;
			text-align:center;
		}		 
			
		div.albergo{
			position:relative;
			width:99%;
			height:110px;
			margin-bottom:20px;
			border-bottom:1px solid #d9d9d1;
		}
		div.albergo div{float:left;text-align:left}
		div.albergo div a{color: #6a6964;}
		div.albergo div a:hover{color: black;}
		
		div.notizia{
			position:relative;
			width:99%;
			height:80px;
			margin-bottom:20px;
			border-bottom:1px solid #d9d9d1;
		}
		div.notizia div{float:left;text-align:left}
		
				
		div.ristorante{
			position:relative;
			width:69%;
			height:30px;
			margin-bottom:20px;
			padding-left:25%;
			border-bottom:1px solid #d9d9d1;
			font-weight:bold;
		}
		div.ristorante a{color: black}
		div.ristorante a:hover{color: #7f1215}
		
		div.tutte{
			position:relative;
			width:95%;height:40px;
			margin-bottom:20px;
			border-bottom:1px solid #d9d9d1;
			font-weight:bold;
			padding-left:5%;
		}
		
		div#div_flash_magazine{
			position:relative;
			margin:40px auto;
			width:607px;
			height:541px;
		}
		
		
		#foto_big{
			position:relative;
			background-position:center center;
			background-repeat:no-repeat;
			margin:0px auto;
			text-align:center;
			border:10px solid #e9e6dd;
		}
		#foto_tit{
			left:0px;
			position:relative;
			height:40px;
			width:98%;
			text-align:right;
			color:white;
			font-style:italic;
		}
		
		#foto_scroll{
			position:relative;
			width:620px;height:106px;
			margin:40px auto;
		}

		#slide_foto{
			float:left;
			width:560px;height:106px;
			text-align:center;
		}	
		#slide_foto div.inter{
			position:absolute;
			width:560px;
			height:106px;
			text-align:center;
		}
	
		div.cornice_sn{
			width:13px;height:106px;
			float:left;
			background:url(img/ombra-sn.jpg) no-repeat 6px 0px;
		}
		div.ante_slide{
			background:url(img/ombra_v.jpg) repeat-x;
			height:86px;
			padding:10px 0px;
			float:left;
			cursor:pointer;
		}	
		div.ante_slide img{
			height:80px;
			border:3px solid white;
		}
		div.cornice_ds{
			width:12px;height:106px;
			float:left;
			background:url(img/ombra-ds.jpg) no-repeat 0px 0px;
		}
		
		div#slide_arch{
			float:left;
			width:230px;height:31px;
			color:black;
			font-weight:bold;
		}
		div#slide_arch a{ color: #6a6964;}
		div#slide_arch a:hover{ color: black;}

		#div_loghi{	
			float:left;
			clear:both;
			width:900px;
			height:150px;
			padding-top:6px;
			background:url(img/sf_div_loghi.jpg) repeat-x center top #1c1c1c;
			border-bottom:1px solid black;
		}	 
		#div_loghi div{float:left; height:156px;}
		
		#footer{	
			position:relative;
			margin:0px auto;
			clear:both;
			width:900px;
			height:106px;
			text-align:center;
			color:#9f9687;
			padding-top:20px;
			border-top:1px solid #4c463a;
		}	 
		#footer div a{color: white}
		#footer div a:hover{color:#9f9687;}

img{border:0px}

form { 
	margin:0px;
	font-family: Arial;
	font-size: 12px;
	line-height:120%;
	color: #6a6964;
}

a{text-decoration:none;color:#6a6964}
a:hover{color: #50c5ce; border-color:#50c5ce}

a.nero, .nero {color:black}
a.nero:hover{color:#9f9687}
a.bianco, .bianco {color:white}

a.grigio_scuro, .grigio_scuro {color:#6a6964}

a.grigio, .grigio {color:#6a6964}
a.grigio:hover{color:#9f9687}

a.grigio_chiaro, .grigio_chiaro {color:#bfb6a7}

a.azzurro, .azzurro {color:#50c5ce}
a.azzurro:hover{color:#6a6964}

a.marrone, .marrone {color:#63594d}

a.rosso, .rosso {color:#7f1215}
a.rosso:hover{color:#9f9687}

a.rosso_i{color:#6a6964}
a.rosso_i:hover{color:#7f1215}

a.email, .email{color: #6a6964}
a.email:hover{color:#50c5ce; text-decoration:underline}

a.vai{color:black;font-size:15px;font-weight:bold;margin-top:2px}
a.vai:hover{color: #50c5ce;}

.t11 {font-size:11px}
.t13 {font-size:13px}
.t14 {font-size:14px}
.t15 {font-size:15px}
.t16 {font-size:16px}
.t18 {font-size:18px}
.t20 {font-size:20px}
.t30 {font-size:30px}

.f2{float:left;width:2%;}
.f5{float:left;width:5%;}
.f10{float:left;width:9%;}
.f15{float:left;width:14%;}
.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%;}
.f50{float:left;width:49%;}
.f55{float:left;width:54%;}
.f60{float:left;width:59%;}
.f65{float:left;width:64%;}
.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%;}
.d85{float:right;width:84%;}
.d90{float:right;width:89%;}
.d100{float:right;width:99%;}

.sn{ text-align:left;}
.ds{ text-align:right;}
.ce{ text-align:center;}
.ju{ text-align:justify;}

.myi{ font-style:italic}

ul{
	padding:5px;
	margin:5px;
}
ul li {	font-weight:bold;}
ul li a{ color:#50c5ce }
ul li a:hover{ color: #7f1215}
ul li ul { font-weight: normal}
ul li ul li a {color: black }
ul li ul li a:hover {color: #7f1215}
ul li ul li ul li{  list-style-type: none}
ul li ul li ul li a{ color:#6a6964;}
ul li ul li ul li a:hover{  color: #7f1215}

ul.magazine li {
	list-style-type:none;
	background-image: url(img/list.jpg);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding:2px 0px 2px 20px;	
	font-weight:normal;
	color:black;
	cursor:pointer;
}
ul.magazine li:hover{
	font-weight:normal;
	color:#7f1215;
}







	

	