body {
	 background: #eae6d7 
}
a {
	text-decoration:none;

}

h1, h2, h3, h4 {
	font-family: Arial, sans-serif;
	font-weight: normal;
}
h1 { font-size: 156%; 
	text-align: center;
	}

h2 {
	/* margin-left: 64pt; */
	text-align: center;
}
h3 {
	margin-left: 32pt;	
	margin-top: 12pt;	
	margin-bottom: 6pt;	
	text-align: left;
}
h4 {
		margin: 6pt 0 2pt 24pt;
	font-weight: bold;
}

.razdel {
	border-bottom: gray 1px solid;
	text-align: left;
	margin-top: 18pt;	
	margin-bottom: 8pt;	
}
h4 {
	margin-left: 0pt;	
}

.headLine {
	border-bottom: gray 1px solid;
}
.head {
	font-family: verdana;
	font-size: 90%;
	border-bottom: gray 3px double;
	margin:   0 12pt 12pt 12pt;
}
.dnhead {
	font-family: verdana;
	font-size: 90%;
	border-top: gray 3px double;
	margin:   12pt 12pt 0 12pt;
	padding-left: 48pt;
}

.SubHeader, .shead {
	margin: 8 24pt 6 24pt;
	font-weight: bold;
	text-zise: 106%;
}
.shead { color: #777777;
		 color: #b44;
		font-style: italic;
		font-size: 110%;
		margin: 0 8% 12pt 8%;
 }
.sh3 {
	margin-left: 12pt;			
	font-family: verdana;
	font-size: 76%;
	font-weight:normal;
	text-indent: 0pt;
}
.vtjagka, .content {	
	margin-left:32pt;
	margin-right:32pt;
	padding-right:8;
	padding-left:8;
}
.content
{
	border-left:double 3px red; 
	border-right:double 3px red; 
}
.newMind {
		margin-top: 12pt;
}
p {
	text-indent: 18pt;
	text-align: justify;
	margin: 0 16pt 4pt 8pt;
	font-family: times new roman;
	font-size: 100%;
     letter-spacing: 0.3pt; 
}
ul, ol  { 
 	font-family		: verdana, century gothic, arial;
	font-weight		: normal;
	font-size  		: 103%;
}
p, .width {
	text-indent: 18pt;
	text-align: "justify";
	margin: 0 16pt 4pt 8pt;
	font-family: verdana;
	text-zise: 50%;
	font-family:  sans-serif, arial;
     letter-spacing: 0.3pt; 
}
.width, .pidpys, .pidpysMx {
	font-size: 105%;
	letter-spacing: 0.4pt;
}
.pidpys, .razmer, .harak, .pidimg, .pidpysm {
	margin: 8pt 8pt 4pt 12pt;
	color: durkgray;
	font-family: sans-serif;
}
.pidimg { font-style: italic; }
.pidpysMx {
	margin: 16pt 24pt 18pt 12pt;
}
.razmer, .harak {
	font-size: 94%;
}
.pidpysm {
	font-size: 80%;
}

.img_center {
	text-align="center";
}
.rama, .ramaC {
	margin: 0 8 0 8;
	padding: 6;
	border: solid #c8c8c8 1px;
	background: #e8e4da;
	border-radius: 3px
}

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

.left  { text-align:left; }

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

.avtor, .data {
	text-align: right;
	text-indent: 0pt;
	margin: 12pt 32pt 12pt 32pt;
	font-family: verdana;
	font-size: 76%;
}
.data {
	text-align: left;
	font-size: 90%;
	/* border-bottom: solid 1pf #777; */
	text-decoration: underline;
	/* letter-spacing:   0.1em  ; */
	}

.dgerelo  {
	text-align: right;
	text-indent: 0pt;
	margin: 12pt 32pt 12pt 32pt;
	font-family: verdana;
	font-size: 76%;
}

.datl  {font-size: 70%; } /* для даты в тексте index.html */
.dat8 { font-size: 85%; line-height: normal;} 
.dat9 { font-size: 90%; height: 90%;} 
.dat110 { font-size: 110% }

    tt { text-decoration: none; font: 88% sans-serif; } /* текст как для цитат */
    s { text-decoration: none; letter-spacing: .1em; }  /* понятия выделим межлитерным интервалом */

    
a {
	font-family: verdana;
	font-size: 96%;
}
ul {
	margin-left: 12pt;	
	margin-top: 6pt;	
	margin-bottom: 6pt;	
}
ht {
	margin-left: 0pt;	
	margin-top: 0pt;	
	margin-bottom: 6pt;	
	font-width: bold;
}
dd {
	margin-top: 12pt;
	background-color: #daeaea;
	font-weight: normal;

	/* font-family: verdana; */
	/* font-size: 100%; */
	/* font-size: 96%; */
}
dt {
	margin:  0pt 24pt 2pt  96pt;
	text-indent: -32pt;
	
}
li {
	margin:  0pt 12pt 2pt  24pt;
}
.ddcl {
	margin:  0pt 24pt 4pt 48pt;
	text-indent: -24pt;
}
.rf {
		color: rgb(180,180,180);
}

.annotation {font-weight: 800;}

.cite, .first 
{	margin: 6 64 6 64;
}
.cite { font-size: 86%}
.first { font-size: 106%;

}

.summary {  font-family: sans-serif; 
				font-size: 115%;
				margin: 18pt 0 12pt 32pt; ! кратко о чём это
	}  
	.source { color:#888888; ! откуда фото  }	

.vrezka {
		margin: 12pt 8pt 12pt 8pt;
		padding: 8pt 8pt 8pt 8pt;
		border: solid 1px gray;
		border-top: solid 3px gray;
		width: 180; /* это значение следует  устанавливать в каждом файле, где применяется Врезка */
}

.vstav {
		  width: 360px;
		  padding: 18px;
		  margin: 4px 24px 4px 18px;
		  background: #dddad2;
}

.vtjag, .vtjagka {
		  margin-left: 24px;
		  margin-right: 32px;
		padding: 12px 24px 12px 48px;

		border-left: solid @88ddee 4px;
		background: #eeeedd;

		font-size: 115%;
		font-style: italic;
		
}
.page {
		margin: 1%;
		margin-left: 15%;
		margin-right: 15%;
}

.page30 { margin: 0 30% 0 30%; }
.page25 { margin: 0 25% 0 25%; }
.page21 { margin: 0 21% 0 21%; }
.page800 {  width: 800px;}
    .page15 { margin: 18px 15% 24px 15% }
.page8 { margin: 18px 8% 24px 8% }
.page4 { margin: 18px 4% 24px 4% }
.page2 { margin: 18px 2% 24px 2% }

.pdg0 { padding-left: 0; } /* удаляем отступ вложеного UL, оставляем отступ LI   */

.flx { display: flex;  }   /*  контейнер flex  по горизонтали*/
.itmf, .page1, .itf, .itx, .itx50  { margin: 0 1% 0 1% }  /* для раздела flex */
.flxv { display: flex;  flex-direction: column; } 
.itx50 { width: 50%; }
 
.imgfild {
		margin: 1.5em;
 }