body {
	background-color: #fff;
	font: bold 12px normal "Comic Sans MS", Arial, Verdana;
	color: #494949;
	margin: 0px auto auto 0px;
	}

h1 {
	color: #484848; text-align:left;
	padding: 5px 15px; margin: 0px 0px;
	font: bold 14px normal Verdana, Arial, Helvetica, sans-serif;
}

h2 {
	color: #484848; text-align:left;
	padding: 5px 15px; margin: 0px 0px;
	font: bold 12px normal Verdana, Arial, Helvetica, sans-serif;
}

h3 {
	color: #484848; text-align:left;
	padding: 0px 15px; margin: 0px 0px;
	font: bold 10px normal Verdana, Arial, Helvetica, sans-serif;
}

h4, h5, h6 {
	color: #484848; text-align:left;
	padding: 5px 15px; margin: 0px 0px;
	font: bold 10px normal Verdana, Arial, Helvetica, sans-serif;
}

p {
	text-align: justify;
	padding: 5px 15px; margin: 0px 0px;
/*	font-size:10pt; */
	color: #494949;
	font: normal 10px normal Verdana, Arial, Helvetica, sans-serif;
}

ul, ol {
	text-align: left;
	padding: 5px 15px; margin: 0px 0px;
/*	font-size:10pt; */
	color: #494949;
	font: normal 12px normal Verdana, Arial, Helvetica, sans-serif;
}

a {
  color: #494949;
/*  font-size:10px; */
  font: bold 12px normal Verdana, Arial, Helvetica, sans-serif;  
}


#corpo {
	width: 990px; height: auto; margin: auto 0px;
	background-color: #fff;
	}

#corpo_staff {
	width: 900px; height: auto; margin: auto auto;

	}

#corpo-gen {
	width: 865px; height: auto; margin: auto auto;
	background-color: #fff;
	}

#testa {
	width: 865px; height: 20px; text-align: right; clear:both; margin: auto auto;
}	 

#testa-gen {
	width: 865px; height: 20px; text-align: right; clear:both; margin: auto auto;
}	 


#div-logo {
	width: 220px; height: 145px; text-align:center; float:left;
}

#img-logo {
	width: 170px; height: 143px; border: 0px;
}

#menu-sx {
	width: 260px; height: auto; float: left; text-align:left; padding-left: 10px; padding-top: 70px;
}

#div-testata {
	width: 640px; height: 10px; text-align: right; float: right;
	color: #484848; padding-right: 5px; padding-top: 10px;
	font: bold 14px normal Verdana, Arial, Helvetica, sans-serif;
}

#home-dx {
	width: 385px; height: auto; float: left; text-align: justify;  border-left: #484848 dashed 1px;
	padding-left: 0px; padding-top: 80px; padding-left: 10px; padding-bottom: 80px;
	
}

#centro-home {
	width: 320px; height: 360px; float: left; padding-top: 40px;
	text-align: center; overflow:hidden;
}


#centro-gen {
	width: 550px; height: auto; float: left; padding-bottom: 10px; padding-left: 10px;
	text-align:left; overflow:hidden;
}

ul.lista-menu {
	width: auto;
	list-style:none; /* elimino i punti elenco */
	margin:0; padding:0; /* elimino i rientri delle liste */

}

ul.lista-menu li a {
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding:10px 10px; /* lascia spazio far il bordo del menu e il testo del link */
height:20px;line-height:20px; /* altezza del link: height e line-height devono avere il medesimo valore */
font-family:Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight:bold;
 /* font-size:10px; 
font: bold 16px normal Arial, Helvetica, sans-serif;
/*border-bottom: 1px solid  #494949 */
}

ul.lista-menu li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/

ul.lista-menu li a:link, ul.lista-menu li a:visited {
color: #666666;
background-image: url(../images/cliplink_coletta.JPG); background-repeat: no-repeat; background-position: 0px 17px;
font: bold 20px normal Arial, Verdana, Helvetica, sans-serif;
} /* colori per il link */

