@font-face {font-family: 'MuseoSansCyrl-100';src: url('/webfonts/2E95E5_1_0.eot');src: url('/webfonts/2E95E5_1_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E95E5_1_0.woff2') format('woff2'),url('/webfonts/2E95E5_1_0.woff') format('woff'),url('/webfonts/2E95E5_1_0.ttf') format('truetype');} 
@font-face {font-family: 'MuseoSansCyrl-500';src: url('/webfonts/2E95E5_2_0.eot');src: url('/webfonts/2E95E5_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2E95E5_2_0.woff2') format('woff2'),url('/webfonts/2E95E5_2_0.woff') format('woff'),url('webfonts/2E95E5_2_0.ttf') format('truetype');}
@font-face {font-family: 'MuseoSansCyrl-700';src: url('/webfonts/2E95E5_3_0.eot');src: url('/webfonts/2E95E5_3_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E95E5_3_0.woff2') format('woff2'),url('/webfonts/2E95E5_3_0.woff') format('woff'),url('/webfonts/2E95E5_3_0.ttf') format('truetype');}


/* HTML 5 shits */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
	display: block;	
}

/* Reset browsers default styling */
	html, body, div, span, 
	h1, h2, h3, h4, h5, h6,
	a, acronym,
	font, img,
	ul, li,
	fieldset, form, label, legend, button {
		margin: 0; padding: 0;
		border: 0; outline: 0;
		font-size: 100.01%; vertical-align: baseline;
		background: transparent; }
	ul { list-style: none; }
	blockquote, q { quotes: none; }
	textarea { overflow:auto; }
	
	section {overflow:hidden; min-height:100%; clear:both}
	
	*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;	
	}


/* CMS styling */
body { 
	font-family:'MuseoSansCyrl-500',Tahoma,Verdana,Helvetica,Arial,sans-serif;	
	font-size:16px;
	line-height:20px;
	padding:0;
	margin:0;
	color:#3f3f3f;
}

