/* +--------------------------------------------------+ */
/* CSS Style. */
/* +--------------------------------------------------+ */
/* +--------------------------------------------------+ */
/* General rules */
/* +--------------------------------------------------+ */
* { padding:0; margin: 0; }
body { color:#000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; }
ul { list-style:none }
img { border:0px none;  }
/* +--------------------------------------------------+ */
/* Formattazione testo */
/* +--------------------------------------------------+ */
h1 { font-size:14px }
.content_listino h1 { font-size:11px; width:627px; color:#FFF; padding:8px 20px; margin:5px 0; background:#859B22 }
h2 { font-size:12px; color:#0086AA; margin:10px 0 10px 0 }
p.home { padding-top:15px; width:500px; text-align:justify }
p.descr_foto { width:410px; padding: 20px 10px 0 }
#footer p { font-size:11px; color:#FFF }
/* +--------------------------------------------------+ */
/* Link */
/* +--------------------------------------------------+ */
a { text-decoration:none; color:#000; }
.menu_sx a:hover { color:#89775C }
.nav_bottom a { color:#FFF }
.nav_bottom a:hover { text-decoration:underline }
.content_right a { color:#0086AA }
.content_right a:hover { text-decoration:underline }
.site_map a{color:#009933; text-decoration:underline}
/* +--------------------------------------------------+ */
/* Class */
/* +--------------------------------------------------+ */
.animazione_flash { float:left; width:670px }
	#prenotazioni .animazione_flash {border-bottom:5px solid #FFFFFF}
.animazione_flash img { width:223px; height:180px; float:left }
.content_bottom { float:left; padding:30px 0 50px 60px }
.content_bottom_mappa { float:left; width:670px; margin-top:5px }
.content_left { float:left; width:240px; margin-top:-2px}
.content_right { float:left; width:430px; margin-top:0px }
.content_right img { width:425px; margin-left:5px}
.content_listino { float:left; margin-bottom:-18px }
.prima_riga { width:630px; background:#F8EABF; padding:10px 20px 20px 20px }
.seconda_riga { width:630px; background:#E5E9F3; margin:5px 0; padding:10px 20px 20px 20px }
.content_contatti { float:left; width:605px; margin-top:5px; padding-left:65px; /*background: #CCC; margin-bottom:-14px; */padding-bottom:20px }
.content_contatti ul { list-style:none }
.content_contatti p { margin:20px 0 20px 0 }
.content_contatti p.campi_obbligatori { display:block; float:left; width:550px }
.menu_sx { margin:85px 0 0 40px }
.menu_sx li { margin:10px 15px 0 0; border-bottom:1px solid #999; padding-bottom:10px }
.hotel { border-bottom:1px solid #FF0000 }
.spiaggia { border-bottom:1px solid #003399 }
.descr_foto { margin-bottom:40px; text-align:justify }
.prenotazioni { border:none }
.come_raggiungerci { padding-left:17px; float:left; width:206px; height:180px; background:#FCEBC5 }
.come_raggiungerci p.title { display:block; height:20px; padding-left:25px; margin-top:15px; color:#4A494E }
.come_raggiungerci p.indicazioni { font-size:10px; color:#4A494E }
.gallery { margin-top:-1px }
.gallery li { width:115px; height:90px; float:left; margin:3px 3px 3px 1px}
.gallery li.img_dx { margin:3px 1px 3px 3px}
.gallery li img { width:116px; height:90px;}
.foto_dintorni li { width:225px; margin:2px 0 5px 5px; line-height:13px}
.foto_dintorni li p { width:220px; background: #89775C; color: #fff; line-height:18px; padding-left:5px; margin-top:-2px; border-top:1px solid #6b583b; padding-bottom:2px}
.foto_dintorni li img {}
.note { float:left; width: 536px; height:50px; border: 2px solid #EBEBEB; margin-top:30px; overflow:auto }
.note p { margin:5px 5px 0 5px }



/* +--------------------------------------------------+ */
/* Class Menu */
/* +--------------------------------------------------+ */
ul.nav_bottom { margin:25px 0 0 -5px}
.nav_bottom li { list-style:none; color:#FFF; float:left; padding:0 5px; color:#FFF; border-right:1px solid #FFF}
.nav_bottom li.prenotazioni { border:none }
.sub_gallery { margin:4px 0 0 14px }
.sub_gallery li { width:80px; height:15px; padding:5px 0 0 10px }

.site_map {margin:50px 0 0 30px}
.site_map li {margin:5px 0}
/* +--------------------------------------------------+ */
/* Classi Riutilizzabili */
/* +--------------------------------------------------+ */
.sub_gallery .link_rosso { border-bottom:1px solid #FF0000; background:url('../img/quadrato_rosso.gif') no-repeat left 10px;  }
.sub_gallery .link_rosso a:hover { color:#CC0033 }
.sub_gallery .link_blu { border-bottom:1px solid #0000FF; background: url('../img/quadrato_blu.gif') no-repeat left 10px;  }
.sub_gallery .link_blu a:hover { color: #0066FF }
.sub_gallery .link_verde { border-bottom:1px solid #006600; background: url('../img/quadrato_verde.gif') no-repeat left 10px;  }
.sub_gallery .link_verde a:hover { color: #009933 }
.come_raggiungerci p.auto { background:url('../img/icon_auto.gif') no-repeat left -3px;  }
.come_raggiungerci p.treno { background:url('../img/icon_treno.gif') no-repeat left -3px;  }
.come_raggiungerci p.aereo { background:url('../img/icon_aereo.gif') no-repeat left -3px;  }
/* +--------------------------------------------------+ */
/* Fix */
/* +--------------------------------------------------+ */
.fix_height { clear:both; visibility:hidden }
.fix_footer {padding-top:10px}
.fix { clear:left; visibility:hidden}
/* +--------------------------------------------------+ */
/* Form */
/* +--------------------------------------------------+ */
#contact fieldset { border:none }
#contact li { display:inline; width:180px; height:20px; float:left; margin-top:20px; padding-bottom:3px; border-bottom:2px solid #EBEBEB;  }
#contact ul.info { width:550px; float:left }
#contact ul li input { width:100px; height:14px; background:transparent; border:none; margin: auto; color:#0066FF}
#contact ul li input.input_s { width:50px; height:14px; background:transparent; border:none; margin: auto; color:#0066FF}
#contact ul li.xs { width:270px}
	#contact ul li.xs select.day { width:40px; margin-left:55px}
	#contact ul li.xs select.mesi { width:90px}
#contact ul li.xl { width:270px}
.text_area { float:left;}
.pulsanti { float:left; width: 536px; margin:5px 0 }
#contact .pulsanti .accetto { width:14px; margin-right:5px }
#contact .pulsanti .submit { float:right; margin-top:-20px }
/* +--------------------------------------------------+ */
/* Tabelle */
/* +--------------------------------------------------+ */

/* +--------------------------------------------------+ */
/* struttura */
/* +--------------------------------------------------+ */
#wrapper { width:900px; margin:0 auto }
#header { width:900px; height:140px }
#content { width:900px; background:url('../img/bg_content.gif') repeat-y left top;  }
	#listino #content {/*height:873px*/}
	#prenotazioni #content {/*height:857px;*/ background:url('../img/bg_content_cont.gif') repeat-y left top; }
#cl_sx { float:left; width:225px }
#cl_dx { float:left; width:670px; padding-left:5px }
#footer { float: left; width:605px; height:130px; margin-top:5px; padding-left:295px; background:#999 }

#wrapper #content #cl_sx p {
	text-align: center;
	background-color: #FFF;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #F00;
}