﻿@font-face {
    font-family: icons_font; 
    src: url('../fonts/icons_font.ttf'); 
}

* {
    /* Reset browsers default margin, padding and font sizes */
    /*margin: 0;
    padding: 0; */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
	background: #fff url("../images/main_bg.gif") no-repeat top center;
	background-attachment: fixed;
   }
   
html, body, th, td, a, p {
	font-family: Verdana;
	font-size: 13px; /*10.0pt;*/
	color: #1166AA;      
   }
   
th {
	font-size: 11px; /* 8.0pt; Розмір тексту */
	font-weight: bold;
	text-align: center;	
   }
      
p {
	font-size: 10px; /* 8.0pt; */
	font-weight: normal;
	/*text-indent: 15.0pt; /* Відступ */
    text-align: justify; /* Вирівнюємо по ширині */
	margin-top: 0;  /* Відступ зверху */
    margin-bottom: 0; /* Відступ знизу */
   }

/* Стиль посилань */   
	a { font-weight: bold; }/* Жирний */	
	a:link {  } /* колір посилання */
	a:visited {  } /* колір відвіданих посиланнь */
	a:active { color: #2B5082; } /* колір активного посилання */
	a:hover { color: #2B5082; } /* колір посилання під курсором миші */

	a.pdf { background: transparent url("../images/icon_pdf.gif") no-repeat center right; padding-right:20px; }   
	a.doc { background: transparent url("../images/icon_doc.gif") no-repeat center right; padding-right:20px; }   
	a.xls { background: transparent url("../images/icon_xls.gif") no-repeat center right; padding-right:20px; }

/* Заголовоки */
H1, H2, H3, H4, H5, H6 {
	color:#b4241b;
    text-align: center;
	margin-top: 0.5em; /* Відступ зверху */
    margin-bottom: 1em; /* Відступ знизу */
   } 
   
H1 { font-size: 18px; } /* 14.0pt Розмір тексту */ 	
H2 { font-size: 16px; } /* 12.0pt Розмір тексту */ 	
H3 { font-size: 14px; } /* 10.0pt Розмір тексту */
H4 { font-size: 10px; } /* 8.0pt Розмір тексту */
H5 { font-size: 9px; } /* 7.0pt Розмір тексту */
H6 { font-size: 8px; } /* 6.0pt Розмір тексту */

marquee {
	font-size: 13px;
	font-weight: bold;

	color:#1166AA;
        /*color:rgb(204,153,0);*/
        /*color:#8a6d3b;*/
	/*background-color: rgb(253,240,37);*/
	border:1px solid rgba(255,219,59,0.9);
	background-color: rgba(255,219,59,0.3);
	/*background: rgba(255,225,225,0.3);*/
	/*background: -moz-linear-gradient(top, rgba(255,249,236,1) 0%, rgba(255,242,203,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,249,236,1) 0%, rgba(255,242,203,1) 100%);
	background: -o-linear-gradient(top, rgba(255,249,236,1) 0%, rgba(255,242,203,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,249,236,1) 0%, rgba(255,242,203,1) 100%);
	background: linear-gradient(top, rgba(255,249,236,1) 0%, rgba(255,242,203,1) 100%);*/

}

img {
    border: 0;
}

div.hr {
	border-bottom: 1px solid #1166AA;
	/*height: 1px;*/
}
   
/* стиль таблиці на головній сторінці */   
.maintable{
	border-collapse: collapse;         
	border-spacing: 0;
	padding: 0; 
	width: 1000px;
	/* максимальна ширина головної сторінки */
	/*max-width: 1000px!important; 
	min-width: 800px!important;*/
}

.pageSettings { /* максимальна ширина, границі та центрування документу */
	width: auto; 
	max-width: 800px!important; /* сучасні браузери */ 
	margin: 38px auto 15px auto; 
	padding: 0 6px; /* відступ тексту по вертикалі та горизонталі*/ 
}

.pageSettings p { /* параметри абзацу в документі */	
	font-size: 13px; /* 10.0pt; */
	text-indent: 40px; /* 30.0pt; */ 
	margin: 0; 
	text-align: justify;
}

/* стилі для сторінок з документами, графіками та таблицями */
.document { /* максимальна ширина, границі та центрування документу */
	/*text-align: center;*/
	font-size: 13px; /* 10.0pt; */
	width: auto; 
	max-width: 800px!important; /* сучасні браузери */ 
	margin: 48px auto 15px auto; 
	padding: 0 6px; /* відступ тексту по вертикалі та горизонталі*/ 
}

.document450px { /* максимальна ширина, границі та центрування документу */
	width: auto; 
	max-width: 450px!important; /* сучасні браузери */ 
	margin: 48px auto 15px auto; 
	padding: 0 6px; /* відступ тексту по вертикалі та горизонталі*/ 
}

.document450px p { /* параметри абзацу в документі */	
	line-height:1.5em;
}

.document p { /* параметри абзацу в документі */	
	font-size: 13px; /* 10.0pt; */
	text-indent: 40px; /* 30.0pt; */ 
	margin: 0; 
	text-align: justify;
}

.document p.footnote { 
	font-size: 10px; /* 8.0pt; */
	text-indent: 0;
}

 /* параметри посилання в документі */
.document a { font-size: 13px; text-decoration: none;}
.document a:hover {text-decoration: underline;}
	
.document h1, .document h2, .document h3, .document h4, .document h5 { /* параметри заголовка в документі */
	/*margin: 0.5em 25%;*/ 
	}
	
.document ul { /* Список */
    text-align: justify;
	padding: 0 0 0 55px; /* Забираємо поля */
	margin: 0;
  } 
   
.document li { /* Елемент списку */   
    margin-bottom: 0; /* Відступ знизу */ 
   }	

/* Стиль полилання "Архів" */
.SmallLink {
	font-size: 11px; /* 8.0pt; */
}

a.noline:link { text-decoration: none; }

a {
  outline: none;
}

/* Головний стиль таблиці */

.baseTable, .document table {
	font-size: 13px; /* 10.0pt; */
	/*border-collapse: separate; */
	border-collapse:collapse;         
	border-spacing: 0;
	/*width: 100%;*/
    border: solid #C6D5E1 1px; /* колір рамки тадлиці */
	/* Тінь */
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;  
	margin-bottom: 10px;
}

.document table {
   width: 100%;
}

.baseTable td, .document td {	
    font-size: 13px; /* 10.0pt; */
	text-align: left; 
	border: 1px solid #C6D5E1;
    /*border-left: 1px solid #C6D5E1;
    border-top: 1px solid #C6D5E1;
	/*background: rgba(255,255,255,0.3); /* колір фону та степінь прозорості (30%) комірок таблиці */
    padding: 6px;	     				
}

.baseTable th, .document th, .document thead td
{ 
    font-size: 13px; /* 9.0pt; */  
	font-weight: bold; 
	text-align: center;
	border: 1px solid #C6D5E1;
	background-color:#EEF3FA;
	background: rgba(193,211,240,0.3);
	background: -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(193,211,240,0.5) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(193,211,240,0.5) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(193,211,240,0.5) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(193,211,240,0.5) 100%);
	background: linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(193,211,240,0.5) 100%);
	padding: 8px 6px;
}

