/* Tooltip 2 con CSS

----------------------------------------------- */

a.tt2{

position:relative;

z-index:24;

color:#3CA3FF; /* Colore del testo del tooltip */

font-weight:bold;

text-decoration:none;

}

a.tt2 span{ display: none; }

a.tt2:hover{ z-index:25; cursor:help;}

a.tt2:hover span.tooltip{

display:block;

position:absolute;

top:0px; left:0;

padding: 15px 0 0 0;

width:200px;

color: #000; /* Colore del testo della descrizione */

text-align: center;

filter: alpha(opacity:90);

KHTMLOpacity: 0.90;

MozOpacity: 0.90;

opacity: 0.90;

}

a.tt2:hover span.top{

display: block;

padding: 30px 8px 0;

background: url(https://lh3.googleusercontent.com/_nT13UtBmmiU/TY39JNmZb9I/AAAAAAAASlU/Y8vyylTpdgg/bubble2.gif) no-repeat top;

}

a.tt2:hover span.middle{

display: block;

padding: 0 8px;

background: url(https://lh4.googleusercontent.com/_nT13UtBmmiU/TY39bMAKayI/AAAAAAAASlc/rs2yNSbwsBE/bubble_filler2.gif) repeat bottom;

text-decoration:none;

}

a.tt2:hover span.bottom{

display: block;

padding:3px 8px 10px;

background: url(https://lh3.googleusercontent.com/_nT13UtBmmiU/TY39JNmZb9I/AAAAAAAASlU/Y8vyylTpdgg/bubble2.gif) no-repeat bottom;

}