/* EFOM CSS JQUERY SUPERFISH */

.border_radius { border-radius: 5px;}

.sf-menu, .sf-menu *					{ margin: 0; padding: 0; list-style: none; }

.sf-menu						{ float: left; }

ul.sf-menu 						{height: 50px;}

.sf-menu li						{ position: relative; }

.sf-menu ul						{ display: none; position: absolute; top: 100%; left: 0; z-index: 99;}

.sf-menu > li						{ float: left; }

.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul				{ display: block; }

.sf-menu a						{ display: block; text-decoration: none; position: relative; zoom: 1; font-size: 14px; color: #fff; padding: 5px 20px 5px 8px; top: 12px;}

.sf-menu a span						{ display: none; }

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

/* LEVEL 0 */
.sf-menu li.mlevel0					{ height: 50px; }
.sf-menu li.mlevel0 img				{ width: 32px; height: 32px; position: relative; top: 12px; left: 4px; padding-left: 8px; }


.sf-menu li.li_active			{ /*background: #CFDEFF; */ background-image:linear-gradient(to bottom, rgba(245, 246, 252, 0.4), rgba(207, 222, 255, 1)); box-shadow: #000 2px 2px 10px;}
.sf-menu li.li_active a			{ color: #000; }

/*
.sf-menu li.mlevel0					{ }
.sf-menu li.mlevel0 a.alevel0				{ height: 72px; background: url('/_admin/gfx/menu.gif') no-repeat 0 0; }

.sf-menu li.mlevel0 a.pulpit				{ width: 150px; background-position: 0 0; }
.sf-menu li.mlevel0 a.pulpit:hover			{ width: 150px; background-position: 0 -72px; }
.sf-menu li.mlevel0 a.zamowienia			{ width: 200px; background-position: -545px 0; }
.sf-menu li.mlevel0 a.zamowienia:hover			{ width: 200px; background-position: -545px -72px; }
.sf-menu li.mlevel0 a.zamowienia_active			{ width: 200px; background-position: -545px -144px; }
.sf-menu li.mlevel0 a.kontrahenci			{ width: 205px; background-position: -340px 0; }
.sf-menu li.mlevel0 a.kontrahenci:hover			{ width: 205px; background-position: -340px -72px; }
.sf-menu li.mlevel0 a.kontrahenci_active		{ width: 205px; background-position: -340px -144px; }
.sf-menu li.mlevel0 a.baza-ofert				{ width: 190px; background-position: -150px 0; }
.sf-menu li.mlevel0 a.baza-ofert:hover			{ width: 190px; background-position: -150px -72px; }
.sf-menu li.mlevel0 a.baza-ofert_active			{ width: 190px; background-position: -150px -144px; }
.sf-menu li.mlevel0 a.stan-magazynowy			{ width: 263px; background-position: -745px 0; }
.sf-menu li.mlevel0 a.stan-magazynowy:hover			{ width: 263px; background-position: -745px -72px; }
.sf-menu li.mlevel0 a.stan-magazynowy_active			{ width: 263px; background-position: -745px -144px; }
.sf-menu li.mlevel0 a.administracja		{ width: 222px; background-position: -1008px 0; }
.sf-menu li.mlevel0 a.administracja:hover	{ width: 222px; background-position: -1008px -72px; }
.sf-menu li.mlevel0 a.administracja_active	{ width: 222px; background-position: -1008px -144px; }

.sf-menu li.mlevel0 a.towary-i-uslugi		{ width: 222px; background-position: -1230px 0; }
.sf-menu li.mlevel0 a.towary-i-uslugi:hover	{ width: 222px; background-position: -1230px -72px; }
.sf-menu li.mlevel0 a.towary-i-uslugi_active	{ width: 222px; background-position: -1230px -144px; }
*/
/* LEVEL 1 */

.sf-menu ul.wtitles					{ width: 692px !important; }
.sf-menu ul.wtitles .wbox				{ width: 171px; float: left; margin-left: 1px; }
.sf-menu ul.wtitles .wbox .wcaption			{ padding: 2px 4px; color: #FFFFFF; font-weight: bold; background-color: #4A6EA3; }
.sf-menu ul.wtitles .wbox .wrow				{ padding: 2px 4px; }
.sf-menu ul.wlevel1					{ width: 256px; padding-top: 6px; background: url('/_admin/gfx/menu_arrow.png') no-repeat 50% 1px;  }
.sf-menu ul.wlevel1 li.mlevel1				{ padding: 4px 0px; background-color: #365D98; }

.sf-menu ul.wlevel1 li.mlevel1 a.alevel1		{ font-size: 11px;color: #FFFFFF; padding: 4px 12px; top: 0px; }
.sf-menu ul.wlevel1 li.mlevel1 a.alevel1:hover		{ color: #FFFFFF; background-color: #4A6EA3; }
.sf-menu ul.wlevel1 li.mlevel1 a.active			{ color: #FFFFFF; background-color: #4A6EA3; }
.sf-menu ul.wlevel1 li.mempty				{ padding: 8px 0px; background-color: #365D98; }

.sf-menu li:hover,
.sf-menu li.sfHover					{ /* background: #4A6EA3;; */  background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0.4), rgba(74, 110, 163, 1)) }

.sf-menu li:hover a,
.sf-menu li.sfHover a					{ color: #fff;}

.sf-menu li.sfHover a.baza-ofert			{ background-position: -150px -72px; }
.sf-menu li.sfHover a.kontrahenci			{ background-position: -340px -72px; }
.sf-menu li.sfHover a.zamowienia			{ background-position: -545px -72px; }
.sf-menu li.sfHover a.stan-magazynowy		{ background-position: -745px -72px; }
.sf-menu li.sfHover a.administracja			{ background-position: -1008px -72px; }
.sf-menu li.sfHover a.towary-i-uslugi		{ background-position: -1230px -72px; }


/*** 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;
}