@charset "UTF-8";
/* CSS Document */

.cssmenu ul {
   z-index: 1;
   padding: 0px;
   margin: 0px;
   list-style: none;
   width: 73px;
   text-align:right;
   position:relative;
   font-size:8px; 
   font-weight:bold;
   font-family:Verdana,Arial, Helvetica, sans-serif;
   letter-spacing:0.5px; 
   
}
/* зададим стиль для элементов списка */
/* Чтобы меню корректно отображалось в IE */
.cssmenu li {
   float: left;
   
}
/* зададим стиль для анкора в списке */
.cssmenu li a, .cssmenu li a:visited {
/* обязательно блочное отображение */
   display: block;
/* ширина строки на 1 пиксель меньше */
   width: 73px;
/* зададим высоту строки */
   height:15px;
   line-height:15px;
/* сделаем отступ в 5 пикселей  
   text-indent:5px;*/
/* сделаем рамку в 1 пиксель */
   border: 1px solid #ffffff;
/* уберем одну горизонтальную рамку, чтобы не удваивались */
   border-width:0 1px 1px 1px;
/* цвета фона и текста */
   color:#FFFFFF;
   background-color: #76786d;
   text-decoration:none;
   
}

.cssmenu2 li a,.cssmenu2 li a:visited {

   width: 145px;
   text-align:left;
   padding-left:5px;
}


/* меняем цвета при наведении */
.cssmenu li a:hover {
   color: #FFF;
  background:#666666;
}
/* скрываем вложенные пункты меню */
.cssmenu li ul {
   visibility: hidden;
   position: absolute;
   left: 74px;
   top: 0px;
}

/* отображаем вложенное меню при наведении мыши */
.cssmenu li:hover {
   position: relative;
}
.cssmenu li:hover > ul {
   visibility: visible;
}
/* выделяем родительские пункты, при наведении на дочерние */
.cssmenu li:hover > a {
   color:#FFF;
   background: #666666;
}

/* Для IE младше 7-ой версии вручную обработаем каждый уровень */
/* скрываем третий и последующие уровни, когда курсор наведен на первый уровень */
.cssmenu ul a:hover ul ul {
   visibility:hidden;
}
/* скрываем четвертый и последующие уровни, когда курсор наведен на второй уровень */
.cssmenu ul a:hover ul a:hover ul ul {
   visibility:hidden;
}
/* скрываем пятый уровень, когда курсор наведен на третий уровень */
.cssmenu ul a:hover ul a:hover ul a:hover ul ul{
   visibility:hidden;
}
/* показываем второй уровень, при наведении на первый */
.cssmenu ul a:hover ul {
   visibility:visible;
}
/* показываем третий уровень, при наведении на второй */
.cssmenu ul a:hover ul a:hover ul{ 
   visibility:visible;
}
/* показываем четвертый уровень, при наведении на третий */
.cssmenu ul a:hover ul a:hover ul a:hover ul { 
   visibility:visible;
}
/* показываем пятый уровень, при наведении на четвертый */
.cssmenu ul a:hover ul a:hover ul a:hover ul a:hover ul { 
   visibility:visible;
}

.cssmenu table {
   position:absolute;
   border-collapse:collapse;
   top:0;
   left:0;
   z-index:100;
   font-size:1em;
}
/* напишем стиль ссылок при наведении для IE младше 7-ого */
* html .cssmenu a:hover {
   color:#FFF;
   background:#666666; 
/* обязательно нужно указать относительное позиционирование */
   position:relative;
}