/*general style*/
* { margin:0; padding:0;}
a, img {outline: none;}
img {border-bottom-style: none; border-bottom-width: 0px; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px;}
html { background:#f1f1f1;}
html,body {}
body { width: 100%; font-family: 'PT Sans', sans-serif; font-size:14px; color:#404040; margin: 0; padding: 0; }

a { color: #404040; text-decoration: underline;}
a:hover {color:#fbbf36;}
/*a:active {color: red;}
a:visited {color: #663366;}*/

h1 { margin: 0 0 50px 0; font-size: 24px; color: #404040; font-weight: 500; text-transform:uppercase;font-family: 'Russo One', sans-serif;}
h2 { margin: 0 0 13px 0; font-size: 20px; color: #404040; font-weight: 500;text-transform:uppercase;font-family: 'Russo One', sans-serif;}
h3 { margin: 0 0 32px 0; font-size: 18px; color: #404040; font-weight: 500;text-transform:uppercase;font-family: 'Russo One', sans-serif;}
h4, h5, h6 { margin: 0 0 10px 0; font-size: 14px; color: #404040; font-weight: 500;text-transform:uppercase;font-family: 'Russo One', sans-serif;}

p {  line-height:22px; margin-bottom: 21px; }
ul { list-style-type:none; margin: 20px 0 35px 0; padding:0 0 0 0; }
li { margin: 0 0 8px 0; padding:0 0 0 25px; line-height:21px; }
ol {margin: 20px 0 20px 0; padding:0 0 0 30px; }
ol li { background:none; padding:0; margin: 0 0 5px 0;}

input { outline:none;}
input[type="text"], input[type="password"] {}
textarea { }

strong {font-family: 'PT Sans', sans-serif; font-weight:700;}

/*
font-family: 'PT Sans', sans-serif;
font-family: 'PT Sans', sans-serif; font-weight:700;
font-family: 'Russo One', sans-serif;
*/

.main { position: relative; min-width:940px; min-height: 100%; z-index: 10; padding: 0; overflow: hidden; }

/*header*/
.header { width: 940px; margin: 0 auto 47px auto; padding: 40px 0 0 0; }
.logo { float: left; }
.b-phone { float: left; margin: 7px 0 0 80px; padding: 0 0 0 25px; background: url(images/ico-phone.png) no-repeat 0 6px; }
.b-phone ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; }
.b-phone li { float: left; margin: 0 0 0 13px; padding: 0 0 0 25px; line-height: normal; background: url(images/separate-phone.png) no-repeat 0 5px; font-size: 21px; font-weight: 700; }
.b-phone li:first-child { margin: 0; padding: 0; background: none; }
.b-phone li span { position: relative; top: -4px; font-size: 14px; }
.b-phone p { margin: 0; padding: 0; line-height: normal; font-size: 14px; color: #6e6e6e; }
.mail { float: right; margin: 10px 0 0 0; }
.mail a { display: inline-block; padding: 0 0 0 28px; background: url(images/sprite.png) no-repeat 0 -1362px; font-size: 16px; text-decoration: none; }
.mail span { border-bottom: 1px solid #989898; }
.mail a:hover { color: #fbbf36; }
.mail a:hover span { border-bottom: 1px solid #fbbf36; }

/*content*/
.content { width: 940px; margin: 0 auto 50px auto; }
.left { position: relative; z-index: 20; float: left; width: 245px; }
.menu-left { margin: 5px 0 55px 0; }
.menu-left > ul { list-style-type: none; margin: 0; padding: 0; }
.menu-left > ul > li { display: inline-block; position: relative; margin: 0 0 0 0; padding: 0 27px 22px 31px; line-height: normal; background: none; font-size: 16px; font-weight: 700; }
.menu-left > ul > li > a { display: inline-block; padding: 0 0 1px 0; text-decoration: none; }
.menu-left > ul > li > a > nobr { border-bottom: 1px solid #989898; white-space: normal; }
.menu-left > ul > li:hover > a { color:#fbbf36;}
.menu-left > ul > li:hover > a > nobr { border-bottom: 1px solid #fbbf36; }
.menu-left > ul > li > span { display: inline-block; padding: 0 0 1px 0; text-decoration: none; }
.menu-left > ul > li > span > nobr { border-bottom: 1px solid transparent; white-space: normal; }
.menu-left > ul > li nobr { white-space:normal;}
.menu-left > ul > li.sub { padding: 0 27px 22px 0; }
.menu-left > ul > li.sub > a { display: inline-block; padding: 0 0 1px 31px; background: url(images/marker-menu1.png) no-repeat 0 3px; }
.menu-left > ul > li.sub:hover > a { background: url(images/marker-menu2.png) no-repeat 0 3px; }
.menu-left > ul > li.sub > span { display: inline-block; padding: 0 0 1px 31px; background: url(images/marker-menu2.png) no-repeat 0 3px; }
.menu-left > ul > li > ul { display: none; list-style-type: none; width: 154px; margin: 0; padding: 20px 20px 25px 32px; background: url(images/back-sub.png) no-repeat; position: absolute; right: -195px; top: 8px; }
.menu-left > ul > li > ul li { margin: 12px 0 0 0; padding: 0; font-size: 14px; font-weight: 400; }
.menu-left > ul > li > ul li:first-child { margin: 0; }
.menu-left > ul > li > ul li a { color: #bdbdbd; text-decoration: none; border-bottom: 1px solid #727272; }
.menu-left > ul > li > ul li a:hover { color: #fbbf36; border-bottom: 1px solid #fbbf36; }
.menu-left > ul > li > ul li span { text-decoration: none; color: #fbbf36; border-bottom: 1px solid transparent; }
.menu-left > ul > li:hover > ul { display: block; }
.right { float: right; width: 643px; }
.b-about { position: relative; border: 8px solid #fbbf36; margin: -40px 0 39px 0; padding: 30px 40px 30px 40px; }
.b-about p { margin: 0; padding: 0; font-family: 'Russo One', sans-serif; font-size: 17px; line-height: 24px; }
.b-about .corner { position: absolute; right: -8px; bottom: -8px; width: 47px; height: 50px; background: url(images/sprite.png) no-repeat 0 -1188px; }
.about-firm { margin: 0 0 45px -62px; font-size: 19px; font-weight: 700; color: #6e6e6e; word-spacing: -2px; }
.cats { width: 720px; margin: 0 0 30px -90px; }
.cats ul { list-style-type: none; margin: 0 0 0 -90px; padding: 0; text-align: center; }
.cats li { position: relative; display: inline-block; vertical-align: top; width: 150px; margin: 0 0 0 90px; padding: 0; min-height:230px; text-align: center; line-height: normal; background: none; }
*+html .cats li { display: inline; }
.cats li a { text-decoration: none; }
.cats li img {  }
.link-cat { position: absolute; top: 130px; right: -10px; width: 121px; height: 121px; font-size: 14px; font-weight: 700; }
.link-cat span { display: table-cell; vertical-align: middle; width: 87px; height: 121px; padding: 0 17px 0 17px; background: url(images/sprite.png) no-repeat 0 -1632px; text-decoration: none; }
.link-cat nobr { border-bottom: 1px dotted #404040; white-space: normal; }
.cats li:first-child { width: 226px; }
.cats li a:hover span { background: url(images/sprite.png) no-repeat 0 -1773px; color: #fff; }
.cats li a:hover nobr { border-bottom: 1px dotted #fff; }

/*b-order*/
.wr-order { background: #fbbf36; }
.b-order { width: 940px; margin: 0 auto; padding: 22px 0 25px 0; font-size: 20px; font-weight: 700; text-align: center; }
.b-order span.phone-ord { position: relative; top: 2px; margin: 0 15px 0 15px; font-size: 24px; font-family: 'Russo One', sans-serif; }
.b-order span.write { margin: 0 0 0 15px; font-size: 18px; text-transform: uppercase; color: #fff; }
.b-order span.write a { display: inline-block; padding-bottom: 1px; color: #404040; text-align: center; background: url(images/dashed2.png) repeat-x 0 bottom; text-decoration: none; }
.b-order span.write a:hover { background: url(images/dashed.png) repeat-x 0 bottom; color:#fff; }
.wr-about { margin: 0 0 -50px 0; background: #404040; }
.about-prod { width: 940px; margin: 0 auto; padding: 78px 0 125px 0; background: url(images/line-about.jpg) no-repeat 50% bottom; overflow: hidden; color: #bdbdbd; }
.ban-about { float: left; margin: 0 80px 0 0; font-size: 16px; text-transform: uppercase; color: #f1f1f1; font-weight: bold; line-height: 25px; }
.ban-about a { display: block; width: 200px; height: 215px; padding: 14px 0 0 20px; background: url(images/sprite.png) no-repeat 0 -94px; text-decoration: none; color: #f1f1f1; }
.ban-about a:hover { background: url(images/sprite.png) no-repeat 0 -343px; }
.desc-about { overflow: hidden; }
.about-prod h1 { margin-bottom: 27px; font-size: 24px; line-height: 24px; color: #bdbdbd; text-transform: uppercase; font-family: 'Russo One', sans-serif; }
.about-prod p { font-size: 14px; color: #7f7f7f; }
.hFooter { height: 188px; }

/*footer*/
.footer { position: relative; z-index: 60; background: #404040; min-width: 940px; margin: -138px auto 0 auto; padding: 0; height: 138px; color: #888; }
.cont-f { width: 940px; margin: 0 auto; padding: 36px 0 0 0; }
.copy { float: left; }
.copy span { display: block; margin: 3px 0 0 0; font-size: 12px; }
.contacts-f { float: left; margin: 0 0 0 65px; }
.phone-f { margin: -3px 0 15px 0; }
.phone-f ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; }
.phone-f li { float: left; margin: 0 0 0 23px; padding: 0; line-height: 18px; background: none; font-size: 18px; font-weight: 700; }
.phone-f li:first-child { margin: 0; }
.phone-f li span { font-weight: 400; font-size: 14px; }
.mail-f { margin-left: 5px; font-size: 14px; }
.mail-f a { color: #888; }
.mail-f a:hover { color:#fbbf36; }
.made { float: right; margin: -10px 0 0 0; font-size: 14px; }
.made a { color: #888; }
.made a:hover { color:#fbbf36; }
.made img { position: relative; top: 4px; }

/*pop order*/
.pop { display: none; position: fixed; top: 15%; left: 50%; z-index: 50; margin: 0 0 0 -230px; width: 460px; background: #f1f1f1; }
.cont-pop { position: relative; padding: 60px 61px 45px 61px; }
.close { position: absolute; top: -29px; right: -29px; width: 29px; height: 29px; background: url(images/sprite.png) no-repeat 0 -1090px; cursor: pointer; }
.close:hover { background: url(images/sprite.png) no-repeat 0 -1139px; }
.field { margin: 0 0 19px 0; }
.field input { width: 373px; height: 35px; padding: 0 14px 0 14px; line-height: 35px; border: 1px solid #e6e6e6; border-top: 1px solid #b5b5b5; border-bottom: 1px solid #f1f1f1; background: #fff url(images/field.png) repeat-x; font-size: 16px; color: #6e6e6e; outline: none; font-family: 'PT Sans', sans-serif; }
body:first-of-type .field input { line-height: normal; }
::-webkit-input-placeholder { color: #6e6e6e; }
:-moz-placeholder { color: #6e6e6e; }
.field textarea { width: 373px; height: 72px; padding: 8px 0 0 14px; border: 1px solid #e6e6e6; border-top: 1px solid #b5b5b5; border-bottom: 1px solid #f1f1f1; background: #fff url(images/field.png) repeat-x; font-size: 16px; color: #6e6e6e; outline: none; font-family: 'PT Sans', sans-serif; overflow-y: auto; }
.pop .button { margin: 33px auto 0 auto; }
.button { width: 145px; }
.button input { display: block; width: 145px; height: 40px; line-height: 40px; padding: 2px 0 0 0; background: #404040; border: none; font-size: 14px; text-transform: uppercase; color: #fbbf36; font-family: 'Russo One', sans-serif; cursor: pointer; }
.button input:hover { background: #fbbf36; color: #404040; }
.overlay { display: none; position: fixed; top: 0; left: 0; z-index: 48; width: 100%; height: 100%; background: url(images/overlay.png); }

/*page catalog*/
.left .ban-about { float: none; margin: 0 0 45px 0; }
.left .ban-about a { background: url(images/sprite.png) no-repeat 0 -592px; }
.left .ban-about a:hover { background: url(images/sprite.png) no-repeat 0 -841px; }
.cat-left {  }
.cat-left ul { list-style-type: none; margin: 0; padding: 0; }
.cat-left li { margin: 0 0 37px 0; padding: 0; line-height: normal; font-size: 14px; font-weight: 700; text-align: center; }
.cat-left li a { text-decoration: none; }
.img-cat {  }
.cat-left li span { border-bottom: 1px dotted #404040; }
.cat-left li a:hover span { border-bottom: 1px dotted #fbbf36; color:#fbbf36; }
.t-page { margin: 0 0 0 0; }
.t-page h1 { float: left; }
.sel-f { float: left; margin: -1px 0 0 25px; }
.sel-f select {  }
.selectbox { vertical-align: middle; cursor: pointer; }
.selectbox .select { width: 177px; height: 25px; padding: 3px 25px 0 13px; font-size: 16px; color: #404040; background: #fbbf36; }
.selectbox .select .text { display: block; width: 100%; white-space: nowrap; overflow: hidden; }
.selectbox .trigger { position: absolute; top: 0; right: 0; width: 34px; height: 100%; }
.selectbox .trigger .arrow { position: absolute; top: 12px; right: 12px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000; width: 0; height: 0; overflow: hidden; }
.selectbox .dropdown { top: 29px; width: 215px; margin: 0; padding: 4px 0; background: #fbbf36; }
.selectbox ul { list-style-type: none; margin: 0; padding: 0; }
.selectbox li { margin: 0; line-height: normal; padding: 5px 10px 6px; color: #404040; }
.selectbox li:hover { background: #404040; color: #FFF; }
.selectbox li.disabled { color: #AAA; }
.selectbox li.disabled:hover { background: none; }
.list-pr { margin: 0 0 28px 0; }
.list-pr > ul { list-style-type: none; margin: 0 0 0 -43px; padding: 0; }
.list-pr > ul > li { display: inline-block; vertical-align: top; width: 294px; margin: 0 0 62px 43px; padding: 0; line-height: normal; }
*+html .list-pr > ul > li { display: inline; }
.list-pr > ul > li .corner { position: absolute; bottom: -4px; right: -4px; width: 43px; height: 42px; background: url(images/sprite.png) no-repeat 0 -1258px; }
.img-pr { position: relative; width: 286px; height: 200px; margin: 0 0 12px 0; background: #fff; text-align: center; border: 4px solid #bdbdbd; }
.list-pr li p { display: table-cell; vertical-align: middle; margin: 0; padding: 0; width: 286px; height: 200px; line-height: normal; }
.img-pr img { position: relative; top: 3px; max-width: 280px; max-height: 190px; }
.t-pr { margin: 0 0 9px 0; font-size: 20px; font-weight: 700; }
.t-pr a { text-decoration: none; }
.t-pr a:hover { text-decoration: underline; }
.params {  }
.params ul { list-style-type: none; margin: 0; padding: 0; }
.params li { margin: 0 0 4px 0; padding: 0; line-height: normal; font-size: 14px; color: #6e6e6e; }
.params li strong { color: #404040; }
.buy { margin: 19px 0 0 0; font-size: 16px; font-weight: 700; }
.buy a { display: inline-block; padding: 0 19px 0 0; background: url(images/arrow-link.png) no-repeat right 7px; text-decoration: none; }
.buy span { border-bottom: 3px solid #fbbf36; }
.buy a:hover span { border-bottom: 3px solid #fbbf36; }
.buy a:hover { color:#fbbf36; }
.pages { position: relative; min-height: 29px; }
.pages p.prev-page { position: absolute; top: 0; left: 0; z-index: 5; margin: 0; padding: 0; line-height: normal; }
.pages p.prev-page a { display: block; width: 29px; height: 29px; background: url(images/sprite.png) no-repeat 0 -1583px; text-decoration: none; }
.pages p.prev-page span { display: block; width: 29px; height: 29px; background: url(images/sprite.png) no-repeat 0 -1534px; text-decoration: none; }
.pages p.prev-page a:hover { background: url(images/sprite.png) no-repeat -29px -1583px; }
.pages ul { position: relative; top: 2px; list-style-type: none; margin: 0; padding: 0; text-align: center; }
.pages li { display: inline-block; vertical-align: bottom; margin: 0 0 0 2px; padding: 0; line-height: normal; font-size: 18px; font-weight: 700; }
.pages li:first-child { margin: 0; }
.pages li a { display: inline-block; padding: 2px 3px 0 3px; min-width: 22px; min-height: 26px; text-align: center; border-radius: 20px; }
.pages li a:hover { color: #fbbf36; }
.pages li span { display: inline-block; padding: 2px 3px 0 3px; min-width: 22px; min-height: 26px; background: #fbbf36; text-align: center; border-radius: 25px; }
.pages p.next-page { position: absolute; top: 0; right: 0; z-index: 5; margin: 0; padding: 0; line-height: normal; }
.pages p.next-page a { display: block; width: 29px; height: 29px; background: url(images/sprite.png) no-repeat 0 -1485px; text-decoration: none; }
.pages p.next-page span { display: block; width: 29px; height: 29px; background: url(images/sprite.png) no-repeat 0 -1436px; text-decoration: none; }
.pages p.next-page a:hover { background: url(images/sprite.png) no-repeat -29px -1485px; }

/*page contacts*/
.full-contacts { margin: 0 0 65px 0; }
.phone-c { margin: 0 0 11px 0; }
.phone-c p { display: inline-block; vertical-align: top; margin: 0; padding: 0; font-size: 22px; font-weight: 700; }
*+html .phone-c p { display: inline; }
.phone-c ul { position: relative; top: -4px; display: inline-block; vertical-align: top; list-style-type: none; margin: 0 0 0 10px; padding: 0; overflow: hidden; }
*+html .phone-c ul { display: inline; }
.phone-c li { float: left; margin: 0 0 0 13px; padding: 0 0 0 25px; line-height: normal; background: url(images/separate-phone.png) no-repeat 0 5px; font-size: 22px; font-weight: 700; color: #6e6e6e; }
.phone-c li:first-child { margin: 0; padding: 0; background: none; }
.phone-c li span { position: relative; top: -4px; font-size: 14px; }
.mail-c { margin: 0 0 16px 0; }
.mail-c span { margin: 0 10px 0 0; font-size: 22px; font-weight: 700; }
.mail-c a { font-size: 22px; color: #6e6e6e; border-bottom: 1px solid #6e6e6e; text-decoration: none; }
.mail-c a:hover { border-bottom: 1px solid #fbbf36; color:#fbbf36; }
.adress-c { font-size: 16px; }
.adress-c span { font-weight: 700; color: #404040; }
.b-callback { margin: 0 0 72px 0; }
.title { margin: 0 0 30px 0; font-size: 24px; color: #404040; font-weight: 500; text-transform: uppercase; font-family: 'Russo One', sans-serif; }
.form-callback { position: relative; padding: 43px 130px 38px 130px; border: 7px solid #fabf35; }
.form-callback .corner { position: absolute; right: -7px; bottom: -7px; width: 47px; height: 50px; background: url(images/sprite.png) no-repeat 0 -1188px; }
.form-callback form {  }
.form-callback .button { margin: 35px auto 0 auto; }
.map { width: 634px; height: 376px; border: 3px solid #cecece; }

/*page price*/
table.table-price { border-collapse:collapse;}
table.table-price th { padding:6px 5px 6px 10px; background:#404040; font-size:14px; color:#fbbf36; font-weight:700;}
table.table-price th.type { width:165px;}
table.table-price th.cost { width:105px;}
table.table-price th.units { width:90px;}
table.table-price th.note { width:220px;}
table.table-price td.tit-table { padding:7px 0 7px 0; border-top:2px solid #f1f1f1; border-bottom:2px solid #f1f1f1; background:#fbbf36; font-size:13px; font-weight:700; color:#404040; text-align:center; text-transform:uppercase; letter-spacing:1px;}
table.table-price td { padding:12px 10px 12px 10px; font-size:13px; line-height:18px; color:#6e6e6e;}
table.table-price td.note { font-size:12px; font-style:italic; color:#6e6e6e; text-align:center;}
table.table-price tr.two td { background:#e5e4e4;}
table.table-price td.center-td { text-align:center;}

/*type page*/
.breadcrumbs { margin:0 0 47px 0;}
.breadcrumbs ul { list-style-type:none; margin:0 0 0 -12px; padding:0; overflow:hidden;}
.breadcrumbs li { float:left; margin:0 0 0 11px; padding:0 0 0 20px; line-height:normal; background:url(images/marker-bread.png) no-repeat 0 7px;}
.breadcrumbs li:first-child { background:none; padding:0;}
.breadcrumbs li a {}
.breadcrumbs li strong {}
.post { margin:0 0 15px 0; overflow:hidden;}
.post img { float:left; margin:0 20px 0 0;}
.post p {}
.b-text { position:relative; margin:0 0 37px 0; padding:16px 65px 18px 33px; background:#fbbf36;}
.b-text p { margin:0; padding:0; font-size:16px; font-weight:700; line-height:22px;}
.b-text .corner { position:absolute; bottom:0; right:0; width:29px; height:27px; background:url(images/sprite.png) no-repeat 0 -1320px;}
ul.list { list-style-type:none; margin: 20px 0 40px 0; padding:0 0 0 0; }
ul.list li { margin: 0 0 8px 0; padding:0 0 0 25px; background:url(images/marker.png) no-repeat 0 7px; color:#6e6e6e; line-height:21px; }
ul.list-num { list-style-type:none; margin:25px 0 40px 0; padding:0;}
ul.list-num li {margin:0 0 0 13px 0; padding:0; line-height:normal; color:#6e6e6e;}
ul.list-num li span { width:15px; height:14px; margin:0 5px 0 0; padding:1px 0 0 0; display:inline-block; background:#fbbf36; border:2px solid #404040; font-size:12px; line-height:12px; font-weight:700; text-align:center; border-radius:15px;}
.gallery { margin:0 0 55px 0;}
.gallery * { outline:none;}
.gallery ul { list-style-type:none; margin:0; padding:0 0 0 0; width:640px; white-space:nowrap; overflow:hidden;}
.gallery ul li { display:inline-block; vertical-align:top; background:#000; margin:0 0 0 33px; padding:0; line-height:normal; overflow:hidden;}
.gallery ul li img { display:block;}
.gallery ul li:first-child { margin:0;}
.gallery ul li img { width:135px; height:107px; background:#000;}

/*scroll*/
.scroll-pane { width: 100%; height: 149px; overflow: auto; }
.jspContainer { height:149px !important; overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%;}
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px;  }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: url(images/line-drag.png) repeat-x 0 50%; position: relative; }
.jspDrag { background: #fbbf36 url(images/decor-drag.png) no-repeat 50% 50%; position: relative; top: 0; left: 0; cursor: pointer; }
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag { float: left; height: 10px; }
.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0; }
.jspArrow.jspDisabled { cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0; }
 

/*local reset*/
.clear {clear: both; height:0; font-size:0; padding:0; margin:0; line-height:0;}