﻿@charset "utf-8";
/* CSS Document */
*, a{
	border:0;
	padding:0;
	text-decoration:none;
	margin: 0;
}
h1{margin:0;}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top:20px;
	}
#container {
	width:980px;
	height:auto;
	position:relative;
	text-align:left;
	margin:0 auto;
	padding:0;
	}
#logo{
	float:left;
	}
/* inizio style per foto scorrevoli in home, scroll_links è il menu di questa stessa sezione*/
#wn	{ 
	position:relative; 
	overflow:hidden;
	width:980px; 
	height:311px;
	}
#scroll_links, .menuDisattivo {
	background-image:url(../images/sf_menu_scroll_off.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	height:34px;
}
#scroll_links a{
	height:34px;
	line-height:34px;
	color:#FFFFFF;
	display:block;
}

#menu1 {
	width:162px;
	text-align:center;
}
#menu2 {
	width:169px;
	text-align:center;
}
#menu3 {
	width:161px;
	text-align:center;
}
#menu4 {
	width:162px;
	text-align:center;
}
#menu5 {
	width:174px;
	text-align:center;
}
#menu6 {
	width:152px;
	text-align:center;
}
.menuAttivo, .scrollToId_uno_on {
    background-image:url(../images/sf_menu_scroll_on.gif);
}

#scroll_links a:hover{
	background-image:url(../images/sf_menu_scroll_on.gif);
}
/* fine style per foto scorrevoli in home, scroll_links è il menu di questa stessa sezione*/
#leads_counter{
	font-weight:bold;
	font-size:14px;
	color:#9a9a9a;
	display:block;
	width:550px;
	position:relative;
	text-align:right;
	float:left;
	line-height:26px;
	}
#sup_contact{
	width:125px;
	height:26px;
	line-height:26px;
	display:block;
	position:relative;
	float:right;
	}
	#sup_contact a{color:#cc0000;}
	#sup_contact a:hover{color:#999;}
