/* CSS Document */

/*Obnuliator*/
html{color:#000;background:#FFF;background: url(/i/bg.gif);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
/* /Obnuliator*/


body{font: 10px Arial; color: #5b5b5b; background-color: #ffffff;}
a {color: #56addc;}
h1 {font-size: 2.2em; color: #000000; font-family: arial; font-weight: bold; margin-bottom:20px; line-height:0.8em;}
p {line-height:1.3em; margin-bottom:20px;}

.clear {clear: both;}

.all {background-position: 85% 50px; max-width:1100px; padding-left:50px; padding-right:50px; _width:1000px;}
.menu {height:55px; width:60%; float:left; _width: 610px;}
.menu ul {list-style:none;}
.menu li {float:left; margin-right:4%; margin-top:17px; height:37px;}
// .menu li:hover {background:url(/i/arr.gif) no-repeat; background-position: bottom center;}
.menu li.active {background:url(/i/arr.gif) no-repeat; background-position: bottom center;}
.menu li a {color: #ffffff; font-size:1em; text-decoration: none; font-weight: bold;}
.menu li a:hover {color: #f0a71d;}

.search {width: 287px; float: right; height:30px; margin-top:11px;}
.search input.itext {width:184px; height: 25px; background:url(/i/inputbg.gif) no-repeat; border:0px;line-height:25px; padding: 0px 0px 0px 10px; float:left; font-size: 1em;}
@-moz-document url-prefix() { .search input.itext {padding-top:5px;} }

.top {height: 170px; clear:both;}
.logo {height:76px; width:203px; background:url(/i/velobank.gif) no-repeat; position:relative; float:left; margin-top: 55px;}

* html .region {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/i/region.png', sizingMethod='scale'); background: none;}
.region {width:229px; height:46px; background:url(/i/region.png) no-repeat; float:left; margin-left: 18%; margin-top: 45px; line-height: 45px; font-size:1.3em; color: #050505; font-weight: bold;}
.region span {color: #767676;}
.region a {border-bottom:1px dashed #0a8abf; text-decoration:none;}

.bonus, .bonus .inner1, .bonus .inner2 {height:58px;}
.bonus {display: inline; float: right; text-align:left; margin-right: 10px; margin-top: 45px; font-size:1.6em; color: #ffffff; font-weight: bold;}
.bonus {background:url(/i/bbgLeft.png) no-repeat;}
.bonus .inner1 {margin-left: 19px; background:url(/i/bbgRight.png) no-repeat right;}
.bonus .inner1 .inner2 {margin-right: 19px; background:url(/i/bbgMiddle.png) repeat-x right;}
.bonus .inner3 {padding: 8px 10px;}
.bonus a {color: #b5d28c;}

*html .bonus {background: none;}
*html .bonus .inner1 {background: none;}
*html .bonus .inner1 .inner2 {background: none;}
*html .bonus {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/i/bbg.png', sizingMethod='scale'); background: none; display:inline;}

.middle {clear:both; text-align:left;}
h1#big {font-size:3em; margin-bottom:40px;}

.razdel {width:25%; float:left;font-size:1.2em; font-weight: bold; line-height:2em;padding-top:95px;}
#imagesis {min-width:350px; margin-right:3%; padding-top: 0px; _width:350px;}
#imagesis .main {/*width:290px; */margin-bottom: 30px;}
.smaller {border: 4px solid #dedede; margin-right: 15px;}
.razdel h1 {color: #b5d28c; margin-top:40px; line-height:0.8em;}
.content {width:55%; float:left; font-size:1.2em;}
.content h1 {color: #b5d28c; margin-top:40px;}
#itemm {padding-top:95px;}
p#small {font-size:0.9em;}
.cost {background:url(/i/yellow.gif) no-repeat; text-align: center; height: 38px; width: 167px; padding-top:2px; color: #000000; font-size:0.9em;}
h2 {color: #000000; font-size:2em; font-family: arial; font-weight: bold; margin-top:30px;}

.company {width: 30%; float:left; font-size:1.1em;}
.company h1 {color: #b5d28c; margin-top:40px;}
.catalog {float:left; font-size:1.2em;}
.catalog h1 {color: #b5d28c; margin-top:40px;}
.catalog span {float:left; margin-right:50px;}

.more {height:31px; width:112px; background:url(/i/more.gif) no-repeat; font-size: 1.1em; margin-left: -22px; line-height: 28px; padding-left: 22px; position: relative;}

.right {float: right;}
/*.box {float:right; width: 515px;}*/
.box {float:right; width: 620px;}
#brand {width:35%;}

.r1, .r2, .r3, .r4, .r5, .r6, .r7, .r8, .r9, .r10 {display: block;height: 1px;}
.r1, .r2, .r3, .r4, .r5, .r6, .r7, .r8, .r9, .r10 {overflow: hidden;font-size:1px;}

.r10 { margin: 0 10px; }
.r9 { margin: 0 9px; }
.r8 { margin: 0 8px; }
.r7 { margin: 0 7px; }
.r6 { margin: 0 6px; }
.r5 { margin: 0 5px; }
.r4 { margin: 0 4px; }
.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }


.box .inner-box, .box b {background-color: #56addc;}
*html .inner-box  {height: 50px;}
.inner-box {padding: 30px 0px 30px 50px;}

.news {margin-left: -22px; text-align: left;  margin-top:55px;}
.news .inner-news, .news b {background-color: #f1f1f1;}
.inner-news {padding: 30px 0px 30px 0px;}

.gray {margin-left: -22px; margin-right: -15px; text-align: left;  margin-top:55px; margin-bottom:55px; clear:both;}
#forma {width: 310px;}
* html #forma {margin-left: 0px; margin-right: 0px;}
* html #faq {margin-left: 0px; margin-right: 0px;}
#faq {margin-top:0px; margin-bottom:0px;}
.gray .inner-gray, .gray b {background-color: #f1f1f1;}
#faq .inner-gray, #faq b {background-color: #f7f7f7;}

.inner-gray {padding: 10px 15px 10px 20px; max-width:100%;}
.inner-gray h1 {margin-top: 15px; color: #797979; font-size: 1.8em; margin-bottom:30px;}

.inner-gray input.itext {width:184px; height: 25px; background:url(/i/ginputbg.gif) no-repeat; border:0px;line-height:25px; padding: 0px 0px 0px 10px; font-size: 0.9em; margin-bottom:6px;}
@-moz-document url-prefix() { .inner-gray input.itext {padding-top:5px;} }
.inner-gray textarea.itext {width:262px; height: 175px; font-family:arial; background:url(/i/areabg.gif) no-repeat; border:0px; padding: 10px 0px 0px 10px; font-size: 0.9em; overflow-y:hidden;}


* html .inner-news span  {width: 24.5%; margin-left:4%;}
.inner-news span {float:left; font-size:1.2em; width: 25.5%; margin-left:6%; color: #a5a5a5;}
.inner-news span p {color: #5b5b5b;}

.inner-box span {padding-right: 49px; float:left;}
.inner-box span.last {padding-right: 0px;}
.inner-box span a {color: #ffffff; font-size: 1.2em;}
.inner-box span .wmore {height:31px; width:132px; background:url(/i/wmore.gif) no-repeat; font-size: 1.1em; margin-left: -16px; line-height: 28px; padding-left: 16px; position: relative;}
.inner-box span .wmore a {color: #56addc; background-color: #ffffff;}

.liders {text-align:left;clear: both; margin-top:65px;}
.liders ul {list-style:none;}
.liders li {float:left; margin-right:3%; width: 21%; color: #000000; font-size:1.2em; font-weight: bold;}
.liders li img {border: 4px solid #dedede; margin-right: 15px;}

.futer {height: 180px; text-align:left; font-size:1.1em;}
.futer div {float:left; margin-top: 65px;margin-right:5%; width: 27%;}
.futer div span {color: #000000; font-size: 2em; font-weight: bold;}
.futer div.first {margin-right:9%;}

.clearRight {clear: right;}
.catalogInfo {
  float: right;
  width: 35%;
  padding-top: 40px;
  font-size: 1.1em;
  text-align: left;}
  
.topprod {background-position: 65% -50px; background-repeat: no-repeat; max-width:1100px; padding-left:50px; padding-right:50px; _width:1000px;}
.black {background: url('/i/black.jpg') top repeat-x;}

.hide {display: none;}
#faqInfo {padding: 0 0 30px 30px;}
#faq {padding: 30px 0 20px 0;}
.faqQ, .faqA {padding: 5px 0 0 30px;}
.addInfo ul {padding: 0 0 20px 20px;}
.addInfo ul li {list-style: disc;}
a.expand {text-decoration: none; border-bottom: 1px dashed #0A8ABF};