@charset "utf-8";
/* CSS Document */
/* Nodus Rugs - Design carpets */
/* Website powered by: Il Punto Web - Comunicazione Multimediale - www.ilpuntoweb.it */
/* Webmaster: Marco Tarantino - www.marcotarantino.it */


/*Attributi generali della pagina */
html, body {
	height:100%;
	margin:0px;
	padding:0px;
}

body{
	background-color:#FFF;
/*  ATTRIBUTI VALIDI X LE SOTTOPAGINE CON FOTO DI SFONDO
	background:url(/graphic/bg_body.gif) repeat-x;
	background-position:rigt bottom;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%;
}
h1{
font-size:110%;
margin:0;
padding:0;
}
h3{
font-size:110%;
}
.intro{
background-color:#000000;
color:#bdbec0;
font-size:105%;
}
/* Stili intro */
#bg {
position:fixed; 
top:-50%; 
left:-50%; 
width:200%; 
height:200%;
}
#bg img {
position:absolute; 
top:0; 
left:0; 
right:0; 
bottom:0; 
margin:auto; 
min-width:50%;
min-height:50%;
}
#casella_centrale{
position:absolute;
width:400px;
height:280px;
z-index: 2;
top:50%;
margin-top:-140px;
left:50%;
margin-left:-200px;	
text-align:center;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
#casella_centrale a{
color:#fff;
text-decoration:none;
text-shadow:#000 0 0 2px;					
}
#casella_centrale a:hover{
color:#acacac;
}

/* Fine stili intro */

.intro_mobile{
background-color:#000000;
color:#bdbec0;
font-size:115%;
background-image:url(/images/servizio/sf_ipad.jpg);
background-repeat:no-repeat;
background-position:top center;
}
.intro_mobile a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
div#mobile_tasti{
	position:absolute;
	width:130px;
	top:510px;
	left:50%; 
	margin-left:-60px;
	line-height:40px;
}
.hp{
	background:url(/images/servizio/background/sf_hp.jpg) no-repeat;
	background-position:center top;
	background-attachment:fixed;
}
.sp_1{
	background:url(/images/servizio/background/sfondo_1.jpg) no-repeat;
	background-position:right bottom;
	background-attachment:fixed;
}
.sp_produzione{
	background:url(/images/servizio/background/sf_produzione.jpg) no-repeat;
	background-position:center center;
	background-attachment:fixed;
}
.sp_prod_turkmenistan{
	background:url(/images/servizio/background/sfondo_sp_prod_turkmenistan.jpg) no-repeat;
	background-position:right bottom;
	background-attachment:fixed;
}
.sp_prod_nepal{
	background:url(/images/servizio/background/sfondo_sp_prod_nepal.jpg) no-repeat;
	background-position:right bottom;
	background-attachment:fixed;
}
.sp_prod_india{
	background:url(/images/servizio/background/sfondo_sp_prod_india.jpg) no-repeat;
	background-position:right bottom;
	background-attachment:fixed;
}
.sp_prod_cina{
	background:url(/images/servizio/background/sfondo_sp_prod_cina.jpg) no-repeat;
	background-position:right bottom;
	background-attachment:fixed;
}
.sp_prod_pakistan{
	background:url(/images/servizio/background/sfondo_sp_prod_pakistan.jpg) no-repeat;
	background-position:right bottom;
	background-attachment:fixed;
}
.sp_prod_tibet{
	background:url(/images/servizio/background/sfondo_sp_prod_tibet.jpg) no-repeat;
	background-position:right bottom;
	background-attachment:fixed;
}
.sp_prod_turchia{
	background:url(/images/servizio/background/sfondo_sp_prod_turchia.jpg) no-repeat;
	background-position:right bottom;
	background-attachment:fixed;
}
.sp_prod_morocco{
	background:url(/images/servizio/background/sfondo_sp_prod_morocco.jpg) no-repeat;
	background-position:right bottom;
	background-attachment:fixed;
}
.sp_prod_portugal{
	background:url(/images/servizio/background/sfondo_sp_prod_portugal.jpg) no-repeat;
	background-position:right bottom;
	background-attachment:fixed;
}
.sp_prod_materie_prime{
	background:url(/images/servizio/background/sfondo_sp_materie_prime.jpg) no-repeat;
	background-position:right bottom;
	background-attachment:fixed;
}
.sp_tintura{
	background:url(/images/servizio/background/sfondo_sp_tintura.jpg) no-repeat;
	background-position:right bottom;
	background-attachment:fixed;
}
.sp_scent{
	background:url(/images/servizio/background/sfondo_sp_scent.jpg) no-repeat;
	background-position:right bottom;
	background-attachment:fixed;
}
.sp_designer{
	background:url(/images/servizio/background/sf_designer.jpg) no-repeat;
	background-position:center center;
	background-attachment:fixed;
}
.sp_garanzia{
	background:url(/images/servizio/background/sf_garanzia.jpg) no-repeat;
	background-position:right bottom;
	background-attachment:fixed;
}
.sp_press{
	background:url(/images/servizio/background/sf_press.jpg) no-repeat;
	background-position:center center;
	background-attachment:fixed;
}
.sp_bespoke{
	background:url(/images/servizio/background/sf_bespoke.jpg) no-repeat;
	background-position:right bottom;
	background-attachment:fixed;
}
/*Fine attributi generali della pagina */

