body {
    font-family:verdana;
      /*      background-color: #fefeef; */
        background-color:#ece8d9;
        background-color:#e0d6c0; 

    /*link: "#444444";
	vlink: "#666688"; 
	alink: "#444488" */
	}
	
/* .BGl { background-color: #fefef8;  } */
 a:link { color: #2060c0; /* Цвет ссылок */ } 
 a:visited { color: #404080; /* Цвет посещенных ссылок */ } 
 a:active { color: #f00; /* Цвет активной ссылки */ } 

h1 {
	font-family: Arial;
	font-size: 140%;
	text-align: center;
	color: #ee2222;
}
h2 {
	font-family: Arial;
	font-size: 130%;
	text-align: center;
	color: #ee2200;
}
h3 {
	font-family: Arial;
	font-size: 120%;
	margin: 12pt 0pt 6pt 12pt;
	color: #2266bb;
}
h4 {
	margin: 6pt 0pt 0pt 12pt;
	text-align: left;
}
 .wds64 { width: 64%; }
 .wds50 { width: 50%; padding: 1%; } 
 .wds48 { width: 48%; padding: 1%; }
 .wds46 { width: 46%; padding: 1%; }
 .wds40 { width: 40%; padding: 1%; }
 .wds32 { width: 32%; }
 .wds36 { width: 36%; }
 
.hgt96 { height: 96px; }
.hgt128 { height: 128px; }
.hgt144 { height: 144px; }
.hgt156 { height: 156px; }
.hgt192 { height: 192px; }

.page800 {  width: 800px;}
.page, .page15 { margin: 18px 15% 24px 15%; } 
.page8 { margin: 18px 8% 24px 8%; }
.page4 { margin: 18px 4% 24px 4%; }
.page2 { margin: 18px 2% 24px 2%; }

.dat8 { font-size: 80%; }
dt {
	margin-top: 6pt;
	margin-bottom: 0pt;
	font-family: sans-serif;	
	font-size: 106%;
}

.rama, .ramaC {
	margin: 0 8 0 8;
	border: solid #c8c8c8 1px;
	 padding:4 4 4 4;
	 background: #e8e4da;
}

.centr, .ramaC {
		 text-align:center; 
}

.left  { text-align:left; }

.FLeft, .FL     { float:left;  }
.FRight, .FR  { float:right;   }

.avtor, .dgerelo {
	text-align: right;
	text-indent: 0pt;
	margin-left: 32pt;	
	margin-top: 12pt;	
	margin-right: 32pt;	
	font-family: verdana;
	font-size: 76%;
}
.bgDgerelo {
		background-color:  #eeeadb   /*f8f8ee; */
}		

li {
  		margin: 6pt 0pt 0pt 12pt;
	font-family: verdana;
	font-size: 100%;

  }
p {
	font-family: sans-serif;
	text-indent: 18pt;
	text-align: justify;
	margin: 0 16pt 4pt 8pt;
	font-size: 100%;
     letter-spacing: 0.3pt; 
}	

.pidimg {
	font-family: sans-serif;
	font-size: 106%;
	margin: 4pt 32pt 4pt 32pt;
	color: #666666;
	font-style: italic;
}	
.fl {
       float:left
       }
.fr { 
       float:right
       }

.page, .page15 { margin: 18px 15% 24px 15% }
.page8 { margin: 18px 8% 24px 8% }
.page4 { margin: 18px 4% 24px 4% }
.page2 { margin: 18px 2% 24px 2% }
       
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; 
 }   

.flx { display: flex;  }   /*  контейнер flex  по горизонтали*/
.itx, .itx50  { margin: 0 1% 0 1% }  /* для раздела flex */
.itx50 { width: 50%; }

.vst32 { width: 32%; }
.vst24 { width: 24%; }
.vst, .vst32, .vst24 { background: #e0dac8; }

.vstavka, .vstav { 
           width:360px;
           padding:18px;
         margin: 4px 24px 4px 18px; }
.vrezka, .vrez, .vrezkal {
           width:360px;
         margin: 0 24px 4px 18px;
         padding:0 8px 0 16px; }

         
.vstav, .panelq   { background: #e0dac8;  } <!-- #fefeef; светлый -->
.vstavka { background: #dec;  } 
.vrezka  { background: #d0c8b8; }
.vrezkal { background: #e0dac8; }
<!-- .vrez — не имеет фона -->