<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

@import url('../fonts/fonts.css');

/* --------------- default --------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i,  dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	font-size: 100%;
}
a                 { margin: 0; padding: 0; font-size: 100%; background: transparent;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section 
                  { display:block;}
nav ul            { list-style:none;}

sub, sup          { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup               { top: -0.5em; }
sub               { bottom: -0.25em; }
ins               { text-decoration: none;}
p, pre,
blockquote, ul, ol, dl            
				  { margin: 1em 0;}
blockquote        { margin-left: 40px; margin-right: 40px;}
ol, ul, dd        { margin-left: 40px;}
pre, code, 
kbd, samp         { font-family: monospace, sans-serif;}

h1,h2,.zagh2,h3,.zagh3 ,h4,h5,h6 { font-weight: normal; color:#006699; font-family:CuprumRegular, "Arial Narrow", sans-serif;}
h1                { font-size: 35px; margin:0 0 14px;}
h2, .zagh2        { font-size: 25px; margin: .1em 0;}
h3, .zagh3        { font-size: 22px; margin: .5em 0;}
h4                { font-size: 17px; margin: .8em 0;}
h5                { font-size: 15px; margin: .9em 0;}
h6                { font-size: 14px; margin: 1.0em 0;}

.tit h1,
.tit h2,
.tit h3,
.tit h4,
.tit h5,
.tit h6 {text-shadow:0 1px 0 #fff;}



.h_zone {height:auto; width:880px; padding:17px 35px 0; margin:-27px auto 0; background:url(../images/h_zone.png) 50% 0 no-repeat;}
.h_zone:after {content: ''; display: block; clear: both;}
.h_zone h1 {text-shadow:0 -1px 0 #fff; float:left;}

.serv .h_zone h1 {font-size:32px;}
.serv .h_zone {height:auto; margin:-27px auto 0; background:url(../images/h_zone2.png) 50% 0 no-repeat;}

body, input, select, button, textarea
				  { font-family: Arial, Helvetica, sans-serif;}
html 			  { overflow-y: scroll; height:100%; min-width:980px;}
body 			  { text-align: justify; line-height: 1.2; font-size: 14px; color: #333; 
    				height:100%; position:relative; background:fixed url(../images/bg.jpg) 50% 601px repeat;
					min-width:980px; }

a           	  { text-decoration: underline; color: #069;}
a:hover 		  { text-decoration: underline; color:#39c;}
a:visited         { color: #666;}

img 			  { border: none;}
hr 				  { color: #aaa; background: #aaa; height: 1px; border: none;}


input, select, button, textarea { margin: 0; font-size: 100%; color: #000; vertical-align: middle; }
input[type="button"], input[type="submit"], input[type=reset], button { cursor: pointer; }
input[disabled], button[disabled] { cursor: default;}
button, input { line-height: normal; }
fieldset { border: 1px solid gray;}
legend { border: 0; padding: 0; white-space: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }


.clear { clear: both; height: 0; overflow: hidden; font-size: 0;}
.clear_inside { height: 233px; clear:both;}

.clear_inside:after,
.clear_self:after,
.content_body:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden;}


.path { font:normal 11px Tahoma, Geneva, sans-serif; color:#069; margin-bottom:11px;}
.path img {margin:0 3px;}
.path a:visited {color:#069;}
.path a:hover {color:#39c;}

/* --------------- /default ---------*/


/* content
-------------------------------*/
.content { padding:27px 0 40px; width:950px; min-height: 200px; margin: 0 auto; position:relative;}

