@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
a{ text-decoration:none; border:none;}
img{ border:none;}
body{ background:url(img/pattern-tela.jpg) repeat; }
body, td{ font-family:Arial, Helvetica, sans-serif; font-size:12px; }
li{ list-style:none; }

/*HEADER*/
#header{ width:100%; height:114px; background:url(img/sf_header.jpg) repeat-x; }

#header .container{ width:1000px; height:114px; position:absolute; left:50%; margin-left:-500px;  }

#header .container .content_up{ width:1000px; height:54px; }
#header .container .content_up .left{ width:900px; height:54px; text-align:left; float:left; }
#header .container .content_up .right{ width:100px; height:54px; text-align:center; float:left; }
#header .container .content_up .right .testo{ font : bold 12px Arial; color:#000; padding-top:10px;}
#header .container .content_up .right .testo a{ font : bold 12px Arial; color:#000; }

#header .container .content_center{ width:1000px; height:60px;}
#header .container .content_center .left{ width:211px; height:60px; text-align:left; float:left;}
#header .container .content_center .right{ width:789px; height:60px; text-align:center; float:left;}
#header .container .content_center .right .tabella_menu{ height:48px; border:none; text-align:left; margin-top:6px;}
#header .container .content_center .right .tabella_menu a{ font : bold 14px Arial; color:#000; padding:0 10px 0 10px; }
#header .container .content_center .right .tabella_menu a:hover{ color:#B68F21; }

#cartina{ width:100%; height:280px; background:url(img/sfondo-cartina.jpg) top center no-repeat;}
#cartina .immagine{ width:1000px;position:absolute; left:50%; margin-left:-500px; }

/*CONTAINER*/
#container{ width:100%; background:url(img/sf_up_content_generale_rep.jpg) top repeat-x #fff; text-align:center;}

.content_generale{ width:1000px; margin:auto; background:url(img/sf_up_content_generale.jpg) top no-repeat; }

