/* CSS Document */

body{margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; color:#666; background:#fff;}
img{border:0;}
p{margin:0;}
p.default{margin:10px 0 0 0;}
b{color:#333;}
a{color:#5F86C8; font-weight:bold; text-decoration:underline;}
a:hover{color:#026;}
h1{font-size:24px; line-height:28px; display:block; font-weight:normal; color:#5F86C8; margin:0; padding:10px 20px 10px 20px;}
h1.nosottomenu{font-size:24px; line-height:28px; display:block; font-weight:normal; color:#5F86C8; margin:0; padding:20px 20px 10px 20px;}


/* GENERALI */
#container{width:800px; display:block; margin-left:auto; margin-right:auto;}
.cleaner{height:1px; display:block; clear:both;}
.cleaner-ombra{height:10px; display:block; clear:both; background:url(../images/cleaner-ombra.jpg) repeat-x;}

.vai a{font-size:10px; line-height:10px; font-weight:normal; text-decoration:none; text-transform:uppercase; letter-spacing:1px; color:#5f86c8; display:block; padding:10px 15px 10px 0; text-align:right; background:url(../images/vai-S.gif) center right no-repeat;}
.vai a:hover{color:#026; background:url(../images/vai-A.gif) center right no-repeat;}
.vai-stretto a{font-size:10px; line-height:10px; font-weight:normal; text-decoration:none; text-transform:uppercase; letter-spacing:1px; color:#5f86c8; display:block; padding:0 15px 0 0; text-align:right; background:url(../images/vai-S.gif) center right no-repeat;}
.vai-stretto a:hover{color:#026; background:url(../images/vai-A.gif) center right no-repeat;}
#firma{position:absolute; top:0px; right:0px; width:20px; height:60px; border-bottom:solid 1px #ddd;}
#firma-itiner{position:absolute; top:60px; right:0px; width:20px; height:60px;}

/* TESTATA */
#testata{width:760px; height:151px; display:block; padding:0 20px 0 20px; background:url(../images/base-testata.jpg) no-repeat;}
.logo a{width:362px; height:120px; display:block; background:url(../images/base-logo-S.jpg) no-repeat; float:left;}
.logo a:hover{background:url(../images/base-logo-A.jpg) no-repeat;}
		.booking{width:280px; padding:15px 4px 12px 4px; display:block; float:right; background:url(../images/base-booking.jpg) bottom right no-repeat;}
		a.video{display:block; line-height:14px; background:url(../images/base-video.jpg) no-repeat; color:#fff; padding:9px 0 20px 41px; text-decoration:none; opacity:0.8; filter:alpha(opacity=80);}
		a:hover.video{opacity:1.0; filter:alpha(opacity=100);}
.lingua {width:18px; height:12px; display:block; border:solid 1px #fff; float:right; margin:0 0 0 5px;}
#menu-container{height:30px; border-left:solid 1px #351900; padding:0 0 0 20px;}
.menu a{font-size:10px; line-height:10px; text-decoration:none; text-transform:uppercase; font-weight:normal; letter-spacing:1px; color:#5f86c8; display:block; padding:10px; background:url(../images/base-menu-S.jpg) repeat-x; float:left; border-right:solid 1px #c9d6ec;}
.menu a:hover{color:#026; background:url(../images/base-menu-A.jpg) repeat-x;}
.menu-active a{font-size:10px; line-height:10px; text-decoration:none; text-transform:uppercase; letter-spacing:1px; color:#026; display:block; padding:10px; background:#fff; float:left; border-right:solid 1px #c9d6ec;}
.menu-default a{width:30px; height:30px; display:block; float:left; background:url(../images/default-menu-S.jpg) no-repeat; border-right:solid 1px #c9d6ec;}
.menu-default a:hover{background:url(../images/default-menu-A.jpg) no-repeat;}
.menu-default-active a{width:30px; height:30px; display:block; float:left; background:url(../images/default-menu-active.jpg) no-repeat; border-right:solid 1px #c9d6ec;}
#sottomenu-container{height:40px; display:block; background:url(../images/base-sottomenu.jpg) repeat-x;}
.sottomenu a{font-size:10px; line-height:10px; text-decoration:none; text-transform:uppercase; font-weight:normal; letter-spacing:1px; color:#5f86c8; display:block; padding:10px 11px 10px 10px; background:url(../images/separatore.jpg) right no-repeat; float:left;}
.sottomenu a:hover{color:#026; text-decoration:underline;}

/* DEFAULT */
		.flash-default{width:380px; height:230px; display:block; float:left; border-top:solid 1px #fff;}
		.testo-default{width:340px; padding:20px; display:block; float:left; font-size:11px; line-height:13px;}
		.titolo-default{font-family:"Times New Roman", Times, serif; color:#5F86C8; text-transform:uppercase; font-size:14px; line-height:16px; padding:0 0 10px 0; border-bottom:dotted 2px #ccc; display:block;}
.titolo-banner-offerte{color:#fff; letter-spacing:1px; font-size:16px; line-height:16px; padding:10px; display:block; background:url(../images/banner-titolo-offerte.jpg) repeat-x;}
.titolo-banner-camere{color:#fff; letter-spacing:1px; font-size:16px; line-height:16px; padding:10px; display:block; background:url(../images/banner-titolo-camere.jpg) repeat-x;}
.titolo-banner-dove{color:#fff; letter-spacing:1px; font-size:16px; line-height:16px; padding:10px; display:block; background:url(../images/banner-titolo-dove.jpg) repeat-x;}
.titolo-banner-eventi{color:#fff; letter-spacing:1px; font-size:16px; line-height:16px; padding:10px; display:block; background:url(../images/banner-titolo-eventi.jpg) repeat-x;}
.titolo-banner-newsletter{color:#fff; letter-spacing:1px; font-size:16px; line-height:16px; padding:10px; display:block; background:url(../images/banner-titolo-newsletter.jpg) repeat-x;}
#banner-container{width:760px; display:block; padding:0 0 20px 0; background:url(../images/base-banners.jpg) no-repeat #eda;}
.banner-offerte{width:350px; padding:20px 0 0 20px; display:block; float:left;}
.banner{width:165px; padding:20px 0 0 20px; display:block; float:left;}
.banner-contenuto{display:block; padding:10px 10px 0 10px; background:#fff; border:solid 1px #c7c7b3;}
.banner-contenuto .testo{display:block; height:96px; padding:0 0 10px 0; border-bottom:dotted 2px #ccc;}
.offerta-default-titolo a{font-size:16px; font-weight:normal; display:block; padding:0 0 5px 0;}
.offerta-default-data{display:block; padding:0 0 5px 0;}
.offerta-default-prezzo{font-size:16px; font-weight:bold; display:block; padding:0 0 5px 0; color:#333;}
.offerta-default-descrizione{display:block; color:#333; font-size:10px; line-height:12px;}
.banner-default-titolo a{font-size:16px; width:200px; float:right; font-weight:normal; display:block; padding:0 0 5px 0;}
.banner-default-testo{display:block; padding:0 0 5px 0; width:200px; float:right;}
img.image-banner{width:120px; float:left;}


/* CORPO */
#corpo{width:760px; display:block; padding:0 20px 0 20px; background:url(../images/base-corpo.jpg) repeat-y;}

/* PIEDE */
#piede{width:760px; height:90px; display:block; padding:0 20px 20px 20px; background:url(../images/base-piede.jpg) no-repeat;}
.associazione-albergatori a{width:75px; height:75px; padding:0 10px 0 0; display:block; float:left; background:url(../images/piede-associazione-albergatori-S.jpg) no-repeat;}
.associazione-albergatori a:hover{background:url(../images/piede-associazione-albergatori-A.jpg) no-repeat;}
.federterme a{width:65px; height:72px; display:block; float:left; background:url(../images/piede-federterme-S.jpg) no-repeat;}
.federterme a:hover{background:url(../images/piede-federterme-A.jpg) no-repeat;}
.coti a{width:101px; height:72px; display:block; float:left; background:url(../images/piede-coti-S.jpg) no-repeat;}
.coti a:hover{background:url(../images/piede-coti-A.jpg) no-repeat;}
.indirizzo{width:260px; display:block; padding:20px 0 0 0; float:left; font-size:10px; line-height:12px; color:#fff; text-align:center;}
.indirizzo a{color:#eda;}
.indirizzo a:hover{color:#fff;}
.cisqeco a{width:75px; height:72px; display:block; float:right; background:url(../images/piede-cisq-eco-S.jpg) top left no-repeat;}
.cisqeco a:hover{background:url(../images/piede-cisq-eco-A.jpg) top left no-repeat;}
.cisqcert a{width:72px; height:72px; display:block; float:right; background:url(../images/piede-cisq-cert-S.jpg) top left no-repeat;}
.cisqcert a:hover{background:url(../images/piede-cisq-cert-A.jpg) top left no-repeat;}
.quality-hotels a{width:86px; height:72px; display:block; float:right; background:url(../images/piede-quality-hotels-S.jpg) top left no-repeat;}
.quality-hotels a:hover{background:url(../images/piede-quality-hotels-A.jpg) top left no-repeat;}


/* ARTICOLO GENERALE */
#articolo-generale-container{display:block; padding:10px 0 10px 10px;}
.articolo-generale{width:370px; display:block; padding:10px 0 0 0; background:url(../images/articolo-generale-testa.jpg) top no-repeat; float:left;}
.articolo-generale .testo{width:330px; display:block; padding:10px 20px 19px 20px; background:url(../images/articolo-generale-piede.jpg) bottom no-repeat;}
img.image-articolo-generale{width:145px; float:left;}
.colonna-articolo-generale{width:175px; margin:0; float:right; display:block;}
.articolo-generale-titolo a{font-size:16px; font-weight:normal; display:block; padding:0 0 5px 0;}
p.paragrafo-articolo-generale{font-size:10px; line-height:12px; margin:0;}

/* PHOTOGALLERY */
#photogallery-container{width:760px; display:block; padding:10px 0 0 0; background:url(../images/photogallery-testa.jpg) top no-repeat;}
.photogallery{width:720px; display:block; padding:0 20px 20px 20px; background:url(../images/photogallery-piede.jpg) bottom no-repeat;}
.photogallery-image-container{width:400px; padding:20px; display:block; float:left; text-align:center;}
.photogallery-thumb-container{width:280px; display:block; float:right;}
.photogallery-thumb a{width:49px; height:49px; padding:10px; display:block; float:left; border-bottom:solid 1px #C9D6EC; border-right:solid 1px #C9D6EC; background:url(../images/photogallery-thumb-fondo.jpg) repeat-x;}
.photogallery-thumb a:hover{background:#fff;}
.photogallery-didasacalia{display:block; padding:10px; font-size:10px; line-height:12px; font-style:italic;}

/* ARTICOLO */
.articolo-testo{width:720px; display:block; padding:0 20px 20px 20px;}
.articolo-testo-colonna{width:500px; display:block; padding:0 20px 20px 0; float:right}
.online-booking a{width:220px; height:130px; display:block; float:left; background:url(../images/online-booking-S.jpg) top right no-repeat;}
.online-booking a:hover{background:url(../images/online-booking-A.jpg) top right no-repeat;}


/* OFFERTE */
#eventi-container{display:block; padding:0 20px 9px 20px;}
.evento{display:block; padding:10px 0 10px 0; border-top:solid 1px #ccc;}
.evento .immagine{width:220px; display:block; padding:0 10px 0 0; float:left;}
.evento .descrizione{width:480px; display:block; float:left;}
.evento .descrizione .titolo{font-size:18px; line-height:24px; color:#5F86C8; display:block; padding:0 0 5px 0;}
.evento .descrizione .data{display:block; padding:0 0 10px 0; font-weight:bold; color:#333;}
img.image-evento{width:220px;}

/* CAMERA */
.camera-testo{width:420px; display:block; padding:0 0 20px 20px; float:left;}
.camera-tariffe{width:280px; display:block; float:right; padding:0 20px 20px 0;}
.camera-tariffe .testa{display:block; border-bottom:solid 1px #C9D6EC; font-size:10px; line-height:10px; letter-spacing:1px; color:5F86C8; text-transform:uppercase;}
.camera-tariffe .testa .descrizione{width:110px; display:block; background:url(../images/separatore20.jpg) left no-repeat; padding:0 0 9px 10px; float:left;}
.camera-tariffe .testa .tipo-trattamento{width:60px; display:block; background:url(../images/separatore20.jpg) right no-repeat; padding:0 10px 9px 0; float:right; text-align:right;}
.camera-tariffe .riga{display:block; border-bottom:solid 1px #C9D6EC; background:url(../images/camera-riga.gif) repeat-y;}
.camera-tariffe .riga .stagione{width:16px; display:block; padding:10px 0 9px 10px; float:left; text-transform:uppercase; font-weight:bold; color:#5F86C8;}
.camera-tariffe .riga .data{width:95px; display:block; padding:10px 0 9px 0; float:left;}
.camera-tariffe .riga .prezzo{width:60px; display:block; padding:10px 10px 9px 0; float:right; text-align:right; font-weight:bold; color:#0542A8;}
.camera-richiesta{display:block; padding:10px 20px 9px 20px; border-top:solid 1px #ccc;}

/* TRATTAMENTI */
.trattamenti-testo{display:block; padding:0 20px 20px 20px;}
.trattamento{width:350px; padding:20px 0 20px 20px; display:block; float:left; border-top:solid 1px #ccc;}
.trattamento .colonnaSX{width:280px; display:block; float:left;}
.trattamento .colonnaSX .nome{font-weight:bold; color:#333; display:block; padding:0 0 2px 0;}
.trattamento .colonnaSX .durata{font-style:italic; display:block; padding:0 0 10px 0;}
.trattamento .colonnaDX{width:60px; font-weight:bold; text-align:right; color:#5F86C8; display:block; float:right;}

/* PACCHETTI */
.pacchetti-testo{display:block; padding:0 20px 20px 20px;}
.pacchetto{width:350px; padding:20px 0 20px 20px; display:block; float:left; border-top:solid 1px #ccc;}
.pacchetto .colonnaSX{width:260px; display:block; float:left;}
.pacchetto .colonnaSX .nome{font-weight:bold; color:#333; display:block; padding:0 0 2px 0;}
.pacchetto .colonnaSX .durata{font-style:italic; display:block; padding:0 0 10px 0;}
.pacchetto .colonnaDX{width:80px; font-weight:bold; text-align:right; color:#5F86C8; display:block; float:right;}

/* COME RAGGIUNGERCI */
#google-container{width:760px; display:block; padding:10px 0 0 0; background:url(../images/photogallery-testa.jpg) top no-repeat;}
.google{width:720px; display:block; padding:0 20px 20px 20px; background:url(../images/photogallery-piede.jpg) bottom no-repeat;}
.google-image-container{width:400px; padding:20px; display:block; float:left; text-align:center;}
.google-data-container{width:280px; display:block; float:right;}
.google-didasacalia{display:block; padding:20px; font-size:10px; line-height:12px;}

/* TARIFFE */
.tariffe{width:420px; display:block; float:left; padding:0 0 10px 20px; background:url(../images/tariffe-riga.jpg) no-repeat;}
.tariffe .riga{display:block; border-bottom:solid 1px #C9D6EC;}
.tariffe .riga .descrizione{width:140px; height:45px; display:block; padding:0 0 9px 10px; float:left;}
.tariffe .riga .descrizione b{color:#0542A8;}
.tariffe .riga .periodo{width:80px; display:block; padding:0 10px 9px 0; float:right; text-align:right;}
.tariffe .riga .periodo b{color:#0542A8;}
.tariffe .riga .tipologia{width:139px; display:block; padding:10px 0 9px 10px; float:left; border-left:solid 1px #C9D6EC;}
.tariffe .riga .prezzo{width:79px; display:block; padding:10px 10px 9px 0; float:right; text-align:right; border-right:solid 1px #C9D6EC;}
.tariffe .riga .prezzo b{color:#0542A8;}

.supplementi{width:280px; display:block; float:right; padding:0 20px 20px 0; background:url(../images/supplementi-riga.jpg) no-repeat;}
.supplementi .riga{display:block; border-bottom:solid 1px #C9D6EC;}
.supplementi .riga .descrizione{width:160px; height:45px; display:block; padding:0 0 9px 10px; float:left;}
.supplementi .riga .descrizione b{color:#0542A8;}
.supplementi .riga .tipologia{width:189px; display:block; padding:10px 0 9px 10px; float:left; border-left:solid 1px #C9D6EC;}
.supplementi .riga .prezzo{width:49px; display:block; padding:10px 10px 9px 0; float:right; text-align:right; border-right:solid 1px #C9D6EC;}
.supplementi .riga .prezzo b{color:#0542A8;}

#tariffe-offerte-container{display:block; padding:0 0 9px 10px;}
.tariffe-offerta{width:246px; background:url(../images/tariffe-offerte-testa.jpg) top no-repeat; padding:10px 0 0 0; float:left; display:block;}
.tariffe-offerta .contenuto{width:226px; padding:10px; display:block; background:url(../images/tariffe-offerte-piede.jpg) bottom no-repeat;}
.tariffe-offerta .contenuto .titolo{font-size:18px; line-height:18px; color:#5F86C8; display:block; padding:0 10px 10px 10px;}
.tariffe-offerta .contenuto .immagine{height:90px; display:block;}
.tariffe-offerta .contenuto .testo{display:block; padding:10px;}
.tariffe-offerta .contenuto .richiesta{display:block; border-top:solid 1px #ccc; padding:0 10px 0 0;}

/* OFFERTE */
#offerte-container{display:block; padding:0 20px 9px 20px;}
.offerta{display:block; padding:10px 0 10px 0; border-top:solid 1px #ccc;}
.offerta .dati{width:220px; display:block; padding:0 10px 0 0; float:left;}
.offerta .dati .titolo{font-size:18px; line-height:24px; color:#5F86C8; display:block; padding:0 0 5px 0;}
.offerta .dati .data{display:block; padding:0 0 10px 0; font-weight:bold; color:#333;}
.offerta .dati .prezzo{display:block; padding:0 0 5px 0; font-size:18px; line-height:18px; font-weight:bold; color:#0542A8;}
.offerta .dati .specifiche{display:block; font-stile:italic; font-size:10px; line-height:12px;}
.offerta .descrizione{width:380px; display:block; float:left;}
.offerta .richiesta{display:block; width:100px; float:right;}

/* MODULI */
#form-container{width:740px; padding:10px 10px 10px 10px; background:url(../images/form-testa.jpg) top no-repeat;}

form{width:740px; display:block; padding:0; margin:0; background:url(../images/form-corpo.jpg) repeat-y;}
.form-colonna-SX{width:360px; display:block; padding:10px 0 10px 20px; float:left;}
.form-colonna-DX{width:335px; display:block; padding:10px 20px 10px 0; float:right;}
.form-titolo{font-size:14px; line-height:14px; color:#5F86C8; font-weight:bold; display:block; padding:0 0 10px 0;}
.form-titolo-successivo{font-size:14px; line-height:14px; color:#5F86C8; font-weight:bold; display:block; padding:20px 0 10px 0;}
.form-testo{display:block; font-size:10px; line-height:12px;}
.form-uno{width:344px; display:block; padding:10px 0 0 0;}
.form-due{width:166px; display:block; padding:10px 12px 0 0; float:left;}
.form-quattro{width:77px; display:block; padding:10px 12px 0 0; float:left;}
.form-descrizione{font-size:10px; line-height:10px; display:block; padding:0 0 5px 0; color:#333;}
.modulo-data{font-size:10px; height:18px; text-indent:3px; font-family:Arial, Helvetica, sans-serif; color:#333; width:164px; border:solid 1px #ccc; background:url(../images/calendario.gif) no-repeat right #fff;}
.modulo-uno{font-size:10px; height:70px; text-indent:3px; font-family:Arial, Helvetica, sans-serif; color:#333; width:342px; border:solid 1px #ccc; background:#fff;}
.modulo-uno-lungo{font-size:10px; height:18px; text-indent:3px; font-family:Arial, Helvetica, sans-serif; color:#333; width:342px; border:solid 1px #ccc; background:#fff;}
.modulo-due{font-size:10px; height:18px; text-indent:3px; font-family:Arial, Helvetica, sans-serif; color:#333; width:164px; border:solid 1px #ccc; background:#fff;}
.modulo-quattro{font-size:10px; height:18px; text-indent:3px; font-family:Arial, Helvetica, sans-serif; color:#333; width:75px; border:solid 1px #ccc; background:#fff;}
.modulo-due-tendina{font-size:10px; height:20px; font-family:Arial, Helvetica, sans-serif; color:#333; width:120px; border:solid 1px #ccc; background:#fff;}
.button-container{display:block; padding:0 0 0 0;}
.modulo-button{width:50px; height:24px; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:10px; font-weight:bold; color:#026; text-transform:uppercase; display:block; float:right; border:none; background:url(../images/button.jpg) no-repeat;}
.modulo-accetto{width:200px; display:block; float:left;}

/* VIDEOS */
.video-container{
display:block;
padding:20px;
text-align:center;
}
ul.videomenu{
height:30px;
display:block;
padding:0;
margin:0;
list-style:none;
border-style:solid;
border-width:1px 1px 0 1px;
border-color:#c9d6ec;
background:url(../images/base-menu-S.jpg) repeat-x;
}
ul.videomenu li.base{
padding:0;
margin:0;
float:left;
}
ul.videomenu li.base a{
font-size:10px;
line-height:10px;
text-decoration:none;
text-transform:uppercase;
font-weight:normal;
letter-spacing:1px;
color:#5f86c8;
display:block;
padding:10px;
background:url(../images/base-menu-S.jpg) repeat-x;
float:left;
border-right:solid 1px #c9d6ec;
}
ul.videomenu li.base a:hover{
color:#026;
background:url(../images/base-menu-A.jpg) repeat-x;
}
ul.videomenu li.base-active{
padding:0;
margin:0;
float:left;
}
ul.videomenu li.base-active a{
font-size:10px;
line-height:10px;
text-decoration:none;
text-transform:uppercase;
letter-spacing:1px;
color:#026;
display:block;
padding:10px;
background:#fff;
float:left;
border-right:solid 1px #c9d6ec;
}
.video-container .item{
display:block;
padding:20px;
text-align:center;
border-style:solid;
border-width:0 1px 1px 1px;
border-color:#c9d6ec;
}


/* quick reserve */
	.quickbooking-container{
		width:760px;
		padding:0 20px;
		background:url(../images/base-corpo.jpg) repeat-y;
	}
	
	form.quickbooking{
		width:760px;
		display:block;
		margin:0;
		background:#341800;
		border-bottom:solid 1px #000;
	}
	form.quickbooking h1{
		font-size:16px;
		line-height:16px;
		color:#eedcaa;
		font-family:"Times New Roman", Times, serif;
		font-weight:normal;
		text-align:center;
		text-transform:uppercase;
		letter-spacing:2px;
		display:block;
		padding:12px;
		margin:4px;
		border:solid 1px #eedcaa;
		float:left;
		background:url(../images/quick.gif) top left no-repeat #341800;
	}
	form.quickbooking p{
		margin:0;
	}
	form.quickbooking p.arrivo{
		display:block;
		padding:8px;
		float:left;
		border-right:solid 1px #000;
	}
	form.quickbooking p.altri{
		display:block;
		padding:8px;
		float:left;
		border-right:solid 1px #000;
	}
	form.quickbooking p.send{
		display:block;
		padding:8px 8px 8px 0;
		float:right;
		text-align:right;
	}
	form.quickbooking span{
		display:block;
		padding:0 0 5px 0;
		font-size:10px;
		line-height:10px;
		color:#fff;
		text-transform:uppercase;
	}
	form.quickbooking select.daymonth{
		width:60px;
		height:18px;
		margin:0;
		border:solid 1px #000;
		background:#ddd;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	form.quickbooking select.year{
		width:70px;
		height:18px;
		margin:0;
		border:solid 1px #000;
		background:#ddd;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	form.quickbooking select.half{
		width:50px;
		height:18px;
		margin:0;
		border:solid 1px #000;
		background:#ddd;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	form.quickbooking input.send{
		height:22px;
		border:solid 1px #000;
		background-color:#05a;
		font-family:Arial, Helvetica, sans-serif;
		letter-spacing:2px;
		color:#fff;
		padding:0 5px 2px 5px;
		margin:0;
		overflow:visible;
		font-size:11px;
	}
