﻿body {
	font-family: Arial, Helvetica, sans-serif;
	color: #3f4546;
	font-size: 10pt;
	line-height: 13pt;
	margin: 0;
	padding: 0;
	background: url(../images/bg_page.gif) repeat-x #353535;
}

img {border: 0;}
form { margin: 0;}

textarea { border: 1px solid #b3b3b3;}
.inputfield {width: 300px; border: 1px solid #b3b3b3;}

.nocompiled {
	border: 1px solid #000;
}

table {	border-collapse: collapse;	border: 0px solid #FFF;}
td { border-collapse: collapse;	border: 0px solid #FFF;}
th { border-collapse: collapse;	border: 0px solid #FFF;}

a {color: #3f4546;}
p {margin: 10px 0 0 0;}

h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-family: "Trebuchet MS"}

h1{
	font-size: 15pt;
	font-weight: normal;
}
h2{
	font-size: 13pt;
	font-weight: normal;
}
h3{
	font-size: 12pt;
	font-weight: bold;
}
h4{
	font-size: 10pt;
	font-weight: bold;
}
h5{
	font-size: 10pt;
	font-weight: bold;
}


ol {margin:0; padding: 0; line-height:normal;}
ul {margin:0; padding: 0; line-height:normal;}
li {margin:0; padding: 0; line-height:normal;}

dl, dt, dd {margin:0; padding: 0;}


.noborder {border: 0px solid #FFF !important;}
.nomargin {margin: 0px !important;}
.rightclear {padding-right: 0px !important;}
.nomarginright {margin-right: 0px !important;}


hr {
	width: 100%;
	height: 1px;
	margin: 5px 0 5px 0;
	padding: 0;
	border: 0px solid #2b2b2b;
	background: #2b2b2b;
}

.c_type1 {color: #c49915;}

/****************************/
/* Elementi Liberi */
/****************************/

#logo {
	position: absolute;
	z-index: 3;
	width: 190px;
	height: 265px;
	top: 0px;
	left: 50%;
	margin-left: -426px;
}

#laccio {
	position: absolute;
	z-index: 4;
	width: 155px;
	height: 147px;
	top: 327px;
	left: 50%;
	margin-left: -360px;
	background: url(../images/laccio.png) no-repeat;
}

/****************************/
/* Contenitore Generale */
/****************************/
 
 #main_container{
	width: 888px;
	height: auto;
	margin: 0 auto;
}
 #main_container_ext {
 	float: left;
	width: 880px;
	padding: 0 4px 0 4px;
	background: url(../images/bg_container_ext.gif) repeat-x #252525;
}

/****************************/
/* Livello 1 Main Menu */
/****************************/

 #container_level1 {
	width: 880px;
	height: 57px;
	background: url(../images/bg_level1.gif) repeat-x;
	}

		
	#main_menu	{
		width: 880px;
		height: 57px;
		}		

		#main_menu	ul{
			list-style: none;
			padding: 22px 0 0 205px
			}		
		#main_menu	li{
			display: inline;
			font-weight: bold;
			}		
		#main_menu	li a{
			display: block;
			float: left;
			height: 19px;
			padding: 4px 20px 0 32px;
			font-size: 9pt;
			text-decoration: none;
			text-transform: uppercase;
			color: #626f7e;
			background: url(../images/ico_arrow_mainmenu.png) no-repeat;
			}		
		#main_menu	li a:hover{
			color: #2f2f2f;
			}		

