/* 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: 62.5%/1.4 Arial; color: #5b5b5b; background-color: #ffffff;}
div {border:0px solid red;}
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:url(/i/bonus.jpg) no-repeat; background-position: 65% 50px; max-width:1100px; padding-left:50px; padding-right:50px; _width:1000px;}
.menu {height:55px; width:650px; float:left; _width: 610px;}
.menu ul {list-style:none; position: relative; z-index: 10;} /* position: relative; z-index: 10; */
.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; overflow: hidden; zoom:1;}
h1#big {font-size:3em; margin-bottom:40px;}

.razdel {width:25%; float:left;font-size:1.2em;  line-height:2em;padding-top:95px;}
#imagesis {min-width:350px; margin-right:3%; padding-top: 0px; _width:350px;}
.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:3px; color: #a61700; font-size:0.9em; margin-bottom: 15px;}
h2 {color: #000000; font-size:2em; font-family: arial; font-weight: bold; margin-top:30px;}

.company {width: 400px; float:left; font-size:1.1em;}
.company h1 {color: #b5d28c; margin-top:40px;}

.catalog {font-size:1.2em;} /* border: 1px solid red; float:left;  */
.catalog h1 {color: #b5d28c; margin-top:40px;}
.catalog span {float:left; margin-right:50px;}

.cena {color: #4d4d4d; font-size:2em; font-family: arial; font-weight: bold; font-style: italic; margin-top:30px;}

.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;overflow: hidden; zoom:1; border: 0px solid red;}
#brand {width:400px; margin-top: 80px;}

.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;}
#brand b, #brand .inner-box {background-color: #f1f1f1;}
#brand .inner-box a {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:35px; margin-bottom:35px; 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: 20px 25px 20px 25px; 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-news span p img {margin: 0px 10px 0px 0px;}
.inner-news a.arch {margin-left:6%; font-size:1.2em; font-style: italic;}
.inner-news h3 {margin-left:6%; font-size:2.2em; font-weight:bold; margin-top: 0px; margin-bottom: 20px;}

.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: 220px; text-align:left; font-size:1.1em;}
.futer div {float:left; margin-top: 65px; width: 23%;}
.futer div span {color: #000000; font-size: 1.4em; font-weight: bold; align: right; position: relative;}
.futer div.last {width: 15%; margin-left:0%;}
.futer div.first {margin-right:9%;}

.clearRight {clear: right;}
.catalogInfo {
  float: right;
  padding-top: 40px;
  font-size: 1.1em;
  text-align: left;}

/* NEW // 25.05.2011 // Stan_Ly */
.overCatalog {overflow: hidden; zoom: 1; width: 60%;}
ul.menuCataloga {width: 135px; float: left; padding: 0; margin: 0;}
ul.menuCataloga li {margin-bottom: 1px; background: #f0efef;}
ul.menuCataloga li.active {background: #57addc;}
ul.menuCataloga li a {line-height: 35px; padding-left: 28px; display: block;}
ul.menuCataloga li.active a {color: #e5f4fc; text-decoration: none}
.contentCataloga {background: #57addc; margin-left: 135px; padding: 30px 50px; color: #fff;}
.menuLevelTwo {clear: both; position: absolute; width: 100%; top: 50px; left: 0px; height: 48px; background: url('/i/black.png') bottom left repeat-x; display: none;}
.menuLevelTwo .menuOver {max-width:1100px; margin: 0 auto; text-align: left; height: 48px; line-height: 48px;}
.menuLevelTwo .menuOver ul {overflow: hidden; zoom: 1; list-style: none;}
.menuLevelTwo .menuOver ul li {float: left; margin-right: 26px;}
.menuLevelTwo .menuOver ul li a {font-size: 1.2em; font-family: Arial; color: #ee6823; text-decoration: none;}
.menuLevelTwo .menuOver ul li a:hover, .menuLevelTwo .menuOver ul li.active a {color: #000;}
.contentCataloga ul {overflow: hidden; zoom: 1; margin: 0 0 15px 0;}
.contentCataloga ul li {float: left; width: 45%; padding: 0 10px 4px 0;}
.contentCataloga ul li a {color: #fff;}

.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;}

/* by Vladimir from old style.css */
.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};