* { margin: 0; padding: 0; } body { font-size: 17px; font-family: 'PT Sans', sans-serif; color: #333; background: #fff url(mg/back.png) no-repeat bottom right; } table { border-collapse: collapse; } table td { vertical-align: top; } h1 { color: #333; font-size: 30px; padding: 20px 0 5px 0; font-weight: 400; order-bottom: 1px dotted #CCC; margin-bottom: 30px; line-height: 32px; } h2 { color: #b566c6; margin: 30px 0 0 0; font-size: 26px; font-weight: normal; order-bottom: 1px dotted #CCC; padding: 0 0 5px 0; line-height: 30px; } h2.novinki { color: #9a3c9a; padding: 0px 10px 5px 0px; border-bottom: 1px solid #e79fe7; font-size: 28px; text-transform: uppercase; font-weight: 700; } h2.rekomend { color: #9a3c9a; padding: 0px 10px 5px 0px; border-bottom: 1px solid #e79fe7; font-size: 28px; text-transform: uppercase; font-weight: 700; } h2.hspec { color: #cc0000; margin: 0px 0 0 0; font-size: 30px; border-bottom: none; background: url(img/stars1.png) 100px 0 no-repeat; } h2.hnews { color: #000; margin: 0px 0 0 0; font-size: 26px; border-bottom: none; } h2.harticles{ color: #000; margin: 0px 0 0 0; font-size: 26px; border-bottom: none; } h2.inallcatalog { border-bottom: none; padding: 10px 10px 10px 10px; background: #eee; } h2.inallcatalog a { font-size: 22px; text-decoration: none; } h3 { color: #292828; margin: 20px 0 0 0; font-size: 18px; font-weight: normal; line-height: 22px; font-weight: 700; } h3.faq { color: #292828; margin: 30px 0 0 0; font-size: 18px; line-height: 20px; text-decoration: underline; } h3.inallcatalog { font-size: 20px; padding: 5px 20px 5px 20px; background: #EEE; } :focus { outline: none; } button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {/* */ border: none; } #clear { clear: both; } #clear-left { clear: left; } #clear-right { clear: right; } img { border: none; } img.float-right { float: right; margin: 10px 0 10px 20px; } img.float-right1 { float: right; margin: 10px 0 10px 20px; border: 1px solid #D5D5D5; padding: 5px; background: #fff; } img.float-left { float: left; margin: 3px 20px 10px 0; order: 1px solid #D5D5D5; adding: 5px; background: #fff; } img.float-left1 { float: left; margin: 3px 20px 10px 0; border: 1px solid #D5D5D5; padding: 5px; background: #fff; } img.center { margin: 0; border: 1px solid #D5D5D5; padding: 5px; background: #fff; } input { padding: 0; margin: 0; border: 0 solid; width: none; overflow: visible; } form { margin: 0; } .clear-left { clear: left; } .clear-right { clear: right; } .center { text-align: center; } sup, sub { vertical-align: baseline; position: relative; } sup { top: -0.4em; } sub { bottom: -0.3em; } a { color: #ad42ad; text-decoration: underline; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; } a:hover { text-decoration: underline; color: #000; } span.kol-vo { color: #999; font-size: 10px; } table.tablica1 { margin-left: auto; margin-right: auto; } table.tablica1 th { font-size: 17px; background: #e9eff3; padding: 10px; vertical-align: middle; border: 1px solid #d8e2e7; ont-weight: bold; color: #000; } table.tablica1 td { padding: 8px; font-size: 15px; line-height: 17px; border: 1px solid #d8e2e7; background: #FFF; vertical-align: middle; } table.tablica1feedback { margin-left: auto; margin-right: auto; border-collapse: collapse; border: 1px solid #d8e2e7; } table.tablica1feedback th { font-size: 17px; background: #eee; padding: 20px 10px; vertical-align: middle; text-align: center; } table.tablica1feedback td { padding: 10px; vertical-align: middle; font-size: 13px; line-height: 17px; order: 1px solid #666; background: #FFF; } table.tablica-price { margin-left: auto; margin-right: auto; border-collapse: collapse; } table.tablica-price th { font-size: 17px; background: #964896; padding: 3px; vertical-align: middle; border: 1px solid #d8e2e7; ont-weight: normal; color: #FFF; } table.tablica-price th a { font-size: 23px; color: #FFF; text-decoration: none; } table.tablica-price td { padding: 2px 7px; font-size: 12px; line-height: 15px; border: 1px solid #d8e2e7; background: #FFF; vertical-align: middle; } table.tablica-price tr:hover td { background: #fafae4; } table.tablica-price td a.name-product { font-size: 20px; color: #000; text-decoration: none; line-height: 25px; } table.tablica-price b.price-in-price { font-size: 20px; color: #000; } table.tablica-compare { margin-left: auto; margin-right: auto; border-collapse: collapse; } table.tablica-compare th { font-size: 17px; background: #53637b; padding: 7px; vertical-align: middle; border: 1px solid #CACACA; font-weight: normal; color: #FFF; } table.tablica-compare td { padding: 5px 10px; font-size: 12px; line-height: 15px; border: 1px solid #CACACA; background: #FFF; vertical-align: middle; } table.tablica-compare tr:hover td { background: #EEE; } table.tablica2 { margin-left: auto; margin-right: auto; } table.tablica2 th { font-size: 13px; background: #3C3C3C; padding: 10px; vertical-align: middle; border: 1px solid #666; font-weight: bold; color: #FFF; } table.tablica2 td { padding: 8px; font-size: 12px; line-height: 17px; border: 1px solid #666; background: #E3E3E3; } #wrap { width: 1200px; margin: 0 auto; position: relative; } #header { background: #520a5a url(img/header-bg.jpg) center center no-repeat; height: 160px; position: relative; order-top: 5px solid #862886; } #logo { position: absolute; width: 410px; height: 115px; top: 15px; left: 10px; } #cat1 { position: absolute; width: 145px; height: 155px; top: 0px; right: 330px; } #phone { position: absolute; top: 35px; right: 70px; background: url(img/ico-phone.png) no-repeat 0px 15px; color: #FFF; font-size: 15px; padding: 5px 0 5px 45px; ine-height: 31px; ont-weight: 700; } span.phone { font-size: 15px; color: #FFF; line-height: 20px; } #adres { position: absolute; top: 130px; right: 10px; color: #FFF; font-size: 16px; } #adres a { color: #cc98de; font-size: 16px; text-decoration: none; } #adres a:hover { color: #FFF; text-decoration: underline; } #email-top { position: absolute; right: 100px; top: 6px;} #email-top a { background: url(img/ico-mail.png) no-repeat 0 0px; padding: 0 0 0 50px; color: #cc98de; font-size: 20px; font-weight: 400; text-decoration: none; } #email-top a:hover { background: url(img/ico-mail.png) no-repeat 1px 0px; color: #FFF; text-decoration: underline; } #slogan { position: absolute; top: 7px; right: 10px; color: #000; font-size: 14px; padding-left: 15px; etter-spacing: 0.5px; background: url(img/point1.png) no-repeat 0 6px; } #slogan2 { position: absolute; top: 5px; left: 10px; color: #FFF; font-size: 13px; background: #69b1d5; padding: 3px 10px 4px 10px; } #menu-top { background: #3683e8; height: 34px; z-index: 99; } #menu-zero { position: absolute; top: 0px; right: 430px; } #menu-zero ul { list-style-type: none; } #menu-zero ul li { float: left; } #menu-zero ul li a, #menu-zero ul li a:visited { display: block; text-decoration: none; border-right: 1px solid #62a5fd; padding: 7px 17px 8px 17px; color: #FFF; font-size: 14px; ext-transform: uppercase; } #menu-zero ul li a:hover { background: #69b1d5; color: #FFF; } #menu-zero ul li.first a { border-left: 1px solid #62a5fd; } #menu-zero ul li.last a { order-right: none; } #menu-zero ul li.special a { background: #206cd0; color: #FFF; } #star { position: absolute; top: 6px; left: 530px; width: 16px; height: 16px; background: url(img/star.png) no-repeat center center; } #mini-cart { position: absolute; top: 6px; left: 746px; width: 16px; height: 16px; background: url(img/ico-mini-cart.png) no-repeat center center; } #ico-home { top: 7px; left: 0px; position: absolute; text-align: center; } #ico-home a { width: 40px; height: 32px; background: #0b56b7; display: block; padding: 10px 0 0 0; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; background: -webkit-linear-gradient(#1868cf, #0349a3); background: -ms-linear-gradient(#1868cf, #0349a3); background: -o-linear-gradient(#1868cf, #0349a3); background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1868cf), to(#0349a3)); background: -moz-linear-gradient(#1868cf, #0349a3); background: linear-gradient(#b365cf, #8f49a8); -pie-background: linear-gradient(#1868cf, #0349a3); } #ico-home a:hover { background: #571d71; background: -webkit-linear-gradient(#8938ad, #571d71); background: -ms-linear-gradient(#8938ad, #571d71); background: -o-linear-gradient(#8938ad, #571d71); background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8938ad), to(#571d71)); background: -moz-linear-gradient(#8938ad, #571d71); background: linear-gradient(#8938ad, #571d71); -pie-background: linear-gradient(#8938ad, #571d71); } #menu { padding-left: 0px; background: #FFF; height: 57px; position: relative; background: -webkit-linear-gradient(#FFF, #e3e3e3); background: -ms-linear-gradient(#FFF, #e3e3e3); background: -o-linear-gradient(#FFF, #e3e3e3); background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#e3e3e3)); background: -moz-linear-gradient(#FFF, #e3e3e3); background: linear-gradient(#FFF, #e3e3e3); -pie-background: linear-gradient(#FFF, #e3e3e3); -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25); box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25); } #menu ul { list-style-type: none; margin-left: 45px; } #menu ul li { float: left; } #menu ul li a, #menu ul li a:visited { display: block; text-decoration: none; border-left: 1px solid #e6e6e6; padding: 16px 20px 17px 20px; color: #000; font-size: 18px; font-weight: 700; text-transform: uppercase; ackground: #3683e8; } #menu ul li a:hover { background: #8f49a8; color: #FFF; } #menu ul li.selected a { background: #872aa8; color: #FFF; text-decoration: none; } #menu ul li.feedback a { border-right: none; } #menu-level2 { padding: 0 0px 0px 0px; border: 1px solid #EEE; background: #fdfdd9; margin-bottom: 50px; } #menu-level2 ul.level2 { list-style-type: none; padding: 0px 0 0 0; border-top: 3px solid #872aa8; border-bottom: 3px solid #872aa8; } #menu-level2 ul.level2 li a, #menu-level2.level2 ul li a:visited { font-size: 15px; background: url(img/str2.gif) no-repeat 10px 15px; line-height: 18px; font-weight: 700; color: #333; display: block; padding: 8px 10px 8px 23px; text-decoration: none; border-bottom: 1px solid #CCC; border-right: 4px solid #eee; } #menu-level2 ul.level2 li a:hover { text-decoration: none; background: #e6d4ec url(img/str2.gif) no-repeat 10px 15px; color: #000; } #menu-level2 ul.level2 li.selected a { background: #872aa8 url(img/str2.gif) no-repeat 10px 15px; color: #FFF; text-decoration: none; ont-size: 20px; border-right: 4px solid #872aa8; } * html #menu-level2 ul li { height: 1%; } * html #menu-level2 ul li a { height: 1%; } #cepka { padding: 10px 0px 0px 0px; order: 1px solid #e4e6ea; } #cepka img { margin: 2px 0 0 6px; vertical-align: middle; } #cepka a.home { color: #939ea7; font-size: 13px; text-decoration: none; padding: 3px 5px 0px 0px; ackground: url(img/ico-home.gif) no-repeat 0 8px; ext-transform: uppercase; } #cepka a.home:hover { color: #000; } #cepka a { color: #8e959b; font-size: 13px; text-decoration: none; padding: 3px 5px 0 10px; ext-transform: uppercase; } #cepka a:hover { color: #000; text-decoration: underline; } #cepka a.current { color: #939ea7; text-decoration: none; } #cepka a.current:hover { color: #000; text-decoration: underline; } .scrollToTop { width: 51px; height: 51px; padding: 80px 10px 10px 10px; text-align: center; color: #333; text-decoration: none; position: fixed; bottom: 270px; left: 30px; display: none; background: url(img/ico-totop.png) no-repeat 10px 20px; font-size: 15px; } .scrollToTop:hover { text-decoration: none; color: #333; } #search { osition: absolute; op: 15px; ight: 10px; background: #EEE; padding: 6px 15px; } fieldset.search { border: none; width: 192px; } .search input, .search button { border: none; float: left; } .search input.box1 { color: #666; font-size: 11px; width: 148px; height: 28px; -height: 20px; padding: 0 5px 0 10px; *padding: 8px 5px 0 10px; background: url(img/bg-search.png) no-repeat; } .search input.box1:focus { background: url(img/bg-search.png) no-repeat left -28px; } .search button.btn { width: 29px; height: 28px; cursor: pointer; text-indent: -9999px; background: url(img/bg-search.png) no-repeat top right; } .search button.btn:hover { background: url(img/bg-search.png) no-repeat right -28px; } .search input.box1 { *background: url(img/bg-search-ie.png) no-repeat 0 0; } #korzina { position: absolute; top: 47px; left: 470px; color: #FFF; font-size: 15px; background: #a34dc2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #b25dd0; } #korzina-ico { background: url(img/ico-korzina.png) 15px 50% no-repeat; padding: 10px 15px 11px 55px; eight: 30px; ine-height: 30px; line-height: 25px; } #korzina a, #korzina a:visited { color: #FFF; text-decoration: underline; font-weight: 700; background: #8f49a8; padding: 5px 10px 7px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #korzina a:hover { color: #e8c1f5; text-decoration: underline; } #middle-home { ackground: #FFF; order-top: 3px solid #fc0000; } #middle { width: 100%; height: 1%; position: relative; ackground: #FFF; min-height: 600px; } #middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; } #container { width: 100%; float: left; verflow: hidden; } #content-home { padding: 10px 30px 100px 30px; } #content-page { padding: 10px 30px 100px 30px; } #content-page-left { padding: 10px 30px 100px 250px; } #sideLeft { float: left; width: 220px; margin-top: 0px; padding: 20px 0px 100px 0px; margin-left: -100%; position: relative; ackground: #eee; } #header-catalog { margin-top: 0px; padding: 7px 10px 9px 10px; color: #FFF; font-size: 20px; position: relative; background: #8f49a8; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; } #header-catalog a { color: #FFF; text-decoration: none; } #header-catalog a:hover { color: #FFF; text-decoration: underline; } span.kolall { color: #FFF; font-size: 13px; position: absolute; right: 70px; top: 50%; margin: -10px 0 0 0; } #menu-left1 { padding: 0 0px 0px 0px; order: 1px solid #eae5e4; argin-top: 15px; } #menu-left1 ul { list-style-type: none; padding: 0; } #menu-left1 ul li { list-style-type: none; padding: 0; position: relative; } #menu-left1 ul li a, #menu-left1 ul li a:visited { font-size: 15px; background: #FFF; line-height: 19px; font-weight: 400; color: #333; display: block; padding: 6px 30px 6px 10px; text-decoration: none; ext-transform: uppercase; order-top: 1px solid #eae5e4; border-bottom: 1px solid #EEE; border-right: 4px solid #eee; } #menu-left1 ul li a:hover { text-decoration: none; background: #f4f1f1; color: #000; border-right: 4px solid #8f49a8; } #menu-left1 ul li.current a, #menu-left1 ul li.current a:visited, #menu-left1 ul li.current a:hover { text-decoration: none; background: #e1d7e5; color: #000; order-bottom: none; ont-weight: 700; border-right: 4px solid #8f49a8; } * html #menu-left1 ul li { height: 1%; } * html #menu-left1 ul li a { height: 1%; } #menu-left1 ul > li > a span.kol { font-size: 11px; display: inline-block; position: absolute; right: 10px; top: 50%; margin: -10px 0 0 0; color: #999; text-indent: 0; background: #FFF; padding: 1px 7px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #menu-left1 ul > li > a:hover span.kol { background: #FFF; } #menu-left1 ul > li.current > a span.kol { background: #8f49a8; color: #FFF; } #menu-left1 ul li.first a { border-top: none; } #menu-left1 ul li.sp a { color: #c33b3b; ackground: #FFF; order-top: none; font-size: 20px; adding: 5px 25px 5px 10px; text-transform: none; font-weight: 700; } #menu-left1 ul li.spn a { color: #c33b3b; ackground: #FFF; order-top: none; font-size: 20px; adding: 5px 25px 5px 10px; font-weight: 700; } #menu-left2 { padding: 0; background: #FFF; order-top: 1px solid #BCB6B6; } #menu-left2 ul { list-style-type: none; padding: 0; border-bottom: 1px solid #eae5e4; } #menu-left2 ul li a, #menu-left2 ul li a:visited { background: url(img/str2.gif) no-repeat 10px 14px; font-size: 16px; line-height: 17px; color: #666; display: block; padding: 7px 30px 7px 20px; text-decoration: none; font-weight: normal; border-bottom: none; border-right: none; text-transform: none; } #menu-left2 ul li a:hover { background: url(img/str2.gif) no-repeat 10px 14px; text-decoration: underline; color: #000; border-right: none; } #menu-left2 ul li.current a, #menu-left2 ul li.current a:visited, #menu-left2 ul li.current a:hover { text-decoration: none; background: url(img/str2.gif) no-repeat 10px 14px; color: #8f49a8; border-bottom: none; font-weight: 700; } * html #menu-left2 ul li { height: 1%; } * html #menu-left2 ul li a { height: 1%; } #menu-left2 ul > li > a span.kol { font-size: 10px; display: inline-block; position: absolute; right: 7px; top: 50%; background: #FFF; padding: 3px 4px; margin: -10px 0 0 0; color: #999; text-indent: 0; text-align: center; font-weight: 300px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #menu-left2 ul > li > a:hover span.kol { background: #8f49a8; color: #FFF; } #menu-left2 ul > li.current > a span.kol { background: #8f49a8; color: #FFF; } #menu-left3 { padding: 0; ackground: #78b3d0; order-top: 1px solid #BCB6B6; } #menu-left3 ul { list-style-type: none; padding: 0; order-bottom: 1px solid #eae5e4; } #menu-left3 ul li a, #menu-left3 ul li a:visited { background: none; font-size: 14px; line-height: 17px; color: #000; display: block; padding: 7px 10px 7px 35px; text-decoration: none; font-weight: normal; border-bottom: none; } #menu-left3 ul li a:hover { background: #f6f6f6; text-decoration: none; color: #000; border-right: none; } #menu-left3 ul li.current a, #menu-left3 ul li.current a:visited, #menu-left3 ul li.current a:hover { text-decoration: none; background: #f6f6f6; color: #000; font-weight: 700; } * html #menu-left3 ul li { height: 1%; } * html #menu-left3 ul li a { height: 1%; } #menu-left3 ul > li > a span.kol { font-size: 10px; display: inline-block; position: absolute; right: 7px; top: 50%; background: #FFF; padding: 3px 4px; margin: -10px 0 0 0; color: #666; text-indent: 0; text-align: center; font-weight: 300px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #menu-left3 ul > li > a:hover span.kol { background: #fff7da; } #menu-left3 ul > li.current > a span.kol { background: #fff; color: #000; } #level4 { padding: 20px 0 20px 0; background: #eee url(img/bg2.gif); border: 1px solid #e4e4e4; margin-bottom: 30px; } #level4 ul.menu-level4 { margin: 0; padding: 0; } #level4 ul.menu-level4 li { display: inline-block; background: none; list-style-type: none; margin: 0 14px 20px 17px; padding: 0; idth: 150px; vertical-align: top; order: 1px solid #000; ackground: #69b1d5; ext-align: center; } #level4 ul.menu-level4 li a { color: #333; padding: 0 0 0px 0px; text-decoration: none; font-size: 18px; font-weight: 400; line-height: 20px; etter-spacing: 0.5px; } #level4 ul.menu-level4 li a:hover { color: #a230cb; text-decoration: underline; } #level4 ul.menu-level4 li.current a { color: #a230cb; text-decoration: underline; font-weight: 700; } #level4 ul.menu-level4 li span { font-size: 10px; color: #999; *font-size: 11px; } span.kol-vo { color: #666; font-size: 12px; } #ico-razdel { argin-bottom: 10px; loat: left; idth: 200px; eight: 200px; text-align: center; } img.ico-razdel { ackground: #FFF; adding: 1px; order: 1px solid #EEE; width: 150px; height: 150px; -moz-transition: box-shadow 0.2s 0.02s ease; -o-transition: box-shadow 0.2s 0.02s ease; -webkit-transition: box-shadow 0.2s 0.02s ease; } img.ico-razdel:hover { order: 1px solid #CCC; } #name-r4 { loat: left; width: 135px; padding: 5px 5px 5px 5px; } #category { padding: 0px 0 20px 0; } #category ul.category { margin: 0; padding: 0; } #category ul.category li { display: inline-block; background: none; list-style-type: none; margin: 0 20px 20px 20px; padding: 0; idth: 150px; vertical-align: top; order: 1px solid #000; text-align: center; } #category ul.category li a { color: #333; padding: 0 0 0px 0px; text-decoration: none; font-size: 17px; font-weight: 400; line-height: 20px; etter-spacing: 0.5px; } #category ul.category li a:hover { color: #ff0000; text-decoration: underline; } #ico-categoryl { margin-bottom: 10px; loat: left; idth: 200px; eight: 200px; } img.ico-category { background: #FFF; padding: 1px; border: 1px solid #EEE; width: 150px; height: 150px; } img.ico-category:hover { border: 1px solid #CCC; } #name-category { loat: left; width: 230px; padding-top: 5px; } #left-podbor-block { background: #8f49a8; padding: 20px 15px 30px 15px; color: #FFF; margin-top: 35px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; } #left-podbor-header { color: #FFF; font-size: 17px; text-align: center; } #left-podbor-filter { } #brand { padding: 0; margin: 10px 0 0 0px; border: 1px solid #999; width: 190px; overflow: visible; height: 25px; } #crit1 { padding: 0; margin: 10px 0 0 0px; border: 1px solid #999; width: 190px; overflow: visible; height: 25px; } #crit2 { padding: 0; margin: 10px 0 0 0px; border: 1px solid #999; width: 190px; overflow: visible; height: 25px; } #btn-podbor { text-align: center; margin-top: 15px; } #btn-podbor2 { loat: left; text-align: center; margin-top: 2px; margin-left: 5px; display: inline; } #btn-podbor a { padding: 4px 12px 5px 12px; background: #da9ef0; text-decoration: none; color: #FFF; font-size: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #da9ef0; background: -webkit-linear-gradient(#7f7f7f, #666666); background: -ms-linear-gradient(#7f7f7f, #666666); background: -o-linear-gradient(#7f7f7f, #666666); background: -webkit-gradient(linear, 0 0, 0 bottom, from(#7f7f7f), to(#666666)); background: -moz-linear-gradient(#7f7f7f, #666666); background: linear-gradient(#da9ef0, #c076da); -pie-background: linear-gradient(#7f7f7f, #666666); } #btn-podbor a:hover { background: #945f10; text-decoration: none; color: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #7f7f7f; background: -webkit-linear-gradient(#999999, #7f7f7f); background: -ms-linear-gradient(#999999, #7f7f7f); background: -o-linear-gradient(#999999, #7f7f7f); background: -webkit-gradient(linear, 0 0, 0 bottom, from(#999999), to(#7f7f7f)); background: -moz-linear-gradient(#999999, #7f7f7f); background: linear-gradient(#999999, #7f7f7f); -pie-background: linear-gradient(#999999, #7f7f7f); } p { margin: 20px 0; line-height: 24px; } #content-page ul, #content-page-left ul, #content-home ul { list-style: none; margin: 20px 0 30px 10px; } #content-page ul li, #content-page-left ul li, #content-home ul li { background: url(img/list-style-1.png) no-repeat 3px 4px; margin-bottom: 5px; padding-left: 27px; ont-size: 12px; line-height: 23px; } #content-page ul li p, #content-page-left ul li p { margin: 0 !important; line-height: 23px !important; } #content-page ol, #content-page-left ol { margin: 20px 0 20px 35px; } #content-page ol li, #content-page-left ol li { margin-bottom: 5px; } #content-page ul ul, #content-page-left ul ul { list-style: none; margin: 5px 0 30px 10px; } #content-page ul ul li, #content-page-left ul ul li { background: url(img/list-style-2.png) no-repeat 25px 7px; margin-bottom: 10px; padding-left: 47px; ont-size: 12px; ine-height: 16px; } #content-page ul ul ul, #content-page-left ul ul ul { list-style: none; margin: 5px 0 30px 30px; } #content-page ul ul ul li, #content-page-left ul ul ul li { background: url(img/list-style-2.png) no-repeat 25px 7px; margin-bottom: 10px; padding-left: 47px; ont-size: 12px; ine-height: 16px; } #header-brands { margin-top: 30px; padding: 5px 0px 8px 0px; color: #FFF; font-size: 20px; ext-transform: uppercase; background: #8f49a8; text-align: center; } #brands { margin-top: 10px; adding: 5px 2px 5px 2px; order: 1px solid #CCC; } .column2 { width:100%; /*указываем общую ширину блока с колонками*/ column-count: 2; /*количество колонок, на которое хотим разбить текст*/ -moz-column-count: 2; /*для мозилы*/ -webkit-column-count: 2; /*для webkit браузеров*/ column-gap: 8px; /*отступ между колонками*/ -moz-column-gap: 8px; -webkit-column-gap: 8px; } #brandlist { adding: 5px 5px; line-height: normal; } #brandlist a { font-size: 15px; color: #000; display: block; padding: 7px 3px 7px 5px; text-decoration: none; border-bottom: 1px dotted #999; ackground: url(img/str2.gif) no-repeat 0px 14px; line-height: 15px; font-weight: 700; } #brandlist a:hover { color: #fff; background: #cc63cc; } #block-home-article { margin: 0; padding: 25px 25px 30px 25px; background: #CCC url(img/bg2.gif); border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; } #home-news { margin: 0; padding: 0; } #home-news ol.home-news { list-style: none; margin: 0; padding: 0; ackground: #000; } #home-news ol.home-news li { width: 300px; vertical-align: top; margin-bottom: 10px; display: inline-block; argin-right: 10px; argin-left: 10px; list-style: none; padding: 0; } #article { padding: 15px 0 0 0; } a.article { color: #000; font-size: 18px; text-decoration: underline; font-weight: 700; line-height: 20px; ackground: #49525e; } a.article:hover { color: #000; text-decoration: underline; } img.small-foto-news-home { float: left; margin: 5px 15px 10px 0px; padding: 1px; background: #FFF; border: 1px solid #CCC; } #category-small-text { font-size: 13px; line-height: 18px; color: #666; padding: 15px 0 0 0; } #category-small-text p { margin: 0; padding: 0; line-height: 17px; } #date-article { padding-top: 5px; color: #999; font-size: 11px; } #header-metki { margin-top: 70px; padding: 0px 0px 0px 0px; color: #000; font-size: 20px; position: relative; text-align: center; } #tags { adding: 10px 5px 15px 5px; argin-bottom: 25px; order: 1px solid #e4ce8f; osition: relative; } #tagcloud a { padding: 100px 5px; color: #939ea7; font-size: 14px; } #tagcloud a:hover { padding: 0 5px; color: #000; } div.pagination { padding: 20px 20px; margin: 0; text-align: center; line-height: 35px; } div.pagination a { padding: 5px 10px 5px 10px; margin-right: 5px; border: 1px solid #CACACA; text-decoration: none; color: #000; background: #EEE; -webkit-border-radius: 5px; -moz-border-radius: 5px; } div.pagination a:hover, div.pagination a:active { border: 1px solid #CC0000; color: #FFF; background: #dc5cdc; } div.pagination span.current { padding: 5px 10px 5px 10px; margin-right: 5px; font-weight: bold; border: 1px solid #b03ab0; color: #FFF; background: #b03ab0; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #wrap-banners { padding: 50px 0px 10px 0px; ackground: #e9eff3 url(img/bg-sl.jpg); order-bottom: 1px solid #CCC; margin: 0 auto; } #banners { } #banners img.banners { padding: 5px; background: #FFF; border: 1px solid #CCC; } #banners img.banners2 { padding: 5px; background: #FFF; border: 1px solid #CCC; margin: 5px 0; display: block; } #banners img.banners:hover, #banners img.banners2:hover { border: 1px solid #999; } #slider0 { padding: 5px; background: #FFF; border: 1px solid #CCC; } #slider { position: relative; min-height: 350px; background: url(img/loadinganimation.gif) no-repeat 50% 50%; width: 788px; } #slider img { position: absolute; top: 0px; left: 0px; display: none; } #slider a { border: 0; display: block; } .nivo-controlNav { position: absolute; left: 47%; bottom: -30px; } .nivo-controlNav a { display: block; width: 10px; height: 10px; background: url(img/bullets.png) no-repeat; text-indent: -9999px; border: 0; margin-right: 3px; float: left; cursor: pointer; } .nivo-controlNav a.active { background-position: -10px 0; } .nivo-directionNav a { display: block; width: 30px; height: 30px; background: url(img/arrows.png) no-repeat; text-indent: -9999px; } a.nivo-nextNav { background-position: -30px 0; right: 15px; } a.nivo-prevNav { left: 15px; } .nivo-directionNav a { position: absolute; top: 45%; z-index: 99; cursor: pointer; } .nivo-prevNav { left: 0px; } .nivo-nextNav { right:0px; } .nivo-caption { position: absolute; left: 0px; bottom: 0px; background: #081B29; opacity:0.8; width: 100%; z-index: 89; } .nivo-caption p { padding: 15px; margin: 0; font-size: 28px; color: #FFF; } .nivo-slice { display: block; position: absolute; z-index: 50; height: 100%; } .nivoSlider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 60; display: none; } #banners2small { } #banners2small img { padding: 5px; background: #FFF; border: 1px solid #CCC; margin-bottom: 12px; display: block; } #banners2small img.banners2last { margin-top: 14px; } #article1 { padding: 0px 0 20px 0; border-bottom: 1px dotted #666; margin-bottom: 20px; } #article2 { padding: 0 0 20px 0; argin-bottom: 20px; } #date-article1 { color: #000; font-size: 11px; padding: 7px 0 10px 0; } a.article1 { color: #333; font-size: 24px; text-decoration: underline; line-height: 26px; } a.article1:hover { color: #F20000; text-decoration: underline; } #small-text1 { padding: 0; font-size: 15px; line-height: 22px; } #small-text1 p { margin: 0 !important; line-height: 22px !important; } #img-article { float: left; width: 150px; height: 150px; padding-top: 3px; background: url(img/preloader.gif) 50% 50% no-repeat; } #img-article img { padding: 1px; border: 1px solid #D5D5D5; background: #FFF; } #small-text-article { padding: 0px 0 15px 180px; font-size: 15px; line-height: 22px; } #arhive-news { padding: 15px 0 0 0; text-align: right; } #arhive-news a { background: url(img/arrow1.gif) no-repeat 0 6px; font-size: 14px; font-weight: 700; padding: 3px 0 3px 21px; text-decoration: underline; color: #333; } #arhive-news a:hover { background: url(img/arrow1.gif) no-repeat 1px 6px; color: #F20000; } #arhive-news-in { padding: 15px 0 0 0; text-align: right; } #arhive-news-in a { background: url(img/arrow1.gif) no-repeat 0 6px; font-size: 14px; font-weight: 700; padding: 3px 0 3px 21px; text-decoration: underline; color: #333; } #arhive-news-in a:hover { background: url(img/arrow1.gif) no-repeat 1px 6px; color: #F20000; } input.input { padding: 0; margin: 0; border: 1px solid #999; width: 320px; overflow: visible; height: 35px; } input.pole { border: 1px solid #CCC; width: 200px; height: 20px; } input.pole:focus { border: 1px solid #666; } input.btn { background: #ba4dba; padding: 8px 15px 9px 15px; color: #FFF; text-decoration: none; font-weight: bold; font-size: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: -webkit-linear-gradient(#ba4dba, #9c369c); background: -ms-linear-gradient(#ba4dba, #9c369c); background: -o-linear-gradient(#ba4dba, #9c369c); background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ba4dba), to(#9c369c)); background: -moz-linear-gradient(#ba4dba, #9c369c); background: linear-gradient(#ba4dba, #9c369c); -pie-background: linear-gradient(#ba4dba, #9c369c); behavior: url(/resources/scripts/pie.htc); position: relative; } input.btn:hover { background: #ba4dba; text-decoration: none; cursor: pointer; background: -webkit-linear-gradient(#dc5cdc, #ba4dba); background: -ms-linear-gradient(#dc5cdc, #ba4dba); background: -o-linear-gradient(#dc5cdc, #ba4dba); background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dc5cdc), to(#ba4dba)); background: -moz-linear-gradient(#dc5cdc, #ba4dba); background: linear-gradient(#dc5cdc, #ba4dba); -pie-background: linear-gradient(#dc5cdc, #ba4dba); behavior: url(/resources/scripts/pie.htc); position: relative; } .err { color: #CC0000; } input.input-small-in-cart { border: 1px solid #CCC; width: 50px; height: 20px; margin-top: 15px; } input.btn-zakaz { background: #be0c03; padding: 10px 20px 11px 20px; color: #FFF; text-decoration: none; ont-weight: bold; font-size: 30px !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: -webkit-linear-gradient(#e12a21, #be0c03); background: -ms-linear-gradient(#e12a21, #be0c03); background: -o-linear-gradient(#e12a21, #be0c03); background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e12a21), to(#be0c03)); background: -moz-linear-gradient(#e12a21, #be0c03); background: linear-gradient(#e12a21, #be0c03); -pie-background: linear-gradient(#e12a21, #be0c03); behavior: url(/resources/scripts/pie.htc); position: relative; } input.btn-zakaz:hover { background: #e12a21; text-decoration: none; cursor: pointer; background: -webkit-linear-gradient(#f55048, #e12a21); background: -ms-linear-gradient(#f55048, #e12a21); background: -o-linear-gradient(#f55048, #e12a21); background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f55048), to(#e12a21)); background: -moz-linear-gradient(#f55048, #e12a21); background: linear-gradient(#f55048, #e12a21); -pie-background: linear-gradient(#f55048, #e12a21); behavior: url(/resources/scripts/pie.htc); position: relative; } select.vip-spisok { padding: 0; margin: 0; border: 1px solid #999; width: 220px; overflow: visible; height: 25px; } textarea.korzina { border: 1px solid #999; height: 150px; width: 340px; } #sort-kolvo { margin-top: 10px; padding: 10px 20px 10px 20px; color: #4C4C4C; background: #f4f1f1; font-size: 14px; border: 1px solid #eae5e4; } #kolvo-v-razdele { float: left; padding: 0px 20px 0 0; } #sortirovka { float: right; padding: 1px 0 0 0; } #fbrands { padding: 0; margin: 0; border: 1px solid #999; width: 120px; overflow: visible; height: 25px; } #fcrit1 { padding: 0; margin: 0; border: 1px solid #999; width: 240px; overflow: visible; height: 25px; } #fcrit2 { padding: 0; margin: 0; border: 1px solid #999; width: 170px; overflow: visible; height: 25px; } #fsort { padding: 0; margin: 0; border: 1px solid #999; width: 120px; overflow: visible; height: 25px; } #content-home ol.tovari { list-style: none; margin: 0; padding: 0; } #content-home ol.tovari li { width: 260px; vertical-align: top; margin-bottom: 30px; display: inline-block; margin-right: 10px; margin-left: 10px; } #content-page ol.tovari { list-style: none; margin: 0; padding: 0; } #content-page ol.tovari li { width: 210px; vertical-align: top; margin-bottom: 30px; display: inline-block; margin-right: 10px; margin-left: 10px; } #content-page-left ol.tovari { list-style: none; margin: 0; padding: 0; } #content-page-left ol.tovari li { width: 210px; vertical-align: top; margin-bottom: 30px; display: inline-block; margin-right: 8px; margin-left: 8px; } #tovar-for-podsvetka { position: relative; height: 350px; background: #FFF; order: 1px solid #EEE; } #tovar-podsvetka { z-index: 5; overflow: hidden; position: relative; height: 350px; border: 1px solid #e4e6ea; -moz-transition: box-shadow 0.2s 0.02s ease; -o-transition: box-shadow 0.2s 0.02s ease; -webkit-transition: box-shadow 0.2s 0.02s ease; } #tovar-podsvetka:hover { z-index: 10; overflow: visible; height: auto; min-height: 350px; border: 1px solid #e4e6ea; -moz-box-shadow: 0 0 10px #b957dc; -webkit-box-shadow: 0 0 10px #b957dc; box-shadow: 0 0 10px #b957dc; } #tovar-podsvetka:before { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 40px; ackground: #ffffff; order: 1px solid #EEE; border-top: none; background: -moz-linear-gradient(top,rgba(255, 255, 255, 0) 0%,#ffffff 80%,#ffffff 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255, 255, 255, 0)),color-stop(80%,#ffffff),color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top,rgba(255, 255, 255, 0) 0%,#ffffff 80%,#ffffff 100%); background: -o-linear-gradient(top,rgba(255, 255, 255, 0) 0%,#ffffff 80%,#ffffff 100%); background: -ms-linear-gradient(top,rgba(255, 255, 255, 0) 0%,#ffffff 80%,#ffffff 100%); background: linear-gradient(top,rgba(255, 255, 255, 0) 0%,#ffffff 80%,#ffffff 100%); behavior: url(/resources/scripts/pie.htc); } #tovar-podsvetka:hover:before { display: none; } #tovar-podsvetka-content { padding: 5px 5px 20px 5px; background: #FEFEFE; order: 1px solid #DDD; behavior: url(/resources/scripts/pie.htc); } #novinka2 { background: url(img/novinka3.png) no-repeat; position: absolute; top: 0px; left: 0px; width: 84px; height: 40px; z-index: 20; } #akcia2 { background: url(img/akcia2.png) no-repeat; position: absolute; top: -1px; right: -1px; width: 50px; height: 50px; z-index: 20; } #small-foto-tovar { position: relative; background: url(img/preloader.gif) 50% 50% no-repeat; text-align: center; } img.small-foto-tovar { order: 1px solid #C5C5C5; adding: 2px; background: #FFF; margin: 8px auto 0 auto; } img.small-foto-tovar:hover { order: 1px solid #C5C5C5; } #tovar-price { margin: 10px auto 0 auto; color: #cc0000; font-size: 27px; font-weight: 700; background: #f5f5f5; padding: 3px 10px; text-align: center; width: 140px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } #tovar-price span { color: #666; font-size: 13px; } #tovar-price span.dopvalut { color: #666; font-size: 11px; font-weight: normal; } #tovar-price-in { margin: 10px 0 10px 0; color: #333; font-size: 36px; font-weight: 700; } #tovar-price-in span { color: #666; font-size: 17px; font-weight: 400; } #tovar-price-in span.dopvalut { color: #666; font-size: 11px; font-weight: normal; } #tovar-nazvanie { padding: 10px 0px 0 0px; text-align: center; } #tovar-nazvanie a { color: #000; font-size: 17px; font-weight: 700; text-decoration: none; line-height: 20px; } #tovar-nazvanie a:hover { color: #cc0000; text-decoration: none; } #tovar-nazvanie a span { color: #999; font-size: 12px; font-weight: 400; } #brend { font-size: 14px; padding-top: 10px; color: #000; text-align: center; } #brend span { color: #666; font-size: 14px; } #tovar-kupit { padding: 20px 0 0 0px; text-align: center; font-size: 10px; color: #999; } input.input-kol-vo { padding: 0; margin: 0; border: 1px solid #999; overflow: visible; width: 20px; height: 16px; font-size: 12px; text-align: center; color: #999; } input.input-kol-vo-in { padding: 0; margin: 0; border: 1px solid #999; overflow: visible; width: 30px; height: 26px; font-size: 15px; text-align: center; color: #999; } #tovar-kupit a.vkorzinu { padding: 2px 17px 4px 17px; background: #be0c03; text-decoration: none; color: #FFF; font-size: 17px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #be0c03; ext-transform: uppercase; etter-spacing: 1.5px; -moz-box-shadow: 0px 0px 5px #FFF; -webkit-box-shadow: 0px 0px 5px #FFF; box-shadow: 0px 0px 5px #FFF; background: -webkit-linear-gradient(#ba4dba, #9c369c); background: -ms-linear-gradient(#ba4dba, #9c369c); background: -o-linear-gradient(#ba4dba, #9c369c); background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ba4dba), to(#9c369c)); background: -moz-linear-gradient(#ba4dba, #9c369c); background: linear-gradient(#ba4dba, #9c369c); -pie-background: linear-gradient(#ba4dba, #9c369c); } #tovar-kupit a.vkorzinu:hover { background: #e12a21; text-decoration: none; color: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #e12a21; background: -webkit-linear-gradient(#dc5cdc, #ba4dba); background: -ms-linear-gradient(#dc5cdc, #ba4dba); background: -o-linear-gradient(#dc5cdc, #ba4dba); background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dc5cdc), to(#ba4dba)); background: -moz-linear-gradient(#dc5cdc, #ba4dba); background: linear-gradient(#dc5cdc, #ba4dba); -pie-background: linear-gradient(#dc5cdc, #ba4dba); } #tovar-kupit-in a.vkorzinu-in { padding: 2px 27px 4px 27px; background: #be0c03; text-decoration: none; color: #FFF; font-size: 26px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #be0c03; ext-transform: uppercase; etter-spacing: 1.5px; -moz-box-shadow: 0px 0px 5px #FFF; -webkit-box-shadow: 0px 0px 5px #FFF; box-shadow: 0px 0px 5px #FFF; background: -webkit-linear-gradient(#ba4dba, #9c369c); background: -ms-linear-gradient(#ba4dba, #9c369c); background: -o-linear-gradient(#ba4dba, #9c369c); background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ba4dba), to(#9c369c)); background: -moz-linear-gradient(#ba4dba, #9c369c); background: linear-gradient(#ba4dba, #9c369c); -pie-background: linear-gradient(#ba4dba, #9c369c); } #tovar-kupit-in a.vkorzinu-in:hover { background: #ba4dba; text-decoration: none; color: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #ba4dba; background: -webkit-linear-gradient(#dc5cdc, #ba4dba); background: -ms-linear-gradient(#dc5cdc, #ba4dba); background: -o-linear-gradient(#dc5cdc, #ba4dba); background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dc5cdc), to(#ba4dba)); background: -moz-linear-gradient(#dc5cdc, #ba4dba); background: linear-gradient(#dc5cdc, #ba4dba); -pie-background: linear-gradient(#dc5cdc, #ba4dba); } #tovar-kupit a.sravnit { adding: 2px 5px 5px 5px; text-decoration: underline; color: #7c7c7c; font-size: 12px; margin-left: 10px; } #tovar-kupit a.sravnit:hover { text-decoration: underline; color: #cc0000; } #tovar-kupit a.sravnit-in { adding: 2px 5px 5px 5px; text-decoration: underline; color: #7c7c7c; font-size: 18px; margin-left: 10px; } #tovar-kupit a.sravnit-in:hover { text-decoration: underline; color: #cc0000; } #small-opisanie { font-size: 12px; color: #666; line-height: 14px; padding: 15px 7px 0 7px; ext-align: center; } #small-opisanie p { margin: 0 !important; line-height: 14px !important; } #small-opisanie strong { margin: 0 !important; line-height: 14px !important; } #small-opisanie span { margin: 0 !important; line-height: 14px !important; } #small-opisanie-in { font-size: 17px; color: #666; line-height: 23px; padding: 15px 7px 0 7px; ext-align: center; } #small-opisanie-in p { margin: 0 !important; line-height: 23px !important; } #small-opisanie-in strong { margin: 0 !important; line-height: 14px !important; } #small-opisanie-in span { margin: 0 !important; line-height: 14px !important; } #middle-foto-tovar-in { position: relative; background: url(img/preloader.gif) 50% 50% no-repeat; text-align: center; } img.middle-foto-tovar { border: 1px solid #e4e6ea; padding: 2px; background: #FFF; } img.middle-foto-tovar:hover { order: 1px solid #C5C5C5; } #brend-in { font-size: 20px; padding-top: 10px; color: #666; ext-align: center; } #brend-in span { color: #666; font-size: 20px; } select.modifikacia { padding: 0; margin: 0; border: 1px solid #999; width: 200px; overflow: visible; height: 25px; } select.modifikacia-in-tovar { padding: 0; margin: 0; border: 1px solid #999; width: 200px; overflow: visible; height: 35px; } #dop-foto { float: left; padding: 15px 5px; } #dop-foto img { border: 1px solid #C5C5C5; padding: 2px; background: #FFF; } #dop-foto img:hover { border: 1px solid #000; padding: 2px; background: #FFF; } #tovar-add { color: #666; font-size: 13px; padding: 10px 10px 0 0px; text-align: right; } #tovar-add span { color: #666; } #tovar-obnovili { color: #666; font-size: 13px; padding: 0px 10px 0 0px; text-align: right; } #tovar-obnovili span { color: #666; } #counter { color: #666; font-size: 13px; padding: 0px 10px 0 0px; text-align: right; } #tovar-obnovili span { color: #666; } #metki { font-size: 17px; padding: 8px 0 8px 38px; background: url(img/ico-tag.png) no-repeat 0 3px; margin-top: 25px; } #metki span { color: #000; font-size: 17px; } div.section { margin: 20px 0 0 0; } #tabs ul.tabs { list-style: none; height: 45px; line-height: 25px; border-bottom: 1px solid #CCC; margin: 0; } #tabs ul.tabs li { background: #dcbbdf url(img/bg-bottom.jpg) top center no-repeat; color: #FFF; font-size: 17px; float: left; display: inline; margin-right: 3px; padding: 10px 20px 11px 20px; cursor: pointer; position: relative; text-transform: uppercase; font-weight: 700; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; } #tabs ul.tabs li:hover { background: #b957dc; text-decoration: none; color: #FFF; } #tabs ul.tabs li.current { background: #ab56ca; text-decoration: none; ont-weight: bold; color: #FFF; } div.box { display: none; padding: 10px 5px 20px 10px; order-bottom: 1px solid #000; } div.box.visible { display: block; } #tabs ul.tabs li sup { position: absolute; top: 8px; right: 7px; font-size: 12px; font-weight: 300; color: #000; background: #FFF; padding: 3px 7px; z-index: 2; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(/resources/scripts/pie.htc); } #tabs ul.tabs li.selected sup { position: absolute; top: 8px; right: 7px; background: #FFF; } #block-home-article { margin: 0; padding: 25px 25px 30px 25px; background: #CCC url(img/bg2.gif); border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; } #home-news { margin: 0; padding: 0; } #home-news ol.home-news { list-style: none; margin: 0; padding: 0; ackground: #000; } #home-news ol.home-news li { idth: 320px; vertical-align: top; margin-bottom: 10px; display: inline-block; argin-right: 10px; argin-left: 10px; list-style: none; padding: 0; } #article { padding: 15px 0 0 0; } a.article { color: #000; font-size: 18px; text-decoration: none; ont-weight: bold; line-height: 20px; ackground: #49525e; } a.article:hover { color: #000; text-decoration: underline; } img.small-foto-news-home { float: left; margin: 5px 15px 10px 0px; padding: 1px; background: #FFF; border: 1px solid #CCC; } #category-small-text { font-size: 13px; line-height: 18px; color: #666; padding: 15px 0 0 0; } #category-small-text p { margin: 0; padding: 0; line-height: 17px; } #date-article { padding-top: 5px; color: #999; font-size: 11px; } #bottom { height: 230px; background: #1b151b url(img/bg-bottom.jpg) top center no-repeat; position: relative; border-top: 1px solid #3683e8; order-bottom: 20px solid #4b9cc4; } #copyright { position: absolute; top: 25px; left: 25px; color: #FFF; } #n-company { font-size: 17px; color: #FFF; } #n-maps { background: url(img/ico-n-maps.png) 0 5px no-repeat; padding: 3px 3px 3px 25px; color: #FFF; line-height: 18px; font-size: 15px; margin-top: 10px; } #n-call { background: url(img/ico-n-phone.png) 0 10px no-repeat; padding: 3px 3px 3px 25px; color: #FFF; line-height: 22px; font-size: 15px; margin-top: 10px; } #n-email { background: url(img/ico-n-email.png) 0 9px no-repeat; padding: 3px 3px 3px 25px; color: #FFF; margin-top: 5px; font-size: 15px; } #n-email a { color: #CCC; } #n-email a:hover { color: #FFF; } #knopki { position: absolute; top: 100px; right: 15px; color: #EEE; font-size: 12px; text-align: right; } #knopki a { color: #FFF; } #knopki a:hover { color: #FFF; } #sitemap { position: absolute; left: 650px; top: 165px; color: #EEE; font-size: 15px; } #sitemap a.sitemap { background: url(img/ico-sitemap.png) 0 6px no-repeat; padding: 3px 3px 3px 22px; color: #CCC; font-size: 13px; } #sitemap a.sitemap:hover { color: #FFF; } #sitemap a.all-catalog { padding: 3px 3px 3px 2px; color: #CCC; font-size: 13px; } #sitemap a.all-catalog:hover { color: #FFF; } #menu-bot { position: absolute; top: 35px; left: 400px; width: 200px; } #menu-bot2 { position: absolute; top: 25px; left: 750px; width: 220px; } #menu-bot ul, #menu-bot2 ul { list-style-type: none; } #menu-bot ul li a, #menu-bot ul li a:visited, #menu-bot2 ul li a, #menu-bot2 ul li a:visited { font-size: 13px; background: url(img/str2.png) no-repeat 0px 9px; color: #CCC; display: block; padding: 3px 10px 3px 13px; text-decoration: none; order-bottom: 1px solid #666; line-height: 17px; } #menu-bot ul li a:hover, #menu-bot2 ul li a:hover { text-decoration: underline; background: url(img/str2.png) no-repeat 1px 9px; color: #FFF; } * html #menu-bot ul li,* html #menu-bot2 ul li { height: 1%; } * html #menu-bot ul li a, * html #menu-bot2 ul li a { height: 1%; } #soc { position: absolute; right: 15px; top: 30px; color: #FFF; font-size: 15px; vertical-align: middle; ext-align: center; ine-height: 35px; } #soc img { vertical-align: middle; } #soc2 { position: absolute; right: 15px; top: 7px; color: #666; font-size: 13px; vertical-align: middle; text-align: center; line-height: 35px; z-index: 3; } #soc2 img { vertical-align: middle; } #link2 { position: absolute; left: 650px; top: 35px; line-height: 5px; } #link2 a { color: #FFF; text-decoration: none; padding: 15px 15px; background: #580a69; display: block; font-size: 15px; } #link2 a:hover { background: #390644; } #mask { position: absolute; left: 0; top: 0; z-index: 9000; background-color: #000; display: none; } #boxes .window { position: fixed; left: 0; top: 0; width: 440px; height: 200px; display: none; z-index: 9999; padding: 20px; } #boxes #dgaddcart { width: 375px; height: 203px; padding: 10px; background-color: #FFF; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; behavior: url(/resources/scripts/pie.htc); } #boxes #dgaddcompare { width: 375px; height: 203px; padding: 10px; background-color: #FFF; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; behavior: url(/resources/scripts/pie.htc); } #initiallyHiddenBlock { display: none; } #tovar-kupit a.close, #tovar-srav a.close { padding: 2px 17px 4px 17px; background: #EEE; text-decoration: none; color: #000; font-size: 17px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 5px #FFF; -webkit-box-shadow: 0px 0px 5px #FFF; box-shadow: 0px 0px 5px #FFF; } #tovar-kupit a.close:hover, #tovar-srav a.close:hover { background: #CCC; text-decoration: none; color: #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #podpiskamail { padding: 30px 0 0px 0; loat: right; margin-right: 10px; } a.podpiskamail { background: #ffcc33 url(img/ico-mail.png) no-repeat 15px 11px; color: #333; padding: 7px 15px 10px 45px; text-decoration: underline; font-weight: bold; font-size: 17px; border: 1px solid #B7B7B7; display: block; width: 145px; } a.podpiskamail:hover { background: #f4b804 url(img/ico-mail.png) no-repeat 15px 11px; text-decoration: underline; color: #FFF; order: 1px solid #333; } #podpiska { margin: 5px auto 15px auto; width: 300px; padding: 20px 30px; background: #E4E3E3; border: 1px solid #CACACA; } .forma-podpiska { padding: 5px 0 5px 3px; background: #FFF; border: 1px solid #CACACA; font-size: 11px; color: #666; margin-right: 5px; _margin-right: 2px; width: 240px; float: left; } .button { padding: 0; } img.bg { /* Set rules to fill background */ min-height: 100%; min-width: 1024px; /* Set up proportionate scaling */ width: 100%; height: auto; /* Set up positioning */ position: fixed; top: 0; left: 0; } @media screen and (max-width: 1024px){ img.bg { left: 50%; margin-left: -512px; } } div#content0 { /* This is the only important rule */ /* We need our content to show up on top of the background */ position: relative; }