html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center;background:#FFF url(grafica/sotto.jpg) no-repeat scroll center top}
p{margin:0 10px 10px}


div#container{text-align:left;background:#FFF}

div#navigation{background:#fff}
div#extra{background:#F6F6F6}

div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
div#container{
	width:770px;
	margin:0 auto;
	background-image: url(grafica/sfondo1.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	border:1px solid #000
}
div#wrapper{float:left;width:100%}
div#content{margin: 5px 10px 5px 185px;text-align:justify;}
div#content_b{margin: 5px 2px 5px 220px}
div#extra{float:left;width:150px;margin-left:-150px}
div#navigation{float:left;width:165px;margin-left:-770px;margin-top:0px}
div#footer{clear:left;width:100%}

.blocco_html{background:#FFFFFF}
.capitolo1 {display:block;background:#0066CC;font-weight: bold;color:#FFF;padding:4px;}
ul.capitolo1{width:165px;margin:0;padding:0;list-style:none;font-weight: bold;}
ul.capitolo1 a{display:block;text-decoration:none;padding:3px 14px;background:#FFF;color:#000;}
ul.capitolo1 a:link, .sub_menu a:visited{background:#FFF;color:#000;}
ul.capitolo1 a:hover, .sub_menu a:focus, .sub_menu a:active{background:#FFF;color:#0066CC;}

li a{text-decoration:none;list-style:none;color:#000}

ul.foto {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
ul.foto li {
  padding:15px;
  margin: 2px;
  list-style-type: none;
  float: left;
  border:0px solid #000000;
  background:#FFF url(grafica/galleria.jpg) no-repeat ;
}
ul.foto a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  border: ...;   /* se si vuole */
  }
  ul.foto img {border:0;}