/* === Группа цветового оформления === */
 
/* Цвет фона менд */
.menu_color {
  background: #ffffff;
}
/* Оформление пункта меню */
.menu_color > ul > li > a {
  background: transparent;
  color: #000000;
}
...
/* === Группа разметки основного меню === */ 
 
/* Сброс и установка стилей по умолчанию */
.my_menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* Разметка для пункта меню */
.my_menu li a {
  display: block;
  margin: 0;
  padding: 12px 20px;
  text-decoration: none;  
}
/* Убираем маркеры и отступы */
.my_menu {
  list-style:none;
  margin:0;
  padding:0;
}
.my_menu li {
  margin:0;
  padding:0;
  position:relative;
}
/* Общие правила для пунктов меню */
.my_menu li a {
  display:block;
  margin:0;
  padding:12px 20px;
  text-decoration: none;
}
/*Наведение на активный пункт меню - курсор обычный */
.my_menu li.active > a:hover {
  cursor: default;
}
/* === Цветовое оформление menu_color === */
.menu_color {
  background:#ededed;
}
/* Оформление пункта */
.menu_color > ul > li > a {
  color:#000000;
  background: rgba(0, 0, 0, 0);
}
/* Подсветка пункта при наведении */
.menu_color > ul > li > a:hover {
  color:#ffffff;
  background: rgba(0, 0, 0, 0.1);
}
/* Активный пункт */
.menu_color > ul > li.active > a,
.menu_color > ul > li.active > a:hover {
  color:#fff;
  background:rgba(0, 0, 0, 0.2);
}
/* Разделитель пунктов меню */
.menu_color > ul > li + li > a {
   border-top: 10px solid ;
   color:#ffffff;
}