/* CSS Document */

body  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #ffffff;
	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;
	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: #333333;}
	
	a a:visited, a:link{color:#333333; text-decoration:underline;}
	a:hover{color: #006699;}

h1 {
	font-size:18px;
	font-weight:bold}

h2 {
	font-size:16px;
	font-weight:bold}

.twoColElsLtHdr #container { 
	width:760px;  /* questa larghezza crea un contenitore che riempie una finestra del browser di 800 px se il testo viene lasciato alle dimensioni di carattere predefinite del browser */
	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. */} 
	
.twoColElsLtHdr #header { 
	background: #000000; 
	padding: 0 10px;  /* 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. */} 
	
.twoColElsLtHdr #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: 10px 0; /* l'uso del valore padding al posto di margin consente di distanziare l'elemento dai bordi del div */}

.twoColElsLtHdr #sidebar1 {
	float: left; 
	width: 268px; /* poiché questo elemento è mobile, occorre specificare una larghezza */
	background: #ffffff; /* il colore di sfondo verrà visualizzato per tutta la lunghezza del contenuto all'interno della colonna, ma non oltre */
	background-image:url(../immagini/sfondo00001.gif);
	padding: 0; /* un padding superiore e inferiore creano uno spazio visivo all'interno di questo div */}
	
.twoColElsLtHdr #sidebar1 h3, .twoColElsLtHdr #sidebar1 p {
	margin-left: 10px; /* è necessario applicare un margine sinistro e destro a ogni elemento che verrà inserito nelle colonne laterali */
	margin-right: 10px;}

.twoColElsLtHdr #mainContent {
	margin: 0 10px 0 278px; /* il margine destro può essere specificato in ems o pixel. Crea lo spazio lungo il lato destro della pagina. */} 
	
.twoColElsLtHdr #footer { 
	padding: 0 10px; /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sovrastanti. */
	background:#DDDDDD;} 
	
.twoColElsLtHdr #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 */}

/* Classi varie riutilizzabili */
.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;}
	
<!--[if IE]>
/* inserire in questo commento condizionale le correzioni css per tutte le versioni di IE */
.twoColElsLtHdr #sidebar1 { padding-top: 30px; }
.twoColElsLtHdr #mainContent { zoom: 1; padding-top: 15px; }
/* la proprietà zoom proprietaria riportata sopra fornisce a IE l'elemento hasLayout necessario per evitare vari bug */-->

/*-------------------------------------------------------------*/

#menu {
	width:100%;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;}

#menu a:link, #menu a:visited{color: #ffffff; font-weight:bold; text-decoration:none;}
#menu a:hover {color: #FF9900; text-decoration:none;}

#menu_laterale {
	float:left;
	width:268px;
	color:#FFFFFF;
	clear:both;}
	
	#menu_laterale a:link, #menu_laterale a:visited{color: #ffffff; text-decoration:none;}
	#menu_laterale a:hover {color: #FF9900; text-decoration:none;}

.menu_laterale_titolo {
	width:158px;
	height:65px;
	background-color:#FF0000;
	padding:10px;
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	font-weight:bold;
	font-style:italic;
	text-align:center;}
	
.menu_laterale_box {
	width:173px;
	height:700px;
	background-color:#FF0000;
	padding-left:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	line-height:25px}

#titolo_generico {
	padding-top:5px;
	padding-bottom:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align:center;}

#date_fiere {
	padding-top:5px;
	padding-bottom:15px;
	font-size:14px;
	color:#CC0000;
	font-weight:bold;
	text-align:center;}
	
#immagine_fiere {
	padding:5px;
	text-align:center;}

.testo_12  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;}
	
.contenuto {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:normal;
	color:#333333;
	text-align:justify;
	padding-top: 10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-left:10px}