/*_____Reset+_____*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, img, q, small, strong,b, center, dl, dt, dd, ol, ul, li, form, label, legend, article, aside, canvas, figure, footer, header, hgroup, menu, nav, section, audio, video{
	margin: 0;
	padding: 0;
	font-size: 100%;

}
html, body {
height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
	display: block;
}
blockquote, q {
	display:block;
	font-size:90%;
	padding:5px 0 5px 40px;
	font-style:italic;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

h1 {
font: 700 17pt Arial, Helvetica, sans-serif;
color: #1a202c;
margin-bottom: 7px;
}

h2 {
font: 700 14pt Arial, Helvetica, sans-serif;
color: #1a202c;
margin-bottom: 7px;
}

h3 {
font: italic 700 13pt Arial, Helvetica, sans-serif;
color: #1a202c;
margin-bottom: 5px;
}

h4 {
font: 700 12pt Arial, Helvetica, sans-serif;
color: #1a202c;
margin-bottom: 5px;
}


ul li{
	list-style:disc;
	list-style-position:inside;
	padding: 0 0 0 20px;
	line-height:1.3;
}
ul li li{
	list-style:circle;
	list-style-position:inside;
}
ol li{
	list-style-position:inside;
	padding:0 0 0 20px;
	line-height:1.3;
}
#EBPT ul li, #EBPT ol li {
	margin: 8px 0 0 40px;
	padding: 0;
	list-style-position: outside;
}
#EBPT ul, #EBPT ol {
	margin-bottom: 15px
}
.top_menu li, .bot_menu li, .left_menu li, .right_menu li{
	position:relative;
	padding:0;
	list-style:none;
}
.top_menu li p, .bot_menu li p, .left_menu li p, .right_menu li p{
	margin:0;
	cursor:pointer;
}
.menu li > a > img, .top_menu ul ul li > a > img, .menu li > p > img, .top_menu ul ul li > p > img {
	float: right;
	margin-top: 4px;
}
a{
	outline:none;
	color:#4791b1;
}
a:hover{
	color:#afd0ed;
}
a img{
	border:none;
}
hr{
	clear:both;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
/*------------------------------TABLES------------------------------*/
table.htable, table.vtable {
	border-spacing: 0;
	border-radius: 4px;
	border-top: 1px solid #3a74e2;
}
table.vtable {
	border-top: 0;
}
table.htable td, table.htable th, table.vtable td, table.vtable th{
	padding:5px;
}
table.htable th, table.vtable th {
	background:#5c90f3;
	color:#fff;
	border: 1px solid #3a74e2;
	border-left-color: #6a9cfc;
}
table.vtable th {
	border-bottom-color: #6a9cfc;
}
table.vtable tr:last-child th {
	border-bottom-color: #3a74e2;
}
table.htable th:first-child, table.vtable th:first-child {
	border-left-color: #3a74e2;
}
table.htable th:last-child, table.vtable th:last-child {
	border-right-color: #3a74e2;
}
table.htable tr:first-child th, table.htable tr:nth-child(2) th {
	border-top-color: #6a9cfc;
}
table.htable tr:first-child th:first-child, table.vtable tr:first-child th:first-child {
	border-top-left-radius: 4px;
}
table.htable tr:first-child th:last-child, table.vtable tr:first-child th:last-child {
	border-top-right-radius: 4px;
}
table.htable tr:last-child th:first-child, table.vtable tr:last-child th:first-child {
	border-bottom-left-radius: 4px;
}
table.htable tr:last-child th:last-child, table.vtable tr:last-child th:last-child {
	border-bottom-right-radius: 4px;
}
table.htable td, table.vtable td {
	border: 1px solid #f1f1f1;
	border-right-color: #d9d7d7;
	border-bottom-color: #d9d7d7;
}
table.htable tr, table.vtable tr {
	background-color: #e8e7e7;
}
table.htable tr:nth-child(2n), table.vtable tr:nth-child(2n) {
	background-color: #f9f7f7;
}
table.htable tr td:first-child, table.vtable tr td:first-child {
	border-left:  1px solid #d9d7d7;
}
table.htable tr td:last-child, table.vtable tr td:last-child {
	border-right:  1px solid #d9d7d7;
}
table.vtable tr:first-child td {
	border-top: 1px solid #d9d7d7;
}
table.vtable tr:first-child td:last-child {
	border-top-right-radius: 4px;
}
table.htable tr:last-child td, table.vtable tr:last-child td {
	border-bottom: 1px solid #d9d7d7;
}
table.htable tr:last-child td:first-child, table.vtable tr:last-child td:first-child {
	border-bottom-left-radius: 4px;
}
table.htable tr:last-child td:last-child, table.vtable tr:last-child td:last-child {
	border-bottom-right-radius: 4px;
}
/*-----------------------------/TABLES------------------------------*/
.center{
	clear:both;
	position:relative;
	margin:0 auto;
}
.left{
	float:left;
}
.right{
	float:right;
}
.clear{
    clear:both;
}
.pT20{
	padding-top:20px;
}
.pT40{
	padding-top:40px;
}
.p10{
	padding:10px;
}
.m10{
	margin:10px;
}
.mL20{
	margin-left:20px;
}
.mR20{
	margin-right:20px;
}
.taL{
	text-align:left;
}
.taR{
	text-align:right;
}
.taC{
	text-align: center;
}
.taJ{
	text-align:justify;
}
p {
    margin: 0 0 15px 0;
}
* html .wrapper{
	height:100%;
}
/*____end_Reset+_____*/
/*-----------------------------------------------------------------------------------------------------------------*/