/*.document thead th
{ 
	border: 1px solid #C6D5E1;
	background: none;
}*/

.document thead
{
    /*font-size: 13px; 
	font-weight: bold;
	text-align: center;
	border: 1px solid #C6D5E1;*/

    /*top: 10px;
    position: sticky;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;*/
	
	/*background-color:#EEF3FA;
	background: rgba(193,211,240,0.3);
	background: -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(193,211,240,0.5) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(193,211,240,0.5) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(193,211,240,0.5) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(193,211,240,0.5) 100%);
	background: linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(193,211,240,0.5) 100%);*/
}

.baseTable table p, .document table p { text-indent:0; text-align: left; } /* абзаци в таблиці без отступа */

.document table th p, .document table thead p { text-align:center; font-weight: bold; } /* стиль абзацу в заголовку */

/* info box */

.infobox {
	border-collapse: collapse;         
	border-spacing: 0;
	width: 100%;	
    border: solid #C1D3F0 1px; /* рамка хедера тадлиці */
	/* Тінь */ 
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;  
	/* фон */
	background-color: #ECF1FA;
	background: rgba(193,211,240,0.3); /* колір фону та ступінь прозорості 30% */  	
}

.infobox th
{
	/*font-size: 11px; /* 8.0pt; */
	/*font-weight: bold;*/
	/*text-align: center;*/
	border-top:1px solid #C1D3F0;
	border-bottom:1px solid #C1D3F0;
	padding: 3px 6px 3px 6px;
	background: -moz-linear-gradient(top, rgba(193,211,240,0.2) 0%, 
	            rgba(193,211,240,0.7) 50%, rgba(193,211,240,0.2) 100%);
	background: -webkit-linear-gradient(top, rgba(193,211,240,0.2) 0%, 
	            rgba(193,211,240,0.7) 50%, rgba(193,211,240,0.2) 100%);
	background: -o-linear-gradient(top, rgba(193,211,240,0.2) 0%, 
	            rgba(193,211,240,0.7) 50%, rgba(193,211,240,0.2) 100%);
	background: -ms-linear-gradient(top, rgba(193,211,240,0.2) 0%, 
	            rgba(193,211,240,0.7) 50%, rgba(193,211,240,0.2) 100%);
	background: linear-gradient(top, rgba(193,211,240,0.2) 0%, 
	            rgba(193,211,240,0.7) 50%, rgba(193,211,240,0.2) 100%);
}


