nav{float:right;}

/*** livello UNO ***/
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu > li {position:relative; float:left; font:400 16px/22px 'Roboto', sans-serif; text-transform:uppercase; text-shadow:1px 1px 1px rgba(0,0,0,0.40); letter-spacing:-1px; border-right:1px solid #ddd; padding:33px 20px;}
.sf-menu > li:inizio{padding-left:0;}
.sf-menu > li.fine{border-right:none; padding-right:0;}
.sf-menu > li > a {color:#97979B; text-decoration: none;}
.sf-menu > li.sfHover > a,.sf-menu > li > a:hover, .sf-menu > li.selezionato > a  {text-decoration:none; color:#006C90; z-index: 9999;}
.sf-menu > li > a span.freccia{display:block; width:100%; height:6px; position:absolute; top:31px; left:0; background:url(../img/menu-arrow.gif) center top no-repeat;}

/*** livello DUE gestione apparizione ***/
.sf-menu ul { position: absolute; display: none; top: 100%; left: 0;	width:148px; z-index: 99; background:url(../img/bg-submenu.png) center repeat;}
.sf-menu > li { float: left;}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; }
.sf-menu a {	color:#fdfdfd; display: block;	position: relative;}
.sf-menu ul ul { top: 0; left: 100%;}

/*** livello DUE ***/

.sf-menu li li{ width:100%;	padding:0; position:relative; font:400 16px/20px 'Roboto', sans-serif; text-shadow:1px 1px 1px rgba(0,0,0,0.21); letter-spacing:0px;}

.sf-menu li li a{ display:block; text-align:left;	padding:10px; color:#006C90; background:url(../img/sf-submenu.png) center -999em repeat-x; text-decoration:none; font-size: 13px;}
/*
.sf-menu li li a{ display:block; text-align:center;	padding:10px; color:#006C90; background:url(../img/sf-submenu.png) center -999em repeat-x; text-decoration:none; font-size: 13px;}
*/
.sf-menu li li > a:hover,.sf-menu li li.sfHover > a{color:#fdfdfd; text-decoration:none; background-position:center top;}

/*** DEMO SKIN ***/

/* Design for a width of 768px */
@media only screen and (max-width: 995px){
	.sf-menu > li {padding:33px 20px;}
	.sf-menu ul {width:110px;}
	/***submenu***/
	.sf-menu li.sfHover ul {left:0;}
	/***subsubmenu***/
	ul.sf-menu ul ul{width:225px;}
	ul.sf-menu ul ul li{width:110px;}
	ul.sf-menu li li.sfHover ul {left:111px;}
}

/* Design for a width of 480px and 320px*/
@media only screen and (max-width: 767px) {
	nav{float:none;}
	.sf-menu > li{width:100%; border-right:none; padding:0; margin-bottom:5px;}
	.sf-menu > li a{display:block; padding:14px 19px; background:#006C90; color:#fff; border-radius:2px;}
	.sf-menu > li.sfHover > a,.sf-menu > li > a:hover, .sf-menu > li.selezionato > a {background-color:#97979B; color:#fff;}
	.sf-menu > li > a span.freccia{width:11px; top:23px; left:auto; right:18px; background:url(../img/menu-arrow.gif) center -13px no-repeat;}
	/***submenu***/
	.sf-menu ul {position:static; width:100%;}
	.sf-menu li li a{text-align:left; padding:14px 18px;}
	.sf-menu li li a span.freccia{display:block; width:11px; height:6px; position:absolute; top:23px; right:18px; background:url(../img/menu-arrow.gif) center top no-repeat;}
	.sf-menu li li.sfHover a span.freccia,.sf-menu li li a:hover span.freccia, .sf-menu li li.selezionato  a span.freccia{background-position:center -13px;}
	/***subsubmenu***/
	ul.sf-menu ul ul{width:100%; background-color:transparent;}
	ul.sf-menu ul ul li{float:none; margin-right:0; width:100%;}
	ul.sf-menu ul ul li a{padding:14px 18px 14px 40px;}
}