/* CSS Document */
@font-face {
font-family: 'RotisSansSerifStd75ExtraBold';
src: url('../fonts/rotissansserifstd-extrabold-webfont.eot');
src: url('../fonts/rotissansserifstd-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/rotissansserifstd-extrabold-webfont.woff') format('woff'),
     url('../fonts/rotissansserifstd-extrabold-webfont.ttf') format('truetype'),
     url('../fonts/rotissansserifstd-extrabold-webfont.svg#RotisSansSerifStd75ExtraBold') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'RotisSansSerifStd65Bold';
src: url('../fonts/rotissansserifstd-bold-webfont.eot');
src: url('../fonts/rotissansserifstd-bold-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/rotissansserifstd-bold-webfont.woff') format('woff'),
     url('../fonts/rotissansserifstd-bold-webfont.ttf') format('truetype'),
     url('../fonts/rotissansserifstd-bold-webfont.svg#RotisSansSerifStd65Bold') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'RotisSansSerifStd55Regular';
src: url('../fonts/rotissansserifstd-webfont.eot');
src: url('../fonts/rotissansserifstd-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/rotissansserifstd-webfont.woff') format('woff'),
     url('../fonts/rotissansserifstd-webfont.ttf') format('truetype'),
     url('../fonts/rotissansserifstd-webfont.svg#RotisSansSerifStd55Regular') format('svg');
font-weight: normal;
font-style: normal;
}
.dialog-message {
	display: none;
}
#wrapper{
	width:1040px;
	overflow:hidden;
}
#container {
	/*margin: 5px auto;*/
	/*position: relative;*/
	width: 2080px;
	height: 660px;
}
#configuratore {
	position:relative;
	float:left;
	width:1040px;
	overflow:hidden;
}
#espansione{
	position:relative;
	float:left;
}
#contenuto {
	position: absolute;
	width:1040px;
	height:623px;
	background: #E8E8E8;
}
.back {
	position: absolute;
	margin: 25px 0 0 980px;
	z-index: 10;
}
.back a {
	font-size: 16px;
	color: #E46909;
}
#header {
	width: 980px;
	height: 65px;
}
#logo {
	float: left;
}
#titleHeader {
	float: right;
	padding: 15px 0 0 0;
	width: 800px;
	text-align: center;
	font: 22px 'RotisSansSerifStd65Bold', Arial, sans-serif;
}
#titleHeader span {
	font: 25px 'RotisSansSerifStd65Bold', Arial, sans-serif;
	color: #e46909;
}
#helpString {
	display: none;
	position: absolute;
	margin: 15px 0 0 830px;
	padding: 5px;
	width: 135px;
	font: 15px 'RotisSansSerifStd75ExtraBold', Arial, sans-serif;
	color: #FFFFFF;
	background: rgba(228,105,9,0.7);
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
}
#help {
	position: absolute;
	margin: 0 0 0 980px;
}
#image {
	/*position: relative;*/
	width: 980px;
	height: 600px;
	overflow: hidden;
}
canvas {
	position: absolute;
}
.canvasElement {
	cursor: pointer;
}
#strumentiContainer {
	/*display: none;*/
	position: absolute;
	/*margin: 0 0 0 980px;*/
	width: 460px;
	/*height: 600px;*/
	/*background: rgba(228,105,9,0.7);*/
	z-index: 100;
}
#strumentiContent {
	margin: 20px 10px 10px;
	width: 450px;
	/*height: 580px;*/
	overflow: hidden;
	padding-top: 4px;
}
#strumentiClose {
	position: absolute;
	width: 460px;
	background: rgba(255,255,255,0.8);
}
#strumentiClose img {
	float: left;
}
#strumentiClose p {
	float: right;
	margin: 0;
	padding: 3px 0 0 0;
	width: 430px;
	font: 15px 'RotisSansSerifStd75ExtraBold', Arial, sans-serif;
	color: #000;
	text-align:center;
}
#anteLoading {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -85px 0 0 -160px;
	padding: 60px 0;
	width: 300px;
	z-index: 200;
	background: rgba(0,0,0,0.4);
	font: 13px 'RotisSansSerifStd65Bold', Arial, sans-serif;
	color: #FFFFFF;
	text-align: center;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
