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

@font-face {
    font-family: "Scada";
    font-style: normal;
    font-weight: 400;
    src: local("Scada"), local("Scada-Regular"), url("https://fonts.gstatic.com/s/scada/v4/eTjgc4U2zAs0EFJYLFhpkQ.woff2") format("woff2"), url("https://fonts.gstatic.com/s/scada/v4/F5Y0Urxz0lcNByUbLZLu9g.woff") format("woff");
    font-display: swap;
}

html {
	/*height: 100%;*/
}

body {
	/* color: #0f1e79; */
	background-color:#e1f1f7; /* #d7ecf3;*/
	scrollbar-face-color: #DEE3E7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #006699;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;
	margin: 0px;

	min-width: 240px;

/*	font-family: Arial, Helvetica, Sans Serif;*/
/*	line-height: 120%;*/
/*	font-size: 15px;*/
/*	color: #333333;*/

}
/* position:absolute renders out of flow - can be in any location */
.hmenu:before {
	content: "";
 	background: url(/images/backgr.gif) repeat scroll 0 0 #d7ecf3;
	left:0;
	right: 0;
	height: 900px;
	position: absolute;
	z-index: -2;
}
.hmenu:after {
	content: "";
	left:0;
	right:0;
	height: 900px;
	position: absolute; 	
	background: -moz-linear-gradient(top,  rgba(225,241,247,0) 0%, rgba(225,241,247,0.7) 51%, rgba(225,241,247,1) 91%, rgba(225,241,247,1) 100%) ; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(225,241,247,0)), color-stop(51%,rgba(225,241,247,0.7)), color-stop(91%,rgba(225,241,247,1)), color-stop(100%,rgba(225,241,247,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(225,241,247,0) 0%,rgba(225,241,247,0.7) 51%,rgba(225,241,247,1) 91%,rgba(225,241,247,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(225,241,247,0) 0%,rgba(225,241,247,0.7) 51%,rgba(225,241,247,1) 91%,rgba(225,241,247,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(225,241,247,0) 0%,rgba(225,241,247,0.7) 51%,rgba(225,241,247,1) 91%,rgba(225,241,247,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(225,241,247,0) 0%,rgba(225,241,247,0.7) 51%,rgba(225,241,247,1) 91%,rgba(225,241,247,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e1f1f7', endColorstr='#e1f1f7',GradientType=0 ); /* IE6-9 */
	z-index: -1;
}

/* blocks on main: 3 cols */
.content {
	position: relative;
}
.block-right {
	position: absolute;
	right: 0;
	top: 0;
	width: 15em;
}
.block-container {
	margin-right: 17em;
}
.block-info {
	width: 44%;	
	float: right;
}
.block-news {
	width: 52%;
	border-right: 1px solid black;
	padding-right: 2%;
}
.news-item + .news_item {
	padding-bottom: 0.3em;
	border-bottom: 2px groove #888;
}
.news-item img {
	max-width: 100%;
}

/* hmenu (top menu) styles don't forget to copy to passes styles*/
div.hmenu {
	height: 100px;
	position: relative;
	font-family: 'Scada', sans-serif;
	font-size: 16px;
}
div.hmenu .logo {
	float:left;
	width:131px;
}
.hmenu-sitemap a {
	text-decoration: none;
	color: #0F1E79;
	position:absolute;
	right: 1.2em;
	bottom: 68px;
	font-size: 90%;
}
.hmenu-menu-cont {
	background-color: #0F1E79;
	position:absolute;
	top: 32px;
	bottom: 17px;
	right: 0;
	left: 131px;
	color: #CAD8FE;
}

.hmenu-menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-indent: -4.5%;
	padding-left: 6.15%;
}

.hmenu-menu.mobile {
	display: none;
}

.hmenu-menu a {
	color: #CAD8FE;
	background-color: #0F1E79;
	text-decoration: none;
}

.hmenu-menu li {
	display: inline-block;
	position: relative;
	margin: 0;
	margin-top: 0.1em;
	padding: 0.07em 0.5em;
	width: 14.5%;

	text-indent: 0;
	text-align: left;
	white-space: nowrap;           
	line-height: auto;
}                /*10.4 15.7 15.7 17.3 13.2  vs  2 as logo,  1 2 2 3 1 */
.hmenu-menu li:nth-child(1) {
	width: 11%;
	min-width:2.8em;
}
.hmenu-menu li:nth-child(2) {
	width: 21%;
	min-width: 5.4em;
}
.hmenu-menu li:nth-child(3) {
	width: 21%;
	min-width: 6.5em;
}
.hmenu-menu li:nth-child(4) {
	width: 26%;
	min-width:8em;
}
.hmenu-menu li:nth-child(5) {
	width: 15%;
	min-width:8em;
}

.hmenu-menu li:nth-child(6){
	width: 14.4%;
	min-width: 4.9em;
}
.hmenu-menu li:nth-child(7){
	width: 16.3%;
}

.hmenu-menu li:nth-child(8) { /*was 5 refs*/
	width: 13.2%;
}
                          /*
.hmenu-menu li:nth-child(9){
	width: 19.5%;
	min-width: 6.8em;
}
.hmenu-menu li:nth-child(10){
	width: 11.5%;
}                           */

/* dropdown menu for mobile */
.dropdown,
.dropdown ul/*,
.dropdown li */{
  margin  : 0;
  padding : 0;
}

.dropdown ul{
  display  : none;
  position : absolute;
  top      : 100%;
  left     : 0;
  z-index  : 1;
  background-color: #0F1E79;
}


.dropdown ul ul{
  top   : 0;
  left  : 100%;
  right : auto;
}

.dropdown li{
  position        : relative;
  display         : block;
  list-style-type : none;
}

.dropdown > li{
  display : inline-block;
}

.dropdown a,
.dropdown span{
  display         : block;
  text-decoration : none;
  white-space     : pre;
}

.dropdown li:hover > ul{
  display : block;
}

.dropdownVertical{
  display : inline-block;
}

.dropdownVertical > li{
  display : block;
}

.dropdownVertical ul{
  top  : 0;
  left : 100%;
}

.dropdownJavaScript li:hover > ul{
  display : none;
}

.dropdownJavaScript li.dropdownOpen > ul{
  display : block;
}


/* regular styles def */

img {
	border: none;
}

h2 { 
	margin-top: 0px; 
}

/*height и white-space мешают на мобилах и отключены*/
h3 {
	height: 30px;

	color: #000099;
	font-weight: bold;
	font-size: 18px;
	white-space: nowrap;
	margin-bottom: 0px;
}

ul {
	margin: 0;
	padding: 10;
	list-style: disc;
}


li {
	line-height: 20px;
	padding-left: 1px;
	padding-top: 3px;
	padding-bottom: 3px;

/*background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;        */
}


.main_content{
	margin: 1.3em 1.7em;
	/*font-family: Helvetica, Arial, Sans Serif; /**/
}

.author {
	font-style: italic;
	font-size: smaller;
}

.footer {	
	text-align: center;

	font-family: Arial, sans-serif; 
	font-size: 11pt;
	font-weight: normal;	
	clear: both;
}

/* old menu section*/

#phpbb {
	padding-top:0;
}

.menu_tbl {
	height: 23px;
	border-collapse: collapse;
}

table.menu_tbl td {
	height: 23px;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}

td.sitemap {line-height:1pt}
td.sitemap div {float:right;}
td.sitemap a{padding-right:.8em;}


/*new menu section*/


/*crumbs aka pathway*/
.crumbs {
	margin: 1em 0;
	padding-top: 0.5em;
	font-size: 16px;
	font-weight: bold;
}
.crumbs div {
	margin: 0 0.5em 1em 0.5em;
}

.crumbs .mail {
	float: right; 
	font-weight: normal;	
}

/* правые панели: Календарь, смотри также*/

div.rightpanes {
	width: 15em;
	margin-left: 1.5em;
	margin-bottom: 5ex;
	border: solid #0f1e79 1px;
	float: right;
	clear: right;
}
.rightpanes div.head {
	color: #bad8e7;
	background-color: #0f1e79;
	font-weight: normal;
	font-size: medium;
	vertical-align: middle;
	padding: 13px 0.3px 13px 13px;
}

.rightpanes div.head a,
.rightpanes div.head a:visited {
	color: #bad8e7;
}

.rightpanes > div {
	font-weight: bold;
	font-size: smaller;
	border-top: solid #0f1e79 1px;
	padding: 0.7em 0.3em 0.7em 0.5em;
}

.rightpanes > div ins {
	font-style: italic;
	margin-right: 0.7em;
}

/* 1024 д.б. согласовано с div.two_column... flex, чтобы правые панельки исчезали раньше */
@media screen and (max-width:1024px) {
 .content > .rightpanes { display: none; }
}

/* две колонки для страниц основных разделов */

/*table.two_column td {
    width: 50%;
    vertical-align: top;
    padding-left: 2.5em;
}

table.two_column td:first-child {
    padding-left: 0;
    padding-right: 2.5em;
}          */


div.two_column {
    display: flex;
    flex-wrap: wrap;
    gap: 2em 4em;
}
div.two_column > div {
  flex: 300px;
  flex: 19rem;
}

.two_column h2 {
    margin-top: 2.5ex;
    margin-bottom: .75ex;
}

/*.two_column td h2:first-child,    */
.two_column > div h2:first-child {
    margin-top: 0;
}

ul.resourceList {
    margin: 0;
    padding-left: 0em;
}

.resourceList li {
    list-style: none outside none;
}


/* краткая инфа об отчете */
ins.hov {
    display: none;
    text-decoration: none;
    background-color: #d0dee3;
    
    margin: 0em .7em .7em -1px;
    padding: 0.3em .75em 0.4em .75em;

    position: absolute;
    z-index: 1;   
    max-width: 40%;
}

/*  and (orientation: portrait)*/ 
@media screen and (max-width: 90rem) {
ins.hov {
  max-width: 94%;
  left: 2%;
 }
 }

.toggler {
	display: inline;
	background-color: #7bafc4; /*#77bad5;*/
	color: #fff;
	border-radius: 5px;
	padding: 0.5px 6.5px;
	margin-right: .3em;
	user-select: none;
/*	border: 1px solid #3a6297;*/
  }

.resourceList ins.hov.vis {
    display: block !important;
 }

.resourceList .toggler:hover + ins.hov,
.resourceList ins.hov:hover {
    display: block !important;
}

@media (hover: none) {
.toggler {
	cursor: pointer;
	display: inline-block;
	padding: 0px 6.5px;
	margin: .7ex .4em .4ex 0;
 }
}

/* facebook etc*/
.rightpanes .fb-like,
.rightpanes #vk_like {
	display: inline-block;

	margin-right: 1em;
	margin-top: 3px;
}

.rightpanes .fb-like {
	height: 20px;
}
.rightpanes #vk_like{
	margin-right: 0;
}

.fb-right {
    float: right;
    margin-right: 1em;
}

#vk_like {
    clear: inherit !important;
}


