@charset "utf-8";
/*-----------------------------------------------------     CSS Document of SUFIX © 2013. All rights reserved     ---------------------------------------------------------*/

BODY,HTML {background:url(../images/bg.jpg) repeat left top; font:15px Tahoma; margin:0; padding:0; width:100%; height:100%;} A img {border:0px solid; outline:none;} A {cursor:pointer; outline:none;} .fm {position:relative; float:left; margin:0; padding:0;} .fmr {position:relative; float:right; margin:0; padding:0;} .centre {position:relative; width:1000px; margin:0 auto;} A:active {outline:none;} * {outline:none;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block; position:relative; float:left;} H1,H2,H3,H4,H5,H6 {padding:0; margin:0;} ADDRESS {font-style:normal;} UL {position:relative; float:left; list-style:none; padding:0; margin:0;} Textarea {resize:none; overflow:auto; margin:0;} P {margin:0; padding:0;} Table {border-collapse:collapse;} Table TD {padding:0;} .oh {overflow:hidden;}

/*--------------------------------------------------------------------     основні CSS стилі сайту     --------------------------------------------------------------------*/
/* шапка сайту
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
Header.header {width:100%; min-width:1000px; height:136px; background:url(../images/main_bg.png) repeat-y center top;}
Header.header.oh {height:92px;}
	.for_logo {width:311px; height:89px; margin:5px 46px 0 12px;}
		.for_logo A {text-decoration:none;}
			.for_logo Span {text-decoration:none; color:#f58220; font:18px/22px Arial; position:absolute; top:76px; left:67px;}
	.box_like,.box_guar {width:144px; margin:18px 10px 0 0; color:#231f20; font:23px/12px Arial; background:url(../images/sprite.png) no-repeat; padding:0 0 0 36px;}
	.box_guar {background-position:-328px 0;}
		.box_like B,.box_guar B {font:12px/12px Arial; color:#006650;}
		.box_like Span,.box_guar Span {font:12px/12px Arial;}
	.phone {margin:18px 10px 0 0; width:240px; color:#322e2f; font:25px/14px Arial; text-align:center;}
		.phone B {font:27px/12px Arial;}
		.phone Span {font:12px/12px Arial; color:#006650;}
	.phone_me {position:absolute; top:75px; right:35px; width:178px; text-align:center; color:#3c8e7b; font:16px/34px Arial;}
		.phone_me A {width:142px; height:24px; background:#3c8e7b url(../images/sprite.png) no-repeat -658px 2px; border-radius:3px; color:#fff; text-decoration:none;
		             font:16px/20px Arial; position:relative; float:left; padding:3px 0 0 36px; transition:background-color 0.2s linear 0s; text-align:left;}
		.phone_me A:hover {background:#3c9c84 url(../images/sprite.png) no-repeat -658px 2px; transition:background-color 0.2s linear 0s;}
/* верхнє меню 1
---------------------------------*/
Nav.top_menu_1 {width:760px; z-index:9; margin:31px 0 10px 10px;}
	Nav.top_menu_1 UL LI {position:relative; float:left;}
		Nav.top_menu_1 UL LI A {position:relative; float:left; color:#006650; font:16px/20px Arial; text-decoration:underline; margin:0 20px 0 0;}
		Nav.top_menu_1 UL LI A:hover,Nav.top_menu_1 UL LI A.active {text-decoration:none;}
		Nav.top_menu_1 UL LI:last-child A {margin:0;}
.long_place {width:1112px; height:86px; left:-56px;}
/* верхнє меню 2
---------------------------------*/
Nav.top_menu_2 {width:842px; height:66px; z-index:9; margin:20px 0 0 0;}
	Nav.top_menu_2 UL LI {position:relative; float:left; background:url(../images/menu_line.png) no-repeat right bottom; padding:0 2px 0 0;}
	Nav.top_menu_2 UL LI:last-child {background:none; padding:0;}
		Nav.top_menu_2 UL LI A {position:relative; float:left; color:#fff; font:23px/26px Arial; text-decoration:none; width:246px; height:62px; padding:4px 0 0 0;
		                        background:url(../images/menu.png) repeat-x left top;}
		Nav.top_menu_2 UL LI:first-child A {width:227px; padding:4px 61px 0 58px; background:url(../images/menu_main.png) repeat-x left top; font:21px/23px Arial;}
			Nav.top_menu_2 UL LI A Span {width:246px; height:62px; display:table-cell; text-align:center; vertical-align:middle; z-index:1; position:relative;}
			Nav.top_menu_2 UL LI:first-child A Span {width:227px;}
			Nav.top_menu_2 UL LI A B {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/menu_active.png) repeat-x left top; opacity:0;
			                          transition:all 0.2s linear 0s;}
			Nav.top_menu_2 UL LI:first-child A B {background:url(../images/menu_main_active.png) repeat-x left top;}
			Nav.top_menu_2 UL LI A:hover B,Nav.top_menu_2 UL LI A.active B {opacity:1; transition:all 0.2s linear 0s;}
			Nav.top_menu_2 UL LI A I {transition:opacity 0.2s linear 0s; opacity:0;}
			Nav.top_menu_2 UL LI A.active I,Nav.top_menu_2 UL LI A:hover I {position:absolute; z-index:1; bottom:-6px; left:50%; margin:0 0 0 -7px; width:15px; height:7px;
			                                                                background:url(../images/arrows.png) no-repeat 0 -8px; transition:opacity 0.2s linear 0s;
																			opacity:1;}
			Nav.top_menu_2 UL LI:first-child A.active I,Nav.top_menu_2 UL LI:first-child A:hover I {background-position:0 0;}
