@charset "utf-8";

@font-face {
  font-family: News702cyrilbt;
  src: url(/css/news702cyrilbt.eot);
  src: url(/css/news702cyrilbt.eot#iefix) format('embedded-opentype'),
    url(/css/news702cyrilbt.ttf) format('truetype');
  font-style: normal;
}

@font-face {
  font-family: News702cyrilbd;
  src: url(/css/news702cyrilbd.eot);
  src: url(/css/news702cyrilbd.eot#iefix) format('embedded-opentype'),
    url(/css/news702cyrilbd.ttf) format('truetype');
}

html,
body {
  height: 100%;
}

html {
  display: table;
  margin: auto;
}

body {
  display: table-cell;
  font-family: Verdana, Arial, sans-serif;
  vertical-align: middle;
  background: url(/images/background34.webp) repeat #fff;
  font-size: 62.5%;
  margin: 0;
  padding: 0;
}

body * {
  font-size: 100%;
}

h6 {
  font-weight: normal;
}

h1 {
  font-weight: bold;
  /* font-family: Verdana, Arial, sans-serif; */
  font-size: 16px;
  color: #02021e;
  padding-left: 0;
  padding-top: 18px;
  text-align: center;
}

h2 {
  font-weight: bold;
  /* font-family: Verdana, Arial, sans-serif; */
  font-size: 14px;
  /* color: #666; */
  padding-left: 15px;
  padding-top: 12px;
  font-style: normal;
  padding-right: 5px;
  /* letter-spacing: 0.03em; */
  text-align: center;
}

h3 {
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;
  /* font-size:13px; */
  color: #02072b;
  padding-left: 30px;
  padding-top: 5px;
  font-style: normal;
  /* text-indent:-25px; */
  line-height: 150%;
}

h4 {
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #999;
  padding-left: 30px;
  padding-top: 3px;
  font-style: italic;
  text-indent: -5px;
  line-height: 150%;
}

h5 {
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  color: #838825;
  padding-left: 15px;
  padding-top: 12px;
  font-style: normal;
  padding-right: 5px;
  letter-spacing: 0.03em;
  text-align: center;
}

p {
  /*	margin-bottom: 1.1em;
	margin-top: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size:13px; font-weight:normal;
	color:#02021e;
	padding-left:15px;
	padding-top:12px;
	padding-right:20px; */
  text-indent: 20px;
  padding: 0 15px 0 15px;
  text-align: justify;

}

#main p.lastNode {
  margin-bottom: 0;
}

a:link img,
a:visited img {
  border: none;
}

div.clearFloat {
  clear: both;
  font-size: 0;
  height: 0;
  line-height: 0px;
}

li.clearFloat {
  clear: both;
}

ul.symbolList {
  display: inline;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.AbsWrap {
  position: relative;
  width: 100%;
}

.rowWrap {
  width: 100%;
}

#main {
  margin: 0 auto 0 0;
  width: 1250px;
}

#head {
  position: relative;
  margin-left: 0px;
  margin-top: 50px;
  background-image: url(/images/head.webp);
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline;
  float: left;
  height: 206px;
  margin-bottom: 0;
  width: 1250px;
}

#FW_01,
#FW_02,
#FW_03,
#FW_04,
#FW_05,
#FW_06,
#FW_07,
#FW_08,
#FW_09 {
  margin-left: 0;
  margin-top: 0;
  display: inline;
  float: left;
  margin-bottom: 0;
}

/* .leftmenu {
	margin-left: 0px;
	margin-top: 4px;
	overflow: hidden;
	display: inline;
	float: left;
	height: 100%;
	margin-bottom: 0;
	width: 174px;
}
*/

/* .blockcenter {
	margin-left: 0px;
	margin-top: 4px;
	overflow: hidden;
	display: inline;
	float: left;
	height: 100%;
	margin-bottom: 0;
	width: 905px;
	font-family: Verdana, Arial, sans-serif;
	font-size:14px; font-weight: normal;
} */

/* .rightside {
	margin-left: 0px;
	margin-top: 4px;
	margin-right: auto;
	overflow: hidden;
	display: inline;
	float: left;
	height: 100%;
	margin-bottom: 0;
	width: 171px;
}
*/
.span2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  padding-left: 3px;
  padding-right: 7px;
  color: #02021e;
}

