body{
	background-color: #003333;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;/*Per IE*/
}
h2 {
	font-size: 11px;
	line-height: 10px
}
a.inf {
	text-decoration: underline;
	color:#000000;
}
a.inf:hover {
	text-decoration: none;
	color:#000000;
}
a img{
	text-decoration: none;
	border-style: none;
}

.clear {
	clear:both;
}
div#container{
	width: 956px;
	height: 590px;
	margin: 0px auto;	/*Per FireFox*/
	margin-top: -5px;
}
div#container2{
	width: 956px;
	height: 690px;
	margin: 0px auto;	/*Per FireFox*/
	margin-top: -5px;
}

/*div che contiene il menu verticale*/
div#header{
	width: 956px;
	height: 140px;
}


/*div che contiene il logo dell'hotel e le bandiere*/
div.logo{
	width: 152px;
	height: 135px;
	position: relative;
	float: left;
	margin-left: -1px;
}
/*Per firefox*/
div#header > div.logo {
	width: 153px;
}
div.logoHotel{
	width: 152px;
	height: 99px;
}
div.logoHotel img{
	width: 155px;
	height: 99px;
	border-style: solid;
	border-color: white;
	border-bottom: none;
}
div.logoHotel a img{
	text-decoration: none;
	border-style: solid;
	border-top:none;
	border-left:none;
	border-right: none;
	border-width:4px;
	border-color: #FFFFFF;
}
/*Per Firefox*/
div.logo > div.logoHotel >img{
	width: 153px;
	height: 100px;
	border-bottom-style: solid;
}
/*Per IE 7*/
*:first-child+html div.logo > div.logoHotel >img{
	width: 157px;
	height: 99px;
	border-bottom: none;
}
/*Menu orizzontale in alto: singoli quadrati formati da immagine e link*/
div.box{
	width: 108px;
	height: 135px;
	position: relative;
	float: left;
	border-style: solid;
	border-color: white;
	border-width: 2px;
	border-top: none;
	border-bottom: none;
	border-right:none;
	margin-left: -2px;
}
/*Menu orizzontale in alto: primo box che non deve avere il bordo a differenza degli altri*/
div.boxNoBordo{
	width: 108px;
	height: 135px;
	position: relative;
	float: left;	
}
div#container > div#header>div.boxNoBordo{
	margin-left: 2px;
}
/*Menu Orizzontale in alto: Area del box contenente l'immagine*/
div.boxArea{
	width: 107px;
	height: 99px;
}
div.boxArea img{
	border-style: solid;
	border-color: white;
	border-width: 2px;
	border-left: none;
	border-right: none;
}
/*Menu Orizzontale in alto: div contenente il link*/
div.ancora{
	height: 25px;
	width: 100px;
	text-align: center;
	padding-top: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}
