/*********************** PROJECT BY GRAFFITI 2000 - G2K ***************/

/*********************** STILI PER IL BODY ****************************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	background: #FFFFFF url(/images/back.png) repeat-x;
	}
	
a {
	text-decoration: none;
	outline: none;
	}
	
h1 {
	color: #1c8bd9;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-size: 12px;
	}
	
img {
	border: 0px;
	}
	
.pdf:link 		{ text-decoration:none; color:#1c8bd9; }
.pdf:visited	{ text-decoration:none; color:#1c8bd9; }
.pdf:active		{ text-decoration:none; color:#1c8bd9; }
.pdf:hover		{ text-decoration:none; color:#1686d5; }
	
.linkted:link 		{ text-decoration:none; color:#1c8bd9; font-weight: bold; }
.linkted:visited	{ text-decoration:none; color:#1c8bd9; font-weight: bold; }
.linkted:active		{ text-decoration:none; color:#1c8bd9; font-weight: bold; }
.linkted:hover		{ text-decoration:none; color:#666666; font-weight: bold; }
	
	
	
/*********************** STILI PER IL LAYOUT **************************/

#layout {
	width: 860px;
	margin: 0 auto;
	background: url(/images/backcontent.png);
	position: relative;
	}
	
/*********************** STILI PER L'INTESTAZIONE *********************/

#header-ita { width: 860px; height: 131px; background: #FFFFFF url(/images/header.png) no-repeat; }
#header-eng { width: 860px; height: 131px; background: #FFFFFF url(/images/header_eng.png) no-repeat; }
#header-ger { width: 860px; height: 131px; background: #FFFFFF url(/images/header_ger.png) no-repeat; }
#header-fra { width: 860px; height: 131px; background: #FFFFFF url(/images/header_fra.png) no-repeat; }
	
#secondHeader {
	height: 200px;
	}

.headerDefault { background: #FFFFFF url(/images/secondheader.png) no-repeat; }
.headerAzienda { background: #FFFFFF url(/images/headerAzienda.jpg) no-repeat; }
.headerHome { background: #FFFFFF url(/images/headerHome.jpg) no-repeat; }
.headerContatti { background: #FFFFFF url(/images/top_contatti.jpg) no-repeat; }
.headerDovesiamo { background: #FFFFFF url(/images/headerDovesiamo.jpg) no-repeat; }
.headerNews { background: #FFFFFF url(/images/headerNews.jpg) no-repeat; }
.headerLogin { background: #FFFFFF url(/images/headerLogin.jpg) no-repeat; }

/*********************** STILI PER I CONTENUTI ************************/

#content {
	}
	
#container {
	width: 510px;
	min-height: 540px;
	font-size: 10px;
	border-left: 1px solid #e0e0e0;
	color: #666666;
	float: left;
	padding: 28px 60px 150px 40px;
	position: relative;
	}
	
.containerTitle {
	font-size: 12px;
	color: #1c8bd9;
	font-weight: bold;
	padding-bottom: 20px;
	}
	
.textHome {
	line-height: 16px;
	}

.titoletto {
	font-size: 11px;
	color: #1c8bd9;
	font-weight: normal;
	padding-bottom: 20px;
	}

div.company p {
	line-height: 20px;
	}

div.company img {
	border: solid 6px #ddeef9;
	}

div.company img:hover {
	border: solid 6px #a1cbe6;
	}
	
/*********************** STILI PER I MENU' ****************************/

#navbar {
	height: 30px;
	background: #6dadd9;
	}
	
.buttonwrapper {
	float: left;
	width: 30px;
	height: 30px;
	}

.button {
	/*background: #333333;*/
	width: 107px;
	height: 22px;
	float: left;
	/*margin-left: 4px;*/
	font-size: 10px;
	color: #FFFFFF;
	padding-top: 8px;
	text-align: center;
	cursor: pointer;
	}

.button:hover {
	background: #80bce6;
	cursor: pointer;
	}
	
	
.lastbutton {
	/*background: #333333;*/
	width: 98px;
	height: 22px;
	float: left;
	/*margin-right: 1px;
	margin-left: 10px;*/
	font-size: 10px;
	color: #FFFFFF;
	padding-top: 8px;
	text-align: center;
	cursor: pointer;
	}
	
.lastbutton:hover {
	background: #80bce6;
	cursor: pointer;
	}

.separator {
	float: left;
	width: 10px;
	height: 22px;
	font-size: 10px;
	padding-top: 8px;
	color: #FFFFFF;
	text-align: center;
	}

#menu {
	width: 187px;
	min-height: 600px;
	float: left;
	padding: 30px 25px 20px 0px;
	font-size: 10px;
	color: #666666;
	}
	
#menu a {
	color: #666666;
	}
	
	
#menu a:hover {
	color: #1c8bd9;
	text-decoration: underline;
	}
	
.testoMenu 			{ color: #666666; }
.testoMenuAttivo	{ font-weight:bold;}



.linkted		{ color: #FFFFFF;}
.linkted a 		{ color: #FFFFFF;}
.linkted :hover 	{ color: #FFFFFF;}


#menutop {
	padding-left: 6px;
	}
	
.menuTitle {
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 0px 39px;
	}
	
#menutop ul li {
	width: 150px;
	/*background: url(/images/count.png) center left no-repeat;*/
	list-style: none;
	margin-bottom: 2px 0 2px 0;
	border-bottom: 1px solid #e0e0e0;
	padding: 5px;
	}
	
#menutop ul li div a {
	display: block;
	margin: 5px 0 0 0;
	padding: 1px 0px 1px 10px;
	border-top: 1px solid #e0e0e0;
	}
	
#menutop ul li div a:first-child {
	margin: 5px 0 5px 0;
	}

#menubottom {
	width: 176px;
	margin-top: 20px;
	}
	