.span {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  padding-left: 7px;
  padding-bottom: 7px;
  padding-top: 7px;
  color: #9a1818;
  /*color:#c7ced4;	*/
}

.span1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  padding-left: 7px;
  padding-bottom: 7px;
  padding-top: 7px;
  color: #9a1818;
}

.span3 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin-left: 7px;
  color: #9a1818;
  background-color: #efe6e8;
}

.span a:link,
.span a:visited,
.span a:active {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #9a1818;
  text-decoration: none;
}

.span a:hover {
  color: #9a1818;
  background-color: #efe6e8;
}

#head .top-actions {
  position: absolute;
  top: 14px;
  right: 0;
  width: 412px;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  align-items: stretch;
  z-index: 50;
}

#head .top-action-btn,
#head .top-action-btn:link,
#head .top-action-btn:visited,
#head .top-action-btn:active {
  display: inline-flex;
  gap: 4px;
  flex: 1 1 0;
  min-width: 0;
  min-height: 0;
  padding: 3px 8px;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  font-family: Verdana, Arial, sans-serif;
  font-size: calc(11px + 1pt);
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  color: #3d3d3d;
  text-decoration: none;
  background: #d9d9d9;
  border: 1px solid #000;
  border-radius: 18px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.14);
}

#head .top-action-btn:hover {
  color: #2f2f2f;
  background: #cfcfcf;
  border-color: #000;
}

#head .top-action-icon {
  width: 16px;
  height: 16px;
  object-fit: contain;
  flex: 0 0 auto;
}


hr {
  width: 97%;
  height: 2px;
  border: 0;
  background-color: #d4dde8;
}

.adv {
  margin-left: 0px;
  padding-left: 2px;
  padding-top: 8px;
}

ul,
ol {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: #3d3d3d;
  text-decoration: none;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 20px;
}

li {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  /*    color:#110cd0; */
  text-decoration: none;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 20px;
}

ul,
li a:link,
ul,
li a:visited,
ul,
li a:active {
  text-decoration: none;
  color: #3d3d3d;
}

ul a:hover {
  color: #9a1818;
}

li a:hover {
  color: #9a1818;
  background-color: #efe6e8;
}

.leftmenubutt {
  padding-left: 3px;
  padding-top: 4px;
}

.container {
  width: 1250px;
  background-image: url(/images/back_col.gif);
  background-repeat: repeat-y;
  margin-top: 4px;
}

.map {
  alignment-adjust: middle;
  alignment-baseline: middle;
  padding-left: 10px;
  padding-top: 10px;
}

#txtpage {
  padding: 0 15px 0 15px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
}

#txtpage .txtp {
  text-indent: 1.5em;
  text-align: justify;
}

txtpage1 {
  padding: 25px 0 25px 0;
  margin: 0px 25px 0px 25px;
}

.titlred {
  font-size: 18px;
  color: #F00;
  font-family: Verdana, Arial, sans-serif
}

.txtred {
  color: #900;
}

.ic {
  vertical-align: middle;
  margin-right: 15px;
  width: 25px;
}

.table1 {
  padding-left: 7px;
  width: 100%;
  height: 100%;
  padding-right: 7px;
}

.table2 {
  padding-left: 10px;
  width: 90%;
  height: 100%;
  padding-right: 10px;
  text-align: justify;
}

.table3 {
  padding-left: 7px;
  margin-left: 40px;
  width: 60%;
  height: 100%;
  padding-right: 10px;
  text-align: justify;
}

.header {
  background: #e1e6ea;
  padding: 5px;
  padding-right: 5px;
  border-style: solid;
  border-color: #FFF;
  border-width: 1.7px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #02072b;
}

.td1 {
  padding: 5px;
  background: #ece8e6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #3c3d40;
  border-style: solid;
  border-color: #FFF;
  border-width: 1.7px;
}

.td2 {
  padding: 5px;
  background: #9fd9b4;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #3c3d40;
  border-style: solid;
  border-color: #FFF;
  border-width: 1.7px;
}

