@charset "utf-8";
body {
	font-family: Verdana, Geneva, sans-serif;
	background-color: #FFFFFF;
	font-size: 90%;
}

.menu, .menu ul, .menu a{
	margin:0px;
	padding:0px;
	border:none;
	align-self: center

}

ul.menu {
	margin: auto auto auto 0;
}

/*Menu*/
.menu {
	background-color:#333333;
	background: linear-gradient(top, #666666 0%, #000 100%);
	background: -moz-linear-gradient(top, #666666 0%, #000 100%);
	background: -webkit-linear-gradient(top, #666666 0%, #000 100%);
	background: -ms-linear-gradient(top, #666666 0%, #000 100%);
	height:25px;
	width:100%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
}

.menu li{
	list-style-type:none;
	font-size: 12px;
	float:left;
	height:25px;
	width: 10%;
	position:relative;	
}

/*Links*/
.menu li a{
	display:block;
	overflow: auto;
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	padding: 0px 15px;
	margin: 5px 0px;
	line-height: 15px;
	border-left: 1px solid #000000;
	transition:color .3s ease;
	-moz-transition:color .3s ease;
	-webkit-transition:color .3s ease;
	-ms-transition:color .3s ease;			
}

.menu li:first-child a {border-left:none;}
.menu li:last-child a {border-right:none;}
.menu li:hover > a {color:#990000;}

/*Sotto Menu*/

.menu ul{
	position:absolute;
	opacity:0; /*affinchè le voci sotto non si vedano*/
	background:#CCCCCC;
	transition:opacity .55s ease .1s;
	-moz-transition:opacity .55s ease .1s;
	-webkit-transition:opacity .55s ease .1s;
	-ms-transition:opacity .55s ease .1s;
	background: linear-gradient(top, #666666 0%, #000 100%);
	background: -moz-linear-gradient(top, #666666 0%, #000 100%);
	background: -webkit-linear-gradient(top, #666666 0%, #000 100%);
	background: -ms-linear-gradient(top, #666666 0%, #000 100%);				
}

.menu li:hover > ul{ /*quando ci passi sorpa trasofrma l'elemento in una lista*/
	opacity:1;

}

.menu ul li{/*quando passo sotto il menù, non compare la lista*/
	height:0;
	overflow:hidden;
	padding:0px;	
}

.menu li:hover > ul li{
	height:auto;
	overflow:visible;
}

.menu ul li a {
	width:100px;
	margin:0px;
	padding:5px 10px;
	border:none;
	border-bottom:1px solid #000000;
}

.menu ul li:last-child a {border:none;} /* per togliere il bordo in basso all'ultima sotto-voce*/

.menu1
margin:0px;
	padding:0px;
	border:none;

}

ul.menu1 {
	margin: auto auto auto 0;
}

/*Menu*/
.menu1 {
	background-color:#333333;
	background: linear-gradient(top, #666666 0%, #000 100%);
	background: -moz-linear-gradient(top, #666666 0%, #000 100%);
	background: -webkit-linear-gradient(top, #666666 0%, #000 100%);
	background: -ms-linear-gradient(top, #666666 0%, #000 100%);
	height:30px;
	width:100%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
}

.menu1 li{
	list-style-type:none;
	font-size: 12px;
	float:left;
	height:30px;
	position:relative;	
}
.menu1 li a{
	display:block;
	overflow: auto;
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	padding: 0px 15px;
	margin: 5px 0px;
	line-height: 15px;
	border-left: 1px solid #000000;
	transition:color .3s ease;
	-moz-transition:color .3s ease;
	-webkit-transition:color .3s ease;
	-ms-transition:color .3s ease;			
}

.menu1 li:first-child a {border-left:none;}
.menu1 li:last-child a {border-right:none;}
.menu1 li:hover > a {color:#990000;}

/*Sotto Menu*/

.menu1 ul{
	position:absolute;
	opacity:0; /*affinchè le voci sotto non si vedano*/
	background:#CCCCCC;
	transition:opacity .55s ease .1s;
	-moz-transition:opacity .55s ease .1s;
	-webkit-transition:opacity .55s ease .1s;
	-ms-transition:opacity .55s ease .1s;
	background: linear-gradient(top, #666666 0%, #000 100%);
	background: -moz-linear-gradient(top, #666666 0%, #000 100%);
	background: -webkit-linear-gradient(top, #666666 0%, #000 100%);
	background: -ms-linear-gradient(top, #666666 0%, #000 100%);				
}

.menu1 li:hover > ul{ /*quando ci passi sorpa trasofrma l'elemento in una lista*/
	opacity:1;

}

.menu1 ul li{/*quando passo sotto il menù, non compare la lista*/
	height:0;
	overflow:hidden;
	padding:0px;	
}

.menu1 li:hover > ul li{
	height:auto;
	overflow:visible;
}

.menu1 ul li a {
	width:100px;
	margin:0px;
	padding:5px 10px;
	border:none;
	border-bottom:1px solid #000000;
}

.menu1 ul li:last-child a {border:none;} /* pe