@import url(../warp/css/menus.css);

.menu-dropdown { margin-bottom: -10px; }
.menu-dropdown li.level1 {
margin-left: 1px;
padding-bottom: 10px;
}

.menu-dropdown li .level1, .menu-dropdown a.level1, .menu-dropdown span.level1 {
color: #000000; 
}

.menu-dropdown a.level1,
.menu-dropdown span.level1 {
background: url(../images/menu_separator.png) no-repeat 100% 50% transparent;
color: #000000;
font-size: 16px;
text-transform: uppercase;
}

.menu-dropdown:last-child li.level1:last-child .level1:last-child {
background: none;
}

.menu-dropdown a.level1 > span,
.menu-dropdown span.level1 > span {
height: 40px;
line-height: 40px;
padding: 0 8px;
}

.menu-dropdown li.active .level1,
.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1 { 
color: #A32B40; 
}

.menu-dropdown .dropdown-bg {
background: url(../images/haczyk.png) no-repeat scroll 15px 0 transparent;
padding-top:9px;
}

.menu-dropdown .dropdown {
top: 45px;
}

.menu-dropdown .dropdown-bg > div {
border: 0px;
background: #404040;
height:auto !important;
color: #ffffff;
top: 10px;
margin: 0px 5px 10px 5px;
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
}

.menu-dropdown div.module {
background: #ffffff;
margin: 0px;
padding: 5px 5px;
}

.menu-dropdown li.level2 { 
margin-bottom: 1px;
padding:0 10px 0 10px;
background: none; 
color: #ffffff; 
border-top: 1px solid #cccccc;
}

.menu-dropdown li.level2:hover  { 
margin-bottom: 1px;
background: none; 
color: #ffffff; 
}

.menu-dropdown li.level2:first-child { border: none; }
.menu-dropdown a.level2,
.menu-dropdown span.level2 { color: #ffffff; }
.menu-dropdown a.level2:hover { color: #ffffff; }
.menu-dropdown a.current.level2 { font-weight: normal; }
.menu-dropdown a.level3,
.menu-dropdown span.level3 { color: #ffffff; }
.menu-dropdown a.level3:hover { color: #ffffff; }
.menu-dropdown a.current.level3 { font-weight: normal; }
.menu-dropdown a.level4,
.menu-dropdown span.level4 { color: #ffffff; }
.menu-dropdown a.level4:hover { color: #ffffff; }
.menu-dropdown a.current.level4 { font-weight: normal; } 

.menu-dropdown li.level3, .menu-dropdown li.level4 { 
padding-left:5px;
}

.menu-dropdown .level1 .level1 span.icon {
height: 40px;
margin-left: -15px;
margin-right: 10px;
width: 40px;
}

.menu-dropdown .level1 .level1 span.icon + span,
.menu-dropdown .level1 .level1 span.icon + span + span { margin-left: 25px; }
.menu-dropdown li.level2 .level2 span.icon { margin-right: 4px; height:35px; width:35px;}
.menu-dropdown li.level2 .level2 span.icon + span,
.menu-dropdown li.level2 .level2 span.icon + span + span { margin-left: 39px; }
.menu-dropdown .level1 .level1 span.title { line-height: 25px; }
.menu-dropdown .level1 .level1 span.subtitle { margin-top: -3px; }
.menu-dropdown li.level3 .level3 span.icon { margin-right: 4px; height:15px; width:15px;}
.menu-dropdown li.level3 .level3 span.icon + span,
.menu-dropdown li.level3 .level3 span.icon + span + span { margin-left: 39px; }
.menu-dropdown li.level4 .level4 span.icon { margin-right: 4px; height:15px; width:15px;}
.menu-dropdown li.level4 .level4 span.icon + span,
.menu-dropdown li.level4 .level4 span.icon + span + span { margin-left: 39px; }

.menu-dropdown div.module a, .menu-dropdown div.module a:link, .menu-dropdown div.module a:visited {display:inline; color:#ffffff;}
.menu-dropdown div.module a:hover {display:inline; color:#ffffff;}

#sidebar-a .menu-sidebar {}
#sidebar-b .menu-sidebar {}

.menu-sidebar a,
.menu-sidebar li > span { color: #000000; }
.menu-sidebar a:hover,
.menu-sidebar li > span:hover { color: #000000; }
.menu-sidebar a.current { color: #C5314B; }
.menu-sidebar li.parent .level1 > span { background: url(../images/menu_sidebar_parent.png) 100% 0 no-repeat; }
.menu-sidebar li.parent.active .level1 > span { background-position: 100% -100px; }
.menu-sidebar ul.level2 ul { padding-left: 10px; }

.menu-sidebar span.icon {
background-position: 50% 50%;
background-repeat: no-repeat;
display: inline-block;
height: 30px;
margin-right: 4px;
vertical-align: middle;
width: 30px;
}

.menu-sidebar ul.level2 {
padding-top: 1px;
}

.menu-sidebar li.level2 .level2 span.icon { height:15px; width:15px;}
.menu-sidebar li.level3 .level3 span.icon { height:15px; width:15px;}
.menu-sidebar li.level4 .level4 span.icon { height:15px; width:15px;}

.menu-sidebar li.level1  { 
margin-bottom: 1px;
padding: 0px;
background: none; 
color: #000000; 
}

.menu-sidebar li.level1:hover  { 
margin-bottom: 1px;
background: none; 
color: #000000; 
}

.menu-sidebar .level2, .menu-sidebar .level3, .menu-sidebar .level4 {
padding-left: 5px;
}

.menu-line li {
margin-left: 7px;
padding-left: 8px;
background: url(../images/menu_line_item.png) 0 50% no-repeat;
}

.menu-line li:first-child {
margin-left: 0;
padding-left: 0;
background: none;
}

.menu-line  span.icon {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
float: left;
}

.menu-line .level1 .level1 span.icon {
height: 18px;
margin-left: 0px;
margin-right: 4px;
width: 18px;
}