.mini_cart {width:283px; height:78px; padding:8px 0 0 3px; background:url(../images/cart_bg.png) no-repeat; position:absolute; top:0; right:0; z-index:10;}
	.mc_title {width:247px; padding:3px 0 2px 36px; color:#ff8e2a; font:18px/22px Arial; background:url(../images/sprite.png) no-repeat -112px -90px;}
	.mc_total {width:90px; text-align:right; color:#b9b9b9; font:13px/20px Arial; padding:2px 0 0 0;}
		.mc_total B {color:#ff8e2a; font:bold 18px/20px Arial;}
	.mini_cart A {color:#fff; font:15px/18px Arial; text-decoration:none; text-align:center; background:url(../images/sprite.png) no-repeat 0 -93px; width:99px;
	              height:42px; position:absolute; top:31px; left:124px; padding:5px 0 0 7px;}
	.mini_cart A:hover {text-decoration:underline;}
	#bookmarks {height:auto; left:124px; position:absolute; top:5px; width:152px; z-index:2;}
		#bookmarks A {height:auto; width:auto; padding:2px 0 3px 30px; left:0; top:0; color:#000; background:url(../images/sprite.png) no-repeat -241px -172px;}
/* поле контенту
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.content {width:100%; min-width:1000px; overflow:hidden; background:url(../images/main_bg.png) repeat-y center top; margin:-6px 0 0;}
	.for_body {width:1112px; left:50%; margin:0 0 0 -555px; top:0;}
	/* банер
	---------------------------------*/
	.for_banner {width:1112px; margin:0 0 0 -57px;}
		.banner_line {width:1112px; height:5px; background:url(../images/banner_line.png) no-repeat;}
		.main_banner {width:1112px; height:280px;}
			.slider_bg {width:1112px; height:280px; position:absolute; top:0; left:0;}
				.slider_bg.active A {position:absolute; top:0; left:0; width:1112px; height:280px; z-index:1;}
			.banner_pag {position:absolute; z-index:3; bottom:12px; left:62px;}
				.banner_pag A {width:18px; height:18px; background:url(../images/sprite.png) no-repeat -450px -580px; position:relative; float:left; margin:3px;}
				.banner_pag A:hover,.banner_pag A.active {background-position:-517px -580px;}
		.banner_text {width:1112px; height:143px; background:url(../images/banner_end.png) no-repeat;}
	/* ліва колонка
	-----------------------------------------------------------------------------------*/
	.left_col {width:250px; margin:0 10px 0 0; min-height:1px;}
		.search {width:240px; margin:8px 0 26px 10px;}
			.search Input {width:170px; height:33px; border-radius:4px; border:none; background:#fff; box-shadow:inset 0 2px 2px #ccc; padding:0 50px 0 10px; color:#848484;
			               font:15px/18px Arial;}
			.search A {position:absolute; top:2px; right:12px; width:44px; height:29px; background:url(../images/sprite.png) no-repeat -425px -91px;}
			.search A:active {top:3px;}
		.left_menu {width:250px;}
			.left_menu UL {position:relative; float:left; margin:0 0 30px 0;}
				.left_menu UL LI {position:relative; float:left; width:250px; padding:2px 0 4px;}
					.left_menu UL LI A {color:#00604b; font:16px/20px Arial; text-decoration:none; background:url(../images/sprite.png) no-repeat -497px -97px;
					                    padding:0 0 0 20px;}
					.left_menu UL LI A:hover {font-weight:bold;}
					.left_menu UL LI A.active {background-position:-497px -226px; font-weight:bold;}
					.left_menu UL LI UL {margin:5px 0 8px; display: none}
							.left_menu UL LI UL LI A {color:#00604b; font:14px/18px Arial; text-decoration:none; margin:0 0 0 30px; padding:0; background:none;}
							.left_menu UL LI UL LI UL {margin:3px 0 5px; display: none}
								.left_menu UL LI UL LI UL A {color:#00604b; font:14px/18px Arial; text-decoration:none; margin:0 0 0 50px; padding:0; background:none;}
		.filter {width:230px; margin:20px 0 30px 20px;}
			.fil_title {width:100%; color:#848484; font:15px/18px Arial; margin:0 0 10px 0;}
			.fil_colours {width:100%;}
				.fil_colours A {width:16px; height:16px; position:relative; float:left; margin:0 5px 0 0; border-radius:8px; transition:all 0.2s linear 0s;}
				.fil_colours A:hover {box-shadow:0 0 3px #666; transition:all 0.2s linear 0s;}
				.fil_colours A:last-child {width:15px; height:15px; border:1px solid #cacaca;}
	/* головна колонка
	-----------------------------------------------------------------------------------*/
	.main_col {width:1112px; margin:0 0 0 -57px;}
		.main_col .cart_top {padding:40px;}
		/* стаття
		---------------------------------*/
		.main_col Article {width:970px; background:#f8f8f8 url(../images/article_line.png) no-repeat center top; padding:18px 71px 26px; font:15px/26px Tahoma;
		                   color:#231f20;}
			.main_col Article Header {width:100%; position:relative; float:left; text-align:center; margin:0 0 20px 0;}
				.main_col Article Header H1,.main_col Article Header H2 {position:relative; float:left; width:950px; margin:0; padding:0; text-align:center;
																		 color:#231f20; font:36px/40px Arial;}
				.print_icon {background:url(../img/printer.png) no-repeat scroll 0 0 transparent; height:18px; top:5px; width:17px; position:relative; float:left;
				             cursor:pointer;}
					.main_col Article A {text-decoration:underline; color:#3c8e7b;}
					.main_col Article A:hover {color:#ff8e2a;}
					.main_col Article H1,.main_col Article H2,.main_col Article H3 {padding:10px 0; color:#231f20; font:36px/40px Arial;}
					.main_col Article H2 {font:32px/38px Arial; padding:8px 0;}
					.main_col Article H3 {font:28px/34px Arial; padding:6px 0;}
					.main_col Article P {width:100%; padding:0 0 20px 0; margin:0; text-align:left;}
					.main_col Article UL {width:100%; padding:0 0 10px 20px; margin:0; list-style:disc;}
					.main_col Article OL {width:100%; padding:0 0 10px 20px; margin:0; list-style:lower-roman;}
		/* блок
		---------------------------------*/
		.one_block {width:970px; background:#f8f8f8 url(../images/article_line.png) no-repeat center top; padding:18px 71px 26px;}
			.ob_title,.ob_title_2 {width:100%; text-align:center; color:#231f20; font:36px/40px Arial; margin:0 0 20px 0; text-transform:uppercase;}
			.ob_title_2 {font:25px/32px Arial; margin:20px 0 30px;}
			.ob_tile_all {width:100%;}
				.ob_tile_all A {width:310px; height:200px; position:relative; float:left; margin:0 20px 20px 0; transition:all 0.2s linear 0s; border-radius:6px;}
				.ob_tile_all A:hover {box-shadow:0 0 3px #666; transition:all 0.2s linear 0s;}
				.ob_tile_all A:nth-child(3) {margin:0 0 20px 0;}
				.ob_tile_all A:nth-child(6) {margin:0;}
				.ob_tile_all A:nth-child(4),.ob_tile_all A:nth-child(5) {margin:0 20px 0 0;}
					.ob_tile_all A Img {border-radius:6px;}
					.ob_tile_all A Span {position:absolute; bottom:0; left:0; background:url(../images/opacity.png) repeat; width:310px; height:47px;
					                     border-radius:0 0 6px 6px; transition:all 0.2s linear 0s;}
					.ob_tile_all A:hover Span {transition:all 0.2s linear 0s; height:57px;}
						.ob_tile_all A Span B {width:310px; height:47px; display:table-cell; text-align:center; vertical-align:middle; color:#fff; text-decoration:none; text-transform:uppercase;
						                       font:700 20px/22px Arial; transition:all 0.2s linear 0s;}
						.ob_tile_all A:hover Span B {height:57px; transition:all 0.2s linear 0s;}
			.ob_why_we {margin:0 0 0 60px;}
				.obw_box {width:146px; margin:6px 30px 0 0; background:url(../images/sprite.png) no-repeat; padding:73px 0 0 0; text-align:center; font:14px/18px Arial;
				          color:#333;}
				.obw_box:last-child {margin:6px 0 0 0;}
				.obw_box.icon_1 {background-position:14px -733px;}
				.obw_box.icon_2 {background-position:-151px -733px;}
				.obw_box.icon_3 {background-position:-325px -733px;}
				.obw_box.icon_4 {background-position:-500px -733px;}
				.obw_box.icon_5 {background-position:-668px -733px;}
					.obw_box B {width:146px; height:36px; margin:0 0 10px 0; position:relative; float:left;}
			.ob_we_cool {width:100%;}
				.wec_box {width:473px; margin:0 24px 24px 0;}
				.wec_box:nth-child(2) {margin:0 0 24px 0;}
				.wec_box:nth-child(3) {margin:0 24px 0 0;}
				.wec_box:nth-child(4) {margin:0;}
					.wec_photo {width:216px; height:187px; margin:0 12px 0 0;}
						.wec_photo B {width:216px; height:187px; position:absolute; top:0; left:0; z-index:1; background:url(../images/over_pic.png) no-repeat;}
						.wec_photo Img {position:relative; float:left; top:2px; left:2px; max-width:213px; max-height:184px; border-radius:10px;}
					.wec_text {width:245px; color:#333;}
						.wec_text B {position:relative; float:left; width:100%; margin:5px 0 16px 0; font:18px/23px Arial;}
						.wec_text Span {font:15px/23px Arial;}
			.ob_steps {margin:0 0 0 23px;}
				.obs_box {width:146px; margin:6px 42px 0 0; background:url(../images/sprite.png) no-repeat; padding:103px 0 0 0; text-align:center; font:15px/18px Arial;
				          color:#333;}
				.obs_box:last-child {margin:6px 0 0 0;}
				.obs_box.icon_1 {background-position:24px -1002px;}
					.obs_box.icon_1 A {width:177px; height:32px; background:url(../images/sprite.png) no-repeat -4px -1261px; position:absolute; top:164px; left:0;
					                   color:#fff; text-decoration:none; text-align:center; font:18px/22px Arial; padding:8px 0 0 0;}
					.obs_box.icon_1 A B {position:absolute; top:-1px; left:-1px; background:url(../images/upload_over.png) no-repeat; width:178px; height:42px; opacity:0;
				                         transition:all 0.2s linear 0s;}
					.obs_box.icon_1 A:hover B {transition:all 0.2s linear 0s; opacity:1;}
					.obs_box.icon_1 A Span {z-index:1; position:relative;}
				.obs_box.icon_2 {background-position:-166px -1002px;}
				.obs_box.icon_3 {background-position:-357px -1002px;}
				.obs_box.icon_4 {background-position:-548px -1002px;}
				.obs_box.icon_5 {background-position:-737px -1002px;}
					.obs_box B {position:absolute; top:36px; right:-55px; width:70px; height:22px; background:url(../images/sprite.png) no-repeat -212px -1268px;}
		/* кнопка замовлення
		---------------------------------*/
		.order_button {width:970px; background:#f8f8f8; padding:0 71px 26px;}
			.order_button A {width:354px; height:75px; background:url(../images/sprite.png) no-repeat -444px -478px; position:relative; float:left; text-decoration:none;
			                 left:50%; margin:0 0 0 -177px;}
				.order_button A B {position:absolute; top:1px; left:0; background:url(../images/order_but_over.png) no-repeat; width:354px; height:75px; opacity:0;
				                   transition:all 0.2s linear 0s;}
				.order_button A:hover B {transition:all 0.2s linear 0s; opacity:1;}
				.order_button A Span {width:354px; height:75px; display:table-cell; text-align:center; vertical-align:middle; text-decoration:none; position:relative;
				                      color:#fff; font:28px/32px Arial;}
		/* каталог - плитка
		---------------------------------*/
		.catalog {width:985px; background:#f8f8f8 url(../images/article_line.png) no-repeat center top; padding:18px 56px 26px 71px;}
		.catalog.details_bg {background:#fff url(../images/article_line.png) no-repeat center top; box-shadow:inset 0 0 82px -4px #dbdbdb;}
			.catalog_list {width:720px;}
				.click_path {width:100%; margin:0 0 10px 0;}
					.click_path A,.click_path B,.click_path Span {color:#848484; font:15px/20px Arial; text-decoration:underline; position:relative; float:left;}
					.click_path A:hover {text-decoration:none;}
					.click_path B {text-decoration:none; margin:0 6px;}
					.click_path Span {text-decoration:none;}
				H1.cl_title {width:100%; text-align:center; margin:0 0 20px 0; color:#202020; font:23px/28px Arial;}
			.cl_categories {width:720px; margin:0 0 40px 0; box-shadow:0 0 5px #ccc; background:#fff url(../images/cat_bg.png) repeat-x left bottom;}
				.clc_title {width:700px; background:#f1eee9; padding:8px 0 8px 20px; font:15px/20px Arial; color:#848484;}
				.clc_all_cat {padding:0 0 0 12px;}
					.clc_one_cat {width:192px; height:220px; margin:22px;}
						.clc_photo {width:192px; height:192px;}
							.clc_photo Span {width:192px; height:192px; display:table-cell; text-align:center; vertical-align:middle;}
								.clc_photo Img {max-width:192px; max-height:192px; vertical-align:middle;}
						.clc_name {width:192px; height:50px;}
							.clc_name Span {width:192px; height:50px; text-align:center; display:table-cell; vertical-align:middle;}
								.clc_name A {color:#000; text-decoration:underline; font:15px/20px Arial;}
								.clc_one_cat:hover A {color:#005643;}
			.all_goods {width:100%;}
				.one_good {width:236px; height:317px; padding:2px; border-radius:3px; transition:all 0.2s linear 0s;}
				.one_good:hover {box-shadow:0 0 5px #ccc; background:#fff url(../images/good_bg.png) repeat-x left bottom; transition:all 0.2s linear 0s;}
					.ribbon_hit,.ribbon_new,.ribbon_sale {width:62px; height:34px; background:url(../images/ribbon.png) no-repeat; position:absolute; top:204px; right:32px;
					                                      z-index:1;}
					.catalog_details .ribbon_hit,.catalog_details .ribbon_new,.catalog_details .ribbon_sale {top:281px; right:12px;}
					.ribbon_new {background-position:0 -70px;}
					.ribbon_sale {background-position:0 -35px;}
					.og_photo {width:236px; height:236px; overflow:hidden; border-radius:3px;}
						.og_photo Span {width:236px; height:236px; display:table-cell; text-align:center; vertical-align:middle;}
							.og_photo Img {max-width:236px; max-height:236px; vertical-align:middle;}
					.og_title {width:236px; height:38px; overflow:hidden;}
						.og_title Span {width:236px; height:38px; display:table-cell; text-align:center; vertical-align:middle;}
							.og_title Span A {color:#000; font:15px/12px Tahoma; text-decoration:none;}
							.og_title Span A:hover {text-decoration:underline;}
					.og_more {width:166px; padding:0 0 0 39px;}
						A.og_view {color:#fff; font:16px/18px Tahoma; text-decoration:none; width:125px; height:28px; text-align:center; position:relative; float:left;
								   background:url(../images/sprite.png) no-repeat 0 -165px; padding:6px 0 0 0;}
							.og_more A.og_view B {position:absolute; top:0; left:0; width:125px; height:34px; background:url(../images/more_over.png) no-repeat; opacity:0;
												  transition:all 0.2s linear 0s;}
							.one_good:hover .og_more A.og_view B {opacity:1; transition:all 0.2s linear 0s;}
							.og_more A.og_view Span {position:relative; z-index:1;}
						A.og_star {width:26px; height:24px; background:url(../images/sprite.png) no-repeat -148px -171px; margin:4px 0 0 7px;}
						A.og_star.active {background-position:-241px -171px;}
						A.og_star.delete_bookmarks {width:24px; height:24px; background:url(../images/delete.png) no-repeat;}
				.fast_buy {width:320px; text-align:center; padding:16px 0 6px;}
					.fast_buy A {color:#f58220; font:18px/22px Arial; text-decoration:underline;}
					.fast_buy A:hover {text-decoration:none;}
				.order_over {position:fixed; top:50%; left:50%; display:none; z-index:1000; background:#fff; width:552px; padding:0; box-shadow:0 0 10px #CCC;
				             border:1px solid #eaeaea; margin:-128px 0 0 -450px;}
					A.over_close {position:absolute; top:-10px; right:-10px; width:26px; height:26px; background:url(../images/close.png) no-repeat; z-index:1;}
					.mc_prodtit {color:#00604B; font:18px/22px Tahoma; width:100%;}
					.order_over .mc_name {width:309px;}
					.og_data {width:100%;}
						.ogd_col {width:335px; margin:20px 0 0 0;}
						.ogd_col .obf_long Input {width:174px;}
					A.ogd_order {width:185px; height:76px; background:url(../images/short_but.png) no-repeat; position:relative; float:left; text-decoration:none;
					             top:31px; left:16px;}
						A.ogd_order B {position:absolute; top:0; left:-1px; background:url(../images/short_but_over.png) no-repeat; width:185px; height:76px; opacity:0;
									   transition:all 0.2s linear 0s;}
						A.ogd_order:hover B {transition:all 0.2s linear 0s; opacity:1;}
						A.ogd_order Span {width:185px; height:76px; display:table-cell; text-align:center; vertical-align:middle; text-decoration:none; position:relative;
									      color:#fff; font:28px/34px Arial;}
				.over_success {padding:30px;}
				.sale_div {width:497px; padding:0 16px; height:22px; overflow:hidden; transition:height 0.2s linear 0s;}
				.sale_div.active {height:76px; transition:height 0.2s linear 0s;}
					.sd_but {width:100%; padding:0 0 10px;}
						.sd_but A {color:#323232; font:17px/21px Arial; text-decoration:underline;}
						.sd_but A:hover {text-decoration:none;}
					.mac_title Label {padding:9px 6px 0 30px; width:101px; position:relative; float:left;}
					.mac_title Input {background:#fbfbfb; box-shadow:inset 0 0 5px -1px #ccc; width:336px; height:39px; padding:0 12px; border:none; color:#323232;
					                  font:17px/21px Arial;}
			/* пагінатор
			-----------------------------------------*/
			.paginator .see_more {width:100%; margin:5px 0 20px 0;}
				.paginator .see_more A {color:#fff; font:bold 23px/28px Arial; text-decoration:none; background:#bbb; border-radius:3px; box-shadow:0 0 5px #ccc;
				                        width:214px; height:38px; padding:6px 0 0 0; left:50%; margin:0 0 0 -107px; transition:all 0.2s linear 0s;}
				.paginator .see_more A:hover {background:#a2a2a2; transition:all 0.2s linear 0s;}
			Nav.paginator {width:100%; margin:15px 0 30px;}
				.paginator A,.paginator Strong,.paginator Span {position:relative; float:left; width:42px; height:32px; background:url(../images/paginator.png) no-repeat;
				                                                margin:00; color:#373737; font:16px/20px Tahoma; text-decoration:none; text-align:center; padding:6px 0 0 0;}
				.paginator Strong {background:none; color:#fff;}
				.paginator A I,.paginator Strong I {position:relative; z-index:1; font-style:normal;}
				.paginator A B,.paginator Strong B {position:absolute; top:0; left:0; background:url(../images/paginator_hover.png) no-repeat; opacity:0;
				                                    transition:all 0.2s linear 0s; width:43px; height:35px;}
				.paginator Strong B {background:url(../images/paginator_active.png) no-repeat;}
				.paginator Strong B,.paginator A:hover B {opacity:1; transition:all 0.2s linear 0s;}
				.paginator Span {background:none; box-shadow:none; color:#282828;}
				.paginator Span.pag_left,.paginator Span.pag_right {color:#666;}
		/* детальне каталогу
		---------------------------------*/
		.catalog_details {width:720px;}
			.catalog_details H1 {width:100%; text-align:left; margin:10px 0 20px 0; color:#202020; font:25px/30px Arial; position:relative; float:left;}
			.catalog_details .artykle {width:100%; color:#848484; font:15px/20px Arial; margin:-16px 0 20px 0;}
			.cd_left {width:335px; margin:0 10px 0 0;}
			.cd_left_2 {width:442px; margin:0 10px 0 48px;}
				.cdl_photo {width:100%; margin:0 0 30px 0;}
					.cd_main_photo {width:335px; height:315px; margin:0 0 10px 0;}
						.cd_main_photo A {width:335px; height:315px; display:table-cell; text-align:center; vertical-align:middle;}
							.cd_main_photo Img {max-width:335px; max-height:315px; vertical-align:middle;}
					.cd_left_2 .cd_main_photo {background:#a8a8a8 url(../images/no_photo.png) no-repeat 94px 91px; width:340px; height:340px;
					                           box-shadow:inset 0 0 50px #737373;}
						.cd_add_photo {position:absolute; top:217px; left:0; width:100%; text-align:center;}
							#upload_alert {width:100%; position:absolute; top:10px; left:0; text-align:center; color:#fff; font-size:15px;}
							.cd_add_photo .qq-uploader {margin:0;}
								.cd_add_photo .qq-upload-button {color:#fff; text-decoration:underline; font:25px/32px Arial; background:none; border:none; padding:0;
								                                 border-radius:0; outline:none;}
								.cd_add_photo .qq-upload-button:hover {text-decoration:none;}
								.cd_add_photo A {color:#fff; text-decoration:underline; font:25px/32px Arial;}
								.cd_add_photo A:hover {text-decoration:none;}
							.cd_left_2 .cd_main_photo Span {width:340px; height:340px; display:table-cell; text-align:center; vertical-align:middle; z-index:1;
							                                position:relative;}
							.cd_left_2 .cd_main_photo Span.qq-drop-processing {display:none; width:24px; height:24px; z-index:9;}
								.cd_left_2 .cd_main_photo Span.qq-drop-processing Span {width:24px; height:24px;}
								.cd_left_2 .cd_main_photo Span.qq-drop-processing Span.qq-drop-processing-spinner {width:24px; height:24px; position:absolute; top:56px;
								                                                                                   left:10px;}
								.cd_left_2 .cd_main_photo Img {max-width:340px; max-height:340px; vertical-align:middle;}
							.addit_photos {width:340px;}
								.addit_photos .qq-uploader {margin:0; font-size:15px;}
									.addit_photos .qq-uploader .qq-upload-button {background:#a7a7a7; border-radius:0; border-bottom:1px solid #828282; color:#fff;
									                                              outline:none; transition:all 0.2s linear 0s;}
									.addit_photos .qq-uploader .qq-upload-button:hover {background:#b9b9b9; transition:all 0.2s linear 0s;}
									.addit_photos .qq-upload-list {position:relative; float:left; width:340px; margin:20px 0;}
										.addit_photos .qq-upload-list LI {position:relative; float:left; width:340px;}
											.addit_photos .qq-progress-bar {margin:0;}
									.add_img_que {width:340px; margin:0 0 20px 0;}
										.add_img_que .one_add_image {width:100px; height:63px; overflow:hidden; position:relative; float:left; margin:0 20px 20px 0;}
										.add_img_que .one_add_image:nth-child(3),.add_img_que .one_add_image:nth-child(6),.add_img_que .one_add_image:nth-child(9),
										.add_img_que .one_add_image:nth-child(12),.add_img_que .one_add_image:nth-child(15),.add_img_que .one_add_image:nth-child(18),
										.add_img_que .one_add_image:nth-child(21),.add_img_que .one_add_image:nth-child(24) {margin:0 0 20px 0;}
										A.del_my_upload_photos {width:26px; height:26px; background:url(../images/close.png) no-repeat; z-index:1; padding:0;
										                        position:absolute; top:3px; right:3px;}
											A.del_my_upload_photos Img {position:relative; float:left;}
						.cd_edit_photo {position:absolute; width:100%; left:0; bottom:10px; z-index:9;}
							.cd_edit_photo A {position:relative; float:right; color:#fff; font:15px/20px Arial; text-decoration:none; margin:0 10px 0 0; padding:2px 8px;
							                  background:#959595; border-radius:3px; transition:all 0.2s linear 0s;}
							.cd_edit_photo A:hover { background:#858585; transition:all 0.2s linear 0s;}
							.cd_edit_photo A:first-child:hover { background:#de3232; transition:all 0.2s linear 0s;}
				.effects {width:100%; margin:4px 0 14px 0;}
					.effects A {color:#323232; text-decoration:none; font:14px/12px Arial; width:61px; height:36px; padding:0 0 0 27px; border:1px solid #fff;
					            border-radius:6px; box-shadow:0 2px 5px -1px #CCC; position:relative; float:left; margin:0 5px 0 0;
								background:url(../images/icons.png) no-repeat;}
						.effects A Span {text-align:center; vertical-align:middle; display:table-cell; width:61px; height:36px;}
					.effects A:nth-child(1) {width:36px; height:36px; padding:0; background-position:10px -231px;}
					.effects A:nth-child(2) {background-position:5px -151px;}
					.effects A:nth-child(3) {background-position:6px 10px;}
					.effects A:nth-child(4) {background-position:4px -71px;}
					.effects A:hover,.effects A.active {background-color:#ececec; border:1px solid #f58220;}
				.cd_small_photos {width:100%;}
					.cd_small_photos A {width:100px; height:100px; position:relative; float:left; margin:0 7px 7px 0;}
						.cd_small_photos A Span {width:100px; height:100px; display:table-cell; text-align:center; vertical-align:middle;}
							.cd_small_photos A Span Img {max-width:100px; max-height:100px;}
				.cdl_order {width:100%;}
					.cdl_price {width:282px; height:36px; border-radius:6px 6px 0 0; background:#fff; box-shadow:0 2px 5px -1px #ccc; margin:0 0 -8px 18px; text-align:center;
					            color:#919191; font:italic 15px/20px Georgia; padding:9px 0 0 0;}
						.cdl_price B {color:#f58220; font:30px/20px "Arial Black";}
					A.cdl_order_but {width:322px; height:85px; background:url(../images/sprite.png) no-repeat -5px -213px ; position:relative; float:left;
					                 text-decoration:none;}
						A.cdl_order_but B {position:absolute; top:0; left:-1px; background:url(../images/order_good_over.png) no-repeat; width:322px; height:86px; opacity:0;
										   transition:all 0.2s linear 0s;}
						A.cdl_order_but:hover B {transition:all 0.2s linear 0s; opacity:1;}
						A.cdl_order_but Span {width:322px; height:85px; display:table-cell; text-align:center; vertical-align:middle; text-decoration:none; position:relative;
											  color:#fff; font:30px/36px Arial;}
				.secr {box-shadow:0 0 5px -1px #CCC inset; background:#FBFBFB; width:77px; height:39px; border:none; padding:0 20px; font:19px/23px Arial; color:#323232;
				       margin:10px 0 0 0;}
			.cd_right {width:375px; color:#323232;}
				.cd_right Label {width:375px; font:18px/22px Arial; position:relative; float:left;}
					.cd_right Label B {color:#fff; position:relative; float:left; background:#f6882b; width:26px; height:25px; border-radius:13px; text-align:center;
					                   padding:1px 0 0 0; margin:-1px 10px 0 0;}
				.cdr_long {width:100%; margin:6px 0 20px 0;}
					.cdrl_links {height:39px;}
						.cdrl_links A {color:#323232; font:19px/23px Arial; text-decoration:none; width:auto; height:39px; padding:6px 30px 0 30px; position:relative;
						               float:left; z-index:1; transition:all 0.2s linear 0s; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
									   box-sizing:border-box; border:1px solid #ececec;}
						.cdrl_links A:hover,.cdrl_links A.active {background:#ececec; box-shadow:inset 0 0 5px 0 #ccc; transition:all 0.2s linear 0s;
						                                          border:1px solid #f6882b;}
						
						.cdr_long A.more_mat {color:#b9b9b9; text-decoration:underline; border:none; height:auto; padding:0; font:14px/16px Arial; margin:11px 0 0 20px;}
						.cdr_long A.more_mat:hover {text-decoration:none; background:none; box-shadow:none; border:none;}
						.cdl_long {width:322px; color:#b9b9b9; font:14px/16px Arial; text-align:center; margin:0 0 20px 0;}
						
				.dropdown {width:275px; height:39px; background:#fbfbfb; box-shadow:inset 0 0 5px -1px #ccc; z-index:98;}
					.dropdown .overflow {width:275px; height:39px; overflow:hidden; position:relative; float:left;}
						.dropdown Span {color:#323232; font:19px/23px Arial; position:absolute; top:0; left:0; cursor:pointer; width:500px; height:32px;
										padding:7px 0 0 20px; overflow:hidden; z-index:2;}
							.dropdown Span B {top:0; right:245px; width:39px; height:39px; background:url(../images/drop_ar.png) no-repeat; position:absolute; z-index:3;}
							.dropdown UL {position:absolute; top:38px; left:0; background:#fbfbfb; box-shadow:inset 0 0 5px -1px #ccc; width:275px; z-index:1; margin:0;
							              padding:6px 0;}
								.dropdown UL LI {position:relative; float:left;}
									.dropdown UL LI A {text-decoration:none; color:#323232; font:19px/23px Arial; position:relative; float:left; width:250px;
									                   padding:5px 5px 5px 20px;}
									.dropdown UL LI Strong {color:#323232; font:bold 19px/23px Arial; position:relative; float:left; width:250px; padding:5px 5px 5px 20px;}
									.dropdown UL LI A:hover {text-decoration:underline;}
									.dropdown UL LI A.selected {display:none;}
									.total_area {font-style:normal; font:bold 19px/23px Arial}
				.dropdown.long {width:357px;}
					.dropdown.long .overflow {width:357px;}
						.dropdown.long Span B {right:163px;}
						.dropdown.long UL {width:357px;}
							.dropdown.long UL LI A {width:332px;}
				.pic_choose {width:100%;}
					.pc_one,.pc_tog {width:116px; height:189px; margin:0 9px 9px 0; text-decoration:none;}
						.pco_photo {width:116px; height:103px;}
							.pco_photo Span {width:116px; height:103px; display:table-cell; text-align:center; vertical-align:middle;}
								.pco_photo Img {max-width:116px; max-height:103px; vertical-align:middle;}
								.pco_photo B {position:absolute; top:0; left:0; z-index:1; background:url(../images/pic_over.png) no-repeat; width:116px; height:103px;}
						.pco_check {width:116px; height:47px; background:url(../images/sprite.png) no-repeat 40px -330px;}
						.pc_one.active .pco_check {background-position:-198px -330px;}
						.pco_text {width:116px; height:39px;}
							.pco_text B {display:table-cell; width:116px; height:39px; text-align:center; vertical-align:middle; color:#323232; font:14px/16px Arial;}
		/* кошик
		---------------------------------*/
		.ob_cart {width:970px;}
			.ob_cart_left {width:413px; margin:0 20px 0 0;}
				.ob_form {margin:0 0 10px 0;}
					.obf_long {width:100%; margin:0 0 20px 0;}
						.obf_long Label {width:101px; padding:9px 6px 0 30px; position:relative; float:left; color:#323232; font:17px/21px Arial;}
						.obf_long Input,.obf_long Textarea {background:#fbfbfb; box-shadow:inset 0 0 5px -1px #ccc; width:252px; height:39px; padding:0 12px;
						                                    border:none; color:#323232; font:17px/21px Arial;}
						.obf_long Input.error,.obf_long Textarea.error {box-shadow:0 0 5px #f00; transition:all 0.2s linear 0s;}
						.obf_long Textarea {padding:9px 12px; height:100px;}
				.ob_way {width:100%; margin:0 0 30px 0;}
					.obw_title {width:383px; padding:0 0 6px 30px; color:#00604b; font:17px/21px Arial;}
					.ob_way UL {width:373px; padding:0 0 0 40px;}
						.ob_way UL LI {position:relative; float:left; width:100%; margin:0 0 8px 0; min-height:37px;}
							.ob_way UL LI A {color:#323232; font:14px/18px Arial; text-decoration:none; padding:0 0 0 47px; position:relative; float:left;}
								.ob_way UL LI A B {position:absolute; top:0; left:0; background:url(../images/sprite.png) no-repeat 0 -340px; width:37px; height:37px;}
								.ob_way UL LI A.all_np {text-decoration:underline; background:none; color:#00604b;}
								.ob_way UL LI A.all_np:hover {text-decoration:none;}
							.ob_way UL LI A:hover,.ob_way UL LI A.active {color:#000;}
							.ob_way UL LI A.active B {background-position:-238px -340px;}
			.ob_cart_right {width:537px;}
				.main_cart {width:537px; margin:0 0 40px 0; box-shadow:0 0 5px #ccc; background:#fff url(../images/cat_bg.png) repeat-x left bottom;}
					.mac_title {width:537px; background:#f1eee9; padding:8px 0 8px 0; font:15px/20px Arial; color:#848484;}
						.mct_1 {width:104px; text-align:center;}
						.mct_2 {width:243px; text-align:center;}
						.mct_3 {width:66px; text-align:center;}
						.mct_4 {width:124px; text-align:center;}
					.mc_all_goods {width:100%;}
						.mc_one_good {width:100%; border-bottom:1px solid #f1eee9;}
							.mc_photo {width:80px; height:66px; margin:0 10px 0 0; padding:15px;}
								.mc_photo Span {width:80px; height:66px; display:table-cell; text-align:center; vertical-align:middle;}
									.mc_photo Img {max-width:80px; max-height:66px; vertical-align:middle;}
							.mc_name {width:230px; color:#000; font:14px/20px Tahoma; padding:6px 0 4px;}
								.mc_name A {color:#00604b; text-decoration:underline; font:18px/22px Tahoma;}
								.mc_name A:hover {text-decoration:none;}
							.mc_number {width:52px; padding:8px 0 0 12px;}
								.mc_number A.more,.mc_number A.less {width:40px; height:13px; background:url(../images/sprite.png) no-repeat -489px -350px;}
								.mc_number A.more:active {background-position:-489px -351px;}
								.mc_number A.less {background-position:-489px -227px;}
								.mc_number A.less:active {background-position:-489px -226px;}
								.mc_number Input {background:#fbfbfb; box-shadow:inset 0 0 5px -1px #ccc; width:40px; height:39px; padding:0; border:none; color:#323232;
								                  font:17px/21px Arial; text-align:center;}
							.mac_price {width:123px; padding:29px 0 0 0; text-align:center; color:#323232; font:14px/20px Arial;}
								.mac_price B {font:19px/20px Arial;}
							.mc_one_good A.del {position:absolute; top:10px; right:10px; color:#f00; text-decoration:none;}
						.mac_total {padding:20px 40px 30px 0; text-align:right; width:497px; color:#00604b; font:14px/20px Tahoma;}
							.mac_total Span B {font:19px/20px Arial;}
						A.main_order {width:322px; height:85px; background:url(../images/sprite.png) no-repeat -5px -213px ; position:relative; float:left; left:50%;
					                  text-decoration:none; margin:70px 0 0 -161px;}
							A.main_order B {position:absolute; top:0; left:-1px; background:url(../images/order_good_over.png) no-repeat; width:322px; height:86px; opacity:0;
										    transition:all 0.2s linear 0s;}
							A.main_order:hover B {transition:all 0.2s linear 0s; opacity:1;}
							A.main_order Span {width:322px; height:85px; display:table-cell; text-align:center; vertical-align:middle; text-decoration:none;
							                   position:relative; color:#fff; font:30px/36px Arial;}
					.order_sent {color:#000; font:23px/26px Arial; margin:50px;}
/* підвал сайту
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
Footer {width:1112px; margin:0 0 0 -1px;}
	.foo_top {width:1112px; height:77px; background:url(../images/footer.png) no-repeat;}
		.for_social {margin:10px 10px 0 10px; width:368px;}
			.for_social .fs_title {width:100%; color:#b6b6b6; font:italic 15px/18px Arial;}
		.for_email {color:#4c4a4c; font:700 italic 16px/18px Arial; text-align:center; background:#e6e6e5; width:auto; height:30px; margin:18px 10px 0 0; border-radius:4px; padding:12px 16px 0 16px;}
			.for_email Span {color:#ff8e2a;}
	.foo_menu {width:1112px; background:#928f8c;}
		.bottom_menu {width:558px; margin:26px 10px;}
		.bottom_menu.long {width:980px;}
			.bottom_menu UL {width:210px; margin:0 46px 30px 0;}
			.bottom_menu.long UL {width:296px;}
			.bottom_menu UL:nth-child(2) {margin:0 0 30px 0;}
			.bottom_menu.long UL:nth-child(2) {margin:0 46px 30px 0;}
			.bottom_menu.long UL:nth-child(3) {margin:0 0 30px 0;}
				.bottom_menu UL LI {position:relative; float:left; width:210px; margin:0 20px 0 0;}
				.bottom_menu.long UL LI {width:296px;}
					.bottom_menu LI A {position:relative; float:left; color:#fff; font:15px/18px Arial; text-decoration:none;}
					.bottom_menu LI A:hover,.bottom_menu LI A.active {text-decoration:underline;}
					.bottom_menu LI UL {margin:12px 0 0 !important;}
						.bottom_menu LI UL LI {padding:0 0 4px 20px; background:url(../images/pimp.png) no-repeat 6px 5px;}
							.bottom_menu LI UL LI A {color:#fff; font:13px/15px Tahoma;}
	
	.copy {width:1112px; background:url(../images/footer.png) no-repeat; margin:-1px 0 0; padding:0 0 12px; color:#b6b6b6; font:15px/18px Arial;}
		.rights {color:#b6b6b6; font:15px/18px Arial; margin:16px 0 0 10px;}
		.sufix {margin:16px 10px 0 10px;}
			.sufix A {color:#b6b6b6; font:15px/18px Arial; text-decoration:none;}
			.sufix A:hover {text-decoration:underline;}
	.gc {position:absolute; top:-13px; left:0;}
	.vk_w,.ok_w {position:absolute; top:85px; left:0; z-index:1;}
	.ok_w {left:210px;}
/*--------------------------------------------------------------------     Стандартні стилі сайтів     --------------------------------------------------------------------*/
/* Зворотній зв'язок
-----------------------------------------*/
.feedback {width:100%;}
	.evry_title {position:relative; float:left; width:100%; margin:0 0 5px 0;}
		.feedback Label {position:relative; float:left; margin:3px 10px 0 0; text-align:right; font:15px/26px Tahoma; color:#231f20; width:140px;}
		.feedback Input,.feedback Textarea {position:relative; float:left; margin:0 0 5px 0; background:#fff; padding:0 10px; box-shadow:0 2px 2px #CCC inset;
											height:33px; font:15px/18px Arial; color:#848484; transition:all 0.2s linear 0s; width:500px; border-radius:4px; border:none;}
		.feedback Textarea {height:130px; padding:10px;}
		.feedback Input:focus,.feedback Textarea:focus {box-shadow:0 2px 2px #b1b1b1 inset; transition:all 0.2s linear 0s;}
		.feedback .evry_title.wrong Input,.feedback .evry_title.wrong Textarea {box-shadow:0 0 2px #f00; transition:all 0.2s linear 0s;}
		.captcha Input {padding:0 6px 0 143px; text-align:center; width:371px;}
			.captcha_place {position:absolute; top:1px; left:1px; border-right:1px solid #c3c3c3; height:32px;}
				.captcha_place Img {border-radius:4px 0 0 4px;}
				.captcha_place A.reload {position:absolute; left:105px; top:2px; width:28px; height:26px; background:url(../img/refresh.png) no-repeat; transition:none;}
				.captcha_place A.reload:hover {background-position:0 -27px; transition:none;}
		.feedback A.send_adm {font:23px/26px Arial; font-weight:400; text-transform:uppercase; color:#fff; text-align:center;
		                      background:#3b9c84; height:37px; text-decoration:none; padding:13px 0 0 0; margin:0 0 10px 150px; transition:all 0.2s linear 0s; width:520px;
							  border-radius:3px;}
		.feedback A.send_adm:hover {background:#0d6e59; color:#fff; transition:all 0.2s linear 0s;}
	.mail_sent {height:22px; background:url(../img/ok.png) no-repeat 26px 0; padding:10px 0 0 70px; font:font:14px/18px Arial; color:#000;}
/* Google мапа
-----------------------------------------*/
.map_area {width:970px; height:285px; margin:0 0 20px 0;}
/* Пошук
-----------------------------------------*/
.one_search_article {width:100%; margin:20px 0 0 0; font:15px/26px Tahoma; color:#231f20;}
	.one_search_article A {text-decoration:underline; color:#3c8e7b; font-weight:bold;}
	.one_search_article A:hover {color:#ff8e2a;}
/* фон для затемнення сайту
-----------------------------------------*/
.black {position:fixed; top:0; left:0; right:0; bottom:0; z-index:100; background:#3d3d3d;}
/* 404 сторінка
-----------------------------------------*/
.page_404 {width:100%; min-width:1000px; height:100%; background:#fff;}
	.er_logo {width:1000px; margin:50px 0 90px; text-align:center;}
	.text_404 {width:1000px; text-align:center; color:#484848; font:18px/30px Arial;}
		.text_404 B {font:50px/30px Arial;}
		.text_404 A {color:#0087e6; text-decoration:none;}
		.text_404 A:hover {text-decoration:underline;}

/* Call form
-----------------------------------------*/
.phone_form {position:absolute; top:27px; right:0; display:none; z-index:1000; background:#fff; width:158px; padding:10px; box-shadow:0 0 10px #CCC;
             border-radius:0 0 6px 6px;}
	.phone_form A.hide_form {position:absolute; top:-10px; right:-10px; width:26px; height:26px; background:url(../images/close.png) no-repeat; z-index:1; padding:0;}
	.phone_form Label {color:#231F20; float:left; font:14px/26px Tahoma; margin:3px 10px 0 0; position:relative; text-align:right; width:158px;}
	.phone_form Input {background:#FFF; border:none; border-radius:4px; box-shadow:0 2px 2px #CCC inset; color:#848484; float:left; font:15px/18px Arial; height:33px;
	                   margin:0 0 5px; padding:0 10px; position:relative; transition:all 0.2s linear 0s; width:138px;}
	.phone_form Input:focus {box-shadow:0 2px 2px #b1b1b1 inset; transition:all 0.2s linear 0s;}
	.phone_form Input.error {box-shadow:0 0 2px #f00; transition:all 0.2s linear 0s;}
	.phone_form A.call_me {width:138px; padding:3px 0 0 20px; text-align:center; margin:10px 0 0 0;}

#delete_image, #edit_image{width: auto!important; height: auto!important}