div#navigation{
	float:left; /* Dimensioni per Opera 5 */
	width:170px; /* Dimensioni per Explorer 5.x */
	width:160px;
	border: 1px solid #ccc;
	background-color: #0066CC;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 2px;
}

div#extra{
	width:160px;
	width:160px;
	margin: 5px;
	padding-right: 5px;
	float: right;
}

div#content{
	width: 480px;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 220px;
	padding-top: 1em;
	padding-right: 10px;
	padding-bottom: 1em;
	padding-left: 10px;
}

div#footer{
	clear:both;
	background-color: #0066CC;
	top: auto;
}
#container {
	width: 1024px;
	left: 0;
	border: 1px solid #000033;
	top: 2px;
	padding: 0px;
	margin-left: 100px;
	margin-right: 100px;
}
div.menu {
      background: #EEEEEE;
      font-size: 11px;
      font-family: Verdana;
   }
   /* Definisce lo stile dei link al caricamento */
   a.menu {
	background: #0066CC;
	color: #fff;
	padding: 1px;
	/* Permette di ottenere l'effetto anche se il mouse non è sul testo */
      position: Relative;
	text-decoration: none;
	/* Imposta il contenuto del layer per la larghezza del layer stesso */
      display: Block;
	font-size: 1.2em;
	font-weight: bold;
	width: 160;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
   }
   /* Definisce lo stile dei link al passaggio del mouse (modificati solo i colori) */
   a:hover.menu {
      background: #EDF2F9;
      color: #000;
      padding: 1px;
      position: Relative;
      text-decoration: None;
      display: Block;
   }
#prenota {
	top: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.brd {
	border: 1px solid #000066;
}
#foto {
	margin-left: 170px;
	width: 700px;
}