/* for JoomlaFCK edited pages */
/* Headers */
h1.fck-head {
	font-size: 24pt;
	text-align: center;
}
h2.fck-head {
	font-size: 18pt;
	margin-top: 1cm;
	text-align: center;
}
h3.fck-head {
	font-size: 14pt;
	margin-top: 0.5cm;
	text-align: left;
}
/* table of contents */
ul.fck-toc {
	font-size: 12pt;
	color: rgb(0,0,0);
	list-style: none;
}
ul.fck-toc ul {
	list-style: none;
}

/* реально живое*/


/*все что ниже -- надо разбираться*/
/*
.small {
	color: #999999;
	font-size: 11px;
}

ul.category_list{
  padding-left: 0px;
  font-size: 10pt;
}
ul.category_list li{list-style: none;}
*/

/* from wiki by Glad */
div.thumb {
	margin-bottom: .5em;
	border-style: solid;
	border-color: #CCCCCC;
	width: auto;
}
div.thumbinner {
	border: 1px solid #EEE;
	padding: 3px !important;
	background-color: #CCCCCC;
	font-size: 94%;
	text-align: center;
	overflow: hidden;
}
html .thumbimage {
	border: 1px solid #EEE;
}
html .thumbcaption {
	border: none;
	text-align: left;
	line-height: 1.4em;
	padding: 3px !important;
	font-size: 94%;
}
div.tright {
	clear: right;
	float: right;
	border-width: .4em;
}
div.tleft {
	float: left;
	clear: left;
	margin-right: .5em;
	border-width: .4em;
}

