/* CSS Document */
body {
	background: #B7BCC3 url(http://www.ciarrocchi.it/i/body.gif) repeat-x;
	font: 12px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	line-height:1.5em;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:12px;
	}
#dio { 
	margin: 0 auto !important; 
	padding: 0 !important;
	width:687px;
	background:#fff;
	}
#contatore { 
	margin: 0 auto !important; 
	padding: 0 !important;
	width:687px;
	background:transparent;
	}
#contatore img{
float:right;
	}

#header { 
	text-align: left; 
	margin: 0 auto !important; 
	width: 687px; 
	padding: 0 !important;
	background: transparent url(http://www.ciarrocchi.it/i/head.gif) no-repeat;
	}
#main {
	border-left: 1px solid #999; 
	border-right: 1px solid #999; 
	border-bottom: 1px solid #999; 
	background: transparent;  
	margin: -5px auto 0 auto !important;
	padding:0 !important;  
	width: 687px; 
 	voice-family: "\"}\""; 
  	voice-family:inherit;
  	width:685px;
	}

#main #container {
	background: transparent; 
	padding-top: 20px;
	margin:0 auto !important;
	}
#sidebar { 
	width:167px; 
	float:left; 
	margin:0 0 0 10px; 
	padding-top: 0px; 
	padding-bottom:30px; 
	background: transparent;
	voice-family:"\"}\"";
	voice-family:inherit;
	margin:0 0 0 0px; 
	padding: 0 0 0 30px;
	 }
#content { 
	width:430px; 
	float:left;
	margin:0 0 0 20px;
	padding: 0 0 0 20px;
	background-color:transparent;
	color:#666666;
	}
#content h1 { 
	margin: 0;
	}
#content2 { 
	width:681px; 
	float:left;
	margin:0 auto;
	background-color:transparent;
	color:#666666;
	}

div.ad {
	margin: 10px 0 30px;
	}

#footer {
	text-align:center;
	font: 10px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	border-top: 1px solid #a1a5a9; 
	padding-top: 0;
	color:#666;
	}

div.clearer {
	clear: both; 

	}

.sosumi {
	text-align:center;
	font-size: 10px !important; 
	color: #76797c;
	}
	
#map{
	font: verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	margin: 0 0 0 80px;
	font-weight:normal !important;
	}
#map ol{
	list-style-image: url(http://www.ciarrocchi.it/i/sm-folde.gif);
	font-size:22px !important;
	color: #CC6600 !important;
	font-weight:normal !important;
	}
ul.first {
	color:#666666;
	font-size:18px;
	list-style-image: url(http://www.ciarrocchi.it/i/sm.gif);
	line-height:1.5em;
	font-weight:normal !important;
	}
ul.second {
	color:#666666;
	font-size:14px;
	list-style-image: url(http://www.ciarrocchi.it/i/sec.gif);
	line-height:1.4em;
	font-weight:normal !important;
	}
ul.tre {
	color:#666666;
	font-size:12px;
	list-style-image: url(http://www.ciarrocchi.it/i/tre.gif);
	line-height:1.4em;
	font-weight:normal !important;
	}

#content2 #map a:link, #content2 #map a:visited {
	color: #747A85;
	background:transparent;
	text-decoration:none !important;
	line-height:1.3em;
		}
		
#content2 #map a:hover {
	color: #666;
	background:#ccc;
	text-decoration:none !important;
	line-height:1.3em;
	}


#content2 a:link, #content2 a:visited {
	color: #747A85;
	font-weight:bold;
	background:transparent;
	text-decoration:underline !important;
	line-height:1.3em;
		}
		
#content2 a:hover {
	color: #666;
	background:#ccc;
	font-weight:bold;
	text-decoration:none !important;
	line-height:1.3em;
	}
	
#footer a:link, #content2 a:visited {
	color: #747A85;
	font-weight:bold;
	background:transparent;
	text-decoration:underline !important;
	line-height:1.3em;
		}
		
#footer a:hover {
	color: #666;
	background:#ccc;
	font-weight:bold;
	text-decoration:none !important;
	line-height:1.3em;
	}

/*SIDEBAR NAVIGATION*/
.subnav
{	display: block;
	margin:0 ;
	width: 165px;
	float: left;
}

.list .title
{
	background-color: rgb(236,236,236);
	display: block;
	margin: 0 0 5px 0;
	width: 165px;	
}


.list h2{

    background: url(http://www.ciarrocchi.it/i/cp_newto.gif) no-repeat top center;
	color: white;
	font: 9px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	padding: 6px 0px 2px 6px;
	font-weight: bold;
	margin:0;
	text-align: left;
}	


.list ol{
	margin:-5px 0 0 0;
	padding:0;
	background-color: rgb(236,236,236) !important;
	border-left:1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 10px 0 10px 0;
}

.list li
{
	margin-left: 0;
	display: block;
	background-color: rgb(236,236,236);
	padding: 2px 5px 2px 6px;
	font: 9px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	line-height: 13px;
	color: #778087;
}

.list li a{
	background-color: rgb(236,236,236);
	display: block;
	text-align: left;
	font: 9px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	line-height: 13px;
	color: #778087;
	text-decoration: none;
	clear: right;
	margin: 0;
}

.list ul{
	background-color: rgb(236,236,236);
	display: block;
	text-align: left;
	font: 9px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	line-height: 13px;
	color: #778087;
	text-decoration:none;
	clear: right;
	margin: 0 ;
}

#main #sidebar a:link, a:visited {
	color:#666666;
	text-decoration: none;
	background-color: transparent;
	font-weight:normal !important;
	}
	
#main #sidebar  a:hover { color:#663; background:#ccc; text-decoration: none !important; font-weight:normal !important; }

.tres {
	margin-left:0; 
	padding-left:1em; 
	list-style:none; }
.tref {
	margin-left:0; 
	padding-left:1em; 
	list-style:none; }
.quat {
	margin-left:0; 
	padding-left:1em; 
	list-style:none; }
.subnav img{
	border:0;
	/*margin:0;*/
	margin: -5px 0 0 0 !important;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	margin:0 0 0 1px;
	}
/*\*//*/
.subnav img{
		margin: 0 auto !important ;
		}
/**/

/*nav principale*/
#nav	{
	width: 687px;
	height: 24px;
	border: 0;
	padding: 0 !important;
	margin: -5px 0 0 0 !important;
	}
	
#nav ul	{
	width: /*411px;*/ 687px;
	height: 24px;
	background:  url(http://www.ciarrocchi.it/i/nav.gif);
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
	}
	
#nav ul li	{
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#nav ul li, #nav a	{
	height: 24px;
	display: block;
	}

#nav ul li a	{
	text-indent: -9999px; 
	text-decoration: none;
	}
	
#mn1 {left: 0; width: 73px;}
#mn2 {left: 73px; width: 78px;}
#mn3 {left: 151px; width: 76px;}
#mn4 {left: 227px; width: 73px;}
#mn5 {left: 300px; width: 79px;}
#mn6 {left: 379px; width: 58px;}



#mn1 a:hover {background: transparent url(http://www.ciarrocchi.it/i/nav.gif) 0 -24px no-repeat;}
#mn2 a:hover {background: transparent url(http://www.ciarrocchi.it/i/nav.gif) -73px -24px no-repeat;}
#mn3 a:hover {background: transparent url(http://www.ciarrocchi.it/i/nav.gif) -151px -24px no-repeat;}
#mn4 a:hover {background: transparent url(http://www.ciarrocchi.it/i/nav.gif) -227px -24px no-repeat;}
#mn5 a:hover {background: transparent url(http://www.ciarrocchi.it/i/nav.gif) -300px -24px no-repeat;}
#mn6 a:hover {background: transparent url(http://www.ciarrocchi.it/i/nav.gif) -379px -24px no-repeat;}


/*
#mn1 {left: 0; width: 67px;}
#mn2 {left: 67px; width: 68px;}
#mn3 {left: 135px; width: 68px;}
#mn4 {left: 203px; width: 69px;}
#mn5 {left: 272px; width: 73px;}
#mn6 {left: 365px; width: 79px;}


#mn1 a:hover {background: transparent url(http://www.ciarrocchi.it/i/nav.gif) 0 -24px no-repeat;}
#mn2 a:hover {background: transparent url(http://www.ciarrocchi.it/i/nav.gif) -67px -24px no-repeat;}
#mn3 a:hover {background: transparent url(http://www.ciarrocchi.it/i/nav.gif) -135px -24px no-repeat;}
#mn4 a:hover {background: transparent url(http://www.ciarrocchi.it/i/nav.gif) -203px -24px no-repeat;}
#mn5 a:hover {background: transparent url(http://www.ciarrocchi.it/i/nav.gif) -272px -24px no-repeat;}
#mn6 a:hover {background: transparent url(http://www.ciarrocchi.it/i/nav.gif) -365px -24px no-repeat;}
*/

/*---------------------------------------*/
/*SUBB */
#sub	{
	width: 687px;
	display:block;
	padding: 0;
	margin: 0;
	height: 30px;
	background:  #DBDBDB url(http://www.ciarrocchi.it/i/header_b.jpg) bottom left no-repeat !important;
	color: #999;
	

	}

.subb	{
	float:right;
	height: 24px;
	margin: 0;
	padding: 0px 20px 8px 0;
	position: relative;
	}
	
#sub a:link, #sub a:visited {
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #999 !important; 
	text-decoration: none;
	}
	#sub a:hover {
	color: #999;
	background:#ccc; 
	}
#sub a:active {
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #999; 
	text-decoration: none;
	}

/*---------------------------------------------------*/
#pa {position: relative; margin: 10px 0; padding: 3px; width: 181px; height: 126px; background: url(http://www.ciarrocchi.it/i/papa.gif);}
#pa li {width: 187px; height: 132px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/papa.gif) 0 0 no-repeat; display: block; list-style: none;}
#pa a {width: 187px; height: 132px; display: block; border: 0;}
#pa a:hover {border: 0;}
#pa #pa1 {left: 0px;}
#pa #pa1 a:hover {background: url(http://www.ciarrocchi.it/i/papa.gif) -0px -132px no-repeat;}

#tra {position: relative; margin: 10px 0;  width: 92px; height: 162px; background: url(http://www.ciarrocchi.it/i/tra.gif);}
#tra li {width: 138px; height: 168px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/tra.gif) 0 0 no-repeat; display: block; list-style: none;}
#tra a {width: 138px; height: 168px; display: block; border: 0;}
#tra a:hover {border: 0;}
#tra #tra1 {left: 0px;}
#tra #tra1 a:hover {background: url(http://www.ciarrocchi.it/i/tra.gif) -0px -168px no-repeat;}

