a:link{color: blue; text-decoration: none}
a:visited{color: blue; text-decoration: none}
a:hover{color: red; text-decoration: none}

.img_border_1 {
width: calc(100% - 2px);
border-style: solid;
border-width: 1px;
border-color: black;
}

.text_standart {
font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 1.67em;
color: #111111;
}

table.table_link{
color: #0066CC; /* Цвет текста в таблицах-ссылках */
}
table.table_link:hover{
color: red; /* Смена цвета при наведении */
background-color: #eff8f9;
border-radius: 10px;
}

li.class_munju:hover {
cursor:pointer;
background: #fbdb97; /* Цвет фона при наведении */
}

td.class_munju:hover {
cursor:pointer;
background: #fbdb97; /* Цвет фона при наведении */
}

.curs { 
cursor : url("my_cursor.cur"), pointer;
width: 100%;
}


				/* Для мобильной версии ------------------------------------------------- */
                                @media (max-device-width: 420px), (max-device-height: 420px) {


/* Ссылки в каталогах */
	.div_link {
	padding: 0;
	line-height: 1.2em;
	text-align: left;
	}

	.img_link {
	width: 80;
	height: 112;
	float: left;
	margin-right: 15;
	}

	.blok_min {
	display:block;
	}
	.blok_max {
	display:none;
	}

/* Оглавление */
	#oglavlenie {
	background-color: #7ad1e0;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: silver;
	border-radius: 20px;
	cursor: pointer;
	}

html {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
}

body {
font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 1.67em;
color: #111111;
}

.showmobile {
display:block;
}

.showdesktop {
display:none;
}

.postcart {
width: calc(100% - 18px);
border-style: solid;
border-width: 1px;
border-color: silver;
border-radius: 5px;
padding: 8px;
}

#inform_noscript {
position: relative;
top: 25px;
}

#block_3 {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 50px;
	font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.67em;
	color: #111111;
}

#block_3_search {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 50px;
	font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.67em;
	color: #111111;
}

@media screen and (orientation:portrait)
{ .gorizontal{
display:none;
}
 }

@media screen and (orientation:landscape)
{ .vertikal{
display:none;
}
 }

@media (max-width:420px)
{ .line_max{
display:none;
}
 }

.illjustrat_0 {
display:none;
}

.img {
max-width: 400px;
}

/* header ------------------------------------------------- */

	/* header_2 - Страницы каталогов */

		@media (min-width:341px)
		{ .header_2_min{
		display:none;
		}
		 }

		@media (max-width:340px)
		{ .header_2_mid{
		display:none;
		}
		 }

		@media (min-width:431px)
		{ .header_2_mid{
		display:none;
		}
		 }

		@media (max-width:430px)
		{ .header_2_max{
		display:none;
		}
		 }

	/* header_3 - Страницы документов */

		@media screen and (orientation:portrait) /* Залипание вверху при вертикальном просмотре */
		{ #vertikal_header_fix_top{
			position: sticky;
			z-index: 100;
			top: 0px;
		}
		 }

		@media (min-width:361px)
		{ .header_3_min{
		display:none;
		}
		 }

		@media (max-width:360px)
		{ .header_3_mid_max{
		display:none;
		}
		 }

/* Кнопки выхода со страницы ------------------------------------------------- */

	/* Страницы каталогов */
		#knopka_fix {
		margin: 0px;
		z-index: 2;
		position: fixed;
		bottom: 8px;
		right: 8px;
		}

	/* Страницы документов */
		#knopka_menju_bottom_1 {
		margin: 0px;
		z-index: 500;
		position: fixed;
		bottom: 8px;
		right: 8px;
		}
			#knopka_menju_bottom_2 {
			margin: 0px;
			z-index: 501;
			position: fixed;
			bottom: 8px;
			right: -200px;
			}

		#knopka_top {
		margin: 0px;
		z-index: 500;
		position: fixed;
		bottom: 71px;
		right: 10px;
		}

/* index.htm - Горизонтальная прокрутка во фрейме ------------------------------------------------- */
	.scroll_img {
	    overflow-y: hidden;
	    overflow-x: auto; 
	    width: 100%; 
	    height: 112px; 
	    text-align: justify; 
	    padding: 0px; 
	    border-left: #000000 0px solid; 
	    border-right: #000000 0px solid; 
	    border-top: #000000 0px solid; 
	    border-bottom: #000000 0px solid;
	}

	.scroll_img::-webkit-scrollbar {
	    height: 0px;
	}

/* Страницы-с-pdf ------------------------------------------------- */

	#pdf_fix {
	margin: 0px;
	z-index: 2;
	position: fixed;
	top: 70px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	}

	#text_pokaz {
	animation: pokaz_text 10s 1;
	}
		@keyframes pokaz_text{
		0% {
		opacity:0;
		}
		99% {
		opacity:0;
		}
		100% {
		opacity:1;
		}
		}

	#text_skryt {
	animation: skryt_text 100s 1;
	}
		@keyframes skryt_text{
		0% {
		opacity:1;
		}
		24% {
		opacity:1;
		}
		25% {
		opacity:0;
		}
		100% {
		opacity:0;
		}
		}


                                }



				/* Для мобильной версии ------------------------------------------------- */



				/* Для десктопной версии ------------------------------------------------- */
                                @media (min-device-width: 421px) and (min-device-height: 421px) {



/* Ссылки в каталогах */
	.div_link {
	padding: 15;
	line-height: 1.2em;
	text-align: left;
	}

	.text_link_1 {
	color: black;
	}

	.text_link_2 {
	font-size: 14pt;
	}

		@media (min-width:601px) {
			.blok_min {
			display:none;
			}
			.blok_max {
			display:block;
			}
			.img_link {
			width: 150;
			height: 198;
			float: left;
			align: left;
			margin-right: 40;
			}
		}
		@media (max-width:600px) {
			.blok_min {
			display:block;
			}
			.blok_max {
			display:none;
			}
			.img_link {
			width: 80;
			height: 112;
			float: left;
			margin-right: 15;
			}
		}

/* Оглавление */
	#oglavlenie {
	background-color: #7df9ff;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: silver;
	border-radius: 20px;
	cursor: pointer;
	}