/*Per Firefox e Per IE 7*/
div.box >div.ancora{
	padding-top: 8px;
	margin-top: 5px;
	margin-bottom: 5px;
}
/*Per Firefox e Per IE 7*/
div.boxNoBordo > div.ancora{
	margin-top: 8px;
}
/*Menu orizzontale in alto: singolo link del menu*/
div.ancora a{
	color: white;
	text-decoration: none;
	font-weight: bold;
	font-size:11px;
	height: 15px;
}
div.ancora a:hover{
	color: 	#008080;
}	
div.box:hover div.ancora a, div.boxNoBordo:hover div.ancora a{
	color: 	#008080;
}
/*Menu orizzontale in alto: spazio bianco in fondo a destra del menu con solo il bordo sinistro*/
div#space{
	width: 150px;
	height: 37px;
	position: relative;
	float: left;
	border-style: solid;
	border-width: 2px;
	border-color: white;
	border-right:none;
	border-top: none;
	margin-top:-2px;
	border-bottom: none;
}
div#spaceMenu{
	width: 152px;
	height: 37px;
	position: relative;
	float: left;
	background-color: #456A6A;
	margin-top: -3px;
	border-style: solid;
	border-width: 1px;
	border-color: #bdb76b;
	border-top: none;
	border-bottom: none;
}
/*Per Firefox*/
div.logo > div#spaceMenu{
	margin-top: 4px;
}
/*div che contiene le bandiere per il multilingua*/
div#contentBandiere{
	height: 20px;
	width: 153px;
	margin-top: 8px;
}
/*Per Firefox*/
div#spaceMenu > div#contentBandiere {
	margin-top: 10px;
}
/*Per IE 7*/
*:first-child+html div#spaceMenu >div#contentBandiere {
	margin-left: 2px;
	margin-top: 8px;
}
/*singola bandiera*/
div#contentBandiere div.bandiera, 
div#contentBandiere div.selected{
	width: 21px;
	height: 15px;
	margin-left: 8px;
	position:relative;
	float: left;
}
/*Per IE 7 e per Firefox*/
div.logo div#spaceMenu div#contentBandiere >div.bandiera,
div.logo div#spaceMenu div#contentBandiere > div.selected{
	margin-left: 12px;
}
/*bordi dell'immagine della bandiera*/
div.bandiera a img, 
div.selected a img{
	text-decoration: none;
	border-style: solid;
	border-width: 1px;
	border-color: #456A6A;
}
div.selected a img{
	border-style: solid;
	border-color: white;
	border-width: 2px;
}
div.bandiera a:hover img{
	border-color: white;
}
/*div che contiene il menu verticale usato per mettere il bordo e lasciare un margine superiore*/
div#contentMenu{
	height: 540px;
	/*min-height: 415px;*/
	width: 152px;
	position: relative;
	float: left;
	background-color: #456A6A;
	border-style: solid;
	border-width: 1px;
	border-color: #bdb76b;
	border-top: none;
	margin-top: -4px;
	padding-top:1px;
	margin-left: -1px;
}
div#contentMenu2{
	height: 482px;
	width: 152px;
	position: relative;
	float: left;
	background-color: #456A6A;
	border-style: solid;
	border-width: 1px;
	border-color: #bdb76b;
	border-top: none;
	margin-top: -4px;
	padding-top:1px;
	margin-left: -1px;
}

/*Per Firefox*/
div#container > div#contentMenu{
	margin-top: -1px;
}
/*Per IE 7*/
*:first-child+html div#container > div#contentMenu{
	margin-top: -3px;
}
/*menu verticale*/
div#menu{
	margin-top: 8px;
	width: 153px;
	float: left;
}
/*blocchi del  menu*/
div#menu div.opzione{
	margin-bottom: 13px;
	width:152px;
	height: 40px;
	display: block;
	text-align: center;
	font-size: 13px;
	color: white;
	background-color: #003333;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
/*singoli voci del menu*/
div.item{
	padding-top: 13px;
}
div#menu div.opzione div.item a{
	color: white;
	text-decoration: none;
}
div#menu div.opzione div.item a:hover{
	color: 	#008080;
}
/*Immagine centrale*/
div#imgSfondo{
	margin-top:5px;
	/*height:375px;*/
	height: 532px;
	width: 500px;
	position: relative;
	float: left;
}
div#imgSfondo img{
	height: 375px;
	width: 500px;
}
/*Per Firefox*/
div#container > div#imgSfondo{
	margin-top:8px;
	/*height: 375px;*/
	height: 532px;
	width: 500px;
}
/*Per Firefox*/
div#container > div#imgSfondo img{
	/*height: 375px;*/
	height: 532px;
	width: 500px;
}
/*Per IE 7.0*/
*:first-child+html div#container >div#imgSfondo  {
	margin-top:6px;
	/*height: 375px;*/
	height: 532px;
	width: 500px;
}
/*Per IE 7.0 */
*:first-child+html div#container >div#imgSfondo img{
	/*height: 375px;*/
	height: 532px;
	width: 500px;
}
/*Parte del layout a destra contenente le informazioni*/
div#presentation{
	float: right;
	width:303px;
	/*height:375px;*/
	height: 532px;
	background-color:#F8E5CA;
	text-align: justify;
	font-size: 15px;
	margin-left: -2px;
	margin-top:5px;
}