#strumentiLoading {
	display: none;
	/*position: absolute;*/
	/*margin: 292px 0 0 750px;*/
	padding: 50px 0 20px;
	width: 460px;
	/*height: 160px;*/
	z-index: 200;
	font: 13px 'RotisSansSerifStd65Bold', Arial, sans-serif;
	color: #FFFFFF;
	text-align: center;
}
#anteInfo {
	display: none;
	position: absolute;
	width: 980px;
	height: 600px;
	z-index: 200;
	background: rgba(64,64,64,0.6);
}
#stampaLoading {
	display: none;
	position: absolute;
	padding: 265px 0 0 0;
	width: 980px;
	height: 335px;
	z-index: 200;
	background: rgba(171,26,176,0.75);
	font: 13px 'RotisSansSerifStd65Bold', Arial, sans-serif;
	color: #FFFFFF;
	text-align: center;
}
.categoria {
	clear: both;
	margin: 0 0 5px 0;
	/*padding: 3px 0 0 0;*/
	width: 440px;
	font: 13px 'RotisSansSerifStd75ExtraBold', Arial, sans-serif;
	color: #FFF;
	line-height: 18px;
	border-bottom: 1px solid #FFF;
}
.categoria a {
	color: #FFF;
	text-decoration: none;
}
.categoria a:hover {
	text-decoration: underline;
}
.colore {
	float: left;
	margin: 0 5px 5px 0;
	width: 25px;
	height: 25px;
	border: 2px solid #000000;
    border-radius: 4px 4px 4px 4px;
    cursor: pointer;
}
.selected {
	border: 2px solid #FFFFFF;
}
.lente {
	position: absolute;
	margin: 12px 0 0 15px;
	z-index: 10;
}
#strumenti {
	position: absolute;
	margin: 0 0 0 980px;
	padding: 0;
	width: 60px;
	height: 600px;
	background: #F0F0F0;
	z-index: 300;
}
#strumenti ul {
	margin: 0;
	padding: 0;
}
#strumenti li {
	width: 60px;
	height: 66px;
	text-align: center;
}
#strumenti li a {
	display: block;
	width: 60px;
	height: 66px;
	text-decoration: none;
	text-align: center;
	/*background-image: url(../images/menu.png);*/
	opacity:0.3;
	filter:alpha(opacity=30);
}
#strumenti li a:hover {
	opacity:1.0;
	filter:alpha(opacity=100);
}
.strumentiContainer_default {
	margin: 0 0 0 980px;
}
#strumenti li a#ante_lucide {
	background: rgb(195,52,92);
}
.strumentiContainer_ante_lucide {
	margin: 0 0 0 980px;
	background: rgba(189,30,74,0.75);
}
#strumenti li a#ante_opache {
	background:  rgb(115,81,197);
}
.strumentiContainer_ante_opache {
	margin: 66px 0 0 980px;
	background: rgba(100,62,191,0.75);
}
#strumenti li a#ante_legno {
	background:  rgb(122,190,52);
}
.strumentiContainer_ante_legno {
	margin: 132px 0 0 980px;
	background: rgba(108,183,30,0.75);
}
#strumenti li a.materiali {
	background:  rgb(35,105,196);
}
.strumentiContainer_materiali {
	margin: 198px 0 0 980px;
	background: rgba(11,89,190,0.75);
}
#strumenti li a.pareti {
	background:  rgb(224,103,66);
}
.strumentiContainer_pareti {
	margin: 0 0 0 980px;
	background: rgba(219,86,45,0.75);
}
#strumenti li a.pavimenti {
	background:  rgb(25,167,182);
}
.strumentiContainer_pavimenti {
	margin: 330px 0 0 980px;
	background: rgba(0,157,174,0.75);
}
#strumenti li a.info {
	background:  rgb(66,150,240);
}
#strumenti li a.stampa {
	background:  rgb(171,26,176);
}
#strumenti li a.salva {
	height: 72px;
	background: rgb(0,0,0);
}
#strumenti li a.strumentiSel {
	opacity:1.0;
	filter:alpha(opacity=100);
}
/*#strumenti li a#ante_lucide {
	background-position: 0 -70px;
}
#strumenti li a#ante_lucide:hover {
	background-position: -70px -70px;
}
#strumenti li a#ante_opache {
	background-position: 0 -140px;
}
#strumenti li a#ante_opache:hover {
	background-position: -70px -140px;
}
#strumenti li a#ante_legno {
	background-position: 0 0;
}
#strumenti li a#ante_legno:hover {
	background-position: -70px 0;
}
#strumenti li a.materiali {
	background-position: 0 -210px;
}
#strumenti li a.materiali:hover {
	background-position: -70px -210px;
}
#strumenti li a.pareti {
	background-position: 0 -280px;
}
#strumenti li a.pareti:hover {
	background-position: -70px -280px;
}
#strumenti li a.pavimenti {
	background-position: 0 -350px;
}
#strumenti li a.pavimenti:hover {
	background-position: -70px -350px;
}
#strumenti li a.info {
	background-position: 0 -420px;
}
#strumenti li a.info:hover {
	background-position: -70px -420px;
}
#strumenti li a.infoselected {
	background-position: -70px -420px;
}
#strumenti li a.infoselected:hover {
	background-position: 0 -420px;
}
#strumenti li a.stampa {
	background-position: 0 -490px;
}
#strumenti li a.stampa:hover {
	background-position: -70px -490px;
}
#strumenti li a.strumentiSel {
	background-color: #999999;
}*/

/*#strumentiIcone {
	float: left;
	width: 70px;
	height: 600px;
	background: #6666ff;
}*/
/*#strumentiElementi {
	float: right;
	width: 200px;
	height: 600px;
	background: #33cc00;
}*/
#minisystem {
	position: absolute;
	margin: 1px 0 0 820px;
}
#minisystem a {
	font: 12px "Trebuchet MS", Arial, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}
#path {
	padding: 4px 10px;
	font: 12px "Trebuchet MS", Arial, sans-serif;
	color: #FFFFFF;
	background: #e46909;
	text-align: center;
}
#path span {
	color: #FFFFFF;
}

#footer {
	margin: 0 0 0 0;
	padding: 3px 0 0 0;
	border-top: 1px solid #000;
	text-align: right;
	font: 10px Arial, sans-serif;
	color: #999999;
}
#footer a {
	color: #999999;
	text-decoration: none;
}