/* news styles -- вынесено с главной в css*/
td.newscol {vertical-align: top; width:50%;}
.newsFooter {
	text-align: center;
	font-weight: bold;
	clear: both;
}

.tTitle {font-weight: bold;}
.tText {font-size: smaller;}

table.itemFooter {
	width: 100%; 
	border-collapse: collapse;
	margin-top: 2ex;
}

table.itemFooter td {
	white-space: nowrap;
	font-size: smaller;
	padding-left: 0;
	padding-right: 0;
	text-align: right;
}
table.itemFooter td:first-child {
	width:60%;
	text-align: left;
}

/* from head.html:currently unused */
/*
div.sitemap {
	line-height:1px;
	margin-top: 27px;
	text-align:right; 
	}
div.sitemap a{margin-right:.8em;}

.hmenu .menutop {
	margin-bottom: 17px; 
	height: 49px; 
	padding-top:2px;
	background-color: #0F1E79;
}
.hmenu .menutop td {
	height:23px;
	text-align:left;
}

.hmenu .menutop table {
	border-collapse: collapse;
	padding: 0;
	margin:0;
	width: 100%;
	height: 23px;
}

.hmenu .menutop td td {
	font-family: 'Scada', sans-serif;
	font-size: 16px;	
	white-space: nowrap;
	vertical-align: top;
}

.menutop a, .menutop a:link, .menutop a:active, .menutop a:visited {
    color: #CAD8FE;
	text-decoration: none;
	padding: 1px 16px 0px 2px;
}
*/

