/* -------------------------------------------------------------------
Стилевые правила для 2-x уровнего меню. 
Автор А. Дуванов, 12 апреля 2010 года
---------------------------------------------------------------------- 
.ruMenu1 -- класс блока UL меню 1-го уровня
.ruMenu1 -- класс блока UL меню 2-го уровня
-------------------------------------------------------------------- */
.ruMenu1, .ruMenu2
{
  float:left; /* Чтобы блок охватил своих потомков */
  clear:both; /* Прерывание обтекания для вышерасположенных блоков */
  width:100%; /* Растягиваем на всю ширину родителя */
  margin:0;   /* Убираем внешние отступы списка */
  padding: 0; /* Убираем внутренние отступы списка */
  background: #fff2a6; /* Фон меню */
  border-top: 1px solid #638F7B; /* Рамка сверху */
  border-bottom: 1px solid #638F7B; /* Рамка снизу */
  list-style: none; /* Убираем маркеры */
}
.ruMenu2
{
  background: #f7d3af; /* Фон вкладки */
  border:0;  
}
.ruMenu1 LI, .ruMenu2 LI
{
  float:left; /* Каждый элемент списка -- плавающий блок */
  display:inline; /* Уловка для IE */
  margin-left:10px; /* Расстояние между пунктами меню */
  font-family: Arial, sans-serif; /* Шрифт */
  font-size:18px; /* Размер шрифта */
  padding-left:4px;
  padding-right:4px;
  border-left: 1px solid #fff2a6;
  border-right: 1px solid #fff2a6;
}
.ruMenu2 LI
{
  border-left: 1px solid #f7d3af;
  border-right: 1px solid #f7d3af;
}
/* Свойства ссылок */
.ruMenu1 A,.ruMenu2 A {text-decoration: none;}  /* Отменяем подчёркивание     */
.ruMenu1 A:link,.ruMenu2 A:link {color:#0040ff} /* Цвет непосещённой ссылки   */
.ruMenu1 A:active,.ruMenu2 A:active {color:red} /* ... активной ссылки        */
.ruMenu1 A:visited,.ruMenu2 A:visited {color:purple} /* ... посещённой ссылки */
.ruMenu1 A:hover,.ruMenu2 A:hover,.ruMenu2 A.mark2:hover /* Когда курсор над ссылкой  */
{
  color:white; /* Белый текст */
  background-color: #ff7f00; /* На оранжевом фоне */
}
/* Отмеченная позиция в меню 1-го уровня, когда меню сверху */
.ruMenu1 LI.marktop
{
  position:relative;
  top:1px;
  background: #f7d3af; /* Фон вкладки */
  border-left: 1px solid gray;
  border-right: 1px solid gray;
}
/* Отмеченная позиция в меню 1-го уровня, когда меню снизу */
.ruMenu1 LI.markbottom
{
  position:relative;
  top:-1px;
  background: #f7d3af; /* Фон вкладки */
  border-left: 1px solid gray;
  border-right: 1px solid gray;
}

/* Отмеченная позиция в меню 2-го уровня */
.ruMenu2 A.mark2
{
  background: #d3f8fe; 
}


/* -------------------------------------------------------------------
.ruLine -- класс полосы с текстом, когда меню 2-го уровня отсутствует
-------------------------------------------------------------------- */
.ruLine
{
  font-family: "Trebuchet MS", Arial, sans-serif; /* Шрифт */
  font-size:18px; /* Размер шрифта */
  font-style:italic; 
  color:#4d4d4d; /* Цвет текста на полосе */
}
.ruLine SPAN
{
  margin-left: 14px;  /* Отступ слева текста на полосе */
}

/* Меню третьего уровня 
   ---------------------
*/
.menu3_top, .menu3_bottom
{
  text-align:right;
  font-family: Arial, sans-serif; /* Шрифт */
  font-size:18px; /* Размер шрифта */
  margin-right:10px;
  line-height:18x; 
  height:20px;
}

.menu3_top
{
  vertical-align:top;
}
.menu3_bottom
{
  vertical-align:bottom;
  padding:12px 0 0 0;
}

/* Меню на трёх стрелках 
   ---------------------
*/
.chmenu
{
  position:relative;
  margin: 5px 10px 5px 10px;
  height:20px;
  vertical-align:bottom;
  float:left;
}
.chmenu IMG
{
  cursor:pointer;
  cursor:hand;
  padding:0;
  margin:0;
}
.chmenu #messtop, .chmenu #messbottom 
{
  position:absolute;
  font: 14px Arial, sans-serif;
  padding:3px;
  margin-left:4px;
  background:#ffc;
  border: 1px dotted red;
  color:black;
  visibility:hidden;
  white-space:nowrap;
}