div#presentation2{
	float: right;
	width:303px;
	height:475px;
	background-color:#F8E5CA;
	text-align: justify;
	font-size: 15px;
	margin-left: -2px;
	margin-top:5px;
}

/*Per FireFox*/
div#container > div#presentation{
	/*height:375px;*/
	height: 532px;
	margin-top:8px;
}

div#container > div#presentation2{
	height:375px;
	margin-top:8px;
}

/*Per IE 7*/
*:first-child+html div#container > div#presentation {
	/*height:375px;*/
	height: 532px;
	margin-top:6px;
}
*:first-child+html div#container > div#presentation2 {
	height:475px;
	margin-top:6px;
}

/*Inserisco l'overflow solo in alcune pagine*/
body#offerte div#presentation,
body#last div#presentation,
body#territorio div#presentation,
body#prenotazione div#presentation,
body#links div#presentation{
	overflow:auto;
	overflow-x:hidden; 
}
body#offerte div#presentation2,
body#last div#presentation2,
body#territorio div#presentation2,
body#prenotazione div#presentation2,
body#links div#presentation2{
	overflow:auto;
	overflow-x:hidden; 
}
/*Parte del layout a destra contenente le informazioni che č stato ingrandito togliendo l'immagine alla sua sinistra*/
body#listino div#presentation,
body#galleriaHotel div#presentation,
body#galleriaBambini div#presentation,
body#centro div#presentation{
	width:802px;
	/*height:375px;*/
	height: 532px;
}
body#listino div#presentation2,
body#galleriaHotel div#presentation2,
body#galleriaBambini div#presentation2,
body#centro div#presentation2{
	width:802px;
	height:475px;
}

/*Per Firefox*/
body#listino > div#container > div#presentation,
body#galleriaHotel > div#container >  div#presentation,
body#galleriaBambini> div#container >  div#presentation,
body#centro> div#container >  div#presentation{
	/*height:375px ;*/
	height: 532px;
	width: 803px;
}
body#listino > div#container > div#presentation2,
body#galleriaHotel > div#container >  div#presentation2,
body#galleriaBambini> div#container >  div#presentation2,
body#centro> div#container >  div#presentation2{
	height:375px ;
	width: 803px;
}

