body {
	
behavior:url("csshover.htc");
}

ul#navigation {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border: 0;
	top: 0px;
	left: 0px;
	width: 530px;
	height: 20px;
	border: solid 1px #fff;
	color: #fff;
	font-size: 90%;
	text-align:center;
		
}

ul#navigation a, a:link, a:visited {
	text-decoration: none;

}

 ul#navigation a:hover {
	text-decoration: underline;

}

/*<group=level 1>*/

ul#navigation li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	background-color: #336666;
	border: solid 1px #fff;
	color: #fff;
	font-size: 95%;
	text-align:center;
}

ul#navigation li a {
	border: 0;
	padding: 0;
	display: block;
	height: 20px;
	background-color: #336666;
	border: solid 1px #fff;
	vertical-align: middle;
	color: #fff;
	font-size: 95%;
	text-align:center;
}

ul#navigation li a:hover {
	border: solid 1px #336666;
	display: block;
	background-color: #ffffff;
	color: #336666;
	vertical-align: middle;
	font-size: 90%;
	text-align:center;
}	
	
/*</group>*/

/*<group=level 1 ids>*/

li#home a {
	width: 100px;
	
 }
 
li#home a:link,
li#home a:visited,
li#home a:hover {
	background-position: -100px 0px;
}

li#webagency a {
	width: 100px;
}

li#webagency a:link,
li#webagency a:visited,
li#webagency a:hover {
	background-position: -100px 0px;
}

li#itc a {
	width: 100px;
}

li#itc a:link,
li#itc a:visited,
li#itc a:hover {	
	background-position: -200px 0px;
}


li#portfolio a {
	width: 100px;
}

li#portfolio a:link, 
li#portfolio a:visited, 
li#portfolio a:hover {	
	background-position: -300px 0px;
}

li#contatti a {
	width: 100px;
}

li#contatti a:link, 
li#contatti a:visited, 
li#contatti a:hover {	
	background-position: -400px 0px;
}


	
/*</group>*/

/*<group=level 2>*/


#navigation li ul {	
	display: block;
	visibility: hidden;
	position: absolute;
	width: 700px;
	margin-left: -290px;
	#margin-left: -250px;
	
	
	
}

#navigation li:hover ul {
	visibility: visible;
	z-index: 100;
}

#navigation li#webagency ul {
	background: none;
	height: 16px;
	margin-left: -290px;
	#margin-left: -250px;

}

#navigation li#itc ul {
	background: none;
	height: 16px;
	margin-left: -290px;
	#margin-left: -250px;
}


/*</group>*/

/*<group=level 2 ids>*/

ul#navigation li#itc ul li#auto a:link, 
ul#navigation li#itc ul li#auto a:visited {
	width: 120px;
	height: 16px;

}

ul#navigation li#itc ul li#auto a:hover {
	width: 120px;
	height: 16px;
	
}

ul#navigation li#itc ul li#tecno a:link,
ul#navigation li#itc ul li#tecno a:visited {
	width: 120px;
	height: 16px;
	
}
ul#navigation li#itc ul li#tecno a:hover {
	width: 120px;
	height: 16px;

}
ul#navigation li#itc ul li#voip a:hover {
	width: 100px;
	height: 16px;

}

ul#navigation li#itc ul li#voip a:link,
ul#navigation li#itc ul li#voip a:visited {
	width: 100px;
	height: 16px;
	
}

ul#navigation li#itc ul li#voffice a:link,
ul#navigation li#itc ul li#voffice a:visited {
	width: 100px;
	height: 16px;
	
}

ul#navigation li#itc ul li#voffice a:hover {
	width: 100px;
	height: 16px;

}
ul#navigation li#itc ul li#wan a:link,
ul#navigation li#itc ul li#wan a:visited {
	width: 100px;
	height: 16px;
	
}

ul#navigation li#itc ul li#wan a:hover {
	width: 100px;
	height: 16px;

}


ul#navigation li#webagency ul li#webdes a:link, 
ul#navigation li#webagency ul li#webdes a:visited {
	width: 100px;
	height: 16px;

}

ul#navigation li#webagency ul li#webdes a:hover {
	width: 100px;
	height: 16px;
	
}

ul#navigation li#webagency ul li#webmar a:link, 
ul#navigation li#webagency ul li#webmar a:visited {
	width: 120px;
	height: 16px;

}

ul#navigation li#webagency ul li#webmar a:hover {
	width: 120px;
	height: 16px;

}

ul#navigation li#webagency ul li#pos a:link, 
ul#navigation li#webagency ul li#pos a:visited {
	width: 120px;
	height: 16px;

}

ul#navigation li#webagency ul li#pos a:hover {
	width: 120px;
	height: 16px;

}
	


ul#navigation li#webagency ul li#pay a:link, 
ul#navigation li#webagency ul li#pay a:visited {
	width: 100px;
	height: 16px;

}

ul#navigation li#webagency ul li#pay a:hover {
	width: 100px;
	height: 16px;

}

ul#navigation li#webagency ul li#indi a:link, 
ul#navigation li#webagency ul li#indi a:visited {
	width: 100px;
	height: 16px;

}

ul#navigation li#webagency ul li#indi a:hover {
	width: 100px;
	height: 16px;

}

ul#navigation li#webagency ul li#ecom a:link, 
ul#navigation li#webagency ul li#ecom a:visited {
	width: 100px;
	height: 16px;

}

ul#navigation li#webagency ul li#ecom a:hover {
	width: 100px;
	height: 16px;

}

ul#navigation li#webagency ul li#vshop a:link, 
ul#navigation li#webagency ul li#vshop a:visited {
	width: 100px;
	height: 16px;

}

ul#navigation li#webagency ul li#vshop a:hover {
	width: 100px;
	height: 16px;

}
/*</group>*/