.icon {
	padding-left: 0px;
	background-repeat: no-repeat;	
    float:left;
	width:32px;
	height:32px;
}

/* Button */
.btn {
      /*display: inline-block;*/
      cursor: pointer;
      position: relative;
      width: 100%;
      min-height: 22px;
      border-radius: 3px;


      padding: 6px 6px;
      margin: 0 0 6px 0;
      overflow: hidden;

      background-color: rgb(54,162,235);
      /*background-color: rgb(175,218,247);*/

      background-color: rgb(54,162,235);
background: -moz-linear-gradient(top, rgba(54,162,235,0.1) 0%, rgba(54,162,235,0.5) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(54,162,235,0.1)), color-stop(100%,rgba(54,162,235,0.5)));
background: -webkit-linear-gradient(top, rgba(54,162,235,0.1) 0%,rgba(54,162,235,0.5) 100%);
background: -o-linear-gradient(top, rgba(54,162,235,0.1) 0%,rgba(54,162,235,0.5) 100%);
background: -ms-linear-gradient(top, rgba(54,162,235,0.1) 0%,rgba(54,162,235,0.5) 100%);
background: linear-gradient(to bottom, rgba(54,162,235,0.1) 0%,rgba(54,162,235,0.5) 100%);

      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;  */
}

.btn:hover {
     /* background-color: rgb(19,111,185);
      -webkit-transition: background-color 0.2s linear;
      -moz-user-transition: background-color 0.2s linear;
      -ms-user-transition: background-color 0.2s linear;
      transition: background-color 0.2s linear;  */

background: rgba(54,162,235,0.6);
background: -moz-linear-gradient(top, rgba(54,162,235,0.2) 0%, rgba(54,162,235,0.6) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(54,162,235,0.2)), color-stop(100%,rgba(54,162,235,0.6)));
background: -webkit-linear-gradient(top, rgba(54,162,235,0.2) 0%,rgba(54,162,235,0.6) 100%);
background: -o-linear-gradient(top, rgba(54,162,235,0.2) 0%,rgba(54,162,235,0.6) 100%);
background: -ms-linear-gradient(top, rgba(54,162,235,0.2) 0%,rgba(54,162,235,0.6) 100%);
background: linear-gradient(to bottom, rgba(54,162,235,0.2) 0%,rgba(54,162,235,0.6) 100%);

      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.6);
      -webkit-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      -moz-user-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      -ms-user-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn:active {
      top:1px;
      box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.6);
}

