/* rollover.css */
#mondo {
position: relative;
width: 730px;
height: 368px;
background: #ffffff url(images/mappa.gif) no-repeat;
margin: 2em auto;
padding: 0;
}
#mondo li {
display:block;
position:absolute;
list-style:none;
margin:0;
padding:0;
}
#mondo a {
display:block;
text-indent:-9999px;
text-decoration:none;
outline:none;
cursor:hand;
}
#america {left: 4px; top: 2px; width: 302px; height: 368px;}
#africa {left: 287px; top: 83px; width: 172px; height: 240px;}
#europa {left:304px; top: 14px; width: 95px; height: 88px;}
#asia {left: 377px; top: 1px; width: 313px; height: 250px;}
#oceania {left: 567px; top: 235px; width: 146px; height: 117px;}


#america a {height: 368px;}
#africa a {height: 240px;}
#europa a {height: 88px;}
#asia a {height: 250px;}
#oceania a {height: 117px;}


#america a:hover {background: url(images/mappa.gif) -4px -374px no-repeat;}
#africa a:hover {background: url(images/mappa.gif) -509px -609px no-repeat;}
#europa a:hover {background: url(images/mappa.gif) -308px -370px no-repeat;}
#asia a:hover {background: url(images/mappa.gif) -423px -366px no-repeat;}
#oceania a:hover {background: url(images/mappa.gif) -324px -575px no-repeat;}