/* Tooltip 3 con CSS

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

a.tt3{

position:relative;

z-index:24;

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

font-weight:bold;

text-decoration:none;

}

a.tt3 span{ display: none; }

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

a.tt3:hover span.tooltip{

display:block;

position:absolute;

top:0px; left:0;

padding: 15px 0 0 0;

width:200px;

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

text-align: center;

filter: alpha(opacity:90);

KHTMLOpacity: 0.90;

MozOpacity: 0.90;

opacity: 0.90;

}

a.tt3:hover span.top{

display: block;

padding: 30px 8px 0;

background: url(https://lh3.googleusercontent.com/_nT13UtBmmiU/TY3-Lfc0nbI/AAAAAAAASlg/NXcKAsnfxmI/bubble3.gif) no-repeat top;

}

a.tt3:hover span.middle{

display: block;

padding: 0 8px;

background: url(https://lh6.googleusercontent.com/_nT13UtBmmiU/TY3-X9CFG0I/AAAAAAAASlo/cqDH050TnsE/bubble_filler3.gif) repeat bottom;

text-decoration:none;

}

a.tt3:hover span.bottom{

display: block;

padding:3px 8px 10px;

background: url(https://lh3.googleusercontent.com/_nT13UtBmmiU/TY3-Lfc0nbI/AAAAAAAASlg/NXcKAsnfxmI/bubble3.gif) no-repeat bottom;

}