body{
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    min-height: 100%;
    background-color: #f4f3f8;
}
/*-----------------------------------------------------------------------------------------------------------------*/
.wrapper{
	width:100%;
	min-width:1205px;
	min-height:100%;
	position:relative;
	margin-bottom: -125px;
	background-color: #f4f3f8;
	float: left;
	background: url("./footer_bg.gif") left bottom repeat-x;
	text-align: center;
}
.header1 {
	width:100%;
	min-height: 13px;
	position: relative;
	background: #2d5aad url("./top_bg.gif") repeat-x left bottom;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.headerContainer {
	width: 100%;
	max-width: 1205px;
	min-height: 13px;
	margin: 0px auto;
	position: relative;
	padding: 0 12px;
	box-sizing: border-box;
}
.headerContent {
	min-height: 13px;
	text-align: left;
	overflow: hidden;
}
/* Телефон і адреса поверх банера — сучасна панель (текст не залежить від PNG) */
.headerContent.headerContent--withContacts {
	overflow: visible !important;
	position: relative;
}
.headerContent#bl_e .header-banner-img {
	display: block;
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
.header-banner-wrap {
	position: relative;
	width: 100%;
}
/* Маска лише над правою частиною банера (дубль телефону в PNG). Не заходити лівіше ~69% — інакше з’їдається напис «Транссигнал». */
.header-banner-wrap::after {
	content: "";
	position: absolute;
	pointer-events: none;
	left: 69%;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
	background: #2d5aad;
}
.header-contact-panel {
	position: absolute;
	/* Не перекривати кнопки мов (topMenuLangCont, ~50px справа) */
	right: max(56px, 3.5vw);
	top: 12px;
	z-index: 3;
	text-align: right;
	padding: 8px 12px;
	border-radius: 4px;
	background: #2d5aad;
	border: none;
	box-shadow: none;
	color: #fff;
	max-width: min(280px, calc(100% - 70px));
}
.header-contact-panel .header-phone,
.header-contact-panel .header-addr {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-end;
	gap: 0.45em;
	font: 500 0.9375rem/1.35 system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	letter-spacing: 0.02em;
	color: inherit;
}
.header-contact-panel .header-phone {
	text-decoration: none;
}
.header-contact-panel .header-contact-icon {
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	margin-top: 0.12em;
	color: currentColor;
}
.header-contact-panel .header-phone:hover {
	color: #fff;
	text-decoration: underline;
	opacity: 0.92;
}
.header-contact-panel .header-addr {
	margin-top: 6px;
}
@media (max-width: 720px) {
	.header-contact-panel {
		position: static;
		transform: none;
		text-align: center;
		margin: 10px auto 0;
		max-width: 100%;
	}
	.header-contact-panel .header-phone,
	.header-contact-panel .header-addr {
		justify-content: center;
	}
}
.headerContent p {
 margin: 0;
}

.header2container {
	width:100%;
	min-height: 13px;
	position: relative;
	text-align: center;
	background: #d3d2d8;
	margin-bottom: 13px;
}

