body {
	font-family: Arial, Helvetica, sans-serif;
	color: #cbcbcb;
	font-size: 12pt;
	line-height: 14pt;
	margin: 0;
	padding: 0;
	background: #333 url(../images/bg_page.gif) repeat-x center top;
}

img {border: 0;}

/* sistema form */
form {margin: 0;}
fieldset {border: 0; margin: 0; padding: 0;}
input {color: #666667; vertical-align: middle; font-size: 8pt;}
textarea {border: 1px solid #ccc; color: #666667; vertical-align: middle; height:100px; font-size: 8pt;}
select {margin: 0 10px 0 0; padding: 2px; border: 1px solid #ccc; color: #666667; vertical-align: middle; font-size: 8pt;}

.textfield {border: 0px; padding: 2px; background: #fff;}
.inputMicro {width: 25px !important;}
.inputXxs {width: 20% !important;}
.inputSmall {width: 33% !important;}
.inputMedium {width: 50% !important;}
.inputBig {width: 95% !important;}
.inputDataTime {width: 75px !important;}
.inputEmail {width: 155px !important; font-size:9px !important;}
.inputSearch {width: 100px !important;}


input.btnGen {
	outline: none; 
	border: none;
	color: #951e1a;
	font-weight: bold;
	margin: 5px;
	text-transform: uppercase;
	cursor: pointer;
}

.btnSmall {
	width: 70px;
	height: 20px;
	background: url(../images/btn_input_small.png) no-repeat;
}
.btnMed {
	width: 130px;
	height: 26px;
	background: url(../images/btn_input_med.png) no-repeat;
}

.nocompiled {border: 1px solid #214c8d !important; background: url(../../../../images/images/ico_input_warning.html) top right no-repeat #fff !important;}
.nocompiled2 {padding: 0 17px 0 0; color: #b49e3a; background: url(../../../../images/images/ico_input_warning.html) top right no-repeat !important;}


/**/


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: #fff; text-decoration: none; outline: none}
a:hover {text-decoration: underline;}

p {margin: 15px 0 0 0;}


h1,h2,h3,h4,h5,h6 { font-family:"Trebuchet MS"; margin: 0.6em 0 0.3em 0; padding:0; clear: both;}

h1{font-size: 18pt; font-weight: normal;}
h2{font-size: 16pt;}
h3{font-size: 14pt;}
h4{font-size: 12pt;}
h5{font-size: 10pt;}
h6{font-size: 9pt;}


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;}
.marginclear {margin-right: 0px !important;}
.rightclear {padding-right: 0px !important;}
.bgclear {background: none !important;}
.clear {clear: both !important;}

.sSmall {font-size: 8pt !important;}
.colorT {color: #e2001a}
.alignDx {text-align: right;}
.alignCenter {text-align: center}

.floatSx {float: left; }
.floatDx {float: right; }


.genClear {
    clear: both;
    padding: 20px 0;
}


/* Elemento libero */

.freeElementMachine {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: 110px;
	width: 350px;
	height: 305px;
	background: url(../images/bg_machine.png) no-repeat;
}
.freeElementMachine-en {
	background: url(../images/bg_machine-en.png) no-repeat !important;	
}


/****************************/
/* Contenitore Generale */
/****************************/
 
#mainContainer{
    width:920px;
    height: 500px;
    margin:0 auto;
    padding: 0 30px;
    background: url(../images/bg_mainContainer.png) top left no-repeat;
}


/* Header - Logo + Menu */
/****************************/

#mainHeader{
    width:920px;
    height: 230px;
}

	#logo{
	    width: 570px;
	    height: 100px;
	    padding: 10px 0 0 0;
	}
	#topMenu{
	    width: 460px;
	    margin: 5px 0 0 0;
	}
		#topMenu ul{
			list-style: none;
			width: 290px;
		}
		#topMenu ul li{
			padding: 3px 0;
			border-bottom: 1px solid #a22521;
		}
		#topMenu ul li a{
			text-transform: uppercase;
			color: #000;
			font-size: 9pt;
		}
		#topMenu ul li a:hover{
			color: #a22521;
			text-decoration: none;
		}