#menu_top{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	position:relative;
	top:30px;
	float:right;
	}
	#menu_top ul li{
		display:block;
		float:left;
		height:30px;
		}
		a{color:#003bff;}
		a:hover{color:#b32300;}
		.home{width:59px;height:30px;
			
			text-align:center;}
		/* "_on" da applicare al li per la pagina in cui si trova l'utente*/
		.home_on {
			width:59px;
			/*color:#003bff;*/
			height:30px;
			background-image: url(../images/pagina_attiva.gif);
			background-repeat: no-repeat;
			background-position: center bottom;
			text-align:center;
			}
		/*.customer a{width:59px; color:#b32300;}
		.customer a:hover{width:59px; color:#999;}*/
		.customer{width:59px;height:30px;
			
			text-align:center;}
		.customer_on {
			width:59px;
			/*color:#003bff;*/
			height:30px;
			background-image: url(../images/pagina_attiva.gif);
			background-repeat: no-repeat;
			background-position: center bottom;
			text-align:center;
			}
			/*.customer_on a{color:#b32300;}
			.customer_on a:hover{color:#999;}*/
		.product{width:84px;height:30px;
			
			text-align:center;}
		.product_on{
			width:84px;
			height:30px;
			background-image: url(../images/pagina_attiva.gif);
			background-repeat: no-repeat;
			background-position: center bottom;
			text-align:center;
			}
		.how{width:72px;height:30px;
			
			text-align:center;}
		.how_on{
			width:72px;
			height:30px;
			background-image: url(../images/pagina_attiva.gif);
			background-repeat: no-repeat;
			background-position: center bottom;
			text-align:center;
			}
		.about{
		width:59px;
			height:30px;
			
			text-align:center;}
		.about_on{
			width:59px;
			height:30px;
			background-image: url(../images/pagina_attiva.gif);
			background-repeat: no-repeat;
			background-position: center bottom;
			text-align:center;
			}
#content h1{
	width:700px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:27px;
	color:#343434;
	float:left;
	text-align:left;
	margin-top:10px;
	}
	#content span{
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	width:650px;
	left:20px;
	line-height:20px;
	float:left;
	color:#000000;
	display:block;
	position:relative;
	text-align:left;
		}
	#demo{
		position:relative;
		display:block;
		float:right;
		right:20px;
		top: -20px;
		}
	#products{
	width:980px;
	height:235px;
	float:left;
	margin-top:10px;
		}
		#prod_1{
			left:20px;
			float:left;
			display:block;
			position:relative;
			width:219px;
			height:197px;
			background-image: url(../images/prod_1.gif);
			background-repeat: no-repeat;
			background-position: bottom;
			}
			#prod_1 h1{width:100px; text-align:right; font-size:24px;color:#003bff; right:10px; position:relative; display:block; float:right;}
			#prod_1 div{float:left;}
			#prod_1 ul{
	list-style-type:disc;
	list-style-position:inside;
	display:block;
	top:5px;
	float:left;
	position:relative;
	display:block;
	width:200px;
	font-size:13px;
	font-weight:normal;
	color:#FFF;
	height:105px;
	left:10px;
				}
			#prod_1 .testo_prezzo{
				text-align:right;
				position:relative;
				color:#FFF;
				font-weight:normal;
				font-size:14px;
				width:205px;
				}
			#prod_1 .testo_prezzo b{font-size:24px;font-weight:normal;}
		#prod_2{
			left:40px;
			float:left;
			display:block;
			position:relative;
			width:219px;
			height:197px;
			background-image: url(../images/prod_2.gif);
			background-repeat: no-repeat;
			background-position: bottom;
			}
			#prod_2 h1{width:145px; text-align:right; font-size:24px;color:#ff4600; right:10px;position:relative; display:block; float:right;}
			#prod_2 div{float:left;}
			#prod_2 ul {
	list-style-type:disc;
	list-style-position:inside;
	display:block;
	top:5px;
	float:left;
	position:relative;
	display:block;
	width:200px;
	font-size:13px;
	font-weight:normal;
	color:#FFF;
	height:105px;
	left:10px;
				}
			#prod_2 .testo_prezzo{
				text-align:right;
				position:relative;
				color:#FFF;
				font-weight:normal;
				font-size:14px;
				width:205px;
				}
			#prod_2 .testo_prezzo b{font-size:24px;font-weight:normal;}
		#prod_3{
			left:60px;
			float:left;
			display:block;
			position:relative;
			width:219px;
			height:197px;
			background-image: url(../images/prod_3.gif);
			background-repeat: no-repeat;
			background-position: bottom;
			}
			#prod_3 h1{width:120px; text-align:right; font-size:24px;color:#810000; right:10px;position:relative; display:block; float:right;}
			#prod_3 div{float:left;}
			#prod_3 ul {
	list-style-type:disc;
	list-style-position:inside;
	display:block;
	top:5px;
	float:left;
	position:relative;
	display:block;
	width:200px;
	font-size:13px;
	font-weight:normal;
	color:#FFF;
	height:105px;
	left:10px;
				}
			#prod_3 .testo_prezzo{
				text-align:right;
				position:relative;
				color:#FFF;
				font-weight:normal;
				font-size:14px;
				width:205px;
				}
			#prod_3 .testo_prezzo b{font-size:24px;font-weight:normal;}
		#prod_4{
			left:80px;
			float:left;
			display:block;
			position:relative;
			width:219px;
			height:197px;
			background-image: url(../images/prod_4.gif);
			background-repeat: no-repeat;
			background-position: bottom;
			}
			#prod_4 h1{width:100px; text-align:right; font-size:24px;color:#7b7700; right:10px;position:relative; display:block; float:right;}
			#prod_4 div{float:left;}
			#prod_4 ul {
	list-style-type:disc;
	list-style-position:inside;
	display:block;
	top:5px;
	float:left;
	position:relative;
	display:block;
	width:200px;
	font-size:13px;
	font-weight:normal;
	color:#FFF;
	height:105px;
	left:10px;
				}
			#prod_4 .testo_prezzo{
				text-align:right;
				position:relative;
				color:#FFF;
				font-weight:normal;
				font-size:14px;
				width:205px;
				}
			#prod_4 .testo_prezzo b{font-size:24px;font-weight:normal;}
.invitoazione {
	color:#555; 
	font-size:10px;
	margin-top:8px; 
	margin-left:-15px;
	}
	.invitoazione a:hover{
	font-weight:bold;
	}
	.invitoazione a:hover{
	font-weight:bold;
	}
#lead_news{
	float:left;	
	}
.news{
	margin-top:20px;
	width:750px;
	float:left;
	text-align:left;
	margin-left: 20px;
	}
.news h2{
		font-size: 20px;
		font-weight: bold;	
		}
		#lead_news {
			font-size: 12px;
			float:left;
			display:block;
			position:relative;
			}
			
			.news_img{
	margin-top:20px;
	width:120px;
	height:80px;
	float:left;
	text-align:center;
	margin-left: 30px;
	}
#footer{
	height:80px;
	position:relative;
	top:30px;
	background-color:#f7f7f7;
	clear:both;
	padding:10px;
	text-align:center;
	}

