body{
margin: 20px auto;
padding:0;
background: #FFF7D3;
text-align:center;
font-family: "trebuchet ms", trebuchet, verdana, arial, sans serif;
font-size: 80%;
}

#container {
position:relative; 
width:600px; 
height:620px;
background:#FFF7D3; 
border:0px solid #4a679f;
margin:0 auto;
}

#head{
margin:0;
padding:0;
background:#FFF7D3;
height:50px;
}

#head h2{
margin:0;
padding:0;
font-size: 1.3em;
color:#000;
line-height:50px;
}


a.galleria span {
display:block; 
position:absolute;
width:1px; 
height:1px; 
top: 5px; 
left: 5px;
overflow:hidden; 
background:#000;
}


a.galleria, a.galleria:visited {
display:block; 
color:#4a679f;
font-weight:bold;
text-decoration:none;
border:1px solid #fff; 
width:75px; 
height:56px; 
float:left; 
margin:3px;
z-index:100;
}



a.mini1 {background:url(galleria1_mini/trattamento_cotto_sant_andrea.jpg);}
a.mini2 {background:url(galleria1_mini/trattamento_cotto_sacro.jpg);}
a.mini3 {background:url(galleria1_mini/trattamento_cotto_sacro1.jpg);}
a.mini4 {background:url(galleria1_mini/trattamento_cotto_sacro2.jpg);}
a.mini5 {background:url(galleria1_mini/trattamento_cotto_sacro3.jpg);}
a.mini6 {background:url(galleria1_mini/trattamento_cotto_palazzo_leti.jpg);}
a.mini7 {background:url(galleria1_mini/trattamento_cotto_olio.jpg);}
a.mini8 {background:url(galleria1_mini/trattamento_cotto_olio1.jpg);}
a.mini9 {background:url(galleria1_mini/trattamento_cotto_ist_somma.jpg);}
a.mini10 {background:url(galleria1_mini/trattamento_cotto_gubbio2.jpg);}
a.mini11 {background:url(galleria1_mini/trattamento_cotto_cantina.jpg);}
a.mini12 {background:url(galleria1_mini/trattamento_cotto.jpg);}
a.mini13 {background:url(galleria1_mini/trattamento_pietra.jpg);}
a.mini14 {background:url(galleria1_mini/trattamento_cotto_podere.jpg);}

a.galleria:hover {
border:1px solid #ddd;
}

a.galleria:hover img {
border:1px solid #ddd; 
position:relative; 
z-index:100;
}

a.galleria:active img, a.galleria:focus img {
border:1px solid #ddd; 
position:relative; 
z-index:50;
}

a.galleria:hover span {
display:block; 
position:absolute; 
width:580px; 
height:480px; 
top:190px;
left: 5px;
padding:5px;
background:transparent; 
z-index:100;
}


a.galleria:active span, a.galleria:focus span {
display:block; 
position:absolute; 
width:600px; 
height:300px; 
top:170px;
left:5px; 
padding:5px; 
color:#4a679f;
font-weight:bold;
background:#fff;
z-index:200;
}

.image {
display:block; 
position:absolute; 
width:600px; 
height:500px;
top:175px;
left:5px;
padding:0; 
}

