@charset "UTF-8";
/* CSS Document */
html{background:#F4E0D2;}
body{margin:0; padding:0; font:11px "Trebuchet MS", sans-serif; color:#666;}
h1, h2, h3, h4, h5, p, form, body { margin:0; padding:0; }
a{text-decoration:none; color:#666; cursor:pointer;}
a:hover{color:#922A18;}
a:focus{border:none; outline:0;}
p{line-height:16px; font-size:12px;}
img{border:none;}
.blu{color:#922A18;}
.blu14{font-size:14px; color:#922A18;}
.azzurro{color:#932A18;}
b, strong{color:#922A18;}
.clear{display:block; clear:both;}
.divisore20{height:20px; display:block; clear:both;}
div#container_info_sx .expander a{font-size:12px; color:#922A18; margin:0 0 0 10px; clear:both; float:right;}
div#container_info_sx .expander a:hover{text-decoration:underline;}

#white_bkg{display:block; width:100%; background:#FFF; margin:0; padding:30px 0 0 0;}

#header{width:920px; height:37px; display:block; margin:0 auto 0 auto;}
#header #logodear{margin:0 0 0 190px; width:90px; height:27px; padding:5px; float:left; display:inline;}
#header #lingue{width:590px; height:27px; float:left; text-align:right; padding:5px; margin:0 30px 0 0; color:#80D5EF; display:none;}

#corpo{width:890px; display:block; margin:0 auto; padding:0 30px 0 0; background:url(../design/corpo_dx_shadow.png) top right no-repeat;}
#colsx{width:190px; display:inline; float:left; background:url(../design/bkg_colsx.png) top right no-repeat;}
#container{width:678px; border-top:1px solid #DDD; border-left:1px solid #DDD; border-right:1px solid #DDD; padding:10px; float:left; display:inline;}

#logo{display:block; margin:0 0 30px 0;}

#main_menu{display:block; clear:both; margin:0 0 30px 0;}
#main_menu a{display:block; clear:both; background:url(../design/bkg_main_menu.png) top right repeat-y; font-size:14px; padding:5px 25px 5px 5px; border-bottom:1px solid #D59572;}
#main_menu a:hover{background:url(../design/bkg_main_menu_over.png) top right repeat-y; color:#FFF; border-bottom:1px solid #FFF;}
#main_menu a.selected{background:url(../design/bkg_main_menu_over.png) top right repeat-y; color:#FFF; border-bottom:1px solid #FFF;}

#sotto_menu{display:block; clear:both; margin:0 0 20px 0;}
#sotto_menu a{display:block; padding:6px 6px 6px 17px; font-size:14px; border-bottom:1px solid #C9D6EA; background:url(../design/bkg_sottomenu.png) 0 60% no-repeat;}
#sotto_menu a:hover{color:#FFF; background: #C46F45 url(../design/bkg_sottomenu_over.png) 0 60% no-repeat; border-bottom:1px solid #922A18;}
#sotto_menu a.selected{color:#FFF; background:#C46F45 url(../design/bkg_sottomenu_over.png) 0 60% no-repeat; border-bottom:1px solid #922A18;}
#sotto_menu .voce a{padding:5px; display:block; margin:0 0 0 20px; background:#F2F2F2; color:#922A18; border-bottom:1px solid #FFF; clear:left;}
#sotto_menu .voce a:hover{background:#932A18; color:#FFF;}

#menu_top{display:block; height:40px; background:url(../design/bkg_menu_top.png) top left repeat-x; margin:0 0 10px 0; border:1px solid #FFF;}
#menu_top a{color:#FFF; padding:5px; border-left:1px solid #FFF; float:right;}
#menu_top a:hover{border:1px solid #922A18; background:#FFF; color:#922A18;}
#menu_top .titolo{font-size:13px;}

#numero_prenotazioni{display:none; padding:0 25px 10px 20px;}

#gruppo{display:block; padding:0 25px 10px 20px; width:145px;}
#gruppo .titolo{width:140px; border-bottom:1px solid #932A18; padding:0 0 5px 0; margin:0 0 5px 0;}
#gruppo a{width:140px; display:block; clear:left; margin:0 0 5px 0;}

#newsletter{display:block; clear:both; margin:0 0 20px 0;}
#newsletter #newsletter_titolo{font-size:14px; color:#808080; display:block; padding:5px;}
#newsletter #newsletter_container{display:block; clear:both; padding:5px 25px 5px 5px; border-top:1px solid #932A18; margin:0;}
#newsletter #newsletter_container p{font-size:11px; line-height:13px;}
.inputnewsletter{display:block; margin:3px 0; padding:2px; border:1px solid #932A18; color:#922A18;}
.btnnewsletter{color:#922A18; font-size:12px; padding:3px; border:none; background:none;}
.btnnewsletter:hover{color:#FFF; background:#922A18;}
#container_info{display:block; margin:10px 0 30px 0; clear:both;}

#container_info_sx{width:432px; float:left; display:inline; padding:0 9px 0 0; border-right:1px solid #E6E6E6;}
#container_info_dx{width:226px; float:left; display:inline; padding:0 0 0 10px;}

#imagehome{display:block; height:300px; overflow:hidden;}

.titolo_articolo{font-size:20px; color:#922A18; width:337px; float:left; font-weight:normal;}
.frecciaarticolo{font-size:20px; margin:0 10px 0 0; float:left;}
.sottotitolo_articolo{font-size:16px; color:#922A18; display:block; margin:0 0 10px 0;}
.divisore{display:block; height:1px; background:#922A18; margin:10px 0;}

#container_aaa{width:65px; float:right; text-align:right;}
#divisore_articolo{display:block; margin:10px 0; height:5px; background:#F4E0D2; clear:both;}

.ban_home{width:196px; float:left; display:inline; padding:0 30px 0 0; background:url(../design/shadow_ban_home.png) top right no-repeat;}
.ban_home h3{display:block; font-size:14px; color:#922A18; padding:0 0 3px 0; border-bottom:1px solid #E6F2FA; margin:0 0 7px 0;}
.ban_home img{width:194px; margin:7px 0 0 0;}

.ban_offerte{width:226px; display:inline; float:left;}
.ban_offerte h3{font-size:14px; color:#FFF; padding:5px 5px 6px 20px; border-bottom:1px solid #FFF; background:url(../design/bkg_title_ban_offerte.png) top left repeat-x;}
.ban_offerte #container_offerte{display:block; padding:5px; background:#F2F2F2;}
.ban_offerte .titolo a{font-weight:bold; color:#922A18; margin:0 0 3px 0;}
.ban_offerte p{padding:0 0 5px 10px; margin:0 0 5px 0; border-bottom:1px solid #EADAD2;}
.ban_offerte a{display:block;}
.ban_offerte .visualizzatutte a{color:#922A18; padding:5px 0 0 10px; display:block;}
.ban_offerte .visualizzatutte a:hover{color:#003;}

#offerte{display:block; margin:10px 0 0 0; clear:both;}
#offerte h3{font-size:14px; color:#922A18; display:block; padding:5px 0; border-bottom:1px solid #D4EAF7; margin:0 0 5px 0;}
#offerte .titolo a{display:block; color:#922A18; padding:4px 10px 4px 17px; margin:0 0 5px 0; background: #F4E0D2 url(../design/bkg_offerte_titolo.png) 0 0 no-repeat; border-bottom:1px solid #FFF;} 
#offerte .titolo a:hover, #offerte .titolo a.selected{background: #F4E0D2 url(../design/bkg_offerte_titolo_over.png) 0 0 no-repeat; border-bottom:1px solid #922A18;}
#offerte .titolo .nome{width:250px; font-size:14px; color:#922A18; float:left; display:inline;}
#offerte .titolo .prezzo{width:155px; float:left; text-align:right; display:inline; color:#922A18;}
#offerte .descrizione{display:block; padding:5px; background:#F2F2F2; clear:both; margin:0 0 5px 0; line-height:13px;}
#offerte .descrizione b, #offerte .descrizione strong{color:#932A18;}
#offerte .descrizione .date{display:block; color:#922A18; margin:0 0 3px 0;}
#offerte .descrizione .specifica{color:#922A18; margin:0 0 10px 0; display:block;}
#offerte .descrizione .specifica strong, #offerte .descrizione .specifica b{color:#922A18; font-size:12px;}
#offerte .descrizione .camera{display:block; padding:0 0 5px 0; margin:0 0 5px 0; border-bottom:1px solid #9BCFEB;}
#offerte .descrizione .camera a{color:#01ABDF; display:block; margin:10px 0 0 0;}
#offerte .descrizione .camera a:hover{color:#922A18;}
#offerte .descrizione .camera .immagine{width:200px;  float:left; margin:0 10px 0 0; display:inline;}
#offerte .descrizione .camera img{width:200px;}
#offerte .descrizione .camera .testo{width:205px; float:left; display:inline;}
#offerte .descrizione .supplementi{color:#922A18; display:block; margin:5px 0 0 0;}
#offerte .descrizione .supplementi b, #offerte .descrizione .supplementi strong{color:#922A18;}
#offerte .descrizione .pacchetto{display:block; padding:0 0 5px 0; margin:5px 0 5px 0; border-bottom:1px solid #9BCFEB; font-size:13px;}
#offerte .descrizione .pacchetto b, #offerte .descrizione .pacchetto strong{color:#01ABDF; margin:0 5px 0 0}
#offerte .prenota a{float:right; color:#FFF; font-size:12px; padding:5px; margin:5px 0 0 0; display:block; clear:both; background:url(../design/bkg_btn_prenota.png) 0 0 repeat-x;}
#offerte .prenota a:hover{background:#922A18;}

.trattamento{display:block; margin:0 0 10px 0; background:#F2F2F2; padding:5px;}
.trattamento .titolo{display:block; padding:0 0 3px 0; margin:0 0 3px 0; border-bottom:1px solid  #FFF; font-size:14px; color:#922A18;}
.trattamento .titolo .nome{width:322px; float:left; display:inline;}
.trattamento .titolo .prezzo{width:100px; float:left; display:inline; text-align:right;}

#footer{display:block; clear:both; width:100%; background:#F4E0D2 url(../design/bkg_footer.png) top left repeat-x; padding:20px 0 0 0;}
#footer #footer_container{width:920px; display:block; margin:0 auto 0 auto;}
#footer #footer_logo{width:267px; height:80px; float:left; display:inline; background:url(../design/logo_footer.png) top right no-repeat;}
#footer #footer_testi{width:630px; float:left; display:inline; padding:0 0 0 20px; line-height:15px;}

/* inizio moduli*/
.step1{display:block; margin:10px 0 1px 0; background:#F5E7DF url(../design/step-1.png) top left no-repeat; color:#922A18; padding:4px 5px 4px 34px; font-size:14px;}
.step2{display:block; margin:10px 0 1px 0; background:#F5E7DF url(../design/step-2.png) top left no-repeat; color:#922A18; padding:4px 5px 4px 34px; font-size:14px;}
.step3{display:block; margin:10px 0 1px 0; background:#F5E7DF url(../design/step-3.png) top left no-repeat; color:#922A18; padding:4px 5px 4px 34px; font-size:14px;}
form{margin:5px 0;}
.containerdatiform{display:block; padding:5px; background:#F2F2F2;}
.rigadati{display:block; margin:0 0 10px 0;}
.riga206sx{width:206px; margin:0 5px 0 0; float:left;}
.riga206dx{width:206px; margin:0 0 0 5px; float:left;}
.riga140{width:125px; margin:0 10px 0 0; float:left;}
.riga62{width:62px; margin:0 10px 0 0; float:left;}
.riga62_5{width:62px; margin:0 5px 0 0; float:left;}


label{display:block; color:#6E6E6E; clear:right; margin:0 0 2px 0;}
.input206{width:198px; border:1px solid #F2F2F2; padding:3px; font-size:12px; color:#922A18;}
.input206calendar{width:198px; border:1px solid #F2F2F2; padding:3px; font-size:12px; color:#922A18; background: #FFF url(../design/calendar.gif) 100% 50% no-repeat;}
.input140{width:121px; border:1px solid #F2F2F2; padding:3px; font-size:12px; color:#922A18;}
.input62{width:56px; border:1px solid #F2F2F2; padding:3px; font-size:12px; color:#922A18;}
.input418{width:410px; border:1px solid #F2F2F2; padding:3px; font-size:12px; color:#922A18;}
.textarea{width:410px; height:80px; border:1px solid #F2F2F2; padding:3px; font-size:12px; color:#922A18;}
.checkbox{float:left; margin:0x 5px 0 0;}
.testocheck {float:left; margin:3px 10px 0 0;}
.testocheck label{margin:0; clear:none;}
input:focus, input:active, textarea:focus, textarea:active, select:focus, select:active {border: 1px solid #922A18;background:#FFF5CC;}
label.error {color:#F00;}
input.error{border: 1px solid #F00; color:#F00; background:#FFF;}
textarea.error{border: 1px solid #F00; color:#F00; background:#FFF;}

.aggiungi_camera{display:block; margin:3px 0; padding:0 0 0 216px; clear:both;} 
.privacy{padding:2px 0 0 20px;}
.btn_send{padding:3px; color:#FFF; font-size:12px; display:block; float:right; background:url(../design/bkg_bnt_invia.png) top left repeat-x; border:1px solid #FFF; cursor:pointer;}
.btn_send:hover{background:#FFF; color:#922A18; border:1px solid #922A18;}


/* tariffe */
#box_tariffe{margin:20px 0; width:678px; clear:both; color:#676767;}
#box_tariffe .spaziatore_periodo{width:273px; margin:0 4px 4px 0; float:left;}
#box_tariffe .periodo{width:85px; padding:6px 20px; margin:0 4px 4px 0; float:left;} 
#box_tariffe .periodo .stag{font-size:14px; color:#922A18; width:15px; float:left;}
#box_tariffe .periodo .data{width:70px;}
#box_tariffe .specifica{width:273px; padding:5px; margin:0 4px 4px 0; font-size:14px; background:#F4E0D2; float:left;}
#box_tariffe .prezzo{width:125px; padding:5px 0; margin:0 4px 4px 0; float:left; background:#F4E0D2; font-size:14px; text-align:center;}  

.titolo_suprid{font-size:14px; color:#922A18; display:block; margin:0 0 10px 0;}
.riga_suprid{margin:0 0 5px 15px; display:block; clear:both;}


/* photogallery */
#photogallery{display:block; clear:both;}
#photogallery #bigimg{width:520px; float:left; height:346px; margin:0 10px 0 0;}
#photogallery #bigimg img{width:520px; height:346px;}
div.scrollable {position:relative; overflow:hidden; height: 336px; width: 143px; float:left; padding:5px 0 5px 5px; background:#F2F2F2;} 
div.scrollable div.items {position:absolute; height:20000em; width:143px;}
div.scrollable div.items a{width:130px; padding:2px; background:#FFF; border:1px solid #F2F2F2; display:block; margin:0 5px 5px 0;}
div.scrollable div.items a:hover{border:1px solid #922A18;}
div.scrollable div.items a.activeSlide{border:1px solid #922A18; background:#922A18;}
div.scrollable div.items img{width:130px; height:86px;}

/* offerte new */
.catoff{color:#FFF; border:1px solid #FFF; padding:2px; font-size:10px; text-align:center; clear:both;}

.hotel_home{display:block; clear:both; margin:0 0 10px 0;}
.hotel_home .titolo_vs{color:#FFF; display:block; height:42px; background:url(../design/vs_header_bk.png) top left repeat-x; margin:0;}
.hotel_home .titolo_vs .logosmall{width:45px; height:42px; display:inline; float:left; background:url(http://www.villasvizzera.it/common/design/logo_vs_small.png) top left no-repeat;}
.hotel_home .titolo_vs .testohotel{padding:8px; font-size:16px; float:left; font-weight:normal; margin:0;}
.hotel_home .cont_inf_vs{padding:5px; display:block; clear:both; background:#F5E7DF;}
.hotel_home .cont_inf_vs .plus{display:block; padding:0 45px;}
.hotel_home .cont_inf_vs .sx{width:200px; float:left; margin:0 10px 0 0;}
.hotel_home .cont_inf_vs .sx img{width:198px; border:1px solid #FFF;}
.hotel_home .cont_inf_vs .dx{width:212px; float:left;}
.hotel_home .sottotitolo_vs{font-size:12px; color:#fff; padding:5px 8px 0 9px; background:url(../design/bkg_stl_vs.png) top left repeat-x; height:24px;}
.hotel_home .riga_offerta_vs a{display:block; background:#F5E7DF; padding:3px; margin:0;}
.hotel_home .riga_offerta_vs a:hover{background:#FEF3AE;}
.hotel_home .riga_offerta_vs .conttitle{width:260px; float:left;}
.hotel_home .riga_offerta_vs .titolo{color:#A11F16; padding:0; font-size:14px;}
.hotel_home .riga_offerta_vs .date{font-size:10px; color:#666; clear:left; display:block;}
.hotel_home .riga_offerta_vs .contprezzo{width:160px; float:right;}
.hotel_home .riga_offerta_vs .prezzo{color:#060; font-size:12px; font-weight:bold;}
.hotel_home .riga_offerta_vs .prezzo_scontato{color:#C00; font-size:11px; text-decoration:line-through;}
.hotel_home .riga_offerta_vs .dettaglio_offerta{padding:5px; background:#f2f2f2;}
.hotel_home .riga_offerta_vs .dettaglio_offerta b, .hotel_home .riga_offerta_vs .dettaglio_offerta strong{color:#A11F16;}
.hotel_home .riga_offerta_vs .dettaglio_offerta .prenota a{float:right; color:#FFF; font-size:12px; padding:5px; margin:5px 0 0 0; display:block; clear:both; background:url(../design/bkg_btn_book_vs.png) 0 0 repeat-x;}
.hotel_home .riga_offerta_vs .dettaglio_offerta .prenota a:hover{background:#A52B1B;}
.hotel_home .riga_offerta_vs .chiusura{background:#F5E7DF url(../design/bkg_off_vs.png) bottom left repeat-x; margin:0; display:block; height:4px;}

#ricerca_left{padding:10px; margin:5px 0; background:#A52B1B url(../design/bkg_ricerca_top.png) 0 0 repeat-x; display:inline; float:left;}
#ricerca_left .titolo{color:#FFF; font-size:16px; line-height:18px; margin:0 0 5px 0;}
#ricerca_left .riga206{width:206px; margin:0 0 5px 0;}
#ricerca_left .riga206 label{color:#FFF; display:block; clear:both; margin:0 0 5px 0;}
#ricerca_left .riga206 .input206{width:200px; border:1px solid #F2F2F2; padding:3px; font-size:12px; color:#922A18;}
#ricerca_left .riga206 .btn_cerca{padding:5px; background:#922A18; color:#FFF; border:1px solid #FFF; float:right; cursor:pointer;}
#ricerca_left .riga206 .btn_cerca:hover{color:#922A18; background:#FFF;}

#ricerca_top{padding:5px; display:block; margin:0 0 10px 0; background:#A52B1B url(../design/bkg_ricerca_top.png) 0 0 repeat-x;}
#ricerca_top .titolo{display:block; color:#FFF; font-size:14px; line-height:18px; margin:0 0 3px 0;}
#ricerca_top .riga175{width:175px; margin:0 5px 0 0; float:left;}
#ricerca_top .riga175 label{color:#FFF; display:block; clear:both; margin:0 0 5px 0;}
#ricerca_top .riga175 .input175{width:169px; border:1px solid #F2F2F2; padding:3px; font-size:12px; color:#0071BC;}
#ricerca_top #btn_cerca{width:31px; height:50px; float:right; background:url(../design/btn_ricerca_off_top.png) bottom left no-repeat; border:none; cursor:pointer;}
#ricerca_top #btn_cerca:focus{border:none; outline:0;}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../design/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../design/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../design/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}