H1 { color: navy ; text-align: center; font-size: 1.5em;}
H2 { color: blue; text-align: center; font-size: 1.2em;}
BODY { font-family: sans-serif;  background: white fixed center; margin: 0.5 em; color: black;  font-size: 1.2em;  }
a {font-family: sans-serif;  color: #0000FF; font-weight: bold; font-size: 1em; margin: 0.5 em;}
a:link {font-family: sans-serif;  color: #0000FF;  font-weight: normal; font-size: 1em;margin: 0.5 em;}
a:hover{font-family: sans-serif;  color: red;  font-weight: bold; font-size: 1em; margin: 0.5 em;}
a:vlink {font-family: sans-serif;  color: #0000FF;  font-weight: bold; font-size: 1em; margin: 0.5 em;}
a:alink {font-family: sans-serif;  color: Red;  font-weight: bold; font-size: 1em; margin: 0.5 em;}
a.c1{ font-family: sans-serif;  color: red;   font-size: 1em; margin: 0.5 em;}
a.c2{ font-family: sans-serif;  color: blue; font-weight: bold;   font-size: 1em; margin: 0.5 em;}
a.c3{ font-family: sans-serif;  color: red; font-weight: bold;   font-size: 1em; margin: 0.5 em;}
P {text-align: justify; font-size: 1em; margin: 0.5 em;}
P.c2 { font-family: sans-serif;  text-align: center; font-size: 0.8em;  margin: 0.5 em;}
P.c3 { font-family: sans-serif; text-align: right; font-size: 1em; margin: 0.5 em;}
P.c3 { font-family: sans-serif; text-align: right;  font-size: 1em; margin: 0.5 em;}
address { font: italic serif; text-align: center;   font-size: 0.8em; margin: 0.5 em;}
div { font-family: sans-serif; text-align: center;  font-size: 1em; margin: 0.5 em;}
div.c2 { font-family: sans-serif; text-align: right;  font-size: 1em; margin: 0.5 em;}
li {font-family: sans-serif; line-height: 1.5;  font-size: 1em; margin: 0.5 em;}
li.c2 {font-family: sans-serif; line-height: 1.5;  font-size: 1em; margin: 0.5 em;}
table { font-size: 1em; margin: 0.5 em;}
td {text-align: left; font-size: 1em; margin: 0.5 em;}
th {text-align: left; font-size: 1em; margin: 0.5 em; font-weight: bold; vertical-align: top;}

.top-menu li{
	list-style:none;/*Убираем маркер*/	
	display:inline-block;/*Выстраиваем пункты в ряд*/
	position:relative;
	font-family: sans-serif;  font-size: 1em; 
}

.top-menu li:hover{
	background:yellow;/*Цвет фона при наведение на пункт*/
	font-family: sans-serif;  font-size: 1em;
}

.top-menu li a{
	color:blue;/*Цвет шрифта в пункте*/
	padding: 0.3em;/*Отступы для пункта*/	
	text-decoration:none;/*Убираем подчеркивание*/	
	display:block;
	font-family: sans-serif;  font-size: 1em;
}

.top-menu li ul{
	display:none;/*Прячем выпадающее меню*/
	position:absolute;
	padding-left:0;
	width:60px;/*Ширина выпадающего меню*/
	padding-top:1px;/*Отступ сверху у выпадающего меню*/
	font-family: sans-serif;  font-size: 1em;
}

.top-menu li:hover ul{
	display:block;/*Показываем выпадающее меню при наведение*/
	background:white;
	left: 1px;
	font-family: sans-serif;  font-size: 1em;
}

/* На экранах шириной 600 пикселей или меньше сделайте стек ссылок меню сверху друг друга, а не рядом друг с другом */

@media screen and (max-width: 700px) {
    .top-menu a {
        float: none;
        width: 60%;
}



<!-- вЁвг« -->