body,html {
	background: #000;
	font-weight: normal;
	font-family: verdana, arial, helvetica, san serif;
	font-size: 12px;
	margin: 0 auto;
}

h1 {
	font-weight: bold;
	font-family: arial, verdana, helvetica;
	font-size: 19px;
	color: #c20000;
}
h2 {
	font-weight: bold;
	font-family: arial, verdana, helvetica;
	font-size: 19px;
	color: #c20000;
}


.clean{
	clear: both;
}

a {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}

img {
	border: 0;
}

/* principale */
#container {
	width: 960px;
	margin: 0 auto;
}

	/* menu */ 
	#container #menu {
		width: 940px;
		height: 50px;
		float: left;
		padding: 0 0 0 20px;
		background-color: #222;
		line-height: 50px;
		color: #fff;
	}
	
			#container #menu a {
				width: 80px;
				height: 50px;	
				color: #fff;
				float: left;
				text-align: center;
			}
			
			#container #menu a:hover{
				color: #b4b4b4;
			}
			
			#container #menu a.active{
				color: #b4b4b4;
			}
			
			#container #menu .separatore {
				width: 10px;
				float: left;
			}
	
	/* emozionale */
	#container #emozionale {
		width: 960px;
		height: 290px;
		float: left;
		background-color: #fff;
		/* problema ie 7 */
	}
	/* emozionale */
	#container #emozionale2 {
		width: 960px;
		height: 290px;
		float: left;
		background-color: #fff;
		/*z-index: -100;*/
	}

	/*fascia*/
	#container #fascia {
		width: 960px;
		height: 147px;
		float: left;
		background: url('../images/common/fascia.png');
		margin: -23px 0 0 0;
	}
		
		#container #fascia .logo {
			width:430px;
			height: 124px;
			float: left;
			background: url('../images/common/logo.png') no-repeat;
			border-right: #cfcfcf solid 2px;
			margin: 23px 0 0 0;
		}
		
		#container #fascia .news {
			width: 272px;
			height: 108px;
			float: left;
			margin: 40px 0 0 15px;
			color: #fff;
			line-height: 15px;
		}
		
		#container .img-pneumatici {
			width: 241px;
			position: absolute;
			top: 330px;
			left: 912px;
			z-index: 1000;
		}
			#container .img-pneumatici img {
				height: 135px;
			}
		
	#container #menu-servizi {
		float: left;
		background: #444;
		width: 960px;
		height: 40px;
		
	}
	
	#container #main #contenitore {
		width: 940px;
		float: left;
		background-color: #cfcfcf;
		padding: 10px 10px 30px 10px;
	}


	#container #main #contenitore .left {
		float: left;
		width: 530px;
	}
	
	#container #main #contenitore .right {
		float: left;
		width: 400px;
	}
	
	/* news */
		#container #main #contenitore .focus {
			float: left;
			display: block;
			width: 28%;
			text-align: left;
			margin: 0 10px;
		}
			#container #main #contenitore .focus img {
				float: left;
			}
			#container #main #contenitore .focus div {
				float: left;
				text-align: left;
			}
			
		#container #main #contenitore .news-list {
			float: left;
			width: 430px;
			height: 160px;
		}
			#container #main #contenitore .news-list .pic {
				float: left;
				width: 150px;
				line-height: 160px;
				text-align: center;
			}
			#container #main #contenitore .news-list .testo {
				float: left;
				width: 250px;
				height: 160px;
				margin: 0 10px;
			}

			#container #main #contenitore .foto {
				float: left;
				width: 160px;
			}
			#container #main #contenitore .text {
				float: left;
				width: 650px;
				margin-top: -20px;
			}
		
		
		
	/* news */

/*pagine sito*/	
		#container #main #contenitore #testo-rivenditori {
			font-size: 14px;
			width: 300px;
			height: 20px;
			margin: 30px 0 0 15px;
			float: left;

		}
		
		#container #main #contenitore #gruppo-img {
			width: 500px;
			height: 225px;
			float: left;
			margin: 30px 0 0 15px;
		}
		
		#container #main #gruppo-img .img-logo{
			float: left;
			margin: 0 10px 25px 10px;
			
		}
		
		#container #main #contenitore #testo-home {
			width: 350px;
			height: 380px;
			font-size: 11px;
			float: right;
			margin: -35px 45px -45px 0;
			text-align: justify;
		}
		
		#container #main #contenitore #img-chi{
			float: left;
			width: 250px;
			margin: 24px 0 0 17px;
		}
		
		#container #main #contenitore #officina{
			float: left;
			width: 300px;
			margin: 24px 0 0 17px;
		}
			#container #main #contenitore #officina img {
				float: left;
				margin: 5px;
				border: 3px solid #c00;
			}
		#container #main #contenitore #autofficina {
			width: 500px;
			float: left;
			margin: 25px 20px 40px 65px;
			text-align: justify;
		}
		
		
		#container #main #contenitore #chi-siamo {
			width: 550px;
			float: left;
			margin: 20px 20px 40px 65px;
			text-align: justify;
		}

		
	/*servizi*/
	#container #menu-servizi .voce {
		float: left;
		display: block;
		width: 240px;
		text-align: center;
	}
		#container #menu-servizi .voce a {
			float: left;
			display: block;
			width: 240px;
			line-height: 40px;
			font-weight: bold;
			color: #fff;
			text-align: center;
			text-transform: uppercase;
		}
		#container #menu-servizi .voce a:hover {
			float: left;
			display: block;
			background: #777;
			color: #000;
		}
		#container #menu-servizi .active a {
			float: left;
			display: block;
			background: #777;
			width: 240px;
			line-height: 40px;
			font-weight: bold;
			color: #000;
			text-align: center;
			text-transform: uppercase;
		}
	
	
	#container #main #contenitore .pic {
		float: left;
		width: 620px;
	}
		#container #main #contenitore .pic img {
			float: left;
			margin: 10px 5px;
		}
	#container #main #contenitore .testo {
		float: left;
		width: 320px;
		margin-top: 10px;
		
	}
	
	#container #main #contenitore .testo2 {
		float: left;
		width: 700px;
		margin-top: 10px;
	}
	#container #main #contenitore .pic2 {
		float: left;
		width: 220px;
	}
		#container #main #contenitore .pic2 img {
			margin: 10px 5px;
		}
	
	#container #main #contenitore .pic3 {
		float: left;
		width: auto;
		/* ie7 */
		#width: 620px;
	}
		#container #main #contenitore .pic3 img {
			float: left;
			margin: 10px 2px;
		}
	/*footer*/
	#container #footer {
		width: 940px;
		float: left;
		background-color: #222;
		font-size: 10px;
		color: #fff;
		padding: 10px;
	}
		#container #footer a {
			color: #fff;
		}
		#container #footer b {
			color: #fff;
		}