.menu { height: 36px; width: auto; background: url(/img/menu_bg.png) no-repeat top center;}
.menu_menu {padding:0; list-style:none; height:36px; position:relative;
font-family:arial, verdana, sans-serif; z-index: 10; margin: 0 auto;}

.menu_menu li.top {
  display:block; float:left; position:relative;
  width: 100px;  text-align: center; letter-spacing: .01em;
}

.menu_menu li.center {width: 130px;}

html:first-child .menu_menu li.top {display: table; height: 40px;}

.menu_menu li a.top_link {display:block; height:36px; line-height:36px; color:#0148b2;
text-decoration:none; font-size:.9em; padding:0 0 0 15px; cursor:pointer;}
.menu_menu li a.top_link.lagre { padding:0 0 0 4px; }
.menu_menu li a.top_link span {display:block; padding:0 15px 0 0;
height:36px; text-transform: uppercase;}

.menu_menu li.right {display:block; position:relative;}
.menu_menu li a.top_link span.down {display:block; padding:0 15px 0 0; height:40px;
background: url(/img/down.gif) no-repeat right top; text-transform: uppercase;}

.menu_menu li a.top_link.lagre span,
.menu_menu li a.top_link.lagre span.down { padding:0 4px 0 0; }

.menu_menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
.menu_menu a:hover {visibility:visible;}
.menu_menu li:hover {position:relative; z-index:200;}

/* Наводим курсор на ссылку*/

.menu_menu li:hover a.top_link,
.menu_menu a.top_link:hover
{color:#fff; background:url(/img/btn_home_on.gif) no-repeat -20px top;}
.menu_menu li.home:hover a.top_link,
.menu_menu li.home a.top_link:hover
{color:#fff;background:url(/img/btn_home_on.gif) no-repeat left top;}
.menu_menu li.end:hover a.top_link,
.menu_menu li.end a.top_link:hover
{color:#fff;background:url(/img/btn_home_on.gif) no-repeat right top;}
.menu_menu li:hover a.top_link span.down,
.menu_menu a.top_link:hover span.down
{background:url(/img/cdown.gif) no-repeat right top; padding-bottom:3px; _padding-bottom: 0;}

/* Текущий пункт меню */

.menu_menu li.current a.top_link {color:#000;
background: url(/img/btn_home_on.gif) no-repeat -20px top;}
.menu_menu li.current.home a.top_link {background: url(/img/btn_home_on.gif) no-repeat left top;}
.menu_menu li.current.end a.top_link {background: url(/img/btn_home_on.gif) no-repeat right top;}
.menu_menu li.current a.top_link span.down {background: url(/img/cdown.gif) no-repeat right top;}
.menu_menu li.current:hover a.top_link,
.menu_menu li.current a.top_link:hover
{color:#fff;}
.menu_menu li.current:hover a.top_link span.down,
.menu_menu li.current a.top_link:hover span.down
{background: url(/img/cdown.gif) no-repeat right top; padding-bottom:3px; _padding-bottom: 0;}

/* Субменю */

.menu_menu :hover ul.sub {left:0px; top: 40px; padding:0px 0;white-space:nowrap; width:165px; height:auto;}
.menu_menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:115px;}
.menu_menu :hover ul.sub li.link {
  border-left:1px solid #d0dae2; border-right:1px solid #d0dae2;
  background:#e2ebf2; width:162px;
}
.menu_menu :hover ul.sub li a {
  display:block; font-size:11px; height:19px; width:152px; line-height:20px;
  text-indent:5px; color:#888; text-decoration:none; background: #fff; margin: 0 4px 1px 4px;
  border: #fff 1px solid;
}
.menu_menu ul.sub li.head {display:block; height: 5px; width:165px;}

.menu_menu :hover ul.sub li a.fly {background:#fff url(/img/arrow.gif) 138px 7px no-repeat;}
.menu_menu :hover ul.sub li a:hover {background:#c4cfdf; color:#111;}

.menu_menu :hover ul.sub li a.fly:hover {background:#7AB0EB url(/img/arrow_over.gif) 138px 7px no-repeat; color:#fff;}
.menu_menu :hover ul li:hover > a.fly {background:#7AB0EB url(/img/arrow_over.gif) 138px 7px no-repeat; color:#fff;}

/* keep the 'next' level invisible by placing it off screen. */
.menu_menu ul,
.menu_menu :hover ul ul,
.menu_menu :hover ul :hover ul ul,
.menu_menu :hover ul :hover ul :hover ul ul,
.menu_menu :hover ul :hover ul :hover ul :hover ul ul {
position:absolute; left:-9999px; top:-9999px; width:0; height:0;
margin:0; padding:0; list-style:none; text-align: left;}

.menu_menu :hover ul :hover ul,
.menu_menu :hover ul :hover ul :hover ul,
.menu_menu :hover ul :hover ul :hover ul :hover ul,
.menu_menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:146px; top:-4px; background: #fff; padding:3px 0; border:1px solid #ccc;
white-space:nowrap; width:165px; z-index:200; height:auto; text-align: left; }

/* Left menu */
.left_menu {
  padding:0; list-style:none; margin: 0 auto;
  font-family:arial, verdana, sans-serif;
}

.left_menu li.left_top { display:block; height: 16px; width: auto; margin: 2px 0;}
.left_menu li.left_top a {
  display:block; margin-left: 18px; height: 18px; line-height: 1.6em;
  text-transform: uppercase; text-decoration: none; color:#0148b2;
}
.left_menu li.left_top a:hover { color: #080; }
.homm { background: url(/img/ico.png) no-repeat 0 0;}
.dload { background: url(/img/ico.png) no-repeat 0 -16px;}
.lib { background: url(/img/ico.png) no-repeat 0 -32px;}
.news { background: url(/img/ico.png) no-repeat 0 -48px;}
.scr { background: url(/img/ico.png) no-repeat 0 -64px;}
.comp { background: url(/img/ico.png) no-repeat 0 -80px;}
.prod { background: url(/img/ico.png) no-repeat 0 -96px;}
.buy { background: url(/img/ico.png) no-repeat 0 -112px;}

.bcc { border-left:1px solid #d0dae2; border-right:1px solid #d0dae2; background:#e2ebf2; }