#adesivo {position: relative; margin: 10px 0; padding:3px; width:152px; height:67px; background: url(http://www.ciarrocchi.it/i/adesivo.jpg);}
#adesivo li {width: 158px; height: 73px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/adesivo.jpg) 0 0 no-repeat; display: block; list-style: none;}
#adesivo a {width: 158px; height: 73px; display: block; border: 0;}
#adesivo a:hover {border: 0;}
#adesivo #adesivo1 {left: 0px;}
#adesivo #adesivo1 a:hover {background: url(http://www.ciarrocchi.it/i/adesivo.jpg) -0px -73px no-repeat;}

#fattura {position: relative; margin: 10px 0;  width: 104px; height: 193px; background: url(http://www.ciarrocchi.it/i/fattura.jpg);}
#fattura li {width: 150px; height: 199px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/fattura.jpg) 0 0 no-repeat; display: block; list-style: none;}
#fattura a {width: 150px; height: 199px; display: block; border: 0;}
#fattura a:hover {border: 0;}
#fattura #fattura1 {left: 0px;}
#fattura #fattura1 a:hover {background: url(http://www.ciarrocchi.it/i/fattura.jpg) -0px -199px no-repeat;}






/* Animatronic thumbnails, y'all */
DIV.newsitem {
	BORDER-TOP-WIDTH: 0px; CLEAR: left; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: -10px 0 -10px 0; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px;
}

/*Banchi mobili*/

