/*#menu li { list-style: none; }*/
#menu a { color: #000; }
#menu a:hover { text-decoration: none; }

/* ___________________________________________________________________________________________

   MAIN MENU :: Главное меню
   __________________________________________________________________________________________ */

/* Тень от меню главного меню :: repeat-x */
#menu {
  /*background: url("../i/line-bg.gif") no-repeat scroll 0 43px transparent;*/
  /* overflow:hidden; */
  /*position: relative;*/
  float: left;
  margin: 15px 0 0;
  width: 1020px;
  background: url("../i/menu_main-bg.png") repeat-x;
  height: 95px;
  top:0;
  z-index: 100;
}

#menu ul li ul {
  position: absolute;
  display: none;
  cursor: default;  /* Ставим указатель по умолчанию в случае, когда он выходит из области видимости (наведения) подраздела меню */
}

#menu ul li:hover ul { display: block; }
#menu li { display: block; float: left; list-style: none; }

/* Основное меню - главное */
#menu li a.main-item,
#menu li p.main-item,
#menu li.m-admin {
  /*background: url("../i/menu_main.png") no-repeat scroll 0 0 transparent;*/
  display: block;
  height: 39px;   /* Берем высоту всей картинки и делим попалам, получается Высота блока (активного/пассивного раздела) */
                  /* Такое же смещение ставим в background-position: 0 -39px */

  /*overflow: hidden;
  width:1020px;*/
}

/* Длина разделов главного меню */
#menu a { outline:0 none; cursor: pointer; }
#menu li.m-main a.main-item, #menu li.m-main a#active span { width: 151px; }
#menu li.m-service a.main-item, #menu li.m-service a#active span { width: 169px; }
#menu li.m-technology a.main-item, #menu li.m-technology a#active span { width: 145px; }
#menu li.m-about a.main-item, #menu li.m-about a#active span { width: 167px; }
#menu li.m-help a.main-item, #menu li.m-help a#active span { width: 145px; }
#menu li.m-admin a.main-item { width: 162px; }  /* Длина кнопки - "Личный кабинет" */

/* Выдергиваем картинки в active и passive состоянии главного меню */
#menu li.m-main a { background-position: 0 0; }
#menu li.m-main a:hover, #menu li.m-main a#active, #menu li.m-main a#select { background-position: 0 -39px; }

/* Устанавливаем указатель Выбранного (активного) меню - стрелочка вниз */
#menu li.m-main a#active span,
#menu li.m-service a#active span,
#menu li.m-technology a#active span,
#menu li.m-about a#active span,
#menu li.m-help a#active span {
  /* Файл такой же как и в раскрывающемся подменю */
  background: url("../i/menu_active.gif") no-repeat scroll center -44px transparent;
  float: left;
  height: 44px;
  margin: 7px 0;
}

/* Active и Select состояния */
#menu li.m-service a { background-position: -151px 0; }
#menu li.m-service a:hover,
#menu li.m-service a#active, #menu li.m-service a#select { background-position: -151px -39px; }
#menu li.m-technology a { background-position: -320px 0; }
#menu li.m-technology a:hover,
#menu li.m-technology a#active, #menu li.m-technology a#select { background-position: -320px -39px; }
#menu li.m-about a { background-position: -465px 0; }
#menu li.m-about a:hover,
#menu li.m-about a#active, #menu li.m-about a#select { background-position: -465px -39px; }
#menu li.m-help a { background-position: -632px 0; }
#menu li.m-help a:hover,
#menu li.m-help a#active, #menu li.m-help a#select { background-position: -632px -39px; }

/* Отдельно делаем для раздела меню - "Личный кабинет" - так как элемента присутсвует отдельно от основного меню */
#menu li.m-admin {
  width: 243px;                   /* Расстояние кнопки "Личный кабинет" с полями. Расстояние от главного спадающего меню (активного меню) до конца поля меню */
  background-position: -777px 0;  /* 777px - фиксированная длина всего меню*/
}

#menu li.m-admin a { 
  background-position: -808px 0;
  margin-left: 31px;    /* Сдвигаем кнопку "Личный кабинет" слева на X-пискелей - расстояние между меню слева и самой кнопкой */
}

#menu li.m-admin a:hover, #menu li.m-admin_active a { background-position: -808px 1px; margin-left: 31px }

/* ___________________________________________________________________________________________

   SUB MENU :: Выпадающее меню
   __________________________________________________________________________________________ */

/* Смещение блока меню-подразделов Раздела главного меню 1-го уровня
/* Если фон sub-menu не используется, остается прозрачным, то в #menu для каждого класса ставим не padding,
    а margin: -xx px для центровки выпадающего меню
*/
/*#menu .sub-menu-main { margin-left: 0; } */        /* Главная */
/* #menu .m-service ul.sub-menu { padding-left: 25px; }      Продукты - см. ru_style.css или en_style.css */
/*#menu .m-technology ul.sub-menu { padding-left: 113px; }   Технологии - см. ru_style.css или en_style.css */
#menu .m-about ul.sub-menu { padding-left: 382px; }       /* О компании */
#menu .m-help ul.sub-menu { padding-left: 543px; }        /* Помощь */

