body {
--TextCard: 22px;
--TextBody: 20px;
--TextSpace: 15px;
--TextManu: 58px;
--informer: 31px;
--font: 'Droid Serif';
--fontCard: 'Times';
}
	
BODY {font-family: var(--font); color: black; font-size: calc(var(--TextBody) * 1); text-align:justify; margin: 5 40 5 40; background-image: url(../SUPP/image/bg.jpg);} 

hr {
    border: none; /* ”бираем границу */
    background-color: #993300; /* ÷вет линии */
    color: #FFFFFF; /* ÷вет линии дл¤ IE6-7 */
    height: 7px; /* “олщина линии */
   }
   
.img {
max-width: 660px;
height: auto;
margin: 2 auto;
 }	  
  

.semi {
    padding: 11px;   
    width: 98%; 
    opacity: 0.7; 
    filter: alpha(Opacity=70);
	background-image: url(../SUPP/image/rukopis.png);
	margin: 0 auto;
   }

.HeadLang {font-size: calc(var(--TextBody) * 0.9); color: #000000}   
   
.TextCard1 {
	font-family: var(--fontCard);
	font-size: calc(var(--TextCard) * 1);
	color: #FFFFFF;
	font-weight: normal;
	margin-top: calc(var(--TextCard) * 1);
    margin-bottom: calc(var(--TextCard) * 1);	
}

.TextCardRU1 {
	font-family: var(--fontCard);
	font-size: calc(var(--TextCard) * 1.2);
	color: #FFFFFF;
	font-weight: normal;
	margin-top: calc(var(--TextCard) * 1);
    margin-bottom: calc(var(--TextCard) * 1);	
}

.TextCard2 {
	font-family: var(--fontCard);
	font-size: calc(var(--TextManu) * 1);
	color: #FFFFFF;
	font-weight: normal;
	margin-top: calc(var(--TextCard) * 1.3);
    margin-bottom: calc(var(--TextCard) * 1.3);
}

.TextCard3 {
	font-family: var(--fontCard);
	font-size: calc(var(--TextCard) * 1.25);
	color: #FFFFFF;
	font-weight: normal;
	margin-top: calc(var(--TextCard) * 1);
    margin-bottom: calc(var(--TextCard) * 1);	
}

.TextCard4 {
	font-family: var(--fontCard);
	font-size: calc(var(--TextCard) * 0.85);
	color: #FFFFFF;
	font-weight: normal;
	margin-top: calc(var(--TextCard) * 0.8);
    margin-bottom: calc(var(--TextCard) * 0.2);	
}

.TextCard5 {
	font-family: var(--fontCard);
	font-size: calc(var(--TextCard) * 0.85);
	color: #FFFFFF;
	font-weight: normal;
	margin-top: calc(var(--TextCard) * 0.2);
    margin-bottom: calc(var(--TextCard) * 0.8);
}

.TextCardRU5 {
	font-family: var(--fontCard);
	font-size: calc(var(--TextCard) * 1.5);
	color: #FFFFFF;
	font-weight: normal;
	margin-top: calc(var(--TextCard) * 0.2);
    margin-bottom: calc(var(--TextCard) * 0.8);
}

.TextCard6 {
	font-family: var(--fontCard);
	font-size: calc(var(--TextCard) * 1.5);
	color: #FFFFFF;
	margin-top: calc(var(--TextCard) * 1.2);
    margin-bottom: calc(var(--TextCard) * 0.8);
}

.TextCardRU6 {
	font-family: var(--fontCard);
	font-size: calc(var(--TextCard) * 0.95);
	color: #FFFFFF;
	margin-top: calc(var(--TextCard) * 0.8);
    margin-bottom: calc(var(--TextCard) * 0.8);
}

.TextCard0 {
	font-size: calc(var(--TextSpace) * 3.5);
	margin-top: calc(var(--TextSpace) * 1);
    margin-bottom: calc(var(--TextSpace) * 1);
}

.TextNULL{
	font-size: calc(var(--TextSpace) * 1);
	margin-top: calc(var(--TextSpace) * 0);
    margin-bottom: calc(var(--TextSpace) * 0);
}

.TextCard7 {
	font-family: var(--font);
	font-size: calc(var(--TextCard) * 1);
	color: #FFFFFF;
	font-weight: normal;
}

.tab1 {max-width: 98%; font-size: calc(var(--TextBody) * 1);} 

.tab1 a:link {color: black; font-size: calc(var(--TextBody) * 1); TEXT-DECORATION: none} /*стиль дл¤ ссылок, которые еще не посещались пользователем*/
.tab1 a:active {color: red; font-size: calc(var(--TextBody) * 1); TEXT-DECORATION: none} /*стиль дл¤ активной ссылки. јктивной ссылка становитс¤ при нажатии на нее*/
.tab1 a:visited {color: black; font-size: calc(var(--TextBody) * 1); TEXT-DECORATION: none} /* стиль дл¤ посещенных ссылок */
.tab1 a:hover {color: red;  font-size: calc(var(--TextBody) * 1); TEXT-DECORATION: none} /*стиль элемента при наведении на него курсора мыши*/

.t-adaptive > table {
    max-width: 750px;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	border: 15px outset grey;
}

.t-adaptive th {
	width: 50%;
}

.t-adaptive th, td {
	border: 1px solid black; /* √раницы ¤чеек */
}

.t-adaptive tbody tr {
	max-height: 300px;
	height: 100%;
}

.t-adaptive td:nth-child(1), .t-adaptive td:nth-child(4) {
	width: 14%;
	border: 1px solid black;
}

.t-adaptive td:nth-child(2), .t-adaptive td:nth-child(3) {
	width: 36%;
	border: 1px solid black;
}

td .t-img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
 }	
 
