@import url("reset.css");

body {color:#000; background-color:#fff; font:12px Arial,Helvetica,'MS Sans Serif',sans-serif}
td,th {color:#000; 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:#b50097; text-decoration:underline}
a:hover {color:#d2009a}

h1 {color:#c0409c; font-size:18px; font-weight:normal; padding-bottom:6px}
.b-title {background:url(/img/brd.gif) repeat-x 0 100%; padding-bottom:4px; margin-bottom:17px}
.dot-title {position:relative; background:url(/img/brd.gif) repeat-x 0 100%; margin:0 -13px 16px -8px; padding:0 0 0 8px; line-height:normal}
	.dot-title strong {display:-moz-inline-stack; display:inline-block; background:url(/img/dot-t-bg.png) no-repeat 0 0; padding-left:3px; font-weight:normal; border-bottom:2px solid #fff}
		.dot-title span {font-size:13px; display:-moz-inline-stack; display:inline-block; background:url(/img/dot-t-bg.png) no-repeat 100% 0; padding:7px 10px 3px 8px; font-weight: bold;}

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

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

/* // ---- top flash ---- // */
.top-flash {width:984px; margin:0 auto 5px; background:url(/img/bg-top-shad.png) no-repeat 0 100%; padding:8px 0 7px}
	.top-flash .flash-l {float:left; width:722px; border:1px solid #dadada}
	.top-flash .phone {float:right; width:258px; border:1px solid #dadada; height:153px; background:url(/img/img-phone.gif)}
/* -- ---- top flash ---- -- */

/* // ---- top ---- // */
.top {background:#5c3962 url(/img/top-bg.png) repeat-x 50% 0; height:111px}
	.top .outer {width:968px; margin:0 auto; padding:16px 19px 0 13px}
	.top .logo {float:left; padding:8px 41px 0 0}
	.top .slogan {position:relative; float:left; width:300px; height:71px; text-indent:-9999em; overflow:hidden; background-image:url(/img/title-slogan.png)}
	.top .search-site {float:right; padding-top:26px; width:137px}
		.top .search-site .i-p {float:left; color:#3f3f3f; border-width:0; background-color:#fff; padding:2px 1px 2px 3px; margin-right:6px; width:118px}
		.top .search-site .btn {float:right; margin-top:4px}
		.top .search-site small {display:-moz-inline-stack; display:inline-block; clear:both; font-size:12px; padding-top:3px}
			.top .search-site small a {color:#d975bd}
				.top .search-site small a:hover {color:#d2009a}
/* -- ---- top ---- -- */

/* // ---- middle ---- // */
.middle {padding:18px 0 0; margin:0 auto; width:1000px}
 
.long-col {float:right; width:745px;}
.long-col-short {position:relative; float:right; width:723px; padding-right:13px; padding-bottom: 5px;}
.long-col-short  td {border:1px solid #fff; background-color:#f0f0f0; padding:5px 7px 5px 13px; vertical-align:top}
.side-col {float:left; width:238px}
/* -- ---- middle ---- -- */

/* // ---- navigation ---- // */
.navigation {position:relative; background:#bdbbbc url(/img/navigation-bg.png) repeat-y 0 0; font-size:13px; font-weight:bold}
	.navigation li {border-bottom:1px solid #fff; padding:8px 10px 9px 31px; background:url(/img/ar-li.gif) no-repeat -10px 14px}
	.navigation a {color:#3f3f3f; text-decoration:none}
		.navigation a:hover {color:#fff}
	.navigation ul {padding:19px 0 23px; background:url(/img/navigation-br.png) no-repeat 100% 100%; }
		.navigation .lst {border-bottom-width:0}
	.navigation .c-tr {width:19px; height:20px; background:url(/img/corns.png) 0 0}
		.navigation ul ul {font-weight:normal}
	.navigation .hr {background:#d197c1 url(/img/nav-bg-hr.png) repeat-y 0 0}
		.navigation ul .here {position:relative; display:block; color:#fff; background:url(/img/ar-li.gif) no-repeat 0 -37px; margin-left:-16px; padding-left:16px; text-decoration:none}
		.navigation ul ul {background-image:none; padding:1px 0 0}
			.navigation ul ul li {border-bottom-width:0; background-image:none; padding:7px 0 3px 11px}
			.navigation ul ul li a {color:#fff}
				.navigation ul ul li a:hover {color:#ffbeee}
			.navigation ul ul .hr {position:relative; margin:0 -10px 0 -31px; padding-left:41px; background-image:url(/img/nav-bg-hr-hr.png); background-color:#886b9a}
				.navigation ul ul .here {color:#ffbeee; background-image:none; font-weight:normal}
				.navigation ul ul ul {font-size:11px; padding:2px 0}
					.navigation ul ul ul li {padding:1px 0 2px 9px; background:url(/img/list.gif) no-repeat 0 6px}
					.navigation ul ul ul .hx {background:url(/img/list_on.gif) no-repeat 0 6px;}
/*-------------------------*/					
.navigation ul ul ul .hr {position:relative; margin:0 -10px 0 -31px; padding-left:51px; background-image:url(/img/nav-bg-hr-hr.png); background-color:#886b9a}
				.navigation ul ul ul .here {color:#ffbeee; background-image:none; font-weight:normal}
				.navigation ul ul ul ul{font-size:11px; padding:2px 0}
					.navigation ul ul ul ul li {padding:1px 0 2px 9px; background:url(/img/nav-li.gif) no-repeat 0 8px}
/*-------------------------*/			
.small-nav ul {padding:8px 0 9px}
.sh {display:block; height:16px; background:url(/img/i-sh.png) no-repeat 0 0}
/* -- ---- navigation ---- -- */

/* // ---- fast nav ---- // */
.fast-nav {font-size:13px; font-weight:bold}
	.fast-nav li {float:left}
		.fast-nav li div, .big-fast-nav div {border:1px solid #dadada; text-align:center; background:url(/img/small-tb-l.png) no-repeat 0 0}
			.fast-nav li div a, .big-fast-nav div a {position:relative; display:block; padding:11px 2px 12px; background:url(/img/small-tb-r.png) no-repeat 100% 0}
	.fast-nav a, .big-fast-nav a {color:#a00}
		.fast-nav a:hover, .big-fast-nav a:hover {color:#d2009a}
	.fast-nav .ico {position:absolute; top:7px; height:27px; background-image:url(/img/small-tb-ico.png); font-size:1px}
	.fast-nav .fast-1 {width:139px}
		.fast-nav .fast-1 a {padding-left:32px}
		.fast-nav .fast-1 .ico {margin-left:-32px; width:28px; background-position:0 0}
	.fast-nav .fast-2 {width:250px}
		.fast-nav .fast-2 a {padding-left:31px}
		.fast-nav .fast-2 .ico {margin-left:-31px; width:27px; background-position:-28px 0}
	.fast-nav .fast-3 {width:118px}
		.fast-nav .fast-3 a {padding-left:29px}
		.fast-nav .fast-3 .ico {margin-left:-29px; width:24px; background-position:-55px 0}
	.fast-nav .fast-4 {width:230px}
		.fast-nav .fast-4 a {padding-left:35px}
		.fast-nav .fast-4 .ico {margin-left:-35px; width:30px; background-position:-79px 0}
	.sh-l {display:block; width:100%; height:7px; background:url(/img/shad.png) no-repeat 0 0}
		.sh-l i {display:block; margin-left:auto; width:60px; height:7px; background:url(/img/shad.png) no-repeat 100% 0}
/* -- ---- fast nav ---- -- */

/* // ---- big fast nav ---- // */
.big-fast-nav {font-size:18px; width:984px; margin:0 auto; padding:8px 0}
	.big-fast-nav li {float:left}
	.big-fast-nav div {background-image:url(/img/fast-nav-l.png)}
		.big-fast-nav div a {padding-top:17px; padding-bottom:20px; background-image:url(/img/fast-nav-r.png)}
		.big-fast-nav .ico {position:absolute; top:7px; height:44px; background-image:url(/img/fast-nav-ico.png); font-size:1px}
	.big-fast-nav .fast-1 {width:190px}
		.big-fast-nav .fast-1 a {padding-left:67px}
		.big-fast-nav .fast-1 .ico {margin-left:-67px; width:47px}
	.big-fast-nav .fast-2 {width:328px}
		.big-fast-nav .fast-2 a {padding-left:59px}
		.big-fast-nav .fast-2 .ico {margin-left:-59px; width:43px; background-position:-47px 0}
	.big-fast-nav .fast-3 {width:165px}
		.big-fast-nav .fast-3 a {padding-left:57px}
		.big-fast-nav .fast-3 .ico {margin-left:-57px; width:41px; background-position:-90px 0}
	.big-fast-nav .fast-4 {width:301px}
		.big-fast-nav .fast-4 a {padding-left:65px}
		.big-fast-nav .fast-4 .ico {margin-left:-65px; width:55px; background-position:-131px 0}
/* -- ---- big fast nav ---- -- */

/* // ---- briefly about ---- // */
.briefly-about {padding:15px 15px 10px 15px; line-height:21px; margin-bottom:22px}
	.briefly-about h1 {padding-bottom:15px}
	.briefly-about p {padding-bottom:21px}
	.briefly-about .ofi{float: left; margin: -15px 0px 5px -15px;}
/* -- ---- briefly about ---- -- */

/* // ---- main blocks ---- // */
.main-blocks {background:url(/img/brd.gif) repeat-x 3px 0; width:1000px; margin:0 auto; padding:3px 0 23px}
	/* // ---- new products ---- // */
	.new-products {background:#97568e url(/img/new-prod-bg.png) repeat-x 0 0}
		.newprod {color:#fff; background:url(/img/new-prod-bg-b.png) repeat-x 0 100%; padding:41px 20px 56px 31px}
			.newprod h2, .tipsblock h2 {color:#fff; font:18px 'Trebuchet MS'; padding-bottom:24px}
			.newprod li {}
				.newprod li a {color:#fff}
					.newprod li a:hover {color:#ffbeee}
			.newprod h3 {font-size:1em; font-weight:normal; padding-bottom:14px}
	
	.line-collection {}
		.line-collection li {float:left; text-align:center; padding-right:11px; height:120px}
			.line-collection li small {display:block; font-size:11px; text-decoration:underline; width:120px}
		.line-collection img {border:2px solid #fff; margin-bottom:4px}
		.line-collection a {color:#ffbeee !important; text-decoration:none}
			.line-collection a:hover img, .view-cats .item a:hover img {border-color:#ffbeee}
	/* -- ---- new products ---- -- */
	/* // ---- tips block ---- // */
	.tips-block {background:#a28bb4 url(/img/tips-block.png) repeat-x 0 0}
		.tips-block h2 {padding-left:17px}
		.tipsblock {padding:41px 0 66px 14px; background:url(/img/tips-crn.gif) no-repeat 0 100%}
		.tipsblock .item {float:left; padding:1px; background-color:#fff; margin-left:17px}
			.tipsblock .item a {display:block; border:1px solid #a28bb3; padding:9px 10px; width:137px; line-height:19px}
				.tipsblock .item img {margin-bottom:7px}
				.tipsblock .item a span {display:block; padding-left:11px; background:url(/img/ar.gif) no-repeat 0 8px}
	/* -- ---- tips block ---- -- */
/* -- ---- main blocks ---- -- */

.sh-r {display:block; width:214px; height:10px; margin-left:auto; background:url(/img/sh-r.png); font-size:1px}

/* // ---- news block ---- // */
.news-block {position:relative; margin-right:-17px; padding:19px 17px 31px 23px; background:url(/img/brd.gif) repeat-x 3px 100%}
	.news-block h2, .producer-block h2 {font:18px 'Trebuchet MS'; background:url(/img/title-bg.png) no-repeat 0 0; padding:22px 0 22px 27px}
	.news-block li {padding:0 0 21px 27px; background:url(/img/ar-g.gif) no-repeat 0 7px; line-height:19px}
	.news-block h3 {font-size:1em; font-weight:normal}
	.news-block .dt {color:#ae5b99; font-size:11px}
	.news-block .all-news {position:relative; margin-top:-1px; font-weight:bold; background:url(/img/ar-b.gif) no-repeat 2px 0; padding-left:27px}
/* -- ---- news block ---- -- */

/* // ---- producer-block ---- // */
.producer-block {position:relative; padding:19px 0 0 23px}
	.producer-block ul {text-align:center}
		.producer-block ul li {padding:15px 0}
/* -- ---- producer-block ---- -- */

/* // ---- bottom ---- // */
.bottom {color:#3f3f3f; background:url(/img/brd.gif) repeat-x 3px 0; margin:0 auto; width:962px; padding:32px 19px 26px; line-height:15px; font-size:11px;position: relative}
	.bottom .b-col-1 {float:left; background:url(/img/title-bg.png) no-repeat 0 0; width:243px; padding:0 0 20px 27px}
		.bottom .b-col-1 big {display:block; font-size:12px; padding-bottom:3px}
	.bottom dl {float:left; padding:0 20px 0 40px; width:214px; background:url(/img/ar-li.gif) no-repeat -3px 6px}
		.bottom dl dt {font-size:12px; padding-bottom:3px}
	.bottom .phone {color:#b50097; font-size:16px; font-weight:bold; line-height:18px}
		.bottom .phone small {color:#3f3f3f; font-size:16px}
.bottom .develop {position:absolute; top:32px; right:0; width:98px; font-size:11px; line-height:1em}
.bottom .develop a {text-decoration:none}
.bottom .develop i {position:absolute; left:-42px; top:-6px; width:34px; height:34px; background-image:url(/img/prosto.png)}
.bottom .develop a:hover {text-indent:0}
.bottom .develop a:hover i {background-position:0 100%}
/* -- ---- bottom ---- -- */

/* // ---- path ---- // */
.path {color:#696969; font-size:10px; padding:27px 0 11px}
	.path a {color:#696969}
	.path li {float:left; padding-right:10px; margin-right:7px; background:url(/img/path-ar.gif) no-repeat 100% 4px}
		.path li.active {background-image:none}
/* -- ---- path ---- -- */

/* // ---- view catalog ---- // */
.view-catalog {position:relative; margin:0 -13px 0 -8px; padding-left:14px}
	.view-catalog li {margin-bottom:-1px}
	.view-catalog .dot-title {margin-left:0px; margin-right:0}
	.view-catalog .img-cover {float:left; position:relative; left:0px; margin-bottom: 10px; width: auto;}
		.view-catalog .img-cover a:hover img {border-color:#d197c1; border-left-color:#a28bb3}
		.view-catalog .img-cover img {border:1px solid #b8b8b8; padding: 1px;}
		.view-catalog .img-cover .s-ar {position:relative; margin-top:-1px; display:block; height:7px; background:#a28bb3 url(/img/cover-ar.png) no-repeat 100% 0; font-size:1px;}
	.view-catalog .sh-block {background:url(/img/sh-block.png) no-repeat 100% 100%; padding-bottom:11px; margin-bottom:16px}
		.view-catalog .sblock {background:url(/img/sh-block-bg.png) repeat-y 100% 0; padding:10px 24px 10px 168px;}
		.view-catalog .sblock0 {background:url(/img/sh-block-bg.png) repeat-y 100% 0; padding:10px 24px 10px 168px;}
		.view-catalog h3 {position:relative; font-size:14px; padding-bottom:9px}
		.view-catalog p {color:#454545; font-size:11px; line-height:13px; padding-bottom:9px}

.collections {padding-top:14px; padding-right:14px}
	.collections ul {float:left; width:30%; margin-right:2%}
	.collections ul ul {margin-top: 7px; margin-left: 10px;}
	.collections ul ul ul {margin-top: 7px; margin-left: 10px;}
	.collections ul ul li {white-space: nowrap;}
		.collections ul li {padding:0 0 6px 7px}
			.collections ul a {display:block; padding-left:22px; background:url(/img/ar-h.png) no-repeat -41px 0}
				.collections ul a:hover {background-position:0 -44px}
.subl {color: black; border-bottom: 1px solid #e2e2e2; text-decoration: none;}
.subl:hover {color: black; border-bottom: none; text-decoration: none;}
.kropis {padding:10px 24px 7px 168px; margin: 0; margin-bottom: 8px;}
.kropis_b {background:url(/img/sh-block-bg.png) repeat-y 100% 0; margin: 0; padding:10px 24px 7px 168px;}
/* -- ---- view catalog ---- -- */

/* // ---- for editor ---- // */
.for-editor {line-height:21px}
	.for-editor p {padding:0 0 5px 0; margin: 0;}
	.for-editor ul {list-style-type: disc; padding: 0 0 10px 30px; margin: 0;}
	.for-editor .dot-title {margin-bottom:10px}
/* -- ---- for editor ---- -- */
.long-col-short p {margin-bottom:10px}
/* // ---- view-cats ---- // */
.view-cats {padding-bottom:13px}
.view-cats .next_line {clear: both;}
	.view-cats .item {float:left; padding-right:11px; text-align:center; padding-bottom:11px;cursor: pointer}
		.view-cats .item a {text-decoration:none}
		.view-cats .item .mimg {margin-bottom:4px; width: 124px; height: 124px; overflow: hidden;}
		.view-cats .item .mimg img {border:2px solid #dedede; width: 120px;}
	.view-cats .item span {display:block; width:120px; font-size:11px; text-decoration:underline}
/* -- ---- view-cats ---- -- */

.tech-char {width:100%; margin-bottom:10px}
	.tech-char th {color:#d2009a; font-weight:bold; border:1px solid #fff; background-color:#f0f0f0; text-align:center; padding:5px 7px 5px 13px; vertical-align:top}
	.tech-char td {border:1px solid #fff; background-color:#f0f0f0; padding:5px 7px 5px 13px; vertical-align:top}

/* // ---- feedback ---- // */
.feedback {padding-bottom:10px; width:498px}
	.feedback .inputs {padding-bottom:7px}
	.feedback .inp input {width:203px}
	.feedback .inp textarea {width:488px}
	.feedback .btn {text-align:right}
	.feedback .btn input {color:#fff; width:103px; padding-top:4px; padding-bottom:4px; line-height:18px; background:#ffa200 url(/img/btn-bg.png); border-width:0; font-size:18px}
		.feedback .btn input.btn-hover, .feedback .btn input:hover {background:#d2009a url(/img/btn-bg.png) 0 100%}
		
/* -- ---- feedback ---- -- */