.btn > a {
    color: #1166AA;
    text-shadow: 0px 1px 0px #fff;
    /*color: #fff; */
    font-size: 10px;
    text-decoration: none;
    outline: none;
}

/* BEGIN .infoTable */  

.infoTable {
	border-collapse: collapse;         

	color: #316AC5;
	border-spacing: 0;
	width: 100%;
	
    border: solid #C1D3F0 1px; /* рамка хедера тадлиці */
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;  
	
	margin-bottom:10px;
}

.infoTable th {
	color:#b4241b;
	font-size: 13px; /* 10.0pt; */
	font-weight: bold;
	text-align: center;
	text-shadow: 0px 1px 0px #fff;
	border-top:1px solid #C1D3F0;
	border-bottom:1px solid #C1D3F0;
	background-color:#D0E0FD;
	background: -moz-linear-gradient(top, rgba(229,235,243,1) 3%, rgba(225,232,241,1) 14%, rgba(221,228,239,1) 23%, rgba(212,221,234,1) 34%, rgba(205,216,231,1) 46%, rgba(207,217,231,1) 49%, rgba(190,204,224,1) 51%, rgba(179,195,217,1) 54%, rgba(188,202,222,1) 66%, rgba(193,206,225,1) 71%, rgba(217,224,237,1) 86%, rgba(227,233,241,1) 97%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,rgba(229,235,243,1)), color-stop(14%,rgba(225,232,241,1)), color-stop(23%,rgba(221,228,239,1)), color-stop(34%,rgba(212,221,234,1)), color-stop(46%,rgba(205,216,231,1)), color-stop(49%,rgba(207,217,231,1)), color-stop(51%,rgba(190,204,224,1)), color-stop(54%,rgba(179,195,217,1)), color-stop(66%,rgba(188,202,222,1)), color-stop(71%,rgba(193,206,225,1)), color-stop(86%,rgba(217,224,237,1)), color-stop(97%,rgba(227,233,241,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(229,235,243,1) 3%,rgba(225,232,241,1) 14%,rgba(221,228,239,1) 23%,rgba(212,221,234,1) 34%,rgba(205,216,231,1) 46%,rgba(207,217,231,1) 49%,rgba(190,204,224,1) 51%,rgba(179,195,217,1) 54%,rgba(188,202,222,1) 66%,rgba(193,206,225,1) 71%,rgba(217,224,237,1) 86%,rgba(227,233,241,1) 97%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(229,235,243,1) 3%,rgba(225,232,241,1) 14%,rgba(221,228,239,1) 23%,rgba(212,221,234,1) 34%,rgba(205,216,231,1) 46%,rgba(207,217,231,1) 49%,rgba(190,204,224,1) 51%,rgba(179,195,217,1) 54%,rgba(188,202,222,1) 66%,rgba(193,206,225,1) 71%,rgba(217,224,237,1) 86%,rgba(227,233,241,1) 97%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(229,235,243,1) 3%,rgba(225,232,241,1) 14%,rgba(221,228,239,1) 23%,rgba(212,221,234,1) 34%,rgba(205,216,231,1) 46%,rgba(207,217,231,1) 49%,rgba(190,204,224,1) 51%,rgba(179,195,217,1) 54%,rgba(188,202,222,1) 66%,rgba(193,206,225,1) 71%,rgba(217,224,237,1) 86%,rgba(227,233,241,1) 97%); /* IE10+ */
	background: linear-gradient(top, rgba(229,235,243,1) 3%,rgba(225,232,241,1) 14%,rgba(221,228,239,1) 23%,rgba(212,221,234,1) 34%,rgba(205,216,231,1) 46%,rgba(207,217,231,1) 49%,rgba(190,204,224,1) 51%,rgba(179,195,217,1) 54%,rgba(188,202,222,1) 66%,rgba(193,206,225,1) 71%,rgba(217,224,237,1) 86%,rgba(227,233,241,1) 97%); /* W3C */
	padding:3px 8px;
}

.infoTable tr.zEven td { /* не парні рядки таблиці */
	font-weight: normal;
	font-size: 13px;
	text-indent: 15.0pt; /* Відступ */
    text-align: justify; /* Вирівнюємо по ширині */
	background-color: #EEF3FA;
	background: -moz-linear-gradient(top, rgba(238,240,250,1) 0%, rgba(223,231,246,1) 100%);
	background: -webkit-linear-gradient(top, rgba(238,240,250,1) 0%, rgba(223,231,246,1) 100%);
	background: -o-linear-gradient(top, rgba(238,240,250,1) 0%, rgba(223,231,246,1) 100%);
	background: -ms-linear-gradient(top, rgba(238,240,250,1) 0%, rgba(223,231,246,1) 100%);
	background: linear-gradient(top, rgba(238,240,250,1) 0%, rgba(223,231,246,1) 100%);
	padding:3px 8px;
}

.infoTable tr.zOdd td, .zOddTd {/* кожен 2гий рядок таблиці (парні рядки) */
	font-weight: normal;
	font-size: 13px;
	text-indent: 15.0pt; /* Відступ */
    text-align: justify; /* Вирівнюємо по ширині */
	background-color: #FFF5DB;
	/*background: rgba(255,225,225,0.3);*/
	background: -moz-linear-gradient(top, rgba(255,249,236,1) 0%, rgba(255,242,203,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,249,236,1) 0%, rgba(255,242,203,1) 100%);
	background: -o-linear-gradient(top, rgba(255,249,236,1) 0%, rgba(255,242,203,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,249,236,1) 0%, rgba(255,242,203,1) 100%);
	background: linear-gradient(top, rgba(255,249,236,1) 0%, rgba(255,242,203,1) 100%);
	padding:3px 8px;
}

.infoTable P { 
	font-size: 13px; /* 10.0pt; Розмір тексту */
	font-weight: normal;
    margin-top: 0;  /* Відступ зверху */
    margin-bottom: 0; /* Відступ знизу */
   }   
   
  
/* END .infoTable */  

/* Опис стилю оформлення новин */
.dateview { /* Стиль дати для новин */	 
	color: #b4241b;/*#b15254;*/ 
	font-weight: bold;
	text-align: left;
 	width:78px;
 	height:16px;
	background: transparent url("../images/calendar.gif") no-repeat center left;
	padding: 0 0 0 23px;
	margin: 0; 
	display:block;
	vertical-align: baseline;
  }  
  
.news dl { /* Список */
	padding: 0; 
    margin: 0.5em 0 0 0;
  } 
  
.news dt { /* Елемент списку заголовок */
    font-weight: bold;
    margin: 1em 0 0.25em 0; 
   }     
   
.news dd { /* Елемент списку */   
    margin: 0 0 0 10px; 
	background: transparent url("../images/list_marker.gif") no-repeat top left;
	padding-left:13px;
   } 
   
.news dl a { text-decoration: none; }   
.news dl a:hover { text-decoration: underline; }
.news dd a { font-weight: normal; } 

.news > .box > div:not([class]) { 
    margin: 10px 0 0 0; 
}

.news > .box > div > div { 
    margin: 0 0 0 10px;
	background: transparent url("../images/list_marker.gif") no-repeat top left;
	padding-left:13px;
}

.news > .box > div > div a { 
    font-weight:normal;
}

.info-box{
/*-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;*/
text-align:center;
text-decoration:none;
text-shadow: 0px 1px 0px #fff;
font-weight:bold;
border:1px solid;
clear:both;
margin:0 0 3px 0;
padding:6px 8px;

-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.1), 0 1px 0 #FFF inset, 0 -1px 0 #FFF inset;
-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.1), 0 1px 0 #FFF inset, 0 -1px 0 #FFF inset;
box-shadow:0 0 3px rgba(0, 0, 0, 0.1), 0 1px 0 #FFF inset, 0 -1px 0 #FFF inset;

