body {
    margin: 0;
    padding: 0; 
    /*background-color: #f2f0e6 ; /* #F7F4E9 */
    background-color: #000000 ;
    font-family: tahoma;
    color: white;
}
h1, h2 {
    color: #9E8C6A;
    margin: 0;
    /*text-shadow: 1px 1px 1px #ffffff,   -1px -1px 1px #ffffff;*/
}
li {
     list-style: none;
}
a {
    text-decoration: none;    
}
a:hover {
    color: red;
}
.vvod {
    height: 25px;
    margin-bottom: 5px;
    padding: 3px 10px;
    border-color: #eeeeee;
    border-radius: 10px;
    outline: 1px solid #eeeeee;
}
.vvod:focus {
    /*background-color: #BAF9FA;*/
    padding: 3px 10px;
    outline: 1px solid #08E6A7;    
}
.top {
    padding: 10px; 
    /*background-color: #AAA599;*/
    background-color: #000000 ;
    color: #ddd;
    font-weight: bold;
}
.top a {
    color: #ffffff;
    font-weight: bold;
    /*text-shadow: 1px 1px 2px black*/
}
.top a:hover {
    color: red;
    font-weight: bold;
    /*text-shadow: 1px 1px 2px white*/
}
.group {
    padding: 10px; 
    background-color: #222222;
    border-top: 1px solid #444444;
    border-bottom: 1px solid #444444;
}
.group a{
    color: #ffffff;   
    padding: 10px; 
    /*font-weight: bold; */
    /*text-shadow: 1px 1px 2px white;*/
}
.group a:hover{   
    color: red;    
}
.content {
    font-size: 14px;
    padding: 10px; 
    color: #ffffff;
   /* background-color: #f2f0e6;*/   
    background-color: #000000 ;
}
.content a{
    /*color: #564D31;*/
    color: #ffffff;
}
.content a:hover{
    color: red;    
}
td {
    color: #ffffff;
}