@import url("reset.css");

body {color:#929292; background:#1e1e1e url(/img/bg.png); font:12px Arial,Helvetica,'MS Sans Serif',sans-serif}
td,th {color:#929292; 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:#c4a020; text-decoration:underline}
a:hover {color:#fff}

.for-editor h2, .s-title {color:#ebe5c4; font-size:18px; font-style:italic; font-weight:normal; border-bottom:1px solid #515151; padding-bottom:2px; margin-bottom:12px}

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

#minWidth {position:relative; width:880px; padding:0 60px; margin:0 auto; background:url(/img/btm-sc.jpg) no-repeat 50% 100%}

/* // ---- top ---- // */
.top {position:relative; height:96px; padding-top:59px}
.search-block {position:absolute; right:0; top:70px}
	.search-block input {color:#d0d0d0; font-style:italic; width:154px; padding:6px 1px 1px 7px; height:19px; border-width:0; background:url(/img/search-bg.png)}
.f_search-block{position:absolute; right:0; padding:0;}
.navigation {position:absolute; top:107px; right:0; width:576px; height:48px; background:url(/img/nav-bg.png)}
	.navigation ul {padding:13px 0 0 43px}
		.navigation li {float:left; padding-left:4px}
		.navigation a, .navigation .hr {position:relative; color:#ece6c5; display:block; font-size:14px; line-height:22px; text-align:center; text-decoration:none; height:24px; overflow:hidden}
			.navigation i {position:absolute; top:0; left:0; width:100%; height:100%}
			.navigation a:hover, .navigation .hr {color:#fff; background-color:#b30003}
				.navigation a:hover i, .navigation .hr i {background-position:0 100%}
			.navigation .nav-1 {width:84px}
				.navigation .nav-1 i {background-image:url(/img/nav-1.png)}
			.navigation .nav-2 {width:113px}
				.navigation .nav-2 i {background-image:url(/img/nav-2.png)}
			.navigation .nav-3 {width:111px}
				.navigation .nav-3 i {background-image:url(/img/nav-3.png)}
			.navigation .nav-4 {width:206px}
				.navigation .nav-4 i {background-image:url(/img/nav-4.png)}
	
/* -- ---- top ---- -- */

/* // ---- middle ---- // */
.middle {background:url(/img/middle-bg.png)}
/* -- ---- middle ---- -- */

.m-title {color:#ebe5c4; font:15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; background:url(/img/main-title-bg.png) no-repeat 0 0; padding:13px 15px 17px 28px}

.flash {padding-left:1px}

.b-scrollable {position:relative; margin:0 3px 0 1px; background:url(/img/b-shad-tp.png) repeat-x 0 0}
	.b-scrollable .b-scrollable-i {background:url(/img/b-shad-bt.png) repeat-x 0 100%; padding:53px 7px 52px 14px; border-bottom:1px solid #262626}
	.b-scrollable .img-cover {position:relative; float:left; left:-206px; margin-right:-206px; width:200px}
		.b-scrollable .img-cover i, .hor-scrollable ul .frame, .catalog-view .ph i {position:absolute; z-index:4; top:-1px; left:-2px; width:192px; height:144px; background-image:url(/img/cover-bg.png)}
	.b-scrollable .l-scroll-1 {position:relative; float:left; width:410px}
	.b-scrollable .l-scroll-2 {position:relative; float:right; width:410px}
	.scrollable-item {position:relative; overflow:hidden; width:100%; height:144px}
		.scrollable-item li {padding-left:208px; height:143px; line-height:16px; padding-top:1px}
	.scrollable-item .label {padding-bottom:9px}
	.scrollable-item p {padding-bottom:12px}
	.scrollable-item .c {color:#a78300; padding-left:14px; background:url(/img/ar.gif) no-repeat 0 5px; margin-left:2px}
		.scrollable-item .c a {color:#a78300}
			.scrollable-item .c a:hover {color:#fff}
	.b-scrollable .l-ar, .b-scrollable .r-ar {position:absolute; left:80px; width:31px; height:18px; overflow:hidden; font-size:1px}
		.b-scrollable .l-ar i, .b-scrollable .r-ar i {position:absolute; width:62px; height:36px; font-size:1px; background-image:url(/img/y-ar.gif)}
		.b-scrollable .l-ar {top:-32px}
		.b-scrollable .r-ar {top:157px}
			.b-scrollable .r-ar i {top:-18px}
		.b-scrollable .dis-ar i {left:-31px}

/* // ---- horisontal scrollable ---- // */
.hor-scrollable {position:relative; z-index:15; background:url(/img/hor-scrollable-bg.png); height:197px; padding:0 3px 0 1px}
	.hor-scrollable .l-ar, .hor-scrollable .r-ar {position:absolute; top:74px; width:39px; height:47px; background-image:url(/img/hor-ar.png)}
		.hor-scrollable .l-ar {left:-54px}
		.hor-scrollable .r-ar {right:-54px; background-position:100% 0}
	.hor-scrollable-i {position:relative; width:100%; height:197px; overflow:hidden}
	.hor-scrollable ul {width:5000px}
		.hor-scrollable ul li {float:left; width:204px; height:165px; background:url(/img/hor-scrollable-li.png) no-repeat 100% 0; padding:32px 0 0 16px}
		.hor-scrollable ul a {position:relative; display:block; color:#fff; text-decoration:none}
			.hor-scrollable ul a:hover {text-indent:0}
				.hor-scrollable ul a:hover big, .hor-scrollable ul a:hover small {visibility:visible}
		.hor-scrollable ul span {position:relative; z-index:3; display:block}
		.hor-scrollable ul .shad {position:absolute; width:216px; height:159px; top:-9px; left:-14px; background:url(/img/hor-scrollable-ishad.png)}
		.hor-scrollable ul {position:relative; z-index:3}
		.hor-scrollable big {position:absolute; z-index:4; top:-18px; font-size:15px; line-height:18px; visibility:hidden}
			.hor-scrollable big strong {display:block; font-size:18px; padding-left:8px}
		.hor-scrollable small {position:absolute; left:0; bottom:-1px; width:175px; padding:3px 4px 5px 9px; color:#dbdbdb; font:10px/13px Tahoma,Verdana; background:url(/img/hor-scrollable-small.png); visibility:hidden}
/* -- ---- horisontal scrollable ---- -- */

.bottom {position:relative; z-index:1; color:#929292; height:91px; padding:47px 0 0 24px}
	.bottom .shad {position:absolute; left:50%; margin-left:-484px; top:-30px; width:969px; height:60px; background:url(/img/hor-scrollable-shad.png)}
	.bottom .btm-nav {color:#c4a020; padding-bottom:13px}
		.bottom .btm-nav b {font-weight:normal; padding:0 4px}
		.bottom .btm-nav a {text-decoration:none; border-bottom:1px dotted}
	.bottom .l-col-1 {float:left; width:400px}

.develop {position:relative; float:right; font:11px/13px "Lucida Sans Unicode", "Lucida Grande", sans-serif; width:92px; padding:6px 15px 0 0}
	.develop a {color:#ece6c5; text-decoration:none}
	.develop i {position:absolute; cursor:pointer; cursor:hand; left:-42px; top:2px; width:33px; height:33px; background-image:url(/img/prosto.png)}
		.develop a:hover {text-indent:0}
			.develop a:hover i {}

/* // ---- second vis ---- // */
.sec-vis {position:relative; height:232px; width:876px; margin-left:1px}
	.sec-vis small {position:absolute; bottom:0; width:848px; color:#dad7bf; text-align:right; padding:14px 14px 15px; background:url(/img/hor-scrollable-small.png); font-size:18px; line-height:normal; }
/* -- ---- second vis ---- -- */

/* // ---- filter ---- // */
.filter {margin:0 3px 0 1px; padding:18px 0 17px 27px; font-style:italic}
	.filter select {margin-left:11px; color:#fff; background-color:#1d1d1d; border:1px solid #393939}
		.filter select option {color:#b5b5b5}
	.filter .btn {vertical-align:top; margin-left:12px}
	#select-subcol {width:178px}
	#select-subsubcol {width:110px}
/* -- ---- filter ---- -- */

.b-content {margin:0 3px 0 1px; background:url(/img/b-shad-tp.png) repeat-x 0 0; border-bottom:1px solid #262626}
	.b-content-i {background:url(/img/b-shad-bt.png) repeat-x 0 100%; padding:19px 26px 12px 28px}

.simple-cont {background-image:none; border-bottom-width:0}
	.simple-cont .b-content-i {background-image:none}

.catalog-view {position:relative; margin:0 -28px 0 -28px}
	.p-hits {position:absolute; z-index:99; left:-5px; top:-5px; width:101px; height:24px; font-size:1px; background-image:url(/img/label-png-hits.png)}
	.p-sales {position:absolute; z-index:99; left:-5px; top:-5px; width:111px; height:24px; font-size:1px; background-image:url(/img/label-png-sales.png)}
	.catalog-view table {width:100%; margin-top: 20px}
		.catalog-view table td {border-left:1px solid #000; padding:12px 15px; width:25%; text-align:center; vertical-align: top}
		.catalog-view table .frst {border-left-width:0}
		.catalog-view h3 {font-size:11px; font-weight:normal; line-height:16px}
		.catalog-view .ph {position:relative; margin:0 auto; width:188px; height:141px; margin-bottom:8px}

.catalog_lev1 {margin: 0px 0;}		
.catalog_lev1 img{float: left; margin: 0 20px 30px 0;}

/* // ---- production card ---- // */
.production-card {padding-left:365px; padding-bottom:20px}
	.production-card .gallery {position:relative; float:left; left:-365px; margin-right:-365px; width:340px; padding-top:8px}
		.production-card .gallery .ph {position:relative}
	.thumb-gallery {position:relative; margin-left:-5px}
		.thumb-gallery li {float:left; padding-left:5px; padding-top:5px}
		.thumb-gallery img {border:2px solid #767676}
/* -- ---- production card ---- -- */

.for-editor {line-height:23px}
	.for-editor p {padding-bottom:23px}
	.for-editor h3 {color:#fff; font-size:14px; padding-bottom:17px}
	.for-editor .img-left {float:left; margin:3px 10px 0 0}
	.tech-char {margin-bottom:10px}
		.tech-char td, .tech-char th {color:#e4e4e4; vertical-align:top; line-height:normal; padding-bottom:8px}
		.tech-char th {font-weight:bold; padding-right:15px; width:30%}

.btn-order {}
	.btn-order a {display:block; color:#fff !important; text-decoration:none; width:79px; height:26px; line-height:26px; background:url(/img/btn-order.png); padding-left:14px}

.forms-block {padding-bottom:10px}
	.forms-block .inputs {position:relative; padding-bottom:8px}
		.forms-block .inputs .i-p {color:#ebe5c4; font-size:17px; font-style:italic; width:278px; height:22px; background:#1d1d1d url(/img/forms-ip.png); border-width:0; padding:7px 5px 7px 10px}
		.forms-block .inputs textarea.i-p {width:431px; height:98px; background-image:url(/img/forms-tarea.png); padding:7px 5px 20px 10px}
		.forms-block .btn {position:absolute; left:364px; bottom:4px; background-image:url(/img/btn-send-p.png)}