span.foto {
   border-bottom-style: ridge;
   border-top-style: dashed;
}
a:link {
	color: lightblue;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: lightblue;
}
a:hover {
	text-decoration: none;
	color: lightblue;
}

span.showtip {
    color: #fffacd;
    border: 2px solid #0594c8;
}
span.tooltip {
 display : none;
}

span.showtip {
 position: relative;
}
 
span.showtip:hover .tooltip {
 color: darkred;
 width: 150px;
 display:block;
 padding:5px 12px 5px 7px;
 margin-left:5px;
 background:#fffacd;
 text-align: center;
 border: 2px solid #0594c8;
 font-size: 12px;
 position: absolute;
 left: -70px;
 bottom: -20px;
 color: #000;
}

span.activetip:hover {
 color: #f6851f;
}

span.toolpic {
 display : none;
}

span.showpic {
 position: relative;
}
 
span.showpic:hover .toolpic {
 display:block;
 margin-left:5px;
 position: absolute;
 left: -60px;
 bottom: 30px;
}