@import "pannello.css";
@import "slideshow.css";
@import "textscroller.css";
@import "simboleria.css";
@import "loadprogress.css";

div.titolo {
	width: 129px;
}

img.titolo {
	z-index: 10;
}

div.testo {
	display: block;
}

div.pannello_container {
	bottom: auto;
	top: 352px;
	width: auto;
	height: auto;
	z-index: 20;
}
body.corto div.pannello_container {
	top: 294px;
}

div.pannello.fabrics {
	float: left;
	width: 632px;
	height: 174px;
}

div.payload div.controlli_container {
	display: none;

	cursor: pointer;
}

div.payload div.viewall {
	position: absolute;
	top: 10px;
	right: 41px;

	padding-left: 6px;
	padding-right: 6px;
	height: 13px;

	line-height: 13px;
	text-align: center;
	font-size: 9px;
	background-color: rgb(98,98,98);
	text-transform: uppercase;
	z-index: 10;
}
div.payload div.chiudi {
	position: absolute;
	top: 23px;
	right: 41px;

	z-index: 10;
}

ul.menu_pannello {
	position: absolute;
	bottom: -23px;
	left: 21px;
	width: 290px;
}
ul.menu_pannello>li {
	float: left;
	width: 290px;
	height: 9px;
	margin-top: 11px;
	line-height: 9px;
	font-size: 11px;
	color: rgb(112, 112, 112);
	color: rgb(255,255,255);
}
ul.menu_pannello>li>a {
	color: rgb(112, 112, 112);
	color: rgb(255,255,255);
	font-weight: bold;

	cursor: pointer;
}
ul.menu_pannello>li span {
	float: left;
	line-height: 9px;
}
ul.menu_pannello>li span.simboleria {
	margin-right: 6px;
}

ul.menu_pannello>li.back {
	text-transform: uppercase;
}

div.pannello.fabrics>h3 {
	position: absolute;
	top: 4px;
	left: 21px;
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	text-transform: uppercase;
	color: rgb(255,255,255);
}

div.pannello.fabrics>ul {
	float: left;
	margin-top: 42px;
	margin-left: 21px;
	font-size: 11px;
	line-height: 20px;
	width: 240px;
}

div.pannello.fabrics>ul>li {
	float: left;
	height: 9px;
	margin-bottom: 9px;
	width: 240px;
}

div.pannello.fabrics>ul>li>a {
	cursor: pointer;
}

div.pannello.fabrics>ul>li>a>span {
	float: left;
	font-size: 11px;
	line-height: 9px;
	text-transform: uppercase;
	color: rgb(255,255,255);
}

div.pannello.fabrics>ul>li>a>span {
	margin-right: 6px;
}

div.pannello.fabrics>div.filetto {
	position: absolute;
	top: 42px;
	left: 267px;
	height: 117px;
	width: 1px;
	background-color: rgb(112,112,112);
}

div.pannello.fabrics>div.testo_container {
	position: absolute;
	top: 38px;
	left: 297px;
	height: 136px;
	width: 236px;
}

div.pannello.fabrics>div.testo_container>div.testo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 236px;
}

div.pannello.fabrics>div.testo_container div.testo_alt {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 236px;/*246*/
	display: none;
}

.fabric {
	position: absolute;
}

.crepes {
	top: 0px;
	left: 0px;
	width: 334px;
	height: 252px;
}

.tweeds {
	bottom: 0px;
	left: 0px;
	width: 300px;
	height: 227px;
}

.patterns {
	top: 0px;
	right: 0px;
	width: 211px;
	height: 217px;
}

.cashmeres {
	bottom: 0px;
	right: 0px;
	width: 429px;
	height: 333px;
}

.flannels {
	top: 0px;
	left: 305px;
	width: 275px;
	height: 238px;
}

.felts {
	bottom: 0px;
	left: 285px;
	width: 313px;
	height: 208px;
}

.silks {
	top: 0px;
	left: 557px;
	width: 252px;
	height: 201px;
}

img.fabric {
	z-index: 4;
}
div.tendina {
	z-index: 3;
}

div.trigger {
	position: absolute;
	cursor: pointer;
	z-index: 5;
	background-color: rgb(0,0,0);
}

div.tendina {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;

	background-color: rgb(0,0,0);
	cursor: pointer;
}

img.fabric.zoom {
	z-index: 1;
	position: absolute;
	top: 0px;
	left: 0px;
}

div.cutter {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 376px;
}

body.corto img.fabric.zoom {
	clip: rect(0px 1000px 318px 0px);
}

body.corto div.cutter {
	clip: rect(0px 1000px 318px 0px);
}