.td3 {
  padding: 5px;
  background: #f1ed74;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #3c3d40;
  border-style: solid;
  border-color: #FFF;
  border-width: 1.7px;
}

.td4 {
  padding: 5px;
  background: #5b9bd5;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #3c3d40;
  border-style: solid;
  border-color: #FFF;
  border-width: 1.7px;
}

.td5 {
  padding: 5px;
  background: #ff0000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #3c3d40;
  border-style: solid;
  border-color: #FFF;
  border-width: 1.7px;
}

.infodiv {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
}

.tableSchoolData,
.tableDouData,
.tableOtherData {
  padding: 5px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
}

/* .tab_spis_vid { } */
.tab_spis_vid1 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 50px;
  padding-top: 30px;
}

.tab_spis_div {
  width: 125px;
  overflow: hidden;
  max-height: 176px;
}

.tab_spis_div img {
  width: 125px;
  border-width: 0px;
  border-style: solid;
  color: fff;
}

.tab_spis_div:hover img {
  width: 123px;
  border-width: 1px;
  border-style: solid;
  color: red;
}

.tab_spis_vid .text {
  padding-right: 5px;
}

.iplak {
  font-size: 12px;
  line-height: 1.4em;
  position: relative;
  padding-bottom: 10px;
  min-height: 424px;
}

.iplak p {
  padding-bottom: 1.2em;
}

.iplak ul {
  list-style: none;
  padding: 0 0 15px 10px;
}

/* .iplak ul li {padding:0 0 8px 19px; no-repeat: 7px 6px;} */
.iplak ul li {
  padding: 0 0 8px 19px;
}

.leftimg {
  float: left;
  /* Выравнивание по левому краю */
  margin: 5px 15px 5px 0;
  /* Отступы вокруг картинки */
}

.rightimg {
  float: right;
  /* Выравнивание по правому краю  */
  margin: 7px 0 7px 7px;
  /* Отступы вокруг картинки */
}

.indeximgl {
  float: left;
  /* Выравнивание по правому краю  */
  margin: 7px 7px 7px 60px;
  /* Отступы вокруг картинки */
  border: none;
}

.indeximgr {
  float: left;
  /* Выравнивание по правому краю  */
  margin: 7px 170px 7px 7px;
  /* Отступы вокруг картинки */
  border: none;
}

.right1img {
  float: right;
  /* Выравнивание по правому краю  */
  margin: 2px 0 2px 16px;
  /* Отступы вокруг картинки */
}

.right2img {
  float: right;
  /* Выравнивание по правому краю  */
  margin: 2px 0 2px 4px;
  /* Отступы вокруг картинки */
}

.right2aimg {
  float: right;
  margin: 2px 0 2px 4px;
  /* Отступы вокруг картинки */
  border: 2px solid #e1e6ea;
}

.right2bimg {
  float: right;
  margin: 2px 0 12px 4px;
  /* Отступы вокруг картинки */
  border: 2px solid #e1e6ea;
}

.ienlarger {
  float: right;
  margin: 2px 0 2px 16px;
  clear: none;
  /* Можно установить left или right по необходимости */
  padding-bottom: 5px;
  /* Расстояние между миниатюрами. Лучше не трогать данное поле */
  padding-right: 5px;
  /* Расстояние между миниатюрами и окружающим текстом */
}

.ienlarger a {
  display: block;
  text-decoration: none;
  /* Если добавить правило cursor:default;, то отключится курсор в виде руки */
}

.ienlarger a:hover {
  /* Не надо изменять тип позиционирования */
  position: relative;
}

.ienlarger span img {
  border: 1px solid #FFFFFF;
  /* Добавляем рамку вокруг изображения */
  margin-bottom: 8px;
  /* /Сдвигаем текст вниз от изображения */
}

.ienlarger a span {
  /* Для большого изображения и названия */
  position: absolute;
  display: none;
  color: #FFCC00;
  /* Текст названия */
  text-decoration: none;
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  /* Размер шрифта названия */
  background-color: #fff;
  font-weight: bold;
  padding-top: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
}

.ienlarger img {
  /* Для IE, чтобы не было рамки вокруг ссылки */
  border-width: 0;
}