.ins {width: 950px; padding-right:35px; padding-left:35px; margin:0 auto;}
.tit .ins {padding-right:0; padding-left:0;}
.h_zone + .ins {background:url(../images/h_next.png) 50% 0 no-repeat; width:950px; padding:0;}
.serv .h_zone + .ins {background:url(../images/serv_bg_bg.jpg) 50% 0 repeat-y; width:880px; padding:17px 35px 20px; position:relative;}
.s_bg {position:absolute; left:0; right:0; top:0; bottom:0; max-height:756px; background:url(../images/serv_bg_top.jpg) 50% 0 no-repeat;}
.serv_rel {position:relative;}
.serv .h_zone + .ins h2 {margin-bottom:20px; text-shadow:0 1px 0 #fff;}

.content.tit p { line-height:18px; }
.content p { line-height:16px; }

/* wrapper
-------------------------------*/
.wrapper {width:100%; margin:0 auto -233px; min-height:100%; background:url(../images/w_bg.png) 50% 0 repeat-y;}
.top_bg {position:fixed; top:0; left:0; right:0; background:url(../images/top_bg.jpg) 50% 0 repeat-x; z-index:-1;}
.top_bg div {height:601px; background:url(../images/top_pic.jpg) 50% 0 no-repeat;}

/* header
-------------------------------*/
.header { height:61px; padding-top:292px; width:990px; margin:0 auto; position: relative; background:url(../images/top_pic_in2.jpg) 0 0 no-repeat;}
.header.tit { height:auto; min-height:481px; padding:121px 0 0; background:url(../images/top_pic_in.jpg) 50% 0 no-repeat;}


.header .slog {position:absolute; top:197px; right:39px;}
.header.tit .slog {right:auto; left:45px; top:345px; z-index:10;}

.site_name {position:absolute; top:17px; left:19px; z-index:5;}

.tel_bg {background:url(../images/tel_top.png) 0 0 no-repeat;}
.tel_top {position:absolute; top:27px; right:29px; padding:0 0 36px; background-position:100% 100%;}
.tel_top_b {padding:0 0 1px;}
.tel_top_in {
	position:relative; bottom:-17px;
	font:normal 20px/20px DinRegular, "Arial Narrow", sans-serif; color:#333;
	text-align:left; width:165px; padding: 5px 17px 2px 59px;
	text-shadow:0 1px 0 #fff;
}
.tel_top .gr {color:#366; font-weight:normal; font-size:18px;
	text-shadow:0 1px 0 #fff;
}

.tm_bg {background:url(../images/m2_bg.png) 0 0 no-repeat;}

.menu_top_wrap {margin:0 16px; padding:0 10px 0 0; background-position:100% -140px; position:relative;}
.header.tit .menu_top_wrap {margin:0 16px 26px;}
.menu_top_l {padding:0 0 0 10px; background-position:0 0;}
.menu_top_bg {padding:2px 8px 0; height:62px; background-position:0 -70px; background-repeat:repeat-x;}

.menu_top {float:left; max-width:687px;}
.menu_top ul {padding:0; margin:0; list-style:none;}
.menu_top ul.level-1 &gt; li {float:left; position:relative; margin:0 -1px 6px 0; padding:0 0 0 1px; background:url(../images/m2_bg.png) 0 -210px no-repeat;}
.menu_top ul.level-1 &gt; li &gt; a {padding:0 11px 0 0; color:#fff; text-decoration:none; text-shadow:0 -1px 0 #000; font:normal 19px CuprumRegular, "Arial Narrow", sans-serif;}
.menu_top ul.level-1 &gt; li &gt; a .m_l {padding:0 0 0 11px;}
.menu_top ul.level-1 &gt; li &gt; a .m_l .m_c {padding:14px 0 0; height:45px; white-space: nowrap;}

.menu_top ul.level-1 &gt; li &gt; a.m_bg,
.menu_top ul.level-1 &gt; li &gt; a .m_bg {display:block;}

.menu_top ul.level-1 &gt; li.cur &gt; a.m_bg,
.menu_top ul.level-1 &gt; li.cur &gt; a .m_bg,
.menu_top ul.level-1 &gt; li &gt; a:hover.m_bg,
.menu_top ul.level-1 &gt; li &gt; a:hover .m_bg {background-image:url(../images/m2_h.png); background-repeat:no-repeat;}

.menu_top ul.level-1 &gt; li &gt; a:hover {color:#fff; text-decoration:none; text-shadow:0 -1px 0 #000;}

.menu_top ul.level-1 &gt; li &gt; a.m_bg {background-position:100% -120px;}
.menu_top ul.level-1 &gt; li &gt; a .m_l {background-position:0 0;}
.menu_top ul.level-1 &gt; li &gt; a .m_l .m_c {background-position:0 -60px; background-repeat:repeat-x;}


.l2_bg {background:url(../images/l2.png) 0 100% no-repeat;}
.menu_top ul li .level-2 {width:268px; position:absolute; top:59px; left:-25px; padding:0 0 30px; display:none; z-index: 9;}
.menu_top ul li .level-2 .bg {background-position:-280px 0; background-repeat:repeat-y; position:absolute; top:0; bottom:186px; left:0; right:0;}
.menu_top ul li .level-2 .top {background-position:-553px 0; height:0; position:absolute; top:-36px; left:0; right:0;}


.menu_top ul li li .level-2 {width:268px; position:absolute; top:0; left:0; background-position:0 100%;}
.menu_top ul li li .level-2 .bg {background-position:-280px 0; top:0;}
.menu_top ul li li .level-2 .top {height:36px;}
.level-2 ul ul {margin-top:-10px;}

.level-2 ul li {width:214px; margin:0 auto !important; line-height:0; font-size:0; border-top:1px solid #e5e9ec; border-bottom:1px solid #a3a7ab; position:relative;}
.level-2 ul li:first-child {border-top:none;}

.level-2 ul li.last,
.level-2 ul li:last-child {border-bottom:none;}

.level-2 ul li.last {border:none; border-top:1px solid #e5e9ec;}

.level-2 ul li a {
	position:relative; margin:0 auto 0 15px; display:block; padding:8px 0; width:193px;
	font:normal 16px/normal CuprumRegular, "Arial Narrow", sans-serif; color:#333; text-decoration:none;
	text-shadow:0 1px 0 #fff; }
.level-2 ul li a:hover { color:#069;}


.search_wrap {margin:0 2px 0 0; padding:14px 25px 0 0; height:42px; width:180px; float:right; background-position:100% -210px;}
.search-form {
	margin:0; padding:0;
	width:180px; height:27px; background:url(../images/search.png) 0 0 no-repeat;
	position: relative;
}
.search-form input[type="text"] {
	background:none; border:none; padding:0; margin:0;
	position: absolute; top: 5px; left: 11px;
	font:normal 11px/17px Tahoma, Geneva, sans-serif; color: #afb0b2;
	width:130px; float:left; outline:none;
}
.search-form input[type="submit"] {
	border:none; background:none; padding:0; margin:0;
	width:25px; height:27px; float:right;
}


/* main
-------------------------------*/
.r_bl {width:890px; height:127px; display: block; padding:20px 32px 24px; margin:0 auto 25px; background:url(../images/bl1.png) 0 0 no-repeat;}
.r_bl .ins {width:100%; height:100%; overflow:hidden;}

.r_bl .img img {background-position:50% 50%; background-repeat:no-repeat;}

.r_bl .ins .img {width:209px; height:124px; padding:3px 0 0 3px; margin:0 14px 0 0; float:left; background:url(../images/fr.png) 0 0 no-repeat;}
.r_bl .ins .img img {width:204px; height:119px;}
.r_bl .ins .txt {width:655px; float:right; padding:9px 0 0; color:#fff; line-height:18px; text-align:justify;}

.r_bl2 {width:958px; margin:0 auto; overflow:hidden; position:relative; z-index:1;}
.r_bl2 .img {padding:3px 0 0 3px; margin-left:23px; position:relative; display:block; height:164px; width:300px; float:left; background:url(../images/fr2.png) 0 0 no-repeat;}
.r_bl2 .img:first-child {margin-left:0;}
.r_bl2 .img img {width:297px; height:160px;}
.r_bl2 .img .txt {position:absolute; bottom:10px; left:21px; display:block; padding-left:10px; text-indent:-10px; font:normal 12px DinRegular, "Arial Narrow", sans-serif; color:#fff;}
.r_bl2 a {color:#fff; text-decoration:none;}


.ban {width:950px; margin:0 auto 20px;}

.content_body 	{ width: 100%; margin:0 auto 30px;}
.content_outer 	{ width: 100%; float: left;}

/* leftside
-------------------------------*/
aside.leftside { width: 227px; float: left; margin-left: -100%; position: relative; min-height:200px;}

/* rightside
-------------------------------*/
aside.rightside { width: 235px; float: left; margin-left: -235px; position: relative;}

/* footer
-------------------------------*/
.footer {height:233px; background:url(../images/foot_bg.png) 50% 0 no-repeat;}
.foot_in {width:950px; height:232px; padding-top:1px; margin:0 auto; position:relative; font:normal 11px Tahoma, Geneva, sans-serif;}

.bm_bg {background:url(../images/m3_bg.png) 0 0 no-repeat;}
.menu_bot_wrap {margin:29px 0 0; padding:0 3px 0 0; background-position:100% -100px;}
.menu_bot_l {padding:0 0 0 3px; background-position:0 0;}
.menu_bot_bg {padding:0 8px; height:39px; overflow:hidden; background-position:0 -50px; background-repeat:repeat-x;}

.menu_bot {}
.menu_bot ul.level-1 {padding:0; margin:0; list-style:none;}
.menu_bot ul.level-1 &gt; li {float:left; position:relative; margin:0 -1px 6px 0; padding:0 0 0 1px; background:url(../images/m3_bg.png) 0 -148px no-repeat;}
.menu_bot ul.level-1 &gt; li a {display:block; padding:11px 16px; color:#ccc; text-decoration:none; text-shadow:0 -1px 0 #000; font:normal 15px CuprumRegular, "Arial Narrow", sans-serif;}
.menu_bot ul.level-1 &gt; li a:hover {background-position:100% -120px; color:#fff; text-decoration:none;}

.bot_logo {position:absolute; top:89px; left:48px;}

.tel_bot {
	position:absolute; top:77px; left:253px; height:64px; width:325px; overflow:hidden;
	line-height:11px; color:#999;
}
.tel_bot .name {color:#666;}

.site-name {position:absolute; top:143px; left:253px; color:#666; line-height:16px;}
.site-name a {color:#999; text-decoration:underline;}
.site-name a:hover {color:#999; text-decoration:none;}

.counters {padding:15px 0 0;}


.bot_s {position:absolute; top:92px; right:34px;}

.icos {position:absolute; top:195px; right:34px; width:299px; height:21px;}
.icos a {position:absolute; top:0; display:block; width:86px; height:21px; background:url(../images/icos.png) 0 0 no-repeat;}
.icos .ico1 {left:0;}
.icos .ico2 {left:92px; width:110px; background-position:-92px 0;}
.icos .ico3 {left:213px; background-position:-213px 0;}
/* tables
-------------------------------*/
table.table0 { border-collapse: collapse;  border-spacing: 0;}
table.table0 td { padding: 5px; border: none;}

table.table1 { border-collapse: collapse;  border-spacing: 0; width:100%;}
/*table.table1 tr:hover {}*/
table.table1 td { padding: 5px; border: 1px solid #a9a9a9;}

table.table2 { border-collapse: collapse;  border-spacing: 0;}
/*table.table2 tr:hover {}*/
table.table2 td { padding: 8px 30px 10px 17px; border: 1px solid #a9a9a9; color:#000; font-size:13px;}
table.table2 tr td:first-child {color:#666; padding-right:20px; padding-left:7px;}
table.table2 th { padding:13px 17px; border:1px solid #a9a9a9; border-top:none; font-size:13px; font-weight:normal; background:url(../images/th.png) 0 100% repeat-x #369; color:#cff; text-align:left;}
table.table2 th:first-child {padding-left:7px;}

table.table3 {border-collapse:collapse;  border-spacing:0; width:100%; font-size: 13px;}
/*table.table3 tr {}*/
table.table3 tr td {border:1px solid #a9a9a9; padding:12px 13px; background:url(../images/td3.png); width:174px; vertical-align: top;}
table.table3 tr:hover td {background:url(../images/td3_h.png);}
table.table3 tr td:first-child {width:180px;}
table.table3 th {
	height: 24px; border:1px solid #a9a9a9;
	padding:8px 13px; background:#31689b url(../images/th3.png) 0 100% repeat-x; vertical-align:top;
	font-weight:normal; color:#cff; line-height:11px; text-align:left;
}

table.table3 td.stock {text-align: center;}


table.table4 {border-collapse:collapse;  border-spacing:0; width:100%; font-size: 13px;}
/*table.table4 tr {}*/
table.table4 tr td {border:1px solid #a9a9a9; padding:12px 13px; background:url(../images/td3.png); vertical-align: top;}
table.table4 tr:hover td {background:url(../images/td3_h.png);}
table.table4 th {
	height: 24px; border:1px solid #a9a9a9;
	padding:8px 13px; background:#31689b url(../images/th3.png) 0 100% repeat-x; vertical-align:middle;
	font-weight:normal; color:#cff; line-height:11px; text-align:center;
}

table.gallery { border-spacing: 10px; border-collapse: separate;}
table.gallery td { background-color: #f0f0f0; text-align: center; padding: 15px;}



.content ul {margin-left:14px;}
.content ul li { list-style-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAHCAYAAAArkDztAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJ1JREFUeNpi/P//P0PT+ccNDAwM9X+/fGVg5uFurDOUbWBm8k9u+P/3X/3fn78Ynt+6zvDlzQuH8/+4GFlAgv+/f2V4AhS8sG0rg7KhEQNINxNI8NPnTwzMbKwMivoGDKy8/AzvHj1iYGLi4W38/PYVAxsbJ4OQogLDz4/vGXS9/RsZQJY3nnvUkLJo4/+gxon/QWyQGCOIwAYAAgwAl4lK3Q5DJlUAAAAASUVORK5CYII=); padding:2px 0;} /* sq.png */

.content ul ul { margin-top: 0; margin-bottom: 0; margin-left:35px;}
/*.content ul ul li {}*/
.content ul ul ul li { list-style-image: none; list-style-type: square;}
.content ul ul ul ul li { list-style-image: none; list-style-type: circle;}

.content ol { counter-reset: num;}
.content ol li { list-style-type: none; color:#666; padding:2px 0; font-size:13px;}
.content ol li:before { content: counter(num) "."; counter-increment: num; color: #666; margin-right: 5px;}
.content ol ol { counter-reset: num_2; margin-top: 0; margin-bottom: 0; margin-left: 27px;}
.content ol ol li { list-style-type: none;}
.content ol ol li:before { content: counter(num) "." counter(num_2)  "."; counter-increment: num_2;}
.content ol ol ol { counter-reset: num_3;}
.content ol ol ol li { list-style-type: none;}
.content ol ol ol li:before { content: counter(num) "." counter(num_2)  "." counter(num_3)  "."; counter-increment: num_3;}

.content ol[type="a"] { counter-reset: abc;}
.content ol[type="a"] li { list-style-type: none; font-size:13px;}
.content ol[type="a"] li:before { content: counter(abc, lower-alpha) "."; counter-increment: abc; color: #666; margin-right: 5px;}
.content ol[type="a"] ol { counter-reset: abc_2;}
.content ol[type="a"] ol li { list-style-type: none;}
.content ol[type="a"] ol li:before { content: counter(abc, lower-alpha) "." counter(abc_2, lower-alpha) "."; counter-increment: abc_2;}
.content ol[type="a"] ol ol { counter-reset: abc_3;}
.content ol[type="a"] ol ol li { list-style-type: none;}
.content ol[type="a"] ol ol li:before { content: counter(abc, lower-alpha) "." counter(abc_2, lower-alpha) "." counter(abc_3, lower-alpha) "."; counter-increment: abc_3;}



a.but5,
a.but5 .but_l {display:inline-block; height:55px; background:url(../images/but.png) no-repeat;}

a.but5 {
	padding:0 11px 0 0; margin:8px 0;
	color:#fff; text-decoration:none; overflow:hidden; position:relative;
	white-space:nowrap; background-position:100% -60px;}

a.but5 .but_l {
	cursor:pointer;
	background-position:0 0;
	padding:0 0 0 15px; min-width:108px;
	font:normal 19px CuprumRegular, "Arial Narrow", sans-serif; line-height:55px;
	text-shadow:0 -1px 0 #000; text-align:center;
}

a.but5.hover 		 {background-position:100% -180px;}
a.but5.hover .but_l  {background-position:0 -120px;}

a.but5.active 		 {background-position:100% -300px;}
a.but5.active .but_l {background-position:0 -240px;}

a.but5.disabled 		{background-position:100% -420px; cursor:default;}
a.but5.disabled .but_l  {background-position:0 -360px; cursor:default;}

a.but1 {display:inline-block; border:1px solid #036; background:#369; color:#9cf; padding:3px 20px; margin-bottom:12px;}
a:visited.but1 {color:#99f;}
a:hover.but1 {color:#fff;}


a.but6,
a.but6 .but_l,
a.but6 .but_bg {display:inline-block; height:31px; background:url(../images/but2.png) no-repeat;}

a.but6 {
	padding:0 10px 0 0; margin:0; position:relative;
	color:#fff; text-decoration:none;
	white-space:nowrap; background-position:100% -40px;}

a.but6 input {background:none; border:none; position:absolute; top:0; left:0; height:100%; width:100%;}

a.but6 .but_l {
	background-position:0 0;
	padding:0 0 0 10px;
}
a.but6 .but_bg {
	background-position:0 -80px; background-repeat:repeat-x; min-width:100px;
	cursor:pointer;
	font-size:12px; font-weight:bold; line-height:30px;
	text-shadow:0 -1px 0 #000; text-align:center; text-transform:uppercase;
}

a.but6:hover 		 {background-position:100% -160px;}
a.but6:hover .but_l  {background-position:0 -120px;}
a.but6:hover .but_bg {background-position:0 -200px;}

.but_set {float:right; margin-top:5px;}
.but_set a.but6 .but_bg {text-shadow:none; font-style:13px;}

.but_set img {margin-top:2px;}
.but_set img,
.but_set a.but6 {vertical-align:top;}
.but_set a.but6.left {background-position:100% -80px;}
.but_set a.but6.right .but_l {background-position:0 -80px;}

.but_set a.but6:hover.left {background-position:100% -200px;}
.but_set a.but6:hover.right .but_l {background-position:0 -200px;}

/* services
******************/

.z_wrap {background:url(../files/c_bg.png) 0 0 repeat-y; overflow:hidden; margin-bottom:1px; border-bottom:1px solid #1f788a; position:relative;}
.z_wrap.opened {height:auto;}

.z_top {background:url(../files/bg1.png) 0 0 no-repeat; position:relative; border-bottom:1px solid #1b7283;}
.z_back {position:absolute; top:0; left:0; right:0; bottom:-2px; background:url(../files/bg2.png) 0 67% no-repeat;}


.z_head {position:relative; padding-top:8px; padding-bottom:13px; font:normal 25px CuprumRegular, "Arial Narrow", sans-serif; color:#fff; cursor:pointer; width: auto;}
.z_cont {position:relative; font-size:14px; padding-bottom:30px; line-height:18px; color:#fff; text-align:left; overflow:hidden; width: auto;}

.z_cont .art_wr 			{width:100%; float:left;}
.z_cont .art_wr .art_cont 	{margin:0 0 0 235px; text-align:justify;}
.z_cont .art_img 			{width:235px; margin-left:-100%; float:left; padding:2px 0 0;}
.z_cont .art_img img 		{max-width:235px;}

.z_cont .art_txt 			{}
.z_cont .art_txt a 			{color:#fff;}
.z_cont .art_txt a:hover 	{text-decoration:none;}

.fade 			 {width:27px; height:16px; position:absolute; top:18px; right:39px; background:url(../images/ca_arrs.png) 0 0 no-repeat;}
.opened .fade 	 {background-position:-30px 0;}
.gr .fade 		 {background-position:0 -20px;}
.gr.opened .fade {background-position:-30px -20px;}

.z_cont .more {float:left;}

.z_cont .but {float:right;}


.z_wrap.gr,
.z_wrap.gr .z_top {background:none; border:none;}

.z_wrap.gr {padding-bottom:3px;}
.z_wrap.gr .z_top {background:url(../images/c_top_gr.png) 0 -3px no-repeat;}
.z_wrap.gr .z_head {color:#069;}
.z_wrap.gr .z_cont,
.z_wrap.gr .z_cont a,
.z_wrap.gr .z_cont a:hover {color:#333;}

.z_wrap.gr .z_cont a.but6,
.z_wrap.gr .z_cont a.but6 span,
.z_wrap.gr .z_cont a.but6:hover,
.z_wrap.gr .z_cont a.but6:hover span {color:#fff; text-decoration:none;}

.z_wrap.gr .z_bord {position:absolute; bottom:0; left:0; right:0; height:3px; background:url(../images/c_top_gr.png) 0 0 no-repeat;}

.bg_wrap {width:564px; margin: 0 auto 20px; background:url(../images/bg_wrap.png) 0 0 repeat-y; font-size:0; line-height:0;}
.bg_wrap div {font-size:13px; line-height:normal;}

.bg0 {background:url(../images/pop_bg.jpg) 100% 100% no-repeat; color:#cff; padding:20px 88px; zoom: 1; position: relative; }
.ie .bg0 .pretty_button {width: 110px !important;}


.car_ch {margin-bottom:35px; text-align: justify;}
.ie7 .car_ch {text-justify:newspaper;}
.car_ch .item {display: inline-block; width: 227px; vertical-align: top; text-align: left; color:#069;}
.ie7 .car_ch .item {display: inline;}

.car_ch .clear {display: inline-block; width: 100%;}

.ie7 .car_ch .clear,
.ie7 .car_ch .item {display: inline;}

.car_ch .name {padding-bottom:6px;}
.car_ch select {width:224px;}

.serv_rel .note {width:630px; padding:15px 0 35px; font-size:14px; line-height:16px; color:#000;}

.bg_wrap .bg1 {background:url(../images/bg1.png) 0 0 repeat-x; cursor:pointer;}
.bg_wrap .bg1.feed {height: 45px; cursor: default;}
.bg_wrap .bg2 {
	height:46px; background:url(../images/bg2.png) 0 21px repeat-x; position:relative;
	font:normal 30px/46px CuprumRegular, "Arial Narrow", sans-serif; color:#fff; text-shadow:0 -1px 0 #000; text-align:center;
}

.bg_wrap a.bg2 {display: block; text-decoration: none;}
.bg_wrap a.bg2:hover {text-decoration: underline;}

.bg_wrap input[type='text'],
.bg_wrap textarea {width:202px;}

.bg3 {height:2px; background:url(../images/bg3.png) 0 0 no-repeat;}

input[type="text"],
input[type="password"],
textarea, select {background:#ebece3; border:1px solid #7bc7da; border-top-color:#76dcea; padding-left:5px; padding-right:5px;}

input[type="text"], input[type="password"] {line-height:17px;}

.error_b input[type="text"] {border-color: #f00;}


.sel_res {height:29px; padding:1px 0;}
.sel {font-size:14px; line-height:normal; position:relative; width:225px; background:#ebece3; border:1px solid #7bc7da; border-top-color:#76dcea; z-index:2; height:25px; color:#333;}

.sel.opened {z-index:3; height:29px}
.sel input,
.sel textarea {width:100%; border:none; background:none;}

.sel select {display:none;}
.sel .option {display:none; padding:5px 30px 4px 7px; background:#ebece3; margin-left:-1px; margin-right:-1px; border-left:1px solid #7bc7da; border-right:1px solid #7bc7da;}

.sel.opened .option.last {border-bottom:1px solid #7bc7da;}
.sel.opened .option:hover {cursor: pointer; background:#d3d4c9;}
.sel.opened .option,
.sel .option.first {display:block;}

.sel_ar {cursor: pointer; position:absolute; top:0; right:0; height:25px; width:27px; background:url(../images/sel_ar.png) 0 0 no-repeat;}
.bg0 .sel_ar {height:19px; background:url(../images/sel_ar2.png) 0 0 no-repeat;}
.bg0 .sel_res {height:21px;}
.bg0 .sel {height:19px; width:212px;}
.bg0 .option {padding-top:2px; padding-bottom:1px;}

.bg0 .left,
.bg0 .right {margin-bottom:13px;}
.bg0 .right select {width: 100%;}

.bg0 .left {float:left; width:170px; line-height:25px;}
.bg0 .right {float:right; width:215px; position:relative;}
.bg0 .right.capt {line-height:52px;}
.bg0 .right.capt img {vertical-align:middle;}
.bg0 .right.capt img + img {vertical-align:bottom; margin-right:20px; margin-left:3px;}
.bg0 .right.capt a.but6 {line-height:normal;}
.bg_wrap .capt input[type='text'] {width:73px;}
.bg_wrap input.datepicker {width:173px; vertical-align:top; border-right:none; height:17px;}
.red {font-size:25px; color:#f00;}
div.error_m {font-size: 12px; font-weight: bold; color: #f00; padding: 5px 0 0 10px;}

.bg0 .help {cursor:pointer; width:22px; height:23px; position:absolute; top:0; left:100%; margin-left:6px; background:url(../images/help.png) 0 0 no-repeat;}
.popup {
	display:none; min-height:1px;
	position:absolute; bottom:17px; left:13px; border:1px solid #aaa;
	border-radius:4px; box-shadow:0 0 10px #6e6e6e; 
	background:#fff; width:190px; padding:8px 12px;
	font-size:12px; line-height:14px; color:#0a2d35;
}


.no-borderradius .popup {background:none; border:none;}
.help .bg {position:absolute; top:10px; right:10px; bottom:10px; left:10px; background:#fff;}
.help .rel {position:relative;}
.help .c_bg {width:20px; height:20px; background:url(../images/bdr_1.png) 0 0 no-repeat; position:absolute;}
.help .t_l {top:-10px; left:-10px;}
.help .t_r {top:-10px; right:-10px; background-position:-30px 0;}
.help .b_r {bottom:-10px; right:-10px; background-position:-30px -30px;}
.help .b_l {bottom:-10px; left:-10px; background-position:0 -30px;}

.help .line {height:20px; position:absolute; left:10px; right:10px; background:url(../images/bdr_1.png) 0 -50px repeat-x;}
.help .t_bg {top:-10px;}
.help .b_bg {bottom:-10px; background-position:0 -80px;}

.help .side {width:20px; position:absolute; top:10px; bottom:10px; background:url(../images/bdr_2.png) 0 0 repeat-y;}
.help .l_bg {left:-10px;}
.help .r_bg {right:-10px; background-position:-30px 0;}


/*    production catalog
**********************************/

table.table3 tr td.last {width: 250px;}
table.table3.catalog tr:nth-child(odd) td {background: #d2d2d2;}
table.table3.catalog tr.odd td {background: #d2d2d2;}


.inf_1 {padding:0 13px; margin:0 -13px;}
.inf_1 .num,
.more_inf .num {font-size: 17px;}
.inf_1 .tog_link {text-align: right; padding-right: 13px; background: url(../images/show_me.png) 100% -19px no-repeat;}

.inf_1 .tog_link span {text-decoration: none; border-bottom: 1px dashed #069; color: #069; cursor: pointer;}
.inf_1 .tog_link span:hover {border: none;}
.more_inf {display: none; padding-top: 10px;}

.opened .tog_link {background-position: 100% 6px;}
.more_inf .brief {padding:10px 13px; margin:0 -13px; border-top:1px dashed #a9a9a9;}
.more_inf .brief.last {}


.serv_rel .note {width: auto;}

/*    /production catalog
**********************************/

/*     product
**********************************/

.prod_page .slider {width: 875px; height: 443px; margin: 0 auto 30px; overflow: hidden; background: #fff; border: 2px solid #62c1cf; position: relative; text-align: center;}
.prod_page .slider .thumbs_wrap {position: absolute; bottom: 27px; right: 19px;}
.prod_page .slider .big_img {max-height: 443px;}
.prod_page .slider .thumbs_wrap .th_img {
	width: 87px; height: 53px; padding: 4px;
	float: left; margin: 14px 0 0 14px;
	background: url(../images/sl_icon.png) 0 0 no-repeat;
	text-align: center; line-height: 57px;
}
.prod_page .slider .thumbs_wrap .th_img a {vertical-align: middle;}
.prod_page .slider .thumbs_wrap .th_img a img {max-height: 53px; max-width: 87px;}

.prod_ex_wrap {
	margin: 0 -35px 30px; width: 950px;
	background: url(../images/prod_ex2.jpg) 50% 0 repeat-y;
}

.prod_ex {
	padding: 30px 35px 45px; position: relative; font-size: 16px;
	background: url(../images/prod_ex.jpg) 50% 0 no-repeat;
}

.prod_ex .bord_help {position: relative; margin-bottom: 15px; min-height: 100px;}
.prod_ex .name {margin-bottom: 15px; color: #069; font-size: 15px; font-weight: bold;}

.prod_ex ul.details {
	float: left;
	padding: 10px 35px 10px 40px; width: 135px; margin: 0;
	font-size: 16px; color: #333;
}

.prod_ex ul.details.first {width: 75px; padding-left: 0; padding-right: 30px;}
.prod_ex ul.details.last {padding-right: 0; padding-left: 35px;}
.prod_ex ul.details.analog {width: 110px; text-align: center;}

.prod_ex ul.details li {padding: 0; margin: 0; list-style: none; list-style-image: none;}
.prod_ex ul.details li.name {margin-bottom: 15px;}
.prod_ex ul.details.last li.name {margin-bottom: 5px;}
.prod_ex ul.details.last li.name + li {font-size: 25px;}
.prod_ex ul.details.last li b {font-size: 30px; font-weight: bold;}

.prod_ex ul.details.analog li.border {float: left;}

.prod_ex ul.details li.border {
	background: #727272;
	padding: 0; margin: 0 0 0 -35px; width: 1px;
	position: absolute; top: 0; bottom: 0;
}
/*     /product
**********************************/


/*      faults
**********************************/
.f_slider_wrap {position: relative; margin-bottom: -35px;}

.f_slider {width: 950px; height: 680px; margin-left: -35px; position: relative;}
.f_slider &gt; ul {padding: 0; margin: 0;}
.f_slider &gt; ul &gt; li {height: 680px; padding: 0; list-style: none; list-style-image: none;}

.f_slider &gt; ul &gt; li .note_l {position: absolute; top: 0; left: 0; padding: 30px 0 0 30px; width: 400px; font-size: 14px; color: #666;}

#prevBtn,
#nextBtn {
	position: absolute; top: 168px; left: 50px;
	width: 60px; height: 85px; cursor: pointer;
	background: url(../images/f_sl_nav.png) 0 0 no-repeat;
}

#nextBtn {right: 50px; left: auto; background-position: 100% 0;}
#prevBtn a,
#nextBtn a {display: block; height: 85px; width: 60px;}

.f_slider .fault {width: 100%; height: 100%; position: relative;}

.f_slider .fault .point {position: absolute; width: 19px; height: 19px; cursor: pointer; background: url(../images/f_point.png); display: none;}
.f_slider .fault .point.ab {display: block;}

/*.f_slider .fault.f1 .point.p1 {left: 381px; top: 252px;}*/
/*.f_slider .fault.f1 .point.p2 {left: 372px; top: 361px;}*/
/*.f_slider .fault.f1 .point.p3 {left: 444px; top: 374px;}*/ .f_slider .fault.f1 .point.p3 {left: 330px; top: 475px;}
/*.f_slider .fault.f1 .point.p4 {left: 346px; top: 444px;}*/ .f_slider .fault.f1 .point.p4 {left: 375px; top: 360px;}
/*.f_slider .fault.f1 .point.p5 {left: 326px; top: 481px;}*/
/*.f_slider .fault.f1 .point.p6 {left: 366px; top: 474px;}*/ .f_slider .fault.f1 .point.p6 {left: 610px; top: 505px;}
/*.f_slider .fault.f1 .point.p7 {left: 396px; top: 448px;}*/ .f_slider .fault.f1 .point.p7 {left: 360px; top: 475px;}
/*.f_slider .fault.f1 .point.p8 {left: 618px; top: 505px;}*/ .f_slider .fault.f1 .point.p8 {left: 345px; top: 445px;}
/*.f_slider .fault.f1 .point.p9 {left: 685px; top: 444px;}*/ .f_slider .fault.f1 .point.p9 {left: 395px; top: 448px;}
.f_slider .fault.f1 .point.p10 {left: 821px; top: 487px;}
.f_slider .fault.f1 .point.p11 {left: 685px; top: 444px;}
.f_slider .fault.f1 .point.p15 {left: 440px; top: 375px;}
.f_slider .fault.f1 .point.p18 {left: 380px; top: 260px;}

/*.f_slider .fault.f2 .point.p1 {left: 610px; top: 207px;}*/ .f_slider .fault.f2 .point.p1 {left: 650px; top: 398px;}
/*.f_slider .fault.f2 .point.p2 {left: 583px; top: 282px;}*/ .f_slider .fault.f2 .point.p2 {left: 580px; top: 500px;}
/*.f_slider .fault.f2 .point.p3 {left: 565px; top: 329px;}*/ .f_slider .fault.f2 .point.p3 {left: 610px; top: 505px;}
.f_slider .fault.f2 .point.p4 {left: 575px; top: 347px;}
/*.f_slider .fault.f2 .point.p5 {left: 248px; top: 392px;}*/ .f_slider .fault.f2 .point.p5 {left: 575px; top: 350px;}
/*.f_slider .fault.f2 .point.p6 {left: 346px; top: 413px;}*/ 
/*.f_slider .fault.f2 .point.p7 {left: 431px; top: 467px;}*/
/*.f_slider .fault.f2 .point.p8 {left: 415px; top: 521px;}*/ .f_slider .fault.f2 .point.p8 {left: 250px; top: 395px;}
/*.f_slider .fault.f2 .point.p9 {left: 583px; top: 504px;}*/ .f_slider .fault.f2 .point.p9 {left: 350px; top: 415px;}
/*.f_slider .fault.f2 .point.p10 {left: 617px; top: 506px;}*/
/*.f_slider .fault.f2 .point.p11 {left: 663px; top: 394px;}*/
.f_slider .fault.f2 .point.p14 {left: 415px; top: 520px;}
.f_slider .fault.f2 .point.p16 {left: 605px; top: 205px;}
.f_slider .fault.f2 .point.p17 {left: 578px; top: 280px;}
.f_slider .fault.f2 .point.p19 {left: 560px; top: 330px;}
.f_slider .fault.f2 .point.p20 {left: 435px; top: 465px;}


/*.f_slider .fault.f3 .point.p1 {left: 252px; top: 151px;}*/ .f_slider .fault.f3 .point.p1 {left: 200px; top: 200px;}
/*.f_slider .fault.f3 .point.p2 {left: 199px; top: 197px;}*/
/*.f_slider .fault.f3 .point.p3 {left: 305px; top: 202px;}*/ .f_slider .fault.f3 .point.p3 {left: 160px; top: 405px;}
.f_slider .fault.f3 .point.p4 {left: 246px; top: 243px;}
/*.f_slider .fault.f3 .point.p5 {left: 212px; top: 346px;}*/ .f_slider .fault.f3 .point.p5 {left: 305px; top: 202px;}
/*.f_slider .fault.f3 .point.p6 {left: 160px; top: 405px;}*/ .f_slider .fault.f3 .point.p6 {left: 494px; top: 458px;}
/*.f_slider .fault.f3 .point.p7 {left: 240px; top: 452px;}*/
/*.f_slider .fault.f3 .point.p8 {left: 346px; top: 452px;}*/
/*.f_slider .fault.f3 .point.p9 {left: 404px; top: 412px;}*/
/*.f_slider .fault.f3 .point.p10 {left: 487px; top: 418px;}*/ .f_slider .fault.f3 .point.p10 {left: 750px; top: 439px;}
/*.f_slider .fault.f3 .point.p11 {left: 494px; top: 458px;}*/ .f_slider .fault.f3 .point.p11 {left: 487px; top: 418px;}
/*.f_slider .fault.f3 .point.p12 {left: 510px; top: 301px;}*/ .f_slider .fault.f3 .point.p12 {left: 212px; top: 346px;}
/*.f_slider .fault.f3 .point.p13 {left: 750px; top: 439px;}*/ .f_slider .fault.f3 .point.p13 {left: 240px; top: 450px;}
.f_slider .fault.f3 .point.p14 {left: 345px; top: 455px;}
.f_slider .fault.f3 .point.p15 {left: 510px; top: 301px;}
.f_slider .fault.f3 .point.p18 {left: 252px; top: 151px;}
.f_slider .fault.f3 .point.p20 {left: 400px; top: 410px;}


.popup_w {
	background: #fff;
	width: 446px; height: 233px;
	
	border-radius: 10px;
	-o-border-radius: 13px;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;

	box-shadow: 
		0 0 17px #afafaf,
		0 0 0 3px rgba(67, 67, 67, 0.3);

	position: absolute; top: 0; left: 0;

	display: none;
}

.popup_w.opened {display: block;}

.popup_w .vin {
	position: absolute; top: 100%; left: 50%; margin-left: 70px;
	background: url(../images/vin.png) 0 0 no-repeat;
	width: 55px; height: 166px;
}

.popup_w .desc {display: none;}
.popup_w .desc.opened {display: block;}

.popup_w .img {
	width: 209px; height: 233px; float: left;
	font-size: 0; line-height: 0; background: url(../images/p_img_bg.gif);
	border-radius: 13px 0 0 13px;
}
.popup_w .img img {
	max-width: 209px; max-height: 233px;
	border-radius: 13px 0 0 13px;
}

.popup_w .desc_txt {
	padding: 15px 15px 0 15px; height: 203px; width: 207px;
	float: left; overflow: hidden;
	color: #666; font-size: 12px;
}
.popup_w .desc_txt .name {font-size: 18px; color: #333; margin-bottom: 8px;}
.popup_w .desc_txt .more {font-size: 11px; margin-top: 8px;}
.popup_w .desc_txt .more a {color: #cc1c1c; text-decoration: underline;}

/*      /faults
**********************************/




.lab {display: block; margin-bottom: 7px; line-height: 27px; position: relative;}
.lab input[type="text"],
.lab textarea,
.lab select {float: right;}
.lab select {width: 214px;}
.lab textarea {margin-bottom: 20px;}

.lab input[type="text"].datepicker {width: 202px; margin-left: -28px;}
.lab .ui-datepicker-trigger {float: right; margin: 0 -185px 0 0;}
.left sup,
.lab sup {color: #f00; font-size: 15px; font-weight: bold;}

.lab .error {font-size: 12px; font-weight: bold; color: #f00; display: block; float: right; width: 214px;}

.rep-pag-left ul.page_list li{
	float: left;
	list-style: none;
	margin-left: 10px;
}



/* contacts */

.nums {margin-bottom: 32px; font-size: 26px;   color: #006699;}
.nums .n_name, .nums span.kodt {font-size: 15px;  color: #000}

.m_wrap {margin-bottom: 32px;}
.m_wrap .map {width: 608px; height: 379px; padding: 1px; background: #d4d4d4; border: 2px solid #41acbc; float: left;}
.m_wrap .bl_12 {float: right; width: 245px; background: url(../images/bl_12_bg.png) 0 0 repeat-x #d3d3d3;}
.m_wrap .bl_12 .bl_12_in {
min-height: 352px; padding: 15px 20px 0; background: url(../images/bl_12.png) 50% 100% no-repeat;
font-size: 15px; color: #000; text-align: left;
}
.m_note {margin-bottom: 40px;}
.m_note a {color: #000; font-weight: bold; text-decoration: none;}
.m_note a:hover {text-decoration: underline;}

.bl_brief {margin-bottom: 14px;}
.bl_brief.add {font-size: 16px;}
.bl_brief ol {margin-left: 0!important;}
.bl_brief ul {margin-left: 40px;}

.bl_name {font-weight: bold; color: #069; margin-bottom: 6px; }

.bl_mode {font-size: 25px; display: inline-block; color: #333;}
.bl_mode .note {text-align: left; /*padding-left: 25px;*/ font-size: 15px;}

/* /contacts */



.brief_article .date_article {
	display: block;
	font-size: 14px;
	margin: 0 0 15px;
	/*position: absolute;*/
}
.padding_left{
	left: 154px;
}

.date_article {float:right;color:#bbb;}
.title_article {font-size:120% x-float: left;}
.text_article,
.anonce_article {clear: right;}


.brief_article .img_article {
	float: left; overflow: hidden;
	height: 100px; width: 100px; line-height: 100px;
	margin: 0 20px 10px 0; text-align: center;
	border: 1px solid #DDD; background: #fff;
}
.brief_article .img_article a {display: inline-block; vertical-align: middle; line-height: normal;}
.brief_article .img_article img {display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;}
/*.article_text {padding-left: 110px;}*/


.no_float_r {float:none !important; padding-bottom: 0;}

.alarmdate{
	display: block;
	width: 100px;
	height: 20px;
	color: red;
	padding: 5px;
	border: 1px solid black;
	background-color: white;
	position: absolute;
	text-align: center;
	z-index: 999;
}

p.notetomap {
	color: #41acbc;
	font-weight: bold;
	width: 614px;
}

div.captcha_block img.captcha_reload {
	position: absolute;
	top: 35px;
	left: 70px;
	cursor: pointer;
}

.detail_map {
	display: none;
	position: absolute;
	top: 10px;
	width: 100%;
	height: 532px;
	background-color: white;
	z-index: 300;
}

.detail_map img.map{
	width: 100%;
}
.detail_map img.close{
	position: absolute;
	top: 2px;
	right: 2px;
	cursor: pointer;
}
.detail_map span.print{
	position: absolute;
	top: 1px;
	left: 2px;
	cursor: pointer;
	background-color: white;
	padding: 4px 7px;
}

#black_overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #000;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=55);
	-moz-opacity: 0.55;
	-khtml-opacity: 0.55;
	opacity: 0.55;
	z-index: 4;
	}
	* html #black_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight &gt; document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + "px");
}
.car_ch .item.button-search {
	margin: 10px 0;
	width: 100%;
	text-align: center;
}
	.button-search &gt; div {
		margin: 0 auto;
	}
	
	
	
.car_ch .item.last {width: 100%; text-align: center; margin-top: 20px;}


.demo1 {padding: 10px 20px; border-radius: 10px; margin: 10px auto; width:95%; box-shadow: 1px 2px 3px #333; background: #cbc7c0; }
.demo2 {padding: 10px 20px; border-radius: 15px; margin: 10px auto 20px; width: 75%; border: solid 1px #333; border-top: 0; border-bottom: 0;}
.demo2 ul {margin: 5px 0 5px 20px;}



.box {
    clear: both;
    display: block;
    font-size: 0;
    line-height: 0;
    margin: 0 auto;
    padding: 0;
    width: 950px;
}
.box-item, .box-item2 {
	font-size: 14px;
    line-height: 1.4; 
    padding: 10px; 
    border-radius: 10px;
     margin: 0px 10px 10px 0;
      width: 445px;
      float: left; 
      display: block; 
      background: #fff; 
      border-radius: 5px; 
      min-height: 80px;
      vertical-align: top;
      border: 1px solid #ddd;

      }
      .box-item:hover {      border: 1px solid #999;}

.box-item:nth-child(even) {margin-right: 0;}
.box-item2 {width: 100px; text-align: center; 
    position: relative;min-height: 60px;}
.box-item2 &gt; a {display: block; width: 100%; height: 100%; position: absolute; 
      }
      
      .box-item2:hover  {color: #fff; background: #006699;}
       .box-item2:hover a {color: #fff; }

.zgh {padding: 10px 20px; border-radius: 5px; margin: 20px auto;    background: #006699; font-size: 25px; color: #fff; }
.quote { 
    padding: 10px 20px; 
    border-radius: 10px;
     margin: 10px 10px 10px 0; 
      display: block; 
      background: #fff; 
      border-radius: 5px;  
      border: 1px solid #ddd;
      }
      
      .brd {
            border-radius: 5px; 
      }

/*new pagelist*/


/*[pretty temp]*/

/* buttons */
.rep-wrap .pretty_button {
    height: 29px;
}
.rep-wrap .pretty_button[data-height="30"] {
    height: 26px;
}
.rep-wrap .pretty_button .sh { text-shadow: 1px 1px 1px #14414c, -1px 1px 1px #14414c, 0 0 1px #14414c;}
.rep-wrap .pretty_button .ie_txt { color: #fff;}
.rep-wrap .pretty_button.disabled .sh { text-shadow: none;}
.rep-wrap .pretty_button.disabled .ie_txt { color: transparent;}

.rep-wrap .pretty_button &gt; a,
.rep-wrap .pretty_button &gt; button,
.rep-wrap .pretty_button &gt; input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    filter: alpha(opacity=0) !important;
    background: url(../images/spacer.gif);
}

.rep-wrap .ie_txt {position: absolute; top: -1px; left: -1px; right: 0; z-index: 0; color: #fff;}
.ie7 .rep-wrap .ie_txt {display: none;}

.rep-wrap .pretty_button &gt; .txt {
    display: block;
    text-align: center;
    line-height: 29px;
    padding: 0 10px;
    min-width: 134px;
    font-size: 14px;
    color: #fff;
    position: relative;
    white-space: nowrap;
}

.ie .rep-wrap .pretty_button &gt; .txt {color: #000;}
.ie7 .rep-wrap .pretty_button &gt; .txt {color: #fff;}


.rep-wrap .pretty_button[data-height="30"] &gt; .txt {
    line-height: 26px;
}
.rep-wrap .pretty_button &gt; .l,
.rep-wrap .pretty_button &gt; .c,
.rep-wrap .pretty_button &gt; .r {
    width: 56px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/pretty_buttons2.png) no-repeat -9999px -9999px;
}
.rep-wrap .pretty_button[data-height="30"] &gt; .l,
.rep-wrap .pretty_button[data-height="30"] &gt; .c,
.rep-wrap .pretty_button[data-height="30"] &gt; .r {
    background-image: url(../images/pretty_buttons_29.png);
}
.rep-wrap .pretty_button &gt; .c { width: auto; left: 10px; right: 10px; background-repeat: repeat-x;}
.rep-wrap .pretty_button &gt; .r { left: auto;}

.rep-wrap .pretty_button &gt; .l { background-position: 0 0;}
.rep-wrap .pretty_button &gt; .c { background-position: 0 -39px;}
.rep-wrap .pretty_button &gt; .r { background-position: 100% -78px;}

.rep-wrap .pretty_button.hover &gt; .l { background-position: 0 0;}
.rep-wrap .pretty_button.hover &gt; .c { background-position: 0 -39px;}
.rep-wrap .pretty_button.hover &gt; .r { background-position: 100% -78px;}

.rep-wrap .pretty_button.focus &gt; .l { background-position: 0 0;}
.rep-wrap .pretty_button.focus &gt; .c { background-position: 0 -39px;}
.rep-wrap .pretty_button.focus &gt; .r { background-position: 100% -78px;}

.rep-wrap .pretty_button.active &gt; .l { background-position: 0 0;}
.rep-wrap .pretty_button.active &gt; .c { background-position: 0 -39px;}
.rep-wrap .pretty_button.active &gt; .r { background-position: 100% -78px;}

.rep-wrap .pretty_button.disabled &gt; .l { background-position: 0 0;}
.rep-wrap .pretty_button.disabled &gt; .c { background-position: 0 -39px;}
.rep-wrap .pretty_button.disabled &gt; .r { background-position: 100% -78px;}


/* select */
.rep-wrap .pretty_select {
    height: 28px;
}
.rep-wrap .pretty_select &gt; select {
    position: absolute !important;
    left: 0;
    bottom: 0;
    width: 100% !important;
    28px;
    font-size: 14px;
    color: #494949;
    line-height: 28px;
    padding-top: 0;
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
    cursor: pointer;
}
/*.ie7 .pretty_select &gt; select {
    height: auto;
}*/

.rep-wrap .pretty_select &gt; select option {cursor: pointer;}
.rep-wrap .pretty_select &gt; .txt {
    position: absolute;
    line-height: 28px;
    left: 1px;
    right: 27px;
    color: #000;
    text-align: center;
}
.rep-wrap .pretty_select &gt; .l,
.rep-wrap .pretty_select &gt; .c,
.rep-wrap .pretty_select &gt; .r {
    width: 27px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/pretty_select2.png) no-repeat -9999px -9999px;
}
.rep-wrap .pretty_select &gt; .c { width: auto; left: 27px; right: 27px; background-repeat: repeat-x;}
.rep-wrap .pretty_select &gt; .r { left: auto; width: 27px;}

.rep-wrap .pretty_select &gt; .l { background-position: 0 0;}
.rep-wrap .pretty_select &gt; .c { background-position: 100% -39px;}
.rep-wrap .pretty_select &gt; .r { background-position: 100% -78px;}

.rep-wrap .pretty_select.focus &gt; .l { background-position: 0 0;}
.rep-wrap .pretty_select.focus &gt; .c { background-position: 100% -39px;}
.rep-wrap .pretty_select.focus &gt; .r { background-position: 100% -78px;}

.rep-wrap .pretty_select.disabled &gt; .l { background-position: 0 0;}
.rep-wrap .pretty_select.disabled &gt; .c { background-position: 100% -39px;}
.rep-wrap .pretty_select.disabled &gt; .r { background-position: 100% -78px;}

/*[==/pretty temp]*/

.rep-bg {background:url("../images/h_zone2.png") no-repeat scroll 50% 0 transparent; margin-top: -5px;}
	
	.rep-bg .content {padding-top: 10px;}

	.rep-bg .path {padding: 5px 0 0;}

.rep-wrap ul, .rep-wrap ul li {padding: 0; margin: 0; list-style: none;}

.rep-wrap {width: 950px; position: relative; margin:0 auto; text-align: left; padding: 5px 0 0;}

	.rep-wrap h1 {font: normal 32px/36px CuprumRegular, Tahoma, serif; color: #006699; text-shadow:0 -1px #fff; margin: -8px 0 14px 46px;}

	.rep-left {float: left; width: 180px;}

	.rep-left + .rep-right {width: 770px; float: right;}

	/*[left menu]*/

	.rep-left-menu {width: 180px;}

		.rep-left-menu li {background: url(../images/lmt.png) 0 0 repeat-x #37393f; position: relative;}

		.rep-left-menu li:after {content: ''; position: absolute; top: 21px; bottom: 23px; right: -22px; width: 22px; background: #076c87; display: none; border-radius: 0 2px 1px 0;}

		.rep-left-menu li.active:after, .rep-left-menu li:hover:after {display: block;}

		.rep-left-menu li.active, .rep-left-menu li:hover {background: url(../images/lmth.png) 0 0 repeat-x #076c87;}

			.rep-left-menu li a {display: block; background: url(../images/lmb.png) left bottom repeat-x; text-decoration: none; font: normal 18px/20px CuprumRegular, Tahoma, serif; color: #fff; text-shadow:0 -1px #000; padding: 12px 10px;}

			.rep-left-menu li.active a, .rep-left-menu li a:hover {background: url(../images/lmbh.png) left bottom repeat-x;}

			.rep-left-menu li a:before, .rep-left-menu li a:after {content: ''; position: absolute; right: -22px; width: 22px; display: none;}

			.rep-left-menu li.active a:before, .rep-left-menu li a:hover:before, .rep-left-menu li.active a:after, .rep-left-menu li a:hover:after {display: block;}

			.rep-left-menu li a:before {top: 0; height: 21px; background: url(../images/lmc.png) 0 0 no-repeat;}

			.rep-left-menu li a:after {bottom: 0; height: 23px; background: url(../images/lmc.png) left bottom no-repeat;}

	.rep-lm-first {border-radius: 0 3px 0 0;}
	.rep-lm-last {border-radius: 0 0 3px 0;}
	.rep-lm-last:hover, .rep-lm-first:hover {border-radius: 0;}

	/*[right cell]*/

	.rep-form {width: 647px; background: #fff; margin: 0 0 40px 46px; border-radius: 22px; border:1px solid #c7c7c8; padding: 14px 20px 10px; font-family: Arial, Helvetica, sans-serif;}

	.rep-form-title {font-weight: bold; font-size: 14px; color: #000; line-height: 24px; margin: 0 0 8px;}

	.rep-form-fll {float: left; width: 306px;}
	.rep-form-flr {float: right; width: 307px;}

	.rep-form-inp {font-size: 14px; line-height: 29px; color: #006699; margin: 0 0 10px;}

		.rep-form-inp-div {position: relative; float: right; margin: 0 12px; background: url(../images/rep-inp.png) 0 -39px repeat-x; width: 186px; height: 29px;}

		.rep-form-inp-div:before {content: ""; position: absolute; top: 0; left: -12px; width: 12px; height: 29px; background: url(../images/rep-inp.png) 0 0 no-repeat;}

		.rep-form-inp-div:after {content: ""; position: absolute; top: 0; right: -12px; width: 12px; height: 29px; background: url(../images/rep-inp.png) left bottom no-repeat;}

		.rep-form-inp-div input[type="text"]{display: block; border: 0; padding: 0; margin: 0; outline: none; background:none; line-height: 29px; height: 29px; color: #aeb0b1; width: 100%;}

		.rep-form-inp-sub {position: relative; width: 134px; height: 29px; z-index: 0;}

		.rep-form-inp-sub input {height: 29px !important; cursor: pointer;}

		.rep-form-inp-sub .pretty_button &gt; .txt {min-width: 134px; padding: 0; font-size: 14px; line-height: 29px;}

		.rep-form-inp-sub .rep-link {display: block; position: relative; min-width: 134px; height: 29px; background: url(../images/pretty_buttons.png) 0 -39px repeat-x; text-decoration: none;}

			.rep-form-inp-sub .rep-link .l {position: absolute; top: 0; left: 0; width: 56px; height: 29px; background: url(../images/pretty_buttons.png) 0 0 no-repeat;}

			.rep-form-inp-sub .rep-link .r {position: absolute; top: 0; right: 0; width: 56px; height: 29px; background: url(../images/pretty_buttons.png) right bottom no-repeat;}

			.rep-form-inp-sub .rep-link .txt {position: absolute; top: 0; left: 0; height: 29px; font-size: 14px; line-height: 14px; color: #fff;}

	/*[product list]*/

	.rep-prod-list {margin: 0 0 0 46px; position: relative;}

		.rep-prod {float: left; height: 184px; width: 359px; margin: 0 0 50px; position: relative;}

			.rep-prod-txt {float: left; font: normal 14px/17px Arial, Helvetica, sans-serif; color: #000; padding: 0 7px 0 0; width: 352px;}

				.rep-prod-txt p {margin: 0 0 2px;}

				.rep-prod-txt-tit {font-weight: bold; font-size: 18px; line-height: 24px; color: #006699; margin: -4px 0 6px;}

					.rep-prod-txt-tit a {text-decoration: none; color: #006699;}
					.rep-prod-txt-tit a:hover {text-decoration: underline;}

				.rep-prod-txt span {color: #006699;}

			.rep-prod-image {float: left; max-width: 133px; max-height: 133px; line-height: 133px; border:1px solid #cecece; overflow: hidden; text-align: center; margin: 0 8px 20px 0;}

				.rep-prod-image img {border: 0; max-width: 133px; vertical-align: middle;}

			.rep-prod-price {width: 320px; clear: both;}

				.rep-prod-price-txt {float: left; font-size: 18px; color: #000; line-height: 29px; padding: 0 0 0 10px;}

					.rep-prod-price-txt span {color: #006699; font-size: 14px; font-weight: normal;}

				.rep-prod .rep-form-inp-sub {float: left;}

		.rep-prod.odd + .rep-prod.even span.after, .rep-prod.odd + .rep-prod.even:after {content: ''; position: absolute; top: -25px; left: 0; width: 685px; height: 1px; background: url(../images/rep-line.png) 0 0 repeat-x;}

	/*[pagination]*/

	.rep-pag {position: relative; padding: 25px 0 0 0; background: url(../images/rep-pag-line.gif) 0 0 repeat-x; margin: -15px 0 0 47px; width: 687px;}

	.rep-pag-left {float: left; width: 221px; position: relative; height: 29px; padding: 0 123px;}

		.rep-pag-left-numbers {font-size: 14px; line-height: 29px; color: #494949; text-align: center;}

		.rep-pag-left-numbers a {color: #006699;}
		.rep-pag-left-numbers a:hover {text-decoration: none;}

		.rep-pag-left-numbers span {color: #000;}

		.rep-pag-left .rep-left-but {position: absolute; top: 0; left: 0; width: 123px; height: 29px;}
		.rep-pag-left .rep-right-but {position: absolute; top: 0; right: 0; width: 123px; height: 29px;}


		.rep-pag-left .pretty_button &gt; .r, .rep-pag-left .pretty_button &gt; .l, .rep-pag-left .pretty_button &gt; .c {background: url(../images/rep-pag-but.png) 0 0 no-repeat; width: 61px;}

		.rep-pag-left .pretty_button &gt; .c {background-repeat: repeat-x; width: auto; right: 61px; left: 61px;}

		.rep-pag-left .pretty_button &gt; .l { background-position: 0 0;}
		.rep-pag-left .pretty_button &gt; .c { background-position: 0 -39px;}
		.rep-pag-left .pretty_button &gt; .r { background-position: 100% -78px;}

		.rep-pag-left .pretty_button.hover &gt; .l { background-position: 0 -117px;}
		.rep-pag-left .pretty_button.hover &gt; .c { background-position: 0 -156px;}
		.rep-pag-left .pretty_button.hover &gt; .r { background-position: 100% -195px;}

		.rep-pag-left .pretty_button.focus &gt; .l { background-position: 0 -117px;}
		.rep-pag-left .pretty_button.focus &gt; .c { background-position: 0 -156px;}
		.rep-pag-left .pretty_button.focus &gt; .r { background-position: 100% -195px;}

		.rep-pag-left .pretty_button.active &gt; .l { background-position: 0 -117px;}
		.rep-pag-left .pretty_button.active &gt; .c { background-position: 0 -156px;}
		.rep-pag-left .pretty_button.active &gt; .r { background-position: 100% -195px;}

		.rep-pag-left .pretty_button.disabled &gt; .l { background-position: 0 -117px;}
		.rep-pag-left .pretty_button.disabled &gt; .c { background-position: 0 -156px;}
		.rep-pag-left .pretty_button.disabled &gt; .r { background-position: 100% -195px;}


		.pretty_button input.pretty-but{border: 0; margin: 0 !important;}
		.pretty_button {margin: 0 !important;}
		.rep-left-but input {height: 29px !important; cursor: pointer;}		
		.rep-right-but input {height: 29px !important; cursor: pointer;}

		.rep-pag-left .pretty_button &gt; .txt {text-align: left !important; padding: 0; min-width: 123px;}

		.rep-pag-left .rep-left-but .pretty_button &gt; .txt {text-align: left !important; margin: 0 0 0 26px; min-width: 97px;}
		.rep-pag-left .rep-right-but .pretty_button &gt; .txt {text-align: left !important; margin: 0 0 0 12px; min-width: 111px;}

		.rep-left-but .pretty_button .before, .rep-left-but .pretty_button:before {content: ''; position: absolute; top: 9px; left: 11px; width: 7px; height: 12px; background: url(../images/rep-pag-arr.png) 0 0 no-repeat; z-index: 1;}

		.rep-right-but .pretty_button .after, .rep-right-but .pretty_button:after {content: ''; position: absolute; top: 8px; right: 11px; width: 7px; height: 12px; background: url(../images/rep-pag-arr.png) left bottom no-repeat; z-index: 1;}

	.rep-right-select {float: right; width: 170px; height: 30px; font-size: 14px; line-height: 30px; color: #939393; text-align: right;}

	.rep-right-select-txt {float: left; line-height: 30px; height: 30px;}

		.rep-right-select select {width: 60px;}

/*==//new pagelist*/

/*fixing catalogue views*/

.rep-prod-txt-tit-aliases {
 	font-size: 12px;
	color: #777;
	position: relative;
	top: -11px;
}

.image_big {
	width: 300px;
	float: left;
	margin-right: 20px;
}
.image_big img {
	max-width: 100%;
}
.rep-prod-list .comments {clear: both;}
.detail_right h2 {font-size: 20px; color: #555;}
.detail_right .pri {margin-bottom: 10px;}

.action-dec {
text-align: center;
margin-bottom: 20px;
}

.action-dec a {color: #f00; background: #fff; padding: 10px 20px; border-radius: 5px; }
.action-dec a:hover {text-decoration: none; color: #000;}

.page_list {
  margin: 14px 0;
  padding: 0;
  text-align: center;
}
.page_list &gt; li {
  display: inline;
  margin: 0 4px;
}

.demo11 {
border: 1px solid #aaa;
border-left: 0;
border-right: 0;
padding: 10px 20px;
margin: 1em 0;
}

.demo11 ul{
list-style-type: square;
}


.demo12 {
margin: 2em 0 2em 120px;
}

.demo12 ul {
counter-reset: li;
display: block;
list-style-type: none;
}

.demo12 ul &gt; li:before {
content: counter(li, decimal);
counter-increment: li;
display: block;
float: left;
padding: 5px 10px ;
font-size: 18px;
font-weight: bold;
border-radius: 50%;
border: 1px solid #aaa;
color: #aaa;
margin: 0 10px 0 -40px; 
display: inline-block;
}

.demo12 ul &gt; li {
list-style-image: none;
margin: 0 0 10px;
padding: 0;
line-height: 20px;
font-style: italic;
font-size: 16px;
}

.demo12 ul ul  {
list-style-type: square;
}

.demo12 ul ul li:before {
content: '';
border: 0 none;
width: 0;
height: 0;
padding: 0;
margin: 0;
}
 
.demo13 {
width: 80%;
background: url(https://www.gidravlika.spb.ru/d/26909/d/3053400_6.jpg) no-repeat 20px 0 transparent;
background-size: 91px 91px;
padding: 1px 20px 1px 140px;
margin: 2em auto 2em;
min-height: 91px;
}

.demo13 p {
margin: 16px 0;
}

.but-wr {
    background: url("../images/but-wr.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    margin: 0 auto 20px;
    min-width: 225px;
    text-align: center;
    border-left: #0295be solid 2px;
    border-right: #0295be solid 2px;
}
 

.but-wr  a {
color: #FFFFFF;
    font: 30px/46px CuprumRegular,"Arial Narrow",sans-serif;
    height: 46px;
	display: block;
	text-decoration: none;
}


.new-years-onmarket {
  font-size:23px;
  line-height:26px;
  color:#666;
  font-family: 'DinRegular';
  font-weight:bold;
}

.new-years-onmarket span {
  font-size:30px;
}

.new-years-onmarket strong {
  font-size:53px;
}
.new-years-onmarket p {
  margin:0;
}

.new_yashare {
  position:relative;
  margin:12px 0;
  clear:both;
}
.new_yashare:after {
  display:table;
  content:"";
  clear:both;
}</pre></body></html>