section {overflow:hidden; min-height:100%;}
.section_beige {background-color:#f6f4eb; padding:20px 0; margin:40px 0;}
#wrapper {position:relative; margin:0; padding:0;}
header {position:relative; margin:0 auto; width:100%; height:auto;}
.logo_bar_1 {position:relative; width:100%; height:112px; background-color:#e7e6dc}
.logo_bar_2 {position:relative; width:100%; height:130px; padding:15px 0; background-color:#FFF}
.logo_bar_3 {position:relative; width:100%; height:90px; padding:15px 0; background-color:#FFF}

.center_txt { clear: both; font-size: 24px; text-align: center; width: 100%; text-transform: uppercase; font-weight: bold }

#top_nav {width:100%; position:relative; height:60px; }
#top_nav .content {background-color:#7a9d00}

#left_column { width:300px; margin-right:45px; float:left}
#right_column { width:835px; float:left}

footer {position:relative; margin:0 auto; background-color:#6f6e65; height:auto; color:#FFFFFF; z-index:99}
.footer_2 {position:relative; margin:0 auto; padding:10px 0; background-color:#363636; min-height:80px; color:#FFFFFF; z-index:999}
.footer_2 .content {text-align:center; font-size:13px;}
.fb_1 {width:410px; height:auto; margin-left:345px; float:left; margin-top:25px; font-size:13px }
.fb_2 {width:400px; height:auto; float:left; margin-top:25px; font-size:13px }

footer a {color:#FFFFFF}
.content {position:relative; margin:0 auto; width:1180px; }
#img_slider {width:100%; position:relative; z-index:1}

#logo1 {position:absolute; top:10px; left:0}
#logo2 {position:absolute; top:23px; left:200px;}
#logo2_txt { position:absolute; top:30px; left:450px; width:425px; color:#3f3f3f}
.txt_1 {font-size:26px; font-family:'MuseoSansCyrl-100'; margin-bottom:15px }
.txt_2 {font-size:18px; font-family:'MuseoSansCyrl-700'}
#logo3 {position:absolute; top:10px; right:0}

#logo4, #logo5, #logo6, #logo7, #logo8 {float:left; padding-right:15px;}
.right_logos {float:right}
#logo9, #logo10, #logo11 { float:left; padding-left:15px}

#lang {position:absolute; right:0; top:20px;}
.lang_item {float:left; text-align:center; padding:0 5px; text-transform:uppercase; line-height:20px;}
.lang_item a {font-size:13px}

#search {position:absolute; right:10px; top:10px; z-index:999}
#search_string { width:200px; height:40px; background-color:#FFF; border:none; font-size:12px; padding:3px 0 3px 5px; float:left; color:#333 }
#search_btn { width:40px; height:40px; background:#7a9d00 url(/images/search_btn.png) center center no-repeat; border:none}


h1 {font-size:26px; padding:0 ; margin:0 0 20px 0 ; font-weight:normal; display:inline-block }
h2 {font-size:26px; padding:0; margin:0; font-weight:normal; display:inline-block; }
h3 {font-size:26px; padding:0 ; margin:0; font-weight:normal; display:inline-block; }
.with_ornament {margin:0 20px;}
.section_title {margin-bottom:40px;}

article p {padding-top:0; margin-top:0}
.t9 { font-size:9px }
.t10 { font-size:10px }
.t11 { font-size:11px }
.t12 { font-size:12px }
.t13 { font-size:13px }
.t14 { font-size:14px }
.t16 { font-size:16px }
.t18 { font-size:18px }
.t19 { font-size:19px }
.t20 { font-size:20px }
.t22 { font-size:22px }
.t24 { font-size:24px }
.t26 { font-size:26px }
.t32 { font-size:32px }

.white { color:#FFF; }
.orange { color:#f26722; }
.black { color:#000; }
.gray { color:#4b4b4b; }
.clear {clear:both}


.bold { font-weight:bold }
.underline { text-decoration:underline }
.no_underline { text-decoration:none }

.breadcrumbs {position:relative; margin-bottom:25px; width:100%;}
.breadcrumbs div {display:inline-block; margin-bottom:10px;}
.breadcrumbs div а {color:#CCC; font-size:11px;}

a { color:#3e4448; text-decoration:none; }
img { border:0px; }

.input { color:#999; padding:5px }
.input_select { color:#444; padding:5px }

.fildset { background-color:#f1f1f1;  filter:alpha(opacity=100);  opacity: 1.00;	border: 1px solid #CCC;	padding: 10px 20px;	color:#3b3b3b; width:512px; margin-right:40px; float:left}
.contact_form input { border:1px solid #CCC; background-color:#FFF; font-size:13px; height:30px; color:#2c2c2c; padding-left:7px; width:100%; margin-bottom:8px; }
.contact_form textarea { border:1px solid #CCC; background-color:#FFF; font-size:13px; color:#2c2c2c; padding-left:7px; width:100%; height:100px; margin-bottom:8px;}
.contact_form_btn { border:0; background-color:#444; font-size:13px; height:34px; width:100px; color:#FFF; cursor:pointer;  -moz-border-radius:5px ;border-radius:5px;  -webkit-appearance: none;}

.res_fildset { background-color:#f1f1f1;  filter:alpha(opacity=100);  opacity: 1.00;	border: 1px solid #CCC;	padding: 10px 20px;	color:#3b3b3b; width:530px; margin-right:40px; float:left}


#msg { display:none; position:absolute; z-index:200; background:url(/images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent { display:block; background:#e8e8e8; color:#4f4d4e; border:2px solid #F60; border-left:none; padding:5px; min-width:150px; max-width:250px; line-height:18px}

.ok_mess { padding:10px 20px; margin:15px; background-color:#f5f5f5; border:1px solid #c9c9c9; color:#2c6da0; font-weight:bold;}
.bad_mess { padding:10px 20px; margin:15px; background-color:#fbf2e7; border:1px solid #f26722; color:#f26722; font-weight:bold;}

#my_table { border-collapse: collapse; }
#my_table td { border: 1px solid #CCC; padding:3px 6px;}
#my_table th { border: 1px solid #CCC; background-color:#e9e9e9; padding:8px 6px;}
#my_table td p {padding:0; margin:0}


main {position:relative; margin:1px auto 0; width:100%; padding:20px 0; background-color:#FFF;}
.cat main {padding-bottom:20px;}
main ul li {list-style:inside; padding:0 0 0 20px}

.on {display:block;}
.off {display:none;}

/* ------------------------------------  TOP MENU --------------------------------------*/
header nav{ position:relative; height:60px; width:1000px; text-align:left}
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; z-index:99; text-transform:uppercase; top:0}
.sf-menu li {	position: relative;	display:inline-block; padding:0;}
.sf-menu li:last-child {	background:none}

.sf-menu li a {	display:inline-block; text-align:center; color:#FFF; font-size:16px; padding:20px 10px; margin:0; }
/* ------------------------------------  END TOP MENU --------------------------------------*/


/* ------------------------------------  LEFT MENU --------------------------------------*/
#left_menu { position:relative;  color:#FFF; padding-bottom:40px; font-size:14px; width:100%; }
#left_menu li {padding:0; list-style:none}
#left_menu ul li a { display:block; color:#FFF; background-color:#9c9988; padding:10px;  width:100%; height:auto; margin-bottom:1px; cursor:pointer; text-transform:uppercase}
#left_menu ul li a:hover { display:block; color:#FFF; background-color:#8E8B7D; width:100%; height:auto; margin-bottom:1px;}

#left_menu .sub_menu {display:none;}
#left_menu .sub_menu li {display:block;  padding:0; margin:0;  width:100%; height:auto; list-style:none}
#left_menu .sub_menu a {display:block; color:#FFF; padding:10px 10px 10px 20px; font-size:13px; background-color:#B5B3A4; width:100%; height:auto;}
#left_menu .sub_menu a:hover {display:block; color:#FFF; padding:10px 10px 10px 20px; background-color:#A6A394; width:100%; height:auto;}
/* ------------------------------------  LEFT MENU --------------------------------------*/
.image-box {width:325px; float:left;}
.article { position:relative; width:100%; padding:10px 5px; margin:0; clear:both}
.article_title {font-size:16px; text-align:left; margin-bottom:5px; color:#2ba3d6;}
.article_desc {text-align:left;}

.category {display:inline; position:relative; float:left; width: 160px; height:165px; margin:15px 0 0 13px; border:1px solid #e9e9e9; text-align:center}

.current_page  { padding:5px 10px; background-color:#ececec; border-radius:5px; }
.a_page { padding:5px 10px; background-color:#ececec; color:#7a9d00; border-radius:5px; }
.footer_title { font-size: 18px; font-weight: normal; margin-bottom: 10px; color:#FFF; font:Verdana, Geneva, sans-serif}

.show-menu{text-decoration:none; color:#fff; background:#7a9d00 url(/images/nav-icon.png) 10px 13px no-repeat; padding-left:40px; text-align:left; font-size:20px; text-transform:uppercase; height:45px; line-height:45px; display:none;}
.show-menu2{text-decoration:none; color:#fff; background:#6F6D62 url(/images/nav-icon.png) 10px 13px no-repeat; padding-left:40px; text-align:left; font-size:20px; text-transform:uppercase; height:45px; line-height:45px; display:none;}

.social_btn {position:absolute; top:77px; left:700px;}

.hint {display:inline-block; vertical-align:top; margin-top: 0px;}
.description { line-height:20px; float:right; width:100%;}
.description h2 {font-size:20px; color:#2c6da0; margin-bottom:10px;}
.description a{color:#7a9d00}

.title {padding:0; margin-bottom:15px; font-size:18px;}
.date {display:block; width:100%; background-color:#eaeae7; margin:5px 0 15px }
.date span {padding:7px 10px; display:inline-block; background-color:#6f6e65; font-size:14px; line-height:31px; color:#FFF; text-transform:uppercase }
.read_more {padding:7px 10px; display:inline-block; margin:15px 0; background-color:#7a9d00; font-size:14px; line-height:31px; color:#FFF; text-transform:uppercase }


.footer_title {font-size:24px; display:inline-block; margin-bottom:15px}

.cat_article_item .item {list-style:none; padding:0; width:100%; display:block; margin-bottom:50px; text-align:left;}
.cat_article_item .item a {color:#3f3f3f}
.item h2 {padding:10px 0 15px}

.category_art_title {color:#c6aa75; font-size:20px; display:block;}
	
.image_gallery {width:512px; float:left}
.banner_1 {width:1180px; margin:0 auto}

@media only screen and (min-width : 200px) and (max-width : 540px) {	
.show-menu, .show-menu2{display:block; cursor:pointer; width:100%;}
.content {width:100%;}
main {padding:30px 0}
main .content {width:90%; margin:0 5%}
#top_nav {position:relative; height:auto}
#top_nav .content {background-color:#6F6D62;}
#logo { text-align:center; width:100%; clear:both; margin-bottom:20px}
#logo1, #logo3, #logo2_txt, .logo_bar_2, .logo_bar_3 {display:none}
#logo2 {left:inherit; position:relative; text-align:center}
#search {position:relative; width:calc(100% - 4px); top: 2px; right:inherit; left:2px}
#search_string {width: calc(100% - 49px)}
#search_btn {background-color:#6F6D62 }

header nav {position:relative; clear:both; width:100%; left:inherit; top:inherit; height:45px}
#img_slider {position:relative}
footer {height:auto; min-height:inherit }
#left_column, #right_column {width:100%}

.sf-menu, .left_menu {position:relative; display:none;}
.sf-menu li{width:100%; border-bottom:1px solid #CCC; }
.sf-menu li a{width:100%; text-align:left; padding: 10px 5px 10px 30px; background-color:#8CB108; border-bottom:1px solid #FFF;}
.description_2c {column-count:1}

.image_gallery {width:100%}
.description {width:100%; float:none}
.section_title {margin-bottom:20px;}
.fildset {width:100%; margin-bottom:20px}
.fb_1, .fb_2 {width: calc(100% - 30px); margin:15px;}
.footer_2 {padding:15px;}
.description img {max-width:100%}
#right_column {padding-top:30px;}

}

@media only screen and (min-width : 541px) and (max-width : 1180px) {	

.show-menu{display:block; cursor:pointer; width:100%;}
.content {width:100%; }
main {padding:30px 0}
main .content {width:95%; margin:0 2.5%}
#top_nav {position:relative; height:auto}
#logo { text-align:center; width:100%; clear:both;  margin-bottom:20px}
#logo2_txt{display:none}
#logo1, #logo3 {margin:0 5px;}
#logo2 {left:inherit; position:relative; text-align:center}
.logo_bar_2 {padding:15px;}
.logo_bar_3 {padding:15px;}
#logo4, #logo5, #logo6, #logo7, #logo8 {padding-right:5px;}
#logo9, #logo10, #logo11 {padding-left: 5px}
#search {top: 3px; right:0}

header nav {position:relative; clear:both; width:100%; left:inherit; top:inherit; height:45px}
#img_slider {position:relative}
footer {height:auto; min-height:inherit}

#right_column { width: calc(100% - 345px); }
.sf-menu{position:relative; display:none;}
.sf-menu li{width:100%; border-bottom:1px solid #CCC; }
.sf-menu li a{width:100%; text-align:left; padding: 10px 5px 10px 30px; background-color:#8CB108; border-bottom:1px solid #FFF;}
.description_2c {column-count:1}

.image_gallery {width:100%}
.description {width:100%; float:none}
.description img {max-width:100%}

.section_title {margin-bottom:20px;}
.fildset {width:100%; margin-bottom:20px}
.fb_1, .fb_2 {width:calc(50% - 30px); float:left; margin:15px;}
.footer_2 {padding:15px;}

}