display:block;
}

.info-box:hover {cursor:pointer}  	

.info-box-blue{
border-color:#b7d2f2;
background-color:#EEF3FA;
background: rgba(193,211,240,0.4);
background: -moz-linear-gradient(top, rgba(193,211,240,0.4) 0%, rgba(193,211,240,0.6) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(193,211,240,0.4)), color-stop(100%,rgba(193,211,240,0.6))); 
background: -webkit-linear-gradient(top, rgba(193,211,240,0.4) 0%,rgba(193,211,240,0.6) 100%); 
background: -o-linear-gradient(top, rgba(193,211,240,0.4) 0%,rgba(193,211,240,0.6) 100%); 
background: -ms-linear-gradient(top, rgba(193,211,240,0.4) 0%,rgba(193,211,240,0.6) 100%); 
background: linear-gradient(to bottom, rgba(193,211,240,0.4) 0%,rgba(193,211,240,0.6) 100%); 
}

.info-box-blue:hover {
background: rgba(193,211,240,0.6);
background: -moz-linear-gradient(top, rgba(193,211,240,0.5) 0%, rgba(193,211,240,0.7) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(193,211,240,0.5)), color-stop(100%,rgba(193,211,240,0.7)));
background: -webkit-linear-gradient(top, rgba(193,211,240,0.5) 0%,rgba(193,211,240,0.7) 100%); 
background: -o-linear-gradient(top, rgba(193,211,240,0.5) 0%,rgba(193,211,240,0.7) 100%); 
background: -ms-linear-gradient(top, rgba(193,211,240,0.5) 0%,rgba(193,211,240,0.7) 100%); 
background: linear-gradient(to bottom, rgba(193,211,240,0.5) 0%,rgba(193,211,240,0.7) 100%); 
}