.ienlarger a:hover span {
  display: block;
  bottom: 0px;
  /* Большое изображение выскакивает вверх на px от миниатюры */
  right: 80px;
  /* Большое изображение выскакивает вправо на px от миниатюры */
  z-index: 100;

  /* Если добавить правило cursor:default;, то отключится курсор в виде руки на большом изображении */
}

.resize_thumb {
  width: 370px;
  /* Вводим нужный размер миниатюры здесь */
  height: auto;
}

.ftable tr:not(.fble_htr) {
  counter-increment: rowNumber;
  padding-left: 7px;
  width: 100%;
  height: 100%;
  padding-right: 7px;
}

.ftable tr:not(.fble_htr) td:first-child::before {
  content: counter(rowNumber);
  min-width: 1em;
  margin-right: 0.5em;
}

.border {
  border-width: 2px;
  border-color: #e1e6ea;
  border-style: solid;
}

.federal-submenu-wrap {
  padding: 2px 0 8px 6px;
}

.federal-submenu-wrap strong {
  font-size: 13px;
}

ul.federal-submenu {
  margin: 4px 0 0 0;
  padding: 0 0 0 18px;
}

ul.federal-submenu li {
  padding: 1px 0;
  font-size: 13px;
}


/* --- CONTENT FROM CDK.CSS --- */


.td1 {
  padding: 5px;
  background: #ece8e6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #3c3d40;
  border-style: solid;
  border-color: #FFF;
  border-width: 1.7px;
}

.td2 {
  padding: 5px;
  background: #9fd9b4;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #3c3d40;
  border-style: solid;
  border-color: #FFF;
  border-width: 1.7px;
}

.td3 {
  padding: 5px;
  background: #f1ed74;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #3c3d40;
  border-style: solid;
  border-color: #FFF;
  border-width: 1.7px;
}

.cell_blue {
  padding: 5px;
  background: #5b9bd5;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #3c3d40;
  border-style: solid;
  border-color: #FFF;
  border-width: 1.7px;
}

.cell_red {
  padding: 5px;
  background: #ff0000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #3c3d40;
  border-style: solid;
  border-color: #FFF;
  border-width: 1.7px;
}

/* Списки  */

/* Список документов */

ul.doclist li.mp4,
ul.doclist li.pdf,
ul.doclist li.doc,
ul.doclist li.docx,
ul.doclist li.pptx,
ul.doclist li.url,
ol.doclist li.mp4,
ol.doclist li.pdf,
ol.doclist li.doc,
ol.doclist li.docx,
ol.doclist li.pptx,
ol.doclist li.url {
  position: relative;
  /*    float: right; */
  /*  width: 75% */
}

ul.doclist li.pdf,
ol.doclist li.pdf {
  background-image: url(/images/pdf.png);
}

ul.doclist li.doc,
ul.doclist li.docx,
ul.doclist li.word,
ol.doclist li.doc,
ol.doclist li.docx,
ol.doclist li.word {
  background-image: url(/images/word.png);
}

ul.doclist li.jpg,
ol.doclist li.jpg {
  background-image: url(/images/jpeg.png);
}

ul.doclist li.url,
ol.doclist li.url {
  background-image: url(/images/hyperlink.png);
}

ul.doclist li.yt,
ol.doclist li.yt {
  background-image: url(/images/yt.png);
}

ul.doclist li.xls,
ol.doclist li.xls {
  background-image: url(/images/xls.png);
}

ul.doclist li.pptx,
ol.doclist li.pptx {
  background-image: url(/images/pptx.png);
}

ul.doclist li.mp4,
ol.doclist li.mp4 {
  background-image: url(/data/images/video_mp4.png);
}



ul.doclist li,
ol.doclist li {
  float: left;
  width: 95%;
  min-height: 30px;
  margin-bottom: 10px;
  padding-top: 0px;
  padding-bottom: 5px;
  padding-left: 50px;
  list-style-type: none;
  background-repeat: no-repeat;
  background-position: 0 0;
}