/* Content - Contenitore */
/****************************/

#mainContent{
    width: 920px;
	min-height: 380px;
	height: auto !important;
	height:380px;
    float: left;
    padding: 65px 0 0 0;
    background: url(../images/bg_gradient.png) top center no-repeat;
}


/* Homepage ***************************/

#content-home {
	width: 100%;
	float: left;
	padding: 0 0 50px 0;
	border-bottom: 1px dashed #5c5c5c;
	background: url(../images/bg_content-home.png) 50% 25px no-repeat
}

	#content-home .column{
		width: 275px;
		height: 230px;
		float: left;
		padding: 0 15px 0 15px;
	}
	#content-home h1{
		height: 50px;
		text-indent: -9999px;
	}
	#content-home h1 a{
		height: 50px;
		width: 100%;
		display: block;
	}
	
	#content-home h1.cerca{background: url(../images/h1-cerca.png) bottom left no-repeat}
	#content-home h1.cerca-en{background: url(../images/h1-cerca-en.png) bottom left no-repeat}
	#content-home h1.prodotti{background: url(../images/h1-prodotti.png) bottom left no-repeat}
	#content-home h1.prodotti-en{background: url(../images/h1-prodotti-en.png) bottom left no-repeat}
	#content-home h1.ricambi{background: url(../images/h1-ricambi.png) bottom left no-repeat}
	#content-home h1.ricambi-en{background: url(../images/h1-ricambi-en.png) bottom left no-repeat}
	


	/* struttura a righe x Form*/
	.formRow {
	    float: left;
	    padding: 8px 0;
	    width: 100%;
	}
		.formRow .testoSx {
		    float: left;
		    width: 22%;
		}
		.formRow label {
		    color: #fff;
		    vertical-align: middle;
		    white-space: nowrap;
		    padding: 0 8px 0 0;
		}
		.formRow .testoDx {
		    color: #666667;
		    float: left;
		    width: 77%;
		}



/* Slide x LOGO *******************************/

#slider-code { height: 72px; margin: 20px 0 0 0; overflow:hidden; float: left; }
#slider-code .viewport { float: left; width: 860px; height: 72px; overflow: hidden; position: relative; }
#slider-code .lArrow { width: 25px; height: 67px; float: left; margin: 5px 0 0 0; background: url(../images/lArrow.png) 0px -67px no-repeat; }
#slider-code .rArrow { width: 25px; height: 67px; float: left; margin: 5px 0 0 0; background: url(../images/rArrow.png) 12px -67px no-repeat; }
#slider-code .lArrow:hover { background-position: 0px 0px; }
#slider-code .rArrow:hover { background-position: 12px 0px; }

#slider-code .prev { text-indent:-9999px; font-size: 0px; color: #000; display: block; width:20px; height: 72px; }
#slider-code .next { text-indent:-9999px; font-size: 0px; color: #000; display: block; width:20px; height: 72px; }

#slider-code .disable { visibility: hidden; }
#slider-code .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
#slider-code .overview li{ float: left; margin: 0 8px 0 0; height: 72px; width: 164px;}
/*
#slider-code .overview li img{ border: 2px solid #151515}
#slider-code .overview li img:hover{ border: 2px solid #3c3c3c}
*/
#slider-code .overview li a{ display: block; height: 68px; width: 160px; border: 2px solid #333; text-indent: -9999px; }
#slider-code .overview li a:hover{ border: 2px solid #ececec; }


#slider-code .overview li.slide-1{ background: url(../images/logo-1-slide.png) no-repeat;}
#slider-code .overview li.slide-1-en{ background: url(../images/logo-1-slide-en.png) no-repeat;}
#slider-code .overview li a.slide-2{ background: url(../images/logo-pfaff-slide.png) no-repeat;}
#slider-code .overview li a.slide-3{ background: url(../images/logo-zoje-slide.png) no-repeat;}
#slider-code .overview li a.slide-4{ background: url(../images/logo-comelz-slide.png) no-repeat;}
#slider-code .overview li a.slide-5{ background: url(../images/logo-atom-slide.png) no-repeat;}
#slider-code .overview li a.slide-6{ background: url(../images/logo-sps-slide.png) no-repeat;}