/*contiene le informazione riportate nel blocco "Presentation"*/
div#testo{
	margin-left: 10px; 
	margin-right: 10px;
	font-size: 13px;
}
/*Breve descrizione con margine alto elevato*/
div#presentation p#desc{
	margin-top:50px;
	margin-left: 5px;
	margin-right: 10px;
}
/*Descrizione pių lunga della precedente con un inferiore margine alto*/
div#presentation p#longDesc{
	margin-top:10px;
	margin-right:2px;
}
body#dove div#presentation p#longDesc{
	margin-top: 2px;
}
body#bambini p#longDesc{
	margin-top: 50px;
	font-style:italic;
	font-size: 14px;
}
/*Descrizione pių lunga della precedente con un inferiore margine alto*/
body#prenotazione div#presentation p#longDesc{
	margin-top:7px;
	margin-right:4px;
}
/*Paragrafo con margini molto stretti */
body#catalogo p#longDesc{
	margin-top: 5px;
}
body#catalogo div#testo{
	margin-right: 8px;
}
body#offerte div#presentation div#testo,
body#last div#presentation div#testo,
body#territorio div#presentation div#testo{
	margin-right: 11px;
}
body#offerte div#testo p#longDesc,
body#last div#testo p#longDesc,
body#territorio div#testo p#longDesc{
	margin-top: 10px;
}
/*Blocco del Testo ridefinito con margini diversi */
body#listino div#testo{
	margin-left: 8px; 
	margin-right: 13px;
	font-size: 13px;
}
/*Generico paragrafo nella pagina del listino*/
body#listino p{
	margin-left: 2px; 
	margin-right: 10px;
	margin-top: 8px;
	margin-bottom: 8px;
}
/*paragrafo nella lang3*/
body#listino div#presentation p#long{
	margin-top:4px;
	margin-bottom:4px;
}
body#listino h2{
	margin-top: 3px;
	margin-bottom: -4px;
}
/*Elenchi puntati */
div#presentazione ul {
	margin-left: 15px;
	padding-left: 0px;
}
/*Link negli Elenchi puntati */
div#presentation ul li a{
	color: black;
	font-weight: bold;
	text-decoration: none;
}
/*Link negli Elenchi puntati */
div#presentation ul li a:hover{
	color: #456A6A
}
/*Parte in fondo al sito contente i vari link e informazioni sull'hotel*/
div#footer{
	width: 955px;
	float: left;
	margin-top: 10px;
	font-size: 11px;
}
/*div contenente l'immagine delle stelle*/
div#footer div#stelle{	
	margin-top:1px;
	width: 955px;
	height: 20px;
	margin-bottom: -10px;
}
/*Contiene le informazione quali la via, il telefono ecc.*/
div#footer div#locazione{
	text-align: center;
	color: #bdb76b;
	margin-bottom: -10px;
}
/*Impostazione del link*/
div#footer div#locazione a{
	color: #bdb76b;
	text-decoration: none;
}
div#footer div#locazione a:hover{
	text-decoration:underline;
}
/*Contiene i link ai vari siti*/
div#footer div#sito {
	text-align: center;
	width: 955px;
}
/*Impostazione dei link*/
div#footer div#sito a{
	color:/*#009062;*/#005B5B;
	text-decoration: none;
}
div#footer div#sito a:hover{
	text-decoration: underline;
}
/*singolo link nella pagina links*/
body#links div#testo div.elencoLink{
	margin-top: 25px;
	margin-bottom: 15px;
}
body#links div#testo div.elencoLink a{
	text-decoration: none;
	color: #016891;
	font-weight:bold;
}
body#links div#testo div.url a{
	text-decoration: none;
	color: #15423F;
	font-weight:normal;
}
body#links div#testo div.url a:hover{
	color: #00CC99;
}
/*Utilizzato per ottenere la prima lettera maiuscola e in corsivo*/
span#grande{
	font-style: italic;
	font-weight:bold;
	font-size:22px;
}
form#catalog{
	margin-top: 10px;
}
/*Generico input all'interno della form di inserimento*/
form#catalog input{
	float: right;
	width: 150px;
	height:12px;
	margin-top:3px;
}
div#presentation>div#testo>form#catalog{
	margin-top: -3px;
}
/*Text area dove inserire dei commenti*/
form#catalog textarea{
	float: right;
	width: 150px;
	margin-top:3px;
}
/*Generica label all'interno della form*/
form#catalog label{
	margin-left: 3px;
	display:block;
	float: left;
	margin-top:5px;
	width:120px;
}
/*Label contenente la voce: "INFORMAZIONI SULLA PRIVACY"*/
form#catalog label#labelInfoPrivacy{
	width:210px;
	font-size: 13px;
	height:15px;
}
/*Impostazione link*/
form#catalog label#labelInfoPrivacy a{
	text-decoration: none;
	color: #000000;
}
/*Impostazione link*/
form#catalog label#labelInfoPrivacy a:hover{
	color: #00CC99;
}
/*Label contenente la voce: "campi obbligatori"*/
form#catalog label#obbligo{
	width: 150px;
}
/*div contenente il checkbox e la label "Accetta"*/
div#accettazione{
	font-size: 12px;
	float: right;
	width: 70px;
	margin-top: -15px;
	margin-left: 2px;
	margin-right: 0px;
}
/*Pulsante Invia*/
form#catalog button{
	float: right;
	margin-top: 5px;
}
/*Immagine all'interno del pulsante*/
form#catalog button img{
	padding-bottom: -3px;
	padding-top: -6px;
	margin-bottom: 3px;
}
/*Formattazione testo nel saluto della pagina iniziale dei bambini*/
span#gino{
	font-weight:bold;
	font-size: large;
}
/*Impostazione link nella pagina con la mappa*/
.provenienza a, .provenienza a:visited{
	color: #15899D;
	text-decoration: none;
}
/*Impostazione link nella pagina con la mappa*/
.provenienza a:hover{
	color: #14CC53;
}
/*Box contenente le tariffe de relativi periodi */
div.boxPeriodo{
	width: 124px;
	position: relative;
	float: left;
	margin-right: 4px;
	margin-bottom: 2px;
	font-size:12px;
	background-color: #FDF0DD;
	border: 1px solid #AFC1B5;
}
/*Descrizione del periodo*/
div.boxPeriodo div.nome{
	background-color: #7FAB87;
	text-align:left;
	height: 22px;
	color: white;
	padding-top: 3px;
	padding-left: 3px;
	font-weight:bold;
}
/*Blocco in riga: contenente il periodo con la relativa tariffa*/
div.boxPeriodo div.tariffa{
	height: 22px;
	padding-top: 3px;
	font-weight:bold;
	border:1px dotted #C7BDAE;
	border-top: none;
	border-left: none;
	border-right:none;
}
div.boxPeriodo div.noborder{
	border:0px dotted #C7BDAE;
}
/*Indicazione del periodo allineato a sinistra*/
div.boxPeriodo div.tariffa div.periodo{
	height: 22px;
	position: relative;
	float: left;
	padding-left: 3px;
	font-weight:normal;
}
/*Indicazione del prezzo allineato a destra*/
div.boxPeriodo div.tariffa div.prezzo{
	height: 22px;
	position: relative;
	float: right;
}
/*singolo offerta*/
div.offerta{
	width: 285px;
	height:90px;
	font-size: 12px;
	margin-left: -6px;
	margin-bottom: 10px;	
}
/*breve descrizione dell'offerta*/
div.offerta div.sintesiOfferta{
	width: 185px;
	margin-left: 90px;
}
/*link all'offerta completa*/
div.sintesiOfferta a{
	text-decoration: none;
	font-weight:bold;
	color: #000000;
}
/*effetto hover*/
div.sintesiOfferta a:hover{
	color: #00CC99;
}
/*titolo dell'offerta/evento*/
div#titolo{
	color: #013441;
	font-size: 16px;
	font-weight: bold;
}
/*link a fianco dell'offerta, e back sempre a fianco dell'offerta*/
div#back, div#link{
	text-align: center;
	margin-top: 50px;
	margin-bottom: 25px;
	font-size: smaller;
}
div#link{
	padding-left: 100px;
	margin-top: -20px;
	margin-bottom: -10px;
}
body#links div#back{
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
}
/*per Firefox*/
body#territorio >div#container> div#presentation >div#testo >div#back{
	margin-top:30px;
}
/*per IE 7*/
*:first-child+html body#territorio >div#container> div#presentation >div#testo >div#back{
		margin-top:48px;
}
/*colore del link*/
body#links div#back a,
div#back a,
div#link a{
	text-decoration: none;
	color: #000000;
}
/*effetto hover*/
body#links div#back a:hover,
div#back a:hover,
div#link a:hover{
	color: #00CC99;
}
/*div contentente il testo completo dell'offerta*/
div#testo div#corpo{
	margin-top: 90px;
}
div#testo>div#corpo{
	margin-top: 60px;
}
*:first-child+html div#testo>div#corpo{
	margin-top: 90px;
}
/*div contentente l'immagine nella gallery*/
div#immagine{
	width: 500px;
	height:375px;
	position: relative;
	float: right;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
