@import url('https://fonts.googleapis.com/css?family=Roboto&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab&subset=cyrillic,cyrillic-ext');
.bases {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
}
.copyright {
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
.comment {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}
.warning {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #FF0000;
	text-decoration: none;
}
a:link {
	color: #009900;
	text-decoration: underline;
	font-weight: bold;

}
a:hover {
	color: #009900;
	text-decoration: none;
	font-weight: bold;

}
a:visited {
	font-weight: bold;
	color: #666666;
	text-decoration: underline;
}
h3 {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #009900;
}
.cat-table {
	border-top-width: 2px;
	border-top-color: #000000;
	border-bottom-style: solid;
}
h1 {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #009900;
}
h2 {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #009900;
}
p {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #000000;
}
.ramka {
	border: 1px solid #009900;
}
a.button7 {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  color: white;
  text-decoration: none;
  padding: .8em 1em calc(.8em + 3px);
  border-radius: 3px;
  background: #009900;
  box-shadow: 0 -3px #333333 inset;
  transition: 0.2s;
} 
a.button7:hover { background: #00cc00; }
a.button7:active {
  background: #cc0000;
  box-shadow: 0 3px rgb(33,147,90) inset;
}
.roundbox {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	background-color: #ffffff;
	border: 2px solid #009900;
	border-radius: 8px 8px 8px 8px;
	height: 50px;
}
/*МЕНЮ НАВИГАЦИИ*/
ul.menu {
  list-style: none; /*убираем маркеры списка*/
  margin: 0; /*убираем отступы*/
  padding-left: 0; /*убираем отступы*/
  /*margin-top:25px; /*делаем отступ сверху*/
  background:#009900; /*добавляем фон всему меню*/
  height: 50px; /*задаем высоту*/
}
a.menu {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  text-decoration: none; /*убираем подчеркивание текста ссылок*/
  text-shadow: 0 1px 1px #2D2020;
  background:#009900; /*добавляем фон к пункту меню*/
  color:#fff; /*меняем цвет ссылок*/
  padding:0px 15px; /*добавляем отступ*/
  /*font-family: arial; /*меняем шрифт*/
  line-height:50px; /*ровняем меню по вертикали*/
  display: block; 
  border-right: 1px solid #006600; /*добавляем бордюр справа*/
  -moz-transition: all 0.3s 0.01s ease; /*делаем плавный переход*/
  -o-transition: all 0.3s 0.01s ease;
  -webkit-transition: all 0.3s 0.01s ease;

}
a.menu:hover {
  background:#00cc00; /*добавляем эффект при наведении*/
}
li.menu {
  float:left; /*Размещаем список горизонтально для реализации меню*/
  position:relative; /*задаем позицию для позиционирования*/
}
     
    /*Стили для скрытого выпадающего меню*/
    li.menu > ul.menu {
        position:absolute;
        top:50px;
        display:none;   
    }
     
    /*Делаем скрытую часть видимой*/
    li.menu:hover > ul.menu {
        display:block; 
        width:250px;  /*Задаем ширину выпадающего меню*/      
    }
   li.menu:hover > ul.menu > li.menu {
        float:none; /*Убираем горизонтальное позиционирование*/
    }