/* CSS Document */

body{margin:0; background:url(../images/base-body.jpg) top repeat-x #2be; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; color:#666;}
img{border:0;}
p{margin:0;}
a{color:#06c; font-weight:bold; text-decoration:none;}
a:hover{color:#037; text-decoration:underline;}
h1{font-size:20px; line-height:24px; color:#246; font-weight:normal; margin:0;}
h2{font-size:14px; line-height:18px; color:#07c; margin:0;}
b,strong{color:#036;}
form{margin:0;}



/*  GENERALI  */
#container{width:980px; display:block; margin-left:auto; margin-right:auto;}
.cleaner{height:1px; display:block; clear:both;}
.cleaner-white{height:1px; display:block; clear:both; background:#fff;}
.cleaner-gray{height:1px; display:block; clear:both; background:#ccc;}
#testata{width:920px; height:170px; display:block; padding:0 20px 0 40px; background:url(../images/base-testata.jpg) top center no-repeat;}
#corpo{width:940px; padding:0 20px 0 20px; background:url(../images/base-corpo.jpg) left repeat-y;}
#piede{width:940px; padding:10px 20px 0 20px; background:url(../images/base-piede.jpg) top left no-repeat; font-size:10px; line-height:12px; display:block; color:#036;}


/*  TESTATA  */

img.logo{float:left;}
p.indirizzo{width:140px; display:block; padding:20px 20px 0 0; float:right; font-size:10px; line-height:13px; color:#036;}
p.indirizzo a{color:#024;}
p.indirizzo a:hover{color:#000;}
ul.menu{width:810px; height:30px; margin:0; padding:0; list-style:none; background:url(../images/base-menu.jpg) top left no-repeat; float:left}
ul.menu li{float:left; height:30px; border-right:solid 1px #039; padding:0; margin:0;}
ul.menu li a.home{width:30px; height:30px; display:block; background:url(../images/menu-home-S.jpg) top left no-repeat;}
ul.menu li a:hover.home{background:url(../images/menu-home-A.jpg) top left no-repeat;}
ul.menu li a.general{font-size:13px; line-height:13px; color:#fff; display:block; padding:8px 10px 9px 10px; font-weight:normal;}
ul.menu li a:hover.general{color:#fff; text-decoration:none; background:url(../images/menu-A.jpg) top repeat-x;}
ul.menu li a.active{font-size:13px; line-height:13px; color:#024; display:block; padding:8px 10px 9px 10px; background:#feb; font-weight:normal;}
ul.lingua{width:90px; height:30px; display:block; margin:0; padding:0; list-style:none; background:url(../images/base-menu.jpg) top right no-repeat; float:left}
ul.lingua li{float:right; height:30px; padding:0; margin:0;}
ul.lingua li img{width:25px; height:30px; display:block;}



/*  DEFAULT  */
#default{display:block; padding:4px 4px 3px 4px;}
#default .container-offerte{width:444px; height:210px; padding:10px; display:block; float:right; background:#feb; margin:0 0 3px 0;}
#default .container-offerte h1{color:#07c; display:block; line-height:20px; padding:0 0 10px 0; border-bottom:solid 3px #07c;}
#default .container-offerte h2{display:block; padding:0 0 10px 0; border-bottom:solid 1px #ccc; margin:10px 0 0 0;}
#default .container-offerte .colonna-SX{width:160px; height:85px; display:block; float:left; font-size:10px; line-height:12px; color:#333; padding:10px 0 0 0;}
#default .container-offerte .colonna-SX .default-prezzo{font-size:16px; line-height:20px; color:#07c;}
#default .container-offerte .colonna-SX .default-prezzo b{color:#07c; font-weight:bold;}
#default .container-offerte .colonna-DX{width:270px; height:85px; display:block; float:right; font-size:10px; line-height:12px; color:#333; padding:10px 0 0 0;}
#default .container-offerte a.banner-vai{display:block; padding:10px 17px 0 10px; border-top:solid 1px #ccc; font-size:10px; line-height:10px; text-align:right; background:url(../images/fraccia-small-S.gif) bottom right no-repeat;}
#default .container-offerte a:hover.banner-vai{background:url(../images/fraccia-small-A.gif) bottom right no-repeat; text-decoration:none;}
#default .container-testo{width:444px; height:216px; display:block; float:left; background:#feb; padding:10px;}
#default .container-testo h1{color:#07c; display:block; line-height:20px; padding:0 0 10px 0;}
#default .container-banner{width:230px; display:block; float:left; margin:0 0 0 4px; background:#07c;}
#default .container-banner h1{color:#feb; line-height:20px; display:block; padding:10px;}
#default .container-banner p{color:#fff; height:50px; display:block; padding:0 10px 10px 10px; font-size:10px; line-height:12px;}
#default .container-banner a.banner-vai{display:block; padding:0 27px 10px 10px; font-size:10px; line-height:10px; text-align:right; background:url(../images/fraccia-small-bianca-S.gif) top right no-repeat; color:#feb;}
#default .container-banner a:hover.banner-vai{background:url(../images/fraccia-small-bianca-A.gif) top right no-repeat; text-decoration:none; color:#fff;}







/*  PAGINE  */
h1.titolo{line-height:20px; padding:15px 35px; background:url(../images/base-titolo.jpg) bottom left no-repeat;}
h1.titolo-offerta{line-height:20px; padding:15px 35px; background:url(../images/base-titolo.jpg) bottom left no-repeat; margin:0 0 20px 0;}

.testo{width:380px; display:block; float:left; padding:20px 0 35px 35px;}
.testo h2{display:block; padding:0 0 5px 0;}
.testo p{margin:0 0 10px 0;}

.gallery{width:470px; display:block; float:right; padding:20px 35px 35px 0;}
img.articolo{display:block; margin:0 0 10px 0; padding:9px; border:solid 1px #ccc;}
.numbers{display:block; padding:0 0 5px 0;}
.numbers a{font-size:10px; line-height:10px; color:#246; text-align:center; padding:5px 0; margin:0 5px 0 0; width:20px; text-align:center; display:block; float:left; background:url(../images/number-S.jpg) no-repeat;}
.numbers a:hover{color:#07c; background:url(../images/number-A.jpg) no-repeat; text-decoration:none;}
.dida{display:block; font-size:10px; line-height:12px; color:#333; padding:5px 0 0 0; border-top:solid 1px #ccc;}

.terme{width:490px; display:block; float:right; padding:20px 20px 35px 0;}
.terme h1{line-height:20px; padding:15px; background:url(../images/titolo-terme.jpg) top left no-repeat; color:#fff;}
.terme .trattamenti{display:block; padding:0 1px 15px 1px; background:url(../images/accordion-piede.jpg) bottom no-repeat #D7E8FF;}
.terme .trattamenti h2.navigatore{line-height:14px; display:block; padding:8px; background:url(../images/accordion-base.jpg) bottom repeat-x; font-weight:normal;}
.terme .trattamenti .element{display:block;}
.terme .trattamenti .element img.commento{display:block;}
.terme .trattamenti .element .SX{width:229px; border-top:solid 1px #fff; display:block; float:left; padding:10px 0 10px 10px;}
.terme .trattamenti .element .SX .trattamento{width:175px; display:block; float:left; font-size:10px; line-height:12px; color:#333; padding:5px 0 5px 0;}
.terme .trattamenti .element .SX .prezzo{width:50px; display:block; float:right; font-size:10px; line-height:12px; color:#07c; padding:5px 0 5px 0; text-align:right; font-weight:bold;}
.terme .trattamenti .element .DX{width:229px; border-top:solid 1px #fff; display:block; float:right; padding:10px 10px 10px 0;}
.terme .trattamenti .element .DX .trattamento{width:175px; display:block; float:left; font-size:10px; line-height:12px; color:#333; padding:5px 0 5px 0;}
.terme .trattamenti .element .DX .prezzo{width:50px; display:block; float:right; font-size:10px; line-height:12px; color:#07c; padding:5px 0 5px 0; text-align:right; font-weight:bold;}

.map{width:470px; display:block; float:right; padding:20px 35px 35px 0;}
.map h2{display:block; padding:0 0 5px 0;}
.google{display:block; margin:0 0 10px 0; padding:9px; border:solid 1px #ccc;}
.trasporti{width:165px; display:block; float:left;}
.trasporti p{font-size:10px; line-height:12px;}
.navigazione{width:285px; display:block; float:right; padding:0 0 0 10px; border-left:solid 1px #ccc;}
.navigazione p{font-size:10px; line-height:12px;}



/*  OFFERTE  */

.offerta-SX{width:440px; padding:0 0 20px 20px; display:block; float:left;}
.offerta-SX .offerta-testa{height:15px; display:block; background:url(../images/offerta-testa.jpg) no-repeat;}
.offerta-SX .offerta-corpo{border-left:solid 1px #D7E8FF; border-right:solid 1px #D7E8FF;}
.offerta-SX .offerta-corpo h1{font-weight:bold; display:block; padding:0 15px 5px 15px; border-bottom:solid 1px #D7E8FF;}
.offerta-SX .offerta-corpo .colonna-SX{width:200px; display:block; float:left; padding:15px 0 15px 15px;}
.offerta-SX .offerta-corpo .colonna-SX .prezzo-offerta{color:#07f; font-size:20px; display:block; padding:0 0 15px 0;}
.offerta-SX .offerta-corpo .colonna-DX{width:200px; display:block; float:right; padding:15px 15px 15px 0;}
.offerta-SX .offerta-corpo .colonna-DX .telefono{display:block; padding:7px; margin:0 0 5px 0; font-size:16px; line-height:16px; color:#fff; background:url(../images/offerta-telefono.jpg) no-repeat;}
.offerta-SX .offerta-corpo .colonna-DX .telefono b,strong{color:#fff;}
.offerta-SX .offerta-corpo .colonna-DX a.vai{display:block; padding:7px; font-size:16px; line-height:16px; color:#fff; background:url(../images/offerta-vai-S.jpg) no-repeat;}
.offerta-SX .offerta-corpo .colonna-DX a:hover.vai{color:#fff; background:url(../images/offerta-vai-A.jpg) no-repeat; text-decoration:none;}
.offerta-SX .offerta-corpo .descrizione{display:block; padding:15px; background:#feb; clear:both;}
.offerta-SX .offerta-corpo .termini{display:block; padding:15px 15px 0 15px; font-size:10px; line-height:12px; color:#333;}
.offerta-SX .offerta-piede{height:15px; display:block; background:url(../images/offerta-piede.jpg) no-repeat;}

.offerta-DX{width:440px; padding:0 20px 20px 0; display:block; float:right;}
.offerta-DX .offerta-testa{height:15px; display:block; background:url(../images/offerta-testa.jpg) no-repeat;}
.offerta-DX .offerta-corpo{border-left:solid 1px #D7E8FF; border-right:solid 1px #D7E8FF;}
.offerta-DX .offerta-corpo h1{font-weight:bold; display:block; padding:0 15px 5px 15px; border-bottom:solid 1px #D7E8FF;}
.offerta-DX .offerta-corpo .colonna-SX{width:200px; display:block; float:left; padding:15px 0 15px 15px;}
.offerta-DX .offerta-corpo .colonna-SX .prezzo-offerta{color:#07f; font-size:20px; display:block; padding:0 0 15px 0;}
.offerta-DX .offerta-corpo .colonna-DX{width:200px; display:block; float:right; padding:15px 15px 15px 0;}
.offerta-DX .offerta-corpo .colonna-DX .telefono{display:block; padding:7px; margin:0 0 5px 0; font-size:16px; line-height:16px; color:#fff; background:url(../images/offerta-telefono.jpg) no-repeat;}
.offerta-DX .offerta-corpo .colonna-DX .telefono b,strong{color:#fff;}
.offerta-DX .offerta-corpo .colonna-DX a.vai{display:block; padding:7px; font-size:16px; line-height:16px; color:#fff; background:url(../images/offerta-vai-S.jpg) no-repeat;}
.offerta-DX .offerta-corpo .colonna-DX a:hover.vai{color:#fff; background:url(../images/offerta-vai-A.jpg) no-repeat; text-decoration:none;}
.offerta-DX .offerta-corpo .descrizione{display:block; padding:15px; background:#feb; clear:both;}
.offerta-DX .offerta-corpo .termini{display:block; padding:15px 15px 0 15px; font-size:10px; line-height:12px; color:#333;}
.offerta-DX .offerta-piede{height:15px; display:block; background:url(../images/offerta-piede.jpg) no-repeat;}


/*  TARIFFE  */

.tariffe{display:block; padding:20px 35px 20px 35px;}
.tariffe .prezzi{width:450px; display:block; float:left;}
.tariffe .prezzi .tipologia{width:150px; display:block;  float:left; padding:0 0 5px 0;}
.tariffe .prezzi .tipologia span{height:60px; font-size:10px; line-height:12px; color:#333; display:block;}
.tariffe .prezzi .stagionalita{width:100px; display:block;  float:left; text-align:right; padding:0 0 5px 0;}
.tariffe .prezzi .stagionalita span{height:60px; font-size:10px; line-height:12px; color:#333; display:block;}
.tariffe .prezzi .camera{width:150px; display:block;  float:left; padding:5px 0 5px 0;}
.tariffe .prezzi .euro{width:100px; display:block;  float:left; text-align:right; padding:5px 0 5px 0; font-weight:bold; color:#07f;}
.tariffe .supprid{width:190px; display:block; float:left; padding:0 0 0 20px;}
.tariffe .supprid span{height:60px; font-size:10px; line-height:12px; color:#333; display:block; padding:0 0 5px 0; border-bottom:solid 1px #ccc;}
.tariffe .supprid .tipo{width:130px; display:block;  float:left; padding:5px 0 5px 0;}
.tariffe .supprid .euro{width:60px; display:block;  float:left; text-align:right; padding:5px 0 5px 0; font-weight:bold; color:#07f;}

.banner-offerte{display:block; padding:10px 20px 10px 30px; background:url(../images/base-banner-offerte.jpg) no-repeat; color:#fff;}
.banner-offerte .annuncio{width:600px; display:block; float:left;}
.banner-offerte .annuncio h1{font-weight:bold; color:#fff;}
.banner-offerte .pulsante{height:38px; float:right; background:url(../images/pulsante-offerte.gif) top left no-repeat;}
.banner-offerte .pulsante a{padding:11px 42px 11px 11px; font-size:16px; line-height:16px; background:url(../images/freccia-big-S.gif) right no-repeat; display:block;}
.banner-offerte .pulsante a:hover{background:url(../images/freccia-big-A.gif) right no-repeat; text-decoration:none;}



/*  FORM  */

form.prenota{display:block; padding:0 20px 0 20px;}
form.prenota .colonna-SX{width:415px; display:block; padding:20px 20px 20px 15px; float:left; border-right:solid 1px #feb;}
form.prenota .colonna-DX{width:415px; display:block; padding:20px 15px 20px 0;  float:right;}
form.prenota .button-container{padding:15px; display:block; clear:both; background:url(../images/base-button.jpg) top no-repeat;}

form.prenota .campo-SX{width:200px; display:block; padding:0 0 10px 0; float:left;}
form.prenota .campo-DX{width:200px; display:block; padding:0 0 10px 0; float:right;}
form.prenota .campo-persone{width:55px; display:block; padding:0 0 10px 0; float:left;}
form.prenota .campo-camera{width:200px; display:block; padding:0 0 10px 10px; float:left;}
form.prenota .campo-trattamento{width:130px; display:block; padding:0 0 10px 0; float:right;}
form.prenota .campo{display:block; padding:0 0 10px 0;}
form.prenota input.calendar{height:18px; width:198px; font-size:10px; font-family:Arial, Helvetica, sans-serif; border:solid 1px #ccc; background:url(../images/calendar.gif) top right no-repeat; color:#000; margin:5px 0 0 0;}
form.prenota input.simple{height:18px; width:198px; font-size:10px; font-family:Arial, Helvetica, sans-serif; border:solid 1px #ccc; color:#000; margin:5px 0 0 0;}
form.prenota textarea.request{height:100px; width:413px; font-size:10px; font-family:Arial, Helvetica, sans-serif; border:solid 1px #ccc; color:#000; margin:5px 0 0 0;}
form.prenota select.s-persone{height:20px; width:53px; font-size:10px; font-family:Arial, Helvetica, sans-serif; border:solid 1px #ccc; color:#000; margin:5px 0 0 0;}
form.prenota select.s-camera{height:20px; width:198px; font-size:10px; font-family:Arial, Helvetica, sans-serif; border:solid 1px #ccc; color:#000; margin:5px 0 0 0;}
form.prenota select.s-trattamento{height:20px; width:128px; font-size:10px; font-family:Arial, Helvetica, sans-serif; border:solid 1px #ccc; color:#000; margin:5px 0 0 0;}
form.prenota p.privacy{margin:5px 0 0 0; font-size:10px; line-height:12px;}
form.prenota input.button-prenota{height:22px; border:0; width:200px; font-size:16px; font-family:Arial, Helvetica, sans-serif; background:url(../images/freccia-big-A.gif) right no-repeat; color:#037; font-weight:bold;}


/* SLIDER */
.imageSlideshowHolder{
		width:464px;	/* Image width */
		height:230px;
		display:block;
		position:relative;	/* Don't remove this line */
		float:left;
		background:#fff;
	}
	/* Don't change these values */
	.imageSlideshowHolder img{
		position:absolute;
		left:0px;
		top:0px;
	}