body { 
	font: 80% verdana,helvetica,sans-serif; 
	margin: 0; padding:0
}
p { font: 100% verdana,helvetica,sans-serif; display:block; margin:0 1em .5em 1em; text-align:justify;}
h3 {
 font-family: verdana,helvetica,sans-serif;
 font: bold 16px;
 color: red;
 text-align:center;
     
  }

/* centrare la pagina web a larghezza fissa */
body { 
text-align: center;
 }  
#intestazione { width: 100%;  text-align:left }
#box { width: 100%; margin:1em auto; text-align:left }

#intestazione { 
	background: url("../images/tovagliolo.gif") repeat;
	border:1px solid #000;  
		}

/* corpo del documento*/
#box { 
	position:relative; 
	background:#f0f0f0; 
	border: 1px solid #000; 
			}
#menu { 
	position:absolute; top:0; left:0; 
	width:25%; 
	padding:1em 0; 
	}
#contenuto { 
	margin:0 -1px 0 25%; 
	background-color:#fff;
	padding: 1em 0 1em 0;
	border-left:1px solid #000;
	font: 12px;  
		}
.contenuto1 { 
	width:100%; 
        left: 35%;
	background-color:#FFFACD;
	font:12px;
	margin: 4px;
        border:2px solid #008B8B;
		}

.contenuto2 { 
	width:100%; 
        left: 35%;
	background-color:#DCDCDC;
	font:12px;
	margin: 4px;
        border:2px solid #008B8B;
		}
li.menu {
	list-style-type: none;
	margin-left: -30px;
	margin-right: 10px;
	line-height: 1.5em;
        font-weight: bold;
	font: 11px;

}
li.menu a:link {
	text-decoration: none;
	color: #000000;
}
li.menu a:visited {
	text-decoration: none;
	color: #000000;
}
li.menu a:hover {
	font-weight: bold;
	color: #30c;
	background-color: #ff3;
	width: 100%;
	text-decoration: none;
}

li.segnaposto {
	list-style-type: none;
	margin-left: -30px;
	margin-right: 10px;
	line-height: 1.5em;
	font-weight: bold;
	border-top: none #666666;
	border-right: none #666666;
	border-left: none #666666;
	font-size: 90%;
	text-decoration: none;
	color: #f00;
}

li.capitolo {
	list-style-type: none;
	margin-left: -30px;
	margin-right: 10px;
        margin-top:2%;
        margin-bottom:2%;
	line-height: 1.5em;
	font-weight: bold;
	background:#fff; 
	border: solid 1px #ff0000; 
	font:12px;
	text-decoration: none;
	color: #000;
}

.immagine {
	margin: 5% 20% 5% 20%
}

.riquadro {
padding: 1%;
margin-top: 1%;
margin-bottom: 1%;
margin-right: 1%;
text-align: left;
margin-left: 1%;
background-color: #fff;

width: 100%;
font:11px;
}

.riquadro1 {
padding: 1%;
margin-top: 5%;
margin-bottom: 5%;
margin-right: 15%;
margin-left: 15%;
background-color: #3ff;
border: 1px solid #000;
width: 60%;
}

h2 {
	margin-left: 5%;
 font: 150% verdana,helvetica,sans-serif;
	}
	
h4 {
	margin-left: 5%; 
	 font: 150% verdana,helvetica,sans-serif;
	}
	
div#chiusura { 
	position : relative; 
	clear : both;
        margin-top:0px; 
	padding-right : 0; 
	padding-bottom : 3px; 
	color : #000; 
	width : 100%; 
	background-color : #b0c4de; 
	text-align : center; 
        font: 12px;
}