/*
  CSS POP-UP SLIKE http://www.tesnila-teng.si/
  
  Slike: slike so naložene na root strani www.tesnila-teng.si
  HTML koda: <a class="thumbnail" href="#" > <span> <img src="pot_do_slike" /> </span> </a>
  
*/

.thumbnail
{
position: relative;
z-index: 0;
}

.thumbnail:hover
{
background-color: transparent;
z-index: 50;
}

.thumbnail span
{
position: absolute;
background-color: #e6ebf9;
padding: 5px;
left: -1000px;
border: 1px black;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img
{
border-width: 0;
padding: 2px;
}

.thumbnail:hover span
{
visibility: visible;
top: 0;
left: 60px;
}