@charset "utf-8";
/* CSS Document */

body {
	background-color: #E1EAE9;
	color: #34344B;
	display: flex;
	flex-direction: row;
	padding: 0;
	margin: 0;
	height: 100vh;
	overflow: hidden;
}
 
#leftBlock, #mainTxt {height: 99vh; overflow: auto;}

#leftBlock, #snoski p{	
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif
}
#leftBlock{width: 20%; background-color: #d1dfe5}
#rightBlock{width: 80%}
#oglavlenie{
		height: 94vh;
		overflow:auto;
			}
#colontitul{
    display: flex;
    height: 1.8em;
    border-bottom-style: double;
    border-bottom-color: black;
    border-bottom-width: thin;
    width: 100%;
    flex-direction: row;
    align-content: flex-end;
    margin-top: 2.4em;
    font-style: italic;
}
.colontitul {
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.colontitul div {}
.leftTitul {}
.rightTitul {text-align: right;}

#mainTxt sup a{
	color: #bd125a;
	vertical-align: sub;
	text-decoration: none;
	letter-spacing: -1px;
	}
#mainTxt sup a:hover{ background-color:#C2F0F4}
#warpTxT{
	max-width: 777px;
 	margin-left: auto;
 	margin-right:auto;
}
#snoski {
	height: 5vh;
	overflow: auto;
	font-size: .8em;
	background-image: url(trtback.png);
	}

.warp_oglavlenie {
	margin-left: 10px;
	margin-right: 1em;
}
.warp_snoski{
	margin-left: 1.3em;
	margin-right: 1.3em;
	height: 100%;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	}
.warp_snoski a{ text-decoration:none}
#oglavlenie ul {padding:0; margin:0;}
#oglavlenie a, .Level1, #oglavlenie li{
	text-decoration:none;
	color:#13587D;
	display: block;
}
#oglavlenie li{display:block; }
.Level1 {
	border-bottom: 1px double #3662a6;
	font-size: 1.2em;
	text-align: center;
	margin-top: 4px;
	padding: 7px;
}
.Level2{font-weight: bold; margin-top: 10px;}
.Level3{margin-left:14px}
.Level4{margin-left:38px;font-size:.9em}
.Level5{margin-left:48px; font-style:italic; font-size:.9em}
#oglavlenie li:hover{
	background-color: #f1f7f3;
	}



#snoski img {max-width: 100%}

p, .font1 {
 font-size: 1.2em;
 font-family: Calibri, Cambria, serif;
 text-align: justify;
}
.stanza {
	margin-left: 2.6em;
	margin-right: 3em;
	color: #282aab;
}
strong {color: #353dc1;}
p.stanza_hd {text-align: center; margin-top: 3em}
 h1, h2,h3,h4,h4{text-align: center;
 font-weight: normal;
 } 
 h1{font-size: 1.6em}
 h2{font-size: 1.4em}
 h3{
	font-size: 1.3em;
	margin-top: 2em;
	font-variant: small-caps;
}
 h4 {
	font-size: 1.2em;
	text-align: center;
	font-weight: normal;
	font-style: italic;
	margin-top: 2em;
}
h5 {
	font-size: 1.1em;
	text-align: center;
	font-weight: normal;
	font-style: italic;
}
 .font2 {
 font-size: 1.1em;
 text-align: left;
 margin-left: 6em;
 letter-spacing: 0.05em;
}
 .font3 { font:10pt Times New Roman, serif; }
 .font4 { font:12pt Times New Roman, serif; }
 .font5 { font:16pt Times New Roman, serif; }
h2 {margin-top: 3em;}
pre{
	font-size:  calc(14px + .4vw);
	text-align: center;
	letter-spacing: 2px;
	margin-bottom:0;
}
@media only screen and (max-width : 1080px) { 

#leftBlock, sup {display: none;}
#rightBlock {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
	}
#warpTxT {
max-width: inherit;}
}