html, body {width: 100%}

body {color: #382D24; font-family: Arial, Helvetica, sans-serif; font-size: 12px}

a {color: #382D24; text-decoration: none; outline: none}

a:hover {color: #bf9845; text-decoration: none}

:focus {outline: none}

form {margin: 0}

button, input, select, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px}

hr {color: #C0C0C0; height: 1px}

img {border: 0; display: block}

.formbutton {border: 1px solid #C6C6C6; height: 23px; padding: 1px 4px 2px 4px; background: url(../img/button/formbutton.gif) repeat-x bottom center; color: #333; width: auto}

.formbutton_hover {border: 1px solid #C6C6C6; height: 23px; padding: 1px 4px 2px 4px; background: url(../img/button/formbutton_hover.gif) repeat-x top center}

/* main */

#main {width: 956px; margin: 0 auto}

	/* header */

	#header {width: 956px; margin: 0; overflow: hidden}

		#logo {float: left; width: 205px}

		/* attributes eg. language, sitemap, search */

		#attributes {float: right}

		#attributes .links {float: right; padding: 23px 23px 0 0}

		#attributes .links ul {list-style: none; margin: 0; padding: 0}

		#attributes .links ul li {margin: 0; padding: 0; float: right}

		#attributes .links ul li a {display: block; padding: 0 10px; text-transform: uppercase; font-size: 14px; line-height: 20px}

		#attributes .links ul li a img {margin: 11px 0 0 0}

		#attributes .links ul li a.selected {font-weight: bold; color: #BF9845}

/* content */

#content {width: 956px; background: url(../img/content.gif) repeat-y #FFF top center}

#content_top {background: url(../img/content_top.gif) no-repeat top center}

#content_bottom {background: url(../img/content_bottom.gif) no-repeat bottom center}

/* footer */

#footer {width: 956px; height: 34px}

#footer .text {float: left; color: #8A8881; line-height: 28px; padding: 0 0 0 25px}

#footer .text p {margin: 0; padding: 0}

#footer .text a {color: #8A8881}

#footer .okia_mini {float: right; padding: 8px 8px 0 0}

/* mainmenu */

#mainmenu {width: 930px; height: 42px; background: #6C6B66}

#mainmenu ul {list-style: none; margin: 0; padding: 0}

#mainmenu ul li {float: left; padding: 0; padding: 0; text-align: center}

#mainmenu ul li a {float: left; padding: 0 20px; display: block; color: #FDFCFB; font-size: 14px; font-weight: bold; line-height: 42px}

#mainmenu ul li a:hover {background: #74736D; text-decoration: none}

#mainmenu ul li a.active {color: #FBF384}

#mainmenu ul li .separator {width: 1px; background: #92928F; height: 18px; margin: 12px 0 0 0}

/* inline */

#inline {width: 900px; overflow: hidden; padding: 15px 28px 30px 28px}

#left_side {float: left; width: 200px; padding: 10px; background: #FAFAFA; border: 1px solid #CCC}

#right_side {width: 900px; padding: 40px 30px 0 30px}

#right_side_max {padding: 0 10px}

#submenu {padding: 0 0 150px 0}

#submenu ul {list-style: none; margin: 0; padding: 0; width: 100%}

#submenu ul li {display: inline}

#submenu ul li a {display: block; border-bottom: 1px solid #DCDCDC; color: #333}

#submenu ul li a:hover {text-decoration: none}

#submenu ul li a.level2 {padding: 10px 10px 10px 17px; width: 173px; background: url(../img/menu/menu_icon.gif) no-repeat 6px 15px}

#submenu ul li a.level2:hover {background-color: #F2F2F2}

#submenu ul li a.level3 {padding: 10px 10px 10px 27px; width: 163px; background: url(../img/menu/menu_icon.gif) no-repeat 16px 15px}

#submenu ul li a.level3:hover {background-color: #F2F2F2}

#submenu ul li a.level4 {padding: 10px 10px 10px 37px; width: 153px; background: url(../img/menu/menu_icon.gif) no-repeat 26px 15px}

#submenu ul li a.level4:hover {background-color: #F2F2F2}

#submenu ul li a.active {font-weight: bold}

/* Page */

.sub_title h1 {margin: 0; padding: 0px 0 15px 0; font-family: Georgia, Arial; font-size: 24px; color: #BF9845; line-height: normal}

.text_box {width: 837px; height: 302x; overflow: hidden; font-size: 14px; color: #c9c3b1; line-height: 18px;}

.text_box p {margin: 0; padding: 0 0 10px 0;}

.text_box .block {float: left; width: 255px; margin: 0; padding: 0 27px 0 0;}

.text_box .block_wide {}

.text_box .block_wide strong {color: #fff;}

.text_box .block_wide .txtsmall {line-height: 16px;}

.text_box_gallery {padding: 10px 6px}

.text_box_diverse {padding: 5px 10px}

.text_box_catalog {padding: 10px 6px}

.text_box_fit {width: 100%; overflow: hidden}

.news_pic_position {float: right; margin: 0 0 10px 10px; padding: 2px; border: 1px solid #D0CDC6}

.bodytextlight {color: #999; font-size: 11px}

.bodytextlight a {color: #999}

/* Ankeet */

.ankeet {border: 1px solid #CCC; background: #FAFAFA; float: left; padding: 10px}

.ankeet table td {padding: 4px}

.ankeet .title {font-size: 14px; font-weight: bold}

.ankeet .field input {border: 1px solid #CCC; width: 100%}

.ankeet .field textarea {border: 1px solid #CCC}

.formfield {}

.formfield50 {width: 50px}

.formfield100 {width: 100px}

.formfield140 {width: 140px}

.formfield200 {width: 200px}

.formfield250 {width: 250px}

.formfield300 {width: 300px}

/* File and linklist */

.diverse_list {}

.diverse_list ul {margin: 0; padding: 0; list-style: none}

.diverse_list ul li {margin: 0; padding: 2px 0}

.diverse_list ul li img {float: left; margin: 5px 6px 0 0}

/* Sitemap */

.sitemap {}

.sitemap .row {padding: 0 0 8px 0}

.sitemap .row strong {font-size: 14px}

.sitemap .spacer {padding: 0 10px}

.sitemap .spacer img {float: left; margin: 5px 6px 0 0}

/* Search page */

.searchpage {}

.searchpage .info {text-align: right; padding: 0 0 10px 0}

.searchpage .row {padding: 0 0 12px 0; width: 100%; overflow: hidden}

.searchpage .row strong {font-size: 14px}

.searchpage .spacer {padding: 0 0 10px 0}

.searchpage .row .pic {float: left; padding: 0 10px 0 0}

/* Pagging */

.pagging {width: 100%; overflow: hidden}

.pagging .pages {float: left; font-weight: normal}

.pagging .pages ul {list-style: none; margin: 0; padding: 0}

.pagging .pages ul li {float: left; margin: 0 4px 0 0; padding: 0; border: 1px solid #E1E1E1; background: #FFF}

.pagging .pages ul li a {display: block; float: left; padding: 0 6px; line-height: 20px; height: 20px}

.pagging .pages ul li a:hover {background: #E1E1E1; text-decoration: none; color: #000}

.pagging .pages ul li.active {padding: 0 6px; background: #E1E1E1; color: #000; line-height: 20px; height: 20px}

.pagging .pages ul li a .direction {font-size: 16px; line-height: 16px}

.pagging .pagecount {float: right; line-height: 20px}

.topbrd {border-top: 1px solid #D0CDC6; padding: 6px 0 0 0}

.bottompbrd {border-bottom: 1px solid #D0CDC6; padding: 0 0 6px 0}

/* Newsletter */

.newsletter {width: 100%; overflow: hidden}

.newsletter .subscribe {float: left; width: 210px; padding: 10px; background: #F5F6F3; border: 1px solid #CCC}

.newsletter .explanation {float: right; width: 668px}

/* Gallery */

.gallery {padding: 10px 0 10px 0; width: 100%; overflow: hidden}

.gallery .item {float: left; width: 156px; height: 190px; padding: 5px}

.gallery .separator {float: left; width: 10px; height: 10px}

.gallery .item img {padding: 2px; border: 1px solid #D0CDC6}

.gallery .item .description {padding: 4px 0 10px 0; height: 20px; overflow: hidden}

.gallery .layout {}

.gallery .layout .description {padding: 8px 0 26px 0}

/* News */

.news_list {}

.news_list .row {padding: 0 0 10px 0; width: 100%; overflow: hidden}

.news_list .row h1 {font-size: 14px; margin: 0; padding: 0 0 6px 0}

.news_list .row .pic {}

.news_list .pagging {width: 100%; overflow: hidden; padding: 15px 0 0 0}

.news_list .pagging .left {}

.news_list .pagging .right {float: right}

/* ############### CATALOG ############# */

.catalog img.intro_pic {padding: 2px; border: 1px solid #D0CDC6} 

img.catalog_img {padding: 2px; border: 1px solid #D0CDC6; float: left}

/* Catalog list */

.catalog_list {}

.catalog_list .row {padding: 0 0 10px 0; width: 100%; overflow: hidden; border-bottom: 1px solid #E3E0DA}

.catalog_list .row img {float: left}

.catalog_list .row .pic {float: left; width: 120px; padding: 0 10px 0 0}

.catalog_list .row .text {float: left}

/* Catalog item */

.catalog_item {}

.catalog_item .gallery {padding: 10px 0 10px 0; width: 100%; overflow: hidden}

.catalog_item .gallery .item {float: left; width: 156px; height: 190px; padding: 5px}

.catalog_item .gallery .item img {padding: 2px; border: 1px solid #D0CDC6}

.catalog_item .gallery .item .description {padding: 4px 0 10px 0; height: 20px; overflow: hidden}

/* Admin */

#admin_area {position: fixed; top: 0}

*html #admin_area {position: absolute} /* IE 6 */

#admin_box {float: left; height: 27px; padding: 7px 0 7px 7px; border-left: 1px solid #BBB; border-right: 1px solid #BBB; border-bottom: 1px solid #BBB; background: url(../img/admin/admin_box_bg.gif) #FFF repeat-x top center}

#admin_box .links {}

#admin_box .links ul {margin: 0; padding: 0; list-style: none}

#admin_box .links ul li {padding: 0; float: left; display: inline}

#admin_box .links ul li a {display: block; float: left; height: 25px; line-height: 25px; padding: 0 5px}

#admin_box .links ul li.button {margin: 0 7px 0 0; padding: 0; float: left; display: inline}

#admin_box .links ul li.button a {border: 1px solid #CCC; color: #0B4FB0; background: #FCFCFC}

#admin_box .links ul li.button a:hover {color: #0064CB; background: #EEE; text-decoration: none}

#admin_box .links ul li.button a img, #admin_box .links ul li.stats a img {float: left; margin: 5px 5px 0 0}

#admin_box .links ul li.structure a {border-right: 1px solid #DCDCDC}

#admin_box .links ul li.stats a {border-right: 1px solid #DCDCDC; border-left: 1px solid #FFF}

#admin_box .links ul li.refresh a {border-right: 1px solid #DCDCDC; border-left: 1px solid #FFF}

#admin_box .links ul li.toggle a {border-left: 1px solid #FFF}

#admin_box .links ul li.refresh a img, #admin_box .links ul li.toggle a img, #admin_box .links ul li.structure a img {margin: 5px 0px 0 0}

/* */

#intro {width: 100%; overflow: hidden; padding: 0 0 16px 0}

#title {float: left; width: 450px; padding: 15px 0 0 27px; font-family: Georgia, Arial; font-size: 30px; line-height: 36px; font-weight: bold}

#method {float: right; padding: 0 23px 0 0}

	#method ul {list-style: none; margin: 0; padding: 0}

	#method ul li {margin: 0; padding: 0; display: inline}

	#method ul li a {padding: 3px 0 4px 26px; display: block; font-family: Georgia, Arial; font-size: 14px; font-weight: bold}
	
	#method ul li a:hover {color: #bf9845;}
	
	#method ul li .selected {color: #bf9845; background: url(../img/methtod_arrow.gif) no-repeat left 4px}

#operation_section {padding: 0 0 20px 0; border-bottom: 5px solid #BF9845; background: url(../img/slider_area.gif) #F0EFEC no-repeat top center}
	
	#slider_area {width: 900px; height: 319px; position: relative;}
	
	#slider_area .slide_prev {width: 41px; height: 40px; background: url('../img/slide_prev.png') no-repeat; position: absolute; top: 132px; left: -25px; cursor: pointer;}
	
	#slider_area .slide_next {width: 41px; height: 40px; background: url('../img/slide_next.png') no-repeat; position: absolute; top: 132px; right: -26px; cursor: pointer;}
	
	#slider_content {width: 837px; height: 302px; margin: 0 31px 0 32px; padding: 25px 0 0 0;}

	#slider_content .embed_video {float: right; padding: 41px 0 0 0;}
	
	#slider_content .video1 {background: url('../img/front/video.jpg') no-repeat 0px 41px;}
	
	#slider_content .video2 {background: url('../img/front/video2.jpg') no-repeat 0px 41px;}
	
	#slider_content .video3 {background: url('../img/front/video3.jpg') no-repeat 0px 41px;}
	
	#slider_content .video4 {background: url('../img/front/video4.jpg') no-repeat 0px 41px;}
	
	#front ul {height: 302px; margin: 0; padding: 0; overflow: hidden;}

	#options_block {position: absolute; padding: 0 0 0 23px}

	#first, #second {float: left; width: 259px; height: 250px; padding: 8px 7px 3px 7px; background: url(../img/option_block_middle.png) no-repeat top center}
	
	#first p, #second p {margin: 0; padding: 0;}
	
		#first .inlined, #second .inlined {height: 250px; background: #FFF}
		
	#second {margin: 0 11px 0 12px}
	
	#options_block .inactive {width: 100%; height: 235px; border-top: 5px #bf9845 solid;}
	
	#options_block .active {width: 100%; height: 245px; padding: 5px 0 0 0; background-color: #f6eedd; position: relative;}
	
	#options_block .active .arrow {width: 15px; height: 8px; overflow: hidden; position: absolute; top: -8px; left: 41px; background: url('../img/option_block_arrow.gif') no-repeat;}
	
	#options_block .inactive .hover {height: 100%; margin: 5px;}
	
	#options_block .active .hover {height: 100%; padding: 5px;}
	
	#options_block .inactive .hover-active {background-color: #f6eedd; cursor: pointer;}
	
	#options_block .inlined img {float: left; display: block; margin: 14px 21px 0 15px;}
	
	#first .tootlus_img {float: left; width: 58px; height: 73px; margin: 14px 21px 0 15px; background: url('../img/front/tootlus_img.png') no-repeat;}
	
	#first .tootlus_img span {display: block; padding: 3px 15px 0 0; text-align: right; font-family: "Times New Roman", Times, serif; font-size: 22px; color: #382d24; font-weight: bold;}
	
	#first .imgrus {margin: 14px 15px 0 15px;}

	#options_block .inlined span.title {float: left; padding: 22px 0 0 0;}
	
	#options_block .inlined span.text {float: left; width: 215px; padding: 3px 15px 0 15px; font-size: 14px; line-height: 18px;}
	
	#options_block .inlined span.text a {color: #bf9845; border-bottom: 1px #bf9845 solid;}
	
	#options_block .inlined span.text a:hover {text-decoration: none; border-bottom: 0px;}
	
	#second .inlined img {float: left; display: block; margin: 9px 19px 0 15px;}
	
	#second .inlined span.text {float: left; width: 215px; padding-top: 0px; margin: -8px 0 0 0;}
	
	
	#contact_form {float: left; width: 269px; height: 511px; padding: 8px 9px 3px 8px; background: url(../img/option_block_contact_middle.png) no-repeat top center}
	
	#contact_form .inlined {overflow: hidden; padding: 27px 0px 0px 20px; border-top: 5px solid #BF9845; background: #FFF}
	
	#contact_form .inlined .title {font-size: 22px;}
	
		#contact_form .description {width: 100%; overflow: hidden; padding: 12px 0 10px 0;}
		
		#contact_form .description div {float: left;}
		
		#contact_form .description div.text {float: left; width: 190px; padding: 1px 0 0 10px; font-size: 14px;}
		
		#contact_form .description div.text_rus {float: left; width: 190px; padding: 1px 0 0 10px; font-size: 13px;}
		
		#contact_form .description input {margin: 3px 0 0 0; padding: 0;}
		
		#contact_form .description span {display: block; padding: 5px 0 0 0; font-size: 12px;}
		
		#contact_form dl {width: 218px; margin: 0; padding: 0 0 0 2px;}

		#contact_form dl dt {width: 218px; margin: 0; padding: 6px 0 5px 2px; font-weight: bold;}

		#contact_form dl dd {width: 218px; margin: 0; padding: 0}
		
		#contact_form dl dd .submit {float: right}

		#contact_form dl dd input {width: 204px; height: 16px; padding: 7px; border: 0; background: url(../img/contact_input.gif) no-repeat}
		
		#contact_form dl dd textarea {width: 204px; height: 41px; padding: 7px; border: 0; overflow: auto; background: url(../img/contact_textarea.gif) no-repeat}
		
		#contact_form dl dd select {width: 218px; padding: 2px; margin: 0; border: 1px #dbdbd8 solid; background-color: #fffcf6;}

		#contact_form .submit {float: left; margin: 14px 0 0 0; display: block; background: url(../img/contact_button_right.gif) no-repeat top right}

		#contact_form .submit span {float: left; height: 38px; padding: 0 18px; display: block; background: url(../img/contact_button_left.gif) no-repeat top left; font-size: 14px; text-transform: uppercase; line-height: 38px; font-weight: bold}


		#options_block .title {font-size: 24px; font-family: Georgia, Arial; font-weight: bold}

	#operation_section .holder {height: 285px; overflow: hidden;}

	#operation_section .banner {position: relative; width: 570px; background: url(../img/banner_shadow.gif) no-repeat bottom left}
	
	#operation_section .banner_bg {width: 546px; padding: 1px 0 37px 30px; background: url('../img/banner_bg.gif') no-repeat 29px 0;}
	
	#operation_section .material {position: relative; width: 560px; padding: 10px 0 15px 30px; overflow: hidden}

		#operation_section .item {float: left; padding: 0 0 0 6px;}

		#operation_section .item a {width: 256px; padding: 0 16px 0 0; display: block; overflow: hidden; cursor: pointer}

			#operation_section .item a img {float: left; padding: 3px 11px 0 0}

			#operation_section .material .description {float: left; width: 218px; display: block; line-height: 16px;}

			#operation_section .headline {padding: 1px 0 5px 0; display: block; font-family: Georgia, Arial; font-size: 16px; font-weight: bold}

	#operation_section .f_text {width: 545px; overflow: hidden; padding: 15px 0 0 30px; font-size: 11px; line-height: 16px;}
	
.chart_tab {width: 100%; overflow: hidden;}
	
	.chart_tab ul {list-style: none; margin: 10px 0 0 0; padding: 0;}
	
		.chart_tab ul li {clear: both; float: left; margin: 0 0 10px 0;}
			
			.chart_tab ul li a {display: block; padding: 5px 10px; color: #d4c29b; border: 2px #36281a solid; background: #755d2d;}
			
			.chart_tab ul li a.active {color: #fff; background: #bf9845;}
			
			.chart_tab ul li a:hover {color: #fff; background: #bf9845;}