/*Attributi livelli principali */
/*Contenitore generale esterno outer */
#outer
{
	min-height:100%;
	height:auto !important;
	height:100%;
	position:relative;
}

/*Contenitore main */

#main{

	background:url(/graphic/main.png) no-repeat;
	width:100%;
	height:100%;
	margin:0 auto;
	padding-bottom:18em;
	min-height:80px;

}
#main a{
	color:#333;
	text-decoration:underline
}
#main a:hover{
	color:#666;
	text-decoration:none
}

/*Logo*/
#box_logo{
	position:absolute;
	left:55px;
	top:50px;
	border:none;
	padding:0;
	width:133px;
/*	height:45px; Altezza senza logo sotto */
	heigth:193px;
}
/*Logo inferiore*/
#box_logo_inferiore{
	position:absolute;
	left:55px;
	bottom:125px;
	border:none;
	padding:0;
	width:117px;
	height:27px;
}
/*Menù alto destra */
#box_menu{
	position:absolute;
	right:55px;
	top:31px;
	border:none;
	padding:0;
	width:160px;
	height:145px;
	line-height:17px;
}
/*Menù simboli alto destra */
#box_menu_simboli{
	position:absolute;
	right:55px;
	top:225px;
	border:none;
	padding:0;
	width:160px;
	height:30px;
}
#box_menu_simboli div{
	float:left;
	padding:0;
	width:35px;
	height:30px;
	position: relative;
	text-align:left;
}
#box_menu_simboli_2{
	position:absolute;
	right:55px;
	top:255px;
	border:none;
	padding:0;
	width:160px;
	height:30px;
}
#box_menu_simboli_2 div{
	float:left;
	padding:0;
	width:35px;
	height:30px;
	position: relative;
	text-align:left;
}
/*Corpo centrale */
/*Sottomenù sinistra */
#box_centrale_1{
	position:absolute;
	left:55px;
	top:180px;
	border:none;
	padding:0;
	width:200px;
	/*height:180px;*/
	line-height:20px;

}
#box_centrale_1_boxino{
	position:absolute;
	left:285px;
	top:180px;
	border:none;
	padding:0;
	width:100px;
	/*height:180px;*/
	line-height:20px;

}
#box_centrale_2{
	position:relative;
	top:280px;
	margin:0 auto;
	border:none;
	padding:0;
	width:670px;
	height:300px;

}
#box_centrale_press{
	position:relative;
	top:280px;
	margin:0 auto;
	border:none;
	padding:0;
	width:470px;
	height:300px;
	font-size:105%;
	line-height:17px;
}

.configuratore #box_centrale_2{
	position:relative;
	top:180px;
	margin-left:60px;
	border:none;
	padding:0;
	width:950px;
	height:450px;
}
.collezioni_intro #box_centrale_2{
	position:relative;
	top:280px;
	margin:0 auto;
	border:none;
	padding:0;
	width:360px;
	height:192px;
}
.configuratore #flash{
    width:730px;
	height:450px;
	float:left;
}
.configuratore #flash2{
	float:right;
	width:200px;
	padding-top:16px;
}
.configuratore #flash3{
	margin-top:170px;
	float:right;
	width:200px;
	z-index:500;
}
.configuratore #flash{
    width:730px;
	height:450px;
	float:left;
}
.configuratore #scroll_cuscini{
    width:730px;
	height:450px;
	float:left;
}

