div.menu-left {float:left; font-size:10px;color:#FF0;}
div.mainsubmenu {
    display: inline-block;
    height: 40px;
    line-height: 40px; 
    float:left;
    font-size:110%;
    color:#555;
    z-index: 2;
    
    padding-right:1em; 
    min-width: 40px;
    text-align: center; 
}

div.mainsubmenu.right {
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#menu-right-container {
    float: right;
    width: 10%;
}


div.mainsubmenu:hover {background-color: white;color:black;cursor:pointer;}
div.mainsubmenu:hover > a{color:black;}
div.mainsubmenu a{color:#555;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 { padding: 0 12px;text-transform:uppercase;}

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


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

div.mainsubmenu.selsub {
    background-color: #0293d1;
    color: #FFF;
    text-shadow: 0px 1px #666
}
div.mainsubmenu.submenu.selsub{background-color: #0293d1; color:white;}
div.submenu.selsub{background-color: #0293d1; 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 #ececec;
	float:left;margin:0 auto;width: 100%;
    


		/*
	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{padding-left:5px;display: inline-block;}


.badge {
	border: 2px solid white; 
	margin: 1px; 
    padding: 4px;
	
	
	z-index: 1000;
	
	
	right: 10px;
	top: -10px;
	
	height: 17px;
	display: inline-block;
	
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	
	text-align: center;
	font-size: 90%;
	font-weight: bold;
    color: white;
    
    
	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: 15px;
    
    
}

/* 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: #0293d1;
	color:#FFF;
}

.mainsubmenu ul li :hover>*{
	
	color:#FFF;
}

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

.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;
		}

}