@charset "UTF-8";
/* CSS Document */

<!--

body {

	font: 100% Helvetica, Arial, Verdana, sans-serif;

	background:  #221c19;

	margin: 30px 0px 0px 0px; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/

	padding: 0;

	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	
	font-size: 11px;

	color: #655954;

}

iframe{
	margin: 0px;
	padding: 0px;
}

.oneColFixCtrHdr #container {

	width: 903px;  /* utilizzando 20 px in meno rispetto alla dimensione piena di 800 px lascia spazio per gli elementi grafici e strutturali del browser ed evita che venga visualizzata una barra di scorrimento orizzontale */


	margin: 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */

	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */

}

.oneColFixCtrHdr #header {

	padding: 0px;  /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sottostanti. Se in #header viene utilizzata un'immagine anziché un testo, può essere utile rimuovere il padding. */
	margin: 0px;

}

.oneColFixCtrHdr #header h1 {

	margin: 0px; /* azzerando il valore margin dell'ultimo elemento del div #header si evita la compressione del margine, con la creazione di uno spazio inspiegabile tra i div. Se il div è circondato da un bordo, questo accorgimento non è necessario perché anche il bordo impedisce la compressione del margine */

	padding: 0px; /* l'uso del valore padding al posto di margin consente di distanziare l'elemento dai bordi del div */

}

.oneColFixCtrHdr #mainContent {

	padding: 0px; /* ricordare che i valori padding e margin corrispondono rispettivamente allo spazio interno ed esterno al riquadro div  */
	
	margin: 10px 0px 0px 0px;
	width: 903px;

}

.oneColFixCtrHdr #footer {
	margin: 40px 20px 0px 0px; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
	padding: 10px 0; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */
	color: #786C66;
	border-top: 1px solid #786C66;
}


#pulisci{
	clear: both;
}

/* LOGO */

#divLogo{
	width: 120px;
	clear: left;
	float: left;
}

#divScrittaLogo{
	width: 114px;
}

#divScrittaLogo h1{
	font-size: 18px;
	font-weight: bold;
	color: #b6ada9;
}

/* HOME EMAIL */

#divHomeEmail{
	float: right;
	margin: 0px 0px 0px 0px;
	color: #b6ada9;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

/* LINGUE */

#divlingue{
	float: right;
	clear: right;
	margin: 55px 0px 0px 0px;
	color: #b6ada9;
}

#divlingueInterno{
	float: right;
	clear: right;
	margin: 50px 0px 0px 0px;
}

/* OFFERTE */

#divOfferte{
	margin: 0px 0px 0px 11px;
	padding: 0px;
	width: 187px;
	height: 150px;
	float: left;
	text-align:left;
}

#divOfferte00 {
	width: 103px;
	height: 149px;
	float: left;
}

/* DIV COLORATI HOME PAGE */

#divTestata{
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

#divGialloHome{
	width: 103px;
	height: 149px;
	background-color: #f29400;
	float: left;
}

#divImgTestataHome{
	float: left;
	margin: 0px 0px 0px 11px;
}

#divVerdeHome{
	width: 410px;
	height: 139px;
	background-color: #787a05;
	color: #dbcbb6;
	margin: 0px 0px 0px 11px;
	float: left;
	padding-top: 10px;
	font-size: 11px;
}

#divVerdeHome p {
	margin: 0px;
	padding: 3px 0px 5px 20px;
	width: 375px;
}

#divBluHome{
	width: 63px;
	height: 149px;
	background-color: #0085b4;
	margin: 0px 0px 0px 11px;
	float: left;
}

#divRossoSmallHome{
	width: 25px;
	height: 149px;
	background-color: #FF0000;
	margin: 0px 0px 0px 11px;
	float: left;
}

#divRossoBigHome{
	width: 60px;
	height: 149px;
	background-color: #FF0000;
	margin: 0px 0px 0px 11px;
	float: left;
}

#divImgBenvenuto{
	float: left;
	margin: 0px 0px 0px 11px;
}

#divImgColumbiaNinfea{
	float: left;
	margin: 0px 0px 0px 11px;
}

#divMagentaHome1{
	width: 408px;
	height: 149px;
	float: left;
}

#divMagentaHome{
	width: 149px;
	height: 149px;
	background-color: #9C1753;
	margin: 10px 0px 0px 11px;
	float: left;
}

/* DIV CAMERE */


#divContainerCamere{
	width: 903px;
	background-color: #FF9933;
	height: 491px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background-image: url(../immagini/sfondoCamere.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #E3D6C3;
}

.ImgTestataCamere{
	float: left;
	margin: 15px 0px 0px 10px;
}