a.info-box-text {
font-size:11px;
font-weight:normal;
text-align:left;
}
	
.info-box-red{background-color:#ffdfdf;border-color:#feabab}

.info-box-yellow {
	color:#E68600;
	border-color: rgba(254,182,69, 0.5);
	background-color:#ffffd5;	
	background: -moz-linear-gradient(top, rgba(244,237,134,0.4) 0%, rgba(254,198,108,0.7) 100%);
}    

.info-box-yellow:hover {
	color:#E48500;
	background: -moz-linear-gradient(top, rgba(244,237,134,0.5) 0%, rgba(254,198,108,0.8) 100%);	
}
   
.box {
	text-align:left;
	border: 1px dashed #1166AA;
	padding: 10px 10px;
	margin: 10px 0;
	background-color:#EEF3FA;
	background: rgba(193,211,240,0.3);
}  

.boxInfo {
	text-align:center;
	font-weight:bold;
}

.boxError {
	color:#f00;
	text-align:center;
	font-weight:bold;
	border: 1px dashed #f00;
	background-color:#FFE5E5;
	background:rgba(255,0,0,0.1);
} 

.boxRed {
	color:#f00;
    font-weight:bold;
	text-align:center;
	vertical-align:central;
	border:1px dashed #f00;/*#b4241b;*/
	padding:1px;
	margin:10px 0;
	background:#FFE5E5;
	background:rgba(255,0,0,0.1);
}  

/* панель для кнопки "назад" та "версія для друку" */

#navPanel {	
	top: 0px;				
	left: 0px;					
	position: fixed; 		
	/*width:250px;*/
	height:20px;
    /*background-color:red;*/
	padding: 8px;
	margin:0;
	z-index: 999;
} 

/* Стиль кнопки "НАЗАД" */  
a#backButton:link, a#backButton:visited {	
	color: #fff; 
    text-transform: uppercase; /* Робимо всі букви великими */
	font-size: 13px; /* 10pt */
	font-weight:bold; 
	text-decoration: none; /* Забираємо підкреслення з силки */
	width:36px;
	height:20px;	
	background: #316AC5 url("../images/goback.gif") no-repeat center center; /* іконка кнопки */
	border: 1px solid #315A91; /* Обведення */
	/*padding: 2px 4px 2px 26px; /* Внутрішній відступ */	
	margin: 0 5px 0 0;
	/* заукруглюємо кути */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
    border-radius: 3px; 
	/* плавний перехід */
	-webkit-transition: All 1s ease;	
	-moz-transition: All 1s ease;
	-o-transition: All 1s ease;
	/* Прозорість */
	-moz-opacity: 0.3;
	opacity: 0.3;	
	float: left;
	display: block;
} 