#box_centrale_2_int_1{
	float:left;
    width:330px;
	height:300px;
}
#box_centrale_2_int_1_rid{
	float:left;
    width:170px;
	height:300px;
}
#box_centrale_2_int_1_med{
	float:left;
    width:240px;
	height:300px;
}

#box_centrale_2_int_1_2{
	margin-top:20px;
	margin-left:20px;
	float:left;
    width:100px;
}
#box_centrale_2_int_1_3{
	margin-top:20px;
	float:left;
    width:150px;
}
#box_centrale_2_int_2{
	float:left;
    width:340px;
	height:300px;
	font-size:105%;
	line-height:17px;
}

#box_centrale_2_int_3{
	float:left;
    width:260px;
	height:260px;
}
#box_centrale_2_int_3_centrato{
	float:left;
    width:280px;
	height:300px;
	text-align:center;
}
#box_centrale_2_int_3_centrato_int{
	float:left;
	width:100px;
}
#box_centrale_2_int_4{
    width:390px;
	height:300px;
	font-size:105%;
	line-height:17px;
}


#box_centrale_3{
	position:relative;
	font-size:105%;	
	top:280px;
	margin:0 auto;
	border:none;
	padding:0;
	width:600px;
	height:300px;

}
#box_centrale_4{
	position:relative;
	font-size:105%;	
	top:260px;
	margin:0 auto;
	border:none;
	padding:0;
	width:600px;
	height:120px;

}
#box_centrale_5{
	position:relative;
	top:230px;
	margin:0 auto;
	border:none;
	padding:0;
	width:496px;
	height:420px;

}
#box_centrale_6{
	position:relative;
	top:240px;
	margin:0 auto;
	border:none;
	padding:0;
	width:670px;
	height:420px;
}
#box_centrale_6 h1{
	font-size:120%;
	margin:0px;
	padding:0px;
	margin-bottom:4px;
}
#box_centrale_6_sup{
	position:relative;
	margin:0;
	padding:0;
	width:670px;
	height:105px;
}
#box_centrale_6_sup_scheda{
	position:relative;
	margin:0;
	padding:0;
	width:670px;
	height:320px;
}
#box_centrale_6_sup_scheda_link{
	line-height:25px;
}
#box_centrale_6_inf{
	position:relative;
	margin:0;
	padding:10px;
	width:670px;
	height:315px;
	background-color:#F8F8F8;
}
#box_centrale_6_inf_scheda{
	position:relative;
	margin:0;
	padding:10px;
	width:670px;
	height:100px;
	background-color:#F8F8F8;
}
#box_centrale_6_inf_scheda img{
	border-width:1px;
	border-style:solid;
	border-color:#000;
	margin-right:8px;
	margin-bottom:8px;
}
#box_centrale_6_inf_int_riga{
	position:relative;
	width:610px;
	height:107px;
}
#box_centrale_6_inf_int{
	position:relative;
	margin:3px;
	border-width:1px;
	border-style:solid;
	border-color:#c7c7c7;
	background-color:#fff;
	padding:3px;
	width:310px;
	height:107px;
	float:left;
}

#box_centrale_6_inf_int h2{
	font-size:110%;
	margin:0px;
	padding:0px;
	margin-bottom:2px;
}
#box_centrale_6_inf_int:hover{
	border-color:#e3007e;
	background-color:#fff;
}
#box_centrale_6_inf_int a{
	color:#000;
	text-decoration:none;
	display:block;
}

#box_centrale_6_scroll {
	/* Typical fixed height and fixed width example */
	width: 670px;
	height: 315px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	margin: 0em auto;
	padding: 0px;
}
#box_centrale_6_scheda_scroll {
	/* Typical fixed height and fixed width example */
	width: 670px;
	height: 100px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	margin: 0em auto;
	padding: 0px;
}
/*Menù quadrati scelta ordine basso */
#box_menu_quadri{
	position:relative;
	top:450px;
	width:450px;
	height:100px;
	margin:0 auto;
	
	
}
#box_menu_quadri div{
	float:left;
	padding:0;
	width:150px;
	height:100px;
	position:relative;
	text-align:center;
