/*
                                    Title: CSS classes for menu.
                                    Author: Rostislav Brizgunov, 2008

======================================= Classes Architecture ===============================================
.negeso_menu
  |
  +---li (different for TOP-level and others, may be for 2nd something special too)
  |     |
  |     +----li.item_over (simple menu item HOVER, me be different for each submenu-level)
  |     |
  |     +----li.item_selected (selected menu item. Style may be the same as HOVER-style. 
  |                            Also, hovering selected item is the same as for any other item.
  |                            .item_selected and .item_over - works together)
  |
  +----li.item_first (first items in list)
  |     |
  |     +----li.item_first_over     (HOVER for first items in list)
  |     |
  |     +----li.item_first_selected (selected first item in each sub-menu. May be different for TOP-level and others.
  |                                  .item_first_selected and .item_first_over - works together)
  |
  +----li.item_last (last items in list)
  |     |
  |     +----li.item_last_over     (HOVER for last items in list)
  |     |
  |     +----li.item_last_selected (selected last item in each sub-menu. May be different for TOP-level and others.
  |                                .item_last_selected and .item_last_over - works together)
  |
  +----li.item_single (single items in list)
        |
        +----li.item_single_over     (HOVER for single items in list)
        |
        +----li.item_single_selected (selected single item in each sub-menu. May be different for TOP-level and others.
                                    .item_single_selected and .item_single_over - works together)
============================================================================================================

Remember, that each CSS class, described upwards, may vary for top-level, second-level, etc.
*/

/*--------------------------------------------------- One deprecated class from past menu: begin */

/*--------------------------------------------------- One deprecated class from past menu: end */

/*=================================================== NEGESO MENU -- BEGIN ===================================================*/

.negeso_menu {
   color: #FFFFFF;		
   display: block;
   list-style: none;
   text-align:center!important;
}

.negeso_menu li ul {
	position: absolute;
	text-align:center!important;
	margin: 0;
	left: 0;
	top: 39px;
	padding: 0 0 25px 0;
	z-index: 2;
	list-style: none;
	display: none;
	background:#000 url(/site/core/images/level2.gif) bottom right no-repeat;		
	border-bottom: 1px solid #5E5E5E;
	border-left: 1px solid #5E5E5E;
	border-right: 1px solid #5E5E5E;
	
}



/*--------------------------------------------------- Middle item: begin ---------------------------------------------------*/

/*--------------------------------- Top level: begin ---------------------------------*/
.negeso_menu li,
.negeso_menu li.item_last
{	
	float: left;
	display: block;
	position: relative;
	cursor: pointer;
	/* background: transparent url(/site/core/images/midd_menu.gif) top right no-repeat; */	
}

.negeso_menu li.item_last{
	background: none!important;	
	padding:0 0 0px 15px;
	
	}

.negeso_menu > li.item_over > a,
.negeso_menu > li.item_selected > a,
.negeso_menu > li.item_last_over > a,
.negeso_menu > li.item_last_selected > a

{
   text-decoration: underline !important;
   color: #fff !important;
}

ul.negeso_menu li a,
ul.negeso_menu li.item_last a
{	font: 17px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
	width: 195px;
	padding: 10px 0;
	
	display: block;
}
ul.negeso_menu > li > a{
   border-left: 1px solid #5E5E5E;
   margin-right: 1px;
}

ul.negeso_menu > li:first-child > a {
  border-left: 1px solid #000;
}
.negeso_menu li.item_last_over a,
.negeso_menu li.item_last_selected a
{
	text-decoration: none;
	color: #424242!important;
}
/*--------------------------------- Top level: end ---------------------------------*/

/*--------------------------------- 2-nd levels: begin ---------------------------------*/
.negeso_menu li ul li,
.negeso_menu li ul li.item_last
{
	width:100%!important;
	min-width:130px;
	padding: 2px 0 1px 0px;
	color:ffffff;
	margin:0px;
	background:none;
	text-align:center!important;
	
}


.negeso_menu li ul li.item_over,
.negeso_menu li ul li.item_selected,
.negeso_menu li ul li.item_last_over,
.negeso_menu li ul li.item_last_selected
{
	background-color:transparent;
	background:none!important;
}

.negeso_menu li ul li a,
.negeso_menu li ul li.item_last a
{

	display: block;
	float: none;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#969696!important;
	padding-top:4px;
	margin:0px;
   }

