/* CSS Document */

* {margin:0;padding:0} 

body{
	background: #FFFFFF url(../immagini/fondo_hotel_zodiaco_sky_01.jpg) repeat-y center top;
	color:#1274a9; 
	font-size:0.7em;
	text-align:center;
}

a{ text-decoration: none;}

html{ font-family: Georgia, "Times New Roman", Times, serif;}

ul{ padding-left:15px;}

#container{
	width:960px;
	margin:0 auto;
	margin-top: 29px;
	text-align:left;
	background:url(../immagini/fondo_parte_centrale.jpg) top center;
}

#cont_head{
	width:960px;position:relative;
	margin:0 auto;
	text-align:left;
}

#header{
	position:relative;
	top: 29px;
	left: 50%;
	margin-left:-470px;
	width:930px; 
	height: 250px;
	padding: 5px;
	background:url(../immagini/hotel_zodiaco_04.jpg);
	font-size: 18px;
	text-transform:uppercase;
	color:#FFFFFF;
	text-align: center;
}

#menu-header{
	position:relative;
	top: 29px;
	left: 50%;
	margin-left:-470px;
	height:18px; 
	width:930px; 
	padding: 5px;
	background:url(../immagini/hotel_zodiaco_05.jpg);
	font-size: 16px;
	text-transform:uppercase;
	color:#FFFFFF;
	text-align: center;
}


#logo{
	position: absolute;
	left: 30px;
	top: 111px;
	height:118px;
	width:200px;
	z-index: 200;
}


/*#logo img {behavior:url("../pngbehavior.htc");}*/


#form-contatti{
	position:relative;
	top: 29px;
	left: 50%;
	margin-left:-470px;
	height:21px; 
	width:932px; 
	padding: 3px 4px;
	background-image:url(../immagini/hotel_zodiaco_06.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color:#003476;
	text-align: left;
}

#newsletter{
	position: absolute;
	top: 0px;
	right: 0px;
	height:21px; 
	width: 336px; 
	padding: 3px 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color:#003476;
	text-align: left;
}

* html #form-contatti{bottom:8px;}
#link-head{margin-top:5px;}

#blocco-scrittaalta{
	position:absolute;
	top:0px;
	right	: 50%;
	height: 9px;
	margin-right: -470px;
	padding: 10px;
	width:920px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	color: #001e46;
	font-size: 0.7em;
	text-transform:uppercase;
}

#blocco-lang{
	position:absolute;
	top:0px;
	right: 50%;
	height: 21px;
	margin-right: -470px;
	padding: 1px 10px;
	width:940px; 
	text-align:right;
	color: #001e46;
	font-size: 0.7em;
}
#sn{
	position:absolute;
	top:3px;
	left:500px;
	z-index:99;
	}
#sn img{ border:none; margin-right:2px;}

#blocco-lang a img{	border: 1px solid #000066; margin: 5px;}
#blocco-lang a:hover img {	border: 1px solid #FFF;}

div#menu-header ul{list-style-type: none;margin: 0;padding: 0;white-space: nowrap}
div#menu-header li{display: inline;margin: 0;padding:0; font-size:1em}

div#menu-header li#spazio-dx a{margin-right:200px;}
div#menu-header li a{ font-size:12px;text-decoration: none;padding: 0px 0.3em;color: #FFF;}
div#menu-header li a:hover {text-decoration: none;padding: 0px 0.3em;color: #FFFF66;}
div#menu-header li#activelink a{color: #F00;}

#wrapper{float:left;width:100%;}

div#content{
	margin: 0 180px 0 220px;
	padding:0.5em 1em;
	text-align:justify;
}

* html div#content{margin: 0 175px 0 215px;}/*IE 6*/

div#content_banner{float:left;width:160px;margin-left:-170px; margin-top: 2px;}
#menu-sx{float:left;width:200px;margin-left:-950px; margin-top: 2px;}


#footer{
	background-color: #1274a9;
	background-image:url(../immagini/hotel_zodiaco_fondo.jpg);
	background-repeat:no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: -10px;
	padding-top: 24px;
	padding-right: 20px;
	height: 69px;
	color:#9197c1; 
	text-align:right;
	clear:both;
	font-size: 0.9em;
}
#footer a{
	text-decoration:none;
	color:#9197c1;
}
#footer a:hover{
	text-decoration:underline;
	color:#9197c1;
}

/* FORM */
input, textarea {
	background-color:#fff; 
	border: 1px solid #1b4e6b; 
	padding: 0.4em; 
	font: 1em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif; 
}

input.nobordo {
	border: 0px; 
}