/****************************/
/* Livello 2 - Main Foto + Linee Prodotto*/
/****************************/

 #container_level2 {
	width: 880px;
	height: 100px;
	padding: 270px 0 0 0;
	}

	 #prod_line {
		width: 880px;
		height: 100px;
		background: url(../images/bg_prod_line.png) no-repeat;
		}
		#prod_line ul{
			list-style: none;
			padding: 5px 0 0 230px
			}		
		#prod_line li{
			display: inline;
			overflow: hidden;
			}		
		#prod_line li a {
			display: block;
			float: left;
			width: 120px;
			height: 0px;
			padding: 90px 45px 0 0;
			overflow: hidden;
			}		
		#prod_line li a.catalogo{
			background: url(../images/linea_catalogo.png) no-repeat;
			}		
		#prod_line li a.professional{
			background: url(../images/linea_professional.png) no-repeat;
			}		
		#prod_line li a.lacesone{
			background: url(../images/linea_lacesone.png) no-repeat;
			}		
		#prod_line li a.linkup{
			background: url(../images/linea_linkup.png) no-repeat;
			}


/****************************/
/* Livello 3 - Contenuti /
/****************************/

	#container_level3 {
		width: 850px;
		height: auto !important;  /* per i browser moderni */
		height: 400px;      /* per IE5.x e IE6 */
		min-height: 400px;  /* per i browser moderni */
		float: left;
		padding: 47px 15px 0 15px;
		background: url(../images/bg_level3.gif) repeat-x #fff;
	}
	#container_level3 h1{color: #737d85; padding: 0 0 15px 0}
	#container_level3 h2, #container_level3 h3 {color: #737d85;}


	/*colonna di sinistra*/
		#column_sx {
			width: 255px;
			float: left;
			height: auto !important;  /* per i browser moderni */
			height: 250px;      /* per IE5.x e IE6 */
			min-height: 250px;  /* per i browser moderni */
			padding: 0 20px 0 0;
		}

		#column_sx dl {
			float: left;
			padding: 0 0 15px 0;
			margin: 0 0 15px 0;
			font-size: 9pt;
			border-bottom: 1px solid #cfd6d9;
		}
		#column_sx dt {
			width: 60px;
			float: left;
		}
		#column_sx dd {
			width: 195px;
			float: left;
		}

		/* menu prodotti */

		ul.sxprodlist {
			list-style: none;
			margin: 0 15px 0 0;
		}
		ul.sxprodlist li{
			width: 235px;
			height: auto !important;  /* per i browser moderni */
			height: 18px;      /* per IE5.x e IE6 */
			min-height: 18px;  /* per i browser moderni */
			padding: 2px 0 0 0;
			margin: 0 0 2px 0;
			text-indent: 10px;
			color: #767f81;
			font-size: 8pt;
			text-transform: uppercase;
			font-weight: bold;
			background: url(../images/bg_li_prodlist_p_off.gif) no-repeat;
		}

		ul.sxprodlist li a{
			width: 235px;
			height: 20px;
			display: block;
			color: #767f81;
			text-decoration: none;
		}
		ul.sxprodlist li a:hover{
			color: #ff7719;
			background: url(../images/bg_li_prodlist_p_on.gif) 0px -2px;
		}


			ul.sxprodlist li ul{
				list-style: none;
				margin: 5px 0 0 0;
				background: #f1f1f1;
			}
			ul.sxprodlist li ul li{
				padding: 0;
				margin: 0;
				color: #414647;
				font-size: 7pt;
				font-weight: normal;
				background: none;
			}
			ul.sxprodlist li ul li a{
				color: #414647;
				background: none;
			}
			ul.sxprodlist li ul li a:hover{
				background: none;
			}

	/*colonna di destra*/
		#column_dx {
			width: 575px;
			float: left;
			height: auto !important;  /* per i browser moderni */
			height: 250px;      /* per IE5.x e IE6 */
			min-height: 250px;  /* per i browser moderni */
		}



		.scarpalux {
			list-style: none;	
			margin: 20px 0 0 0;
		}
		.scarpalux li {
			width: 270px;
			height: 219px;
			float: left;
			padding: 3px;
			margin: 0 10px 10px 0;
			background: #ebebeb;
		}
		.scarpalux li img{margin: 0 0 3px 0;}
		
		


		.lineprod {
			list-style: none;	
			margin: 20px 0 0 0;
		}
		.lineprod li {
			width: 290px;
			display: inline;
		}

		.lineprod li a{
			display:block;
			float: left;
			padding: 0;
			margin: 0 15px 15px 0;
		}



	/*elenco stringhe*/
		/*
		ul.stringlist {
			list-style: none;
			float: left;
			margin: 0 15px 0 0;
		}
		ul.stringlist li{
			margin: 0 0 10px 0;
			text-align: right;
		}

		ul.stringlist li a{
			display: block;
			width: 390px;
			height: 120px;
			border-bottom: 2px solid #ebebeb;
			border-right: 2px solid #ebebeb;
			background: url(../images/ico_zoom.gif) bottom left no-repeat;
		}
		ul.stringlist li a:hover{
			border-bottom: 2px solid #ff7719;
			border-right: 2px solid #ff7719;
		}
		*/

		/*link cartella colore*/
		a.cartcolore {
			display: block;
			width: 135px;
			height: 23px;
			padding: 7px 0 0 30px;
			color: #fff;
			font-weight: bold;
			font-size: 9pt;
			text-decoration: none;
			background: url(../images/bg_bot_cartellacolore.gif) no-repeat;
		}

		/*link Dubbi? Richiedi informazioni*/
		a.dubbi {
			display: block;
			width: 183px;
			height: 23px;
			padding: 7px 0 0 30px;
			color: #9ba7aa;
			font-weight: bold;
			font-size: 9pt;
			text-decoration: none;
			background: url(../images/bg_bot_dubbi.gif) no-repeat;
		}
		
		
		
		#msgError {
			color: #ff842e;
		}
	