ul.doclist li.pptx a,
ul.doclist li.pdf a,
ul.doclist li.xls a,
ul.doclist li.jpg a,
ul.doclist li.doc a,
ul.doclist li.docx a,
ul.doclist li.word a,
ul.doclist li.url a,
ul.doclist li.yt a,
ol.doclist li.pptx a,
ol.doclist li.pdf a,
ol.doclist li.xls a,
ol.doclist li.doc a,
ol.doclist li.docx a,
ol.doclist li.word a,
ol.doclist li.jpg a,
ol.doclist li.url a,
ol.doclist li.yt a {
  text-decoration: none;
  color: #397ad0;
}


ul.doclist li.pdf a:hover,
ol.doclist li.pdf a:hover,
ul.doclist li.xls a:hover,
ol.doclist li.xls a:hover,
ul.doclist li.yt a:hover,
ol.doclist li.yt a:hover,
ul.doclist li.doc a:hover,
ul.doclist li.docx a:hover,
ul.doclist li.word a:hover,
ol.doclist li.doc a:hover,
ol.doclist li.docx a:hover,
ol.doclist li.word a:hover,
ul.doclist li.url a:hover,
ol.doclist li.url a:hover {
  text-decoration: underline;
  color: #ff5e5e;
  outline: 0;
}


/* Списки в заголовках */

ul.hl li,
ol.hl li {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin-left: 7px;
  color: #9a1818;
}

ul.hl li a.active,
ol.hl li a.active {
  background-color: #efe6e8;
}

ul.hl ul.hl2 {
  list-style-type: none;
  margin: -10px 0 -10px -20px;
}

/* Простые списки */

/* Список ОУ */

ol.ou,
ul.ou {
  list-style: none;
  padding-right: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;


}

ol.ou li,
ul.ou li {
  margin-left: -30px;
  padding-bottom: 10px;
  padding-top: 0px !important;
}

ol.ou li a,
ul.ou li a {
  color: #397ad0;
}



/* Меню */

/* ЛЕВОЕ */

a.leftmenu {
  padding-bottom: 2px;
}


/* Простые списки */

ol.jl,
ul.jl {
  padding-bottom: 15px;

}

ol.jl li,
ul.jl li {
  margin-left: 30px;
  /* padding-bottom: 15px; */
  list-style-position: inside;
}

ol.jl li a,
ul.jl li a {
  color: #397ad0;
}


/* Меню для подразделов */

ul.menu_for_subpages li a {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  padding-left: 7px;
  /* padding-bottom:7px;
padding-top:7px; */
  color: #9a1818;
}

.menu_for_subpages li.current-page a {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  /* margin-left:7px; */
  color: #9a1818;
  background-color: #efe6e8;
}


.normdocs-submenu {
  display: flex;
  flex-wrap: wrap;
  column-gap: 28px;
  row-gap: 4px;
  margin: 8px 0 10px;
  padding-left: 28px;
}

.normdocs-submenu li {
  width: calc(50% - 18px);
  margin-left: 0;
}

.normdocs-submenu li a {
  display: inline-block;
}

/* Таблица */

table.tbl_cdk {
  width: 80% !important;
  height: 100%;
  padding: 0 7px 0 7px;

}

table.tbl_cdk th {
  background: #e1e6ea;
  padding: 5px;
  border-style: solid;
  border-color: #FFF;
  border-width: 1.7px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #02072b;
}

table.tbl_cdk td {
  padding: 5px;
  background: #ece8e6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #3c3d40;
  border-style: solid;
  border-color: #FFF;
  border-width: 1.7px;
}


/* Таблица с вакантными */

table.vakant,
th,
td {
  width: 860px;
  max-width: 860px;
  border-spacing: 1px;
  border-width: 1px;
  text-align: center;
  font-size: small;
  border: 1px solid black;
  border-collapse: collapse;
}

table tr th {
  background-color: #99FF98;
  max-width: 52px;
}

.row_head {
  text-align: center;
  background-color: #FFF;
}

.star1 {
  background-color: #DCE6F2;
}

.star2 {
  background-color: #00843C;
}

.s703 {
  background-color: #92D14F;
}

/* -----------------------  */

/* Современный минималистичный редизайн */

:root {
  --bg: #f6f8fb;
  --surface: #ffffff;
  --surface-muted: #f2f5f9;
  --text-main: #02021e;
  --text-soft: #5b6777;
  --brand: #2f6de0;
  --brand-soft: #eaf1ff;
  --border-soft: #dde4ee;
  --shadow-soft: 0 8px 28px rgba(25, 55, 109, 0.08);
}