/*	cursor:pointer;   TRASFORMA IL CURSORE IN MANINA */
	z-index:100;	
}
#box_menu_quadri #cn_off{
	filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
}
#box_menu_quadri #dx_off{
	filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
}
#box_menu_quadri_sp{
	position:relative;
	top:400px;
	width:450px;
	height:100px;
	margin:0 auto;
	filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
}
.designer #box_menu_quadri_sp{
	position:relative;
	top:280px;
	width:450px;
	height:100px;
	margin:0 auto;
	filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
}
#box_menu_quadri_sp div{
	float:left;
	padding:0;
	width:150px;
	height:100px;
	position:relative;
	text-align:center;
/*	cursor:pointer;   TRASFORMA IL CURSORE IN MANINA */
	z-index:100;	
}
#box_menu_quadri_ordine{
	position:relative;
	top:367px;
	width:450px;
	height:100px;
	margin:0 auto;
}
#box_menu_quadri_ordine #cn_off{
	top:33px;
	filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
}
#box_menu_quadri_ordine #dx_off{
	top:33px;
	filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
}
.configuratore #box_menu_quadri_ordine{
	position:relative;
	top:217px;
	width:450px;
	height:100px;
	margin:0 auto;
}
#box_menu_quadri_ordine_2{
	position:relative;
	top:360px;
	width:450px;
	height:100px;
	margin:0 auto;
}
#box_menu_quadri_ordine_3{
	position:relative;
	top:87px;
	width:450px;
	height:100px;
	margin:0 auto;
}
#box_menu_quadri_ordine div{
	float:left;
	padding:0;
	width:150px;
	height:100px;
	position:relative;
	text-align:center;
/*	cursor:pointer;   TRASFORMA IL CURSORE IN MANINA */
	z-index:100;	
}
#box_menu_quadri_ordine_2 div{
	float:left;
	padding:0;
	width:150px;
	height:100px;
	position:relative;
	text-align:center;
/*	cursor:pointer;   TRASFORMA IL CURSORE IN MANINA */
	z-index:100;	
}
#box_menu_quadri_ordine_3 div{
	float:left;
	padding:0;
	width:150px;
	height:100px;
	position:relative;
	text-align:center;
/*	cursor:pointer;   TRASFORMA IL CURSORE IN MANINA */
	z-index:100;	
}
#box_menu_quadri_ordine #sx{
	top:33px;
}
#box_menu_quadri_ordine #cn{
	top:33px;
}

#box_menu_quadri_ordine #dx{
	top:33px;
}
#box_menu_quadri_ordine_3 #sx{
	top:33px;
}
#box_menu_quadri_ordine_3 #cn{
	top:33px;
}
#box_menu_quadri_ordine_3 #dx{
	top:33px;
}
#box_menu_quadri_sp_rid{
	position:relative;
	top:280px;
	width:450px;
	height:100px;
	margin:0 auto;
	filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
}

#box_menu_quadri_sp_rid div{
	float:left;
	padding:0;
	width:150px;
	height:100px;
	position:relative;
	text-align:center;
/*	cursor:pointer;   TRASFORMA IL CURSORE IN MANINA */
	z-index:100;	
}
#box_menu_quadri_riga{
	position:relative;
	top:450px;
	width:450px;
	height:1px;
	margin:0 auto;
	background-color:#868889;
}
#box_menu_quadri_basso{
	position:relative;
	top:470px;
	width:450px;
	height:100px;
	margin:0 auto;
}

#box_credits{
	position:absolute;
	right:55px;
	bottom:28px;
	width:150px;
	height:30px;
	z-index:100;	
}


/*Fine attributi livelli principali */

/*Attributi links*/

a.link_normale{
	color:#000000;
	text-decoration:none;
}
a.link_normale:hover{
	/*text-decoration: underline;*/
	color:#bdbec0;
}


a.link_normale_selezionato{
	color:#e3007e;
	text-decoration:none;
}


