div.menu-left {float:left;position:relative;font-size:10px;color:#FF0;}
div.menu-right {float:right;position:relative;font-size:10px;color:#FF0;}
div.mainsubmenu {height: 40px;line-height: 40px; float:left;position:relative;font-size:10px;color:#fff; z-index: 2;}
div.mainsubmenu {font-size: 100%;}
div.mainsubmenu:hover {background-color: white;color:black;cursor:pointer;}
div.mainsubmenu:hover > a{color:black;}
div.mainsubmenu a{color:#fff;line-height:38px;padding:0 8px;text-decoration:none;text-transform:uppercase;border-left:2px solid #d9dadb;}

div.mainsubmenu.selmain {background-color: #2d2925; font-weight: bold;}
div.mainsubmenu.selmain > * {color:white;text-transform:uppercase;font-size:100%; border: none;}
div.mainsubmenu.selmain:hover>*{color:#EEE;}

div.mainsubmenu.submenu {font-size: 100%; padding: 0 10px;text-transform:uppercase;}

div.mainsubmenu.submenu.selsub{background-color: #009b3d; color:white;}


div.mainsubmenu.selsub > * {color:white; border:none; }
div.mainsubmenu.selsub:hover > * {color:white;}

div.mainsubmenu.selsub {
/*
background-image: linear-gradient(bottom, rgb(59,39,4) 1%, rgb(184,117,35) 69%);
background-image: -o-linear-gradient(bottom, rgb(59,39,4) 1%, rgb(184,117,35) 69%);
background-image: -moz-linear-gradient(bottom, rgb(59,39,4) 1%, rgb(184,117,35) 69%);
background-image: -webkit-linear-gradient(bottom, rgb(59,39,4) 1%, rgb(184,117,35) 69%);
background-image: -ms-linear-gradient(bottom, rgb(59,39,4) 1%, rgb(184,117,35) 69%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.01, rgb(59,39,4)),
	color-stop(0.69, rgb(184,117,35))
);
*/
    background-color: #F39E04;
color: #FFF;
}
div.mainsubmenu.submenu.selsub{background-color: #009b3d; color:white;}
div.submenu.selsub{background-color: #009b3d; color:white;}


div.mainsubmenu.selsub  ul li div.selsub a {
	color: white;
}

#menu-logged-out-menu li a{font-size:14px; color:white;margin-right: 10px;}
#menu-logged-out-menu li a:hover {background-color:red;color:white;}

#access .menu-header, div.menu, #colophon, #branding, #main, #wrapper{margin:0 auto;}
#access{
	background:none repeat scroll 0 0 #fab434;
	float:left;margin:0 auto;width: 100%;
	/*position: fixed;*/
	top: 0;
	left: 0;
		/*
	background-image: linear-gradient(bottom, rgb(4,44,61) 1%, rgb(62,79,94) 69%);
	background-image: -o-linear-gradient(bottom, rgb(4,44,61) 1%, rgb(62,79,94) 69%);
	background-image: -moz-linear-gradient(bottom, rgb(4,44,61) 1%, rgb(62,79,94) 69%);
	background-image: -webkit-linear-gradient(bottom, rgb(4,44,61) 1%, rgb(62,79,94) 69%);
	background-image: -ms-linear-gradient(bottom, rgb(4,44,61) 1%, rgb(62,79,94) 69%);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#042c3d, endColorstr=#3e4f5e);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.01, rgb(4,44,61)),
		color-stop(0.69, rgb(62,79,94))
	);
	*/


}
ul.menu li{float:left;position:relative;}
ul.menu-left li{line-height:38px;float:left;position:relative;font-size:10px;color:#FF0;}
ul.menu-right li{line-height:38px;float:right;position:relative;font-size:10px;color:#FF0;}
ul.menu-pages li{line-height:38px;float:left;color:#464646;background-color:#222;}
ul.menu-pages li:hover{background-color:#FFF;}
#access li.sel{background-color:#444;}
#access li:hover > a{color:black;}
#access li:hover{
	background-color:#FFF;
}
#menu-admin li{background:none repeat scroll 0 0 #401010;}
#menu-vendor li{background:none repeat scroll 0 0 #ffba00;}
#menu-admin li a, #menu-vendor li a{font-size:14px; color:white;}
#menu-admin li a:hover, #menu-admin li.sel{background-color:red;color:white;}
#menu-vendor li a:hover, #menu-vendor li.sel{background-color:#fbc535;}
#menu-vendor li.sel a, #menu-admin li.sel a{color:white;font-weight:bold;}
.title-menu-left{font-weight:bold;color:gray;margin-top:4px;}
#menu-left li a{margin-left:5px;}


.badge {
	border: 2px solid white;
	margin: 1px; padding: 1px;
	margin-top: 4px;
	max-width:25px;

	z-index: 1000;

	position:absolute;
	right: -8px;
	top: 0px;

	height: 16px;
	display: inline-block;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	text-align: center;
	font-size: 90%;

	background: #ff3019; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */

	line-height: 1.5em;
}

/* gestione dei sottomenu */
.mainsubmenu ul {
    position: absolute;
    display: none;
	z-index: 999;
}
.mainsubmenu  ul li {
	background-color: #d0d0d0;
    width: 130%;
	color: green;
	font-size:120%;
	text-transform: uppercase;

}

.mainsubmenu  ul li :hover{
	background-color: #EEE;
	color:#170017;
}

.mainsubmenu ul li a {
	display: inline-block;
	height: 40px;
	width: 80%;
    text-decoration: none;
	font-size:80%;
	border: None;
}

.mainsubmenu.submenu:hover ul {
    display: block;
}



/* fine gestione sottomenu */

/* Maxmum width of 480 pixels. */
@media screen and (max-width: 480px) { /* 480 */

div.mainsubmenu {display:block; width:100%; position:relative;color:#E5E5E5; text-align:center;}

	.badge {
		position: relative;
		}

}