body {
  font-family: Verdana, Arial, sans-serif;
  color: var(--text-main);
  background: url(/images/background34.webp) repeat #fff;
  font-size: 16px;
}

h1 {
  font-size: calc(1.55rem - 1px);
  font-weight: 700;
  letter-spacing: -0.01em;
  margin-top: 16px;
  text-align: center;
}

h2 {
  font-size: calc(1.12rem - 1px);
  line-height: 1.5;
  margin-top: 14px;
}

p,
li,
#txtpage,
ul,
ol {
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.92rem;
  line-height: 1.45;
}


#FW_01,
#FW_02,
#FW_03,
#FW_04,
#FW_05,
#FW_06,
#FW_07,
#FW_08,
#FW_09 {
  float: none;
}

.top-menu {
  width: 1250px;
  display: flex;
}

#FW_01 {
  flex: 131 1 0;
}

#FW_02 {
  flex: 99 1 0;
}

#FW_03 {
  flex: 118 1 0;
}

#FW_04 {
  flex: 154 1 0;
}

#FW_05 {
  flex: 156 1 0;
}

#FW_06 {
  flex: 100 1 0;
}

#FW_07 {
  flex: 149 1 0;
}

#FW_08 {
  flex: 166 1 0;
}

#FW_09 {
  flex: 174 1 0;
}

.top-menu-link {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  height: 68px;
  min-width: 0;
  padding: 0 10px;
  background: #e6e6e6;
  border: 2px solid #c6c6c6;
  border-left: none;
  color: #3d3d3d;
  font-size: 0.86rem;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;
  animation: topMenuAppear 0.45s ease-out both;
}

#FW_01.top-menu-link,
#FW_02.top-menu-link,
#FW_03.top-menu-link,
#FW_04.top-menu-link,
#FW_05.top-menu-link,
#FW_06.top-menu-link,
#FW_07.top-menu-link,
#FW_08.top-menu-link,
#FW_09.top-menu-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 68px;
}

#FW_01.top-menu-link {
  border-left: 2px solid #c6c6c6;
}

.top-menu-link:hover,
.top-menu-link:focus-visible {
  background: #d9d9d9;
  color: #2f2f2f;
  box-shadow: 0 6px 16px rgba(120, 120, 120, 0.22);
  transform: translateY(-1px);
}

/* Контейнеры */
.container {
  width: 1290px;
  background-image: none;
  margin-top: 10px;
  display: flex;
  align-items: stretch;
  gap: 10px;
  min-height: 100vh;
}

.leftmenu,
.blockcenter,
.rightside {
  border-radius: 14px;
  border: 1px solid var(--border-soft);
  box-shadow: var(--shadow-soft);
  animation: fadeUp 0.5s ease-out both;
}

.leftmenu {
  width: 150px;
  flex: 0 0 150px;
  margin: 0;
  background: #e6e6e6;
  padding: 10px 8px;
}

.blockcenter {
  background: var(--surface);
  flex: 1;
  min-height: 500px;
  min-width: 0;
  padding-top: 14px;
  padding-bottom: 24px;
}

.rightside {
  width: 150px;
  flex: 0 0 150px;
  background: #e6e6e6;
  padding: 8px 6px;
  margin-right: 0;
}

#main,
#head {
  width: 1280px;
}

#head {
  background-size: 100% 100%;
  background-position: left top;
}

/* Левое меню */
.leftmenubutt {
  padding: 0;
}

.button1,
.button2 {
  display: block;
  box-sizing: border-box;
  text-decoration: none;
  width: 100%;
  border: 1px solid transparent;
  cursor: pointer;
  transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease, border-color 0.22s ease;
  word-wrap: break-word;
  font-family: inherit;
}

.button1 {
  min-height: 30px;
  margin-bottom: 5px;
  padding: 6px 8px;
  font-size: 14px;
  line-height: 1.2;
  text-align: left;
  font-weight: 400;
  color: var(--text-main);
  background-color: var(--surface);
  border-radius: 10px;
}

