/* codice CSS pop-up */

hr.spacer {
	color: #000;
	margin: 20px 0;
}

.pic {
	position: relative;
	color: #fff;
	font: normal 1.4em Georgia, serif;
	margin: 10px 0;
}

.pic a .large {
	display: none;
}

.align-left {
	float: left;
	margin: 0 10px 2px 0;
}

.pic a img {
	border: 8px solid #dadada;
	padding: 1px;
}

.pic a.view, .pic a.view:visited {
	text-decoration: none;
}

.pic a.view:hover {
	color: #000000;
	text-decoration: none;
}

.pic a.view:hover .large {
	position: absolute;
	display: block;
	left:250px;
	top: -320px;
	border: 1;
	z-index: 999;
}

ul.thumb {
float: left;
list-style: none;
margin: 0; padding: 10px;
width: 360px;
}
ul.thumb li {
margin: 0; padding: 5px;
float: left;
position: relative;  /* Set the absolute positioning base coordinate */
width: 110px;
height: 110px;
}
ul.thumb li img {
width: 100px; height: 100px; /* Set the small thumbnail size */
-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
border: 1px solid #ddd;
padding: 5px;
background: #f0f0f0;
position: absolute;
left: 0; top: 0;
}
ul.thumb li img.hover {
background:url(thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect
border: none; /* Get rid of border on hover */
}
	</style>