ul.lista-menu li a:hover, ul.lista-menu li a:active {
color: #CCCCCC;
background-image: url(../images/cliplink_coletta.JPG); background-repeat: no-repeat; background-position: 0px 17px;
/* font-size:11px; */
font: bold 20px normal Arial, Verdana, Helvetica, sans-serif;

} /* colori per l'effetto roll-over */

ul.lista-link li a:hover, ul.lista-link li a:link, ul.lista-link li a:visited {
color: #494949;
list-style: outside disc;
margin-top: 0px;
padding: 0px 0px;
font: bold 12px normal Verdana, Arial, Helvetica, sans-serif;
}

ul.lista-foto {
	width: auto;
	list-style:none; /* elimino i punti elenco */
	margin:0; padding:0; /* elimino i rientri delle liste */

}

.vuoto {
	width:100%; height: 1px; clear: both;
}

p.titoli-liste {
	color: #484848; text-align:left;
	padding: 20px 10px 0px 10px; margin: 0px 0px;
/*	font: 9pt */
	font: bold 12px normal Verdana, Arial, Helvetica, sans-serif;
}

.titoli-cat {
	color: #484848; text-align:left;
	padding: 10px 10px; margin: 0px 0px;
/*	font: 9pt */
	font: bold 16px normal Verdana, Arial, Helvetica, sans-serif}

.img-decorativa-sx {
	width: 150px; border: 0px; float:left; padding: 5px;
}

.img-tamble-sx {
	width: 50px; border: 0px; float:left; padding: 5px;
}

.tumble-span
             {
	         width: 90px; text-align: center; height: 50px; padding: 25px; 
			 vertical-align:middle; float:left;
			 }

.tumble-div
             {
	         width: 90px; text-align: center; height: auto; float:left;  padding: 0px; 
			 vertical-align: bottom; margin-top: 20px;
			 }

.tumble-img
             {
	         width: 80px; border: 1px  outset #000099; 
			 }

.big-foto
             {
	         width: 400px; border: 1px  outset #000099; 
			 }

.big-foto-home
             {
	         width: 340px; border: 1px  outset #000099; 
			 }

.tumble-img-sx
             {
	         width: 50px; float:left; padding: 5px;
			 }

#coda {
	width: 865px; height: auto; text-align:center; clear:both;
	margin:20px 0px; background-color:#fff; padding-top: 10px;
}


#piede {
		width: 100%; height: 20px; text-align: center; clear:both;
		font: normal normal 10px/12px Arial, Helvetica, sans-serif; color: #009
}

/* formattazione dei form */

.legenda-form {
	text-align: justify;
	padding: 0px 0px; margin: 0px 0px;
	color: #494949;
	font: bold 12px normal Verdana, Arial, Helvetica, sans-serif;

}

.campi-form {
	border: 1px solid #494949;

}

.riga-form {
		width: 90%; clear:both; text-align:center; padding: 2px 0px; clear:both;
}

.cella-sx-form {
		width:48%; float:left; text-align:right
}

.cella-dx-form {
		width:48%; float: right; text-align:left
}

#coda p, #coda a {
		color: #494949; font: bold x-small normal Verdana, Arial, Helvetica, sans-serif;
		margin-top: 0px; padding: 0px; text-align: center;
}

#gms {
		width: auto; height: auto;
		color: #000000; text-align: center;
		font: bolder x-small normal Verdana, Arial, Helvetica, sans-serif;
}

#marchi {
		width: 240px; height: 35px; margin: auto auto; clear: both; text-align: center; padding-top: 10px;
}

.cella-marchi {
		width: 80px; height: 22px; float: left; text-align: center;
}

.img-marchi {
		width: 70px; height: 20px; border: 0px;
}

.menu-nav {
		width: 100%; clear:both; text-align:left; padding: 2px 10px 25px 10px;
		color: #999999;
		font: bold 10px normal Verdana, Arial, Helvetica, sans-serif;
}

.menu-nav a {
		color: #999999;
		font: bold 10px normal Verdana, Arial, Helvetica, sans-serif;
}