/* here comes media queries */

/* almost desktop at least tablet */
@media screen and (min-width:757px) {

}

/* tablet etc */
@media screen and (min-width:481px) and (max-width:756px) {
  .block-right {
     position: static;
     width: unset;
/*     min-width: 54%;
     margin-top: 2em; */
     display: flex;
     gap: 1em;
  }
  .block-right .rightpanes {
    flex: 9em;
    margin-left: 0;
    float: unset;
  }


  .block-container {
     margin-right: 0;
  }
}

/* mobile portrait */
@media screen and (max-width:480px) {
  .main_content {
     margin: 1em;
  }
  .block-news, .block-info {
     float: none;
     border: none;
     width: auto;
     margin-bottom: 2em;
  }

  .block-right {
     position: static;
     width: unset;
/*     min-width: 54%;
     margin-top: 2em; */
     display: flex;
     gap: 1em;
  }
  .block-right .rightpanes {
    flex: 9em;
    margin-left: 0;
    float: unset;
  }

  .block-right .rightpanes:nth-of-type(1n + 2) div:nth-of-type(1n + 7) {
    display: none;
  }


/*  .block-right {
     position: static;
     width: 100%;
  }*/
  .block-container {
        margin-right: 0;
  }
  /* menu */
  .hmenu-menu.desktop {
    display: none;
  }
  .hmenu-menu.mobile {
    display: block;
    text-indent: 0;
    padding-left: 1.5%;
 }
  .hmenu-menu.mobile li {
    width: auto;
  }


.wide-content {
    display: block;
    overflow-x: auto;    
}

h3 {
    white-space: initial;
    height: auto;
}

}