/****************************/
/* FOOTER */
/****************************/


	#container_level4 {
		float: left;
		width: 850px;
		height: 60px;
		padding: 20px 15px 0 15px;
		background: #fff;
	}

	 #footer {
		width: 830px;
		height: 45px;
		padding: 15px 10px 0 10px;
		color: #2f2f2f;
		font-size: 8pt;
		background: url(../images/bg_footer.gif) no-repeat;
}
	 #footer a{color: #2f2f2f; text-decoration:underline;}
	 #footer p{margin: 0;}





/****************************/
/* THICK BOX - Contenuti */
/****************************/

.bodypopup {background: url(../images/bg_level3.gif) repeat-x #fff;}

	#contatti {margin-top: 10px;}
	
	.inputButton {
			/* border: solid 2px #84d3ef !important; */
			padding: 0px 0 0 0px !important;
			margin: 0 0 0 0;				
			background: url(../images/bg_input_email.png) no-repeat;	
			font-size: 8pt !important;
			font-weight: bold;							
			height: 28px !important;												
			width: 210px !important;
			}	
		
		
	#contatti input {
				border: 0px;
				padding: 7px 0 0 7px;
				margin: 0 0 0 0;
				font-size: 8pt;
				color: #8196a5;
				z-index: 1;
				height: 22px; }
	
	.inputText {		
				border: solid 2px #84d3ef;
				padding: 7px 0 0 7px;
				margin: 0 0 0 0;
				font-size: 8pt;
				color: #8196a5;
				z-index: 1;
				height: 60px;
				position: relative;
				z-index: 20;				
				width: 450px;}
											
	#contatti td {font-size: 12px;}
	
	#panelResult {font-size: 12px;}



	#insidefaq {
		width: 690px;
		padding: 12px 15px 0 15px;
	}
	
	#insidefaq h1{
		color: #226596;
		padding-bottom: 22px;
	}

	#insidefaq a {
		text-decoration: none;
		display: block;
		padding: 0 0 15px 15px;
		color: #3f464c;
		font-weight: bold;
	}

	#insidefaq dt{}
	#insidefaq dd{
		display:none;
		margin: 0 0 20px 0;
		background: none !important;
	}

	#insidefaq ul{ list-style-position:inside}
	#insidefaq ol{ list-style-position:inside}