#divArancioForteCamere1 {
	width: 15px;
	height: 161px;
	margin: 15px 0px 0px 0px;
	float: left;
}

#divArancioForteCamere {
	width: 45px;
	height: 161px;
	background-color: #FF0000;
	margin: 15px 0px 0px 0px;
	float: left;
}

#divArancioMedioCamere{
	width: 78px;
	height: 161px;
	background-color: #FF6600;
	margin: 15px 0px 0px 10px;
	float: left;
}

#divArancioChiaroCamere{
	width: 35px;
	height: 161px;
	background-color: #FF3300;
	margin: 15px 0px 0px 10px;
	float: left;
}


/* DIV RISTORANTE */

#divContainerRistorante{
	width: 903px;
	background-color: #FF9933;
	height: 491px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background-image: url(../immagini/sfondo-ristorante.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #E3D6C3;
}

#divImgTestataRistorante{
	float: left;
	margin: 0px 0px 0px 0px;
}

#divRistorante1 {
	width: 5px;
	height: 161px;
	margin: 15px 0px 0px 0px;
	float: left;
}

#divRistorante2 {
	width: 52px;
	height: 161px;
	background-color: #e49c00;
	margin: 15px 0px 0px 8px;
	float: left;
}

#divRistorante3 {
	width: 26px;
	height: 161px;
	background-color: #f29400;
	margin: 15px 0px 0px 8px;
	float: left;
}

#divRistoranteFoto1 {
	width: 45px;
	height: 161px;
	background-color: #FF0000;
	margin: 15px 0px 0px 0px;
	float: left;
}

#divRistoranteFoto2 {
	width: 45px;
	height: 161px;
	background-color: #FF0000;
	margin: 15px 0px 0px 0px;
	float: left;
}

#divRistoranteFoto3 {
	width: 45px;
	height: 161px;
	background-color: #FF0000;
	margin: 15px 0px 0px 0px;
	float: left;
}

#divRistoranteFoto4 {
	width: 45px;
	height: 161px;
	background-color: #FF0000;
	margin: 15px 0px 0px 0px;
	float: left;
}

#divEventi{
	margin: 10px 0px 0px 11px;
	float: left;
	padding: 0px;
}

/* DIV POSIZIONE */

#divContainerPosizione{
	width: 903px;
	background-color: #FF9933;
	height: 491px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background-image: url(../immagini/sfondoDoveSiamo.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #E3D6C3;
}

#divPosizione0 {
	width: 16px;
	height: 161px;
	margin: 15px 0px 0px 0px;
	float: left;
}

#divPosizione1 {
	width: 48px;
	height: 162px;
	margin: 15px 0px 0px 0px;
	background-color: #996633;
	float: left;
}

#divPosizione2 {
	width: 73px;
	height: 162px;
	margin: 15px 0px 0px 8px;
	background-color: #663300;
	float: left;
}

.ImgTestataPosizione{
	float: left;
	margin: 15px 0px 0px 10px;
}

/* DIV DIVERTIMENTI */

#divContainerDivertimenti{
	width: 903px;
	background-color: #FF9933;
	height: 491px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background-image: url(../immagini/sfondoDivertimenti.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #E3D6C3;
}

#divDivertimenti0 {
	width: 6px;
	height: 161px;
	margin: 15px 0px 0px 0px;
	float: left;
}

#divDivertimenti1 {
	width: 33px;
	height: 161px;
	margin: 15px 0px 0px 8px;
	background-color: #98251E;
	float: left;
}

#divDivertimenti2 {
	width: 59px;
	height: 161px;
	margin: 15px 0px 0px 8px;
	background-color: #980B1E;
	float: left;
}

.ImgTestataDivertimenti{
	float: left;
	margin: 15px 0px 0px 10px;
}

/* DIV PREZZI */

#divContainerPrezzi{
	width: 903px;
	background-color: #FF9933;
	height: 491px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background-image: url(../immagini/sfondoPrezzi.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #E3D6C3;
}

#divPrezzi0 {
	width: 6px;
	height: 161px;
	margin: 15px 0px 0px 0px;
	float: left;
}

#divPrezzi1 {
	width: 24px;
	height: 161px;
	margin: 15px 0px 0px 8px;
	background-color: #FFFF33;
	float: left;
}

#divPrezzi2 {
	width: 65px;
	height: 161px;
	margin: 15px 0px 0px 8px;
	background-color: #666600;
	float: left;
}

#divPrezzi3 {
	width: 19px;
	height: 161px;
	margin: 15px 0px 0px 8px;
	background-color: #666633;
	float: left;
}

.ImgTestataPrezzi{
	float: left;
	margin: 15px 0px 0px 10px;
}

