/* ##### COLLECTIONS ##### */

.contCollections {
	position: relative;
	top: 140px;
	text-align: left;
	border: 1px none red;
}


.testo {
	position: absolute;
	top: 105px;
	left: 10px;
	width: 500px;
	height: 50px;
	text-align: justify;
	border: 1px none red;
}

.boxTessuti {
	position: absolute;
	top: 240px;
	left: 10px;
	width: 530px;
	height: 150px;
	text-align: left;
	background-color: #656565;
	border: 1px none red;
	z-index: 50;
}


.boxRicerca {
	width: 530px;
	height: 25px;
	background-color: #DADADA;
	border: 1px none red;
}

.ricerca {
	float: left; 
	margin-left: 15px; 
	font-size: 10px;
	border: 1px none red;
}

#contenitoreTessuti {
	width: 480px; 
	height: 125px;
	margin: 0px; 
	margin-left: 10px; 
	padding: 0px; 
	float: right; 
	scrollbar-arrow-color: #a9a9a9;
	scrollbar-base-color:#767676;
	scrollbar-dark-shadow-color: #767676;
	scrollbar-track-color: #767676;
	scrollbar-face-color: #878787;
	scrollbar-shadow-color: #767676;
	scrollbar-highlight-color: #878787;
	scrollbar-3d-light-color: #878787;
	overflow-y: scroll;
	overflow-x: hidden;
}

.linguetta {
	float: left;
	width: 15px;
	height: 125px;
	background-color: #454545;
	border: 1px none red;
}

.freccina {
	position: relative;
	width: 11px;
	height: 11px;
	top: 60px;
	left: 3px;
	border: 1px none red;
}

.tessuto {
	width: 74px;
	height: 100px;
	float: left;
	margin: 10px 0 0 20px;
	padding: 0;
}

.descTessuto {
	position: absolute;
	top: 375px;
	left: 50px;
	height: 35px;
	border-left: 1px solid;
}

.boxSilouette {
	position: absolute;
	left: 560px;
	width: 326px;
	height: 428px;
	background-image: url(../../img/bkgSilouette.jpg);
	border: 1px none red;
}

.boxMicroSilouette {
	float: left;
	width: 67px;
	height: 428px;
	border: 1px none red;
}


/**** BOX CODES ****/
.boxCodes {
	position: absolute;
	top: 0;
	left: 283px;
	width: 346px;
	height: 428px;
	background-image: url(../../img/bkgBoxCodes.png);
	border-right: 3px solid #4c4c4c;
	border-left: 1px solid #4c4c4c;
}


.titCodes {
	position: absolute;
	top: 395px;
	left: 70px;
	border: 1px none red;
}

.titClose {
	position: absolute;
	top: 9px;
	left: 280px;
	border: 1px none red;
}

.descCodes {
	position: absolute;
	top: 50px;
	left: 10px;
	width: 320px;
	font-family: Tahoma;
	font-size: 11px;
	color: #000000;
	text-align: left;
	border: 1px none red;
}


.titZoom {
	position: absolute;
	top: 395px;
	left: 10px;
	border: 1px none red;
}



#telaio {
	position: absolute;
	top: 0;
	left: 68px;
	width: 258px;
	height: 526px;
}

#maschera {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 258px;
	height: 538px;
	border: none;
	margin: 0;
	padding: 0;	
	/*opacity: 0.5;*/
}
#pezza1 {
	position: absolute;
	top: 70px;
	left: 48px;
	z-index: 3;
	width: 150px;
	height: 220px;
	border: none;
	margin: 0;
	padding: 0;
}
#pezza2 {
	position: absolute;
	top: 225px;
	left: 84px;
	z-index: 6;
	width: 92px;
	height: 160px;
	border: none;
	margin: 0;
	padding: 0;
}