.negeso_menu li.item_over li.item_over a,
.negeso_menu li.item_last_over li.item_last_over a,
.negeso_menu li.item_over li.item_last_over a,
.negeso_menu li.item_over ul li.item_selected a

 {
	color: #ffffff!important;
}



/*--------------------------------- 2-nd levels: end ---------------------------------*/

/*--------------------------------- 3-rd levels: begin ---------------------------------*/

.negeso_menu li ul li ul {
	left: 162px;
	top: -2px;	
}


/*--------------------------------------------------- Middle item: end ---------------------------------------------------*/

/* Next adds (till end of this file) are special for Internet Explorer, because of it's don't understand "color: inherit;" 
   
   Correct solution in this case:
   .negeso_menu li a { color: inherit; text-decoration: none; }
   
   ...That's all. But IE 7- doesn't recognize "inherit". thus I'd used hardcode.
   
   Hardcoded for 5 levels :-(
   
*/
.negeso_menu li a,
.negeso_menu li.item_selected li a,
.negeso_menu li.item_over li a,
.negeso_menu li.item_selected li.item_selected li a,
.negeso_menu li.item_over li.item_over li a,
.negeso_menu li.item_selected li.item_selected li.item_selected li a,
.negeso_menu li.item_over li.item_over li.item_over li a,
.negeso_menu li.item_selected li.item_selected li.item_selected li.item_selected li a,
.negeso_menu li.item_over li.item_over li.item_over li.item_over li a {
	color: black;
	text-decoration: none;
}

.negeso_menu li.item_selected a,
.negeso_menu li.item_over a,
.negeso_menu li.item_selected li.item_selected a,
.negeso_menu li.item_over li.item_over a,
.negeso_menu li.item_selected li.item_selected li.item_selected a,
.negeso_menu li.item_over li.item_over li.item_over a,
.negeso_menu li.item_selected li.item_selected li.item_selected li.item_selected a,
.negeso_menu li.item_over li.item_over li.item_over li.item_over a,
.negeso_menu li.item_selected li.item_selected li.item_selected li.item_selected li.item_selected a,
.negeso_menu li.item_over li.item_over li.item_over li.item_over li.item_over a {
	text-decoration: none;
	color: #424242;
}

#negeso_main_menu>li>a{
	width: 194px;
}

.mainMenu {
    display: block;
}

/*responsive menu*/
.responsive-menu {
	display: none;
  visibility: hidden;
}

.responsive-menu-button {
    display: none;
    cursor: pointer;
}


/*Media 1995px*/
    .responsive-menu-button {
        width: 131px;
        height: 40px;
        margin-left: 70px;
        margin-top: 15px;
        background: url(../images/hamb_menu.png) no-repeat;
    }
    #header .mainMenu.active_main_menu {
        position: absolute;
        top: 184px;
        left: 0px;
        visibility: visible;
        border: 1px solid #5E5E5E;
        margin: 0;
        width: 250px;
        height: 250px;
        background: #000000
    }

   .mainMenu.active_main_menu .negeso_menu {
        width: 250px;
        background: #323e49;
        background: red;

    }
    .mainMenu.active_main_menu .negeso_menu>li {
        width: 240px;
        background:#000;
        padding-right: 10px;
    }
    .mainMenu.active_main_menu .negeso_menu .menu-cover-bottom {
        left: 230px;
        top: 0;
    }
    .mainMenu.active_main_menu>.negeso_menu>li.item_selected>a,
    .mainMenu.active_main_menu>.negeso_menu>li.item_over>a,
    .mainMenu.active_main_menu>.negeso_menu>li.item_first_selected>a,
    .mainMenu.active_main_menu>.negeso_menu>li.item_first_over>a {
       background: Transparent url(../images/menu_arrow_right.png) center right no-repeat;
       
    }

    .mainMenu.active_main_menu #negeso_main_menu>li>a{
	width: 230px;
	}

	.mainMenu.active_main_menu .negeso_menu li ul {
	left: 250px;
	top: -1px;
	border: 1px solid #5E5E5E;
	padding: 0;
	}


  .mainMenu.active_main_menu ul.negeso_menu > li > a{
    border:none;
  }

/*Menu DE*/
.menu_de>ul.negeso_menu>li>a, .menu_de>ul.negeso_menu>li.item_last>a{
  font-size: 15px;
  padding: 11px 0;
}