@media (min-width: 316px) {
html {
	background-image: url("https://suuk.su/img_desk/fon.jpg");
	background-attachment: fixed;
}
}

.showdesktop {
display:block;
}

.showmobile {
display:none;
}

.postcart {
border-style: solid;
border-width: 2px;
border-color: silver;
border-radius: 5px;
padding: 11px;
}

#inform_noscript {
position: relative;
bottom: 25px;
}

#block_1 {
	padding-left: 14px;
	padding-right: 14px;
	padding-bottom: 50px;
}

#block_1_search {
}

#block_2 {
	max-width: 834px;
	min-height: 90%;
	background-color: white;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 50px;
	margin: auto;
}

#block_2_search {
}

#block_3 {
	max-width: 640px;
	margin: auto;
	text-align: justify;
	font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.67em;
	color: #111111;
}

#block_3_search {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 50px;
	font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.67em;
	color: #111111;
}

@media (min-width:750px)
{ .menju_min{
display:none;
}
 }

@media (max-width:749px)
{ .menju_max{
display:none;
}
 }

@media (max-width:530px)
{ .max_width_530{
display:none;
}
 }


/* Иллюстрации на странице - справа и слева */
	@media (max-width:600px) {
		.illjustrat {
		width: 100%;
		}
		.illjustrat_0 {
		display:none;
		}
		.illjustrat_max {
		display:none;
		}
	}

	@media (min-width:601px) {
		.illjustrat_min {
		display:none;
		}
	}


/* Верхнее меню */
	#menju_top {
	margin: 0px;
	z-index: 2;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	background-image: url("https://suuk.su/img_desk/fon.jpg");
	background-attachment: fixed;
	}


/* Выпадающее меню */

	.tooltip { position:relative; z-index:24; } /* Подсказка_меню */
	  .tooltip span { display:none;}
	  .tooltip:hover {z-index:25;text-decoration:underline;}
	  .tooltip:hover span 
	  {
	  display:block;
	  position:absolute;
	  width:215px;
	  height:28px;
	  top:28px;
	  left:0px;
	  background-color:#e6ffe6;
	  border:1px solid #333333;
	  padding:5px;
	  font-size:11px;
	  color:#333333;
	  text-decoration:none;
	  font-family:Arial Black;
	  }

	.tooltip { position:relative; z-index:24; } /* Подписка */
	  .tooltip span_2 { display:none;}
	  .tooltip:hover {z-index:25;text-decoration:underline;}
	  .tooltip:hover span_2 
	  {
	  display:block;
	  position:absolute;
	  width:204px;
	  height:112px;
	  top:-40px;
	  left:30px;
	  background-color:
	  border:0px solid #333333;
	  padding:5px;
	  font-size:11px;
	  color:#333333;
	  text-decoration:none;
	  font-family:Arial Black;
	  }

	* {box-sizing: border-box;} /* Выпадающее меню */
	body {
	  margin: 0;
	}
	nav {background: white;}
	nav ul {
	  list-style: none;
	  margin: 0;
	  padding: 0;
	}
	nav a {
	  text-decoration: none;
	  outline: none;
	  display: block;
	  transition: .4s ease-in-out;
	}
	.topmenu {
	  text-align: center;
	  padding: 0px 0;
	}
	.topmenu > li {
	  display: inline-block;
	  position: relative;
	}
	.topmenu > li:after {
	  content: "";
	  position: absolute;
	  right: 0;
	  width: 1px;
	  height: 12px;
	  background: #d2d2d2;
	  top: 16px;
	  box-shadow: 4px -2px 0 #d2d2d2;
	  transform: rotate(30deg);
	}
	.topmenu > li:last-child:after {
	  background: none;
	  box-shadow: none;
	}
	.topmenu > li > a {
	  padding: 0px 0px;
	  color: blue;
	  font-weight: bold;
	  letter-spacing: 1px;
	  font-family: 'Exo 2', sans-serif;
	}
	.topmenu > li:hover > a {color: #69c379;}
	.submenu {
	  position: absolute;
	  left: 50%;
	  top: 100%;
	  width: 210px;
	  margin-left: -105px;
	  background: #fafafa;
	  border: 2px solid #1fb1ca;
	  z-index: 5;
	  visibility: hidden;
	  opacity: 0;
	  transform: scale(.8);
	  transition: .4s ease-in-out;
	}
	.submenu li a {
	  padding: 10px 0;
	  margin: 0 0px;
	  border-bottom: 1px solid #1fb1ca;
	  font-size: 16px;
	  color: blue;
	  font-family: 'Kurale', serif;
	}
	.topmenu > li:hover .submenu {
	  visibility: visible;
	  opacity: 1;
	  transform: scale(1);
	}
	.submenu li a:hover {color: red;}


/* Правый нижний угол (костёр) */ 
	#fix_bottom_right { 
	margin: 0px;
	z-index: 2;
	position: fixed;
	bottom: 10px;
	right: 20px;
	}


#knopka_fix_3 { /* Слева */  
margin: 0px;
z-index: 2;
position: fixed;
top: 200px;
left: 0px;
}


.table_854 { /* Ширина таблицы - текста на странице */
max-width: 854px;
}

.table_834 { /* Ширина таблицы - текста на странице */
max-width: 834px;
}



                                }



				/* Для десктопной версии ------------------------------------------------- */