a#backButton:hover { 
	-moz-opacity: 1;
	opacity: 1;
}  

/* Стиль кнопки "Версія для друку" */
a#printButton:link, a#printButton:visited {
	color: #fff; /* Колір тексту */
    text-transform: uppercase; /* Робимо всі букви великими */
	font-size: 13px; /* 10pt */
	font-weight:bold; 
	text-decoration: none;	/* Забираємо підкреслення з силки */
	width:36px;
	height:20px;	
	background: #316AC5 url("../images/print.gif") no-repeat center center; /* іконка кнопки */
	border: 1px solid #315A91; /* Обведення */
	padding: 0; /* Внутрішній відступ */	
	/*margin: 0 5px 0 0;*/
	/* заукруглюємо кути */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
    border-radius: 3px; 	 
	/* плавний перехід */
	-webkit-transition: All 1s ease;	
	-moz-transition: All 1s ease;
	-o-transition: All 1s ease;
	/* Прозорість */
	-moz-opacity: 0.3;
	opacity: 0.3;
	float: left;
	display: block;
} 

a#printButton:hover { 
	-moz-opacity: 1;
	opacity: 1;
} 

/* стиль для посилання "Архів" */
div.archive, .archive a {
	font-size: 13px; /* 10pt */	
	text-align: right;	
}

/* стиль посилань на сторінках з підпунктами меню */
.subitem {
	margin:0;
	padding: 25px 0 0 0;
	}	
	
.subitem div {
	font-size: 11px; /* 10pt */
	margin-bottom: 0.5em; /* Відступ знизу */	
	padding-left:20px;
	}
	
.subitem a {
	font-size: 11px; /* 10pt */		
}

.subitem .ds { /* стиль інформативних посилань на держстат (посилання на Держстат України) */
	color:#1166AA; /* inherit */
	font-size:9px;
	cursor:default;
	/*vertical-align: super;*/
}

.ds { /* (посилання на Держстат України) */
	color:#FFE399;
	font-size:9px;
	/*vertical-align: super;*/
}

/* стиль тексту "Інформацію оновлено" */
.modifydate {
	color: #999;
	font-weight: normal;
	text-align: left;
	margin-top: 30px;
}

/*input[type="text"], input[type="button"],*/
input, textarea {
	border:1px solid #1166AA;
    outline: none;
}

/*input { border:expression((this.type=='text' || this.type=='button') ? '1px solid #1166AA' : 'default'); }*/

table.zmist  {
  border: none; 
  -webkit-box-shadow: none; 
  -moz-box-shadow: none; 
  box-shadow: none; 	  
}

table.zmist td {
  border: none; 	  
}

.icicles
{
	background: none;
   background-repeat: repeat-x;
   background-image: url("../images/icicles.png");
   width:101%;
	height: 46px;
   /*margin: -8px -20px -66px -6px;*/
  position: fixed;
   left: 0;
   top: 0;
   z-index: 888;
}

/* Slider */

.slidesjs-pagination { 
  text-align:center;
  padding:0;	
  margin:0;
  list-style:none;
  overflow:hidden;
}

.slidesjs-pagination li {
   padding-right:8px;
   display:inline;
}

.slidesjs-pagination a {
  font-size:11px;	
  color:#999;
  text-decoration:none;
}

.slidesjs-pagination .active {
  color:#000;
}

#slideshowMapRn .slidesjs-next {
      font-family: icons_font;
      font-size: 28px;
      text-decoration: none;
      bottom: 220px;
      right: -400px;      
      width: 25px;
      height: 30px; 
      display: block;
      position: relative;
      float: left;
      outline : none;
      overflow: hidden;
      z-index: 99;
      opacity: 0.3;
      transition: 500ms;
      
      
}