.content_generale .main_content{ width:690px; float:left; margin-top:20px; margin-left:10px; text-align:left;}
.content_generale .main_content .titolo_generale{ font: bold 26px 'Lucida Calligraphy', 'Arial Narrow' ; color:#654E3A; }
.content_generale .main_content .sottotitolo{ font : bold 12px Arial; color:#000; text-align:left; padding:20px 0 0 0;}
.content_generale .main_content .paragrafo_left{ width:320px; float:left;  background:url(img/barra190v.jpg) right center no-repeat #fff; text-align:left; padding:0 0 10px 0;}
.content_generale .main_content .paragrafo_left .titolo_pl{ font: bold 26px 'Lucida Calligraphy','Arial Narrow'; color:#654E3A; }
.content_generale .main_content .paragrafo_left .testo{ width:300px; font: normal 12px Arial; color:#000; padding-top:15px; }
.content_generale .main_content .paragrafo_right{ width:350px; float:left; text-align:left; padding:0 0 10px 20px; }
.content_generale .main_content .paragrafo_right .testo{ width:300px; font: normal 12px Arial; color:#000; padding-top:15px;}
.content_generale .main_content .paragrafo_right .titolo_pr{ font: bold 26px 'Lucida Calligraphy','Arial Narrow'; color:#654E3A; }
.content_generale .main_content .tabella_barre300{ width:640px; height:17px; margin-top:20px; margin-bottom:30px; }
.content_generale .main_content .tabella_barre300 .td_340{ width:340px; text-align:left;}
.content_generale .main_content .tabella_barre300 .td_300{ width:300px;}
.content_generale .main_content .sottotitolo_camere{ font : bold 12px Arial; color:#000; text-align:left;}
.content_generale .main_content .sottotitolo_offerte{ font : bold 12px Arial; color:#000; text-align:left; padding-top:10px;}
.content_generale .main_content .paragrafo_grande{ width:630px; background:#fff; text-align:left; padding:0 0 20px 0; }
.content_generale .main_content .paragrafo_grande .testo{ width:600px; font: normal 12px Arial; text-align:left; padding:10px 0 0 0;}
.content_generale .main_content .paragrafo_grande .sottotitolo{  font : bold 12px Arial; color:#000; text-align:left; padding:10px 0 0 0; }
.content_generale .main_content .box_cambio_pag{ width:20px; height:18px; background:#fff;  border:1px #b68f21 solid; margin:0 0 0 1px; text-align:center; float:left; padding:2px 0 0 0; }
.content_generale .main_content .box_cambio_pag:hover{ background-color:#fff; color:#b57f21;}
.content_generale .main_content .box_cambio_pag a{ font: bold 12px Arial; color:#000;}


.content_generale .main_content .content_contatti{ width:640px; text-align:left;  padding-top:10px;}
.content_generale .main_content .content_contatti .paragrafo_left{ width:230px; float:left;  background: #fff; text-align:left; padding:0 75px 10px 0;}
.content_generale .main_content .content_contatti .sottotitolo{ font : bold 12px Arial; text-align:left; padding:20px 0 0 0;}
.content_generale .main_content .content_contatti .paragrafo_right{ width:230px; float:left; text-align:left; }
.content_generale .main_content .content_contatti input{ border:1px solid #B68F21; width:230px; text-align:left; }
.content_generale .main_content .content_contatti .paragrafo_grande{ width:555px;}
.content_generale .main_content .content_contatti .paragrafo_grande .sottotitolo{ font : bold 12px Arial; text-align:left; padding:20px 0 10px 0; }
.content_generale .main_content .content_contatti .textarea_richiesta{ width:555px; height:120px; border:1px solid #B68F21; }
.content_generale .main_content .content_contatti .textarea_privacy{ width:555px; height:120px; border:1px solid #B68F21; font:normal 11px Arial; 
color:#000; padding:10px 10px 10px 10px;  }
.content_generale .main_content .content_contatti .tabella_consenso{ width:555px; height:20px; text-align:left; }
.content_generale .main_content .content_contatti .tabella_consenso .td_check{ width:30px;}
.content_generale .main_content .content_contatti .tabella_consenso .td_testo{ width:525px; font: normal 12px Arial;}

.dove_siamo{ width:550px; }
.dove_siamo h2{ font-size:14px; margin:5px 0; }

/*CONTENT BOOKING*/
.content_generale .content_booking{ width:291px; float:left; margin-top:30px;  }
.content_generale .content_booking .content_form{ width:291px; height:301px; background:url(img/sfondo-form-booking.jpg) top center no-repeat; }
.content_generale .content_booking .content_form .form{ width:260px; margin:auto; text-align:left;}
.content_generale .content_booking .content_form .titolo_form{ font : bold 12px Arial; color:#000; padding:15px 0 10px 0;}
.content_generale .content_booking .content_form .testo_form{ font : bold 12px Arial; color:#000; padding:5px 0 15px 0;}
.content_generale .content_booking .content_form .tabella_data{ width:252px; height:20px; text-align:center; margin-bottom:15px; }
.content_generale .content_booking .content_form .tabella_data .td_64{ width:64px; }
.content_generale .content_booking .content_form .tabella_data .td_124{ width:124px;}
.content_generale .content_booking .content_form .tabella_camere_persone{ width:260px; height:50px; text-align:left; font : bold 12px Arial; color:#000; padding-bottom:15px;}
.content_generale .content_booking .content_form .tabella_camere_persone .tr_30{ height:30px;}
.content_generale .content_booking .content_form .tabella_camere_persone .tr_20{ height:20px;}
.content_generale .content_booking .content_form .tabella_camere_persone .td_140{ width:140px; text-align:left;}
.content_generale .content_booking .content_form .tabella_camere_persone .td_120{ width:120px; text-align:left;}
.content_generale .content_booking .content_immagini{ width:290px; background:url(img/booking_img_up.jpg) top no-repeat #fff; padding-top:15px;}
.content_generale .content_booking .content_immagini .container_img{ width:290px; height:200px; 
background:url(img/booking-content-img.jpg) center no-repeat; }
.content_generale .content_booking .content_immagini .container_img .immagine{ width:248px; height:159px; padding-top:20px; margin-left:20px; }

/*INPUT BOOKING*/
#select_giorno{width:60px; font : bold 12px Arial; border:1px solid #B68F21;}
#select_mese{ width:120px; font : bold 12px Arial; border:1px solid #B68F21;}
#select_anno{width:60px; font : bold 12px Arial; border:1px solid #B68F21; }
#select_camere{width:60px; font : bold 12px Arial; border:1px solid #B68F21; }
#text_adulti{width:60px; font : bold 12px Arial; border:1px solid #B68F21; }

.google_maps{ margin:20px 0; width:555px; height:320px; border:1px solid #B68F21; padding:10px 10px 10px 10px; }

/*BOTTONE INVIA FORM*/
#bottone_invia_form{ width:60px; height:20px; background:url(img/bottone-invia.jpg) no-repeat; border:none; margin-top:10px;}

/*BOTTONE GENERALE*/
#bottone_generale{ width:70px; height:20px; background:url(img/sf_bott_70.jpg) no-repeat; text-align:center;  font: bold 12px Arial;  }
#bottone_generale a{ font : bold 12px Arial; color:#000; vertical-align:middle; line-height:20px; }
#bottone_generale .testo_bottone_generale{ font : bold 12px Arial; color:#000; vertical-align:middle; line-height:20px; }
#bottone_invia_contatti{ width:60px; height:20px; background:url(img/bottone-invia.jpg) no-repeat; text-align:center; border:none;font: bold 12px Arial;   }

/*BARRE DECORAZIONI*/
#barra_290{ width:290px; height:1px; background:url(img/barra290.gif) no-repeat; margin-left:5px;}
#barra_300{ width:300px; height:17px; background:url(img/barra300.jpg) no-repeat; }
#barra_640{ width:640px; height:40px; background:url(img/barra640.jpg) center no-repeat; }
#barra_640_senza_dec{ width:640px; height:20px; background:url(img/barra640_senza_dec.jpg) top center no-repeat; }

/*IMMAGINE CITTA*/
#immagine_citta{ width:100%; height:260px; background:url(img/citta.jpg) top center no-repeat;}

/*FOOTER*/
#footer{ width:100%; height:200px; background:url(img/sf_footer.jpg) repeat-x;}
#footer .container { width:1000px; height:200px; position:absolute; left:50%; margin-left:-500px;}
#footer .container .content_up{ width:1000px; height:25px; background:url(img/logo-footer-up.gif) top left no-repeat; }
#footer .container .content_center{ width:1000px; height:61px;  }
#footer .container .content_center .left{ width:220px; height:61px; float:left;}
#footer .container .content_center .right{ width:780px; height:61px; float:left;}
#footer .container .content_center .right .tabella_menu{ height:47px; border:none; margin-top:7px;}
#footer .container .content_center .right .tabella_menu a{ font : bold 14px Arial; color:#000; padding:0 10px 0 10px; }
#footer .container .content_center .right .tabella_menu a:hover{ color:#B68F21; }
#footer .container .content_down{ width:1000px; height:154px; background:url(img/logo-footer-down.gif) top left no-repeat; }
#footer .container .content_down .content_dati{ width:600px; height:70px; margin:auto; padding-top:23px;}
#footer .container .content_down .content_dati .box_dati{ width:230px; float:left; font : normal 12px Arial; color:#000; 
 text-align:right; }
#footer .container .content_down .content_dati .box_dati  a{font : bold 12px Arial; color:#000; }
#footer .container .content_down .content_dati .box_dati  a:hover{ text-decoration:underline; }
#footer .container .content_down .content_dati .box_unesco{ width:160px; height:70px; float:left; padding-left:15px;}
#footer .container .content_down .content_dati .box_quality{ width:100px; height:70px; float:left; padding-left:10px; }
#footer .container .content_down .content_dati .box_tuv{ width:60px; height:70px; float:left; padding-left:10px; }


/* GENERICI */
#foto_gallery{ padding-left:10px; }

.clear{ clear:both;}
