html{margin:0 ;padding:0}
body{font: 12px arial,sans-serif;margin:0 ;padding: 0 5px}
img{border:0}
div#container{width: 100%; /* 740px; */  margin: 0 auto 0 auto}
div#header img{float:left}
div#header h2{float:left;margin:24px 0 0 0;font-size:100%; width: 100%;}
div#zoom{float:right;margin:0 10px 36px 0;padding: 5px;
    border:1px solid #ccc; width: 50%;}
div#zoom h3{margin:0;font-size:100%;color: #666;text-align:center}
div#zoom img{display:block;width:400px;height:400px}
div#minipics{margin-right:415px} /*fondamentale per Opera*/
div#minipics ul{list-style-type: none;margin: 0;padding: 0}
div#minipics li{float:left;margin:0 5px 5px 5px;
    border:1px solid #ccc;padding: 3px; }

ul,li  {
list-style: none;  }

#miniatura {width:67px;height:67px}



/*
a#freccia {
padding: 0 0 0 20px;}
*/


a#freccia_dx {
padding: 0 0 0 20px;     /* serve per FIREFOX  */
width: 20px;             /* serve per IE       */
background-image: url(../images/freccia_dx_off.gif);
background-repeat: no-repeat;}
a#freccia_dx:hover {
background-image: url(../images/freccia_dx_on.gif);
background-repeat: no-repeat;}

a#freccia_sx {
padding: 0 0 0 20px;     /* serve per FIREFOX  */
width: 20px;             /* serve per IE       */
background-image: url(../images/freccia_sx_off.gif);
background-repeat: no-repeat;}
a#freccia_sx:hover {
background-image: url(../images/freccia_sx_on.gif);
background-repeat: no-repeat;}