/*
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// AUTHOR:    Marco Paolucci
// INFO:      http://www.marcopaolucci.net
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* GENERAL
-----------------------------------*/
* {margin:0; padding:0}
img {border:0}
ul {list-style:none}

/* BASE TAG 
-----------------------------------*/
body {font:12px/18px Arial, Helvetica, sans-serif; background:url(../img/bg_hotel_lapineta.jpg) left top repeat-x #0e2051}
hr {border-top:1px dashed #FFF; border-bottom: 0; border-right: 0; border-left: 0; background-color:transparent; margin:20px 0; clear:left}

/* FORMATTAZIONE TESTO
-----------------------------------*/
h1 { font-size:16px; margin-bottom:20px; color:#0e2051}
h2 { width:130px; font-size:14px; margin:10px 20px; padding-bottom:3px; color:#0e2051; border-bottom:1px dashed #6a869c}
h3 { font-size:12px; height:20px; background:#004494; color:#FFF; margin:10px 0 10px 0; padding:5px 20px}
h4 { font-size:14px; margin-bottom:20px; color:#004494; margin:10px 0 10px 0}
.newsletter p { font-size:11px; text-align:justify}
#form_prenotazione p { margin-bottom:20px}
.info_listino { background:#006EB6; color:#FFF; height:50px; padding:10px; border:1px solid #F7E82D; margin:20px 0}
.listino img { margin-left:220px}
.content_servizi p { margin-bottom:5px}

#footer p { font-size:12px; text-align:center; margin-bottom:20px}

/* LINK
-----------------------------------*/
a { color:#004494}
a:hover { color:#FFF}
#footer p a { color:#1569e3; text-decoration:none}
#footer p a:hover { color:#0e2051; text-decoration:underline}

.top_menu a { padding-left:20px; color:#000; text-decoration:none; font-weight:bold}
.top_menu a:hover { color:#000; background:url(../img/liststyle.png) left 2px no-repeat}

.nav_dintorni a{color:#1569e3; font-weight:bold}
.nav_dintorni a:hover {color:#004494; text-decoration:underline}
.nav_dintorni a.active { color:#EEE; text-decoration:underline}

.nav_sitemap a { color:#003366}
.nav_sitemap a:hover {color:#FFF}

.nav_bottom a {color:#003366}
.nav_bottom a:hover {color:#FFF; text-decoration:underline}

/* CLASS
-----------------------------------*/
.logo { width:800px; float:left; margin-bottom:0px}
	.logo img { margin:5px 0 0 70px}
.lingue { float:right; margin:20px}
.header_sx { float:left; width:210px; padding-left:20px; margin-top:50px}
.gallery {float:left; width:725px; height:470px; background:url(../img/bg_gallery.png) left top no-repeat}
	.gallery img { margin:45px 52px}
.left { float:left}
.right { float:right}
.border { border:1px solid #FFF; padding:2px}
.newsletter {padding:20px}
.box_content {padding:20px 20px 30px 20px; margin:0 45px 0 0; background:url(../img/bg_box_content_.gif) left top repeat-x #51a9e1} 
.box_content_sx { float:left; width:320px; height:188px; margin:20px 20px 0 0; background:url(../img/bg_box_content_sx.gif) left top repeat-x}
.box_content_dx { float:left; width:320px; height:188px; margin:20px 0 20px 0; background:url(../img/bg_box_content_sx.gif) left top repeat-x}
.content_servizi { padding:30px 20px 30px 20px; margin:0 45px 0 0; background:url(../img/bg_box_content_.gif) left top repeat-x #51a9e1}
ul.elenco_servizi { margin:20px 0 20px 20px}
ul.elenco_servizi li { background:url(../img/liststyle.png) left 5px no-repeat; padding-left:20px}
.content_gallery {}

.box_cl_sx { width:170px; color:#004494; background:#FFF; padding:20px; font-size:11px}
	.box_cl_sx input { margin:10px 10px 0 0}
	.box_cl_sx li { margin-bottom:10px}
.contatti { width:670px; color:#004494}
.listino {width:670px; color:#004494}
.offerte { height:105px; font-size:14px; color:#0E2051}
.offerte img { float:left}
.offerte p{ text-align:right}
.foto_servizi {height:120px}
.foto_servizi li  {float:left; margin:0 7px 0 7px}
.foto_servizi li img {border:1px solid #FFF; padding:2px}

.i_home {margin:0 0 0 40px; border:1px solid #0099FF; padding:2px; background:#FFF}
.logo_regione {margin:20px 100px 0 120px}
.img_sx { float:left; margin:10px 10px 10px 0}
.img_dx { float:right; margin:10px 0 10px 10px}

.fix_height { clear:left; visibility:hidden}

/* MENU DI NAVIGAZIONE
-----------------------------------*/
.top_menu { height:180px; width:145px; margin-bottom:40px; padding:10px 20px 20px 20px; font-size:12px; line-height:18px; background:url(../img/bg_top_menu.jpg) left top repeat-x}
.top_menu li { padding:5px 0; border-bottom:1px dashed #b6d7f3}

.nav_dintorni { margin:10px 0; text-align:right}
.nav_dintorni li{ display:inline}

.nav_sitemap { margin:20px}

.nav_bottom {font-size:10px; margin-left:125px; margin-top:25px; float:left}
.nav_bottom li { float:left; padding:0 10px; border-right:1px solid #000; line-height:12px}
.nav_bottom li.ultimo { border-right:none}

.w3c {width:350px; margin:40px 0 10px 0; float:left}
.w3c li {float:left; margin:0 0 0 20px}

/* TABLE
-----------------------------------*/
.listino_prezzi_cont {background:#FFF; margin:20px 0; padding:10px}
.tabella_listino {width:100%; /* padding:10px; */ background:url(../img/bg_listino.gif) left top no-repeat; color:#333}
.tabella_listino td {height:28px}
.tabella_listino tr.diviso {background:url(../img/bg_listino_td.gif) left bottom no-repeat}
.tabella_listino .listino_info {font-size:10px; color:#999}
.tabella_listino .listino_titolo {background:#004494; color:#FFF; font-weight:bold}
	.tabella_listino .listino_titolo td {padding-left:15px}
.tabella_listino .listino_servizi {padding:8px}
td {width:130px}
.colonna_b{width:260px;}

/* FORM
-----------------------------------*/
#form_newsletter { border-top:1px dashed #000; padding-top:10px; border-bottom:1px dashed #000}
#form_newsletter fieldset { border:none}
#form_newsletter fieldset input { width:160px; margin:10px 0; background:#d4e4f4; border:1px solid #415c7d}
.submit { float:right; font-size:11px; text-align:center; width:70px; margin:10px 0; background:url(../img/bg_submit.jpg) left top repeat-x; border:none; color:#000}

#form_prenotazione img { margin-top:20px}
#form_prenotazione fieldset { border:none; background:#9AC5E5; padding:20px; margin-bottom:10px}
#form_prenotazione label { display:block}
#form_prenotazione li { float:left; margin-bottom:10px; line-height:25px}
#form_prenotazione input { border:1px solid #004494; height:18px}
#form_prenotazione input.input1 { width:580px; margin-right:30px}
#form_prenotazione input.input2 { width:416px; margin-right:20px}
#form_prenotazione input.input3 { width:178px; margin-right:20px}

#form_prenotazione select { width:140px; border:1px solid #004494; height:20px}
#form_prenotazione select.select_s { width:50px; margin-right:10px}
#form_prenotazione select.select_l { width:80px; margin-right:80px}
#form_prenotazione select.select_2 { width:205px; margin-right:80px}
#form_prenotazione textarea { width:400px; height:80px; border:1px solid #004494; margin-right:20px}
#form_prenotazione li.button { float:right; margin-top:80px}
/* DIV
-----------------------------------*/
#wrapper {width:975px; margin:20px auto 50px; background: url(../img/bg_wrapper.jpg) left top repeat-x #7cb6e8}
#header {height:565px; background:url(../img/bg_header_top.jpg) left top no-repeat}
#content {}
	#col_sx {float:left; width:210px; padding-left:20px}
	#col_dx {float:left; width:705px; padding-left:40px}		
#footer {height:145px; padding-top:10px; background:url(../img/bg_footer.jpg) left bottom no-repeat #7cb6e8}