* {
margin: 0;
padding: 0;
}

body {
background : #F5F5F5; /*ЦВЕТ ФОНА*/
font-family:Georgia; /*ОСНОВНОЙ ШРИФТ ВСЕЙ СТРАНИЦЫ*/
font-size : 16px; /*ОСНОВНОЙ РАЗМЕР ТЕКСТА*/
color: black; /*ОСНОВНОЙ ЦВЕТ ТЕКСТА*/

}

.page{
margin : auto;
width : 760px;
border-right : 1px solid #C0C0C0;
border-left : 1px solid #C0C0C0;
}

.head {
width : 760px;
margin : auto;
/*border-right : 1px solid #C0C0C0;
border-left : 1px solid #C0C0C0;*/
}

.top_menu {
width : 760px;
margin : auto;
/*border-right : 1px solid #C0C0C0;
border-left : 1px solid #C0C0C0;*/
left : -10px;
}

.top_menu ul {
width: 100%;
margin: 0;
padding: 0;
display: inline-block;
background-color: #99FF00;
}

.top_menu ul li {
width : 188px;
float: left;
list-style: none;
border-right: 1px solid #D3D3D3;
position: relative;
}

.top_menu ul li a {
color: #000000;
display: block;
font-family: Georgia;
font-size: 16px;
padding: 8px 20px 10px;
text-decoration: none;
}

.top_menu ul li a:hover {
background-color: #66CC33;
color : #F5F5F5;
}

.top_menu ul li ul {
display: none;
width : 188px;
}

.top_menu ul li:hover ul {
display: block;
position: absolute;
top: 36px;
background-color: #99FF00;
z-index: 1000;
}

.top_menu ul li:hover ul li {
float: none;
width: 188px;
border-right: none;
}

.top_menu ul li:hover ul li a {
border-top: 1px solid #D3D3D3;
border-right: none;
padding: 6px 20px 8px;
}

.top_menu ul li:hover ul li a:hover {
background-color: #66CC33;
color: #F5F5F5;
}

.content {
width : 730px;
padding : 15px;
margin : auto;
/* border-right : 1px solid #C0C0C0;
border-left : 1px solid #C0C0C0;*/
background : white;
}

.l_menu {
width : 200px;
padding : 5px;
margin : 0 auto;
float : left;
border : 1px solid #C0C0C0;
}

.active
{
color: black;
}

.l_menu ul {
border : none;
}

.l_menu ul li{
list-style-type: none; 
border: none; 
margin: 5px; 
background: white url("img/arrow.png") 0% center no-repeat;
}

.l_menu ul li a {
text-decoration: none;
display: block;
padding: 2px 2px 2px 10px; 
text-decoration: none;
opacity : 1;
z-index: 4;
color: #000000;
border : none; 
}

.l_menu ul li a:hover {
background: white url("img/arrow-hover.png") 0% center no-repeat;
font-weight : 700;
}

.img {
border : none;
float : left;
padding : 5px;
}

.img_r {
border : none;
float : right;
padding : 10px 0px 10px 10px;
}

.img_l {
border : none;
float : left;
padding : 10px 10px 10px 0px;
}

.text {
width : 485px;
padding : 10px;
margin : 0 auto;
border: 1px solid #C0C0C0; 
background: white;
text-align: center;
float : right;
}

.bottom {
background : white;
width : 740px;
padding : 10px;
margin-right : auto;
margin-left : auto;
margin-bottom : 10px;
border-top : 1px solid #C0C0C0;
border-bottom : 1px solid #C0C0C0;
}

H1{ color: /*заголовки
text-align: center;
font:Georgia ;}
H2{ color: green
text-align: right;
font:Georgia;}
H3{color: blue
text-align: left;
font:Georgia;}

li{ color: black /* списки и маркер 
text-align: center;
font:Arial ;}

ul{color: blue
text-align: left;
font:Arial;}

#knop a{opacity: 1.0; 
}
a{color :blue;}
a:visited{ color:#007fff ;}
a:active{ color :blue;}
a:hover{ color :red;}
a: link {color:blue;}

td /*таблица 
{
margin: 0px;
padding: 0px;
font-family: Arial, sans-serif;
font-size: 12px;
}