body, html    {
	margin : 0;
	width: 100%;
	font-family: "georgia";
	font-size: 12px;
	color: #000000;
	text-align: center;
	background-color:  #CCD3B3;
 	padding: 0; 
	
	}

td, a
{
	font-family: "georgia";
	font-size: 12px;
	color: #000000;
}

	#container    {
	padding : 0 0 0 0;
	margin: 0 0;
	text-align: center;
	WIDTH: 650px;
	HEIGHT: 100%;
	margin-top:0; 
	background:  #ffffff url(/skins/mozzagrogna/images/fondo2.gif) repeat-y top right  ;
	background-color:  #ffffff;
	
	}

/* barra superiore */
div#sopra {
background: url(/skins/mozzagrogna/images/testa_home.jpg) no-repeat 0 0;
width:650px;
height:162px;
padding: 0 0 0 0;
margin:0;
text-align: center;

}
div#sopra h1 {
display:none;
text-indent: -5000px;
}

div#sopra h3   {
	clear:both;
	float: left;
	margin-top: 95px ;
	width: 631px;
	font-family: "georgia";
	font-size:11px;
	color:#ffffff;
	text-align:center;
}
div#sopra a   {

	font-family: "verdana";
	font-size:11px;
	color:#ffffff;
	
}

/* barra di navigazione 1° livello */

/* area principale   */


/* tabella del percorso assoluto della pagina all'interno del div principale */



/* barra inferiore */

div#sotto {
width:650px;
padding: 0px;
text-align: center;
clear: both;
font-family: "georgia, serif";
font-size: 14px;
color: #000000;
}

/*

float automatico delle immagini a sinistra
per posizionarle a destra usare la class=imgleft

*/
img {
float:right;
margin-right: 7px;
margin-bottom: 4px;
}
.imgleft {
float:left;
margin-right: 7px;
margin-bottom: 4px;
}

/* HOMEPAGE */
div#content {
float:left;
text-align:left;
display:block;
padding:5px;
margin-left:2px;
width:361px;
padding-left :8px;
	}
	.servizi{
	font-family: "georgia, serif";
 	font-size: 18px;
	font-weight: bold;
	color: #50A406;
	text-align:left;
	width:99%;
	border-bottom: 4px solid #50A406;
}
div#barra_home {
	display: block;
	margin-left:0px;
	margin-top:0;
	border:0px;
	float:left;
	text-align: left;
	width:196px;
	min-height:1100px;
	height: auto !important;
	height: 1100px;
	background: url(/skins/mozzagrogna/images/fondo_sx.gif) repeat-y ;
		}
	div#barra_home  h3 span {
	background: url(/skins/mozzagrogna/images/testa_sx.gif) no-repeat top;
	text-indent:-5000px;
}

.unione{
	margin-right: 23px;
}

.img_barra2{
	margin-right: 18px;

}	

/* diego: qui ho cambiato il color in nero */
div#barra_home li a {
	font-family: "georgia";
	font-size: 12px;
	color: #000000;
	list-style:none;
}
/* diego: questa classe la ho aggiunta io */
div#barra_home li a:hover {
	font-family: "georgia";
	font-size: 12px;
	color: #50A406;
	list-style:none;
}

/* diego: nav è diventato una classe */
div.nav {
display:block;
background-color: #ffffff;
font-family: georgia,serif;
font-size: 12px;
width: 169px;
text-align: left;
padding-left:0px;
margin-top:10px;
margin-left:7px;
border: 4px solid #50A406;
}
div.nav h5.testa{
width:169px;
height:17px;
margin:0;
color:#50A406;
border-bottom:4px solid #50A406;
text-align:center;
}



.nav ul li a:link, .nav ul li a:visited {
font-size: 14px;
font-family: georgia,serif;
color: #000000;
text-decoration: underline;
display: block;
padding:1px;
padding-left:6px;
width: 145px;
border-width: 1px;
}

.nav ul li a:hover {
color:#50A406;
text-decoration: underline;

}

.nav a.current {text-decoration: none;}

.nav ul li {margin: 0px; padding: 0px; list-style-type: none; display: block;}

.nav ul {margin: 0px; padding: 0px;}

dt{
	margin:4px;
}
div#extra{
	text-align:center;
}
div#percorso_pagina{
font-family: georgia,serif;
font-size: 12px;
color:#000000;
font-weight: bold;
text-align: left;
font-weight: bold;
padding: 8px;

}
#percorso_pagina ul li a:link, #percorso_pagina ul li a:visited {color: #000000;
text-decoration: none;
display: inline;
}
#percorso_pagina ul li a:hover {color: #ffffff;
background-color: #50A406;
text-decoration: underline;
}

#percorso_pagina a.current {text-decoration: none;}

#percorso_pagina ul li {margin: 0px; padding: 5px; list-style-type: none; display: inline;}

#percorso_pagina ul {margin: 0px; padding: 0px;}