.image-overlay { list-style: none; text-align: left;}
.image-overlay li { display: block; width:310px; height:400px; float:left; }
#primo, #secondo, #terzo		{width:310px; height:400px;}
.image-overlay a:link, .image-overlay a:visited, .image-overlay a:hover, .image-overlay a:active { text-decoration: none; }
.image-overlay a:link img, .image-overlay a:visited img, .image-overlay a:hover img, .image-overlay a:active img { border: none; }

.image-overlay a {float: left;   background: #fff;  overflow: hidden;   position: relative; margin-right:10px; z-index:0;}
.image-overlay a.last { margin-right:0px;}

.image-overlay img{position: absolute; top: 0; left: 0; border: 0; z-index:0;}
.image-overlay .imgInt img{ position:relative;}
.image-overlay .caption{float: left; position: absolute; background-color: #000; width: 100%; cursor: pointer;
	/* The way to change overlay opacity is the follow properties. Opacity is a tricky issue due to
		longtime IE abuse of it, so opacity is not offically supported - use at your own risk. 
		To play it safe, disable overlay opacity in IE. */
    /* For Firefox/Opera/Safari/Chrome */
	opacity: .8;
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    /* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.image-overlay p{text-indent: 0;margin: 10px 10px 70px 10px; font-size: 12px; color:#cdcdcd;}