/* DIV OFFERTE */

#divContainerOfferte{
	width: 903px;
	background-color: #FF9933;
	height: 491px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background-image: url(../immagini/sfondoOfferte.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #E3D6C3;
}

#divOfferte0 {
	width: 8px;
	height: 161px;
	margin: 15px 0px 0px 0px;
	float: left;
}

#divOfferte1 {
	width: 43px;
	height: 161px;
	margin: 15px 0px 0px 8px;
	background-color: #E32558;
	float: left;
}

#divOfferte2 {
	width: 15px;
	height: 161px;
	margin: 15px 0px 0px 8px;
	background-color: #841A56;
	float: left;
}

#divOfferte3 {
	width: 69px;
	height: 161px;
	margin: 15px 0px 0px 8px;
	background-color: #891D3C;
	float: left;
}

.ImgTestataOfferte{
	float: left;
	margin: 15px 0px 0px 10px;
}


/* DIV RICHIESTE INFO */

#divContainerRichiesteInfo{
	width: 903px;
	background-color: #FF9933;
	height: 491px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background-image: url(../immagini/sfondoRichiesteInfo.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #E3D6C3;
}

#divRichiesteInfo0 {
	width: 5px;
	height: 161px;
	margin: 15px 0px 0px 0px;
	float: left;
}

#divRichiesteInfo1 {
	width: 38px;
	height: 161px;
	margin: 15px 0px 0px 8px;
	background-color: #0099CC;
	float: left;
}

#divRichiesteInfo2 {
	width: 9px;
	height: 161px;
	margin: 15px 0px 0px 8px;
	background-color: #006699;
	float: left;
}

#divRichiesteInfo3 {
	width: 35px;
	height: 161px;
	margin: 15px 0px 0px 8px;
	background-color: #006699;
	float: left;
}

.ImgTestataRichiesteInfo{
	float: left;
	margin: 15px 0px 0px 10px;
}

/* DIV RICHIESTE */

#divContainerRichieste{
	width: 903px;
	background-color: #FF9933;
	height: 491px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background-image: url(../immagini/sfondoRichieste.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #E3D6C3;
}

#divRichieste0 {
	width: 5px;
	height: 161px;
	margin: 15px 0px 0px 0px;
	float: left;
}

#divRichieste1 {
	width: 42px;
	height: 161px;
	margin: 15px 0px 0px 8px;
	background-color: #996666;
	float: left;
}

#divRichieste2 {
	width: 61px;
	height: 161px;
	margin: 15px 0px 0px 8px;
	background-color: #CCCC66;
	float: left;
}

.ImgTestataRichieste{
	float: left;
	margin: 15px 0px 0px 10px;
}

/* DIV FOTO GALLERY */

#divContainerFotoGallery{
	width: 903px;
	background-color: #FF9933;
	height: 491px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background-image: url(../immagini/sfondoFotoGallery.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #E3D6C3;
}

#divContenitoreGallery{
	height: 400px;
	overflow: auto;
	padding: 0px 0px 0px 25px;
}

.imgGallery{
	float: left;
	margin: 0px 10px 0px 10px;
}


/* MENU */

#divMenu{
	clear:left;
	float: left;
	width: 903px;
	color: #b6ada9;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

ul {
	list-style: none;
	margin: 30px 0px 0px 0px;
	padding: 0px;
	text-align: center;
}

li {
	display: inline;
	margin: 10px 10px 20px 10px;
	
}

#linguaCorrente{
	color:#655954;
}

/* TABELLA PREZZI */

.tabellaPrezzi{
	width: 500px;
}

.sfontoHeadTabella{
	border: 1px solid #A5A468;
	background-color: #92905C;
}

/* OFFERTE */

#containerOfferte{
	height: 150px;
	margin: 5px 0px 0px 0px;
}

#offerte{
	width: 187px;
	height: 150px;
	visibility: visible;
	overflow: hidden;
}

#containerEventi{
	width: 187px;
	height: 125px;
	position: absolute;
	visibility: visible;
}

#news{
	width: 187px;
	position: absolute;
	visibility: visible;
}

/* FORM RICHIESTE INFO */

#divPrivacy{
	border: 3px solid #5C8F9C;
	width: 320px;
}

.buttonInvia{
	width: 80px;
	background-color: #5C8F9C;
	display: inline;
}

.spazio20{
	width: 20px;
}

.divRadio{
	float: left;
	margin-right: 30px;
}

#contenitorePulsantiInvia{
	width: 320px;
}

#PulsantiInvia{
	float: right;
	width: 165px;
}

.titolo_rss_agenda{
	color: #DBCBB6;
}