html{
	width:100%;
	text-align:center;
	margin: 0px;padding:0px;
	text-align:center;
	font-family:Arial;
	font-size: 12px;
	line-height:160%;
	color: #777;
}

 body{
	width:100%;
	padding:0px;
	margin:0px auto;	
	text-align:center;
	background-color:white;
}

img, form {border:0px;}

#intro{	
	position:relative;
	width:983px;
	height:570px;
	margin:0px auto;
	text-align:center;
	border:10px solid #f2f2f2;
}

#container{	
	position:relative;
	width:1003px;
	margin:0px auto;
	text-align:left;
	color:#777;
	background-color:#f2f2f2;
}

#sopra{
	position:relative;
	width:1003px;height:90px;
	background-color:white;
	margin:0px auto;
	padding:0;
}
	#logo_sopra{
		float:left;
		width:104px;height:90px;
		background:url(img/logo_sopra.jpg);
	}
	#spazio_menu{
		float:left;
		width:710px;
	}
		#bianco{
			position:relative;
			width:700px;
			height:60px;
		}
		#menu_sopra{
			position:relative;
			height:30px;
		}
		#menu_sopra div.voce_menu {
			float:left;
			padding:10px 10px 7px 10px;
			color:#13507c;
		}
		#menu_sopra div.voce_multimenu {
			float:left;
			padding:10px 20px 7px 20px;
			height:14px;
			text-align:center;
			cursor:pointer;
			background-position:center bottom;
			background-repeat:no-repeat;
		}
			#menu_sopra div a{color:#777777}
			#menu_sopra div a:hover{color:#13507c}
	#meteo{
		float:right;
		width:189px;height:90px;
		/*background:url(img/sf_meteo.jpg) top center no-repeat*/
	}

#testata{
	position:relative;
	width:989px;height:316px;
	margin:0px auto;
	background:url(img/sf_testata.jpg) no-repeat right top white;
}
	#flash_testata{
		position:absolute;
		top:0px;left:0px;
		width:808px; height:316px;
	}	
	#flash_testata div{
		position:absolute;
		top:0px;left:0px;
		width:808px; height:316px;
		z-index:100;
	}
	
	#div_lingue{
		position:absolute;
		top:0px; left:8px;
		width:74px;
		height:20px;
		background:url(img/linguetta.gif) no-repeat;
		z-index:200;
		text-align:center;
		line-height:100%;
	}
	
	#div_submenus{
		position:absolute;
		top:0px; left:158px;
		height:200px;
		z-index:200;
	}	
	#div_submenus div.sub{
		position:absolute;
		top:0px;
		visibility:hidden;
		background:url(img/menu/sf_submenus.png);
		width:130px;
		padding:10px;
		font-style:italic;
		font-size:13px;
	}
	#div_submenus div a{ color:white}
	#div_submenus div a:hover{color:#13507c}
	
	#contenuto_est{	
		float:left;
		width:989px;
		background:#f2f2f2;
		padding:0px 7px 7px 7px;
	}
	
	#contenuto_int{	
		float:left;
		width:989px;
		background:white;
		border-bottom:1px solid #ccc;
		padding:0px;
		text-align:justify;
	}
	
	#box_mappa_home{
		float:left;
		width:225px;
		height:225px;
		text-align:center;
		background:url(img/puntini_v.gif) no-repeat center right;
		padding:30px 0px;
		margin-right:5px;
	}
	
	.box_home{
		float:left;
		width:282px;
		height:225px;
		text-align:center;
		background:url(img/sf_box_home.gif) no-repeat center right;
		padding:30px 0px 30px 5px;
	}
	
	#flash_mappa{
		position:relative;
		margin:0px auto;
		padding-top:30px;
		width:710px;
		height:638px;
	}
	
	#footer{
		position:relative;
		width:1003px;
		margin:0px auto;
		text-align:center;
		color:#777777;
	}
	
	#footer div{padding:10px 0px}

