body  { font-family: Arial, Helvetica, sans-serif;}
p {font-size:12px;}
a {color: #111111; text-decoration: none;}


a:hover {color: #fa9313;}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    bottom:2em; left:2em; width:15em;
    border:1px solid #fa9313;
    background-color:#ccc; color:#000;
    text-align: center}
    
li  { font-size: 12px; list-style-image: url("images/bullet.jpg") }
#menu td {border-right: 2px solid #d3d3d3; padding-right: 5px;}
#menu a {color: #79818B; font-size: 15px;font-weight: bold; text-decoration: none; text-transform: uppercase;}
#menu a:hover{color: #FA9313;}
.punti_vendita { color: #ffffff; font-size: 11px; background: #9d9d9d; padding: 2px 5px 0 12px; border-left: 5px solid #fa9313 }
.punti_vendita br {line-height: 5px;}
.intercettazioni {border: 1px solid #cccccc;}
.small{font-size: 11px; text-decoration: none; font-weight: bold; color: #111111; padding-left:5px;}
#address {color: #ffffff; font-size: 11px}
#address a{text-decoration: none; font-weight: bold;color: #fa9313;}
#address a:hover {text-decoration: underline;}
p {}
td {}
.border { border: solid 3px #fa9313 }