#menubottom li {
	width: 128px;
	height: 22px;
	list-style: none;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 0px;
	margin-left: 12px;
	margin-bottom: 3px;
	border-top: 1px solid #e0e0e0;
	}
	
	
/*********************** STILI PER LE ICONETTE NEI MENU **************************/
	
.submenuUno {
	width: 100px;
	height: 23px;
	background: url(/images/icon01.png) top left no-repeat;
	padding: 5px 0px 0px 25px;
	}
	
.submenuDue {
	width: 100px;
	height: 23px;
	background: url(/images/icon02.png) top left no-repeat;
	padding: 5px 0px 0px 25px;
	}
	
.submenuTre {
	width: 100px;
	height: 23px;
	background: url(/images/icon03.png) top left no-repeat;
	padding: 5px 0px 0px 25px;
	}
	
.submenuQuattro {
	width: 100px;
	height: 23px;
	background: url(/images/icon04.png) top left no-repeat;
	padding: 5px 0px 0px 25px;
	}
	

	
/*********************** STILI PER I BOX DEI PRODOTTI **************************/

#boxContainer {
	width:  520px;
	margin: 40px auto;
	}

	
.productBox {
	width: 115px;
	height:200px;
	padding-right:5px;
	padding-top:5px;
	float: left;
	}

.fotoprodottoBox {
	width: 112px;
	height: 110px;
	border-top:2px solid #eae6e6;
	border-left:2px solid #eae6e6;
	border-right:2px solid #eae6e6;		
	}

.scaricaPDF {
	width: 110px;
	height: 20px;
	padding-left: 2px;	
	padding-top: 2px;		
	border-left:2px solid #eae6e6;
	border-right:2px solid #eae6e6;	
	}

.productBoxDescr {
	height: 50px;
	width: 112px;
	padding: 5px 1px 2px 2px;
	background: #eae6e6;
	}
	