.button1:hover,
.button1:focus-visible {
  border-color: #c7d7ff;
  background: #f6f9ff;
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(47, 109, 224, 0.15);
}

.button2 {
  min-height: 20px;
  margin: 0 0 5px;
  padding: 4px 6px;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  font-weight: 400;
  color: #50627d;
  background-color: var(--brand-soft);
  border-color: #d6e4ff;
  border-radius: 8px;
}

.button2-darkblue {
  color: #0d2f67;
}

.button2:hover,
.button2:focus-visible {
  border-color: #bdd2ff;
  background-color: #dfe9ff;
  transform: translateY(-1px);
}



.blockcenter,
.blockcenter p,
.blockcenter li,
.blockcenter div,
.blockcenter td,
.blockcenter th,
.blockcenter span,
#txtpage {
  color: #02021e;
}

.blockcenter>strong:first-of-type {
  display: block;
  margin: 8px 0 6px 15px;
}

ul.menu_for_subpages {
  margin-top: 8px;
}

/* Основной контент */
.blockcenter hr {
  border: 0;
  height: 2px;
  width: calc(100% - 32px);
  background: linear-gradient(90deg, transparent 0%, #cdd9eb 20%, #cdd9eb 80%, transparent 100%);
  margin: 8px auto;
}

.blockcenter a {
  color: var(--brand);
  transition: color 0.2s ease;
}

.blockcenter a:hover {
  color: #1f55b8;
}

ul.doclist li,
ol.doclist li,
li.pdf,
li.doc,
li.docx,
li.word,
li.xls,
li.pptx,
li.jpg,
li.url,
li.yt,
li.mp4 {
  display: block;
  float: none;
  width: calc(100% - 8px);
  max-width: none;
  margin: 0 0 10px 0;
  box-sizing: border-box;
  border-radius: 10px;
  background-color: #fbfcff;
  border: 1px solid #e6edf7;
  padding: 8px 12px 8px 56px;
  background-repeat: no-repeat;
  background-position: 12px center;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  font-size: 0.90rem;
  line-height: 1.35;
}


ul.doclist li[style*="list-style-image"],
ol.doclist li[style*="list-style-image"] {
  list-style-position: outside;
  list-style-type: disc;
  padding-left: 8px;
  margin-left: 22px;
  background-image: none !important;
}

ul.doclist li[style*="list-style-image"] span,
ol.doclist li[style*="list-style-image"] span {
  display: inline;
}

ul.doclist li:hover,
ol.doclist li:hover,
li.pdf:hover,
li.doc:hover,
li.docx:hover,
li.word:hover,
li.xls:hover,
li.pptx:hover,
li.jpg:hover,
li.url:hover,
li.yt:hover,
li.mp4:hover {
  border-color: #ccdaf0;
  box-shadow: 0 4px 14px rgba(17, 74, 157, 0.08);
}

/* Правый блок с баннерами */
.adv {
  padding: 3px 0;
}

.adv a {
  display: block;
  border-radius: 10px;
  overflow: hidden;
}

.adv img {
  width: 100%;
  height: auto;
  border-radius: 9px;
  border: 1px solid #d7e0ed;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

@keyframes topMenuAppear {
  from {
    opacity: 0;
    transform: translateY(-3px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.adv a:hover img {
  transform: translateY(-1px) scale(1.01);
  box-shadow: 0 5px 16px rgba(25, 55, 109, 0.18);
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {

  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
  }
}

/* -----------------------  */

#head {
  float: none !important;
  display: flex !important;
  flex-direction: column;
}

.top-menu {
  display: flex !important;
  width: 100%;
}


/* --- NEW UTILITY CLASSES --- */
.text-center {
  text-align: center !important;
}

.text-justify {
  text-align: justify !important;
}

.text-right {
  text-align: right !important;
}

.font-bold {
  font-weight: bold !important;
}

.font-italic {
  font-style: italic !important;
}

.color-e1e6ea {
  color: #e1e6ea !important;
}

.border-e1e6ea {
  border: 1px solid #e1e6ea !important;
}

.hr-styled {
  width: 97%;
  height: 2px;
  border: 0;
  background-color: #e1e6ea;
  margin: 10px auto;
}

.center {
  text-align: center;
}