@charset "utf-8";
/* CSS Document */

body {
	background: #920a11 url(../images/redBg.png) repeat-x;
	margin: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	overflow: hidden;
	padding-top: 20px;
}

#sfumaturaSuperiore_red {
	position: absolute;
	background: url(../images/sfumaturaAlta.jpg) no-repeat;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#sfumaturaInferiore {
	position: absolute;
	background: url(../images/sfumaturaBassa.png) bottom right no-repeat;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}


#sfumatura {
	background: url(../images/sfumatura.png) no-repeat top left;
	position: relative;
	padding: 20px;
}

#left {
	margin: 20px 15px;
	width: 230px;
	height: 100%;
	float: left;
}

#right {
	height: 100%;
	float: left;
	overflow: hidden;
}

.clear {
	clear: both;
}

#maschera {
	width: 730px;
	height: 546px;
	overflow: hidden;
}

#immagini {
	overflow: hidden;
}

.cornice {
	flaot: left;
	padding-top: 41px;
}

.orizzontale {
	background: url(../images/corniceOrizzontale.png) no-repeat;
	width: 730px;
	height: 546px;
}

.verticale {
	background: url(../images/corniceVerticale.png) no-repeat;
	margin: 0 auto;
	width: 408px;
	height: 546px;
}

.imgO {
	/*margin: 55px 57px;*/
	margin: 0 auto;
}

.imgV {
	/*margin: 42px 41px;*/
	margin: 0 auto;
}

.zoomLabel {
	background-color: #666;
	font-size: 9px;
	color: #FFFFFF;
	width: 106px;
	height: 12px;
}

#logo {
	background: url(../images/premoli.png);
	height: 18px;
	width: 200px;
}

#collezione {
	margin-top: 5px;
	font-size: 14px;
	color: #FFFFFF;
	height: 14px;
	width: 250px;
}

#viewGallery {
	background: url(../images/viewGallery.png) top left no-repeat;
	width: 115px;
	height: 55px;
	margin: 0 auto;
	cursor: pointer;
}

#thumbsContainer {
	margin-top: 50px;
	width: 220px;
	height: 500px;
	overflow: hidden;
}

.th {
	margin: 5px 5px;
	width: 100px;
	height: 56px;
	float: left;
	cursor: pointer;
}

.i1 { background: url(../images/gallery/thumb/1.png) no-repeat top left; }
.i1:hover { background-position: top right; }
.i2 { background: url(../images/gallery/thumb/3.png) no-repeat top left; }
.i2:hover { background-position: top right; }
.i3 { background: url(../images/gallery/thumb/7.png) no-repeat top left; }
.i3:hover { background-position: top right; }
.i4 { background: url(../images/gallery/thumb/2.png) no-repeat top left; }
.i4:hover { background-position: top right; }
.i5 { background: url(../images/gallery/thumb/5.png) no-repeat top left; }
.i5:hover { background-position: top right; }
.i6 { background: url(../images/gallery/thumb/8.png) no-repeat top left; }
.i6:hover { background-position: top right; }
.i7 { background: url(../images/gallery/thumb/4.png) no-repeat top left;  }
.i7:hover { background-position: top right; }
.i8 { background: url(../images/gallery/thumb/9.png) no-repeat top left; }
.i8:hover { background-position: top right; }
.i9 { background: url(../images/gallery/thumb/10.png) no-repeat top left; }
.i9:hover { background-position: top right; }
.i10 { background: url(../images/gallery/thumb/11.png) no-repeat top left; }
.i10:hover { background-position: top right; }
.i11 { background: url(../images/gallery/thumb/6.png) no-repeat top left; }
.i11:hover { background-position: top right; }

#footer {
	background: #fff;
	width: 100%;
	height: 15px;
	text-align: center;
	vertical-align: bottom;
	position: absolute;
	bottom: 0;
	color: #a60b13; 
	font-size: 8px;
	padding-top: 2px;
	border-top: #000 1px solid;
}

#footer a { 
	border-left: 1px #a60b13 solid;
	margin-top: 2px; 
	padding: 0 2px 0 4px; 
	color: #a60b13; 
	text-decoration: none; 
}

#footer a:hover { 
	color: #cd0909; 
}