input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus { border: 1px solid #d9eaf4; }

.campi_form{
	font-size: 11px;
	color: #000066;
}

.campi_form_2{
	font-size: 9px;
	width: 40px;
	color: #000066;
}

#form-contatti input, #newsletter input{
	height: 18px;
	color:#000066;
}

#form-contatti input, textarea, #newsletter input, textarea {
	font-size: 11px;
	background-color:#fff; 
	border: 1px solid #1b4e6b; 
	padding: 0px; 
}

.bianco{	color:#FFF;}

#blocco_hotel{
	background-image: url(../immagini/menu_hotel.jpg);
	width: 195px;
	height: 19px;
	padding-top: 103px;
	padding-left: 5px;
	font-size: 1.2em;
	text-transform: uppercase;
	margin-bottom: 5px;
}

#blocco_centro{
	background-image: url(../immagini/menu_centro_benessere.jpg);
	width: 195px;
	height: 18px;
	padding-top: 103px;
	padding-left: 5px;
	font-size: 1.2em;
	text-transform: uppercase;
	margin-bottom: 5px;
}

#blocco_residence{
	background-image: url(../immagini/menu_residence.jpg);
	width: 195px;
	height: 18px;
	padding-top: 103px;
	padding-left: 5px;
	font-size: 1.2em;
	text-transform: uppercase;
	margin-bottom: 5px;
}

#blocco_animazione{
	background-image: url(../immagini/menu_animazione.jpg);
	width: 195px;
	height: 18px;
	padding-top: 103px;
	padding-left: 5px;
	font-size: 1.2em;
	text-transform: uppercase;
	margin-bottom: 5px;
}

#blocco_hotel a, #blocco_centro a, #blocco_residence a, #blocco_animazione a{	color:#FFFFFF}
#blocco_hotel a:hover, #blocco_centro a:hover, #blocco_residence a:hover, #blocco_animazione a:hover{ color:#FFFF00;}

.blocco_listino{
	background-color: #FFFFFF;
	width: 184px;
	border-bottom: #002d68 1px solid;
	padding: 8px 16px 8px 0;
	font-size: 12px;
	color:#002d68;
}

