body {
	background-color: #FCEC4A;
	color: #000;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 16px;
	padding: 0;
}
.thumbwrap {
	border: 1px solid #999;
	padding: 15px 8px 0 8px;
	background-color: #00539F;
	margin: 0;
}
.thumbwrap li {
	display: -moz-inline-box;
	display: inline-block;
	/*\*/ vertical-align: top; /**/
	margin: 0 7px 15px 7px;
	border: 1px solid #999;
	padding: 0;
}
/*  Moz: NO border qui altrimenti difficolta' con width, table altrimenti problemi a text resize (risolubili con refresh) */
.thumbwrap li>div {
	/*\*/ display: table; /**/
	width: 199px;
}
.thumbwrap a {
	display: block;
	text-decoration: none;
	color: #000;
	background-color: #ffe;
	cursor: pointer;
}
/* IE7? \*/
.thumbwrap>li .wrimg {
	display: table-cell;
	vertical-align: middle;
	width: 199px;
	height: 199px;
}
/**/
.thumbwrap li .wrimg {
	background-image: url(../img/grid.gif);
}
.thumbwrap img {
	border: solid 1px #66f;
	vertical-align: middle;
}
.thumbwrap a:hover {
	background-color: #dfd;
}
/*\*//*/
.thumbwrap li .wrimg {
	display: block;
	font-size: 1px;
}
.thumbwrap .wrimg span {
	display: inline-block;
	vertical-align: middle;
	height: 199px;
	width: 1px;
}
/**/
.thumbwrap .caption {
	display: block;
	padding: .3em 5px;
	font-size: .9em;
	line-height: 1.1;
	border-top: 1px solid #ccc;
	w\idth: 189px;  /* Moz, IE6 */
}
/* top ib e hover Op */
@media all and (min-width: 0px) {
	.thumbwrap  {
		border-collapse: collapse;
	}
	.thumbwrap a {
		display: inline-block;
		vertical-align: top;
	}
	.thumbwrap {
		display: inline-block; /* non deve avere margin */
	}
}