.header2topbg {
	position: relative;
	display: block;
	width: 100%;
	min-height: 13px;
	background: url('h2t_bg.gif') repeat-x left top;
}
.header2bottombg {
	position: relative;
	display: block;
	width: 100%;
	background: url('h2b_bg.gif') repeat-x left bottom;
}
.mainimgcontainer {
overflow-x: hidden;
overflow-y: hidden;
position: relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0px 0px 5px 0px #666;
-moz-box-shadow: 0px 0px 5px 0px #666;
-webkit-box-shadow: 0px 0px 5px 0px #666;
max-height: 500px;
width: 1205px;
margin: 0px auto;
background-repeat: no-repeat;
behavior: url("/img_0/PIE.htc");
}
.mainimgcontainer img {
display: block;
float: left;
}
.mainimgcontainer > img:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.mainimgcontainer > img:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}

.content {
width:1205px;
position: relative;
margin: 0px auto;

}
.leftsection {
width: 270px;
position: relative;
margin-left: 2px;
float: left;
text-align: left;
}
.rightsection {
width: 910px;
position: relative;
z-index: 0;
//z-index: -1;
float: right;
border: 1px solid #cbcacf;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
box-shadow: 0px 0px 1px 0px #e7e6eb;
-moz-box-shadow: 0px 0px 1px 0px #e7e6eb;
-webkit-box-shadow: 0px 0px 1px 0px #e7e6eb;
background: #ffffff;
behavior: url("/img_0/PIE.htc");
}
#EBPN, #EBPT {
 width: 860px;
 position: reltive;
 margin: 0px auto;
}
#EBPN {
height: auto;
text-align: left;
padding-top: 10px;
}
#EBPN h1 {
text-align: left;
font: 700 16pt Arial, Helvetica, sans-serif;
color: #1a202c;
text-transform: uppercase;
line-height: 26px;
margin: 14px 0;
}
#EBPT {
position: relative;
text-align: justify;
padding-bottom: 19px;
font: 15px Arial;
color: #121117;
line-height: 1.3;
}
/* Знак УЗ лише на блоці основного тексту сторінки */
#EBPT::before {
	content: "";
	position: absolute;
	inset: 0;
	background: url("../images/ukrzaliznytsia-logo.svg") repeat;
	background-size: min(28vw, 216px) auto;
	background-position: 28px 36px;
	opacity: 0.22;
	pointer-events: none;
	z-index: 0;
}
#EBPT > * {
	position: relative;
	z-index: 1;
}
.buffer{
height: 125px;
clear: both;
}
.footer {
	position: relative;
	clear: both;
	text-align: center;
	height: auto !important;
	min-height: 125px;
	/* Одне джерело правди: фон футера (синя смуга) — не дублювати нижче по файлу */
	background-color: #2d5aad;
	background-image: none;
	color: #fff;
}


/*==================================================================================================================*/





/*==================================================================================================================*/


.contFooter {
height: inherit;
position: relative;
width: 1205px;
margin: 0px auto;
text-align: left;
}
.blockFooter {
height: inherit;
width: 943px;
float: left;
}
.effectLink {
postition: relative;
height: 125px;
width: 262px;
float: right;
background: url("effect_logo.png") right bottom no-repeat;
font: 12px Arial;
font-style: italic;
color: #333f4b;
}
.effectLink a {
postition: relative;
display: block;
height: 53px;
width: 243px;
font: 12px Arial;
font-style: italic;
color: #333f4b;
text-decoration: none;
padding: 72px 0px 0px 19px;
}
.effectLink a:hover {
color: #475667;
text-shadow: 1px 1px 7px #999;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

#bl_i {
/*
width: 270px;
position: relative;
margin-left: 2px;
float: left;
*/
}
.left_menu {
clear: both;
display: block;
}

.topMenuLangCont {
position: absolute;
z-index: 99;
right: 0px;
top: 0px;
}

 .menubl1 {
float: left;
}