.blocco_listino ul{	list-style: none; }
.blocco_listino ul li{	border-bottom: 1px #002d68 dashed; line-height: 20px;}
.blocco_listino ul li.ultimo{	border-bottom: 1px #FFF dashed; line-height: 20px;}
.blocco_listino ul li a{ color:#002d68;}
.blocco_listino ul li a:hover{ color:#0066CC;}

.titolo_menu_no_link{
	background: url(../immagini/titolo_menu.jpg) repeat-y;
	margin-top: 10px;
	font-size: 16px;
	text-transform: uppercase;
	padding: 5px;
	width: 190px;
}

.titolo_menu a{
	background: url(../immagini/titolo_menu.jpg) repeat-y;
	display: block;
	margin-top: 10px;
	font-size: 16px;
	text-transform: uppercase;
	padding: 5px;
	width: 190px;
	color: #FFFFFF;
}

.titolo_menu a:hover{
	background: url(../immagini/titolo_menu_01.jpg) repeat-y;
	margin-top: 10px;
	font-size: 16px;
	text-transform: uppercase;
	padding: 5px;
	width: 190px;
	color:#002d68;
}

.menu_hotels{
	background: url(../immagini/fondo_menu_hotel_unique.jpg) top center no-repeat;
	margin-top: 10px;
	width: 184px;
	/*height: 92px;*/
	padding: 70px 16px 10px 0px;
	font-size: 14px;
	color:#002d68;
	text-align: center;
}

.menu_hotels ul{	list-style: none;}
.menu_hotels ul li{	border-bottom: 1px #002d68 dashed; line-height: 23px;}
.menu_hotels ul li.ultimo{	border-bottom: none; line-height: 20px;}
.menu_hotels ul li a{ color:#002d68;}
.menu_hotels ul li a:hover{ color:#0066CC;}

#content p{
	margin-top: 5px;
}

#content img.right{
	float: right;
}

#content img.bordo{
	border: 1px solid #002d68;
}

h1{
	color: #002d68;
	font-size: 18px;
	border-bottom: 1px dotted #999999;
	margin-bottom: 10px;
}
h2{
	color: #002d68;
	font-size: 1em;
	background-color:#D8E4F1;	
}
.last_minute{
	border-bottom: 1px dotted #999999;
	margin-bottom: 20px;
}
.titolo{
	color: #002d68;
	font-size: 18px;
	border-bottom: 1px dotted #999999;
	margin-bottom: 10px;
	background-color: #FFF;
}

.continua{
	text-align: right;
	margin-top: 10px;
}

.submenu_listino {margin-bottom:30px; padding:0px; border-bottom:1px dotted #999999;}
	.submenu_listino ul {margin: 0px; border: 0px; padding: 0px;}
	.submenu_listino ul li {
	list-style-type: none;}
	.submenu_listino ul li a {
	text-decoration: none;
	font-weight:bold;
	height:25px;
	line-height:25px;
	color: #002d68;
	display: block;}
	.submenu_listino ul li a:hover {
	text-decoration : none;
	background-color:#D8E4F1;
	display: block;}

table{
	text-align: center;
	font-weight:bold;
	margin-top:5px;
	border-bottom: 1px solid #D8E4F1;
}
td{
	padding: 5px;
}
.td_azzurra{
	background-color:#E8EFF7;
}
.td_left_azzurra{
	text-align:left;
	background-color:#C0D3E9;
}

.td_left_azzurra_bord{
	text-align:left;
	background-color:#D2E0F0;
	border-bottom:1px solid #FFFFFF;
}

.td_left{
	text-align:left;
	padding: 5px;
	background-color:#E8EFF7;
}

.box_tornasu{
	float:right;
	text-align: right;
	padding:0px;
}

.img_dx{
	float:right;
	padding:3px;
	margin-left:15px;
	background-color:#D8E4F1;
}
.img_sx{
	float:left;
	padding:3px;
	margin-left:0px;
	background-color:#D8E4F1;
}
.img_gallery{
	padding:3px;
	margin-right:12px;
	margin-bottom:5px;
	background-color:#D8E4F1;
	border:none;
}
#map{
	width:549px;
	height:500px;
	padding:3px;
	margin-left:0px;
	background-color:#D8E4F1;
}

.txt_form{	color:#002d68;}
.txt_form td{ font-size:12px; text-align: left; color:#002d68;}
.txt_form tr{	border: #CCCCCC 1px dotted; }
.txt_big{ font-size:1.1em; font-weight:bold;}
/*----------Calendario-------------*/

.lmoLink{
font:bold 18px Arial, Helvetica, sans-serif;
}


	#lastminute_offerte {
	text-align:center;
	font-size:0.9em;
	font-weight:bold;
	color:#FFFFFF;
	text-transform: uppercase;
	margin:2px;
	margin-bottom:5px;
	background:#d8eefb;
	}
	#lastminute_offerte_bg{
	background:#012e69;
	}
	#lm_off_titolo{
	font-size:11px;
	font-weight:bold;
	text-align:center;
	line-height:20px;
	}
	#lm_off_calendario{
	 background-color:#85d0f0;
	 padding-top:5px;
	 padding-bottom:15px;
	}
	#lastminute_offerte table{ margin:0; padding:0; border:0;}
	#lastminute_offerte td{ margin:0; padding:0;}
	#lastminute_offerte tr{ margin:0; padding:0;}
	#lastminute_offerte select{ padding:0; border:solid 1px #012e69; text-transform:none; width:100px;}
	#lastminute_offerte input.button{ 
		color:#CCCCCC;
		background:#012e69;
		font-weight:bold;
		text-transform:uppercase;
		padding:0;
		padding-left:3px;
		padding-right:3px;
		border:solid 1px #CCCCCC;
		}
	#lastminute_offerte input.button:hover{ color:#FFFFFF; padding-left:3px; padding-right:3px;border:solid 1px #FFFFFF;}
/*---------------------------------------------*/
#feedback{ padding:10px;}
#feedback table{ 
	border:solid 1px #1B4E6B;
	background:#e3ebee;
	}
#feedback input:hover{border:1px solid #1b4e6b;}
#feedback textarea:hover{border:1px solid #1b4e6b;}
#feedback .feed_invia{ background:#1b4e6b; color:#FFFFFF; padding:3px; font-weight:bold;}
#feedback .privacy{
	width:100%;
	font-size:9px;}
#STAR_RATING ul
{
  margin: 0px;
  padding: 0px;
  height: 16px;
  list-style: none;
}
#STAR_RATING li
{
  width: 19px;
  height: 16px;
  display: block;
  float: left;
  background-image: url(../immagini/star-off.gif);
  background-repeat: no-repeat;
  cursor: pointer;
}
#STAR_RATING li.on
{
  background-image: url(../immagini/star-on.gif);
}
#STAR_RATING span.output
{
  padding: 3px;
  color: #339900;
  font-weight: bold;
}
.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.feed_item{ padding:10px; border-top:dotted 2px #999999;}
.item_vg{
	color:#000033;
	padding:5px;
	border-bottom:dotted 1px #999999;
	}
.item_vg:hover{ background:#e3ebee;}
.item_vg img{ border:solid 1px #000066; margin-right:10px;}
.item_vg p{margin:5px; color:#000033;}