#slider-code2 { height: 172px; margin: 20px 0 0 0; overflow:hidden; float: left; }
#slider-code2 .viewport { float: left; width: 860px; height: 164px; overflow: hidden; position: relative; }
#slider-code2 .lArrow { width: 25px; height: 67px; float: left; margin: 46px 0 0 0; background: url(../images/lArrow.png) 0px -67px no-repeat; }
#slider-code2 .rArrow { width: 25px; height: 67px; float: left; margin: 46px 0 0 0; background: url(../images/rArrow.png) 12px -67px no-repeat; }
#slider-code2 .lArrow:hover { background-position: 0px 0px; }
#slider-code2 .rArrow:hover { background-position: 12px 0px; }

#slider-code2 .prev { text-indent:-9999px; font-size: 0px; color: #000; display: block; width:20px; height: 172px; }
#slider-code2 .next { text-indent:-9999px; font-size: 0px; color: #000; display: block; width:20px; height: 172px; }

#slider-code2 .disable { visibility: hidden; }
#slider-code2 .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
#slider-code2 .overview li{ float: left; margin: 0 8px 0 0; height: 164px; width: 164px;}
/*
#slider-code .overview li img{ border: 2px solid #151515}
#slider-code .overview li img:hover{ border: 2px solid #3c3c3c}
*/
#slider-code2 .overview li div{ display: block; height: 160px; width: 160px; border: 2px solid #333; text-indent: -9999px; }
#slider-code2 .overview li div:hover{ border: 2px solid #ececec; }


#slider-code2 .overview li .slide-1{ background: url(../images/mac1.jpg) no-repeat center; background-size:cover; }
#slider-code2 .overview li .slide-2{ background: url(../images/mac2.jpg) no-repeat center; background-size:cover;}
#slider-code2 .overview li .slide-3{ background: url(../images/mac3.jpg) no-repeat center; background-size:cover;}
#slider-code2 .overview li .slide-4{ background: url(../images/mac4.jpg) no-repeat center; background-size:cover;}
#slider-code2 .overview li .slide-5{ background: url(../images/mac5.jpg) no-repeat center; background-size:cover;}
#slider-code2 .overview li .slide-6{ background: url(../images/mac6.jpg) no-repeat center; background-size:cover;}
/* Pagine interne ***************************/

