/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */



@import url(../../../warp/css/menus.css);
/* Mega Drop-Down Menu

----------------------------------------------------------------------------------------------------*/

/* Level 1 */

#menu .menu-dropdown {
	margin-top:-15px;
	margin-bottom:-15px;
}

.menu-dropdown > li:before {
	content:"";
	height:22px;
	display:inline-block;
	vertical-align:middle;
	border-right:1px solid rgba(255, 255, 255, 0.3);
	position:relative; top:21px;
}
.menu-dropdown a.level1,  .menu-dropdown span.level1 {
	color: #FFF;
	font-size: 16px;
	font-weight:bold;
}
.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {
	height: 62px;
    line-height: 62px;
    /*padding: 0 10px;*/
}

/* Set Active */
.menu-dropdown li.active .level1 {
	/*color: #10460D;*/
}
.menu-dropdown li.active .level1 span {
	background: #B30337;
	color:#fff;
}

/* Set Hover */
.menu-dropdown li.level1:hover .level1 span,  .menu-dropdown li.remain .level1 {
	background: #B30337;
	color:#fff;
}

/* Drop-Down */
.menu-dropdown .dropdown {
	top: 62px;
	background-color:#fff;
	border:1px solid #999;
	padding:20px 15px;
}
.menu-dropdown .dropdown-bg > div {
	/*
	padding: 0 5px;
	border-top: none;
	background: #B6BFA2;
	*/
}

/* Level 2 */
.menu-dropdown a.level2,  .menu-dropdown span.level2 {
	color: #143966;
	font-size:16px;
	font-weight:normal;
	position:relative;
}

.menu-dropdown a.level2:before{
	content: "";
	width:4px; height:4px;
	display:inline-block;
	vertical-align:middle;
	background-color:#143966;
	color:inherit;
	position:absolute;
	left:7px; top:14px;
}

.menu-dropdown a.level2 > span, .menu-dropdown span.level2 > span{
	line-height:18px;
	padding: 5px 20px;
}

/* Set Hover */
.menu-dropdown a.level2:hover {
	background: #F4F4F4;
	color:#B20237;
}

/* Set Current */
.menu-dropdown a.current.level2 {
	background: #F4F4F4;
	color:#B20237;
}

/* Set Hover */
.menu-dropdown a.level3:hover {
	/*color: #d50;*/
}

/* Set Current */
.menu-dropdown a.current.level3 {
	/*font-weight: bold;*/
}


/* Sidebar/Accordion Menu
----------------------------------------------------------------------------------------------------*/

/* Link */

.menu-sidebar a,  .menu-sidebar li > span {
	color: #444;
}
/* Hover */

.menu-sidebar a:hover,  .menu-sidebar li > span:hover {
	color: #d50;
}
/* Current */

.menu-sidebar a.current {
	font-weight: bold;
}
/* Level 1 */

.menu-sidebar li.level1 {
	/*border-right: 1px solid #ddd;*/
	float: left;
}
.menu-sidebar li.level1:first-child {
	border-top: none;
}
.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% -30px;
}
/* Level 2-4 */

.menu-sidebar ul.level2 ul {
	padding-left: 10px;
}
/* Line Menu

----------------------------------------------------------------------------------------------------*/

.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;
}


/* Principal */

#menu > ul + ul{
	display:none;
	visibility:hidden;
}

#menu ul.level2:before,
#menu ul.level2:after {
    content: "";
    display: block;
    overflow: hidden;
}

#menu ul.level2:after { clear: both; }

#menu ul.level2 {
}

#menu ul.level2 > li {
	float:left;
	width:100%;
}

@media (min-width: 768px) {
	#menu .dropdown,
	#menu .dropdown > div
	{
		width:400px !important;
	}
	#menu ul.level2 > li {
		width:50%;
  	}
}

@media (min-width: 1130px) {
	#menu .dropdown,
	#menu .dropdown > div
	{
		width:840px !important;
	}
	#menu ul.level2 > li {
		width:33.3333%;
  	}
}

/* absoulte */
#absolute .menu-dropdown a.level1,
#absolute .menu-dropdown span.level1 { color: #FFF; font-size: 13px; font-weight: normal; }
#absolute .menu-dropdown a.level1 > span,
#absolute .menu-dropdown span.level1 > span { height: 35px; line-height: 35px; }
#absolute .menu-dropdown .dropdown { top: 35px; }
#absolute .menu-dropdown > li:before{
	height:18px; top:8px;
}