.menu{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	padding: 3px;
}
.menu ul{
	list-style: none;
}
	.menu li{
		float: left;
	}
	.menu li a{
		display: block;
		padding: 0px 19px 0px 8px;
		text-align: center;
		text-decoration: none;
		color: #333;
		background: #fff url("../imgs/layout2011/menu/freccia.gif") center right no-repeat;
		border-right: 1px solid #ccc;
	}
		.menu li a:hover, .menu ul li:hover a{
			background: #fff url("../imgs/layout2011/menu/frecciarossa.gif") center right no-repeat;
			text-decoration: none;
		}
		.menu li a:hover{
			color: #ee1c23;
		}
	.menu li ul{
		background: #e5e5e5;
		display: none;
		height: auto;
		position: absolute;
		z-index: 200;
	}
	.menu li:hover ul{
		display: block;	
	}
	.menu li li {
		height: 16px;
		display: block;
		float: none;
	}
	.menu li:hover li a{
		background: none;
	}
	.menu li ul{
		padding-top: 2px;
		padding-bottom: 4px;
	}
	.menu li ul li{
		padding-top: 2px;
		padding-bottom: 2px;
		width: 200px;
		background: transparent url('../imgs/layout2011/menu/separator.gif') bottom center no-repeat;
		text-align: center;
	}
	.menu li ul a{
		display: block;
		font-style: normal;
		padding: 0px 10px 0px 15px;
		text-align: center;
		border: none;
	}
		.menu li ul a:hover, .menu li ul li:hover a{
			background: #e5e5e5 url('../imgs/layout2011/menu/hover_sub.gif') center left no-repeat;
			text-decoration: none;
			}
	.menu p{
		clear: left;
	}