body#galleriaHotel> div#container > div#presentation div#testo > div#immagine,
body#galleriaBambini> div#container > div#presentation div#testo > div#immagine,
body#centro> div#container > div#presentation div#testo > div#immagine{
	margin-top: 0px;
}
/*div contenente la lista delle thum nella gallery*/
div#elencoThumb{
	height: 375px;
	width: 140px;
	margin-top: 0px;
	margin-left: 40px;
	overflow: auto;
	overflow-x:hidden;
}
/*singola thumb*/
div.thumb{
	width: 87px;
	height:65px;
	margin-top: 15px;
	margin-left: 20px;
}
/*thumb selezionata*/
div#thumbSelect{
	width: 87px;
	height:65px;
	margin-top: 15px;
	margin-left: 16px;
}
div#thumbSelect a img{
	border-style: solid;
	border-width: 4px;
	border-color: #14CC80;
	text-decoration:none;
	margin-bottom: 8px;
}
/*Per Firefox e per IE 7*/
div#elencoThumb > div#thumbSelect {
	margin-left: 20px;
}
div#elencoThumb > div#thumbSelect a img{
	margin-left: -4px;
	margin-top: -4px;
	margin-bottom: 8px;
}
div.thumb a img{
	border-style: none;
	text-decoration: none;
}
body#dove div#container div#presentation a img{
	border-style: solid;
	border-color: #F8E5CA;
}
body#dove div#container div#presentation div#testo a:hover img{
	border-style:solid;
	border-color: #008080;
}
/*Per centrare verticalmente l'immagine*/
table{
	width: 500px;
	height: 375px;
}
tr{
	width: 500px;
}
td{
	width:500px;
	vertical-align: middle;
	text-align:center;
}
td img{
	margin-top: -3px;
	margin-bottom: -3px;
}
td >img{
	margin-top: -3px;
}
body#home #presentazione a,
body#bambini #gino a,
body#cucina #cucina a,
body#salaBambini #salaBambini a,
body#attrezzi #attrezzi a,
body#babyClub #babyClub a,
body#feste #feste a,
body#galleriaBambini #galleriaBambini a,
body#dove #dove a,
body#offerte #offerte a,
body#last #last a,
body#servizi #servizi a,
body#salaHotel #salaHotel a,
body#posizione #posizione a,
body#galleriaHotel #galleriaHotel a,
body#listino #prezzi a,
body#territorio #eventi a,
body#links #links a,
body#catalogo #catalogo a,
body#prenotazione #prenotazione a,
body#centro #centro a{
	color:#008080;
	text-decoration: none;
}
body#home #hotel a,
body#listino #listino a,
body#bambini #bambini a,
body#cucina #bambini a,
body#salaBambini #bambini a,
body#babyClub #bambini a,
body#attrezzi #bambini a,
body#feste #bambini a,
body#galleriaBambini #bambini a,
body#dove #doveSiamo a,
body#territorio #territorio a,
body#links #territorio a,
body#catologo #listino a,
body#last #hotel a,
body#servizi #hotel a, 
body#salaHotel #hotel a,
body#posizione #hotel a,
body#galleriaHotel #hotel a, 
body#offerte #hotel a,
body#bambini #bambini a,
body#catalogo #listino a,
body#prenotazione #listino a,
body#centro #centroBenessere a{
	color:#008080;
}





