/*
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// AUTHOR:    Marco Paolucci
// DATE:      Dicembre 2008
// 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; color:#787575; background:#CCC}

/* FORMATTAZIONE TESTO
-----------------------------------*/
h1 { font-size:12px; float:left}
h2 { font-size:14px; color:#d32024; margin:10px 0 20px 0}
h3 { font-size:14px; color:#d32024; margin:30px 0}
h4 { font-size:12px; font-weight:bold}

p { margin-bottom:10px}

p.title { font-size:22px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; line-height:28px; color:#b0171b}
.testo_offerta {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#0066CC}


.contenuto p { text-align:justify}
p.data_offerte { color:#FF9900}
p.testo_casembobili { padding:0 0 10px 0}
.content_top p { display:block; float:left; margin-right:5px}
.sfondo_angolo p { padding-right:20px}
#col_dx p { margin-top:20px}
#footer p { font-size:10px; text-align:center; margin:0}

/* LINK
-----------------------------------*/
a {color:#bb001c; text-decoration:none}
a:hover { color:#ffa53c}

.nav_dintorni a{color:#bb001c}
.nav_dintorni a:hover {text-decoration:underline}
.nav_dintorni a.active { color:#ffa53c; text-decoration:underline}

.nav_bottom a {color:#595454; text-decoration:none}
.nav_bottom a:hover { text-decoration:underline}

/* CLASS
-----------------------------------*/
.banner { float:left; width:1003px; height:235px; background:url(../img/banner.jpg) left top no-repeat}
.color { color:#D32024}
.lingue { float: right; width:160px; margin:-30px 20px 0 0}
.lingue img { margin-left:10px}

.content_top { margin-top:10px; padding-bottom:30px}
.bungalow {padding-top:20px; border-top: 1px dashed #ffad5f}
.bungalow img { float:left; margin:0 20px 20px 0}
.contenuto { /*float:left; */padding:20px 0; border-top: 1px dashed #ffad5f}
	.contenuto img { float:right; margin-top:-5px}
	
.sfondo_angolo { width:533px; padding:20px 20px 20px 0; background:url(../img/bg_contenuto_bottom.jpg) right bottom no-repeat}
.sfondo_angolo img { margin-bottom:10px; float:left; width:265px}
.foto_servizi { border-top: 1px dashed #ffad5f; padding-bottom:10px /*height:100px */}
	.foto_servizi img { margin: 10px 0 0 5px}
	
.last_minute { float:right; margin:5px 10px 10px 10px}
.servizi { padding:30px 0 0 30px}
	.servizi li { padding:0 0 10px 10px; background:url(../img/img_liststyle.jpg) left 5px no-repeat}
.contatti { margin-top:20px}
/*.ricerca { height:250px}*/
.gallery { padding:50px 0; border-top: 1px dashed #ffad5f; height:300px}
.gallery img { width:100px; margin:5px; float:left}
.cartina { margin-top:80px}
.legenda { margin: 20px 0 0 40px}

#show_foto {width:200px; margin-top:55px}
	#show_foto img { margin:0 20px}
.preview { height:120px}
.preview img {width:160px}

.piantina img {width:553px}

.icone_abruzzo { text-align:center; padding:30px 0; /*border-top:1px dashed #ffad5f*/}
.icone_abruzzo img { margin-bottom:20px}

.img_dintorni { padding:2px; border:1px solid #CCC}
.img_margin_left { margin-left:15px}
.footer_top { float:left; width:1000px; margin:10px 0 20px 0; color:#4d4848}
.bg_footer_bottom { float:left; width:1003px; height:12px; margin-bottom:10px; background:url(../img/bg_footer_bottom.png) left top no-repeat}

.risposta_invio {padding:100px 0 200px}

.ico { float:left; width:643px; background:#FFF; padding-left:360px}
.ico img {float:left; margin:20px 30px 0 0}

.fix_height { visibility:hidden; clear:left}

/* MENU DI NAVIGAZIONE
-----------------------------------*/
.menu { padding:90px 0 0 30px}
.menu ul li { height:39px}

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

.nav_bottom { font-size:11px; text-align:center}
.nav_bottom li { display:inline; padding-right:10px; margin-right:10px; border-right:1px solid #595454}
.nav_bottom li.ultimo { border-right:none}

/* TABLE
-----------------------------------*/
.table_listino th{ background:#ffe09d}
.table_listino td { background:#f6f6f6}

/* FORM
-----------------------------------*/
#form_contact { padding:0 60px}
#form_contact fieldset { border:none}
#form_contact ul {}
#form_contact ul li { padding-bottom:10px}
#form_contact ul li label { display:block; float:left; width:60px; margin-right:40px} 
#form_contact ul li input { width:255px; height:22px; background-color:transparent; border: 1px solid #ffa439}
#form_contact ul li.richieste_li {width:370px; margin-top:20px}
#form_contact ul li textarea { width:255px; height:117px; float:left; padding:3px 0 0 15px; border:none; background:url(../img/bg_textarea.png) left top no-repeat; overflow:hidden}
#form_contact .privacy {width:100%; float:left; margin-top:20px}
#form_contact .bottoni { float:right}
#form_contact .bottoni input.reset { width:80px; height:35px; margin:10px 5px 0 0; background:url(../img/button_reset.png) left top no-repeat; border:none}
#form_contact .bottoni input.submit { width:80px; height:35px; margin:10px 70px 0 0; background:url(../img/button_invia.png) left top no-repeat; border:none}

/* DIV
-----------------------------------*/
#wrapper { width:1003px; margin:10px auto}
#header { height:235px}
#content { background:#FFF}
#col_sx {float:left; width:200px;/* background:url(../img/bg_col_sx.jpg) left top no-repeat*/}
#col_centr { float:left; width:553px; padding: 0 50px 0 0; background:url(../img/bg_col_centr.jpg) right top no-repeat}
#col_dx { float:left; width:200px; /*height:300px*/}
#footer { background:#FFF}