.testodescr 		{ color: #1c8bd9; font-weight: bold;}
.testodescr a 		{ color: #1c8bd9; font-weight: bold;}
.testodescr:hover	{ color: #1c8bd9; font-weight: bold;}

.testofile 			{ color: #666666; font-weight: normal;}
.testofile a 		{ color: #666666; font-weight: normal;}
.testofile:hover	{ color: #666666; font-weight: bold;}

.boxFile {
	width: 500px;
	height: 20px;
	border: 0px solid #eae6e6;
	margin-bottom: 10px;
	}


/*********************** NEWS ***********************/

.boxnews { width: 460px; border: 0px solid #eae6e6; margin-bottom: 2px; }

.fotonews 			{ width: 50px; border: 0px solid #FFCC00; color: #666666; font-weight: normal; text-align:left; padding-right:5px; float:left;}	

.titolonews 		{ width: 395px; border: 0px solid #FF0000; padding-left:5px; float:left;}

.testonews 			{ color: #666666;}
.testonewsa 		{ color: #666666;}
.testonews:hover	{ color: #666666;}

.indietro		{ color: #666666; font-weight: normal;}
.indietro a 	{ color: #666666; font-weight: normal;}
.indietro:hover	{ color: #666666; font-weight: bold;}
	


/*********************** STILI PER IL FOOTER **************************/

#footer {
	height: 22px;
	clear: both;
	background: #ddeef9;
	font-size: 10px;
	color: #666666;
	padding: 8px 0px 0px 30px;
	}
	
#footer a {
	color: #666666;
	}
	
#footer a:hover {
	color: #1c8bd9;
	text-decoration: underline;
	}

	
.credits {
	background: url(/images/count.png) left no-repeat;
	width: 60px;
	padding-left: 13px;
	float: left;
	}
	
#address {
	float: left;
	font-size: 10px;
	padding-top: 5px;
	}
	
.areariservata {
	background: url(/images/count.png) left no-repeat;
	width: 100px;
	padding-left: 13px;
	float: left;
	}
	
.top {
	float: right;
	width: 34px;
	height: 13px;
	background: url(/images/top.png) no-repeat;
	padding-left: 30px;
	cursor: pointer;
	}
	
#legal {
	width: 860px;
	height: 40px;
	margin: 0 auto;
	}
	
#legal a {
	color: #666666;
	}
	
#legal a:hover {
	color: #1c8bd9;
	text-decoration: underline;
	}
	
.g2k {
	width: 125px;
	height: 10px;
	text-align: left;
	background: url(/images/pulsante.gif) no-repeat bottom right;
	font-size: 9px;
	float: right;
	margin-top: 5px;
	color: #969696
	}

h3 { margin: 0; padding: 0; }

p { color: #908f8f; font-size: 11px; line-height: 18px; }
	
ul#contentList { margin: 0; padding: 0; list-style-type: none; color: #908f8f; font-size: 11px; }
ul#contentList li { float: left; width: 50%; }
ul#contentList li:first-child p { padding: 0 30px 0 0; }
ul#contentList li p { padding: 0 0px 0 20px; line-height: 18px; }

div#boxes { width: 600px; position: absolute; bottom: 100px; left: 20px; margin: 0; padding: 0; list-style-type: none; }
div#boxes div { text-align: center; }

div#boxesLongLife { overflow: hidden; position: absolute; top: 0; left: 191px; width: 190px; height: 32px; background: #2d91d7; }
div#boxesLongLife h3 { height: 32px; background: url('/images/h3_long.jpg'); text-indent: -9999px; }

div#boxesSit { overflow: hidden; position: absolute; top: 0; left: 382px; width: 190px; height: 32px; background: #2d91d7; }
div#boxesSit h3 { height: 32px; background: url('/images/h3_sit.jpg'); text-indent: -9999px; }

div#boxesSpeed { overflow: hidden; position: absolute; top: 0; left: 0px; width: 190px; height: 32px; background: #2d91d7; }
div#boxesSpeed h3 { height: 32px; background: url('/images/h3_speed.jpg'); text-indent: -9999px; }

ul#boxes li h3 { }
div#boxes label { margin-top: 200px; margin-left: 100px; }
div#boxes label a { color: #ffffff; }
ul#boxes li img { }
ul#boxes li:first-child {  }

#boxesAzienda {
	border:1px solid #e0e0e0;
	width:189px;
	height:95px;
	position:absolute;
	bottom:30px;
	left:20px;
}

#boxesAzienda02 {
	border:1px solid #e0e0e0;
	width:189px;
	height:95px;
	position:absolute;
	bottom:30px;
	left:213px;
}

#boxesAzienda03 {
	border:1px solid #e0e0e0;
	width:189px;
	height:95px;
	position:absolute;
	bottom:30px;
	left:406px;
}

.boxesLinkAcimall {	width: 187px; height: 89px;	background: url(/images/acimall.jpg); margin-top: 1px; margin-left: 1px; cursor:pointer; }
.boxesLinkConfindustria { width: 187px; height: 89px; background: url(/images/confindustria.jpg); margin-top: 1px; margin-left: 1px; cursor:pointer; }
.boxesLinkXylexpo {	width: 187px; height: 89px;	background: url(/images/xylexpo.jpg); margin-top: 1px; margin-left: 1px; cursor:pointer; }

div#addressDiv { position:absolute; bottom: 50px; left: 0px; line-height: 16px; }
div#addressDiv h3 { padding-left: 50px; margin-bottom: 10px; font-size: 13px; }
div#addressDiv ul { margin: 0; padding: 0 0 0 50px; list-style-type: none; }
div#addressDiv ul li { }

ul#genericBoxes { width: 600px; position: absolute; bottom: 20px; left: 40px; margin: 0; padding: 0; list-style-type: none; }
ul#genericBoxes li { width: 250px; float: left; position: relative; }
ul#genericBoxes li:first-child { margin-right: 20px;  }

ul#newsList { margin: 0; padding: 0; list-style-type: none; }
ul#newsList li { width: 230px; float: left; margin: 10px 20px 10px 0px; min-height: 80px; border: 1px solid #eaeaea; position: relative; }
ul#newsList li img { float: right; margin: 1px 1px 0 0; }
ul#newsList li h3 {  font-size: 11px; position: absolute; top: 10px; left: 20px;  font-weight: bold;}
ul#newsList li label { position: absolute; top: 28px; left: 20px; }
ul#newsList li p { position: absolute; bottom: 0px; left: 20px; background: url('/images/list.jpg') 0px 7px no-repeat; padding-left: 12px; color: #1688d7; }
ul#newsList li p a { color: #1688d7; }

ul#productList { margin: 0; padding: 0; list-style-type: none; }
ul#productList li { width: 165px; float: left; margin: 10px 2px; position: relative; } /*min-height: 120px; float: left; border: 1px solid #eae6e6; margin: 10px 1px; position: relative;*/
ul#productList li img { /*width: 165px; height: 91px;*/ }
ul#productList li h3 { font-size: 10px; width:95%; }
div#fotoProdotto	{ text-align:center;border: 1px solid #eae6e6; width:163px; height: 100px; overflow:hidden; }
div#descrProdotto	{ padding: 3px 0 1px 5px; height: 35px; background-color: #eae6e6; }
label.downloadPDF { position: absolute; z-index: 5000; bottom: 5px; right: 5px; }
a.getPdf { display: block; width: 16px; height: 16px; background: url('/images/pdf.png') }

ul#listProdottiGenerici { margin: 0; padding: 0; list-style-type: none; }
ul#listProdottiGenerici li { width: 230px; height: 16px; float: left; background: #eae6e6; margin: 2px 10px 10px 0; padding: 3px 5px 0px 3px; }
ul#listProdottiGenerici li a { display: block; padding-left: 3px; color: #666666; font-weight: bold; background: url('/images/list.jpg') right no-repeat; }

ul#listInformazioniTecniche			{ margin: 0; padding: 0; list-style-type: none; }
ul#listInformazioniTecniche li		{ width: 230px; height: 23px; float: left; background: #eae6e6; margin: 2px 5px 10px 0; padding: 1px 5px 1px 5px; color: #666666; font-weight: bold;}
ul#listInformazioniTecniche li a	{ display: block; height: 23px; background: url('/images/pdf.png') right no-repeat; color: #666666; font-weight: bold;}

table#loginTable { width: 540px; color: #1685d4; font-weight: normal; }
table#loginTable th { padding: 7px 0; }
.loginLabel { width: 170px; text-align: left; background: url('/images/login.jpg') top right no-repeat;  border-top: 1px solid #efefef; }
.loginBorderTop { border-top: 1px solid #efefef; }
#accediButton { width: 65px; height: 17px; background: url('/images/accedi.jpg') no-repeat; border: 0px; cursor: pointer; margin-right: 43px; }

.sit { margin-top:40px; margin-left:30px; }
.longLifeImg { margin-bottom:30px; }
.speedImg { margin-top:30px; margin-bottom:30px; }
.rigaBottom { border-bottom:1px solid #e0e0e0; margin-top:30px; clear:both; }
.rigaBottom02 { width:556px; border-bottom:1px solid #e0e0e0; margin-top:50px; clear:both; }

.speedContent {
	width:556px;
	margin-top:20px;
	font-size:11px;
}

.speedContentSx {
	width:280px;
	float:left;
	font-size:10px;
	margin-bottom:20px;
}

.speedContentSxEng {
	width:450px;
	float:left;
	font-size:10px;
	margin-bottom:20px;
}


.speedContentDx {
	width:260px;
	float:right;
	font-size:10px;
	margin-bottom:20px;
}