/* CSS Document */

body{margin:0; background:url(../images/base-fondo.jpg) top repeat-x #f4f5f6; letter-spacing:0.03em; font-family:"Times New Roman", Times, serif; font-size:13px; line-height:15px; color:#666;}
img{border:0;}
p{margin:0;}
a{color:#69f; text-decoration:none;}
a:hover{color:#35f;}
b,strong{color:#333;}
h1{color:#69f; font-size:30px; line-height:30px; display:block; margin:0; padding:0 0 10px 0; border-bottom:dotted 2px #ccc; font-weight:normal;}
h3{color:#333; font-size:16px; line-height:20px; display:block; margin:0; padding:0}


/* GENERALI */
.cleaner{height:1px; display:block; clear:both;}
.cleaner-30{height:30px; display:block; clear:both;}
.cleaner-grigio{height:1px; display:block; clear:both; background:#ccc;}
#firma{position:absolute; top:0px; right:0px; width:20px; height:60px;}
#firma-itiner{position:absolute; top:60px; right:0px; width:20px; height:60px; border-top:solid 1px #ccc;}
#container{width:960px; display:block;}



/* COLONNA SX */
#colonna-SX{width:180px; display:block; float:left; background:url(../images/base-DX.jpg) top right no-repeat #f4f5f6; padding:0 10px 0 0;}
a.logo{width:180px; height:140px; display:block; background:url(../images/base-logo-S.gif) top left no-repeat;}
a:hover.logo{background:url(../images/base-logo-A.gif) top left no-repeat;}
.lingue{padding:0 0 10px 30px; display:block;}
.lingue a{width:27px; height:12px; display:block; float:left;}
ul.menu{margin:0; padding:1px 0 0 30px; list-style:none;}
ul.menu li.first{display:block; margin:0; padding:0; height:28px; list-style:none; border-top:solid 1px #e2e2e2;}
ul.menu li.first a{display:block; padding:8px 0 8px 0; letter-spacing:0.3em; font-size:11px; line-height:11px; text-transform:uppercase; color:#666; background:none; border-bottom:solid 1px #e2e2e2;}
ul.menu li.first a:hover{color:#444; background:url(../images/base-menu.gif) right repeat-y;}
ul.menu li.first a.active{display:block; padding:8px 0 8px 0; letter-spacing:0.3em; font-size:11px; line-height:11px; text-transform:uppercase; color:#000; background:url(../images/base-menu.gif) right repeat-y; border-bottom:solid 1px #EBEDF2;}
ul.menu li{display:inline; margin:0; padding:0; height:28px; list-style:none;}
ul.menu li a{display:block; padding:8px 0 8px 0; letter-spacing:0.3em; font-size:11px; line-height:11px; text-transform:uppercase; color:#666; background:none; border-bottom:solid 1px #e2e2e2;}
ul.menu li a:hover{color:#444; background:url(../images/base-menu.gif) right repeat-y;}
ul.menu li a.active{display:block; padding:8px 0 8px 0; letter-spacing:0.3em; font-size:11px; line-height:11px; text-transform:uppercase; color:#000; background:url(../images/base-menu.gif) right repeat-y; border-bottom:solid 1px #EBEDF2;}
p.indirizzo{padding:30px; display:block; font-size:11px;}

/* COLONNA DX */
#colonna-DX{width:750px; padding:30px 0 0 20px; display:block; float:left;}

/* DEFAULT */
.default-benvenuto{width:260px; display:block; float:right;}
.default-benvenuto h3{padding:10px 0 2px 0;}
.default-banner{display:block; border-top:solid 1px #ccc; border-left:solid 1px #ccc; border-right:solid 1px #ccc; background:url(../images/base-banner.jpg) bottom repeat-x #fff; margin:30px 0 0 0;}
.default-banner .offerte{width:238px; display:block; float:left; height:220px;}
.default-banner .offerte p{display:block; padding:0 10px 10px 10px;}
.default-banner .offerte a.titolo-offerta{font-size:16px; line-height:18px; padding:5px 0 5px 0; display:block; border-top:solid 1px #ccc;}
.default-banner .offerte .prezzo{font-size:16px; color:#35f; font-weight:bold;}
.default-banner .offerte .giorni{font-size:16px; color:#69f;}
.default-banner .offerte .specifiche{display:block; padding:5px 0 0 0; font-size:11px; line-height:13px;}
.default-banner .banner{width:168px; display:block; float:left; height:220px; border-left:dotted 2px #ccc;}
.default-banner .banner .image{display:block; padding:0 10px 0 10px;}
.default-banner .banner .image a{display:block; padding:5px; background:#fff; border:solid 1px #ccc;}
.default-banner .banner .image a:hover{border:solid 1px #666;}
.default-banner .banner img.banner-image{width:136px;}
.default-banner .banner p{display:block; padding:0 10px 10px 10px; margin:0; font-size:11px; line-height:13px;}
a.banner-vai{font-size:20px; line-height:20px; display:block; padding:10px; background:url(../images/banner-vai-S.gif) right no-repeat;}
a:hover.banner-vai{background:url(../images/banner-vai-A.gif) right no-repeat;}

/* ARTICOLI */
.articolo{width:230px; display:block; float:left; padding:20px 10px 30px 0;}
.images-articolo{width:490px; float:right; display:block; border-left:solid 1px #ccc; padding:20px 0 0 10px;}
.images-articolo .number{width:20px; padding:0 8px 0 0; float:left;}
.images-articolo .number a{width:20px; height:25px; padding:5px 0 0 0; display:block; text-align:center; font-size:10px; line-height:10px; font-weight:bold; color:#666; background:url(../images/number-S.gif) top center no-repeat;}
.images-articolo .number a:hover{color:#fff; background:url(../images/number-A.gif) top center no-repeat;}
.images-articolo img.img-articolo{display:block; padding:5px; background:#fff; border:solid 1px #ccc; float:left;}
.google-map{display:block; padding:5px; background:#fff; border:solid 1px #ccc; margin:20px 0 10px 0;}

/* OFFERTE */
.offerta{display:block; padding:15px 0 15px 0; border-bottom:dotted 2px #ccc; background:url(../images/offerta-base.gif) repeat-y;}
.offerta p.dati{width:220px; display:block; float:left; border-right:solid 1px #ccc; padding:0 20px 0 0;}
.offerta p.dati .titolo-offerta{font-size:20px; line-height:24px; padding:0 0 5px 0; display:block; color:#69f;}
.offerta p.dati .data{font-size:16px; padding:0 0 15px 0; display:block;}
.offerta p.dati .prezzo{font-size:20px; color:#35f; font-weight:bold;}
.offerta p.dati .giorni{font-size:20px; color:#69f;}
.offerta p.dati .specifiche{display:block; padding:5px 0 0 0;}
.offerta .incluso{width:329px; display:block; float:left; padding:0 0 0 20px;}
.offerta .incluso h3{line-height:16px; padding:0 0 5px 0;}
.offerta a.pulsante{padding:10px; font-size:10px; line-height:10px; color:#fff; background:#69f; display:block; text-transform:uppercase; font-weight:bold; border:solid 2px #ccc; float:right;}
.offerta a:hover.pulsante{color:#fff; background:#35f;}

/* TARIFFE */
.tariffe-container{width:480px; padding:20px 20px 0 0; display:block; float:left; border-right:solid 1px #ccc;}
.tariffe-container .tipologia{width:190px; display:block; float:left; padding:0 0 10px 0;}
.tariffe-container .stagionalita{width:85px; display:block; float:right; padding:0 0 10px 0; text-align:right;}
.tariffe-container h3{font-weight:bold; padding:0 0 5px 0; color:#69f;}
.tariffe-container .tariffe{display:block; border-bottom:solid 1px #ccc; padding:20px 0 0 0; clear:both;}
.tariffe-container .tariffe .riga{display:block; padding:5px 0 4px 0; border-top:solid 1px #ccc;}
.tariffe-container .tariffe .riga .camera{width:190px; display:block; float:left;}
.tariffe-container .tariffe .riga .prezzo{width:85px; display:block; float:right; text-align:right; font-weight:bold; color:#333;}
.tariffe-container .supplementi{width:230px; display:block; float:left; padding:20px 0 0 0;}
.tariffe-container .supplementi p.specifiche{height:40px; display:block; border-bottom:solid 1px #ccc;}
.tariffe-container .supplementi .riga{display:block; padding:5px 0 4px 0; border-bottom:solid 1px #ccc;}
.tariffe-container .supplementi .riga .supplemento{width:160px; display:block; float:left;}
.tariffe-container .supplementi .riga .prezzo{width:60px; display:block; float:right; text-align:right; font-weight:bold; color:#333;}
.tariffe-container .riduzioni{width:230px; display:block; float:right; padding:20px 0 0 0;}
.tariffe-container .riduzioni p.specifiche{height:40px; display:block; border-bottom:solid 1px #ccc;}
.tariffe-container .riduzioni .riga{display:block; padding:5px 0 4px 0; border-bottom:solid 1px #ccc;}
.tariffe-container .riduzioni .riga .riduzione{width:160px; display:block; float:left;}
.tariffe-container .riduzioni .riga .prezzo{width:60px; display:block; float:right; text-align:right; font-weight:bold; color:#333;}
.note{width:230px; display:block; padding:20px 0 0 0; float:right;}
.note h3{font-weight:bold; padding:0 0 5px 0; color:#69f;}
.note p{font-size:11px;}

/* PRENOTA */
p.richiesta{padding:10px 0 0 0;}
form.prenota{display:block; margin:40px 0 0 0; padding:0; background:url(../images/trim-grigio.gif) center repeat-y;}
form.prenota .colonna-SX{width:355px; display:block; float:left;}
form.prenota .colonna-SX .campo-SX{width:170px; display:block; float:left; padding:0 0 10px 0;}
form.prenota .colonna-SX .campo-DX{width:170px; display:block; float:right; padding:0 0 10px 0;}
form.prenota .colonna-SX .campo-persone{width:55px; display:block; float:left; padding:0 15px 10px 0;}
form.prenota .colonna-SX .campo-camere{width:170px; display:block; float:left;  padding:0 0 10px 0;}
form.prenota .colonna-SX .campo-trattamento{width:105px; display:block; float:right; padding:0 0 10px 0;}
form.prenota .colonna-SX .campo-richiesta{display:block;}
form.prenota .colonna-DX{width:355px; display:block; float:right;}
form.prenota .colonna-DX .campo-SX{width:170px; display:block; float:left; padding:0 0 10px 0;}
form.prenota .colonna-DX .campo-DX{width:170px; display:block; float:right; padding:0 0 10px 0;}
form.prenota .colonna-DX .campo-richiesta{display:block;}
form.prenota .colonna-DX .privacy{display:block;}
form.prenota .colonna-DX .privacy h3{font-size:13px;}
form.prenota .colonna-DX .privacy p{font-size:11px; line-height:13px;}
.modulo-descrizione{display:block; padding:0 0 5px 0;}
.modulo-base{color:#333; font-family:Arial, Helvetica, sans-serif; height:16px; padding:2px; width:98%; border:solid 1px #ccc; background:#fff;}
.modulo-data{color:#333; font-family:Arial, Helvetica, sans-serif; height:16px; padding:2px; width:98%; border:solid 1px #ccc; background:url(../images/calendario.gif) right no-repeat #fff;}
.modulo-tendina{color:#333; font-family:Arial, Helvetica, sans-serif; height:20px; width:98%; border:solid 1px #ccc; background:#fff;}
.modulo-richiesta{color:#333; font-family:Arial, Helvetica, sans-serif; height:150px; padding:2px; width:98%; border:solid 1px #ccc; background:#fff; font-size:12px;}
.button-container{display:block; padding:10px 0 0 0;}
.button{font-family:"Times New Roman", Times, serif; font-weight:bold; text-transform:uppercase; margin:0; padding:5px; color:#fff; background:#69f; border:solid 2px #ccc; float:right; display:block;}

/* SLIDER */
.imageSlideshowHolder{
		width:460px;	/* Image width */
		height:310px;
		display:block;
		position:relative;	/* Don't remove this line */
		float:left;
		border:solid 1px #ccc;
		background:#fff;
	}
	/* Don't change these values */
	.imageSlideshowHolder img{
		position:absolute;
		left:5px;
		top:5px;
	}