a.lbase:link    {color:#5d85a9;text-decoration: none;font-family: Arial;font-size: 13;font-weight: normal;}
a.lbase:active  {color:#5d85a9;text-decoration: none;font-family: Arial;font-size: 13;font-weight: normal;} 
a.lbase:visited {color:#5d85a9;text-decoration: none;font-family: Arial;font-size: 13;font-weight: normal;}
a.lbase:hover   {color:#ff8903;text-decoration: none;font-family: Arial;font-size: 13;font-weight: normal;}
a.lbasep:link    {color:#5d85a9;text-decoration: none;font-family: Arial;font-size: 16;font-weight: normal;}
a.lbasep:active  {color:#5d85a9;text-decoration: none;font-family: Arial;font-size: 16;font-weight: normal;} 
a.lbasep:visited {color:#5d85a9;text-decoration: none;font-family: Arial;font-size: 16;font-weight: normal;}
a.lbasep:hover   {color:#ff8903;text-decoration: none;font-family: Arial;font-size: 16;font-weight: bolder;}
a.ltext:link    {color:#3978b1;text-decoration: none;font-family: Arial;font-size: 13px;font-weight: bold;}
a.ltext:active  {color:#3978b1;}
a.ltext:visited {color:#3978b1;}
a.ltext:hover   {color:#ff8903;text-decoration: none;font-family: Arial;font-size: 13;font-weight: bolder;}
a.lzagl:link    {color:#5d85a9;text-decoration: none;font-family: Arial;font-size: 16px;}
a.lzagl:active  {color:#5d85a9;}
a.lzagl:visited {color:#5d85a9;}
a.lzagl:hover   {color:#ff8903;}
a.lzagl img{
	position: relative;
	top: -5px;
}
a.ltl:link    {color:#5d85a9;text-decoration: none;font-family: Arial;font-size: 16;font-weight: bolder;}
a.ltl:active  {color:#5d85a9;text-decoration: none;font-family: Arial;font-size: 16;font-weight: bolder;} 
a.ltl:visited {color:#5d85a9;text-decoration: none;font-family: Arial;font-size: 16;font-weight: bolder;}
a.ltl:hover   {color:#ff8903;text-decoration: none;font-family: Arial;font-size: 16;font-weight: bolder;}
a.lizbr:link    {color:#ff8903;text-decoration: none;font-family: Arial;font-size: 13;font-weight: bolder;}
a.lizbr:active  {color:#ff8903;text-decoration: none;font-family: Arial;font-size: 13;font-weight: bolder;} 
a.lizbr:visited {color:#ff8903;text-decoration: none;font-family: Arial;font-size: 13;font-weight: bolder;}
a.lizbr:hover   {color:#ff8903;text-decoration: none;font-family: Arial;font-size: 13;font-weight: bolder;}
a.ltext3:link    {color:#000000;text-decoration: none;font-family: Arial;font-size: 16;font-weight: normal;}
a.ltext3:active  {color:#000000;text-decoration: none;font-family: Arial;font-size: 16;font-weight: normal;} 
a.ltext3:visited {color:#000000;text-decoration: none;font-family: Arial;font-size: 16;font-weight: normal;}
a.ltext3:hover   {color:#ff8903;text-decoration: none;font-family: Arial;font-size: 16;font-weight: bolder;}
a.ltext3b:link    {color:#000000;text-decoration: none;font-family: Arial;font-size: 16;font-weight: bolder;}
a.ltext3b:active  {color:#000000;text-decoration: none;font-family: Arial;font-size: 16;font-weight: bolder;} 
a.ltext3b:visited {color:#000000;text-decoration: none;font-family: Arial;font-size: 16;font-weight: bolder;}
a.ltext3b:hover   {color:#ff8903;text-decoration: none;font-family: Arial;font-size: 16;font-weight: bolder;}
a.ltext4:link    {color:#000000;text-decoration: none;font-family: Arial;font-size: 13;font-weight: normal;}
a.ltext4:active  {color:#000000;text-decoration: none;font-family: Arial;font-size: 13;font-weight: normal;} 
a.ltext4:visited {color:#000000;text-decoration: none;font-family: Arial;font-size: 13;font-weight: normal;}
a.ltext4:hover   {color:#000000;text-decoration: none;font-family: Arial;font-size: 13;font-weight: normal;}
a.ltext5:link    {color:#000000;text-decoration: none;font-family: Arial;font-size: 13;font-weight: normal;}
a.ltext5:active  {color:#000000;text-decoration: none;font-family: Arial;font-size: 13;font-weight: normal;} 
a.ltext5:visited {color:#000000;text-decoration: none;font-family: Arial;font-size: 13;font-weight: normal;}
a.ltext5:hover   {color:#ff8903;text-decoration: underline;font-family: Arial;font-size: 13;font-weight: normal;}
a.lbase:link    {
	color: #5d85a9;
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-size: 14px;
	padding: 3px 4px;}
a.lbase:hover    {
	color:#ff8903;}
#shirpage font {
	padding: 3px 4px;
	background: #ebf0f5;}
a.lpath:link    {color:#5d85a9;text-decoration: none;font-family: Arial;font-size: 13;font-weight: normal;}
a.lpath:active  {color:#5d85a9;text-decoration: none;font-family: Arial;font-size: 13;font-weight: normal;} 
a.lpath:visited {color:#5d85a9;text-decoration: none;font-family: Arial;font-size: 13;font-weight: normal;}
a.lpath:hover   {color:#ff8903;text-decoration: none;font-family: Arial;font-size: 13;font-weight: normal;}
font.lpath {color:#5d85a9;text-decoration: none;font-family: Arial;font-size: 13;font-weight: normal;}
font.lpaths {color:#ff8903;text-decoration: none;font-family: Arial;font-size: 13;font-weight: normal;}
h1{font-family: Arial;font-size: 18;font-weight: bolder;text-align: center}

.header {
	padding: 24px 0 26px 0;
}
.header > div {
	float: left;
}
.logo {
	width: 180px;
	height: 90px;
	padding: 3px 0 0 10px;
	font-family: Arial, sans-serif;
}
.logo a{
	display: block;
	width: 152px;
	height: 73px;
}
.logo span{
	font-size: 15px;
	color: #6d6d6d;
	padding-left: 2px;
}
.contacts {
	font-family: Arial, sans-serif;
	text-align: right;
	color: #3c3c3c;
}
.contacts > div {
	text-align: left;
	line-height: 24px;
	padding-left: 0;
	overflow: hidden;
}
.contacts > div:first-child {
	margin: 9px 20px 0 0;
	font-size: 14px;
}
.contacts > div:last-child {
	font-size: 14px;
}
.contacts > div:first-child img {
	position: relative;
	top:5px;
}
.contacts > div:nth-child(2) {
	margin: 5px 0 0 12px;
}
.contacts > div:last-child {
	margin: 0 0 0 12px;
}
.contacts span {
	position: relative;
	top: -4px;
	font-size: 14px;
}
.contacts div span.viber {
	margin-right: 3px;
}
.contacts .messenger {
	float: left;
	margin-right: 10px;
}
.contacts a {
	color: #3978b1;
	text-decoration: none;
}
.contacts a:hover {
	text-decoration: underline;
}
.contacts .tel {
	color: #8599b1;
	display: inline-block;
}
.contacts .tel strong {
	color: #8599b1;
}
.header > div.topbanner {
	float: right;
	width: 100%;
}
.header > div.topbanner a{
	display: inline-block;
	max-width: 872px;
	margin: 20px 0 0;
	transition: all .2s ease;
}
.header > div.topbanner a:hover{
	transform: translateY(-3px);
	box-shadow: 0 6px 20px rgba(20, 44, 66, 0.15);
}
.header > div.topbanner a img{
	width: 100%;
	height: auto;
}
.fonfiltr{
	background: #ebf0f5;
}
#filtrbig0, #filtrbig1, #filtrbig2 {
	font-family: Arial, sans-serif;
	font-size: 14px;
	background: #ebf0f5;
}
#filtrbig0 td{
	background: #ebf0f5;
}
#filtrbig0 td.opendowns{
	position: relative;
	text-align: right;
}
#filtrbig0 .opendowns img{
	display:inline;
	position: relative;
	top: 2px;
	margin-right: 3px;
}
#filtrbig0 td.opendowns a{
	color: #3978b1;
	cursor: pointer;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	padding: 0 15px 0 20px;
	background: url("../opendown.png") 6px 10px no-repeat;
	white-space: nowrap;
}
#filtrbig0 td.opendowns a:hover{
	color: #ff8903;
	background-position: 6px -29px;
}
#filtrbig0 td.opendowns a.active{
	background: url("../openup.png") 6px 9px no-repeat;
}
#filtrbig0 td.opendowns a.active:hover{
	color: #ff8903;
	background-position: 6px -30px;
}
#filtrbig0 input, #filtrbig1 input, #filtrbig2 input, #filtrbig0 .input, #filtrbig1 .input, #filtrbig2 .input {
	background-clip: padding-box;
	border: 1px solid #5D85A9;
	border-radius: 0.25rem;
	padding: 0 3px;
	line-height: 1.25;
	background: #fff;
	height: 26px;
	position: relative;
}
#filtrbig0 .timev {
	font-size: 14px;
}
#filtrbig0 #inputvystdats td, #inputvystdate td{
	background: #fff;
}
#filtrbig0 #inputvystdats input, #filtrbig0 #inputvystdate input, #filtrbig1 #inputzakrdats input, #filtrbig1 #inputzakrdate input{
	font-size: 14px;
	padding: 0 0;
}
#filtrbig0 #selrazdelznv, #filtrbig1 #selsostznv, #filtrbig1 #selaukznv, #filtrbig2 #selmetalznv {
	font-size: 14px;
	line-height: 25px;
	white-space: nowrap;
	padding: 0 5px 0 0;
	color: #4386ac;
}
#filtrbig0 #selrazdelznv .input{
	min-width: 16px;
	padding: 0 13px 0 3px;
}
#filtrbig0 #selrazdelznv font, #filtrbig1 #selsostznv font, #filtrbig1 #selaukznv font, #filtrbig2 #selmetalznv font {
	line-height: 26px;
}
#filtrbig0 #selrazdelznv .input img, #filtrbig1 #selsostznv .input img, #filtrbig1 #selaukznv .input img, #filtrbig2 #selmetalznv .input img{
	position: absolute;
	top: 4px;
	right: 1px;
}
#sohrfiltr {
	height: 2px;
	margin: 10px 0;
}
.button {
	color: #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #3f80ae;
	border: 1px solid #2d587f;
	padding: 4px 10px;
	cursor: pointer;
	font-family: Arial, sans-serif;
	font-size: 14px;
	display: inline-block;
}
.button:hover{
	background: #ff8903;
	border: 1px solid #d47203;
}
#vystperiod font{
	font-size: 14px;
}
#vystperiod font#edperiod{
	position: relative;
	top: -3px;
}
#vystperiod img{
	position: relative;
	top: 2px;
}
#shirpage {
	padding: 10px 0;
	display: inline-block;
}


.menutopblock{
	background: #4386ac;
}
.menutopblock td > div{
	display: inline-block;
	text-align: right;
	margin: 0;
	float: left;
}
.menutop a{
	display: inline-block;
	padding: 11px 30px;
	font-family: Arial,sans-serif;
	background: #4386ac;
	color: #fff;
	text-decoration: none;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
	border-left: 1px solid #4d97c1;
}
.menutop a:first-child{
	border-left: none;
}
.menutop a:last-child{
}
.menutop a:hover{
	background: #2d587f;
	color: #ffd57b;
}
.menutop a.active{
	background: #2d587f;
	color: #ffd57b;
}
.menutopblock td > div.menuuser {
	float: right;
	padding: 0 11px 0 11px;
}
.menuuser a{
	display: inline-block;
	padding: 11px 11px;
}
.menuusertop{
	background: #ebf0f5;
}
.menuusertop a{
	display: inline-block;
	padding: 11px 11px;
}
@media screen and (max-width:1320px)
{
	.contacts > div {
		padding-left: 0px;
	}
}
@media screen and (max-width:1255px)
{
	.header {
		padding: 10px 0 26px 0;
	}
	.header.copy {
		padding: 24px 0 26px 0;
	}
	.logo {
		height: 100px;
	}
	.logo.copy {
		height: 90px;
	}
	.header > div.topbanner.copy {
		text-align: left;
		float: right;
		width: 728px;
	}
	.topbanner.copy  img {
		margin: 0;
	}
	.contacts > div {
		display: block;
	}
}
@media screen and (max-width:1090px)
{
	.menutop a{
		padding: 11px 13px;
	}
}
@media screen and (max-width:1029px)
{
	.header {
		padding: 20px 0 26px 0;
	}
	.menutopblock td > div.menuuser {
		display: none;
	}
	.menutop a{
		padding: 11px 30px;
	}
}
@media screen and (min-width:1030px)
{
	.menuusertop {
		display: none;
	}
	.menutopblock td > div.menuuser .menuusertop {
		display: block;
		background: none;
	}
	.menutopblock td > div.menuuser .menuusertop a{
		color: #d5e5ef;
	}
	.menutopblock td > div.menuuser .menuusertop a:hover{
		color: #ffd57b;
	}
}
@media screen and (max-width:955px)
{
	.header > div.topbanner.copy {
		float: left;
		width: 100%;
	}
	.logo.copy {
		height: 110px;
	}
}
@media screen and (max-width:885px)
{
	.contacts > div {
		display: block;
	}
	.contacts > div:first-child {
		margin: 6px 20px 0 12px;
	}
	.contacts > div > div {
		display: block;
		margin-right: 10px;
	}
	.menutopblock td > div{
		display: table;
		position: relative;
		width: 100%;
	}
	.menutop a{
		display: table-cell;
		text-align: center;
		padding: 13px 15px;
		vertical-align: middle;
	}
}
@media screen and (max-width:535px)
{
	.header > div {
		float: none;
	}
	.contacts {
		height: auto;
	}
	.contacts > div:first-child {
		margin: 6px 0 0 13px;
	}
	.menutopblock td > div{
		display: table;
		position: relative;
		width: 100%;
	}
	.menutop a{
		display: block;
		text-align: left;
		padding: 13px 15px;
		border-top: 1px solid #4d97c1;
		border-left: none;
	}
	.menutop a:first-child{
		border-top: none;
	}
}
@media screen and (max-width:420px)
{
	.menuusertop a{
		display: block;
	}
}
@media screen and (max-width:750px) 
{
	.spiscatalog1 {display:none;}
	.toplogo {margin: 0 auto auto auto;}
	.strmenuautidentifbottom {display:none;}
}
@media screen and (min-width:751px) and (max-width:1090px) 
{
	.spiscatalog1 {display:inline;}
	.toplogo {margin: 0 auto 24px 0;}
	.strmenuautidentifbottom {display:none;}
}


@media screen and (max-width:492px) 
{
	.buttomenu {display:none;}
}
@media screen and (min-width:493px) 
{
	.buttomenum {display:none;}
}
@media screen and (max-width:519px) 
{
	.toplogo {margin: 0 auto auto auto;}
	.topbannersmall {display:none;}
}
@media screen and (max-width:649px) 
{
	.sknopki {display:none;}
}
@media screen and (max-width:767px)
{
	.topbanner {display:none;}
	.table-mobile{width:100%}
	.tr-hide, .td-hide{display: none;}
	.tr-mobile:hover{cursor:default;background: rgb(254, 251, 216)!important;}
	.tr-mobile i, .td-mobile i{font-size: 14px;opacity: .8;}
	.av-re{font-size: 12px}
	.img-mobile{max-width: 100%;}
}
@media screen and (max-width:780px)
{
	.topbanner.copy  img { width: auto}
}
@media screen and (max-width:934px) 
{
}
@media screen and (min-width:520px) and (min-width:935px) 
{
	.topbannersmall {display:none;}
}
@media screen and (min-width:1090px) 
{
	.spiscatalog {display:inline;}
	.toplogo {margin: auto auto auto 0;}
	.strmenuautidentiftop {display:none;}
}
@media screen and (min-width:768px)
{
	.table-mobile{width:auto}
	.tr-mobile, .td-mobile{display: none;}
	.av-re{font-size: 16px}
	.contacts > div:first-child {
		margin: 0 20px 0 12px;
	}
	.header > div.topbanner {
		display: flex;
		width: auto;
		max-width: 760px;
	}
	.header > div.contacts + .topbanner {
		width: 100%;
		max-width: 100%;
		padding: 10px 0 0;
	}
	.header > div.topbanner a {
		float: left;
		margin: 5px 0 0 12px;
	}
}
@media screen and (min-width:1240px)
{
	.header {
		display: flex;
		height: auto;
		justify-content: space-between;
		align-items: flex-start;
	}
	.header > div {
		flex: 1 0 auto;
	}
	.header > div.logo {
		flex: 0 0 160px;
	}
	.header > div.contacts {
		width: 240px;
	}
	.header > div.contacts > div:last-child {
		white-space: nowrap;
		overflow: visible;
	}
	.header > div.contacts .tel {
		float: left;
	}
	.header > div.topbanner {
		flex: 1 1 auto;
		width: auto;
		max-width: none;
		justify-content: flex-end;
	}
	.header > div.topbanner a {
		max-width: 436px;
		margin: 0 0 0 12px;
	}
	.header > div.topbanner a:first-child {
		margin: 0;
	}
}
@media screen and (min-width:1340px)
{
	.header > div.contacts {
		margin: -13px 0 0 0;
	}
}