#content-page {
	width: 100%;
	float: left;
	padding: 0 0 50px 0;
}
	#content{
		width: 100%;
		float: left;
		padding: 25px 0 0 0;
	}

	#mainSearch {
		width: 100%;
		height: 35px;
		background: url(../images/bg_mainSearch.png) no-repeat;
	}

	
	/* Sinistra ***************************/
	#mainSearch .left{
		width: 630px;
		float: left;
		padding: 8px 0 0 40px;
		color: #fff;
	}
	
	#mainSearch .left input {margin: 0 7px;}

	/* Destra ***************************/
	#mainSearch .right{
		width: 245px;
		height: 35px;
		float: right;
	}
		#mainSearch .right ul{
			list-style: none;
		}
		#mainSearch .right ul li{
			display: inline;
		}
		#mainSearch .right ul li a{
			display: block;
			float: left;
			height: 35px;
			margin: 0 2px 0 0;
			text-indent: -9999px;
		}

		#mainSearch .right ul li a.ricambi{width: 100px; background: url(../images/bot-ricambi.png) no-repeat}
		#mainSearch .right ul li a.ricambi:hover{background-position: 0 -35px;}
		#mainSearch .right ul li a.nuovo{width: 70px; background: url(../images/bot-nuovo.png) no-repeat}
		#mainSearch .right ul li a.nuovo:hover{background-position: 0 -35px;}
		#mainSearch .right ul li a.usato{width: 70px; background: url(../images/bot-usato.png) no-repeat}
		#mainSearch .right ul li a.usato:hover{background-position: 0 -35px;}
		#mainSearch .right ul li a.ricambi-en{width: 100px; background: url(../images/bot-ricambi-en.png) no-repeat}
		#mainSearch .right ul li a.ricambi-en:hover{background-position: 0 -35px;}
		#mainSearch .right ul li a.nuovo-en{width: 70px; background: url(../images/bot-nuovo-en.png) no-repeat}
		#mainSearch .right ul li a.nuovo-en:hover{background-position: 0 -35px;}
		#mainSearch .right ul li a.usato-en{width: 70px; background: url(../images/bot-usato-en.png) no-repeat}
		#mainSearch .right ul li a.usato-en:hover{background-position: 0 -35px;}


	/* Lista di ricerca *************************/

	.prodResult {
		list-style: none;
		margin: 20px 0 0 0;
	}
		.prodResult li{
			display: block;
			width: 160px;
			height: 185px;
			float: left;
			background: #2b2b2b;
			padding: 5px;
			margin: 0 13px 13px 0; 
		}
		.prodResult li img{
			width: 160px;
			height: 120px;
		}
		
	/* Dettaglio Prodotto *************************/

	.prodDett {
		width: 910px;
		height: 380px;
		padding: 5px;
		background: #2b2b2b;
	}
		.prodDett dt{
			width: 270px;
			height: 380px;
			float: left;
			margin: 0 30px 0 0;
			background: #363636;
		}
		.prodDett dd{
			width: 590px;
			float: left;
		}

		.prodDett dd .desc{
			width: 100%;
			height: 180px;
			float: left;
			border-bottom: 1px dashed #5c5c5c;
		}

.ricambiList {
	display: block;
	width: 120px;
	height: 28px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	padding: 0 0 0 30px;
	background: url(../images/ico_pdf.png) no-repeat;
}


/* COntatti */


.googleMap {
	width: 670px;
	float: left;
	margin: 20px 0 0 0;
}
.contactInfo {
	width: 230px;
	float: right;
	margin: 20px 0 0 0;
	font-size: 11pt;
	
}

/* Slide x LOGO *******************************/

#slider-code-thumb { height: 79px; margin: 40px 0 0 0; overflow:hidden; float: left; }
#slider-code-thumb .viewport { float: left; width: 540px; height: 79px; overflow: hidden; position: relative; }
#slider-code-thumb .lArrow { width: 25px; height: 67px; float: left; margin: 5px 0 0 0; background: url(../images/lArrow.png) 0px -67px no-repeat; }
#slider-code-thumb .rArrow { width: 25px; height: 67px; float: left; margin: 5px 0 0 0; background: url(../images/rArrow.png) 12px -67px no-repeat; }
#slider-code-thumb .lArrow:hover { background-position: 0px 0px; }
#slider-code-thumb .rArrow:hover { background-position: 12px 0px; }

#slider-code-thumb .prev { font-size: 0px; color: #000; display: block; width:20px; height: 70px; }
#slider-code-thumb .next { font-size: 0px; color: #000; display: block; width:20px; height: 70px; }

#slider-code-thumb .disable { visibility: hidden; }
#slider-code-thumb .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
#slider-code-thumb .overview li{ float: left; margin: 0 8px 0 0; height: 79px; width: 100px;}

#slider-code-thumb .overview li img{ border: 2px solid #151515}
#slider-code-thumb .overview li img:hover{ border: 2px solid #a32421}





/****************************/
/* Footer di pagina */
/****************************/

#mainFooter {
    width: 920px;
	height: 80px;
	float: left;
    margin: 120px 0 0 0;
   	border-top: 1px dashed #5c5c5c;

}
	#mainFooter .left {
	    width: 400px;
	    float: left;
	}
		
	#mainFooter .right {
	    float: right;
	}