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

body {
    background-color: #CAD0D2;
    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: 30%;}
#rightBlock{width: 70%}
#oglavlenie{
		height: 55vh;
		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;
}
#spacer{height: 2vh;}
#snoski {
	height: 42vh;
	background-color:#B4C2C6;
	overflow:auto;
	font-size:.8em;
	box-shadow:inset 0px 1px 3px 1px #0403035e;
}
#snoski sup {
    color: #99002a;
    font-weight: bold;
    vertical-align: baseline;
    font-size: 1em;
}
.warp_oglavlenie {
	margin-left: 10px;
	margin-right: 1em;
}
.warp_snoski{
	margin-left: 1.3em;
	margin-right: 1.3em;
	}
#oglavlenie ul {padding:0; margin:0;}
#oglavlenie a, .Level1{
	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: #d8e8ea;
}



#snoski img {max-width: 100%}

p, .font1 {
 font-size: 1.2em;
 font-family: Cambria, serif;
 text-align: justify;
}
 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;}
}