@charset "utf-8";
/* CSS Document */

body { background-color: #f0f9fc;
	background-image: url(images/sf_mare.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	font-family: Trebuchet MS;
	font-size: 11px;}
	
p { font-family: Trebuchet MS;
	font-size: 11px;
	color: #666666;}
	
#main { width: 904px;
	margin: 0px auto;
	height: auto;
	background-image: url(images/sfumatura_main.png);
	background-position: left;
	background-repeat: no-repeat;
	overflow: hidden;}

/*top*/
#top { width: 904px;
	height: 365px;
	margin: 0 auto;
	float: left;}
.left_top { width: 354px;
	height: 374px;
	float: left;}
.right_top { width: 518px;
	height: 374px;
	float: left;
	background-image:url(images/destra_top.png);
	background-repeat: no-repeat;}
	
.box_cartolina {
	height: 170px;
	width: 326px;
	float: left;
	margin-top: 20px;}
.box_cartolina p { color: #FFFFFF;}

/*MENU IN ALTO*/
#menu { width: 842px;
	height: 30px;
	background-color: #AAD7E5;
	border-bottom: 1px solid #97ccdd;}
	
#menu p { font-family: Trebuchet MS;
	font-size: 14px;
	color: #577890;
	MARGIN: 9PX;
	text-align: center;}
#menu a {font-family: Trebuchet MS;
	font-size: 13px;
	color: #577890;
	text-decoration: none;}
#menu a:hover {font-family: Trebuchet MS;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;}

#content { width: 842px;
	background-color: #FFFFFF;
	overflow: hidden;
	margin: 0 auto;
	background-image: url(images/sf_content.jpg);
	background-repeat: repeat-y;}
	
/*colonna sinistra*/
#left { width: 326px;
	background-color: #e4e4e4;
	float: left;
	background-image: url(images/vela.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	height: auto;}
	
.content_left { width: 287px;
	margin: 0 auto;
	margin: 20px auto 30px auto;}
	
.banner1 { width: 287px;
	height: 130px;
	text-align: center;
	border: 1px solid #666666;
	margin-bottom: 10px;}
	
.banner2 { width: 287px;
	height: 130px;
	text-align: center;
	border: 1px solid #666666;}
	
.menu_left { width: 287px;
	margin: 10px auto;}
	
.vocemenu_left { width: 287px;
	height: 35px;
	background-image: url(images/sf_menu.jpg);
	background-repeat: no-repeat;
	padding: 1px;}
.vocemenu_left p{ margin: 6px 6px 6px 15px;} 
.vocemenu_left a { color: #577890;
	font-size: 14px;
	text-decoration: none;}
.vocemenu_left a:hover { color: #88a4b8;
	font-size: 14px;
	text-decoration: none;}
	
/*BOX EVENTI*/
#eventi { width: 287px;
	margin: 0 auto;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	background-image: url(images/top-box2.png);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 5px;}
#eventi p { margin: 5px;
	color: #999999;}
.titolo_box { color: #FFFFFF;
	font-size: 13px;
	padding-left: 30px;
	padding-top: 20px;}


/*COLONNA DESTRA*/
#right { width: 516px;
	background-color: #FFFFFF;
	float: right;}
.content_right { width: 488px;
	margin: 20px auto 10px auto;}


.testi { width: 470px;
	background-image: url(images/sf_testi.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	margin: 0 auto 5px auto;}
.testi p { padding: 0 5px 5px 5px;}
.testi h1 { padding: 0 5px 5px 5px;
	font-size: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #BCCC31;}

h2 { font-size: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #577890; }

	
/*BOX HOTEL*/
#box_hotel { width: 104px;
	height: 135px;
	float: left;
	text-align: center;
	margin: 2px 8px 2px 8px;
	background-image: url(images/sf_box.jpg);
	background-repeat: no-repeat;}
.foto-hotel { padding-top: 9px;
	margin: 0 auto;
	clear: both;}
.stelle { margin: 0 auto;
	height: 28px;}

/*footer*/
#footer { width: 904px;
	margin: 0px auto;
	background-image: url(images/bottom.jpg);
	background-repeat: no-repeat;
	height: 30px;
	clear: both;}
.testo_footer { width: 830px;
	margin: 0px auto;
	text-align: center;
	color: #dbe394;
	padding-top: 10px;}
.testo_footer a { color: #dbe394;
	text-decoration: none;}
.testo_footer a:hover { color: #FFFFFF;
	text-decoration: none;}
.yykk { padding-left: 50px;}
	
	
	
/*SCHEDA HOTEL */
.foto_hotel { border-top: 5px solid #FFFFFF;
	border-right: 5px solid #FFFFFF;
	border-left: 5px solid #FFFFFF;
	border-bottom: 30px solid #FFFFFF;}

#servizi { width: 287px;
	margin: 0 auto;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	background-image: url(images/top-box.png);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 5px;}
#servizi p { margin: 5px;
	color: #999999;}
.titolo_box { color: #FFFFFF;
	font-size: 13px;
	padding-left: 30px;
	padding-top: 20px;}
.titolo_hotel { font-size: 21px;
	color: #FF6600;}
.indirizzo { color: #959595;}
.tel_fax { color: #587882;}
.mail { color: #3992AE;
	text-decoration: underline;}
.mail:hover{ color: #45a3c1;
	text-decoration: underline;}
	
	
	
	
.border { background-color: #f7fdfe;
	border: 1px solid #cccccc;}
.aree_scheda { height: 27px;
	background-image: url(images/sf_listino.jpg);
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-size: 14px;
	padding: 5px;
	margin: 10px auto;}
.offerte { font-size: 13px;}

#gallery { width: 287px;
	margin: 0 auto;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	background-image: url(images/top-box3.png);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 5px;
	height: 130px;}
#gallery p { margin: 5px;
	color: #999999;}
.mini { height: 84px;
	width: 84px;
	border: 1px solid #666666;
	float: left;
	margin: 3px;}

.border { background-color: #FFFFFF;
	border: 1px solid #999999;
	margin: 0px;
	padding: 0px;
	margin: 5px auto 10px auto;}
.border td{ border-bottom: 1px solid #cccccc;}
.sf_td1{ background-image: url(images/sf_colonnagiallo.jpg);
	background-repeat: repeat-y;
	background-position: left;}
.sf_td2{ background-image: url(images/sf_colonnagrigio.jpg);
	background-repeat: repeat-y;
	background-position: left;}
/*td { border-bottom: 1px solid #cccccc}
td.noborder {}*/
.date { color: #999999;}

.padding-rightbottom { padding-right: 10px;
	padding-bottom: 10px;}
.news {width: 470px;
	border-bottom: 1px solid #cccccc;}
	
img.border-all { border: 1px solid #666666;
	margin: 5px;}

.pagine_elenco { width: 470px;
	margin: 10px auto;
	min-height: 180px;
	background-image: url(images/bg_elenco.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 10px;}
.pagine_elenco h1 { color: #666666;
	font-size: 16px;
	font-weight: normal; }

.padding-left { padding-left: 5px;}