a{text-decoration:none;color:#777777}
a:hover{color: #13507c; border-color:#13507c}

a.nero, .nero {color:black}
a.bianco, .bianco {color:white}
a.grigio_scuro, .grigio_scuro {color:#383838}
a:hover.grigio_scuro {color:#13507c}
a.grigio, .grigio {color:#777777}
a:hover.grigio {color:#13507c}
a.grigio_chiaro, .grigio_chiaro {color:#ccc}
a.blu, .blu {color:#13507c}
a.blu:hover{color:#777777}

a.rosso_i, .rosso_i {color:#777}
a.rosso_i:hover{color:#de0031}

.rosso{color:#de0031}

a.grigioanero, .grigioanero {color:#777777}
a:hover.grigioanero {color:#000}

a.email, .email{color: #383838}
a.email:hover{color:#13507c; text-decoration:underline}

.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}
.t34{font-size:34px}

.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:24%;}
.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%;}
.f75{float:left;width:74%;}
.f80{float:left;width:79%;}
.f85{float:left;width:84%;}
.f90{float:left;width:89%;}
.f100{float:left;width:99%;}

.d10{float:right;width:9%;}
.d15{float:right;width:14%;}
.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%;}
.d45{float:right;width:44%;}
.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%;}

.titolo{
	font-size:18px;
	color:#13507c;
	font-weight:bold;
}
.sottotitolo{
	font-size:13px;
	color:#13507c;
	font-style:italic;
	font-weight:bold;
}

div.fake_r{
	position:relative;
	width:100%;
	top:0px;left:0px;
}
div.fake_a{
	position:absolute;
	width:100%;height:100%;
	top:0px;left:0px;
}

.sn{ text-align:left;}
.ds{ text-align:right;}
.ce{ text-align:center;}
.ju{ text-align:justify;}

.myi{font-style:italic}

div.regolamento{
	background:url(img/sf_regolamento0.gif);
	text-align:left;
	cursor:pointer;
	padding:5px;
	width:160px;height:20px;
	margin:2px 0px;
}
div.hotel{
	float:left;
	cursor:pointer;
	width:174px;height:160px;
	background-repeat:no-repeat;
	margin:2px 1px 1px 1px;
}

div.hotel_text{
	position:absolute;
	top:0px;
	padding-top:20px;
	height:140px;
	text-align:left;
	color:#555;
	line-height:140%;
	visibility:hidden;
}
div.hotel_text a{	color:#aaa;}
div.hotel_text a:hover{color:#777}

div.tariffa{
	/*float:left;	margin:15px;*/
	position:relative;margin:15px auto;
	width:413px;
}
div.tariffa div.titolo{
	position:relative;
	width:383px;height:27px;
	background:url(img/sf_tariffe0.gif);
	color:#13507c;
	font-weight:bold;
	font-size:13px;
	text-align:left;
	padding:8px 0px 5px 30px;
	cursor:pointer;
}

div.tariffa div.contenuto div.riga{
	position:relative;
	width:413px;height:20px;
	padding:2px 0px;
}
div.tariffa div.contenuto div div.deco{
	background-color:#13507c;
	margin:5px 1px 1px 1px;
	float:left;width:49%;
	height:20px
}

div#foto_big{
	position:relative;
	margin:10px auto;
	padding:8px 0px;
	width:416px;
	border:1px solid #ccc;
	cursor:pointer;
}
div#foto_big img{
	width:400px;
	border:8px solid white;
	cursor:pointer;
}

div#foto_scroll{
	position:relative;
	height:80px;width:660px;
	margin:50px auto;
}
div#slide_foto{
	float:left;
	width:600px;
	height:80px;
}
div#int_foto{
	position:relative;
	top:0px;width:0px;
	width:600px;
	height:80px;
}

div.ante_slide{
	float:left;
	width:104px;
	height:74px;
	border:1px solid #ccc;
	float:left;
	margin:0px 5px;
	cursor:pointer;
}
div.ante_slide img{
	width:100px;
	height:70px;
	border:2px solid white;
}

div.menu_gal{
	margin:4px 0px;
	text-align:left;
	padding:10px;
	font-style:italic;
	cursor:pointer;
}

div.mese{
	float:left;
	width:30px;
	height:100px;
	margin:1px;
}

div.comunicato{
	padding:15px 30px; 
	background:url(img/puntini_o.gif) repeat-x bottom center;
	line-height:120%;
	width:70%;
	margin:0px auto;
	text-align:left;
}

div.gara{
	float:left;
	width:450px;
	text-align:left;
}
div.gara div{position:relative;width:420px;}
div.gara div.up {height:40px;padding:5px 15px 30px 15px}
div.gara div.up div{width:50%;}
div.gara div.dw {background:url(img/puntini_o.gif) repeat-x bottom center;padding:0px 15px 15px 15px;height:60px;}
div.gara0{background:url(img/puntini_v.gif) repeat-y center right}
div.gara1{}