/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu *{margin:0;padding:0;list-style:none}
.sf-menu li{position:relative}
.sf-menu ul{position:absolute;display:none;top:100%;left:0;z-index:9999}
.sf-menu > li{float:left}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul{display:block}

.sf-menu a{display:block;position:relative}
.sf-menu ul ul{top:0;left:100%}


/*** DEMO SKIN ***/
.sf-menu{float:left;margin-bottom:1em}
.sf-menu ul{box-shadow:2px 2px 6px rgba(0,0,0,.2);min-width:12em;/* allow long menu items to determine submenu width */*width:12em;/* no auto sub width for IE7, see white-space comment below */}
.sf-menu a{border-left:0 solid #fff;border-top:0 solid #dFeEFF;/* fallback colour must use full shorthand */border-top:0 solid rgba(255,255,255,.5);padding:.40em .65em;text-decoration:none;zoom:1;/* IE7 */}
.sf-menu a{color:#464646}
.sf-menu li{background:url(../img/sfondoMenuLi.png) right center no-repeat;padding:6px;white-space:nowrap;/* no need for Supersubs plugin */*white-space:normal;/* ...unless you support IE7 (let it wrap) */-webkit-transition:background .2s;transition:background .2s}
.sf-menu ul li{background-image:none;background-color:#f3efea;border-bottom:1px solid #fff;text-transform:none;width:100%}
.sf-menu ul ul li{background-image:none;background-color:#f3efea;border-bottom:1px solid #fff;text-transform:none;width:100%}
.sf-menu li:hover,.sf-menu li.sfHover{/* only transition out, not in */-webkit-transition:none;transition:none}
.sf-menu li:last-child{background-image:none}
.sf-menu li.lastChild{background-image:none}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul{padding-right:2.5em;*padding-right:1em;/* no CSS arrows for IE7 (lack pseudo-elements) */}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after{content:'';position:absolute;top:50%;right:1em;margin-top:-3px;height:0;width:0;/* order of following 3 rules important for fallbacks to work */border:5px solid transparent;border-top-color:#dFeEFF;/* edit this to suit design (no rgba in IE8) */border-top-color:rgba(255,255,255,.5)}
.sf-arrows > li > .sf-with-ul:focus:after,.sf-arrows > li:hover > .sf-with-ul:after,.sf-arrows > .sfHover > .sf-with-ul:after{border-top-color:white;/* IE8 fallback colour */}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after{margin-top:-5px;margin-right:-3px;border-color:transparent;border-left-color:#dFeEFF;/* edit this to suit design (no rgba in IE8) */border-left-color:rgba(255,255,255,.5)}
.sf-arrows ul li > .sf-with-ul:focus:after,.sf-arrows ul li:hover > .sf-with-ul:after,.sf-arrows ul .sfHover > .sf-with-ul:after{border-left-color:white}