@charset "utf-8";
/* CSS Document */
html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dt, dl, table, tr, td, th, p, span, strong, small, a, img, form {margin: 0px; padding: 0px;}
html {height: 100%; font-size: 62.5%;}
body {font: normal 13px Arial,Helvetica,sans-serif; color: #606060; background: #fff url(../images/bg-1.png) center 92px repeat-x; min-width: 976px; position: relative; height: 100%; }
img {border: none;}
a {cursor: pointer; text-decoration: underline; color: #606060;}
a:hover {text-decoration: none;}
p {padding-bottom: 15px;}
p small {font-size: 1em;}
h1, h2, h3, h4, h5, h6 {font: bold 18px Arial,Helvetica,sans-serif; color: #10a309; padding-bottom: 15px;}
h1 {font-size: 24px;}
h3 {font-size: 14px;}
h4 {font-size: 13px;}
h5 {font-size: 12px;}
h6 {font-size: 11px;}
input[type='submit'], input[type='button'] {cursor: pointer;}
ul, ol { padding-left: 30px; }
ul li {list-style: disc outside;}
.set {height: 0; overflow: hidden; clear: both; font-size: 0; line-height: 0; }
.fl {float: left;}
.fr {float: right;}
.rel {position: relative;}
#wrap { height: auto !important; height: 100%; min-height: 100%; position: relative; width: 976px; margin: 0 auto; }
.header {position: relative; height: 91px; background: #ffffff; margin-bottom: 28px;}
.logo {position: absolute; top: 0; width: 351px; height: 91px; background: url(../images/logo.jpg) no-repeat; left: -38px;}
.logo a {display: block; width: 138px; height: 47px; position: absolute; left: 99px; top: 27px;}
.m-1 {position: absolute; width: 400px; left: 348px; top: 1px;}
.m-1 ul {padding: 0; margin: 0;}
.m-1 li {float: left; padding: 32px 21px 0 14px; border-left: solid 1px #c7c7c7; list-style: outside none !important; font-size: 18px; text-transform: uppercase;}
.m-1 li a {color: #3b3b3b; text-decoration: none !important;}
.m-1 li a.active, .m-1 li a:hover {color: #10a309;}
.tel {position: absolute; right: 2px; top: 30px; padding: 0 0 0 43px; background: url(../images/tel.png) no-repeat; min-height: 32px;}
/* .ie */.tel {top: 25px; background-position: 0 5px;}
.tel small {font-size: 14px; color: #10a309;}
.tel big {font-size: 35px; line-height: 35px; color: #3b3b3b; font-weight: bold;}
.zakaz {position: absolute; right: 2px; top: 58px; color: #a6a6a6; font-size: 12px; text-transform: uppercase;}
.zakaz a {font-weight: bold; color: #e36e1a; font-size: 14px;}
.page {width: 100%; position: relative; overflow: hidden; padding-bottom: 20px;}
.cont-1 {width: 100%; float: left;}
.cont-2 {padding: 0 262px;}
.cont {width: 100%; position: relative; overflow: hidden;}
.nav-1, .nav-2 {width: 206px; float: left;}
.nav-1 {margin-left: -100%;}
.nav-2 {margin-left: -206px;}
.katalog { padding-bottom: 20px;}
.catalog {text-indent: -9999px; overflow: hidden; background: url(../images/katalog.png) no-repeat; height: 40px; padding: 0;}
.m-2 {padding: 0 6px;}
.m-2 ul {padding: 0; margin: 0;}
.m-2 li {padding: 10px 5px 10px 0; border-top: dotted 1px #a4a4a4; list-style: none !important;}
.m-2 li:first-child {border: none;}
.m-2 li a {font-size: 16px; line-height: 20px; color: #5b5b5b; text-decoration: none !important; padding-left: 36px; display: block; background: url(../images/m-2.png) no-repeat;}
.m-2 li a:hover {color: #e36e1a;}
/*
.m-2 li.m-2-1 a {background-position: 3px 0; padding: 7px 0 7px 36px;}
.m-2 li.m-2-1 a:hover {background-position: 3px -270px;}
.m-2 li.m-2-2 a {background-position: 0 -66px;}
.m-2 li.m-2-2 a:hover {background-position: 0px -339px;}
.m-2 li.m-2-3 a {background-position: 0 -137px;}
.m-2 li.m-2-3 a:hover {background-position: 0px -403px;}
.m-2 li.m-2-4 a {background-position: 0 -198px;}
.m-2 li.m-2-4 a:hover {background-position: 0px -472px;}
*/
.m-2 li.m-2-1 a {background-position: 3px 2px; padding: 7px 0 7px 36px;}
.m-2 li.m-2-1 a:hover {background-position: 3px -268px;}
.m-2 li.m-2-2 a {background-position: 0 -64px;}
.m-2 li.m-2-2 a:hover {background-position: 0px -337px;}
.m-2 li.m-2-3 a {background-position: 0 -135px;}
.m-2 li.m-2-3 a:hover {background-position: 0px -401px;}
.m-2 li.m-2-4 a {background-position: 0 -196px;}
.m-2 li.m-2-4 a:hover {background-position: 0px -470px;}
.banner {padding-bottom: 20px;}
.otzivi {}
.otzivvi {overflow: hidden; text-indent: -9999px; background: url(../images/otzivi.png) no-repeat; height: 50px; padding: 0;}
.otziv {padding-bottom: 25px; overflow: hidden;}
.otziv-data {font-size: 12px; color: #606060; padding-bottom: 3px; border-bottom: dotted 1px #a4a4a4; margin-bottom: 5px;}
.otziv-data b {color: #000000; font-size: 14px; font-weight: normal; padding-right: 10px;}
.otziv-ava {width: 48px; float: left; padding-right: 9px;}
.otziv-ava img {max-width: 48px;}
.otziv-body {overflow: hidden; font-size: 11px; line-height: 12px;}
.zvuk {width: 191px; height: 115px; padding: 51px 7px 7px 7px; background: url(../images/zvuk.png) no-repeat;}
.caroucel-wr {padding: 0 40px 32px; position: relative;}
.caroucel {width: 896px !important; position: relative; overflow: hidden;}
.caroucel ul {padding: 0; width: 120%;}
.caroucel li {float: left; list-style: none !important; width: 140px; min-height: 80px; padding: 7px 6px 6px 8px; background: url(../images/img-bg-1.png) no-repeat; margin-right: 30px;}
.caroucel li b {display: inline-block; *display: inline; zoom:1; vertical-align: middle; white-space: nowrap; height: 80px;width: 140px; text-align: center;}
.caroucel li b * {vertical-align: middle;}
.caroucel li img {max-width: 139px; max-height: 80px;}
.caroucel li u {display: inline-block; *display: inline; zoom:1; width: 1px; height: 80px;}
.caroucel li a {text-decoration: none;}
.caroucel li a span {display: block; padding: 8px 3px 0; color: #444646; text-decoration: underline;}
.caroucel li a:hover span {text-decoration: none;}
.bl-1, .bl-2 {display: block; position: absolute; width: 11px; height: 46px; left: 8px; top: 28px; background: url(../images/bl-1.png) no-repeat;}
.bl-2 {left: auto; right: 8px; background: url(../images/bl-2.png) no-repeat;}
.catalogg {width: 100%; overflow: hidden; position: relative;}
.catalogg ul {width: 130%; padding: 0; margin: 0 0 0 -28px; font-size: 0; line-height: 0; letter-spacing: -1px; vertical-align: top;}
.catalogg ul li {width: 212px; display: inline-block; *display: inline; zoom:1; font-size: 14px; line-height: normal; letter-spacing: normal; list-style: none !important; padding: 0 0 45px 28px; vertical-align: bottom; position: relative;}
.catalogg .item-title {padding: 0 0 0 6px;}
.catalogg .item-title a {text-decoration: none !important;}
.catalogg .item-img {width: 204px; height: 144px; padding: 3px 4px 4px; background: url(../images/img-bg-2.png) no-repeat; text-align: center;}
.catalogg .item-img * {vertical-align: middle;}
.catalogg .item-img img {max-width: 203px; max-height: 144px;}
.catalogg .item-img u {display: inline-block; *display: inline; zoom:1; width: 1px; height: 144px;}
.catalogg .cena {position: absolute; right: 4px; bottom: 20px; font-size: 12px; color: #444646;}
.catalogg .cena b {color: #e57a1c; font-size: 16px;}
.catalogg .podr {position: absolute; left: 31px; bottom: 19px;}
.catalogg .podr a {display: block; width: 99px; height: 21px; background: url(../images/podr.png) no-repeat;}
.tittle {font-size: 18px; color: #444646;}
.item {overflow: hidden; position: relative;}
.item * {max-width: 100%;}
.item-imgs {overflow: hidden;}
.item-img-big {width: 317px; height: 225px; text-align: center; white-space: nowrap; float: left; background: url(../images/img-bg-3.png) no-repeat;}
.item-img-big *, .item-img-small * {vertical-align: middle;}
.item-img-big img {max-width: 290px; max-height: 211px;}
.item-img-big u {width: 1px; height: 225px; display: inline-block; *display: inline; zoom:1;}
.item-imgs-small {float: right; width: 122px;}
.item-img-small {width: 119px; height: 104px; text-align: center; white-space: nowrap; background: url(../images/img-bg-4.png) no-repeat; margin-bottom: 16px;}
.item-img-small img {max-height: 96px; max-width: 109px;}
.item-img-small u {width: 1px; height: 104px; display: inline-block; *display: inline; zoom:1;}
.item-soc {margin-bottom: 18px; border-bottom: solid 1px #c3c3c3; padding-bottom: 13px;}
.item-body h1, .item-body h2, .item-body h3, .item-body h4, .item-body h5, .item-body h6 {font-weight: normal; text-transform: uppercase; padding-bottom: 5px;}
.item-form {position: relative; padding-bottom: 75px; width: 448px; margin: 0 auto;}
.item-form ul {padding: 0; margin: 0;}
.item-form ul li {list-style: none !important; overflow: hidden; padding: 0 0 12px;}
.item-form li label {display: block; float: left; padding: 4px 18px 0 0; width: 88px; text-align: right; position: relative;}
.item-form li label span {position: absolute; color: #e57a1c; font-size: 14px;}
.item-form li .i-t-1 {display: block; float: left; width: 342px; height: 24px; background: url(../images/i-t-1.png) no-repeat;}
.item-form li .i-t-1 input {width: 100%; height: 100%; margin: 0; padding: 0 5px; background: none; border: none; font-size: 13px; line-height: 24px;}
.item-form li .i-t-a-1 {display: block; float: left; width: 332px; height: 73px;padding: 5px; background: url(../images/i-t-a-1.png) no-repeat;position:relative;}
.item-form li .i-t-a-1 textarea {width: 332px; height: 73px; margin: 0; padding:0; background: #fff; border: none; font-size: 13px; resize: none; overflow: auto; }
.otpr {position: absolute; right: 0; bottom: 43px;}
.otpr input {display: block; width: 99px; height: 21px; background: url(../images/otpr.png) no-repeat; padding: 0; margin: 0; border: none;}
.popup4eg {width: 486px; height: 211px; background: url(../images/popup.png) no-repeat; position: fixed; left: 50%; top: 50%; margin: -121px 0 0 -266px; padding: 32px 26px 0 21px; z-index: 9999; display: none;}
.x {position: absolute; right: 10px; top: 10px; font-size: 18px; line-height: 18px; font-weight: bold;}
.x a {color: #9a9a9a; text-decoration: none !important;}
.popup4eg h2 {font-weight: normal; text-transform: uppercase; padding-bottom: 8px; border-bottom: solid 1px #c3c3c3; margin-bottom: 31px;}
.popup4eg .item-form { padding-bottom: 47px;}
.popup4eg .otpr {bottom: 29px;}
#footer { position: relative; border-top: solid 1px #c4c4c4; padding: 16px 2px; overflow: hidden; font-size: 12px; color: #8a8a8a;}
.copy {float: left; width: 250px; padding-top: 10px;}
.s4et4iki {overflow: hidden; text-align: right;}
.s4et4iki img {margin: 0 0 0 5px;}