.wrapper {      
    width:100%;
    margin: 0 auto;
}
.wrap{
    width: 98%;
    margin-left: 10px;
    background-color: #fff;
}
h1 {
    font: 2.75em/1.75em Georgia, serif;
    color: #4800ff;
    text-align: center;
    line-height: 100%; 
}
h2 {
    font: 2.00em/1.25em Georgia, serif;
    color: #4800ff;
    text-align: center;
    line-height: normal;  
}
h3{
    text-align: center;
}
p {
    letter-spacing: normal;
    text-align: justify;
    text-wrap: normal;
    line-height: 150%;
    text-indent:  25px;
    
}
ul{
    list-style-type: none;
}

.logo{
   position: relative;
   width: 500px;
   padding:720px,20px,20px,20px;
   margin-left:300px;
   margin-top:120px;   
   font-size: 1em; 
}

img {border-style: none

}

BODY { margin:60px;
        border: medium solid black;
        padding: 1cm;     
 <!--    background-color: #f00; /* Цвет фона веб-страницы */ -->
        font: 75%/2.75em Time New Roman, Verdana, sans-serif;
 } 

#main{
    padding-right: 15px;
    padding-top: 15px;
    margin-left: 290px;
    text-align: justify;
}

#list a:hover, .nav a:hover{
    color: #f00;
   
}   

#list {
    margin:   0px 0 0em -3em;
    margin-left: 20px;
    margin-top: 20px;
    padding:  50px;
    width: 220px;
    float: left;
    background-image: linear-gradient(45deg, #fff, #eee);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#ffffff');
}
ul #list{
    list-style-type: none;
    padding-left: 0px;
    margin-left: 0px;
    
}
ul #list a{
    display: block;
    width: 8em;
   
}

#list a{
   border: 0px dashed #000;
    border-bottom: none;
    padding: 5px 15px 5px 15px;
    background-color: #eaeaea;
    text-decoration: none;
    color: #333;   
}
    
 li {
    width: 250px;      
}
a {
    height: 1.25em;
    line-height: 1.25em;
}
 #footer {
    margin: 0;
    padding: 10px;
    clear: both;
    background-color: #eaeaea;     
}
.foto {
    margin-top: 5px;
    float: left;
    padding-right: 15px;
}  
span {
    color: #f00;
    font-weight: 800;
}
.reklam{
    font-size: x-large;
    color: #4800ff;
    font-style: italic;
}

th, td{
    text-align: center;
}
tr{
  line-height: 100%;  
}
.extrac p{
    letter-spacing: normal ;
    text-align: justify;
    text-wrap: normal;
    line-height: 120%;
    text-indent: 0px;
}
.imgraces{
    padding-left: 340px;
}
.poker{
   float: right;
   padding-left: 7px;   
}
.pokul li{
    width: auto;
    line-height: 170%;
    list-style-type: disc;
}
.pokul :nth-child(1){ list-style-type: none;}
.oborul li{
     width: auto;
    line-height: 170%;
    list-style-type: disc;
}
.oborul :nth-child(even){
    background-color: #f5f5ef;
} 
.oborhead{
    padding-bottom: 45px;
    padding-top: 45px;
} 
#address{
    background-color: #fff;
    color: #000;
    font-size: larger;
    line-height: 100%;
    text-indent: 25px;
    font-weight: bold;
}
.left{
    font-size: 1em;
    text-align: center;
    text-indent: 0px;
    float: left;
    padding-left: 20px;
}
.right{
    font-size: 1em;
    text-align: left;
    text-indent: 0px;
    float: right;
    padding-right: 20px;
}
.zagol{
}
ul.nav {
    margin-left: 0px;
    padding-left: 0px;
    list-style: none;
    text-align: center;
}
.nav li { display: inline;
          
}
.nav a {
display: inline-block;
border: 1px dashed #000;
padding: 5px 15px 5px 15px;
background-color: #eaeafa;
text-decoration: none;
color: #333;
}
.epigr{
    position: relative ;
    height: 90px;
}

 .tablogl {float: left;                      
          padding-top: 4%; /* Поле сверху */ 
                     
            }