/*Menu orizzontale in alto: singoli quadrati formati da immagine e link*/
div.box_preventivo{
	width: 151px;
	height: 35px;
	position: relative;
	float: left;
	border-style: solid;
	border-width: 2px;
	border-color: white;
	border-right: 2px solid white;
	margin-top: 6px;
	border-right: 2px solid white;
	background-color: red;
}


div.ancora_preventivo{
	width: 151px;
	text-align: center;
	padding-top: 0;
	margin-top: 10px;
	margin-bottom: 5px;
}

/*Menu orizzontale in alto: singolo link del menu*/
div.ancora_preventivo a{
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}

div.ancora_preventivo a:hover{
	text-decoration: underline;
}

/*Per Firefox e Per IE 7*/
div.box_preventivo{
	padding-top: 0;
	margin-top: 6px;
	margin-bottom: 5px;
}
.banner {
margin-bottom:5px;
}
div#imgSfondohp{
	margin-top:5px;
	/*height:375px;*/
	height: 532px;
	width: 800px;
	position: relative;
	float: left;
}
div#imgSfondohp img{
	height: 375px;
	width: 800px;
}
/*Per Firefox*/
div#container > div#imgSfondohp{
	margin-top:8px;
	/*height: 375px;*/
	height: 532px;
	width: 800px;
}
/*Per Firefox*/
div#container > div#imgSfondohp img{
	/*height: 375px;*/
	height: 532px;
	width: 800px;
}