@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=latin,cyrillic);
@import url(/common/font-awesome/css/font-awesome.min.css);

/* Layout */

:root {--main-color: #194a8d; --main-font-size: 16px; --main-font: "PT Sans", sans-serif;}

html, body	{width: 100%; height: 100%; padding: 0; margin: 0; }
body	{ background: #fff; font-size: var(--main-font-size); font-family: var(--main-font); color: #555; display: flex; min-height: 100vh; flex-direction: column;}
td, th {font-size: 15px;}
* {box-sizing: border-box;  max-width: 100%;}

article, aside, footer, header, nav, section {display: block;}

header {background: var(--main-color);}
header i.fa {color: #fff; font-size: 32px; display: inline-block; height: 60px; margin-right: 10px; padding-top: 13px; text-shadow: 0 -1px 0 rgba(0,0,0,.5); cursor: pointer; }
header nav a {color: #fff; text-decoration: none; font-size: 18px; font-weight: bold; margin-left: 20px;}
header a:hover {opacity: .75; text-decoration: none; color: #fff;}
header a span {position: relative; top: -5px;}
header #inv-logo {display: block; height: 60px; width: 250px; float: left; font-size: 40px; color: #fff; font-weight: bold;}
header nav {float: right;}
section {flex: 1;}
footer {background: var(--main-color); min-height: 100px;}


.flex {display: flex; justify-content: space-between; }

/*   */

.wrap { width: 900px; margin: 0px auto; position: relative;}
.wrap.wide { width: 90%; }

.ani, .ani *, .inp1 {
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	-ms-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
	}


#Go_Top {position: fixed; padding: 16px; bottom: 60px; right: 40px; cursor: pointer; display: none; background: rgba(0,0,0,0.5);}
#Go_Top:hover {background: #06b;}
#Go_Top img {display: block;}


/* Formatting */

.just {text-align: justify;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

.ml10 	{margin-left:  10px !important;}
.ml20 	{margin-left:  20px !important;}
.mr5 	{margin-right: 5px !important;}
.mr10 	{margin-right: 10px !important;}
.mt5 	{margin-top: 5px !important;}
.mt10 	{margin-top: 10px !important;}
.mt20 	{margin-top: 20px !important;}
.mb5 	{margin-bottom: 5px !important;}
.mb10 	{margin-bottom: 10px !important;}
.mb20 	{margin-bottom: 20px !important;}
.mr1p {margin-right: 1% !important;}
.mr2p {margin-right: 2% !important;}

.pd20 {padding: 20px !important;}

.w60 {width: 60px;}
.w80 {width: 80px;}
.w100 {width: 100px;}
.w120 {width: 120px;}
.w150 {width: 150px;}
.w200 {width: 200px;}
.w250 {width: 250px;}
.w300 {width: 300px;}
.w400 {width: 400px;}
.w450 {width: 450px;}
.w500 {width: 500px;}
.w600 {width: 600px;}
.w30p {width: 30%;}
.w50p {width: 50%;}
.w70p {width: 70%;}
.w90p {width: 90%;}
.w95p {width: 95%;}
.w100p {width: 100%;}

.f8 {font-size: 14px;}
.f9 {font-size: 15px;}
.f10 {font-size: 16px;}
.f12 {font-size: 20px;}
.f14 {font-size: 22px;}
.bold {font-weight: bold !important;}
.bbox {box-sizing: border-box;}

.db {display: block;}

.grey {color: #999;}
.red {color: #c00;}

.nowrap {white-space: nowrap;}

.b {border: solid 1px cyan;}

.clear {display: block; clear: both;}
.fleft {float: left;}
.fright {float: right;}

.opa3 {opacity: .3;}
.opa5 {opacity: .5;}

.hidden {display: none;}

.rel {position: relative;}


/* Forms */

.inp, textarea {background: #fff; border: solid 1px #9ab; padding: 7px; border-radius: 2px; box-shadow: 0 6px 10px #f3f3f3 inset; box-sizing: border-box; font-size: var(--main-font-size); font-family: var(--main-font);}
.inp1 {background: var(--main-color); color: #fff; border: solid 1px var(--main-color); font-size: var(--main-font-size); font-family: var(--main-font); font-weight: bold; padding: 7px 10px; border-radius: 2px; text-align: center; text-shadow: 0 -1px 0 rgba(0,0,0,0.35);}
.inp1:hover {background: #2670d8; cursor: pointer; box-shadow: 0 0 10px rgba(0,0,0,.25); color: #fff; text-decoration: none;}
.inp_red {background: #fdd; border-color: #a00;}

/* Tags */

hr { color: #aaa; background-color: #aaa; border: 0px none; height: 1px; clear: both; }
.hr { background-color: #aaa; height:1px; line-height: 1px; clear: both; margin: 5px 0; font-size: 0; }
form {padding: 0; margin: 0;}
img {border: none;}
h1, h2, h3, h4, h5 {color: var(--main-color); font-weight: bold; border: 0; padding: 0; margin: 0 0 10px 0;}
h1 {font-size: 28pt; margin-top: 10px;}
h2 {font-size: 22pt; }
h3 {font-size: 18pt;}
h4 {font-size: 15pt; font-weight: bold;}
h5 {font-size: 13pt; font-weight: bold;}
p {margin: 0 0 10px 0;}

a {color: #08e; text-decoration: none; }
a:hover {color: #a00; text-decoration: underline; }

a.link {border-bottom: 1px dotted #09f;}
a.link:hover {border-bottom: 1px solid #c00; text-decoration: none;}

ul.cool-li {list-style: none; padding: 0 0 15px 18px; margin: 0;}
.cool-li li {background: url(/o-icon/li.png) no-repeat 0 5px; padding: 0 0 2px 22px;}

label.radio {background: #fff; border: 1px solid #666; padding: 2px 6px 2px 8px; border-radius: 2px; cursor: pointer;}
label.radio:hover {background: #eee; box-shadow: 0 0 6px #bbb;}
label.radio.checked {color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.5); background: var(--main-color);}
label.radio input {margin: -3px 3px 0; vertical-align: middle;}

.cols2 {column-count: 2; column-gap: 25px;}

/* Blocks */

.block {background: #eee; padding: 15px; border-radius: 5px; margin-bottom: 10px; border-bottom: 2px solid #09e;}
.block h3 {color: #fff; margin: -15px -15px 10px -15px; padding: 5px 15px 5px 15px; border-radius: 5px 5px 0 0; text-shadow: 0 -1px 0px rgba(0,0,0,.5); font-size: 22px;
background: #0099ee;
background: -moz-linear-gradient(top,  #0099ee 0%, #0066bb 100%);
background: -webkit-linear-gradient(top,  #0099ee 0%,#0066bb 100%);
background: linear-gradient(to bottom,  #0099ee 0%,#0066bb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099ee', endColorstr='#0066bb',GradientType=0 );
}

.infoDiv, .alertDiv { padding: 15px 15px 15px 55px; margin-bottom: 15px; border-radius: 10px; font-size: 11pt;}
.infoDiv {background: #9cf url(/o-icon/info_rhombus.png) 10px center no-repeat;}
.alertDiv {background: #fdb url(/o-icon/alert-32.png) 10px center no-repeat;}
.infoDiv p, .alertDiv p {margin: 5px 0;}
.info_grey {padding: 10px; margin: 10px 0; border-radius: 5px; background: #eee url(images/fresh_snow.jpg); border: 1px solid #ccc;}


/* Menu & buttons */

#mainMenu {position: fixed; background: #06b; height: 50px; width: 100%; top: 0; left: 0; z-index: 9999; border-bottom: 2px solid #fff;}
#mainMenu table {border-left: 1px solid #08d;}
#mainMenu td {text-align: center; border-right: 1px solid #08d; position: relative;}
#mainMenu td > div {}
#mainMenu a {display: block; height: 48px; padding: 13px 15px 0 15px; font-size: 16px; font-weight: bold; color: #fff; text-shadow: 0 -1px 0px rgba(0,0,0,.6); text-transform: uppercase; position: relative;}
#mainMenu a:hover {text-decoration: none; background: #048;}
#mainMenu a.active, #mainMenu td div a.active:hover { color: #fff; text-decoration: none; background: #09e;}
#mainMenu a.active::after {content: ' '; position: absolute; margin-left: -8px; bottom: 0; left: 50%; border-bottom: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; }

#mainMenu div {display: none; position: absolute; top: 48px; border-top: 2px solid #fff; box-shadow: 0 5px 10px rgba(0,0,0,.5);}
#mainMenu td:hover div {display: block;}
#mainMenu div a {white-space: nowrap; background: #06b; height: 42px; padding-top: 11px; font-size: 16px; border-top: 1px solid #08d;}
#mainMenu div a:hover {background: #048;}

#menu_bottom {padding: 15px 0; text-align: center; background: #ccc url(images/shadow-3.png) center top no-repeat; border-top: 1px solid #999;}
#menu_bottom a {font-size: 18px; color: #06b; padding: 4px 15px; border-radius: 3px;}
#menu_bottom a:hover {background: #06b; color: #fff; text-decoration: none;}

.butt_close {display: block; width: 16px; height: 16px; background: #fff url(/o-icon/delete.png) center center no-repeat; border-radius: 3px; margin: -5px -5px 0 0;}
.butt_close:hover { background-color1: #ffba00; box-shadow: 0 0 4px rgba(0,0,0,0.5);}

.butt {display: inline-block; font-size: 14px; background: #ddd;
background: -moz-linear-gradient(top, #ffffff 0%, #ddd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ddd));
background: -webkit-linear-gradient(top, #ffffff 0%,#ddd 100%);
background: -o-linear-gradient(top, #ffffff 0%,#ddd 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#ddd 100%);
background: linear-gradient(to bottom, #ffffff 0%,#ddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ddd',GradientType=0 );
border: solid 1px #bbb; color: #666; text-align: center; text-shadow: 1px 1px 0 #fff;
border-radius: 3px; padding: 4px 10px; cursor: pointer; margin-right: 5px;
}
.butt:hover {text-decoration: none; background: #fff; border-color: #aaa; cursor: pointer; box-shadow: 0 0 5px rgba(0,0,0,0.15); }
.butt:active {box-shadow: 0 1px 3px rgba(0,0,0,0.3) inset;}

.buttons {margin: 0 13px 5px 0; display: inline-block; font-size: 0; white-space: nowrap;}
.buttons .butt {margin: 0 -1px 0 0; border-radius: 0;}
.buttons .butt:first-child {border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.buttons .butt:last-child   {border-top-right-radius: 3px; border-bottom-right-radius: 3px;}

.butts { display: block; width: 300px; height: 100px; border-radius: 5px; margin-bottom: 10px; 
text-shadow: 0 -1px 0px rgba(0,0,0,.5);
background: #77bb44;
background: -moz-linear-gradient(top,  #77bb44 0%, #669933 100%);
background: -webkit-linear-gradient(top,  #77bb44 0%,#669933 100%);
background: linear-gradient(to bottom,  #77bb44 0%,#669933 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77bb44', endColorstr='#669933',GradientType=0 );
}
.butts:hover {background: #7b4; box-shadow: 0 0 14px rgba(0,0,0,.5) inset;}

/* Tabs */

.tabs { list-style: none; padding: 0 0 0 10px; margin: 0 0 10px 0; font-size: 18px; font-weight: bold; border-bottom: 1px solid var(--main-color);}
.tabs li { display: inline-block; border: 1px solid var(--main-color); padding: 2px 15px; text-decoration: none; background-color: #eee; border-bottom: none; border-radius: 3px 3px 0 0; cursor: pointer; margin-bottom: -px;}
.tabs li a { }
.tabs li:hover { background-color: #ddd;}
.tabs li.active { border-bottom: 1px solid #fff; background-color: #fff; padding: 4px 15px; margin-bottom: -1px;}
.tabs li.active:hover { background-color: #fff; }
.tab_content { display: none; padding: 15px 0;}
.tab_content.active { display: block;}

/* foldable */

.foldable {padding: 3px 5px 3px 35px !important; background: #eee url(/o-icon/plus.png) 10px center no-repeat; border-radius: 5px;}
.foldable.active {background: #9cf url(/o-icon/minus.png) 10px center no-repeat;}
.foldable:hover {background-color: #ccc; cursor: pointer;}
.foldable + div {display: none;}

.collapsible {border: 1px solid #ccc;}
.collapsible div.collapse {display: none; padding: 15px;}
.collapsible h2 {margin: 0; cursor: pointer; padding: 5px 5px 5px 35px !important; border: none; background: #eee url(/o-icon/plus.png) 10px center no-repeat; text-shadow: 0 1px rgba(255,255,255,.5);}
.collapsible:hover h2, .collapsible.active h2 {background: #b1ceeb url(/o-icon/minus.png) 10px center no-repeat;}
.collapsible:hover, .collapsible.active {border-color: #c0e0ff;}

/* News & articles */

.articles_one {}

.articles_all {padding: 10px; margin: 0 0 -1px 0; border: 1px solid #ccc; border-radius: 0px; 
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #eee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eee));
background: -webkit-linear-gradient(top,  #ffffff 0%,#eee 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#eee 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#eee 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#eee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eee',GradientType=0 );
}
.articles_all:hover {box-shadow: 0 0 6px #ccc; background: #fff;}
.articles_all:hover .articles_bottom {background: #eee;}
.articles_unactive {border: 1px solid #f00; background: #fee;}
.articles_title {font-size: 26px; font-weight: bold; margin-bottom: 5px; display: block;}
.articles_thumb {float: left; margin-right: 10px; margin-bottom: 10px; padding: 4px; position: relative; border: 1px solid #ccc; background: #fff; box-sizing: border-box;}
.articles_thumb img {display: block; width: 130px;}
.articles_thumb_big {width: 100%; margin-right: 10px; margin-bottom: 10px; padding: 4px; position: relative; border: 1px solid #ccc; background: #fff; box-sizing: border-box;}
.articles_thumb_big img {display: block; width: 100%;}
.articles_date {float: left;}
.articles_cats {float: left;}
.articles_bottom {font-size: 8pt; background: #ddd; margin: 0 -10px -10px -10px; padding: 5px 10px;}
.articles_thumb_mini {float: left; margin: 5px 8px 0 0; width: 75px; height: 56px; border: 1px solid #eee;}
.small_date {padding: 1px 3px; font-size: 7pt; background: #d8e8ff; font-weight: bold;}
.date_articles {font-size: 9pt;}

.articles_list { padding: 5px;}
.col-2 .articles_list { font-size: 8pt; margin: 0 -5px;}
.articles_list img {margin-bottom: -2px;}
.articles_list:nth-child(2n+1){ background: #eee;}

.news_unactive {border-color: #c00 !important; background: #fee !important;}

#news_main {margin-bottom: 10px;}
.news_main {padding: 0; margin: 0;}
.news_main li {box-sizing: border-box; width: 370px; margin: 0 5px; float: left; height: 190px; line-height: 110%; list-style: none;}
.news_main .articles_thumb {margin-top; 10px;}
.news_main .articles_thumb span {display: block; position: absolute; left: 0; bottom: 10px; font-size: 10px; background: #fff; padding: 3px 5px; line-height: 100%;}
.news_main a {font-weight: bold;}
.news_main span.descr_news  {font-size: 15px;}

.articles_thumb_small {margin-bottom: 3px; margin-top: 3px;}
.articles_thumb_small img {width: 90px;}

/* oWin */

.oWins {max-width: 100%;}
.oWinOuter {position: fixed; left: 50%; top: 200px; z-index: 11000; border: 4px #aaa solid; border-radius: 4px; box-shadow: 0 5px 25px #000; display: none; min-width: 200px; max-width: 96%;}
.oWinContent {display: block; padding: 15px 20px; background: #fff;}
.oWinTitle {font-size: 24px; padding: 10px 20px; margin: 0 20px 0 0; text-shadow: 0 1px 0 rgba(255,255,255,0.5); color: #666; cursor: move; background: #ddd; width: 100%;}
#oWinOverlay { position: fixed; z-index: 1000; top: 0px; left: 0px; height:100%; width:100%; background: #000; display: none;}
.oWinCloseButt {display: block; float: right; width: 16px; height: 16px; margin: 8px 0 0 10px; background: url(/o-icon/oWinClose.png) top no-repeat;}
.oWinCloseButt:hover { background-position: bottom;}

/* Pagenate */

.pagenate {margin: 10px 0; font-size: 0; white-space: nowrap;}
.pagenate a, .pagenate span {display: inline-block; font-size: 13px; background: #ddd;background: -moz-linear-gradient(top, #ffffff 0%, #ddd 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ddd));background: -webkit-linear-gradient(top, #ffffff 0%,#ddd 100%);background: -o-linear-gradient(top, #ffffff 0%,#ddd 100%);background: -ms-linear-gradient(top, #ffffff 0%,#ddd 100%);background: linear-gradient(to bottom, #ffffff 0%,#ddd 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ddd',GradientType=0 );border: solid 1px #bbb; color: #666; text-align: center; text-shadow: 0 1px 0 #fff;border-radius: 0; padding: 3px 7px; margin: 0 -1px 0 0;}
a.prev_next {background: #fff; }
.pagenate a:hover {background: #fff; border-color: #aaa; cursor: pointer; box-shadow: 0 0 3px rgba(0,0,0,0.2); text-decoration: none;}
.pagenate span {font-weight: bold; box-shadow: 0 0 8px rgba(0,0,0,0.4) inset; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.5);background: #888;background: -moz-linear-gradient(top, #888 0%, #ccc 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888), color-stop(100%,#ccc));background: -webkit-linear-gradient(top, #888 0%,#ccc 100%);background: -o-linear-gradient(top, #888 0%,#ccc 100%);background: -ms-linear-gradient(top, #888 0%,#ccc 100%);background: linear-gradient(to bottom, #888 0%,#ccc 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888', endColorstr='#ccc',GradientType=0 );}.pagenate a:first-child, .pagenate span:first-child {border-top-left-radius: 3px;  border-bottom-left-radius: 3px;}.pagenate a:last-child,  .pagenate span:last-child  {border-top-right-radius: 3px; border-bottom-right-radius: 3px;}

/* Gallery */

.fotoThumbs { padding: 10px 10px; border: 1px solid #ccc; border-radius: 5px;
background: #fff;
background: -moz-linear-gradient(top,  #fff 0%, #ddd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ddd));
background: -webkit-linear-gradient(top,  #fff 0%,#ddd 100%);
background: -o-linear-gradient(top,  #fff 0%,#ddd 100%);
background: -ms-linear-gradient(top,  #fff 0%,#ddd 100%);
background: linear-gradient(to bottom,  #fff 0%,#ddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ddd',GradientType=0 );
}

.fotoThumbs a {display: block; padding: 2px; border: 1px solid #ccc; border-radius: 3px; background: #fff; float: left; margin: 4px; position: relative;}
.fotoThumbs a:hover {box-shadow: 0 0 10px #999;}
.fotoThumbs img {display: block; width: 180px; height: 135px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out; }
.fotoThumbs a div {overflow: hidden;}
.fotoThumbs a:hover img.prettyfoto, a:hover img.prettyfoto { 
	opacity: 0.7;
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.fotoThumbs a span {display: block; position: absolute; background: url(/o-icon/zoom_32.png) no-repeat; height: 32px; width: 32px; margin: -16px 0 0 -16px; left: 52%; top: 52%; opacity: 0; 
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	}

.fotoThumbs a:hover span {opacity: 1;}

.prettydiv {padding: 4px 4px; margin: 0 -5px 10px -5px; border: 1px solid rgba(153,102,34,.5); border-radius: 5px; background: rgba(255,255,255,.3); }
.prettydiv img {display: block;}
.prettydiv div {overflow: hidden;}
.prettydiv p {padding: 5px 0 5px 5px; margin: 0; font-size: 15px;}
.prettydiv a:hover img { 
	opacity: 0.8;
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

.stripDiv {padding: 10px; margin-bottom: 10px; border-radius: 5px; background: #e4f0fa; border: 1px solid #fff;}
.stripDiv:nth-child(2n+1){ background: #c9dff0;}
.stripDiv:hover{ border-color: #8ac;}

/* Common */


/* Tables */

#cool_table, .cool_table {border: 1px solid var(--main-color);}
#cool_table th, .cool_table th {padding: 5px 10px; font-weight: bold; font-size: 16px; text-align: center; color: #fff; background: var(--main-color); text-shadow: -1px -1px 0 rgba(0,0,0,.5);}
#cool_table td, .cool_table td {font-weight: normal; font-size: 15px; background: #ecf6ff; border-right: 1px solid #7faed3; border-bottom: 1px solid #7faed3; padding: 3px 10px;}
.cool_table tr.odd td {background: #f5f5f5;}
.cool_table tr:hover td {background: #c9e3f9; }

@media screen and (max-width: 640px) {
	.wrap {width: 100%; padding: 0 15px;}
	header #bla-logo {width: 62px;}
	header nav {}
	header nav a span {display: none;}
}



/*  */