td .t-img1 {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;	
}

.t-video-adaptive> table {
    max-width: 750px;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	border: 15px outset grey;
}

.t-video-adaptive tbody tr {
	max-height: 385px;
	height: 100%;
}

td .video {
    max-width: 640px;
	width: 100%;
	display: block;
	margin: 0 auto;
    margin-top: 35px;
    margin-bottom: 35px;
    margin-left: 35px;
    margin-right: 35px;
}

th, td {
  padding: 2px; /* ќтступы внутри ¤чеек */
  text-align: center; /* ¬ыравнивание текста по центру */
  word-wrap: break-word; /* ѕеренос слов, если текст не помещаетс¤ */
}
   
.style1 {
	font-family: var(--font);
	font-size: calc(var(--TextBody) * 1.0);
	color: #050505;
	font-weight: bold;
	margin-top: calc(var(--TextBody)* 0.85);
    margin-bottom: calc(var(--TextBody)* 0.85);
	text-align: center;
}

.style1 > a:link {color: #F90004; TEXT-DECORATION: none}
.style1 > a:active {color: #F90004; TEXT-DECORATION: none} 
.style1 > a:visited {color: #F90004; TEXT-DECORATION: none} 
.style1 > a:hover {color: #F90004; TEXT-DECORATION: none} 

.style2 {
	font-family: var(--font);
	font-size: calc(var(--TextBody) * 1.0);
	color: #000000;
	font-weight: normal; 

	line-height: 1.2;
}

.style3 {
	font-family: var(--font);
	font-size: calc(var(--TextBody) * 1);
	color: #050505;
	font-weight: bold;
}


.ya-metrika > table {
    max-width: 750px;
	width: 100%;
	overflow: hidden;
	border: 0;
}

.ya-metrika th, td {
	border: 0; /* √раницы ¤чеек */
	text-align: left; 
}

.ya-metrika td:nth-child(1) {
	width: 15%;
}

.ya-metrika td:nth-child(2) {
	width: 85%;
}

.ym-advanced-informer {
	width: calc(var(--informer) * 2.58);
	height: calc(var(--informer) * 1);
	overflow: hidden;
	margin: 0 auto;
	border: 0;
}

.ya-metrika2 {
	font-family: var(--font);
	font-size: calc(var(--TextBody) * 1);
	color: #000000;
	font-weight: normal;
	margin: 0.2em 1em 0 1em;
}

ol	{margin-bottom:0cm;}
ul	{margin-bottom:0cm;}

li::marker {
	font-size: 18px;
}

@supports (-moz-appearance: none) { @media (pointer: coarse) { .HeadLang { font-size: calc(var(--TextBody) * 0.5);} } }

@media only screen and (max-device-width: 480px) {
body {
--TextCard: 35px;
--TextBody: 30px;
--TextSpace: 15px;
--TextManu: 72px;
--informer: 70px;
}
body {font-size: calc(var(--TextBody) * 1.2);  text-align:left; }
.HeadLang {font-size: calc(var(--TextBody) * 0.85);}   
   
.TextCard1 {
	font-size: calc(var(--TextCard) * 1);
	margin-top: calc(var(--TextCard) * 1);
    margin-bottom: calc(var(--TextCard) * 1);	
}

.TextCardRU1 {
	font-size: calc(var(--TextCard) * 1.3);
	margin-top: calc(var(--TextCard) * 0.5);
    margin-bottom: calc(var(--TextCard) * 1);	
}

.TextCard2 {
	font-size: calc(var(--TextManu) * 1);
	margin-top: calc(var(--TextCard) * 0.5);
    margin-bottom: calc(var(--TextCard) * 0.5);
}

.TextCard3 {
	font-size: calc(var(--TextCard) * 1.25);
	margin-top: calc(var(--TextCard) * 0.3);
    margin-bottom: calc(var(--TextCard) * 0.3);	
}

.TextCard4 {
	font-size: calc(var(--TextCard) * 0.85);
	margin-top: calc(var(--TextCard) * 0.8);
    margin-bottom: calc(var(--TextCard) * 0.2);	
}

.TextCard5 {
	font-size: calc(var(--TextCard) * 0.85);
	margin-top: calc(var(--TextCard) * 0.2);
    margin-bottom: calc(var(--TextCard) * 0.2);
}

.TextCard6 {
	font-size: calc(var(--TextCard) * 1.05);
	margin-top: calc(var(--TextCard) * 0.8);
    margin-bottom: calc(var(--TextCard) * 0.8);
}

.TextCardRU5 {
	font-size: calc(var(--TextCard) * 1.5);
	margin-top: calc(var(--TextCard) * 0.2);
    margin-bottom: calc(var(--TextCard) * 0.8);
}

.TextCardRU6 {
	font-size: calc(var(--TextCard) * 0.95);
	margin-top: calc(var(--TextCard) * 0.8);
    margin-bottom: calc(var(--TextCard) * 0.8);
}

.TextCard0 {
	font-size: calc(var(--TextSpace) * 0);
	margin-top: calc(var(--TextSpace) * 0);
    margin-bottom: calc(var(--TextSpace) * 0);
}

.TextNULL{
	font-size: calc(var(--TextSpace) * 0);
	margin-top: calc(var(--TextSpace) * 0);
    margin-bottom: calc(var(--TextSpace) * 0);
}

.style1 {font-size: calc(var(--TextBody) * 1.4);}
.style2 {font-size: calc(var(--TextBody) * 1.4);}
.style3 {font-size: calc(var(--TextBody) * 0.95);
}
.TextCard7 {font-size: calc(var(--TextCard) * 1.2);}
li::marker {font-size: 40px;}
.ya-metrika > table {max-width: 800px;}

.img {
max-width: 100%;
 }	  
}