#menu-orizzontale-or{ float: left; background: url(../images/nav.gif) repeat-x 0 0; width: 100%; height: 40px;}

#menu-orizzontale-or.nav-fix {
    max-width: 100%;
    position: fixed;
    top: 0;
    width: 1148px;
    z-index: 9999;
}
.menuitem{ float: left; background: url(../images/nav.gif) repeat-x 0 0;}
.menuitem .menu{ margin: 0; padding: 0;}
.menuitem .menu li{ list-style: none; float: left; position: relative; }
.menuitem .menu a{ font-size: 13px; text-decoration: none; display: block; float: left; color: #fff; line-height: 40px; padding: 0 18px; text-transform: uppercase; font-family: 'latoblack';}
.menuitem .menu li.active a{ background: #fff; color: #3b81de;}
.menuitem .menu li:hover a{ background: #fc9a0e; color: #fff;}
.menuitem .menu li.no-small ul{ width: 250px;}
.menuitem .menu ul{ position: absolute; z-index: 9999; display: none; left: 0; top: 40px; width: 230px; padding: 0; background: #015daa;}
.menuitem .menu li:hover ul{ display: block;}
.menuitem .menu ul li{ float: none;}
.menuitem .menu ul li a{ font-size: 12px; display: block; float: none;}
.menuitem .menu li:hover li a{ background: #015daa; color: #fff;}
.menuitem .menu ul li a.active, .menuitem .menu ul li:hover a{ background: #fd9d12; color: #fff;}
.menuitem .menu li.parent.active a span, .menuitem .menu li.parent:hover a span{ background: url(../images/bg-sub.png) no-repeat right center;}
.menuitem .menu li.parent a span{ background: url(../images/bg-sub.png) no-repeat right center; padding-right: 12px;}
.menuitem .menu li.parent li a span{ background: none !important; padding: 0 !important;}

@media only screen and (max-width: 767px) {
	#expan {
		background: url(../images/bg-toggle.gif) no-repeat 0 0;
		display: block;
		left: 23px;
		margin: 0;
		position: fixed; position: absolute; left: 8px; cursor: pointer; padding: 0;
		top: 6px; width: 22px; height: 22px; text-indent: -2000px; overflow: hidden;
		z-index: 910; 
	}
	#menu-orizzontale-or { background: none; height: auto; }
	.menuitem .menu{ display: none;
    position: absolute;
    left: 0; 
    z-index: 910;
    background: url(../images/nav.gif) repeat 0 0; 
    top: 37px; width: 50%;}
	.menuitem .menu ul{ width: 100%;}
	.menuitem .menu li{ float: none;}
	.menuitem .menu li a{ float: none;}	
	.menuitem .menu li.parent li a span{ padding: 0 0 0 15px !important;}
}
@media only screen and (max-width: 480px) {
	.menuitem .menu{ width: auto; right: 0;}
	/*#expan{ top: 12px;}*/
	
}
@media (max-width: 1147px) {
	#menu-orizzontale-or.nav-fix{ width: auto; left: 15px; right: 15px;}
}
@media (min-width: 768px) and (max-width: 1147px) {
	.menuitem .menu a{ font-size: 11px; padding: 0 5px;}
	.menuitem .menu ul{ width: 170px;}
	.menuitem .menu ul li a{ padding: 8px; line-height: normal; font-size: 11px; }
	.menuitem .menu .item-236 ul{ left: auto; right: 0; }
	
	
}
@media (min-width: 800px) and (max-width: 1147px) {
	.menuitem .menu a{ padding: 0 7px;}
}
@media (min-width: 980px) and (max-width: 1147px) {
}
@media (min-width: 1024px) and (max-width: 1147px) {
	#logo{ width: 16%;}
	.menuitem .menu a {
		font-size: 13px;
		padding: 0 13px;
	}
	.menuitem .menu ul li a{ font-size: 13px;}
	.menuitem .menu ul{ width: 230px;}
}



