* {
	padding: 0;
	margin: 0;
}

body {
	font-family: Verdana, Geneva, sans-serif;
	background: #eee;
}

div#container {
    margin: 1% auto;
    text-align: left;
    width: 900px;
	border: 1px solid #AFAFAF;
	-moz-border-radius: 10px 10px 10px 10px;
	background: #fff;
}

div#header{
    height: 180px;
	text-align:center;
	/*background: url(immagini/header.png) no-repeat top;*/
}

div#navigation{
    float: left;
    width: 200px;
	padding-top: 3em;
}

div#navigation div.box{
	width: 80%;
	margin: 0 0 10% 10%;
	padding: 6% 2%;
	text-align: center;
	color:#DCE9CD;
	border:1px solid #538312;
	-moz-border-radius:10px 10px 10px 10px; /* BORDI ARROTONDATI */
	background: #0d8d17; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7DB72F', endColorstr='#4E7D0E'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#7DB72F), to(#4E7D0E)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #7DB72F,  #4E7D0E); /* for firefox 3.6+ */
}

div#navigation div.box ul{
	text-align:left;
	margin-left:1em;
}

div#navigation div.box a{
	color: #DCE9CD;
	text-decoration:underline;
	font-weight:bold;
}

div#navigation div.box a:hover{
	background: #DCE9CD;
	color:#4E7D0E;
}

div#content {
    margin-left: 200px;
	padding: 2em;
}

.mosaico {
	border: 1px solid #222;
}

div#footer {
    clear: both;
	text-align: center;
	padding-bottom: 2em;
	color: #202020;
	background-color: 
	font: Arial, Helvetica, sans-serif;
	font-size:xx-small;
}

div#footer a {
	color: #202020;
	font: Arial, Helvetica, sans-serif;
	font-size: small;
}