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

body  {

	font: 100% Verdana, Arial, Helvetica, sans-serif;
	
	background-image:url(../immagini/sfondo.jpg);
	background-color:#DEEDF8;
	background-repeat:repeat-x;

	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-top: 20px;

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

	color: #006699;

}

#top { 
	width: 924px;
	height: 30px; 
	margin: 0 auto; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;

} 
#top-left {
	margin-left: 10px;
	float:left;
}

#top-right {
	margin-left: 800px;
}

.twoColFixLtHdr #container { 

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

	background: #FFFFFF;

	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. */
	background-image:url(../immagini/sfondo-container.gif);

} 

.twoColFixLtHdr #header { 
	padding: 0px 10px 0 0px;  
	background-image:url(../immagini/testata.gif);
	background-repeat:no-repeat;
	height: 416px;
	margin: 0px;
} 

.twoColFixLtHdr #header2 { 
	padding: 0px 10px 0 0px;  
	background-image: url(../immagini/testata2.gif);
	background-repeat:no-repeat;
	height: 416px;
	margin: 0px;
} 

#testo-slogan {
	margin: 24px 0px 0px 400px;
	width: 350px;
	height: 90px;
	position: absolute;
}

#menu { 
	margin-top: 114px;
	height: 267px;
	width: 209px;
	float: left;
	position: absolute;
} 

#foto { 
	margin-left: 209px;
	margin-top: 114px;
	height: 267px;
	width: 715px;
	position: absolute;
} 

ul.menuul  {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding-top:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #006699
}

li.menuli {
	padding-right: 10px;
	text-align:right;
}

a.linkmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #006699;
	text-decoration: none;
	line-height: 27px;
}

a.linkmenu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #006699;
	text-decoration: underline;
	line-height: 27px;
}

.twoColFixLtHdr #sidebar1 {

	float: left; 
	width: 200px; 
	margin: 5px 0px 15px 0px;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:20px;
	color: #006699;

}

.twoColFixLtHdr #mainContent { 

	margin: 0 5px 0 201px; /* il margine sinistro di questo elemento div crea la colonna sul lato sinistro della pagina; indipendentemente dalla quantità di contenuto presente nel div sidebar1, lo spazio della colonna rimane inalterato. È possibile rimuovere questo margine se si desidera che il testo del div #mainContent riempia lo spazio di #sidebar1 quando il contenuto di #sidebar1 finisce. */

	padding: 0px; /* ricordare che i valori padding e margin corrispondono rispettivamente allo spazio interno ed esterno al riquadro div  */
	
	background-image:url(../immagini/sfondo-corpo1.jpg);
	background-repeat:repeat-x;
} 

.twoColFixLtHdr #mainContent2 { 

	margin: 0 5px 0 201px; 
	padding: 0px; /* ricordare che i valori padding e margin corrispondono rispettivamente allo spazio interno ed esterno al riquadro div  */
	background-image:url(../immagini/sfondo-corpo2.jpg);
	background-repeat:repeat-x;
} 

.twoColFixLtHdr #mainContent-piede { 
	margin: 0px;
	padding: 0px;
	background-image: url(../immagini/piede-corpo.gif);
	background-repeat: no-repeat;
	clear: both;
	height: 12px;
} 

#corpo-sx { 
	width: 9px;
	height: 375px;
	padding: 0px; /* ricordare che i valori padding e margin corrispondono rispettivamente allo spazio interno ed esterno al riquadro div  */
	background-image:url(../immagini/corpo-sx.gif);
	float:left;
}

#corpo {
	padding: 0px 0px 5px 24px;
	width: 388px;
	float:left;
}

#corpo-dx { 
	width: 9px;
	height: 375px;
	padding: 0px; /* ricordare che i valori padding e margin corrispondono rispettivamente allo spazio interno ed esterno al riquadro div  */
	background-image:url(../immagini/corpo-dx.gif);
}

#news-offerte {
	width: 297px;
	height: 250px;
	float:left;
}

#news-offerte-contenuto {
	margin-left: 20px;
}

#corpo-nav {
	padding: 0px 0px 5px 15px;
	width: 420px;
	float:left;
}

#corpo-nav2 {
	padding: 0px 0px 5px 10px;
	width: 480px;
	float: left;
}

#corpo-nav-interno {
	margin: 0 9px 0 9px; 
	width: 700px;
	background-image:url(../immagini/sfondo-corpo.jpg);
	background-repeat:repeat-x;
	background-color:#A1CDEA;
} 

#centra {
	margin: 0 15px 0 15px; 
} 

#foto-nav {
	width: 250px;
	text-align:center;
	float:left;
}

#foto-nav2 {
	margin: 0 5px 0 10px; 
	width: 200px;
	text-align:center;
	float:left;
}

.fotohome {
	padding: 0px 20px 0px 0px;
	width: 680px;
	height: 85px;
	text-align:center;
	float: left;
}

.foto1 {
	width: 115px;
	height: 80px;
	padding: 3px;
	background-color:#FFFFFF;
	margin-left: 40px;
}

.foto2 {
	width: 150px;
	height: 108px;
	padding: 3px;
	background-color:#8BC2E5;
}

.twoColFixLtHdr #footer { 

	padding: 0px; /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sovrastanti. */

	width: 924px;
	margin: 0 auto;
	background-image:url(../immagini/piede-sfondo.gif);
	background-repeat:no-repeat;
	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;

}