.sub-menu {
  /* Фон выпадающего меню + тень снизу от него */
  background: url("../i/menu_sub-bg.png") repeat-x scroll 0 0 transparent;
  float: left;
  height: 65px;
  line-height: normal;

  /* Делаем однородный фон sub-menu по всей ширине */
  right:0;
  left:0;
  /* Если фон sub-menu не используется, остается прозрачным,
     то в #menu для каждого класса ставим не padding, а margin: -xx px для центровки выпадающего меню
  */
}

/* Разделители выпадающего меню */
.sub-menu li  {
  padding-top:0;      /* Отступ от верхнего края меню - располагаем разделитель меню по вертикальной середине */
  margin-top: 10px;
  height: 13px;       /* Высота разделителя */
  /*background: url(../i/menu-sep.gif) no-repeat right top;*/
  border-right: 1px dotted #fff;  /* Сам разделитель */
}
/*
ul#sub-menu_menu  { overflow: hidden; zoom: 1; }
ul#sub-menu_menu li { border-left: 1px solid #fff; padding-left: 1px; padding-right:1px; margin-left: -1px; margin-right: 1px }
*/

/* Убираем в конце (в подразделе меню) разделитель справа */
.sub-menu li.end { border-right: 0; }

.sub-menu li a {
  margin:0;
  padding:0;
  text-decoration:none;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  display: block;
  text-align: center;
  float: left;
  margin-top: 1px; /* Поднимаем текст, так как в .sub-menu li a span фигурирует указатель выбранного меню */
  outline:0 none;  /* Убираем окантовку вокруг объекта, когда нажимается кнопка мышки и не отпускается */
/*  border:1px solid #fff;*/
}

/* Ширина выпадающего меню с указателем */
.sub-menu li a span {
  /* Устанавливаем указатель Выбранного (активного) меню - стрелочка вниз.
     Файл такой же как и в главном меню.
  */
  background: url("../i/menu_active.gif") no-repeat center top;
  display: block;
  height: 44px;
  line-height: 31px;
  padding: 0px 11px;
  margin: -11px 0 0;    /* Опускаем указатель до выравнивания с нижним краем меню */
  float: left;
  overflow: hidden;
  color: #f7f4ea;
}

*+html .sub-menu li a span { overflow: visible; } /* ХАК для IE7 */

.sub-menu li a:hover { text-decoration: underline; }
.sub-menu li a:hover span {
  color: #c2d7b4;   /* Цвет текста */
  text-decoration: underline;
  /* background-position: center -44px; */ /* Убираем выделение с градиентом, которое следует за движением курсора по меню */
  /* color: #96f2e6; */
}
/* Current аналогичен Active в главном меню */
.sub-menu li a#current { text-decoration: underline; }
.sub-menu li a#current span { background-position: center -44px; }


/* ___________________________________________________________________________________________

   TAB-SLIDEBAR MENU
   __________________________________________________________________________________________ */

#tab_menu {
  bottom:0;
  border-bottom: 1px solid #9FCD80;
  font-size: 11px;
  height: 33px;
  line-height: normal;
  width: 100%;
  position: relative;
  float: left;
  /*overflow:hidden;*/
}

#tab_menu ul {
  float: left;
  list-style-type: none;
  margin-left:0;  /* Смещение слева всего tab-menu */
  font-size: 9pt !important;
  line-height: 14px  !important;
}

#tab_menu li {
  display: inline;
  margin:0;
  padding:0;
}

/* Левая скоба tab-меню с шириной, указанной в padding-left */
#tab_menu a {
  float: left;
  background: url("../i/tab1.png") no-repeat left top;
  margin-right: 2px;  /* пространство между каждым tab-menu */
  padding-left: 5px;  /* Ширина левого элемента tab-menu */
  text-decoration: none;
  z-index: 80;
  cursor: pointer;
}

/* Правая скоба с серединой фона tab-меню */
#tab_menu a span, #tab_menu a h1 {
  float: left;
  display: block;
  background: url("../i/tab2.png") no-repeat right top;
  padding: 10px 18px 10px 13px;  /* Задаем пространство внтри кнопки */
  font-weight: normal;
  color: #479f08;
  text-decoration: underline;
  z-index: 50;
  font-size: 9pt;
}

/* Selected Tab и onMouseover style. Shift 1ой части tab-menu фонового изображения */
#tab_menu #current a { background-position:0 -34px; }

#tab_menu #current a span, #tab_menu #current a h1 {
  background-position:100% -34px; /* ...вторая часть фонового изображения tab-menu */
  color: #479f08;
  text-decoration: none;
}

#tab_menu a:hover span, #tab_menu a:hover h1 { text-decoration: none; outline:0 none }

/* Убираем окантовку вокруг объекта, когда нажимается кнопка мышки и не отпускается */
/*.#tab_menu a:visited { color: #fff }*/




/* Графическая библиотека с флагами стран
  ----------------------------------------------------------- */
