@import url("reset.css");

body {color:#3f3f3f; background-color:#fff; font:12px Arial,Helvetica,'MS Sans Serif',sans-serif}
td,th {color:#3f3f3f; font:1em Arial,Helvetica,'MS Sans Serif',sans-serif}
input,textarea,option,select {color:#000; font:1em Arial,Helvetica,'MS Sans Serif',sans-serif}

/* // ---- typography ---- // */

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

.fBold {font-weight:bold;}

/* -- ---- typography ---- -- */

#minWidth {position:relative; min-width:1000px}

.inner {width:1000px; margin:0 auto}

/* // ---- top block ---- // */
.top {height:289px; background:#d7cebf url(/img/top-bg.png) repeat-x 0 0}
	.top .inner {position:relative; z-index:2}
	.top .l {position:absolute; z-index:1; left:0; top:0; width:50%; height:289px; background-image:url(/img/top-bg-l.png)}
	.top .flash {position:relative; z-index:1; padding-left:183px}
	.top .logo {position:absolute; z-index:2; left:12px; top:22px}
	.top .shad {position:absolute; z-index:3; top:280px; left:183px; width:766px; height:9px; background-image:url(/img/top-shad.png); font-size:1px}
/* -- ---- top block ---- -- */

/* // ---- middle ---- // */
.middle {background-color:#f8f3ec}
	.middle-i {width:746px; margin:0 auto; border-left:254px solid #f8f3ec; background:#fff url(/img/middle-bg.gif) repeat-y 0 0; padding-bottom:77px}
	.middle .long-col {float:right; width:744px; background:url(/img/long-col-bg.png) no-repeat 100% 0; padding-bottom:20px}
	.middle .side-col {position:relative; left:-254px; float:left; width:254px; margin-right:-100%; padding-bottom:70px}
/* -- ---- middle ---- -- */

/* // ---- navigation ---- // */
.navigation {font:20px Georgia,'Times New Roman'; padding:20px 10px 9px 36px}
	.navigation a {color:#c57e02}
	.navigation li {padding-bottom:11px}
	.navigation .hr {background:url(/img/ar-h.gif) no-repeat 0 9px; padding-left:28px; color:#bf0000}
		.navigation .hr a {color:#bf0000}
/* -- ---- navigation ---- -- */

.dotl {position:relative; margin-left:-999em; height:2px; background:#e4e4e2 url(/img/dotl.gif); font-size:1px; line-height:0}

/* // ---- catalog nav ---- // */
.catalog-nav {font:italic 14px Georgia,'Times New Roman'; padding:20px 10px 31px 36px}
	.catalog-nav dt {font-size:20px; font-style:normal; padding-bottom:20px}
		.catalog-nav dt a {color:#bf0000}
	.catalog-nav dd {padding:0 0 16px 13px}
	.catalog-nav dd a {color:#3b3b3b}
		.catalog-nav dd .hr {color:#bf0000}
	.catalog-nav ul {padding:16px 0 0 6px; font-style:normal; margin-bottom:-3px}
		.catalog-nav ul li {background:url(/img/catalog-li.gif) no-repeat -23px 4px; padding-bottom:8px; padding-left:20px}
		.catalog-nav ul .here {background-position:0 -31px; font-style:italic}
			.catalog-nav ul .here a {color:#000000; text-decoration:none}
/* -- ---- catalog nav ---- -- */

.catalog_lev1 img{padding:0 15px 15px 0; border:0;}
.catalog_lev1 ul {margin: -10px 0 0 0; padding:0;}
.catalog_lev1 ul li {padding-left:26px; background:url(/img/li.gif) no-repeat 0 6px}
.catalog_lev1 p {margin:0; padding:0;}


.search-block {position:relative; left:33px; width:184px; height:23px; background:#fff url(/img/search-bg.png); padding:3px 2px 0 10px}
	.search-block .i-p {float:left; color:#8e8e8e; font-size:13px; border-width:0; background-color:transparent; width:119px; padding:1px 1px 2px 2px; line-height:16px; height:17px}
	.search-block .btn {float:right}

/* // ---- producers ---- // */
.b-producers {position:relative; margin-left:-1px; width:745px; height:135px; padding-top:1px}
	.b-producers-i {width:745px; height:135px; background:url(/img/producers-bg.png); text-align:right}
	.b-producers-i h3 {position:relative; color:#454545; font-size:11px; font-weight:normal; padding:36px 183px 15px 0}
	.scroll-producers {position:relative; margin-left:auto; width:360px; padding-right:172px}
		.scroll-producers .scroll {position:relative; width:100%; overflow:hidden}
		.scroll-producers .scroll div {width:120px; text-align:center}
		.scroll-producers .l-ar, .scroll-producers .r-ar {position:absolute; top:50%; margin-top:-11px; width:26px; height:23px; background-image:url(/img/prod-ar.gif); font-size:1px}
		.scroll-producers .l-ar {left:-31px}
		.scroll-producers .r-ar {right:141px; background-position:100% 0}
		.scroll-producers .scroll table {border-spacing:0}
			.scroll-producers .scroll table td {width:120px}
/* -- ---- producers ---- -- */

.main-blocks {position:relative; margin-left:-1px; height:254px}
	.main-blocks .parent {position:relative; float:left; width:149px; height:254px; overflow:hidden; background-color:#ffe4bd; background-repeat:no-repeat}
	.main-blocks .label {position:absolute; z-index:2; top:206px; font-size:11px; background-color:#ffe4bd; }
		.main-blocks .label .heading {color:#000; width:149px; height:48px; text-align:center; line-height:14px; display:table-cell; vertical-align:middle}
		.main-blocks .label .desc {color:#fff; font-size:10px; padding:0 9px 10px}
			.main-blocks .label .desc ul {margin-bottom:-4px}
				.main-blocks .label .desc ul li {padding:0 0 4px 10px; background:url(/img/main-li.gif) no-repeat 0 5px}
	.main-blocks .p {position:absolute; top:0; left:0; width:100%; height:206px}
		.main-blocks .p i {position:absolute; top:0; left:0; width:100%; height:206px; background-image:url(/img/main-b-shad.png)}
	.main-blocks .item {position:absolute; z-index:3; top:0; left:0; width:100%; height:254px; background-image:url(about:blank)}
	.main-blocks .m-vis-1 {background-image:url(/img/main-b-1.jpg)}
	.main-blocks .m-vis-2 {background-image:url(/img/main-b-2.jpg)}
	.main-blocks .m-vis-3 {background-image:url(/img/main-b-3.jpg)}
	.main-blocks .m-vis-4 {background-image:url(/img/main-b-4.jpg)}
	.main-blocks .m-vis-5 {background-image:url(/img/main-b-5.jpg)}
	.main-blocks .hover-label {background-color:#ff9500}

/* // ---- note buyers ---- // */
.note-buyers {padding:19px 22px}
	.note-buyers .pp-link {text-align:right; font-size:11px; font-style:italic}
		.note-buyers .pp-link a {padding-right:19px; background:url(/img/pp-ico.gif) no-repeat 100% 1px}
	.note-buyers .note-view {float:left; width:475px; display:none; background:#bebebe url(/img/note-view-bg.png) repeat-x 0 100%; margin-top:3px}
		.note-buyers .note-view .r {position:absolute; left:475px; top:10px; width:60px; height:55px; background-image:url(/img/note-crn.png)}
		.note-buyers .note-view-bg {position:relative; background:url(/img/note-view-bg-t.png) no-repeat 0 0}
		.note-buyers .note-view-i {color:#fff; background:url(/img/note-view-bg-b.png) no-repeat 0 100%; padding:19px 70px 23px 19px; font-size:17px; line-height:24px; font-weight:bold}
		.note-buyers .note-view .close {position:absolute; top:10px; right:6px; color:#fff; font-size:11px; line-height:normal; font-weight:normal; padding-top:36px; background:url(/img/close.gif) no-repeat 50% 0}
		.note-buyers .note-view-i .row-1 {font-size:14px; padding-bottom:2px; font-weight:normal; line-height:normal}
		.note-buyers .note-view-i .row-2 {color:#ffdcb6; font-size:15px; line-height:normal}
			.note-buyers .note-view-i .row-2 big {position:relative; top:-5px; color:#e3e3e3; font-size:22px; vertical-align:top}
		.note-buyers .note-view-i .brd {position:relative; margin:1px -70px 10px -19px; height:1px; overflow:hidden; font-size:1px; line-height:0; background-color:#cfcfcf; border-bottom:1px solid #8a8a8a}
		.note-buyers .note-view-i a {color:#ffaa00}
/* -- ---- note buyers ---- -- */

/* // ---- news main ---- // */
.news-main {padding:0 0 0 22px}
	.news-main dt {color:#bf0000; font-size:19px; font-style:italic; padding:0 20px 4px 0; background:url(/img/brd.gif) repeat-x 0 100%; overflow:hidden}
		.news-main dt small {float:right; font-size:11px; padding-top:5px}
			.news-main dt small a {padding-left:11px; background:url(/img/ar.gif) no-repeat 0 3px; text-decoration:none}
	.news-main dd {float:left; width:220px; padding:7px 20px 0 0; font-size:11px; line-height:17px}
	.news-main .dt {color:#bf0000; font-style:italic; padding-bottom:5px}
	.news-main h2 {font-size:12px; line-height:normal; padding-bottom:6px}
		.news-main h2 a {color:#5b5b5b}
.news_hr dt{color:#bf0000; font-size:19px; font-style:italic; padding:0 20px 4px 0; background:url(/img/brd.gif) repeat-x 0 100%; overflow:hidden; margin: 20px 0 20px 0;}
/* -- ---- news main ---- -- */

.middle-btm {position:relative; margin-top:-47px; height:47px; background-image:url(/img/middle-btm.png)}
	.middle-btm i {}

/* // ---- bottom ---- // */
.bottom {color:#000; position:relative; font-size:11px; line-height:17px; width:1000px; margin:0 auto; padding:23px 0 26px}
	.bottom .col-1 {position:relative; z-index:2; float:left; padding-left:44px; width:236px}
	.bottom .col-2 {float:left}
		.bottom .col-2 big, .bottom .phone big {color:#bf0000; font-size:22px; font-weight:bold; line-height:1em}
	.bottom .phone {position:absolute; left:44px; top:-75px}
	.bottom .b-producers {position:absolute; z-index:1; top:-51px; left:133px}


.develop {position:relative; float:right; width:82px; line-height:12px; padding:6px 0 0}
	.develop a {color:#3f3f3f; text-decoration:none}
	.develop i {position:absolute; cursor:pointer; cursor:hand; left:-42px; top:2px; width:34px; height:34px; background-image:url(/img/prosto.png)}
		.develop a:hover {text-indent:0}
			.develop a:hover i {}
/* -- ---- bottom ---- -- */

.main-title {background:url(/img/main-title-bg.png) repeat-y 0 0; padding:21px 160px 19px 29px}
	.main-title .img-cover {float:left; margin:4px 12px 0 0}
	.main-title h1 {color:#000; font-size:18px; padding:0 0 8px 26px; background:url(/img/ar-t.png) no-repeat 0 8px}
	.main-title .path {font-size:11px}
		.main-title .path a {color:#000}
		.main-title .path li {float:left; padding-right:6px; background:url(/img/path-li.gif) no-repeat 100% 3px; margin-right:3px}

/* // ---- block content ---- // */
.b-content {background:url(/img/content-bg.png) no-repeat 0 0; padding:22px 22px 0 25px}
/* -- ---- block content ---- -- */

/* // ---- tabs ---- // */
.tabs {position:relative; margin:0 -22px 25px -3px; border-bottom:1px solid #e0e0e0}
	.tabs li {float:left; margin-right:5px; font-size:11px; text-align:center}
	.tabs a, .tabs .hr {position:relative; display:block; color:#000; border:1px solid #e0e0e0; border-bottom-width:0; width:207px; background-color:#f8f3ec; padding:6px 0 8px}
	.tabs .cr {top:-1px; width:7px; height:7px; background-image:url(/img/tabs-crn.gif)}
	.tabs .c-tl {left:-1px}
	.tabs .c-tr {right:-1px}
	.tabs .hr {background-color:#fff; margin-bottom:-1px; padding-bottom:9px; text-decoration:none}
		.tabs .hr .c-tl {background-position:0 100%}
		.tabs .hr .c-tr {background-position:100% 100%}
/* -- ---- tabs ---- -- */

/* // ---- view catalog ---- // */
.view-catalog {position:relative; margin-right:-20px; clear: right; padding-top: 10px}
	.view-catalog li {float:left; width:166px; padding-right:13px; text-align:center; height:159px}
	.view-catalog .ph {padding-bottom:10px}
		.view-catalog .ph .new {position:absolute; width:56px; height:55px; background-image:url(/img/new.png); left:-9px; top:-8px}
		.view-catalog .ph a {position:relative; display:block; background:#f7f7f7 url(/img/catalog-ph.png); border:1px solid #e0e0e0; padding:7px 0; text-align:center}
			.view-catalog .ph a:hover {text-indent:0; border-color:#999}
	.view-catalog h3 {color:#3f3f3f; font-weight:normal}
/* -- ---- view catalog ---- -- */

.for-editor {line-height:23px}
	.for-editor p {padding-bottom:14px}
	.for-editor ul {padding:0 0 14px 13px}
		.for-editor ul li {padding-left:26px; background:url(/img/li.gif) no-repeat 0 6px}
.for-editor ol {padding:0 0 14px 30px}
		.for-editor ol li {padding-left:8px;}
	.for-editor h2 {font-size:14px; padding-bottom:9px}
	.for-editor table {font-size:12px; margin-bottom:20px}
		.for-editor table .zb {background-color:#d7d7d7;}
		.for-editor table td {padding:7px 9px; vertical-align:top}
	.for-editor .img-right {float:right; margin-left:15px; margin-top:5px}
	.for-editor .phone-big {font-style:italic}
	.for-editor big {font-size:16px; font-weight:bold}
	.for-editor img {margin-right:10px;}

/* // ---- feedback ---- // */
.feedback {padding-top:15px; width:355px}
	.feedback h2 {font-size:14px; padding-bottom:16px}
	.feedback .feedback-tp, .feedback .feedback-bt {height:7px; font-size:1px; background-image:url(/img/feedback-bg.png)}
	.feedback .feedback-bt {background-position:0 100%}
	.feedback .feedback-md {background-color:#f0f0f0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:4px 10px 7px 12px}
	.feedback .lbl {padding-bottom:2px}
	.feedback .inputs {padding-bottom:8px}
	.feedback .inp {display:-moz-inline-stack; display:inline-block; border:1px solid #fff}
	.feedback .inp input, .feedback .inp textarea {padding:2px 1px 3px 4px; border-width:1px; border-style:solid; border-color:#abadb3 #e2e3ea #e2e3ea; width:315px}
	.feedback .inp textarea {height:153px}
	
/* -- ---- feedback ---- -- */