/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar
{
    /*      fabio     */ /*width:100%;      */
    position: relative;
    margin-bottom: 16px;
    margin-left: -1em;
    background-color: White;
}
/* provide background colour for submenu strip */
/* you should just set the menu's container bg colour rather than use pseudo-elements */


.sf-navbar:before
{
    /* 	content: ''; 	position: absolute; 	left: 0; 	z-index: -1;     margin-top:60px; 	background-color: red; 	height: 30px; 	width: 155%; 	margin-left:-270px*/
}

.sf-navbar ul
{
    box-shadow: none;
    height: 35px;
    width: 100%;
    table-layout: fixed;
   
    left: 208px;
    overflow: visible;
    position: absolute;
}

.sf-navbar li
{
    background: trasparent;
    position: static;
}

.sf-navbar > li > a
{
    border: none;
    font-family: 'Open Sans' , sans-serif;
    font-weight: 600;
    font-size: medium;
}

.sf-navbar > li > ul > li > a
{
    border: none;
    color: White;
    font-family: 'Open Sans' , sans-serif;
    font-weight: 600;
    font-size: medium;
}
/*fabio modifica*/
.sf-navbar > li > ul
{
    min-width: 36em; /*  set this to whatever suits your design */
}
/*fabio*/
.sf-navbar ul li
{
    margin-bottom: 16px;
    height: 35px;
    position: relative;
}

.sf-navbar ul ul
{
    left: 0;
    top: 100%;
}

.sf-navbar ul ul li
{
    /*width: 100%;*/
}

.sf-navbar > li > ul > li
{
    float: left;
}

.sf-navbar li.current
{
    /*background: #BDD2FF;*/
    background-color: transparent;
}

.sf-navbar li:hover, .sf-navbar li.sfHover, .sf-navbar ul li.current
{
    background-color: none;
}

.sf-navbar ul li:hover, .sf-navbar ul li.sfHover, .sf-navbar ul ul li
{
    background: none;
}

.sf-navbar ul ul li:hover, .sf-navbar ul ul li.sfHover, .sf-navbar ul ul li.current
{
    background: none;
}

.sf-navbar ul li.current > a
{
    font-weight: bold;
    font-family: 'Open Sans' , sans-serif;
    font-weight: 600;
    font-size: medium;
    background-color: none;
}

/*** point all arrows down ***/
.sf-arrows.sf-navbar ul .sf-with-ul:after
{
    margin-top: -3px;
    margin-right: 0;
    border-color: transparent;
    border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
    border-top-color: rgba(255,255,255,.5);
}

.sf-arrows.sf-navbar ul > li > .sf-with-ul:focus:after, .sf-arrows.sf-navbar ul > li:hover > .sf-with-ul:after, .sf-arrows.sf-navbar ul > .sfHover > .sf-with-ul:after
{
    border-color: transparent;
    border-top-color: white;
}