.ru-big, .ua-big, .by-big, .kz-big, .lv-big, .tj-big {
  background: url("../i/lib/flag.gif") no-repeat scroll -17px 0 transparent;  /* По умолчанию выставляем 1-ый элемент: .ru-big */
  width: 33px;
  height: 22px;   /* Высота одной картинки */
  margin: 10px 0;
  float: left;
}

.ua-big { background-position: -17px -22px; }
.by-big { background-position: -17px -44px; }
.kz-big { background-position: -17px -66px; }
.lv-big { background-position: -17px -88px; }
.tj-big { background-position: -17px -111px; }

/* ___________________________________________________________________________________________

   DROP DOWN MENU :: Выбор языка
   __________________________________________________________________________________________ */

/* Расположение строки с выбором Языка */
.b-lang-select {
  position: absolute;
  right: 315px;
  top: 33px;
  margin-right: 10px;
  /*z-index: 120;*/
}

.b-lang-select p { margin-top: -4px }
.b-flag-select p, .b-flag-select strong {
  float: left;
  padding: 5px 6px 0 0;
}

*+ html .b-flag-select p, *+ html .b-flag-select strong { width: 100%; }

.b-lang-select a { float: left; margin-top: 1px; text-decoration: none; }
.b-lang-select a span { border-bottom: 1px dotted #0092E6; }
.b-lang-select a span span, .b-lang-select a span:hover { border-bottom:0 }

.b-flag-select .en span,
.b-flag-select .ru span { float: left; margin-top: -3px; padding-left: 20px; }
/* Графическая библиотека с флагами стран */
.b-flag-select .ru, .b-flag-select .ua, .b-flag-select .by, .b-flag-select .kz, .b-flag-select .lv, .b-flag-select .en, .b-flag-select .tj {
  background: url("../i/lib/flag.gif") no-repeat scroll 0 0 transparent;  /* По умолчанию выставляем 1-ый элемент: .b-flag-select dl .ru */
  width: 16px;
  height: 11px;   /* Высота одной картинки */
  float: left;
  margin: 3px 6px 0 0;
}

*+ html .b-flag-select .ru, *+ html .b-flag-select .ua, *+ html .b-flag-select .by, *+ html .b-flag-select .kz, *+ html .b-flag-select .lv, *+ html .b-flag-select .en, *+ html .b-flag-select .tj {
  position: relative; float: left; margin-left: 10px;
}

.b-flag-select .ua { background-position: 0 -11px; }
.b-flag-select .by { background-position: 0 -22px; }
.b-flag-select .kz { background-position: 0 -33px; }
.b-flag-select .lv { background-position: 0 -44px; }
.b-flag-select .en { background-position: 0 -55px; }
.b-flag-select .tj { background-position: 0 -66px; }

/* Расположение выпадающего меню с выбором Региона */
.b-region-select {
  padding-right: 5px;
  margin-top: -6px !important;
  float:right !important;
  position:relative;
}

.dropdown_region ul { margin:0; padding:0; }
.dropdown_region a:hover, .dropdown_region a:hover, .dropdown_region a:focus { color: #5d4617; } /* Текст внутри меню */
.dropdown_region div a:visited { color: #686868; outline: none; text-align: left; }

/* Стрелка вниз (select) для выбора языка */
.dropdown_region div a,
.partners .dropdown_region div a {
  background:url("../i/lib/misc.png") no-repeat scroll right 6px;
  height: 13px;   /* Высота одной картинки */
  width: 228px;
  display: block;
  color: #0092E6;
  cursor: pointer;
  padding: 4px;
  padding-left: 14px;
  text-decoration: none;
}

.partners .dropdown_region div a {
  background:url("../i/lib/misc.png") no-repeat scroll 168px 6px;
  float: left;
  padding: 4px;
  position: absolute;
  right: 0;
  width: 178px;
}

.partners .dropdown_region div a span.country { right: 18px !important; }

*+ html .dropdown_region div a { width: 180px; margin-left:0 }

.dropdown_region div a span.country { border-bottom: 1px dotted #0092E6; font-size:10pt; color: #0092E6; position: absolute; right: 40px; }
.dropdown_region div a span span,
.dropdown_region div a span:hover { border-bottom:0; }

*+ html .dropdown_region div a { float: right; position:relative; margin-right:30px }

/* Выпадающее меню для выбора Регионов
 ----------------------------------------------------------- */
.dropdown_region ul,
.partners .dropdown_region ul {
  min-width: 183px;   /* Ширина выпадающего меню */
  top: 22px;          /* Смещение блока выпадающего меню */
  right:0;
  margin: -2px 27px 0 35px;
  padding: 5px 0;
  background: #fff none repeat scroll 0 0;
  border: 1px solid #8d8d8d;
  color: #C5C0B0;
  position:absolute;
  list-style: none;
  display: none;
  right: -8px;
}

.partners .dropdown_region ul { 
  min-width: 179px;   /* Ширина выпадающего меню */
  right: -26px;
}

.dropdown_region .value { display: none;}
.dropdown_region ul li a { padding: 5px; display: block; text-decoration: none }
.dropdown_region ul li a:hover { background-color: #c0c0c0; }