@charset "utf-8";
body {
       background-color: #fefeef;
       background-color:#e0d6c0;
       background-color:#e0dac8;
       font-family: sans-serif;
}

h1 {

       color: #fa6;

       margin-left:64px;
}

h2 {

       color: #6ae;

       margin-left:32px;
}
h3 {

       color: #158;

       margin-left:32px;
}

a:link { color: #2060c0; /* Цвет ссылок */ } 
 a:visited { color: #404080; /* Цвет посещенных ссылок */ } 
a:active { color: #f00; /* Цвет активной ссылки */ } 
/*
Чтобы установить цвет для всех ссылок на веб-странице применяются следующие псевдоклассы, которые добавляются к селектору A.

visited — Стиль для посещенной ссылки.
active  — Стиль для активной ссылки. Активной ссылка становится при нажатии на неё.
hover   — Стиль для ссылки при наведении на неё мышью.

Синтаксис: A:псевдокласс { 
  например 
       text-decoration: none|underline;
       color: #a86; 
}

*/
 A { text-decoration: none; /* Убирает подчеркивание для ссылок */ }
 A:hover { text-decoration: underline; /* Добавляем подчеркивание при наведении курсора на ссылку */
  color: #a66;
  }


.shead {
  font-size: 110%;
  font-family: sans-serif;
  color: #aa4422;
  margin: 12 64 18 32;
  
}
p { 
    margin: 4pt 12 0 12;
    text-indent: 18pt;

   text-align: justify;
}

.dgerelo, .avtor {
  text-align: right;
  text-size: 90%;
}

.head {
        border-bottom: gray 3px double;
        margin: 0 12pt 12pt 12pt;
        font-family: verdana;
        font-size: 90%;
}
ul {
      margin:6pt 6pt 6pt 6pt;
}
dt {
     margin: 4pt 0 0 24pt;
}

.stih {4
         margin:12pt 48pt 12pt 0;
         font-size:120%;
         text-align:left;
}
.vstav, .vrezka, .vrez { 
           width:360px;
           padding:18px;
         margin: 4px 24px 4px 18px;
         background: #ddd;
}

.vtjag, .vtjagka { 
            margin-left: 48px; 
            margin-right: 32px;
            border-left: solid #88ddee 4px;
            padding-left: 8px;
            
           font-size: 115%;
           padding: 12px 24px 12px 48px;
           margin-left: 24px;
           font-style: italic;
           
          background: #eeeedd;
}

.date {
        font-family: sans-serif;
        font-size: 80%;
        text-align: right;
        margin: 6pt 24pt 16pt 12pt;
}

.pageold {
         width: 800px;
}
.page { margin: 18px 15% 24px 15% 
}
 
.pidimg {
    font-family: sans-serif;
        font-size: 90%;
        text-align: center;
}
.fl {
       float:left
       }
.fr { 
       float:right
       }
       
pre {
       margin: 6pt 24pt 16pt 32pt;
       font-size: 140%;    
}

.rama {
     border: solid #c8c8c8 1px;
     padding: 4 4 4 4;
     background: #e8e4da;
     margin:0 8 0 8;
     }
     
 .transparent50  { 
     filter: alpha(Opacity=50); 
     opacity: 0.5; 
 }   

 .wds64 {
          width: 64%;
          
  }
 .wds48 {
          width: 48%;
          padding: 1%;
  }
 .wds32 {
          width: 32%;
          
  }

   .wds36 { width: 36%; }

.db {
   background: #ccccdd; 
   height:8px;
   margin: 24px 24px 24px 24px;
   /* down bar for END  */
}