/*Lang buttons*/
 .menubl3 {
min-width: 0px;
position: relative;
max-width: 50px;
float: right;
padding-right: 4px;
padding-top: 6px;
}
 .menubl3 ul {
list-style:none;
width: 50px;
}
 .menubl3 ul li,  .menubl4 ul li {
	background: #3b65b2;
	text-align: center;
	list-style:none;
	border: 1px solid #4d7dc9;
	padding: 0;
	margin: 0;
}
 .menubl3 ul li.current {
background-color: #5c90f3;
background-image: url("lmenu_bg.gif"), url("lmenu_topborder_bg.gif");
background-position: left bottom, left top;
background-repeat:  repeat-x, repeat-x;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
behavior: url("/img_0/PIE.htc");
}
 .menubl3 ul li.current a,  .menubl3 ul li.current p,  .menubl4 ul li.current a,  .menubl4 ul li.current p {
color: #fff;
}
 .menubl3 ul li a,  .menubl3 ul li p,  .menubl4 ul li a,  .menubl4 ul li p {
	font: 11px Arial;
	color: #b1cbfa;
	text-decoration: none;
	display:block;
	padding: 0 14px;
	margin: 0;
	line-height: 30px;
}
 .menubl3 ul li a:hover,  .menubl4 ul li a:hover {
	text-decoration: underline;
}
 .menubl3 ul li:first-child {
-webkit-border-top-left-radius: 4px;
-moz-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-top-right-radius: 4px;
border-top-right-radius: 4px;
behavior: url("/img_0/PIE.htc");
}
 .menubl3 ul li:last-child {
-webkit-border-bottom-left-radius: 4px;
-moz-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
behavior: url("/img_0/PIE.htc");
}

 .menubl4 ul {
display: table;
float: left;
margin-bottom: 7px;
}

 .menubl4 ul li {
border: 1px solid #4d7dc9;
display: table-cell;
//display: inline;
//float: left;
padding: 0;
}
 .menubl4 ul li:first-child {
-webkit-border-top-left-radius: 4px;
-moz-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
behavior: url("/img_0/PIE.htc");
}
 .menubl4 ul li:last-child {
-webkit-border-top-right-radius: 4px;
-moz-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
behavior: url("/img_0/PIE.htc");
}
 .menubl4 ul li a,  .menubl4 ul li p {
	line-height: 36px;
}
 .menubl4 ul li.current {
background-color: #5c90f3;
background-image: url("lmenu_bg.gif"), url("lmenu_topborder_bg.gif");
background-position: left bottom, left top;
background-repeat:  repeat-x, repeat-x;
}

/*--------------------------------------------------------------------*/
.ebptBlockContacts, .ebptBlockContacts3cell {
	font: bold 16px Arial;
	color: #3f71d2;
	text-align: left;
}
.ebptBlockContacts td:first-child img, .ebptBlockContacts3cell td:first-child img {
margin: 0px 20px 0px 0px;
}

.ebptBlockContacts3cell td:last-child {
font: 16px Arial;
color: #121117;
padding-left: 6px;
text-align: left;
}
.ebptBlockContacts3cell {
text-align: right;
}

.headerContent span.a1 {
font: bold 38px Arial;
color: #fff;
text-shadow: 1px -1px #999;
}
.headerContent span.a2 {
font: 26px Arial;
color: #fff;
}
.headerContent span.a3 {
font: 16px Arial;
color: #fff;
}


#EBPT img.img1 {
 border: 4px solid #fff;
 box-shadow: 0px 0px 10px 1px #c5c5c5;
-moz-box-shadow: 0px 0px 10px 1px #c5c5c5;
-webkit-box-shadow: 0px 0px 10px 1px #c5c5c5;
margin-top: 5px;
margin-bottom: 5px;
}
#EBPT img.img1[align=left] {
margin-right: 14px;
}
#EBPT img.img1[align=right] {
margin-left: 14px;
margin-right: 6px
}
#EBPT img[align=left] {
margin-right: 5px;
}
#EBPT img[align=right] {
margin-left: 5px;
}

/*====================-Search Form-==============================*/
form.search {
	margin-bottom: 7px;
	position: relative;
	display: block;
	min-width: 270px;
	border: 1px solid #ccc;
	border-radius: 3px;
	height: 30px;
	background: #fff;
}
form.search input {
	border: none;
	outline: none;
	display: block;
	height: 30px;
	float: left;
	width: 225px;
	padding: 0 5px 0 10px;
	font: 14px Arial;
	color: #424147;
	position: relative;
	z-index: 1;
}
form.search input:focus {
	border: none;
}
form.search input::-webkit-input-placeholder {font: italic 13px Arial;}
form.search input:-moz-placeholder {font: italic 13px Arial;}