.link_normale_grigio{
	color:#bdbec0;
	text-decoration:none;
}
a.link_normale_grigio:hover{
	/*text-decoration: underline;*/
	color:#e3007e;
}

a.link_grande_nero{
	font-size:105%;
	color:#000000;
	text-decoration:none;
	line-height:25px;
}
a.link_grande_nero:hover{
	/*text-decoration: underline;*/
	color:#bdbec0;
}

a.link_grande_nero_nonspaziato{
	font-size:105%;
	color:#000000;
	text-decoration:none;
}
a.link_grande_nero_nonspaziato:hover{
	/*text-decoration: underline;*/
	color:#bdbec0;
}

a.link_grande_grigio{
	font-size:105%;
	color:#868889;
	text-decoration:none;
	line-height:25px;
}
a.link_grande_grigio:hover{
	/*text-decoration: underline;*/
	color:#bdbec0;
}

/*Fine attributi links*/

/*Span*/
#span_grigio{
	color:#bdbec0;
}

/* Form */
.modulo_base{
background-color:#e3e3e3;
padding:5px;
margin-top:2px;
margin-bottom:2px;

}
.modulo_base_err{
background-color:#ffbbbb;
padding:5px;
margin-top:2px;
margin-bottom:2px;

}

/*Stili per lo scroll*/
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width:11px;
background-image: url(scroll/images/scrollbaseback.png);
}
.vscrollerbar {
background-image: url(scroll/images/scrollbar.png);
width: 11px;
/* following is the bit that allows us fixed height scrollbars */
height: 11px !important;
/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/

background-image: url(scroll/images/scrollbar.png);
/* unfortunately, due to limitations of CSS, we cannot provide a color for the background when we are
using alpha images, thay have to be transparent.*/
}

* html .vscrollerbar {
/* IE6 alpha png trick */
/* IE7 is not affected by this trick, as it perfectly handles the normal png */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='scroll/images/scrollbar.png');
background-image: none;
}


/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase {height: 22px; background-image: url(scroll/images/scrollbases_inf.png);}
.hscrollerbar {
width:11px !important;
height:11px; 
background-image: url(scroll/images/scrollbar.png); 
background-repeat:no-repeat  }

* html .hscrollerbar {
/* IE6 alpha png trick */
/* IE7 is not affected by this trick, as it perfectly handles the normal png */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='scroll/images/scrollbar.png');
background-image: none;
}
.vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 0px;
z-index: 2;
}

/* properties for scroller jog box, just in case */
.scrollerjogbox {
width: 22px;
height: 22px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #698AAA;
}

/*Fine stili per lo scroll*/
/*Stili per la casella dello scroll*/
#mycustomscroll {
	/* Typical fixed height and fixed width example */
	width: 329px;
	height: 240px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	margin: 0em auto;
	padding: 0px;
}

#mycustomscroll2 {
	/* Typical fixed height and fixed width example */
	width: 530px;
	height: 240px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	margin: 0em auto;
	padding: 0px;
}

#mycustomscroll3 {
	/* Typical fixed height and fixed width example */
	width: 530px;
	height: 135px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	margin: 0em auto;
	padding: 0px;
}


#mycustomscroll4 {
	/* Typical fixed height and fixed width example */
	width: 390px;
	height: 240px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	margin: 0em auto;
	padding: 0px;
}

#mycustomscroll5 {
	/* Typical fixed height and fixed width example */
	width: 280px;
	height: 300px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	margin: 0em auto;
	padding: 0px;
}


#mycustomscroll_press {
	/* Typical fixed height and fixed width example */
	width: 220px;
	height: 450px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	margin: 0em auto;
	padding: 0px;
}

#mycustomscroll_cuscini {
	/* Typical fixed height and fixed width example */
	width: 700px;
	height: 450px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	margin: 0em auto;
	padding: 0px;
}


.fixedwidth {
	/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
	width: 550px;
	height: auto;
	position: relative;
	color: black;
	padding: 1px;
}
/*Fine Stili per la casella dello scroll */

/* Stili lighbox */
#elenco_lightbox{display:none;}
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }


#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #b7b9b9; }



/*alert*/

.avviso{ display:none; position:absolute; left:50%; margin-left:-165px; padding:10px; righ:50%; top:300px; width:300px; height:100px; background:#e1e0e0; }