/* CSS Document */

a.galleria span {
display:block; 
position:absolute;
width:1px; 
height:1px; 
top: 2px; 
left: 2px;
overflow:hidden; 
background:#000;
}


a.galleria, a.galleria:visited {
display:block; 
color:#4a679f;
text-decoration:none;
border:1px solid #fff; 
width:60px; 
height:45px; 
float:left; 
margin:0;
z-index:100;
}



a.mini1 {background: url(azienda0_p.jpg);}
a.mini2 {background: url(azienda1_p.jpg);}
a.mini3 {background: url(azienda2_p.jpg);}
a.mini4 {background: url(azienda3_p.jpg);}
a.mini5 {background: url(azienda4_p.jpg);}
a.mini6 {background: url(azienda5_p.jpg);}
a.mini7 {background: url(azienda6_p.jpg);}
a.mini8 {background: url(azienda7_p.jpg);}
a.mini9 {background: url(azienda8_p.jpg);}
a.mini10 {background: url(azienda9_p.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:471px; 
height:355px; 
top:342px;
left:500px; 
padding:2px;
background:transparent; 
z-index:100;
}


a.galleria:active span, a.galleria:focus span {
display:block; 
position:absolute; 
width:471px; 
height:355px; 
top:140px;
left:390px; 
padding:2px; 
color:#4a679f;
font-weight:bold;
background:#fff;
z-index:200;
}

.image {
display:block; 
position:absolute; 
width:466px; 
height:350px;
top:175px;
left:100px;
padding:0; 
}

.clearboth { clear: both; }