form.search input[type=image] {
	float: left;
	border: none;
	background: transparent;
	padding: 0;
	height: 21px;
	width: 23px;
	z-index: 5;
	top: 5px;
	right: 5px;
	position: absolute;
	cursor: pointer;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
form.search input[type=image]:hover {
	 -webkit-transform: rotate(-10deg) scale(.95);
	 transform: rotate(-10deg) scale(.95);
	 -moz-transform: rotate(-10deg) scale(.95);
	 -o-transform: rotate(-10deg) scale(.95);
	 -ms-transform: rotate(-10deg) scale(.95);
}

/* Кнопки: оновлений вигляд (з modern.css) — лише меню, без зміни шапки/контейнерів */
.menubl4 ul {
	border-radius: 8px !important;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.12);
}

.menubl4 ul li,
.menubl3 ul li {
	background: #1e3a8a !important;
	border-color: rgba(255, 255, 255, 0.2) !important;
}

.menubl4 ul li.current,
.menubl3 ul li.current {
	background: #3b82f6 !important;
	background-image: none !important;
}

.menubl4 ul li a,
.menubl3 ul li a,
.menubl4 ul li p,
.menubl3 ul li p {
	font: 600 12px system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	color: #e2e8f0 !important;
	padding: 0 16px !important;
}

.menubl4 ul li.current a,
.menubl3 ul li.current a,
.menubl4 ul li.current p,
.menubl3 ul li.current p {
	color: #fff !important;
}

.left_menu > ul > li > a,
.left_menu > ul > li > p {
	background-image: none !important;
	background-color: #1e40af !important;
	border: none !important;
	border-radius: 8px !important;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08) !important;
	font: 600 15px system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	color: #f8fafc !important;
	text-shadow: none !important;
	padding: 12px 12px 12px 36px !important;
}

.left_menu > ul > li.current > a,
.left_menu > ul > li.current > p,
.left_menu > ul > li:hover > a,
.left_menu > ul > li:hover > p {
	background-color: #2563eb !important;
	background-image: none !important;
	color: #fff !important;
	border-color: transparent !important;
}

.menu li {
	background: #f8fafc !important;
	border-color: #e2e8f0 !important;
}

.menu li a,
.menu li p {
	color: #1e293b !important;
	font: 15px system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

.menu li:hover,
.menu li.current {
	background: #e2e8f0 !important;
}

.menu ul {
	box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08) !important;
}

/* Підпис студії-розробника (Effect) — приховано за запитом замовника */
.effectLink {
	display: none !important;
}

/* Копірайт у синьому підвалі (стилі .footer — вище) */
.footer-copyright {
	clear: both;
	max-width: min(1205px, 100%);
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 14px 0 16px;
	text-align: right;
	box-sizing: border-box;
	font: 12px system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	color: #ffffff;
}
@media (max-width: 1239px) {
	.footer-copyright {
		padding-left: 16px;
		padding-right: 16px;
	}
}

/* Закупівлі: вбудований перегляд з прокруткою по горизонталі та вертикалі */
.procurement-scroll-frame {
	overflow: auto;
	overflow-x: auto;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	max-width: 100%;
	width: 100%;
	height: min(67.5vh, 792px);
	margin: 12px 0 20px;
	border: 1px solid #cbd5e1;
	box-sizing: border-box;
	background: #f8fafc;
}
.procurement-iframe-scale {
	width: 100%;
	min-width: 0;
	overflow: hidden;
	line-height: 0;
}
.procurement-iframe-scale iframe {
	display: block;
	border: 0;
	max-width: none;
	vertical-align: top;
}

.procurement-iframe-note {
	font-size: 90%;
	color: #475569;
	margin-top: 8px;
	margin-bottom: 18px;
	line-height: 1.45;
}

/* Новини (data/news.json) */
#news-list {
	max-width: 100%;
}
.news-item {
	margin-bottom: 28px;
	padding-bottom: 22px;
	border-bottom: 1px solid #e2e8f0;
}
.news-item:last-child {
	border-bottom: 0;
}
.news-item-title {
	font: 700 15pt Arial, Helvetica, sans-serif;
	color: #1a202c;
	margin: 0 0 8px;
}
.news-item-date {
	display: block;
	font-size: 12px;
	color: #64748b;
	margin-bottom: 12px;
}
.news-item-body {
	font-size: 100%;
	line-height: 1.55;
	color: #334155;
}
.news-item-body p {
	margin: 0 0 10px;
}
.news-item-body img,
.news-item-body video {
	max-width: 100%;
	height: auto;
}
.news-item-body video {
	display: block;
	margin: 0 0 12px;
}
.news-empty {
	color: #64748b;
	font-style: italic;
}