@charset "UTF-8";
body  {
	margin: 0; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/
	padding: 0; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	background-color: #1f322e;
	background-image: url(immagini/bg_floreale.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	line-height: 16px;
	height: auto;
	position: relative;
}
a, a:active, a:visited {
	color: #FFF;
	text-decoration: underline;
}
a:hover {
	color: #E2B435;
}
p {
	margin: 0;
}
#wrapper {
	background-image: url(immagini/bg_floreale.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container  {
	width: 1002px;
	margin: 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
	border: 0;
	text-align: left;
} 
#header  {
	padding: 0;
	background-image: url(immagini/bg_logo.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	height: 197px;
} 
div#navigation{
	background-repeat: no-repeat;
	margin: 0px 0 0 0;
	height: 40px;
	font-size: 9px;
	position: relative;
	left: 0px;
	bottom: 0px;
	top: 142px;
}
div#navigation ul{list-style-type: none;margin: 0;padding: 0}
div#navigation li{
	float:left;
	margin: 0;
	padding:0;
	border: 0
}
div#navigation a{
	position:relative;
	display:block;
	height: 39px;
	padding: 0;
	margin: 0;
}
div#navigation a span{position:absolute;width:100%;height:100%;cursor: pointer; /*per IE*/ }
div#navigation a:hover{color: #369 /*per IE*/}
div#navigation a:hover span{
	background-position: -115px 0
}
div#navigation a#current span{
	background-position: -115px 0
}
li#one a{
	width: 115px
}
li#two a{
	width: 115px
}
li#three a{
	width: 115px
}
li#four a{
	width: 115px
}
li#space {
	width: 312px;
}
li#five a{
	width: 115px
}
li#six a{width: 115px;}
li#one span{
	background-image: url(immagini/home.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
li#two span{
	background-image: url(immagini/ristorante.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
li#three span{
	background-image: url(immagini/camere.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
li#four span{
	background-image: url(immagini/benessere.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
li#five span{
	background-image: url(immagini/dove.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
li#six span{
	background-image: url(immagini/contatti.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
	
#header h1  {
	margin: 0; /* 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: 0; /* l'uso del valore padding al posto di margin consente di distanziare l'elemento dai bordi del div */
	text-indent: -1000em;
}
.ristorante #container #flash #FlashID {
	border: 0;
	margin: 0;
	padding: 0;
}
#sidebar1  {
	float: left; /* poiché questo elemento è mobile, occorre specificare una larghezza */
	width: 464px; /* il padding consente di distanziare dai bordi il contenuto del div */
	height: 263px;
}
#sidebar2  {
	float: left; /* poiché questo elemento è mobile, occorre specificare una larghezza */
	width: 269px; /* il colore di sfondo verrà visualizzato per tutta la lunghezza del contenuto all'interno della colonna, ma non oltre */
	padding: 0; /* il padding consente di distanziare dai bordi il contenuto del div */
	height: 263px;
	margin: 0;
}
#mainContent  {
	padding: 0; /* ricordare che i valori padding e margin corrispondono rispettivamente allo spazio interno ed esterno al riquadro div  */
	height: 263px;
	margin: 0;
	float: left;
	width: 269px;
} 
#footer  {
	padding: 0;
	height: 42px;
	margin: 0;
} 
#footer p  {
	margin: 0; /* 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 */
	font-size: x-small;
	color: #999999;
	text-align: center;
}
.fltrt { /* questa classe può essere utilizzata per rendere mobile un elemento a destra nella pagina. L'elemento reso mobile deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* questa classe può essere utilizzata per rendere mobile un elemento a sinistra nella pagina.*/
	float: left;
	margin-right: 8px;
}
.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	margin: 0;
	padding: 0;
}
a img  {
	border: 0;
}