.newsitem DIV.brb/*w:174 h:113*/ {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; 	background:url(http://www.ciarrocchi.it/i/brb.jpg) no-repeat 0px -65px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 10px 10px 10px 0px; WIDTH: 100px; PADDING-TOP: 0px; HEIGHT: 65px;
}
.newsitem DIV.brb A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(http://www.ciarrocchi.it/i/brb.jpg) no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT: 100%; TEXT-DECORATION: none;
}
.newsitem DIV.brb A:hover {
	BACKGROUND: url(http://www.ciarrocchi.it/i/brb.jpg) no-repeat 0px 65px;
}

.newsitem DIV.brb2/*w:174 h:131 (x brb2-3-4*/ {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; 	background:url(http://www.ciarrocchi.it/i/brb2.jpg) no-repeat 0px -75px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 10px 10px 10px 0px; WIDTH: 100px; PADDING-TOP: 0px; HEIGHT: 75px;
}
.newsitem DIV.brb2 A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(http://www.ciarrocchi.it/i/brb2.jpg) no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT: 100%; TEXT-DECORATION: none;
}
.newsitem DIV.brb2 A:hover {
	BACKGROUND: url(http://www.ciarrocchi.it/i/brb2.jpg) no-repeat 0px 75px;
}

.newsitem DIV.brb3 {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; 	background:url(http://www.ciarrocchi.it/i/brb3.jpg) no-repeat 0px -75px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 10px 10px 10px 0px; WIDTH: 100px; PADDING-TOP: 0px; HEIGHT: 75px;
}
.newsitem DIV.brb3 A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(http://www.ciarrocchi.it/i/brb3.jpg) no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT: 100%; TEXT-DECORATION: none;
}
.newsitem DIV.brb3 A:hover {
	BACKGROUND: url(http://www.ciarrocchi.it/i/brb3.jpg) no-repeat 0px 75px;
}
.newsitem DIV.brb4 {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; 	background:url(http://www.ciarrocchi.it/i/brb4.jpg) no-repeat 0px -75px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 10px 10px 10px 0px; WIDTH: 100px; PADDING-TOP: 0px; HEIGHT: 75px;
}
.newsitem DIV.brb4 A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(http://www.ciarrocchi.it/i/brb4.jpg) no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT: 100%; TEXT-DECORATION: none;
}
.newsitem DIV.brb4 A:hover {
	BACKGROUND: url(http://www.ciarrocchi.it/i/brb4.jpg) no-repeat 0px 75px;
}
.newsitem div p {
	margin:0;}

.newsitem div span {
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	}
	
	
/*DENIOCCIOLATRICE*/
#den {position: relative; margin: 10px 0; padding: 3px; width: 104px; height: 140px; background: url(http://www.ciarrocchi.it/i/den1.gif);}
#den li {width: 110px; height: 146px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/den1.gif) 0 0 no-repeat; display: block; list-style: none;}
#den a {width: 110px; height: 146px; display: block; border: 0;}
#den a:hover {border: 0;}
#den #den1 {left: 0px;}
#den #den1 a:hover {background: url(http://www.ciarrocchi.it/i/den1.gif) -0px -146px no-repeat;}	



#denall {position: relative; margin: 10px 0; padding: 3px; width: 394px; height: 92px; background: url(http://www.ciarrocchi.it/i/denall.gif);}
#denall li {width: 130px; height: 98px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/denall.gif) 0 0 no-repeat; display: block; list-style: none;}
#denall a {width: 130px; height: 98px; display: block; border: 0;}
#denall a:hover {border: 0;}

#denall #denall1 {left: 0px;}
#denall #denall2 {left: 135px; background-position: -135px 0;}
#denall #denall3 {left: 270px; background-position: -270px 0;}


#denall #denall1 a:hover {background: url(http://www.ciarrocchi.it/i/denall.gif) -0px -98px no-repeat;}
#denall #denall2 a:hover {background: url(http://www.ciarrocchi.it/i/denall.gif) -135px -98px no-repeat;}
#denall #denall3 a:hover {background: url(http://www.ciarrocchi.it/i/denall.gif) -270px -98px no-repeat;}

	
/*-------CARPENTERIA-------------*/
div.products	{
	margin: 0px 0 13px 0;
	padding: 0;
	clear: left;
	border: 0;
	}

.products div span {
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	}
/*---PUNZONATRICE-------*/
.products div.punzonatrice	{
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	width: 181px;
	height: 136px;
	background: transparent url(http://www.ciarrocchi.it/i/punzonatrice.gif) 0 -136px no-repeat;
	}
	
.products div.punzonatrice a {
	display: block;
	margin: 0; 
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: transparent url(http://www.ciarrocchi.it/i/punzonatrice.gif) top left no-repeat;
	}
	
.products div.punzonatrice a:hover {
	background: transparent url(http://www.ciarrocchi.it/i/punzonatrice.gif) 0 136px no-repeat;
	}
/*------------PLASMA-------------------*/
.products div.plasma	{
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	width: 181px;
	height: 120px;
	background: transparent url(http://www.ciarrocchi.it/i/plasma.gif) 0 -120px no-repeat;
	}
	
.products div.plasma a {
	display: block;
	margin: 0; 
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: transparent url(http://www.ciarrocchi.it/i/plasma.gif) top left no-repeat;
	}
	
.products div.plasma a:hover {
	background: transparent url(http://www.ciarrocchi.it/i/plasma.gif) 0 120px no-repeat;
	}
	
/*------------ossi-------------------*/
.products div.ossi	{
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	width: 181px;
	height: 136px;
	background: transparent url(http://www.ciarrocchi.it/i/ossi.gif) 0 -136px no-repeat;
	}
	
.products div.ossi a {
	display: block;
	margin: 0; 
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: transparent url(http://www.ciarrocchi.it/i/ossi.gif) top left no-repeat;
	}
	
.products div.ossi a:hover {
	background: transparent url(http://www.ciarrocchi.it/i/ossi.gif) 0 136px no-repeat;
	}
	/*------------pressa-------------------*/
.products div.pressa	{
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	width: 181px;
	height: 140px;
	background: transparent url(http://www.ciarrocchi.it/i/pressa.gif) 0 -140px no-repeat;
	}
	
.products div.pressa a {
	display: block;
	margin: 0; 
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: transparent url(http://www.ciarrocchi.it/i/pressa.gif) top left no-repeat;
	}
	
.products div.pressa a:hover {
	background: transparent url(http://www.ciarrocchi.it/i/pressa.gif) 0 140px no-repeat;
	}
	
/*CESOIE*/
	/*------------pressa-------------------*/
.products div.cesoie	{
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	width: 181px;
	height: 136px;
	background: transparent url(http://www.ciarrocchi.it/i/cesoie.jpg) 0 -136px no-repeat;
	}
	
.products div.cesoie a {
	display: block;
	margin: 0; 
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: transparent url(http://www.ciarrocchi.it/i/cesoie.jpg) top left no-repeat;
	}
	
.products div.cesoie a:hover {
	background: transparent url(http://www.ciarrocchi.it/i/cesoie.jpg) 0 136px no-repeat;
	}
/*--------------STAFF-------------*/
div.staff	{
	margin: 2px 0 13px 0;
	padding: 0;
	clear: left;
	border: 0;
	}

.staff div span {
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	}

.staff div.massimo	{
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	width: 100px;
	height: 95px;
	background: transparent url(http://www.ciarrocchi.it/i/massimo.jpg) 0 -95px no-repeat;
	}
	
.staff div.massimo a {
	display: block;
	margin: 0; 
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: transparent url(http://www.ciarrocchi.it/i/massimo.jpg) top left no-repeat;
	}
	
.staff div.massimo a:hover {
	background: transparent url(http://www.ciarrocchi.it/i/massimo.jpg) 0 95px no-repeat;
	}

.staff div.stefano	{
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	width: 100px;
	height: 95px;
	background: transparent url(http://www.ciarrocchi.it/i/stefano.jpg) 0 -95px no-repeat;
	}
	
.staff div.stefano a {
	display: block;
	margin: 0; 
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: transparent url(http://www.ciarrocchi.it/i/stefano.jpg) top left no-repeat;
	}
	
.staff div.stefano a:hover {
	background: transparent url(http://www.ciarrocchi.it/i/stefano.jpg) 0 95px no-repeat;
	}
	
.staff div.claudio	{
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	width: 100px;
	height: 95px;
	background: transparent url(http://www.ciarrocchi.it/i/claudio.jpg) 0 -95px no-repeat;
	}
	
.staff div.claudio a {
	display: block;
	margin: 0; 
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: transparent url(http://www.ciarrocchi.it/i/claudio.jpg) top left no-repeat;
	}
	
.staff div.claudio a:hover {
	background: transparent url(http://www.ciarrocchi.it/i/claudio.jpg) 0 95px no-repeat;
	}
	
	
.staff div.paola	{
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	width: 100px;
	height: 95px;
	background: transparent url(http://www.ciarrocchi.it/i/paola.jpg) 0 -95px no-repeat;
	}
	
.staff div.paola a {
	display: block;
	margin: 0; 
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: transparent url(http://www.ciarrocchi.it/i/paola.jpg) top left no-repeat;
	}
	
.staff div.paola a:hover {
	background: transparent url(http://www.ciarrocchi.it/i/paola.jpg) 0 95px no-repeat;
	}


/*INFISSI*/
/*--------------STAFF-------------*/
div.finetre	{
	margin: 2px 0 13px 0;
	padding: 0;
	clear: left;
	border: 0;
	}

.finetre div span {
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	}

.finestre div.52tt	{
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	width: 217px;
	height: 205px;
	background: transparent url(http://www.ciarrocchi.it/i/52tt.gif) 0 -205px no-repeat;
	}
	
.finestre div.52tt a {
	display: block;
	margin: 0; 
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: transparent url(http://www.ciarrocchi.it/i/52tt.gif) top left no-repeat;
	}
	
.finestre div.52tt a:hover {
	background: transparent url(http://www.ciarrocchi.it/i/52tt.gif) 0 205px no-repeat;
	}
	
/*PRODOTTI*/
#prodo{
	float:left;
	 margin:0;
	padding:0;
	width:200px;
		}
#prodo2{
	float:right;
	margin:0;
	padding:0;
	width:200px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	padding:0 20px 0 0 !important;	
}


DIV.marchi {
	BORDER-TOP-WIDTH: 0px; CLEAR: left; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px;
}

/*loghi*/
.marchi DIV.bertolini {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; 	background:url(http://www.ciarrocchi.it/i/bertolini.png) no-repeat 0px -130px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 10px 10px 5px 0px; WIDTH: 100px; PADDING-TOP: 0px; HEIGHT: 130px; display:inline;
}
.marchi DIV.bertolini A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(http://www.ciarrocchi.it/i/bertolini.png) no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT: 100%; TEXT-DECORATION: none;
}
.marchi DIV.bertolini A:hover {
	BACKGROUND: url(http://www.ciarrocchi.it/i/bertolini.png) no-repeat 0px 130px;
}
/*-------------*/
.marchi DIV.bpumps {
	PADDING-RIGHT: 0px; DISPLAY:block; PADDING-LEFT: 0px; 	background:url(http://www.ciarrocchi.it/i/bpumps.png) no-repeat 0px -51px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 10px 10px 5px 0px; WIDTH: 131px; PADDING-TOP: 0px; HEIGHT: 51px;
}
.marchi DIV.bpumps A {
	PADDING-RIGHT: 0px; DISPLAY:block; PADDING-LEFT: 0px; BACKGROUND: url(http://www.ciarrocchi.it/i/bpumps.png) no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT: 100%; TEXT-DECORATION: none;
}
.marchi DIV.bpumps A:hover {
	BACKGROUND: url(http://www.ciarrocchi.it/i/bpumps.png) no-repeat 0px 51px;
}
/*-------------*/
.marchi DIV.annovi {
	PADDING-RIGHT: 0px; DISPLAY:block; PADDING-LEFT: 0px; 	background:url(http://www.ciarrocchi.it/i/annovi.jpg) no-repeat 0px -54px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 10px 10px 5px 0px; WIDTH: 105px; PADDING-TOP: 0px; HEIGHT: 54px;
}
.marchi DIV.annovi A {
	PADDING-RIGHT: 0px; DISPLAY:block; PADDING-LEFT: 0px; BACKGROUND: url(http://www.ciarrocchi.it/i/annovi.jpg) no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT: 100%; TEXT-DECORATION: none;
}
.marchi DIV.annovi A:hover {
	BACKGROUND: url(http://www.ciarrocchi.it/i/annovi.jpg) no-repeat 0px 54px;
}
/*-------------*/
.marchi DIV.zenoah {
	PADDING-RIGHT: 0px; DISPLAY:block; PADDING-LEFT: 0px; 	background:url(http://www.ciarrocchi.it/i/zenoah.png) no-repeat 0px -68px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 10px 10px 5px 0px; WIDTH: 153px; PADDING-TOP: 0px; HEIGHT: 68px;
}
.marchi DIV.zenoah A {
	PADDING-RIGHT: 0px; DISPLAY:block; PADDING-LEFT: 0px; BACKGROUND: url(http://www.ciarrocchi.it/i/zenoah.png) no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT: 100%; TEXT-DECORATION: none;
}
.marchi DIV.zenoah A:hover {
	BACKGROUND: url(http://www.ciarrocchi.it/i/zenoah.png) no-repeat 0px 68px;
}
/*-------------*/
.marchi DIV.harry {
	PADDING-RIGHT: 0px; DISPLAY:block; PADDING-LEFT: 0px; 	background:url(http://www.ciarrocchi.it/i/harry.png) no-repeat 0px -22px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 10px 10px 5px 0px; WIDTH: 190px; PADDING-TOP: 0px; HEIGHT: 22px;
}
.marchi DIV.harry A {
	PADDING-RIGHT: 0px; DISPLAY:block; PADDING-LEFT: 0px; BACKGROUND: url(http://www.ciarrocchi.it/i/harry.png) no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT: 100%; TEXT-DECORATION: none;
}
.marchi DIV.harry A:hover {
	BACKGROUND: url(http://www.ciarrocchi.it/i/harry.png) no-repeat 0px 22px;
}
/*-------------*/
.marchi DIV.efco {
	PADDING-RIGHT: 0px; DISPLAY:block; PADDING-LEFT: 0px; 	background:url(http://www.ciarrocchi.it/i/efco.png) no-repeat 0px -41px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 10px 10px 5px 0px; WIDTH: 172px; PADDING-TOP: 0px; HEIGHT: 41px;
}
.marchi DIV.efco A {
	PADDING-RIGHT: 0px; DISPLAY:block; PADDING-LEFT: 0px; BACKGROUND: url(http://www.ciarrocchi.it/i/efco.png) no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT: 100%; TEXT-DECORATION: none;
}
.marchi DIV.efco A:hover {
	BACKGROUND: url(http://www.ciarrocchi.it/i/efco.png) no-repeat 0px 41px;
}
/*-------------*/
.marchi DIV.coima {
	PADDING-RIGHT: 0px; DISPLAY:block; PADDING-LEFT: 0px; 	background:url(http://www.ciarrocchi.it/i/coima.png) no-repeat 0px -42px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 10px 10px 5px 0px; WIDTH: 157px; PADDING-TOP: 0px; HEIGHT: 42px;
}
.marchi DIV.coima A {
	PADDING-RIGHT: 0px; DISPLAY:block; PADDING-LEFT: 0px; BACKGROUND: url(http://www.ciarrocchi.it/i/coima.png) no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT: 100%; TEXT-DECORATION: none;
}
.marchi DIV.coima A:hover {
	BACKGROUND: url(http://www.ciarrocchi.it/i/coima.png) no-repeat 0px 42px;
}

/*-------------*/
.marchi DIV.paterlini {
	PADDING-RIGHT: 0px; DISPLAY:block; PADDING-LEFT: 0px; 	background:url(http://www.ciarrocchi.it/i/paterlini.png) no-repeat 0px -26px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 10px 10px 5px 0px; WIDTH: 149px; PADDING-TOP: 0px; HEIGHT: 26px;
}
.marchi DIV.paterlini A {
	PADDING-RIGHT: 0px; DISPLAY:block; PADDING-LEFT: 0px; BACKGROUND: url(http://www.ciarrocchi.it/i/paterlini.png) no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT: 100%; TEXT-DECORATION: none;
}
.marchi DIV.paterlini A:hover {
	BACKGROUND: url(http://www.ciarrocchi.it/i/paterlini.png) no-repeat 0px 26px;
}

/*-------------*/
.marchi DIV.castellari {
	PADDING-RIGHT: 0px; DISPLAY:block; PADDING-LEFT: 0px; 	background:url(http://www.ciarrocchi.it/i/castellari.png) no-repeat 0px -44px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 10px 10px 5px 0px; WIDTH: 205px; PADDING-TOP: 0px; HEIGHT: 44px;
}
.marchi DIV.castellari A {
	PADDING-RIGHT: 0px; DISPLAY:block; PADDING-LEFT: 0px; BACKGROUND: url(http://www.ciarrocchi.it/i/castellari.png) no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT: 100%; TEXT-DECORATION: none;
}
.marchi DIV.castellari A:hover {
	BACKGROUND: url(http://www.ciarrocchi.it/i/castellari.png) no-repeat 0px 44px;
}

/*-------------*/
.marchi DIV.cifarelli {
	PADDING-RIGHT: 0px; DISPLAY:block; PADDING-LEFT: 0px; 	background:url(http://www.ciarrocchi.it/i/cifarelli.png) no-repeat 0px -79px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 10px 10px 5px 0px; WIDTH: 190px; PADDING-TOP: 0px; HEIGHT: 79px;
}
.marchi DIV.cifarelli A {
	PADDING-RIGHT: 0px; DISPLAY:block; PADDING-LEFT: 0px; BACKGROUND: url(http://www.ciarrocchi.it/i/cifarelli.png) no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT: 100%; TEXT-DECORATION: none;
}
.marchi DIV.cifarelli A:hover {
	BACKGROUND: url(http://www.ciarrocchi.it/i/cifarelli.png) no-repeat 0px 79px;
}

/*PRODOTTI*/
/*loggiam*/
#productz {position: relative; margin: 10px 0; padding: 3px; width: 394px; height: 623px; background: url(http://www.ciarrocchi.it/i/prova.jpg);}
#productz li {width: 400px; height: 125px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/prova.jpg) 0 0 no-repeat; display: block; list-style: none;}
#productz a {width: 400px; height: 125px; display: block; border: 0;}
#productz a:hover {border: 0;}

#productz #ductz1 {left: 0px; top:0;}
#productz #ductz2 {left: 0; top:125px; background-position: 0 -125px;}
#productz #ductz3 {left:0; top:250px; background-position: 0 -250px;}
#productz #ductz4 {left: 0; top:375px; background-position: 0 -375px;}
#productz #ductz5 {left:0; top:500px; background-position: 0 -500px;}

#productz #ductz1 a:hover {background: url(http://www.ciarrocchi.it/i/prova.jpg) 0 -629px no-repeat;}
#productz #ductz2 a:hover {background: url(http://www.ciarrocchi.it/i/prova.jpg) 0 -754px no-repeat;}
#productz #ductz3 a:hover { background: url(http://www.ciarrocchi.it/i/prova.jpg) 0 -879px no-repeat;}
#productz #ductz4 a:hover {background: url(http://www.ciarrocchi.it/i/prova.jpg) 0 -1004px no-repeat;}
#productz #ductz5 a:hover { background: url(http://www.ciarrocchi.it/i/prova.jpg) 0 -1129px no-repeat;}


/*-------------*/
.marchi DIV.split {
	PADDING-RIGHT: 0px; DISPLAY:block; PADDING-LEFT: 0px; 	background:url(http://www.ciarrocchi.it/i/split.png) no-repeat 0px -31px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 10px 10px 5px 0px; WIDTH: 84px; PADDING-TOP: 0px; HEIGHT: 31px;
}
.marchi DIV.split A {
	PADDING-RIGHT: 0px; DISPLAY:block; PADDING-LEFT: 0px; BACKGROUND: url(http://www.ciarrocchi.it/i/split.png) no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT: 100%; TEXT-DECORATION: none;
}
.marchi DIV.split A:hover {
	BACKGROUND: url(http://www.ciarrocchi.it/i/split.gif) no-repeat 0px 31px;
}

/*BALAUSTRE*/
#bala {position: relative; margin: 10px 0; padding: 3px; width: 384px; height: 53px; background: url(http://www.ciarrocchi.it/i/bala.gif);}
#bala li {width: 90px; height: 59px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/bala.gif) 0 0 no-repeat; display: block; list-style: none;}
#bala a {width: 90px; height: 59px; display: block; border: 0;}
#bala a:hover {border: 0;}

#bala #b1 {left: 0px;}
#bala #b2 {left: 100px; background-position: -100px 0;}
#bala #b3 {left: 200px; background-position: -200px 0;}
#bala #b4 {left: 300px; background-position: -300px 0;}

#bala #b1 a:hover {background: url(http://www.ciarrocchi.it/i/bala.gif) -0px -59px no-repeat;}
#bala #b2 a:hover {background: url(http://www.ciarrocchi.it/i/bala.gif) -100px -59px no-repeat;}
#bala #b3 a:hover {background: url(http://www.ciarrocchi.it/i/bala.gif) -200px -59px no-repeat;}
#bala #b4 a:hover {background: url(http://www.ciarrocchi.it/i/bala.gif) -300px -59px no-repeat;}

/*cance*/
#cance {position: relative; margin: 10px 0; padding: 3px; width: 384px; height: 57px; background: url(http://www.ciarrocchi.it/i/cance.jpg);}
#cance li {width: 120px; height: 63px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/cance.jpg) 0 0 no-repeat; display: block; list-style: none;}
#cance a {width: 120px; height: 63px; display: block; border: 0;}
#cance a:hover {border: 0;}

#cance #c1 {left: 0px;}
#cance #c2 {left: 135px; background-position: -135px 0;}
#cance #c3 {left: 270px; background-position: -270px 0;}


#cance #c1 a:hover {background: url(http://www.ciarrocchi.it/i/cance.jpg) -0px -63px no-repeat;}
#cance #c2 a:hover {background: url(http://www.ciarrocchi.it/i/cance.jpg) -135px -63px no-repeat;}
#cance #c3 a:hover {background: url(http://www.ciarrocchi.it/i/cance.jpg) -270px -63px no-repeat;}

/*scale*/
#scale {position: relative; margin: 10px 0; padding: 3px; width: 390px; height: 82px; background: url(http://www.ciarrocchi.it/i/scale.jpg);}
#scale li {width: 65px; height: 88px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/scale.jpg) 0 0 no-repeat; display: block; list-style: none;}
#scale a {width: 65px; height: 88px; display: block; border: 0;}
#scale a:hover {border: 0;}

#scale #sc1 {left: 0px;}
#scale #sc2 {left: 80px; background-position: -80px 0;}
#scale #sc3 {width: 157px; left: 160px; background-position: -160px 0;}
#scale #sc4 {left: 332px; background-position: -332px 0;}

#scale #sc1 a:hover {background: url(http://www.ciarrocchi.it/i/scale.jpg) -0px -88px no-repeat;}
#scale #sc2 a:hover {background: url(http://www.ciarrocchi.it/i/scale.jpg) -80px -88px no-repeat;}
#scale #sc3 a:hover {width: 157px; background: url(http://www.ciarrocchi.it/i/scale.jpg) -160px -88px no-repeat;}
#scale #sc4 a:hover {background: url(http://www.ciarrocchi.it/i/scale.jpg) -332px -88px no-repeat;}


/*STAMPA*/
#iconmenu {position: relative; margin: 10px 0; padding: 3px; width: 400px; height: 108px; background: url(http://www.ciarrocchi.it/i/stampa1c.gif);}
#iconmenu2 {position: relative; margin: 10px 0; padding: 3px; width: 400px; height: 94px; background: url(http://www.ciarrocchi.it/i/stampa2c.gif);}
#iconmenu3 {position: relative; margin: 10px 0; padding: 3px; width: 234px; height: 90px; background: url(http://www.ciarrocchi.it/i/stampa3.jpg);}

#iconmenu li {width: 200px; height: 116px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/stampa1c.gif) 0 0 no-repeat; display: block; list-style: none;}
#iconmenu a {width: 200px; height: 116px; display: block; border: 0;}
#iconmenu a:hover {border: 0;}

#iconmenu2 li {width: 200px; height: 101px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/stampa2c.gif) 0 0 no-repeat; display: block; list-style: none;}
#iconmenu2 a {width: 200px; height: 101px; display: block; border: 0;}
#iconmenu2 a:hover {border: 0;}

#iconmenu3 li {width: 240px; height: 96px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/stampa3.jpg) 0 0 no-repeat; display: block; list-style: none;}
#iconmenu3 a {width: 240px; height: 96px; display: block; border: 0;}
#iconmenu3 a:hover {border: 0;}


#iconmenu #panel1c {left: 0px;}
#iconmenu #panel2c {left: 210px; background-position: -200px 0;}

#iconmenu2 #panel3c {left: 0px; }
#iconmenu2 #panel4c {left: 210px; background-position: -200px 0;}

#iconmenu3 #panel5c {left: 0px;}


#iconmenu #panel1c a:hover {background: url(http://www.ciarrocchi.it/i/stampa1c.gif) -0px -116px no-repeat;}
#iconmenu #panel2c a:hover {background: url(http://www.ciarrocchi.it/i/stampa1c.gif) -200px -116px no-repeat;}


#iconmenu2 #panel3c a:hover {background: url(http://www.ciarrocchi.it/i/stampa2c.gif) -0px -101px no-repeat;}
#iconmenu2 #panel4c a:hover {background: url(http://www.ciarrocchi.it/i/stampa2c.gif) -200px -101px no-repeat;}

#iconmenu3 #panel5c a:hover {background: url(http://www.ciarrocchi.it/i/stampa3.jpg) -0px -96px no-repeat;}
/*PORTFOLIO*/
/*commercio*/
#comm {position: relative; margin: 10px 0; padding: 3px; width: 197px; height: 147px; background: url(http://www.ciarrocchi.it/i/commerzio.gif);}
#comm li {width: 100px; height: 75px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/commerzio.gif) 0 0 no-repeat; display: block; list-style: none;}
#comm a {width: 100px; height: 75px; display: block; border: 0;}
#comm a:hover {border: 0;}

#comm #comm1 {left: 0px; top:0; background-position: 0 0;}
#comm #comm2 {left: 103px; background-position: -103px 0;}
#comm #comm3 {left:0; top:78px; background-position: -0px -78px;}
#comm #comm4 {left: 103px; top:78px; background-position: -103px -78px;}

#comm #comm1 a:hover {background: url(http://www.ciarrocchi.it/i/commerzio.gif) -0px -153px no-repeat;}
#comm #comm2 a:hover {background: url(http://www.ciarrocchi.it/i/commerzio.gif) -103px -153px no-repeat;}
#comm #comm3 a:hover {background: url(http://www.ciarrocchi.it/i/commerzio.gif) -0px -231px no-repeat;}
#comm #comm4 a:hover {background: url(http://www.ciarrocchi.it/i/commerzio.gif) -103px -231px no-repeat;}


/*felice*/
#felice {position: relative; margin: 10px 0; padding: 3px; width: 197px; height: 147px; background: url(http://www.ciarrocchi.it/i/felice.jpg);}
#felice li {width: 100px; height: 75px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/felice.jpg) 0 0 no-repeat; display: block; list-style: none;}
#felice a {width: 100px; height: 75px; display: block; border: 0;}
#felice a:hover {border: 0;}

#felice #f1 {left: 0px; top:0;}
#felice #f2 {left: 103px; background-position: -103px 0;}
#felice #f3 {left:0; top:78px; background-position: -0px -78px;}
#felice #f4 {left: 103px; top:78px; background-position: -103px -78px;}

#felice #f1 a:hover {background: url(http://www.ciarrocchi.it/i/felice.jpg) -0px -153px no-repeat;}
#felice #f2 a:hover {background: url(http://www.ciarrocchi.it/i/felice.jpg) -103px -153px no-repeat;}
#felice #f3 a:hover {width: 100px; background: url(http://www.ciarrocchi.it/i/felice.jpg) -0px -231px no-repeat;}
#felice #f4 a:hover {background: url(http://www.ciarrocchi.it/i/felice.jpg) -103px -231px no-repeat;}

/*loggiam*/
#loggiam {position: relative; margin: 10px 0; padding: 3px; width: 197px; height: 225px; background: url(http://www.ciarrocchi.it/i/loggia.gif);}
#loggiam li {width: 100px; height: 75px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/loggia.gif) 0 0 no-repeat; display: block; list-style: none;}
#loggiam a {width: 100px; height: 75px; display: block; border: 0;}
#loggiam a:hover {border: 0;}

#loggiam #log1 {left: 0px; top:0;}
#loggiam #log2 {left: 103px; background-position: -103px 0;}
#loggiam #log3 {left:0; top:78px; background-position: -0px -78px;}
#loggiam #log4 {left: 103px; top:78px; background-position: -103px -78px;}
#loggiam #log5 {left:0; top:156px; background-position: -0px -156px;}
#loggiam #log6 {left: 103px; top:156px; background-position: -103px -156px;}

#loggiam #log1 a:hover {background: url(http://www.ciarrocchi.it/i/loggia.gif) -0px -231px no-repeat;}
#loggiam #log2 a:hover {background: url(http://www.ciarrocchi.it/i/loggia.gif) -103px -231px no-repeat;}
#loggiam #log3 a:hover {width: 100px; background: url(http://www.ciarrocchi.it/i/loggia.gif) -0px -309px no-repeat;}
#loggiam #log4 a:hover {background: url(http://www.ciarrocchi.it/i/loggia.gif) -103px -309px no-repeat;}
#loggiam #log5 a:hover {width: 100px; background: url(http://www.ciarrocchi.it/i/loggia.gif) -0px -387px no-repeat;}
#loggiam #log6 a:hover {background: url(http://www.ciarrocchi.it/i/loggia.gif) -103px -387px no-repeat;}

/*sport*/
#sport {position: relative; margin: 10px 0; padding: 3px; width: 197px; height: 124px; background: url(http://www.ciarrocchi.it/i/sport.jpg);}
#sport li {width: 100px; height: 64px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/sport.jpg) 0 0 no-repeat; display: block; list-style: none;}
#sport a {width: 100px; height: 64px; display: block; border: 0;}
#sport a:hover {border: 0;}

#sport #spo1 {left: 0px; top:0;}
#sport #spo2 {left: 103px; background-position: -103px 0;}
#sport #spo3 {left:0; top:66px; background-position: -0px -66px;}
#sport #spo4 {left: 103px; top:66px; background-position: -103px -66px;}

#sport #spo1 a:hover {background: url(http://www.ciarrocchi.it/i/sport.jpg) -0px -130px no-repeat;}
#sport #spo2 a:hover {background: url(http://www.ciarrocchi.it/i/sport.jpg) -103px -130px no-repeat;}
#sport #spo3 a:hover {width: 100px; background: url(http://www.ciarrocchi.it/i/sport.jpg) -0px -196px no-repeat;}
#sport #spo4 a:hover {background: url(http://www.ciarrocchi.it/i/sport.jpg) -103px -196px no-repeat;}


/*OPIFICIO*/
#citerioni {position: relative; margin: 10px 0; padding: 3px; width: 197px; height: 198px; background: url(http://www.ciarrocchi.it/i/opificio.gif);}
#citerioni li {width: 100px; height: 66px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/opificio.gif) 0 0 no-repeat; display: block; list-style: none;}
#citerioni a {width: 100px; height: 66px; display: block; border: 0;}
#citerioni a:hover {border: 0;}

#citerioni #cit1 {left: 0px;}
#citerioni #cit2 {left: 103px; background-position: -103px 0;}
#citerioni #cit3 {left:0; top:69px; background-position: -0px -69px;}
#citerioni #cit4 {left: 103px; top:69px; background-position: -103px -69px;}
#citerioni #cit5 {left: 0px; top:138px; background-position: -0px -138px;}
#citerioni #cit6 { left: 103px; top:138px; background-position: -103px 382px;}

#citerioni #cit1 a:hover {background: url(http://www.ciarrocchi.it/i/opificio.gif) -0px -204px no-repeat;}
#citerioni #cit2 a:hover {background: url(http://www.ciarrocchi.it/i/opificio.gif) -103px -204px no-repeat;}
#citerioni #cit3 a:hover { background: url(http://www.ciarrocchi.it/i/opificio.gif) -0px -273px no-repeat;}
#citerioni #cit4 a:hover {background: url(http://www.ciarrocchi.it/i/opificio.gif) -103px -273px no-repeat;}
#citerioni #cit5 a:hover {background: url(http://www.ciarrocchi.it/i/opificio.gif) -0px -342px no-repeat;}
#citerioni #cit6 a:hover { background: url(http://www.ciarrocchi.it/i/opificio.gif) -103px -342px no-repeat;}


/*Dighe*/
#talva {position: relative; margin: 10px 0; padding: 3px; width: 193px; height: 123px; background: url(http://www.ciarrocchi.it/i/diga.gif);}
#talva li {width: 100px; height: 63px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/diga.gif) 0 0 no-repeat; display: block; list-style: none;}
#talva a {width: 100px; height: 63px; display: block; border: 0;}
#talva a:hover {border: 0;}

#talva #ta1 {left: 0px; top:0;}
#talva #ta2 {left: 0px; top:66px; background-position: -0 -66px;}
#talva #ta3 {left:103px; top:0; background-position: -103px -0px;}


#talva #ta1 a:hover {background: url(http://www.ciarrocchi.it/i/diga.gif) -0px -129px no-repeat;}
#talva #ta2 a:hover {background: url(http://www.ciarrocchi.it/i/diga.gif) -0px -195px no-repeat;}
#talva #ta3 a:hover {height: 129px; background: url(http://www.ciarrocchi.it/i/diga.gif) -103px -129px no-repeat;}

/*PIGNA*/
#pigna {position: relative; margin: 10px 0; padding: 3px; width: 193px; height: 168px; background: url(http://www.ciarrocchi.it/i/pigna.gif);}
#pigna li {width: 100px; height: 75px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/pigna.gif) 0 0 no-repeat; display: block; list-style: none;}
	#pigna a {width: 100px; height: 75px; display: block; border: 0;}
#pigna a:hover {border: 0;}

#pigna #pigna1 {left:0px; top:0;}
#pigna #pigna2 {left:103px; background-position: -103px -0px;}
#pigna #pigna3 {width:203px; height:96px; left:0; top:78px; background-position: -0px -78px;}


#pigna #pigna1 a:hover {background: url(http://www.ciarrocchi.it/i/pigna.gif) -0px -174px no-repeat;}
#pigna #pigna2 a:hover {background: url(http://www.ciarrocchi.it/i/pigna.gif) -103px -174px no-repeat;}
#pigna #pigna3 a:hover {width:203px; height:96px; background: url(http://www.ciarrocchi.it/i/pigna.gif) -0px -252px no-repeat;}


/*meletti*/
#mele {position: relative; margin: 10px 0; padding: 3px; width: 197px; height: 344px; background: url(http://www.ciarrocchi.it/i/mele.gif);}
#mele li {width: 100px; height: 68px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/mele.gif) 0 0 no-repeat; display: block; list-style: none;}
#mele a {width: 100px; height: 68px; display: block; border: 0;}
#mele a:hover {border: 0;}

#mele #m1 {left: 0px;}
#mele #m2 {left: 103px; background-position: -103px 0;}
#mele #m3 {left:0; top:71px; background-position: -0px -71px;}
#mele #m4 {left: 103px; top:71px; background-position: -103px -71px;}
#mele #m5 {left: 0px; top:142px; background-position: -0px -142px;}
#mele #m6 { left: 103px; top:142px; background-position: -103px 142px;}
#mele #m7 {left: 0; top:213px; background-position: -0 -213px;}
#mele #m8 {left: 103px; top:213px; background-position: -103px -213px;}
#mele #m9 { left: 0; top:283px; background-position: 0px -283px;}
#mele #m10 {left: 103px; top:283px; background-position: -103px -283px;}

#mele #m1 a:hover {background: url(http://www.ciarrocchi.it/i/mele.gif) -0px -350px no-repeat;}
#mele #m2 a:hover {background: url(http://www.ciarrocchi.it/i/mele.gif) -103px -350px no-repeat;}
#mele #m3 a:hover { background: url(http://www.ciarrocchi.it/i/mele.gif) -0px -421px no-repeat;}
#mele #m4 a:hover {background: url(http://www.ciarrocchi.it/i/mele.gif) -103px -421px no-repeat;}
#mele #m5 a:hover {background: url(http://www.ciarrocchi.it/i/mele.gif) -0px -492px no-repeat;}
#mele #m6 a:hover { background: url(http://www.ciarrocchi.it/i/mele.gif) -103px -492px no-repeat;}
#mele #m7 a:hover {background: url(http://www.ciarrocchi.it/i/mele.gif) -0px -563px no-repeat;}
#mele #m8 a:hover {background: url(http://www.ciarrocchi.it/i/mele.gif) -103px -563px no-repeat;}
#mele #m9 a:hover { background: url(http://www.ciarrocchi.it/i/mele.gif) -0px -633px no-repeat;}
#mele #m10 a:hover {background: url(http://www.ciarrocchi.it/i/mele.gif) -103px -633px no-repeat;}


/*MALATESTA*/
#mala {position: relative; margin: 10px 0; padding: 3px; width: 197px; height: 225px; background: url(http://www.ciarrocchi.it/i/malatesta.gif);}
#mala li {width: 100px; height: 75px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/malatesta.gif) 0 0 no-repeat; display: block; list-style: none;}
#mala a {width: 100px; height: 75px; display: block; border: 0;}
#mala a:hover {border: 0;}

#mala #mal1 {left: 0px; top:0;}
#mala #mal2 {left: 103px; background-position: -103px 0;}
#mala #mal3 {left:0; top:78px; background-position: -0px -78px;}
#mala #mal4 {left: 103px; top:78px; background-position: -103px -78px;}
#mala #mal5 {left:0; top:156px; background-position: -0px -156px;}
#mala #mal6 {left: 103px; top:156px; background-position: -103px -156px;}

#mala #mal1 a:hover {background: url(http://www.ciarrocchi.it/i/malatesta.gif) -0px -231px no-repeat;}
#mala #mal2 a:hover {background: url(http://www.ciarrocchi.it/i/malatesta.gif) -103px -231px no-repeat;}
#mala #mal3 a:hover {width: 100px; background: url(http://www.ciarrocchi.it/i/malatesta.gif) -0px -309px no-repeat;}
#mala #mal4 a:hover {background: url(http://www.ciarrocchi.it/i/malatesta.gif) -103px -309px no-repeat;}
#mala #mal5 a:hover {width: 100px; background: url(http://www.ciarrocchi.it/i/malatesta.gif) -0px -387px no-repeat;}
#mala #mal6 a:hover {background: url(http://www.ciarrocchi.it/i/malatesta.gif) -103px -387px no-repeat;}

/*POLLA*/
#poll {position: relative; margin: 10px 0; padding: 3px; width: 197px; height: 225px; background: url(http://www.ciarrocchi.it/i/polla.gif);}
#poll li {width: 100px; height: 75px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/polla.gif) 0 0 no-repeat; display: block; list-style: none;}
#poll a {width: 100px; height: 75px; display: block; border: 0;}
#poll a:hover {border: 0;}

#poll #pola1 {left: 0px; top:0;}
#poll #pola2 {left: 103px; background-position: -103px 0;}
#poll #pola3 {left:0; top:78px; background-position: -0px -78px;}
#poll #pola4 {left: 103px; top:78px; background-position: -103px -78px;}
#poll #pola5 {left:0; top:156px; background-position: -0px -156px;}
#poll #pola6 {left: 103px; top:156px; background-position: -103px -156px;}

#poll #pola1 a:hover {background: url(http://www.ciarrocchi.it/i/polla.gif) -0px -231px no-repeat;}
#poll #pola2 a:hover {background: url(http://www.ciarrocchi.it/i/polla.gif) -103px -231px no-repeat;}
#poll #pola3 a:hover {width: 100px; background: url(http://www.ciarrocchi.it/i/polla.gif) -0px -309px no-repeat;}
#poll #pola4 a:hover {background: url(http://www.ciarrocchi.it/i/polla.gif) -103px -309px no-repeat;}
#poll #pola5 a:hover {width: 100px; background: url(http://www.ciarrocchi.it/i/polla.gif) -0px -387px no-repeat;}
#poll #pola6 a:hover {background: url(http://www.ciarrocchi.it/i/polla.gif) -103px -387px no-repeat;}


/*loreto*/
#loret {position: relative; margin: 10px 0; padding: 3px; width: 197px; height: 125px; background: url(http://www.ciarrocchi.it/i/loreto.gif);}
#loret li {width: 100px; height: 64px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/loreto.gif) 0 0 no-repeat; display: block; list-style: none;}
#loret a {width: 100px; height: 64px; display: block; border: 0;}
#loret a:hover {border: 0;}

#loret #lor1 {left: 0px; top:0;}
#loret #lor2 {left: 103px; background-position: -103px 0;}
#loret #lor3 {left:0; top:67px; background-position: -0px -67px;}
#loret #lor4 {left: 103px; top:67px; background-position: -103px -67px;}

#loret #lor1 a:hover {background: url(http://www.ciarrocchi.it/i/loreto.gif) -0px -131px no-repeat;}
#loret #lor2 a:hover {background: url(http://www.ciarrocchi.it/i/loreto.gif) -103px -131px no-repeat;}
#loret #lor3 a:hover {width: 100px; background: url(http://www.ciarrocchi.it/i/loreto.gif) -0px -198px no-repeat;}
#loret #lor4 a:hover {background: url(http://www.ciarrocchi.it/i/loreto.gif) -103px -198px no-repeat;}

/*PINETO*/
#ponte {position: relative; margin: 10px 0; padding: 3px; width: 197px; height: 225px; background: url(http://www.ciarrocchi.it/i/ponte.gif);}
#ponte li {width: 100px; height: 75px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/ponte.gif) 0 0 no-repeat; display: block; list-style: none;}
#ponte a {width: 100px; height: 75px; display: block; border: 0;}
#ponte a:hover {border: 0;}

#ponte #pine1 {left: 0px; top:0;}
#ponte #pine2 {left: 0px; top:78px; background-position: -0px -78px;}
#ponte #pine3 {left:0; top:156px; background-position: -0px -156px;}
#ponte #pine4 {left: 103px; top:156px; background-position: -103px -156px;}
#ponte #pine5 {left:103px; top:0px; background-position: -103px -0px;}

#ponte #pine1 a:hover { background: url(http://www.ciarrocchi.it/i/ponte.gif) -0px -231px no-repeat;}
#ponte #pine2 a:hover {background: url(http://www.ciarrocchi.it/i/ponte.gif) -0px -309px no-repeat;}
#ponte #pine3 a:hover {background: url(http://www.ciarrocchi.it/i/ponte.gif) -0px -387px no-repeat;}
#ponte #pine4 a:hover {background: url(http://www.ciarrocchi.it/i/ponte.gif) -103px -387px no-repeat;}
#ponte #pine5 a:hover { height:153px; background: url(http://www.ciarrocchi.it/i/ponte.gif) -103px -231px no-repeat;}


/*Rinascita*/
#rinas {position: relative; margin: 10px 0; padding: 3px; width: 197px; height: 303px; background: url(http://www.ciarrocchi.it/i/rinas.gif);}
#rinas li {width: 100px; height: 75px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/rinas.gif) 0 0 no-repeat; display: block; list-style: none;}
#rinas a {width: 100px; height: 75px; display: block; border: 0;}
#rinas a:hover {border: 0;}

#rinas #rinas1 {left: 0px; top:0;}
#rinas #rinas2 {left: 103px; background-position: -103px 0;}
#rinas #rinas3 {left:0; top:78px; background-position: -0px -78px;}
#rinas #rinas4 {left: 103px; top:78px; background-position: -103px -78px;}
#rinas #rinas5 {left:0; top:156px; background-position: -0px -156px;}
#rinas #rinas6 {left: 103px; top:156px; background-position: -103px -156px;}
#rinas #rinas7 {left:0; top:234px; background-position: -0px -234px;}
#rinas #rinas8 {left: 103px; top:234px; background-position: -103px -234px;}

#rinas #rinas1 a:hover {background: url(http://www.ciarrocchi.it/i/rinas.gif) -0px -309px no-repeat;}
#rinas #rinas2 a:hover {background: url(http://www.ciarrocchi.it/i/rinas.gif) -103px -309px no-repeat;}
#rinas #rinas3 a:hover {width: 100px; background: url(http://www.ciarrocchi.it/i/rinas.gif) -0px -387px no-repeat;}
#rinas #rinas4 a:hover {background: url(http://www.ciarrocchi.it/i/rinas.gif) -103px -387px no-repeat;}
#rinas #rinas5 a:hover {width: 100px; background: url(http://www.ciarrocchi.it/i/rinas.gif) -0px -465px no-repeat;}
#rinas #rinas6 a:hover {background: url(http://www.ciarrocchi.it/i/rinas.gif) -103px -465px no-repeat;}
#rinas #rinas7 a:hover {width: 100px; background: url(http://www.ciarrocchi.it/i/rinas.gif) -0px -543px no-repeat;}
#rinas #rinas8 a:hover {background: url(http://www.ciarrocchi.it/i/rinas.gif) -103px -543px no-repeat;}

/*MONTANARI*/
#monta {position: relative; margin: 10px 0; padding: 3px; width: 197px; height: 147px; background: url(http://www.ciarrocchi.it/i/monta.gif);}
#monta li {width: 100px; height: 75px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/monta.gif) 0 0 no-repeat; display: block; list-style: none;}
#monta a {width: 100px; height: 75px; display: block; border: 0;}
#monta a:hover {border: 0;}

#monta #monta1 {left: 0px; top:0;}
#monta #monta2 {left: 103px; background-position: -103px 0;}
#monta #monta3 {left:0; top:78px; background-position: -0px -78px;}
#monta #monta4 {left: 103px; top:78px; background-position: -103px -78px;}


#monta #monta1 a:hover {background: url(http://www.ciarrocchi.it/i/monta.gif) -0px -153px no-repeat;}
#monta #monta2 a:hover {background: url(http://www.ciarrocchi.it/i/monta.gif) -103px -153px no-repeat;}
#monta #monta3 a:hover {width: 100px; background: url(http://www.ciarrocchi.it/i/monta.gif) -0px -231px no-repeat;}
#monta #monta4 a:hover {background: url(http://www.ciarrocchi.it/i/monta.gif) -103px -231px no-repeat;}


/*museo*/
#museo {position: relative; margin: 10px 0; padding: 3px; width: 197px; height: 147px; background: url(http://www.ciarrocchi.it/i/museo.gif);}
#museo li {width: 100px; height: 75px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/museo.gif) 0 0 no-repeat; display: block; list-style: none;}
#museo a {width: 100px; height: 75px; display: block; border: 0;}
#museo a:hover {border: 0;}

#museo #museo1 {left: 0px; top:0;}
#museo #museo2 {left: 103px; background-position: -103px 0;}
#museo #museo3 {left:0; top:78px; background-position: -0px -78px;}
#museo #museo4 {left: 103px; top:78px; background-position: -103px -78px;}


#museo #museo1 a:hover {background: url(http://www.ciarrocchi.it/i/museo.gif) -0px -153px no-repeat;}
#museo #museo2 a:hover {background: url(http://www.ciarrocchi.it/i/museo.gif) -103px -153px no-repeat;}
#museo #museo3 a:hover {width: 100px; background: url(http://www.ciarrocchi.it/i/museo.gif) -0px -231px no-repeat;}
#museo #museo4 a:hover {background: url(http://www.ciarrocchi.it/i/museo.gif) -103px -231px no-repeat;}

/*COLONNA MUSEO*/
#colon {position: relative; margin: 10px 0; padding: 3px; width: 51px; height: 147px; background: url(http://www.ciarrocchi.it/i/colon.gif);}
#colon li {width: 57px; height: 153px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/colon.gif) 0 0 no-repeat; display: block; list-style: none;}
#colon a {width: 57px; height: 153px; display: block; border: 0;}
#colon a:hover {border: 0;}

#colon #colon1 {left: 0px; top:0;}


#colon #colon1 a:hover {background: url(http://www.ciarrocchi.it/i/colon.gif) -0px -153px no-repeat;}


/*CAROSI*/
#carosi {position: relative; margin: 10px 0; padding: 3px; width: 197px; height: 147px; background: url(http://www.ciarrocchi.it/i/carosi.gif);}
#carosi li {width: 100px; height: 75px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/carosi.gif) 0 0 no-repeat; display: block; list-style: none;}
#carosi a {width: 100px; height: 75px; display: block; border: 0;}
#carosi a:hover {border: 0;}

#carosi #carosi1 {left: 0px; top:0;}
#carosi #carosi2 {left: 103px; background-position: -103px 0;}
#carosi #carosi3 {left:0; top:78px; background-position: -0px -78px;}
#carosi #carosi4 {left: 103px; top:78px; background-position: -103px -78px;}


#carosi #carosi1 a:hover {background: url(http://www.ciarrocchi.it/i/carosi.gif) -0px -153px no-repeat;}
#carosi #carosi2 a:hover {background: url(http://www.ciarrocchi.it/i/carosi.gif) -103px -153px no-repeat;}
#carosi #carosi3 a:hover {width: 100px; background: url(http://www.ciarrocchi.it/i/carosi.gif) -0px -231px no-repeat;}
#carosi #carosi4 a:hover {background: url(http://www.ciarrocchi.it/i/carosi.gif) -103px -231px no-repeat;}

/*FILIPPO*/
#filippo {position: relative; margin: 10px 0; padding: 3px; width: 197px; height: 147px; background: url(http://www.ciarrocchi.it/i/filippo.gif);}
#filippo li {width: 100px; height: 75px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/filippo.gif) 0 0 no-repeat; display: block; list-style: none;}
#filippo a {width: 100px; height: 75px; display: block; border: 0;}
#filippo a:hover {border: 0;}

#filippo #filippo1 {left: 0px; top:0;}
#filippo #filippo2 {left: 103px; background-position: -103px 0;}
#filippo #filippo3 {left:0; top:78px; background-position: -0px -78px;}
#filippo #filippo4 {left: 103px; top:78px; background-position: -103px -78px;}


#filippo #filippo1 a:hover {background: url(http://www.ciarrocchi.it/i/filippo.gif) -0px -153px no-repeat;}
#filippo #filippo2 a:hover {background: url(http://www.ciarrocchi.it/i/filippo.gif) -103px -153px no-repeat;}
#filippo #filippo3 a:hover {width: 100px; background: url(http://www.ciarrocchi.it/i/filippo.gif) -0px -231px no-repeat;}
#filippo #filippo4 a:hover {background: url(http://www.ciarrocchi.it/i/filippo.gif) -103px -231px no-repeat;}

/*giacomo*/
#giacomo {position: relative; margin: 10px 0; padding: 3px; width: 197px; height: 147px; background: url(http://www.ciarrocchi.it/i/giacomo.gif);}
#giacomo li {width: 100px; height: 75px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/giacomo.gif) 0 0 no-repeat; display: block; list-style: none;}
#giacomo a {width: 100px; height: 75px; display: block; border: 0;}
#giacomo a:hover {border: 0;}

#giacomo #giacomo1 {left: 0px; top:0;}
#giacomo #giacomo2 {left: 103px; background-position: -103px 0;}
#giacomo #giacomo3 {left:0; top:78px; background-position: -0px -78px;}
#giacomo #giacomo4 {left: 103px; top:78px; background-position: -103px -78px;}


#giacomo #giacomo1 a:hover {background: url(http://www.ciarrocchi.it/i/giacomo.gif) -0px -153px no-repeat;}
#giacomo #giacomo2 a:hover {background: url(http://www.ciarrocchi.it/i/giacomo.gif) -103px -153px no-repeat;}
#giacomo #giacomo3 a:hover {width: 100px; background: url(http://www.ciarrocchi.it/i/giacomo.gif) -0px -231px no-repeat;}
#giacomo #giacomo4 a:hover {background: url(http://www.ciarrocchi.it/i/giacomo.gif) -103px -231px no-repeat;}

/*casa GUIDOTTI*/
#cassa {position: relative; margin: 10px 0; padding: 3px; width: 197px; height: 147px; background: url(http://www.ciarrocchi.it/i/cassa.jpg);}
#cassa li {width: 100px; height: 75px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/cassa.jpg) 0 0 no-repeat; display: block; list-style: none;}
#cassa a {width: 100px; height: 75px; display: block; border: 0;}
#cassa a:hover {border: 0;}

#cassa #cassa1 {left: 0px; top:0;}
#cassa #cassa2 {left: 103px; background-position: -103px 0;}
#cassa #cassa3 {left:0; top:78px; background-position: -0px -78px;}
#cassa #cassa4 {left: 103px; top:78px; background-position: -103px -78px;}


#cassa #cassa1 a:hover {background: url(http://www.ciarrocchi.it/i/cassa.jpg) -0px -152px no-repeat;}
#cassa #cassa2 a:hover {background: url(http://www.ciarrocchi.it/i/cassa.jpg) -103px -152px no-repeat;}
#cassa #cassa3 a:hover {width: 100px; background: url(http://www.ciarrocchi.it/i/cassa.jpg) -0px -230px no-repeat;}
#cassa #cassa4 a:hover {background: url(http://www.ciarrocchi.it/i/cassa.jpg) -103px -230px no-repeat;}

/*DUOMO*/
#duomo {position: relative; margin: 10px 0; padding: 3px; width: 197px; height: 147px; background: url(http://www.ciarrocchi.it/i/duomo.gif);}
#duomo li {width: 100px; height: 75px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/duomo.gif) 0 0 no-repeat; display: block; list-style: none;}
#duomo a {width: 100px; height: 75px; display: block; border: 0;}
#duomo a:hover {border: 0;}

#duomo #duomo1 {left: 0px; top:0;}
#duomo #duomo2 {left: 103px; background-position: -103px 0;}
#duomo #duomo3 {width:203px; height:113px; left:0; top:78px; background-position: -0px -78px;}


#duomo #duomo1 a:hover {background: url(http://www.ciarrocchi.it/i/duomo.gif) -0px -191px no-repeat;}
#duomo #duomo2 a:hover {background: url(http://www.ciarrocchi.it/i/duomo.gif) -103px -191px no-repeat;}
#duomo #duomo3 a:hover {width:203px; height:113px; background: url(http://www.ciarrocchi.it/i/duomo.gif) -0px -269px no-repeat;}

/*casa GUIDOTTI*/
#pavoni {position: relative; margin: 10px 0; padding: 3px; width: 197px; height: 147px; background: url(http://www.ciarrocchi.it/i/pavoni.gif);}
#pavoni li {width: 100px; height: 75px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/pavoni.gif) 0 0 no-repeat; display: block; list-style: none;}
#pavoni a {width: 100px; height: 75px; display: block; border: 0;}
#pavoni a:hover {border: 0;}

#pavoni #pavoni1 {left: 0px; top:0;}
#pavoni #pavoni2 {left: 103px; background-position: -103px 0;}
#pavoni #pavoni3 {width:65px; height:88px; left:0; top:78px; background-position: -0px -78px;}
#pavoni #pavoni4 {width:65px; height:88px; left:69px; top:78px; background-position: -69px -78px;}
#pavoni #pavoni5 {width:65px; height:88px; left:138px; top:78px; background-position: -138px -78px;}

#pavoni #pavoni1 a:hover {background: url(http://www.ciarrocchi.it/i/pavoni.gif) -0px -166px no-repeat;}
#pavoni #pavoni2 a:hover {background: url(http://www.ciarrocchi.it/i/pavoni.gif) -103px -166px no-repeat;}
#pavoni #pavoni3 a:hover {width:65px; height:88px; background: url(http://www.ciarrocchi.it/i/pavoni.gif) -0px -244px no-repeat;}
#pavoni #pavoni4 a:hover {width:65px; height:88px; background: url(http://www.ciarrocchi.it/i/pavoni.gif) -69px -244px no-repeat;}
#pavoni #pavoni5 a:hover {width:65px; height:88px; background: url(http://www.ciarrocchi.it/i/pavoni.gif) -138px -244px no-repeat;}

/*MUCCIA*/

#mucciamc {position: relative; margin: 10px 0; padding: 3px; width: 197px; height: 133px; background: url(http://www.ciarrocchi.it/i/muccia.gif);}
#mucciamc li {width: 100px; height: 68px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/muccia.gif) 0 0 no-repeat; display: block; list-style: none;}
#mucciamc a {width: 100px; height: 68px; display: block; border: 0;}
#mucciamc a:hover {border: 0;}

#mucciamc #muc1 {left: 0px;}
#mucciamc #muc2 {left: 103px; background-position: -103px 0;}
#mucciamc #muc3 {left:0; top:71px; background-position: -0px -71px;}
#mucciamc #muc4 {left: 103px; top:71px;  background-position: -103px -71px;}

#mucciamc #muc1 a:hover {background: url(http://www.ciarrocchi.it/i/muccia.gif) -0px -139px no-repeat;}
#mucciamc #muc2 a:hover {background: url(http://www.ciarrocchi.it/i/muccia.gif) -103px -139px no-repeat;}
#mucciamc #muc3 a:hover {background: url(http://www.ciarrocchi.it/i/muccia.gif) -0px -210px no-repeat;}
#mucciamc #muc4 a:hover {background: url(http://www.ciarrocchi.it/i/muccia.gif) -103px -210px no-repeat;}


/*EUR*/
#eur {position: relative; margin: 10px 0; padding: 3px; width: 197px; height: 225px; background: url(http://www.ciarrocchi.it/i/eur.gif);}
#eur li {width: 100px; height: 75px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/eur.gif) 0 0 no-repeat; display: block; list-style: none;}
#eur a {width: 100px; height: 75px; display: block; border: 0;}
#eur a:hover {border: 0;}

#eur #eur1 {left: 0px; top:0;}
#eur #eur2 {left: 103px; background-position: -103px 0;}
#eur #eur3 {left:0; top:78px; background-position: -0px -78px;}
#eur #eur4 {left: 103px; top:78px; background-position: -103px -78px;}
#eur #eur5 {left:0; top:156px; background-position: -0px -156px;}
#eur #eur6 {left: 103px; top:156px; background-position: -103px -156px;}

#eur #eur1 a:hover {background: url(http://www.ciarrocchi.it/i/eur.gif) -0px -231px no-repeat;}
#eur #eur2 a:hover {background: url(http://www.ciarrocchi.it/i/eur.gif) -103px -231px no-repeat;}
#eur #eur3 a:hover {width: 100px; background: url(http://www.ciarrocchi.it/i/eur.gif) -0px -309px no-repeat;}
#eur #eur4 a:hover {background: url(http://www.ciarrocchi.it/i/eur.gif) -103px -309px no-repeat;}
#eur #eur5 a:hover {width: 100px; background: url(http://www.ciarrocchi.it/i/eur.gif) -0px -387px no-repeat;}
#eur #eur6 a:hover {background: url(http://www.ciarrocchi.it/i/eur.gif) -103px -387px no-repeat;}

/*PALAROZZI*/
#rozzi {position: relative; margin: 10px 0; padding: 3px; width: 197px; height: 147px; background: url(http://www.ciarrocchi.it/i/rozzi.gif);}
#rozzi li {width: 100px; height: 75px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/rozzi.gif) 0 0 no-repeat; display: block; list-style: none;}
#rozzi a {width: 100px; height: 75px; display: block; border: 0;}
#rozzi a:hover {border: 0;}

#rozzi #rozzi1 {left: 0px; top:0;}
#rozzi #rozzi2 {left: 103px; background-position: -103px 0;}
#rozzi #rozzi3 {left:0; top:78px; background-position: -0px -78px;}
#rozzi #rozzi4 {left: 103px; top:78px; background-position: -103px -78px;}

#rozzi #rozzi1 a:hover {background: url(http://www.ciarrocchi.it/i/rozzi.gif) -0px -153px no-repeat;}
#rozzi #rozzi2 a:hover {background: url(http://www.ciarrocchi.it/i/rozzi.gif) -103px -153px no-repeat;}
#rozzi #rozzi3 a:hover {background: url(http://www.ciarrocchi.it/i/rozzi.gif) -0px -231px no-repeat;}
#rozzi #rozzi4 a:hover {background: url(http://www.ciarrocchi.it/i/rozzi.gif) -103px -231px no-repeat;}

/*AGRICOLI*/
#agri {position: relative; margin: 10px 0; padding: 3px; width: 197px; height: 204px; background: url(http://www.ciarrocchi.it/i/agris.gif);}
#agri li {width: 100px; height: 69px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/agris.gif) 0 0 no-repeat; display: block; list-style: none;}
#agri a {width: 100px; height: 69px; display: block; border: 0;}
#agri a:hover {border: 0;}

#agri #agri1 {left: 0px; top:0;}
#agri #agri2 {left: 103px; background-position: -103px 0;}
#agri #agri3 {left:0; top:71px; background-position: -0px -71px;}
#agri #agri4 {left: 103px; top:71px; background-position: -103px -71px;}
#agri #agri5 {left:0; top:141px; background-position: -0px -141px;}
#agri #agri6 {left: 103px; top:141px; background-position: -103px -141px;}

#agri #agri1 a:hover {background: url(http://www.ciarrocchi.it/i/agris.gif) -0px -210px no-repeat;}
#agri #agri2 a:hover {background: url(http://www.ciarrocchi.it/i/agris.gif) -103px -210px no-repeat;}
#agri #agri3 a:hover {width: 100px; background: url(http://www.ciarrocchi.it/i/agris.gif) -0px -281px no-repeat;}
#agri #agri4 a:hover {background: url(http://www.ciarrocchi.it/i/agris.gif) -103px -281px no-repeat;}
#agri #agri5 a:hover {width: 100px; background: url(http://www.ciarrocchi.it/i/agris.gif) -0px -351px no-repeat;}
#agri #agri6 a:hover {background: url(http://www.ciarrocchi.it/i/agris.gif) -103px -351px no-repeat;}

/*GUIDOTTI
#guido {position: relative; margin: 10px 0; padding: 3px; width: 225px; height: 183px; background: url(http://www.ciarrocchi.it/i/guidotti.gif);}
#guido li {width: auto; height: 86px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/guidotti.gif) 0 0 no-repeat; display: block; list-style: none;}
#guido a { height: 86px; display: block; border: 0;}
#guido a:hover {border: 0;}

#guido #guid1 { left: 0px; top:0;}
#guido #guid2 { left: 78px; top:0px; background-position: -78px -0px;}
#guido #guid3 { left:156px; top:0px; background-position: -156px -0px;}
#guido #guid4 {left: 0px; top:103px; background-position: -0px -103px;}
#guido #guid5 {left:117px; top:103px; background-position: -117px -103px;}

#guido #guid1 a:hover { width:75px; height:100px; background: url(http://www.ciarrocchi.it/i/guidotti.gif) -0px -189px no-repeat;}
#guido #guid2 a:hover {width:75px; height:100px; background: url(http://www.ciarrocchi.it/i/guidotti.gif) -78px -189px no-repeat;}
#guido #guid3 a:hover {width:75px; height:100px; background: url(http://www.ciarrocchi.it/i/guidotti.gif) -78px -189px no-repeat;}
#guido #guid4 a:hover {width:114px; height:86px; background: url(http://www.ciarrocchi.it/i/guidotti.gif) -0px -292px no-repeat;}
#guido #guid5 a:hover {width:114px; height:86px; background: url(http://www.ciarrocchi.it/i/guidotti.gif) -117px -292px no-repeat;}*/
/*PREMI*/
/*ALBO*/

/*ALBO DORO*/

#albos {position: relative; margin: 10px 0; padding: 3px; width: 163px; height: 124px; background: url(http://www.ciarrocchi.it/i/alb.jpg);}
#albos li {width: 170px; height: 130px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/alb.jpg) 0 0 no-repeat; display: block; list-style: none;}
#albos a {width: 170px; height: 130px; display: block; border: 0;}
#albos a:hover {border: 0;}

#albos #albos1 {left: 0; top:0; }
#albos #albos1 a:hover {background: url(http://www.ciarrocchi.it/i/alb.jpg) -0px -130px no-repeat;}


#oro {position: relative; margin: 10px 0; padding: 3px; width: 163px; height: 122px; background: url(http://www.ciarrocchi.it/i/mercuri.jpg);}
#oro li {width: 170px; height: 128px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/mercuri.jpg) 0 0 no-repeat; display: block; list-style: none;}
#oro a {width: 170px; height: 128px; display: block; border: 0;}
#oro a:hover {border: 0;}

#oro #oro1 {left: 0; top:0; }
#oro #oro1 a:hover {background: url(http://www.ciarrocchi.it/i/mercuri.jpg) -0px -128px no-repeat;}


/*VETRINE*/

/*1*/
#vetra {position: relative; margin: 10px 0; padding: 3px; width: 404px; height: 352px; background: url(http://www.ciarrocchi.it/i/vetrin.gif);}
#vetra li {width: 130px; height: 174px; position: absolute; top: 0px; background: url(http://www.ciarrocchi.it/i/vetrin.gif) 0 0 no-repeat; display: block; list-style: none;}
#vetra a {width: 130px; height: 174px; display: block; border: 0;}
#vetra a:hover {border: 0;}

#vetra #vetra1 {left: 0px; top:0;}
#vetra #vetra2 {left: 140px; top:0px; background-position: -140px -0px;}
#vetra #vetra3 {left: 280px; top:0px; background-position: -280px -0px;}
#vetra #vetra4 {left: 0px; top:184px; background-position: -0px -184px;}
#vetra #vetra5 {left: 140px; top:184px; background-position: -140px -184px;}

#vetra #vetra1 a:hover {background: url(http://www.ciarrocchi.it/i/vetrin.gif) -0px -358px no-repeat;}
#vetra #vetra2 a:hover {background: url(http://www.ciarrocchi.it/i/vetrin.gif) -140px -358px no-repeat;}
#vetra #vetra3 a:hover {background: url(http://www.ciarrocchi.it/i/vetrin.gif) -280px -358px no-repeat;}
#vetra #vetra4 a:hover {background: url(http://www.ciarrocchi.it/i/vetrin.gif) -0px -542px no-repeat;}
#vetra #vetra5 a:hover {background: url(http://www.ciarrocchi.it/i/vetrin.gif) -140px -542px no-repeat;}



/*------------------------Specifiche------------------------*/
dl {
		width: 180px;
		margin: 0 0 20px 20px;
		padding: 0;
		background: #ccc url(http://www.ciarrocchi.it/i/mt_botto.gif) no-repeat bottom left;
		
		}

	dt {
		margin: 0 0 10px 0;
		color: white;
		font: 11px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
		padding: 6px 0px 2px 6px;
		font-weight: bold;
		border-bottom: 1px solid #fff;
		background: #989DA5 url(http://www.ciarrocchi.it/i/top.gif) no-repeat top left;
		height:15px;
		line-height:1.2em;
		}
	
	dd {
		margin: 0 0 0 10px;
		padding: 0 10px 10px 10px;
		color: #666;
		font-family: Verdana, sans-serif;
		font-size: 71%;
		background: url(http://www.ciarrocchi.it/i/arrow000.gif) no-repeat 0 3px;
		line-height:1.2em;
		}
		
	#blue dt {
		background-color: #69c;
		}
	
	#blue {
		background-color: #9cf;
		}
	
	#red dt {
		background-color: #933;
		}
	
	#red {
		background-color: #c99;
		}
	
	#green dt {
		background-color: #9c6;
		}
	
	#green {
		background-color: #cf9;
		}
		
	#mil dt {
		background-color: #660;
		}
	
	#mil {
		background-color: #A8A86F;
		}
	
hr  {
	background: #999;
	text-align: center;
	height: 1px;
	border: 0 none;
	}
.L9	{ 
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	color: #000000; 
	line-height: 12px; }

ul.left {
    float: left;
    width: 190px; 
    margin: 0px;
    padding: 15px 0px;
    border: 0px none; 
    list-style-position: inside;
    list-style-type: square;
    position: relative;	}
  
  ul.right {
    float: right;
    width: 240px; 
    margin: 0px;
    padding: 15px 0px;
    border: 0px none; 
    list-style-position: inside;
 }
  


  .no-space {
    margin: 0px;
    padding: 0px;
  }
  
  #box {
	width:100px;
  float:right;

 	margin:0px 40px 10px -30px;
  padding:10px;
  text-align:left;
  border:1px dashed #ccc;
  background:#F9F9F9;
  } 
   #box ul {
      list-style-position:inside;
	  color:#747A85;
	  list-style:none;
	  margin:0 0 0 -38px; 
  } 
#alu li {
	display:inline; border-right:1px solid; padding:0 0.33em; 
 }
#alu li:first-child {
	border-left: 1px solid;
 }
#noleggio {
line-height:6em;
list-style-image: url(http://www.ciarrocchi.it/i/sidelist.gif);
 }


.sepa {
	padding: 15px;
	margin: 0;
	background: #F3F3F3
}

.blan {
	padding: 15px;
	margin: 0;
}


.no {
	padding: 10px;
	margin: 0;

}
.sepa {
	background: #F3F3F3 url("http://www.ciarrocchi.it/i/cornerside.gif") no-repeat right top;
}




hr {
	display:none;
}
	
	.red {
	color:#990000; font-weight:bold; }
	.piccolo { text-transform:lowercase; font-size:0.9em; list-style-image: url(http://www.ciarrocchi.it/i/sidelist.gif); }
	img {border:0; }
	/*a:link {color:#666; font-weight:bold; text-decoration:none; border:0; }
	a:visited {color: #663; font-weight:bold; border:0;}
	a:hover {color: #663; font-weight:bold; text-decoration:underline; border:0;}*/