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

#menu {
margin: 0; padding-left: 25px; list-style: none; position: relative;
}

#menu ul {
  background: none;
  left: 0;
  /* Устанавливаем ширину меню */
  list-style-type: none; /* Убираем маркер списка */
  border: 1px solid #b4b4b4; /* Раскоментируйте строку, чтобы посмотреть границы меню */
  position: absolute;
  top: 100%;
  margin:0;
  
}

#menu li {
	float:left;
	position: relative;
	background: none;
		
}

#menu a {
  color: #fff;
  text-decoration: none;
  display: block;
  width: auto; /* Автоширина */
  padding: 3px 3px;
  font-size:14px;
  white-space: nowrap; /* Запрещаем перенос на новую строку */
}

#menu a:hover {
  color: #fff;
  background-color: #ff0000; /* Цвет элемента списка уровня при наведении курсора */
}

#menu li:hover,
#menu li.jshover {
  background-color: #ff0000; /* Цвет активного элемента списка */
  font-size:12px;
 }

#menu li ul {
  display: none;
  position: absolute;
  padding: 3px 3px;
  width:auto; /* Автоширина */
  font-size:12px; /* Размер шрифта в списках */
  border: 1px solid #fff; /* Делаем обводку выпадающего списка */
  white-space: normal; /* Запрещаем перенос на новую строку */
  }

#menu li li a {
  width: auto;
  font-size:12px;
}

#menu li:hover ul,
#menu li.jshover ul {
  background-color: #0257c2; /* Цвет выпадающего списка */
  display: block;
  font-size:12px;

}

#menu li:hover li ul,
#menu li.jshover li ul {
  display: none;
  width: auto; /* Автоширина */
   font-size:12px;
   white-space: nowrap; /* Запрещаем перенос на новую строку */
   
}

#menu li:hover li:hover ul,
#menu li.jshover li.jshover ul {
  display: block;
  font-size:12px;

}