html, body, ul, p, h1, h2, h3 {margin: 0; padding: 0;}

body {font-size: 12px; font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; color: #4f4f4f;}

#head {height: 270px; background: transparent url('../design/bg-head.png') left top repeat-x;}
#main {min-height: 235px; height: auto !important; height: 235px; background: transparent url('../design/bg-main.png') 0 0 repeat-x;}
#product {height: 313px; background: transparent url('../design/bg-product.png') 0 0 repeat-x;}
#color {height: 254px; background: transparent url('../design/bg-shadow.png') 0 0 repeat-x;}
#text {background: #ebebeb url('../design/bg-shadow.png') 0 0 repeat-x; color: #666;}
#foot {background: transparent url('../design/bg-foot.png') 0 0 repeat-x;}
#headin {width: 1030px; height: 270px; position: relative; margin: 0 auto; background: transparent url('../design/head.jpg') left top no-repeat;}
#headin.en {background-image: url('../design/head-en.jpg');}
#mainin, #productin, #colorin, #textin, #footin {width: 930px; margin: 0 auto; padding: 1px 50px 1px; position: relative; clear: both;}


#headin .logo img {position: absolute; left: 85px; top: 26px;}
#headin ul {position: absolute; left: 0; bottom: 0; height: 69px; list-style-type: none; font-size: 13px; font-weight: bold;}
#headin ul li {float: left;}
#headin ul li a {float: left; width: 132px; height: 41px; padding: 17px 0 11px 10px; background: transparent url('../design/menu.png') 0 0 no-repeat; text-align: center; text-decoration: none; color: #0b69a0; outline: 0;}
#headin ul li a:hover, #headin ul li.active a {background-image: url('../design/menu2.png');}

#flags {position: absolute; top: 15px; right: 51px;}
#flags a {margin: 0 0 0 5px;}
#flags img {border: 1px solid #eee;}
#flags a:hover img {-webkit-box-shadow: 0px 0px 5px #ddd; -moz-box-shadow: 0px 0px 5px #ddd; box-shadow: 0px 0px 5px #ddd;}

#toplogo {position: absolute; top: 10px; right: 230px;}
#toplogo a {margin: 0 10px 0 0;}

#main h1 {margin: 45px 0 10px; font-size: 18px; color: #0b69a0;}
#main .h1 {font-size: 18px; color: #0b69a0; font-weight: bold;}
#main h2 {margin: 20px 0 5px; font-size: 14px; color: #0b69a0;}
#main a#shop {display: block; width: 198px; height: 181px; margin: 0 0 10px; background: transparent url('../design/shop.png') 0 0 no-repeat;}
#main a#shop span {display: none;}
#main a#katalog {display: block; width: 198px; height: 340px; margin: 15px 0 10px; background: transparent url('../design/katalog.png') 0 0 no-repeat;}
#main a#katalogx.en {background-image: url('../design/shop-banner-en.jpg');}
#main a#katalog span {display: none;}
#main a {color: #4f4f4f; text-decoration: underline;}
#main a:hover {text-decoration: none;}
#main p {margin: 15px 0; text-align: justify; line-height: 1.4;}
#main address {margin: 0 0 50px; font-style: normal;}
#main ul {padding-left: 30px;}

#main #sortiment {margin: 0 0 20px -20px; padding: 0;}
#main #sortiment li {position: relative; width: 207px; height: 207px; padding: 4px; margin: 10px 0 10px 20px; float: left; border: 1px solid #eee; text-align: center; overflow: hidden; list-style-type: none; -webkit-box-shadow: 1px 2px 5px #aaa; -moz-box-shadow: 1px 2px 5px #aaa; box-shadow: 1px 2px 5px #aaa;}
#main #sortiment li h3 {position: absolute; bottom: 5px; left: 0; width: 207px; padding: 2px 5px; margin: 5px 0; font-size: 13px; background: url('../design/bg-alpha.png');}
#main #sortiment li a {color: #0B69A0;}
#main #sortiment li img {width: 207px; height: 207px;}
#main #sortiment li p {margin: 25px 30px 0 0; text-align: right;}

#mainin {padding-bottom: 20px;}

#content {width: 692px; float: left;}
#right {width: 198px; float: right; padding: 45px 0 0;}

#product h2 {position: absolute; left: 50px; top: 0; width: 186px; height: 29px; background: transparent url('../design/sortiment.png') 0 0 no-repeat;}
#product h2.en {width: 230px; background-image: url('../design/sortiment-en.png');}
#product h2 span {display: none;}
#product .product {width: 280px; height: 253px; margin: 44px 15px 15px; float: left; text-align: center;}
#product .product h3 {padding: 0; margin: 5px 0; font-size: 13px;}
#product .product img {}
#product .product p {margin: 25px 30px 0 0; text-align: right;}
#product.en .product p {display: none;}
#product .product span {font-size: .9em;}
#product .product a {color: #0b69a0; text-decoration: underline;}
#product .product a:hover {text-decoration: none;}

#color h2 {position: absolute; left: 50px; top: 0; width: 364px; height: 29px; background: transparent url('../design/color.png') 0 0 no-repeat;}
#color h2.en {background-image: url('../design/color-en.png');}
#color h2 span {display: none;}
#color .color {width: 180px; float: left; margin: 60px 0 0;}
#color .center {margin: 60px 160px 0;}
#color .color p {font-size: 13px; background: url('../design/arrow2.gif') 0 5px no-repeat; margin: 10px 3px 0; padding: 0 0 0 20px;}
#color .color p span {color: #0b69a0;}

#textin {text-align: justify;}
#text h2 {margin: 12px 0; font-size: 14px;}
#text h3 {margin: 12px 0; font-size: 12px;}
#text p {margin: 12px 0; }

.catalog {margin: 0; padding: 0 !important;}
.catalog .item {width: 80px; float: left; margin-right: 10px; text-align: center;}
.catalog .item img {border: 1px solid #888;}
.catalog .item a:hover img {border: 1px solid #000; -webkit-box-shadow: 0px 0px 5px #aaaaaa;-moz-box-shadow: 0px 0px 5px #aaaaaa;box-shadow: 0px 0px 5px #aaaaaa;} 
.catalog .newline {clear: both; height: 15px;}

#foot {color: #bdbdbd; padding: 20px 0 20px;}
#foot a#shop-foot {display: block; float: right; width: 220px; height: 23px; background: transparent url('../design/shop-foot.png') 0 0 no-repeat;}
#foot a#shop-foot.en {background-image: url('../design/shop-foot-en.png');}
#foot a#shop-foot span {display: none;}
#foot a {color: #bdbdbd; text-decoration: underline;}
#foot a:hover { text-decoration: none;}
#foot span {color: #f5cd47;}

.clr {clear: both;}
.mt20 {margin-top: 20px !important;}
.mb50 {margin-bottom: 50px !important;}
a img {border: 0;}


.clearfix:after, .cf:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}  
.clearfix, .cf {display: inline-block;}  
/* start commented backslash hack \*/  
* html .clearfix, * html .cf {height: 1%;}  
.clearfix, .cf {display: block;}  
/* stop commented backslash hack */