@import url("reset.css");

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

.m-title {position:relative; margin-top:-5px; color:#000; font:bold 19px Verdana,Tahoma; padding-bottom:17px}
	.m-title .rss {display:-moz-inline-stack; display:inline-block; margin-top:3px; color:#000 !important; background-color:#f4c402; font:11px Arial,Helvetica; padding:2px 6px 3px; vertical-align:top}
	.m-title small {position:relative; color:#8d8d8d; font-size:11px; font-weight:normal; vertical-align:top; top:5px}
.b-desc-cat {position:relative; margin-top:-12px; padding-bottom:25px}
/* -- ---- typography ---- -- */

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

.inner {position:relative; margin:0 -278px}
.outer {position:relative; margin:0 30%}

/* // ---- top ---- // */
	.top .logo {float:left; padding:0; }
	.top .b-address {float:left; width:25%; padding-left:7px}
	.top .b-address p {padding-bottom:15px}
	.top .b-sertif {float:right; width:42%}
		.top .b-sertif p {padding-bottom:14px}
		.top .b-sertif .img-cover {position:relative; float:left; left:-121px; margin-top:-9px; margin-right:-121px}
		

	.top #topmenu {font-size:18px;margin:80px 0 0 60px;float:right;position:relative;vertical-align:bottom;}
	.top #topmenu ul li {display:inline;padding-right:30px;}
	.top #topmenu ul li a{line-height: 25px; 	}		
/* -- ---- top ---- -- */

.second-page .top {background:#f4f3f3 url(/img/top-bg.gif) repeat-x 0 100%}
	.second-page .b-address {padding-left:23px}

/* // ---- visual ---- // */
.visual {position:relative; color:#fff; font:italic 16px 'Times New Roman'; height:237px; margin:0 auto; padding:40px 16px 0 0; margin-top:10px}
	.visual big {font-size:19px; font-style:normal}
	.visual .textback {margin-left:42%}
	.visual .textback{padding:10px 20px 10px 20px; background:url(/img/textback.png)}
	.visual p {padding:0 0 7px 5px; }
	.visual .slogan {position:absolute; top:-20px; right:0; color:#adadad; font:11px Verdana,Tahoma; text-transform:uppercase}
	.visual #visuals {position:absolute; z-index:-1; left:0; top:0; width:100%; height:277px; overflow:hidden; background-color:#333}
		.visual #visuals i {position:absolute; /*left:50% !important;*/ top:0; /* margin-left:-1000px;*/ width:2000px !important; height:277px; background-repeat:no-repeat; /* background-position:50% 0 */}
		
/* -- ---- visual ---- -- */

/* // ---- middle ---- // */
.middle {margin:0 auto; padding:33px 0 15px}
/* -- ---- middle ---- -- */

/* // ---- grids ---- // */
.grid-1 {}
	.grid-1 .l-col-1 {float:left; width:19%; margin-right:-50%}
		.grid-1 .l-col-1-i {padding-right:33px}
	.grid-1 .l-col-2 {position:relative; left:19%; float:left; width:61%; margin-right:-100%}
		.grid-1 .l-col-2-i {position:relative; padding:0 7px 0;}
	.grid-1 .l-col-3 {float:right; width:20%}
		.grid-1 .l-col-3-i {padding-left:33px}
		.grid-1 .l-col-3-i2 {padding-left:63px}

.grid-2 {}
	.grid-2 .l-col-1 {float:left; width:19%; margin-right:-50%}
		.grid-2 .l-col-1-i {padding-right:33px}
	.grid-2 .l-col-2 {position:relative; z-index:1; float:right; width:81%}
		.grid-2 .l-col-2-i {padding-left:23px}
/* -- ---- grids ---- -- */

/* // ---- navigation ---- // */
.navigation {position:relative; z-index:3; margin-top:-3px; color:#000; font-size:13px; padding-bottom:45px}
	.navigation li {padding:0}
	.navigation a {display:-moz-inline-stack; display:inline-block; padding:4px 0 5px}
	.navigation .hr {position:relative; display:block; color:#fff !important; font-weight:bold; background-color:#000; margin:0 -4px 0 -9px; padding:4px 4px 5px 9px}
	.navigation .dealer {padding-top:22px}
		.navigation .dealer a {position:relative; margin-left:-16px; padding-left:16px; background:url(/img/ico-dealer.gif) no-repeat 0 0; padding-top:0}
	.navigation ul {font-size:13px; padding:8px 0 0 13px}
		.navigation ul a {padding:0; display:inline}
		.navigation ul li {padding:0 0 6px}
		.navigation ul ul {font-size:11px; padding:3px 0 0 17px}
			.navigation ul ul li {padding-bottom:3px}
/* -- ---- navigation ---- -- */

.b-info-tip {color:#7d7b7b; font-size:11px; line-height:16px; font-style:italic; padding-bottom:20px}

/* // ---- news list ---- // */
.b-news-list {}
	.b-news-list li {padding-bottom:24px}
	.b-news-list h2 {font-size:14px; padding-bottom:8px}
		.b-news-list h2 a {padding-right:5px}
	.b-news-list h2 small {color:#8d8d8d; font-size:11px; font-weight:normal}
	.b-news-list p {padding-bottom:14px}
	.b-news-list .ph {padding-bottom:9px; float:left;  margin:2px 13px 0 0;}
.m-news-1 {width:80%; }
	.m-news-1 .ph {float:left; margin:2px 13px 0 0}
	.m-news-1 li {padding-bottom:30px}
/* -- ---- news list ---- -- */

.b-all {position:relative; color:#ef0a0a; padding-bottom:18px}
	.b-all a {color:#7d7b7b}
		.b-all a:hover {color:#cf0a0a}
	.b-all .rss {position:absolute; top:-1px; right:100%; margin-right:10px; color:#000 !important; background-color:#f4c402; font-size:11px; padding:2px 6px 3px}
.b-all-art {padding-bottom:25px}
	.b-all-art a {color:#514f4f}
		.b-all-art a:hover {color:#cf0a0a}

.b-articles-side {line-height:16px; list-style:none}
	.b-articles-side li {padding-bottom:15px; list-style:none}

.bn-of {padding-top:27px}

/* brands */
.b-brands {padding-bottom:27px}
	.b-brands ul {position:relative; margin-left:-18px}
	.b-brands li {display:-moz-inline-stack; display:inline-block; vertical-align:top; padding:0 0 8px 18px; margin-right:-3px}
	.b-brands div {position:relative}
/* brands */

/* // ---- bottom ---- // */
.bottom {position:relative; font-size:11px; line-height:16px; border-top:1px solid #adadad; padding-top:8px; padding-bottom:20px}
	.bottom .l-col-1 {float:left; width:35%; padding-right:3px}
		.bottom .l-col-1 .feedback {position:relative; margin-left:-16px; padding-left:16px; background:url(/img/ico-pp.gif) no-repeat 0 3px}
	.bottom .l-col-2 {float:left; width:41%}
		.bottom .l-col-2 .i-p {float:left; color:#8d909a; font-size:12px; padding:2px 1px 2px 4px; width:75%; margin-right:10px}
		.bottom .l-col-2 .btn {float:left; margin-top:8px}
		.bottom .l-col-2 .feedback {position:relative; margin-left:-16px; padding-left:16px; background:url(/img/ico-pp.gif) no-repeat 0 3px}
.bottom .l-col-3 {float:right; width:20%}
		.bottom .l-col-3 span {color:#d0cccc}
	.bottom .boombox {position:absolute; right:40px; top:-69px; width:119px; height:68px; background-image:url(/img/btm-vis.jpg)}
/* -- ---- bottom ---- -- */

/* // ---- for editor ---- // */
.for-editor {font-size:13px; line-height:16px}
	.for-editor p {padding-bottom:16px}
	.for-editor .brd {position:relative; top:-7px; width:380px; height:1px; overflow:hidden; background-color:#d1d1d1; font-size:1px}
	.for-editor h2 {color:#000; font-size:13px}
	.for-editor .date-col {display:-moz-inline-stack; display:inline-block; width:147px}
	.b-contacts {font-size:12px}
.news-editor {}
	.news-editor .img-left {float:left; margin:3px 13px 0 0}
	.news-editor p {padding-bottom:10px}
	.news-editor ul {list-style: disc; margin-left:10px; padding-left:10px}
/* -- ---- for editor ---- -- */

.tabs-date {position:relative; margin-top:-10px; padding-bottom:18px}
	.tabs-date li {float:left; padding-right:9px}
	.tabs-date a {color:#7d7b7b}
		.tabs-date a:hover {color:#cf0a0a}

/* // ---- articles ---- // */
.b-articles {padding-bottom:40px}
	.b-articles .col-1 {float:left; width:70%; margin-right:-15%}
		.b-articles .col-1 dt, .b-articles .col-1 dd {margin-right:10px; padding-bottom:11px}
	.b-articles .col-2 {float:right; width:25%}
		.b-articles .col-2 dt, .b-articles .col-2 dd {margin-left:10px; margin-bottom:30px; border:1px solid silver; width:220px}
	.b-articles dt {font:11px Verdana,Tahoma; background-color:#f4f3f3; padding:5px; text-align:center; margin-bottom:16px}
	.b-articles dd {}
/* -- ---- articles ---- -- */

.download-link {font-weight:bold; background:url(/img/ico-download.png) no-repeat 0 0; padding:1px 0 2px 20px}

.prev-next {position:relative; margin-right:-14px; color:#d5d2d2; font-size:11px; padding-top:22px; text-align:right}
	.prev-next a {text-decoration:none}
		.prev-next a span {text-decoration:underline}
	.prev-next .arr {text-decoration:none}
	.prev-next b {padding:0 40px}

/* // ---- pages ---- // */
.pages {position:relative; z-index:2; font-size:13px}
	.pages p {padding-bottom:11px}
	.pages .hr {color:#fff; background-color:#000; font-weight:normal; padding:2px 3px}
	.pages a {padding:2px 3px}
	.pages .pn a {margin-right:10px; padding:0}
/* -- ---- pages ---- -- */

/* // ---- product page ---- // */
.b-card-prod {padding-bottom:20px}
	.b-card-prod .ph {padding-right:20px}
	.b-card-prod .b-tech-char {font-size:11px; background-color:#f4f3f3; display:inline-block; padding:8px 14px 4px 9px}
		.b-card-prod .b-tech-char h2 {padding-bottom:7px}
		.b-card-prod .b-tech-char th {width:198px; padding-bottom:5px; vertical-align:top; background:url(/img/tech-bg.gif) repeat-x 0 10px}
			.b-card-prod .b-tech-char th span {background-color:#f4f3f3; padding-right:2px}
		.b-card-prod .b-tech-char td {padding-bottom:5px; vertical-align:top; padding-left:3px}

.b-card-description {line-height:16px;}
	.b-card-description .l-dcol-1 {float:left; width:70%;}
	.b-card-description .l-dcol-2 {float:right; width:23%; margin-left:10px}
	.b-card-description p {padding-bottom:19px}
/*	.b-card-description .b-info-tip {width:44%; padding-top:20px}*/
	.b-card-description .b-articles-side {padding-bottom:10px}
		.b-card-description .b-articles-side li {padding-bottom:10px}
		.b-card-description .b-articles-side li ul {margin-left:1em;}
	.b-card-description .bn-of {text-align:center}

	.b-card-description ul {list-style: disc; margin-left:10px; padding-left:10px}


/* // ---- preview cats ---- // */
.b-preview-cats {position:relative; font-size:11px; line-height:16px; border-bottom:1px solid #dddcdb; margin-right:-22px; padding-bottom:15px}
	.b-preview-cats ul {position:relative; font-size:11px; line-height:16px; margin-left:-26px;}
	.b-preview-cats li {float:left; width:24%; margin-right:4px}
		.b-preview-cats li div {position:relative; margin-right:-10px; padding:0 0 0 26px}
	.b-preview-cats p {padding-bottom:5px}
	.b-preview-cats .ph {padding-bottom:5px; padding-left:0}
	.b-preview-cats h2 {font-size:13px; padding-bottom:14px}
.m-preview-1 {border-bottom-width:0; margin-bottom:-40px}
	.m-preview-1 ul {margin-left:-40px}
	.m-preview-1 li {display:inline-block; float:none; vertical-align:top; width:33%; margin-right:-3px; padding:0 0 50px 0}
	.m-preview-1 li div {position:relative; padding:0 15px 0 25px; margin-right:0}
	.m-preview-1 h2 {padding-bottom:2px}
/* -- ---- preview cats ---- -- */

.b-preview-list {position:relative; margin:0 -22px 0 -26px; padding-top:25px}
	.b-preview-list ul {float:left; font-weight:bold; width:30%; margin-right:4px}
		.b-preview-list ul li {position:relative; margin-right:-10px; padding:0 0 20px 30px}
		.b-preview-list ul ul {font-weight:normal; float:none; width:auto; padding:7px 0 0 15px; margin-right:0; margin-bottom:-5px}
			.b-preview-list ul ul ul {margin-bottom:0}
			.b-preview-list ul ul li {padding:0 0 10px; margin-right:0}
.b-preview-list ul li a {font-size:1.2em;} 			


.b-gallery-prod {float:left; padding-right:50px}
	.b-gallery-prod .ph {position:relative; margin-bottom:10px}
	.b-gallery-prod .thumbs {padding-bottom:25px}
		.b-gallery-prod .thumbs li {float:left; padding-right:6px}
			.b-gallery-prod .thumbs li img {padding:1px; border:1px solid #e0e1e1}
			.b-gallery-prod .thumbs .activeSlide img {-moz-opacity:0.4; opacity:0.4; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40)}
			
/* -- ---- product page ---- -- */

.tabs-ajax {position:relative; margin-top:-14px; margin-left:-7px; padding-bottom:18px}
	.tabs-ajax li {float:left; padding-right:4px}
	.tabs-ajax a {display:block; padding:3px 7px; text-decoration:none}
	.tabs-ajax a span {border-bottom:1px dashed}
	.tabs-ajax .current {color:#fff; font-weight:bold; background-color:#000}
	.tabs-ajax .current span {border-bottom-width:0}

.b-towns {}
	.b-towns ul {padding-bottom:25px; padding-right:25px}
	.b-towns .col {float:left; width:33%}
	.b-towns li {padding-bottom:6px}
	.b-towns .letter {position:absolute; color:#5e5959; font-size:16px; margin-left:-21px; margin-top:-3px}

.b-dilers-addr {position:relative; margin-left:-25px; line-height:16px}
	.b-dilers-addr li {display:-moz-inline-stack; display:inline-block; vertical-align:top; width:168px; margin-right:-4px; padding-left:25px; padding-bottom:40px}
	.b-dilers-addr div {position:relative}
	.b-dilers-addr h2 {font-size:17px; font-weight:normal; line-height:1em; padding-bottom:5px}
	.b-dilers-addr .m {color:#d90909}
	
.zmenu  {text-align: right;white-space: nowrap; position: relative}
.zmenu  .zblock {height: 75px; width:190px; float: right;padding-top: 20px; color: #969696; font-size: 12px; line-height: 16px}
.zmenu a {font-size: 18px; padding-left: 3%; line-height: 25px; }
.zmenu .zblock a.feedback {font-size:12px;line-height:16px;  padding-left:16px; background:url(/img/ico-pp.gif) no-repeat 0 3px}

.top {background: #f4f3f3; border-bottom: 1px solid #c4c4c4; height: 111px}

.form {font-size: 1.2em; line-height: 1.6em }
.form input[type=text], .form textarea {background: #F4F3F3; width: 100%; font-size: 14px; border: 1px solid #D9D5CB; padding: 2px 4px 3px; color: gray;}
.form input[type=image]{ padding: 2px 4px 3px; }
.warning {color: #F75E1C}