@charset "UTF-8";

*:focus {outline: none; }
html {font-size: 14px; }
body {background: #fff;line-height: 1.2;color: #222;font-family: "Roboto", Arial, sans-serif;font-size: 1em;}

a {color: #0e60ab; }
a:hover, a:focus {color: #038acc;}
a:visited {color: #44515d; }


#layout {overflow: hidden;position: relative;margin: 0 auto;z-index: 1;}


.mod_buttons {float: right;}
.mod_buttons a {display: inline-block; vertical-align: middle; }
.mod_buttons img {height: 24px;}


#top_bar .wep_toggle {margin-right: 30px;display: inline-block;cursor: pointer;text-decoration: none;}
#top_bar .wep_toggle i {display: inline-block;font-size: 24px;margin-right: 6px;vertical-align: middle;color: #eee;float: left;}
#top_bar .wep_toggle span {display: inline-block;vertical-align: middle;color: #eee;}



#header .header_content {min-height: 170px;line-height: 170px;background: url("/files/00109/img/header_bg.jpg") 0 0 no-repeat;/* background-size: cover; */}

#header img {max-width: 100%; display: inline-block; vertical-align: middle; }

#header .logo img {width: 100%; max-width: 240px; }

#header .eu-badge {text-align: right; }
#header .eu-badge img {width: 100%; max-width: 240px; }

#header .caption {text-align: center; }
#header .caption p {display: inline-block; padding: 15px 0; font-size: 1.8em; font-weight: 700; text-align: center; color: #0000A8; vertical-align: middle; line-height: 1.4em; margin: 0 auto; }





/* строка поиска */
.search_field {text-align: left;padding: 0 36px 0 0;position: relative;border: solid 1px #008e78;}
	.search_field:hover {opacity: 1; }

    .search_form {line-height: 1em; }
	.search_form input[type="search"] {background: #fff;color: #222;border: none;width: 100%;padding: 0 2px;padding-left: 5px;margin: 0;outline: none;height: 36px;display: block;box-sizing: border-box;}

	.search_form .button {border: 0;position: absolute;width: 36px;height: 36px;right: 0;top: 0;margin: 0;line-height: 36px;font-size: 18px;text-align: center;padding: 0;border-radius: 0;color: #fff;}
	



@media only screen and (min-width: 768px) {

    #main_menu {display: block !important;background: #008e78;font-family: "Roboto Condensed", Arial, sans-serif;/* border-bottom: solid 2px #66bbae; */}
	#main_menu > .container {}

	 	#main_menu ul {margin: 0; padding: 0; list-style: none; }
        #main_menu li {position: relative; }
        #main_menu a {display: block; }
        #main_menu a:hover {text-decoration: none; }

        #main_menu .level_0 {text-align: center;display: block !important;}
            #main_menu .level_0 > li {display: inline-block;}

            #main_menu .level_0 > li + li {border-left: solid 1px #66bbae; }

            
            #main_menu .level_0 > li > a {padding: 15px 10px;font-size: 1.3em;font-weight: 600;/* text-transform: uppercase; */text-decoration: none;line-height: 1em;transition: background .3s ease;color: #fff;}
                #main_menu .level_0 > li:hover > a:hover {}
                
                #main_menu .level_0 > li:hover > a {background: red;}
                #main_menu .level_0 > li > a > span {display: inline-block;vertical-align: middle;}


	#main_menu ul ul {display: none;position: absolute;z-index: 100;width: 260px;left: 100%;top: 0;background: #fff;box-shadow: 0px 1px 10px -2px rgba(101, 101, 101, 0.5);border: solid 1px #eee;text-align: left;padding: 5px 0 5px;}
	#main_menu li:hover > ul {display: block; }
		#main_menu .level_1 {top: 100%;left: 0;z-index: 150;}
			#main_menu .level_1 li {
	margin: 0 -1px;
}
			#main_menu .level_1 li + li {border-top: solid 1px #eee; }
			#main_menu .level_1 li.cloned {background: #edc529;}
			
			#main_menu .level_1 li a {display: block;padding: 7px 15px;color: #222;}
			#main_menu .level_1 li:hover > a {background: #f3f3f3;}
	
	.fixed_menu #main_menu {position: fixed;top: 0;z-index: 100;left: 0;right: 0;background: none; -webkit-transform: translateZ(0);}
		.fixed_menu #main_menu > .container {background: #edc529; }
}


@media screen and (max-width: 768px) {	
	#menu_toggle {position: absolute;right: 5px;height: 46px;line-height: 46px;width: 46px;top: 5px;background: transparent;color: #008e78;font-size: 32px;text-align: center;padding: 0;border: none;cursor: pointer;}


	#main_menu {position: fixed;left: -316px;width: 300px;top: 0;bottom: 0;padding: 45px 15px 30px;background: #fff;overflow-y: auto;box-shadow: 0 0 20px 1px rgba(0,0,0,.3);text-align: left;transition: left .5s ease;}
	#main_menu > .container {padding: 0; }
	
	#main_menu .level_0 {display: block;width: auto;margin: 0;padding: 0;}
	#main_menu .level_0 > li {display: block;border-bottom: 1px solid #66bbae;}
	#main_menu .level_0 > li > a {display: block;padding: 8px 6px;color: #333;text-decoration: none;font-family: "Roboto Condensed", Arial, sans-serif;font-weight: 600;font-size: 1em;text-transform: uppercase;}
	#main_menu .level_0 > li.parent > a {padding-right: 32px;position: relative;}
	#main_menu .level_0 > li.parent > a:after {position: absolute;display: block;height: 24px;line-height: 24px;right: 15px;font-size: 22px;top: 50%;margin-top: -12px;margin-left: 0;}
	
	#main_menu li.active > a {color: #3c444f; font-weight: bold; }
	
	#main_menu .level_0 ul {display: block;position: static;display: block;box-shadow: none;width: auto;border-bottom: none;padding: 0;max-height: 0px;opacity: 0;overflow: hidden;transition: padding .3s ease, max-height .5s ease, opacity .25s ease;}
	
	#main_menu .level_0 > li.parent_active > ul,
	#main_menu li.opened > ul {max-height: 100vh;max-height: max-content;padding: 10px 0 25px;overflow-y: auto;opacity: 1;}

	#main_menu .level_0 > li:not(:first-child).parent_active > a,
	#main_menu .level_0 > li.active > a {background: #3c444f;color: #fff;}
	
	#main_menu li.opened > a {background: #00a7cb;color: #fff;}
	
	.menu_toggled #main_menu {left: 0;margin: 0;z-index: 400;}
}




#main_slider {margin-bottom: 30px; z-index: 1;}
	#main_slider .item {background-color: #008e78;background-position: center center;background-repeat: no-repeat;background-size: contain;padding-bottom: 44%;position: relative;/* min-height: 300px; */}
	#main_slider .item .container {position: relative;height: 100%;}
	#main_slider .content {position: absolute;left: 0;/* right: 0; */max-width: 75%;bottom: 0;color: #fff;padding: 15px 15px 15px;background: rgba(0, 142, 120, 0.65);}
		#main_slider:hover .content {background: #008e78;}
	#main_slider a {color: inherit; }
	#main_slider h3 {margin: 0 0 2px;font-size: 1.6em;}
	#main_slider p {margin: 0;line-height: 1.1em;font-size: 1rem;}
	

#main_slider .owl-nav {position: absolute;bottom: 0;right: 0;opacity: 0;width: 96px;height: 48px;}
	#main_slider:hover .owl-nav {opacity: 1;}
	#main_slider .owl-nav button {font-size: 36px;background: #008e78;opacity: .5;width: 48px;height: 48px;line-height: 48px;margin: 0;position: absolute;z-index: 300;bottom: 0;}
		#main_slider .owl-nav button:hover {opacity: 1; }
		#main_slider .owl-prev {left: 0; }
		#main_slider .owl-next {right: 0; }


#main_slider .owl-dots {position: absolute; }


@media only screen and (min-width: 1600px) {
	#main_slider .item {padding-bottom: 0;height: 700px;}
}





#polls {margin: 0 0 30px; }
.poll_answers {margin-top: 5px; }

.poll_answers label {display: block; margin: 0; }
.poll_answers > span {display: block; clear: both; }
.poll_answers input {margin-right: 0.3em; }

.poll_submit button {margin-top: 10px; }




.article {padding: 0 15px 15px;margin-bottom: 45px;}
@media screen and (min-width: 768px) {	
	.article {border-right: 2px solid #008e78;}
}



.hot_items {}
.hot_items .item {padding: 15px 0;overflow: hidden;border-bottom: 1px solid #ededed;}

.hot_items .item h3 {margin: 0 0 15px;font-size: 1.6em;font-family: "Roboto Condensed", Arial, sans-serif;font-weight: 600;line-height: 1;color: #ed1a3b;}
.hot_items .item h3 a {text-decoration: none;/* color: #333; */}
.hot_items .item h3 a:hover {}

.hot_items .item .date {display: block;/* font-family: "Roboto Condensed"; */margin: 0 auto 15px;color: #555;}
.hot_items .item .date i {display: inline-block;margin-right: 4px;color: #fff;}
	
.hot_items .item .preview {margin-left: -15px;margin-right: -15px;margin-bottom: 5px;position: relative;}
.hot_items .item .preview > a {display: block;padding-bottom: 60%;background-color: #eee;background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;}
	

.hot_items .item .preview .date {position: absolute;left: 0;bottom: 0;padding: 3px;background: rgb(0, 142, 120);padding-right: 7px;font-size: 1rem;color: #fff;}

.hot_items .item .anno {display: inline-block;font-size: 1rem;text-align: justify;/* color: #777; */margin: 0 0 15px;line-height: 1.1em;}
.hot_items .item .content {
	/* margin-left: -10px; */
}

.hot_items .read_more {display: inline-block;color: #008e78;font-weight: bold;text-transform: uppercase; text-decoration: none; }
.hot_items .read_more:hover {color: #000; }




.breadcrumbs {margin: 0 0 15px;text-align: right;font-size: 1rem;}
.breadcrumbs a, .breadcrumbs span {color: #777;display: inline-block;/* margin: 0px 5px; */}



.page_title {background: #4a9cc5;line-height: 1.1em;padding: 10px 15px;color: #fff;clear: both;overflow: hidden;margin: 0 0 15px;}
h1.page_title {/* margin: 0; *//* padding: 0; */font-size: 1.35em;font-weight: 600;font-family: "Roboto Condensed", Arial, sans-serif;text-transform: uppercase;}

.page_title .more {float: right;display: inline-block;background: #edc529;padding: 5px;margin-top: -10px;margin-right: -15px;}


.section_title {text-align: left;margin: 0 auto 10px;font-size: 1.6em;line-height: 1.1em;font-weight: 400;color: #008e78;text-transform: uppercase;}
.section_title:after {content: "";display: none;width: 75px;height: 3px;background: #00a7cb;margin: 5px 0 0;}


.nav-tabs {text-align: left;border-bottom: solid 2px #4a9cc5;padding: 0 7px;}
.nav-tabs > li {display: inline-block;color: #000;border: solid 1px #f2f2f2;margin: 0 0 3px;background: #f2f2f2;font-size: .95em;vertical-align: bottom;}
.nav-tabs > li:hover {background: #edc529;color: #333;border-color: #edc529;}
.nav-tabs > li.active {background: #4a9cc5;color: #fff;border-color: #4a9cc5;/* font-size: 1em; */}

.nav-tabs > li > a {display: block;position: relative;padding: 8px 12px;color: inherit;line-height: 1.1em;text-decoration: none;font-weight: 500;font-family: "Roboto Condensed", Arial, sans-serif;}
.nav-tabs > li > a:hover {}


.tab-content {padding: 5px 0 15px;clear: both;margin: 0 0 30px;border-bottom: solid 3px #eee;}
	.tab-content .entry {padding: 5px 0 0;}


#main {min-height: 800px; padding: 30px 15px 30px; }
#main img {max-width: 100%; height: auto; }
#main iframe {max-width: 100%; }

.entry {padding: 0 0 30px; margin-bottom: 15px; overflow-x: auto; word-break: break-word;}
.entry .anno {font-style: oblique;margin: 0 0 15px;}


img[align="left"] {margin: 5px 10px 5px 0; }
img[align="right"] {margin: 5px 0 5px 10px; }








.spoiler {}
.spoiler h2 {font-size: 1.5em;margin: 0 auto 10px;}
.spoiler .preview {min-height: 80px; }
.spoiler .preview img {display: inline-block; }
.spoiler .content {display: none;clear: both;}	
.spoiler .anno {overflow: hidden;}
.spoiler .button {margin: 15px 0 0;font-style: normal;font-size: .9em;}

#main .spoiler.entry:not(:last-of-type) {margin-bottom: 15px;border-bottom: solid 1px #eee;}




.page_share_buttons {border-top: solid 2px #ddd; text-align: right; padding: 10px 0 0; margin: 30px 0 30px; }


#section_banners {clear: both;margin: 30px auto 30px;}
#banners_slider {margin: 0 0 0;height: 64px;line-height: 64px;}

#body .owl-banners.owl-carousel {padding: 0 25px;}
#body .owl-banners .item {height: 64px;padding: 0 10px;line-height: 64px;}
#body .owl-banners .item img {max-height: 64px; width: auto; display: inline-block; vertical-align: middle; }

#body .owl-banners .owl-nav {position: absolute;left: 0;right: 0;top: 50%;margin-top: -25px;}
#body .owl-banners .owl-nav button {display: block;height: 50px;text-align: center;position: absolute;font-size: 50px;line-height: 50px;left: 0;outline: none;color: #008e78 !important;}
#body .owl-banners .owl-nav .owl-next {right: 0; left: initial; }

#body .owl-banners .owl-nav button:hover {color: red !important;}





#footer {background: #008e78; padding: 15px 0 15px; color: #fff;}
#footer a {color: #ccc; }

#copyright {display: inline-block; }
.site_by {float: right; }


/* ************************************** */
/* Архивы по датам (новости, фотогалереи) */
/* ************************************** */
.archive_header {margin: 1.5em 0 1em;font-family: "Roboto Condensed", Arial, sans-serif;}
	.archive_header.item {overflow: hidden; padding: 15px 0; }
		.archive_list .item {overflow: hidden; margin-bottom: 30px; }
		.archive_list .item h3 {margin-top: 0;  }
		.archive_list .item .preview {display: block; float: left; background-position: 50%; background-repeat: no-repeat; background-size: cover; width: 96px; height: 96px; margin-right: 15px; }
		.archive_list .item .content {overflow: hidden; }

		.archive_list .item .date {display: inline-block; background: rgba(237, 197, 41, .75); padding: 3px 5px; font-size: .9em; line-height: 1em; }

/* тип 2: закладки */
.archive_header .MapTabs {border-bottom: solid 2px #4a9cc4;}
	.archive_header .MapTabs .tabSelect {font-weight: 600;background-color: #4a9cc4;color: #fff;}
	.archive_header .MapTabs span {display: inline-block; line-height: 32px; padding: 0 0.4em; margin-right: 0.3em; cursor: pointer; }

.archive_header .MapTabsBody {/* padding: 2px; */}
	.archive_header .MapTabsBody > span {line-height: 32px; margin-right: 0.3em; }

	.archive_header .MapTabsBody > span > span {display: inline-block;/* font-weight: 600; */padding: 0 0.4em;background: #edc529;/* color: #eee; */}
	.archive_header .MapTabsBody > span > a {display: inline-block; text-decoration: underline; padding: 0 0.4em; }
		.archive_header .MapTabsBody > span > a:hover {text-decoration: none;background-color: #ddd;}

/* */



/* Фотогалереи */
.gallery {overflow: hidden; }
	.gallery > .item {display: block;float: left;/* margin: 5px; */position: relative;overflow: hidden;border: solid 4px transparent;}
		.gallery > .item > span {
	opacity: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 22px;
	line-height: 22px;
	background: rgba(74, 156, 197, 0.75);
	color: #fff;
	font-size: 12px;
	overflow: hidden;
	text-align: center;
	transition: opacity 0.3s ease-in;
	}
		.gallery > .item:hover > span {opacity: 1; }

	.gallery > .item:hover {border-color: #4a9cc5;}




/* формы обратной связи */
.ww_form {list-style-type: square; padding: 15px; }
	.ww_form li {padding: 10px 0;/* border-bottom: dotted 2px #ccc; */clear: both;color: #2265A4;}
		.ww_form li > * {color: #222; }
		.ww_form li:last-of-type {border-bottom: none; }
		
	.ww_form label {display: block;margin: 0 0 5px;}
	
	.ww_form input[type="text"],
	.ww_form input[type="email"],
	.ww_form select,
	.ww_form textarea {border: solid 2px #ddd;line-height: 1.6em;}

	.ww_form input:focus,
	.ww_form select:focus,
	.ww_form textarea:focus {border-color: #4a9cc4;outline: solid 5px rgba(237, 197, 41, .33);outline-offset: 0;}
	
	.ww_form input,
	.ww_form select,
	.ww_form textarea,
	.ww_form .Captcha {width: 100%;font-size: 0.8em;max-width: 100%;padding: 0 0.2em;min-height: 28px;}
	
	.ww_form .er {/* display: block; */padding: 0 5px;clear: both;font-size: .9em;color: darkred;font-weight: bold;font-family: "Roboto Condensed", Arial, sans-serif;line-height: 1em;vertical-align: middle;}
	
	[data-bind="u"] {display: none; }
	[field="captcha"] {display: block; width: 100%; clear: both; margin-top: 15px;  }


	@media (min-width: 768px) {		
		.ww_form input,
		.ww_form select,
		.ww_form textarea {min-width: 350px; width: 50%; }
	}





.pagination {text-align: left;display: block;margin: 15px 0 0;padding: 15px 1px 0;font-size: 17px;overflow: hidden;clear: both;white-space: nowrap;}
	.pagination span {border: solid 1px #ccc;display: inline-block;margin: 0;margin-left: -1px;padding: 6px 12px;overflow:  hidden;color: #008e78;}
		.pagination span:hover {background: #f9f9f9;/* border-color: #f9f9f9; */color: #333;}
		.pagination span:hover a {}
	.pagination .page_hidden {margin: 3px; background: none; }
	.pagination span a {display: block;text-decoration: none;color: inherit;}
	.pagination .page_current {
	color: #fff;
	background: #555;
	border-color: #555 !important;
	position: relative;
	z-index: 3;
}





button, .button {background: #008e78;outline: none;border: solid 2px transparent;text-decoration: none;color: #222;padding: 6px 6px;display: inline-block;line-height: 1em;border-radius: 1px;transition: background .3s ease, border-color 1.2s ease;}
	button:hover, .button:hover {background: red;border-color: red;}
	a.button:visited, a.button:hover {color: #fff; text-decoration: none; }
	

	
	
/* Красивые таблицы в содержании */
.tbl, .cool-table {
	border-collapse: collapse;
    border-spacing: 0;
    max-width: 100%;
}

.tbl td, .cool-table td {
	border: 1px solid #0069a9;
	border-bottom-width: 1px;
	padding: 8px;
}

.tbl thead td, .cool-table thead td,
.tbl th, .cool-table th {
	/*background: #0096dc;*/
    background: #4a9cc5;
	color: #fff;
	border: 1px solid #0069a9;
	padding: 12px 8px;
}

.tbl tr:hover, .cool-table tr:hover {background: #f1f7fb;color: #000;}
.tbl tr:hover td:hover, .cool-table tr:hover td:hover {background: #ddeef7;color: #000;}




/* mini-framework */
.no-list {list-style-type: none; }
.wrapper {position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 100%; width: 100%; }

.container.row {margin-left: auto; margin-right: auto; padding-left: 0 !important; padding-right: 0 !important; }

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}

.pre_wrap {white-space: pre-wrap; }



/* GoogleTranslate hack */
body {top: 0 !important;}
#google_translate_element,
.skiptranslate,
.goog-te-banner-frame {display: none !important;}


#scroll_up_button {position: fixed;bottom: 30px;right: 30px;display: none;width: 44px;height: 44px;font-size: 24px;background: #4a9cc5;color: #fff;line-height: 40px;opacity: 0.75;text-align: center;cursor: pointer;z-index: 999;border: none;padding: 0;border-top: solid 4px #edc529;}
	#scroll_up_button:hover {opacity: 1;transition: opacity 0.5s ease;color: #444;background: #edc529;border-color: #4a9cc5;}