#slideshowMapRn .slidesjs-next::before {
    content: "\E803"; 
}

#slideshowMapRn .slidesjs-previous {
      font-family: icons_font;
      font-size: 28px;
      text-decoration: none;    
      bottom: 220px;
      width: 25px;
      height: 30px;
            
      display: block;
      position: relative;
      float: left;
      overflow: hidden;
      outline : none;
      z-index: 99;
      opacity: 0.3;
      transition: 500ms;
}

#slideshowMapRn .slidesjs-previous::before {
    content: "\E802"; 
}


#slideshowMapRn .slidesjs-next:hover, 
#slideshowMapRn .slidesjs-previous:hover {
      opacity: 1;
      transition: 500ms;
}

#slideshowMapRn .slidesjs-pagination {
      display: none;
}

#slideshowMapRn {
      margin-bottom: -30px;
}

#slideshowMapRn #slideshowMapRnCitys {
    /*  margin: auto 0; */
      padding: 38px 0;
}

#slideshowMapRn #slideshowMapRnCitys > a {
      font-size: 14px;
      text-decoration: none;
      font-weight: bold; 
      outline : none;     
      display: block;
      width: 70%;
      height: 60px;
      
      background-position: 0 0;
      background-repeat: no-repeat; 
      padding: 19px 0 0 60px;
      margin: 10px auto;     
}

/* Slider charts */

#chartSliderWrapper { margin:auto; }

#chsList {list-style:none;padding:0;overflow:hidden;}
#chsList {list-style:none;margin:auto;padding:0;}
#chsList li{display:inline;padding-right:10px;}
#chsList li a{color:#999;text-decoration:none;}
#chsList li.chsActive a{font-weight:bold;color:#333;}


.nas_text {
text-align:center;
     font-size: 14px;
     font-weight: bold;
     line-height: 23px;
     text-shadow: -1px -1px #FFF,
               -2px -2px #FFF,
               -1px 1px #FFF,
               -2px 2px #FFF,
               1px 1px #FFF,
               2px 2px #FFF,
               1px -1px #FFF,
               2px -2px #FFF;
  /*color: steelblue;*/
  color:#023E85;

  
}

.nas_text2 {
text-align:center;
     font-size: 12px;
     text-shadow: -1px -1px #FFF,
               -2px -2px #FFF,
               -1px 1px #FFF,
               -2px 2px #FFF,
               1px 1px #FFF,
               2px 2px #FFF,
               1px -1px #FFF,
               2px -2px #FFF;
  color: #b4241b;  
}

.toast__container {
  display: table-cell;
  vertical-align: middle;
}

.toast__cell{
  display:inline-block;
}

.add-margin{
  margin-top:15px;
}

.toast {
  text-align:left;
  padding: 8px 0;
  background-color:#fff;
  border-radius:4px;
  /*max-width: 500px;*/
  top: 0px;
  position:relative;
  box-shadow: 1px 7px 14px -5px rgba(0,0,0,0.2);
}


.toast:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  border-top-left-radius:4px;
  border-bottom-left-radius: 4px;

}

.toast__icon{
  font-family: icons_font;
  font-size: 28px;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  left:20px;
  width:28px;
  height:28px;
  /*padding: 7px;
  border-radius:50%;*/
  display:inline-block;
}

.toast__title {
  color: #404040;
  font-size: 12px;
  font-weight: bold;  
  margin-top: 0;
  margin-bottom: 3px;
}

.toast__message {
  color: #404040;
  font-size: 12px;
  margin-top: 0;
  margin-bottom: 0;  
}

.toast__content{
  font-size: 14px;
  padding-left:60px;
  padding-right:16px;
}

.toast--yellow .toast__icon{
  color:#FFC007;
}

.toast--yellow .toast__icon:before{
  content: "\E814";
}

.toast--yellow {
  background-color:#FFFFFF;

}

.toast--yellow:before{
  background-color:#FFC007;
}