/* --------------------------  LAYOUT GENERALE -----------------------*/
body {
	color: #000;
	background-color:#150124;
	text-align: center;
	padding: 0px ;
	margin: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#principale {
	margin: 0px auto 0px auto;
	width: 800px;
	text-align: left;
	margin-top: 15px;
	background-color: #e7e0da;
	border:8px solid #ffffff;
}

#intestazione{
	height:107px;
}

#sinistra { /* per il menu */
	float: left;
	width: 200px;
    padding: 0px;
	background-color: #e7e0da;
	border-top:8px solid #ffffff;
}

#centrale { /* per il contenuto */
	padding-left:10px;
	margin-left:190px;
	background-color:#ffffff;
}
	
#centrale1{ /* solo in home page: colonna con testo dentro "centrale" */
	float:left;
	width:224px;
	background-color: #f3efec;
	min-height:370px;
	padding:10px;
	border-left:8px solid #ffffff;
	border-top:8px solid #ffffff;
}

.spazio{ /* div all'interno di "centrale1" che serve per dare la distanza dal margine superiore e allineare
il testo in basso; se si dovesse allungare il testo va modificata questa altezza altrimenti di sballa tutto 
il layout! */
	height: 150px;
}

#centrale2{ /* solo in home page: colonna all'interno di "centrale" che contiene la foto */
	width:340px;
	float:right;
	border-top:8px solid #ffffff;
	border-left:8px solid #ffffff;
}

#centrale3{ /* per tutte le altre pagine, esclusa home page: colonna che impagina il contenuto */
	float: left;
	width:573px;
	background-color: #ffffff;
	min-height:370px;
	padding:10px;
	border-left:8px solid #ffffff;
	border-top:8px solid #ffffff;
	/*margin-left:340px;*/
}

#centrale3home{ /* per tutte le altre pagine, esclusa home page: colonna che impagina il contenuto */
	float: left;
	width:573px;
	background-color: #ffffff;
	min-height:90px;
	padding:10px;
	border-left:8px solid #ffffff;
	border-top:8px solid #ffffff;
	/*margin-left:340px;*/
}

/*#centrale3 img{border-bottom:8px solid #ffffff;}*/
#footer { 
	clear: both;
	padding: 0;
	border-top:8px solid #ffffff;
	background-color:  #a7201c;
	background: #a7201c;
	padding: 2px;
	font-size:10px;
	text-align:center;
	color:#e7e0da;
}
	
	
/* ----------------------------------  MENU --------------------------------------*/
.menu{ /* div generale per il menu */
	padding:10px;
	/* margin-top:60px; */
	margin-top:30px;
	}
.menu1 { /* formatta i link delle voci principali */
	padding-top:8px;
	padding-bottom:4px;
	}
.menu1 a{ 
	color: #150124;
	text-decoration: none;
	}
.menu1:hover a{
	border-bottom: 4px solid #e1d9d2;
	}
.menu1:visited a{
	color:#150124;
	}

	
.menu2{ /* formatta i link delle voci secondarie (es. le camere, servizi: occhio che contiene la freccetta */
	padding-top:4px;
	padding-bottom:8px;
	}
.menu2 a{ 
	color: #150124;
	text-decoration: none;
	padding-left: 25px;
	background-image: url('../../include/img/freccia.jpg');
	background-repeat: no-repeat;
    background-position: center left;
	}
.menu2:hover a{
	border-bottom: 4px solid #e1d9d2;
	}
.menu2:visited a{
	color:#150124;
	}

.menu3{ /* formatta la voce di menu della pagina che si sta visitando, per le voci principali */
	color:#8f0000;
	padding-top:8px;
	padding-bottom:4px;}
	
.menu4{ /* formatta la voce di menu della pagina che si sta visitando, per le voci secondarie (occhio che 
deve restare la freccetta! */
	color:#8f0000;
	background-image: url('../../include/img/freccia.jpg');
	background-repeat: no-repeat;
    background-position: center left;
	}

/* ----------------------------- BRICIOLE ------------------------------------*/
#briciole{
	font-size:10px; 
	padding-bottom:2px; 
	margin-top: 8px; 
	border-right:10px solid #ffffff; 
	border-bottom: 1px solid #b42817;
	}
#briciole a{
	text-decoration:none; 
	color:#000000;
	}
#briciole a:hover{
	color:#e47327; 
	}
#briciole a:visited{
	color:#666666; 
	}
/* ----------------------------  VARIE  TESTO ----------------------------------------*/
a { /* link generico*/
color:#8c3508;
}
a:visited {
color: #666666;
}


h1 {
	color:#8c3508; 
	font-size:18px;
	}
h2 {color:#8c3508; 
	font-size:13px;
	}

.titolohome{ /* titolone in home page - colonna centrale */
	color:#8c3508; 
	font-size:20px; 
	text-align:right; 
	/*font-family:Tahoma;*/
	font-weight:bold;
	}
.titolohome2{ /* ... e sottotitolone */
	color:#8c3508; 
	font-size:14px; 
	text-align:right; 
	font-weight:bold; 
	/*font-family:Tahoma;*/
	}

.avanti{/* link di avanzamento per la galleria fotografica */
	font-size:10px; 
	color:#666666; 
	text-align:right;
	}
.avanti a{
	text-decoration:none; 
	color:#666666;
	}
.avanti:link a{
	text-decoration:none; 
	color:#666666;
	}
.avanti:hover a{
	text-decoration:underline;
	}
.avanti:visited a{
	text-decoration:#996699;
	}
	
#footer a{ /* link del footer (email) */
	color:#e7e0da;
	text-decoration:none;
	}
#footer:hover a{ 
	color:#e7e0da;
	text-decoration:underline;
	}
#footer:visited a{ 
	color:#cccccc;
	text-decoration:none;
	}

/* -------------------- VARIE IMPAGINAZIONE IMMAGINI E TESTO -----------------------*/
.immagini{ /* div per centrare l'impaginazione delle immagini, vedi pag. camere */
	text-align: center; 
	width:100%; 
	vertical-align:middle; 
	font-size: 11px;
	color:#8c3508; 
	font-weight:bold;
	}
.immagini img{ /* allinea il testo centrandolo in verticale rispetto alle immagini */
	vertical-align:middle;
	}
	
.img_right{ /* aggancia le immagini a destra con testo che scorre intorno */
	float:right; 
	padding-left:10px; 
	padding-bottom:10px;
	}
.img_left{ /* aggancia le immagini a sinistra con testo che scorre intorno */
	float:left; 
	padding-right:10px; 
	padding-bottom:10px;
	}
.justify{ /* div per impaginare il testo con allineamento giustificato */
	text-align:justify;
	}
/*----------------------------  FORM CONTATTI ----------------------*/
.form{
	padding:10px; 
	line-height:30px;
	}
label{
	color:#8c3508; 
	font-weight:bold; 
	font-size:11px;
	}
.required{
	color:#ff0000; 
	font-size:11px;
	}
.invia{
	margin-left:350px;
	}
img {
	border: none;
}