/* ====================== GLOBAL ==================*/ /*Поддержка HTML 5 — создает новые теги HTML 5 display:block для корректного отображения этих тегов браузерами. */ header, section, footer, aside, article, figure { display: block; } * {padding:0;margin:0;outline:none;} body {font:13px/16px 'Roboto', Arial, Verdana, Helvetica, sans-serif;background:url('../img/kletki.jpg');min-width:1000px; color:#212020;} /*div.container {margin:0 auto;width:100%;}*/ p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6, fieldset, hr {margin:0 0 12px 0;} ul {list-style:none;} ul li {padding:0;margin:0;outline:none;} ol li {padding:0;margin:0;outline:none;} .content-block ul, .bg_catalog ul, .bg_catalog_obj ul {margin:0 0 20px 20px; list-style-type:disc;} .content-block ul li, .bg_catalog ul li, .bg_catalog_obj ul li {margin:0 0 3px 0;} .content-block ul li ul, .bg_catalog ul li ul, .bg_catalog_obj ul li ul {margin:2px 0 2px 20px; list-style-type:circle;} .content-block ol, .bg_catalog ol, .bg_catalog_obj ol {margin:0 0 20px 20px; list-style-type:decimal;} .content-block ol li, .bg_catalog ol li, .bg_catalog_obj ol li {margin:0 0 3px 0;} .content-block ol li ol, .bg_catalog ol li ol, .bg_catalog_obj ol li ol {margin:2px 0 2px 20px; list-style-type:lower-alpha;} /*strong {color:#4e5163;}*/ h1, h2, h3, h4, h5, h6 {padding:12px 0 0 0;width:100%;font:bold 24px/24px 'Roboto', Arial, sans-serif;color:#3281b8; text-transform:uppercase;} h2 {font-size:16px;line-height:18px;} h3 {font-size:14px;line-height:18px;} h4 {font-size:14px;line-height:18px;} h5 {font-size:14px;line-height:18px;} h6 {font-size:14px;line-height:18px;} h1 { padding-top:0px;} a {color:#3281b8;text-decoration:underline;outline:none;} a:hover {text-decoration:none; color:#000;} img, img a {border: 0;} fieldset {border:0;} /*table, td {border:0;}*/ img.imageleft {float:left;margin-right:10px;padding:1px;border:1px solid #ccc;} img.imageright {float:right;margin-left:10px;padding:1px;border:1px solid #ccc;} img.imagesingle {float:none;padding:1px;border:1px solid #ccc;} img.pic {padding:1px; border:1px solid #788CAD;} img.leftpic {margin:0px 5px 3px 0px; float:left;} img.rightpic {margin:0px 0px 3px 5px; float:right;} .txtright, .tar {text-align:right !important;} .txtcenter, .tac {text-align:center !important;} a:hover img.pic { border:1px solid #beceda;} .show_m {display:none;} /* ====================== LAYOUTS ==================*/ .box {clear:both;width:100%;} .box_fluid {clear:both;width:100%;} .righted {float:right;width:100%;} .lefted {float:left;width:100%;} .clear {clear:both;width:100%;font:0px/0px arial, sans-serif !important;} .hidden {display:none !important;} /* ====================== HEADER ==================*/ /*====================== LEFTCOLUMN ================== .leftcolumn {padding-left:40px;width:221px;float:left;display:inline;} ====================== RIGHTCOLUMN ================== .rightcolumn {padding:0 0 0 40px;width:220px;float:right;display:inline;} */ .firstline {background: #f6f6f6;} .firstline .container {width:960px; margin:0 auto;text-align:right; } .firstline .container ul {margin:0;} .globalmenu {width:625px;display:inline-block;vertical-align:top; text-align:right; } .globalmenu li {display:inline-block;padding:0 8px;} .globalmenu li a {line-height:29px;font-size:12px; text-transform:uppercase; font-weight:bold; text-decoration:none;} .globalmenu li a.active {color:#000;} .social {width:110px;display:inline-block; padding:4px 10px 0 4px;margin:0;} .social li {width:22px; height:20px;display:inline-block;vertical-align:top; margin:0; padding:0;font-size:12px; } .social li a {width:20px; height:20px; float:left; display:block;margin:0; padding:0; text-decoration:none; background: url('../img/ico.fb.png') no-repeat 0 0; } .social li a span {display:none;} .social li a.fb {} .social li.vk a {background: url('../img/ico.vk.png') no-repeat !important; } .social li.tweeter a {background: url('../img/ico.tweeter.png') no-repeat !important; } .social li.instagram a {background: url('../img/ico.instagram.png') no-repeat !important; } .social li.youtube a {background: url('../img/ico.youtube.png') no-repeat !important; } .social li:hover a {background-position:left bottom !important;} .secondline {background: #000;border-bottom: 3px solid #3281B8;} .secondline .container {width:960px; margin:0 auto; position:relative;} #logo, #logo a {width:249px; height:77px; display:inline-block; vertical-align:top; text-decoration:none;} p.phone {display:inline-block;vertical-align:top;margin:25px 31px 0 35px;} p.phone a {display:block; height:24px;text-decoration:none; font:bold 22px/24px Arial,sans-serif; color:#fff;padding-left:35px; background: url('../img/ico.phone.png') no-repeat 0 -1px; } p.phone a:hover {background-position:0 100%;} #user-enter {display:inline-block;float:right; vertical-align:top;margin: 22px 0px 0 10px;} #user-enter a {display:block; height:27px;text-decoration:none; font:bold 18px/27px 'Roboto',Arial,sans-serif; color:#fff; padding-left:35px;text-transform:uppercase;background: url('../img/ico.enter.png') no-repeat;} #user-enter a:hover {background-position: 0 100%;} #page-basket {display:inline-block; float:right;vertical-align:top;margin: 24px 10px 0 10px;} #page-basket a {/*display:block; height:27px;text-decoration:none; font:bold 18px/27px 'Roboto',Arial,sans-serif; color:#fff; padding-left:44px;text-transform:uppercase;*/background: url('../img/ico.basket.png') no-repeat;} #page-basket a:hover {color: #3281b8; background-position: left bottom !important;} /* */ a#basket {display:block; position:relative; margin: 0; padding:0 0 0 36px; height:27px; text-decoration:none; } a#basket i#total-amount {display:inline-block; vertical-align:top; margin:0px 0 0 8px; padding:7px 10px 6px 10px; font:bold 11px/11px 'Ubuntu'; color:#fff; background-color:#484c50;border-radius:14px;} a#basket:hover i#total-amount{background-color:#FFCD2B; color:#313437} a#basket.active i#total-amount{background-color:#FFCD2B; color:#313437} a#basket i#total-price {display:inline-block;vertical-align:middle;font:13px/22px 'Ubuntu'; color:#fff;} a#basket.noactive {} a#basket.noactive i#total-amount {/*display:none;*/} a#basket.noactive i#total-price {/*display:none;*/} /* // */ #search-block {display:inline-block; float:right;vertical-align:top;margin: 23px 5px 0 0;} #search-block a {display:block; height:25px;width:25px; text-indent:-9999px;text-decoration:none; background: url('../img/ico.search.png') no-repeat;} #search-block a:hover {background: url('../img/ico.search_hover.png') no-repeat;} #upmenu {background: #dcddde url('../img/blue-line.gif') repeat-x 0 40px; } #upmenu ul {display:block; width:964px; margin:0 auto !important;padding:0 !important; font-size:12px;} #upmenu ul li {display:table; vertical-align:top; width:158px; height:40px;line-height:40px; float:left;} #upmenu ul li a {display:table-cell;vertical-align:middle;width:158px;height:40px;text-align:center; font:13px/16px 'Roboto', Arial, sans-serif; color:#000; text-decoration:none; text-transform:uppercase;margin:0 !important;padding:0 !important;} #upmenu ul li:hover { background: #3281b8;} #upmenu ul li:hover a {color:#fff;} #upmenu ul li.active { background: #3281b8;} #upmenu ul li.active a {color:#fff;} #bigbanners {width:972px; margin:0 auto; padding:0;} #bigbanners ul {display:block; margin:0; font-size:12px;} #bigbanners ul li {display: inline-block; vertical-align:top; margin:0; padding: 10px 6px 0 6px; width: 310px; height: 164px; } #bigbanners ul li a {text-decoration:none; display:block; margin: 0; padding:0; text-align:center;} #bigbanners ul li a img {border:0;} .content-block {width:960px; margin:0 auto;padding:10px 0 0 0;} .content-block p strong {font-size:15px;} p.more {padding:0; display:block; width: 194px;margin:8px auto 20px;padding:0; } p.more a {display:block; width:194px; height:33px; text-decoration:none; text-transform:uppercase; text-align:center; border:3px solid #ed1d25; color:#ed1d25;font: bold 13px/33px 'Roboto', Arial, sans-serif;} p.more a:hover {border:3px solid #000; color:#000; } .content_hidden {display:none;} #footer {border-top:3px solid #3281b8;margin:0; padding:0; background: #dcddde;} #footer .container {width:960px; margin:0 auto; padding:0; text-align:right; } #footer ul {margin:0;padding:0;} ul#cards {display:block; margin:0; padding: 10px 0 10px;float:left;display:inline;width:172px;text-align:left;} ul#cards li {display:inline-block; vertical-align:top;width:72px;height:42px; margin:0;} ul#cards li a {display:block; width:72px;height:42px; text-decoration:none;} #footer .globalmenu {padding:16px 0 5px 0;margin:0;} #footer .social {padding:20px 0 15px 0;margin:0;} .copyrights {background: #000;padding:12px 0 16px;} .copyrights .tac {display:block;width:960px; margin:0 auto; font: 12px/16px 'Roboto', arial,sans-serif; color:#fff;} #recall-block {position:fixed;top:-6px;left:0;opacity:0.98;z-index:2000;width:100%;height:0px;background-color:#ededea;overflow:hidden;box-shadow:0px 4px 6px 0px rgba(0, 0, 0, 0.2);} #recall-in {width:80%;margin:0 auto;position:relative;margin-top:30px;} #recall-close {position:absolute;top:25px; right:5px;width:25px; height:25px; display:block;background: url('../img/search-ico.png') 0 0 no-repeat; cursor:pointer;} #recall-close:hover {background-position:0 -44px;} #recall-block .label{margin:2px 55px 2px;color:#86847f;font-size: 11px; line-height: 15px; text-transform:uppercase; } #recall-block .input{position:relative;margin: 3px 50px;width:67%;height:36px;background: url('../img/search-block.png') no-repeat;} #recall{ padding:0 10px;width:52%;height:36px; font:bold 18px/38px 'Roboto', sans-serif;text-transform:uppercase;border: none;border-image: none;background:none;color:#000;} #recall-btn{display: block;position:absolute;top:0px;right:0px; height:36px;width:120px;font:bold 14px/38px 'Roboto', sans-serif; background-color: #3281b8;text-align:center;color:#fff;text-decoration: none; text-transform:uppercase; border-radius: 3px; cursor:pointer;} #recall-btn:hover{background-color: #0a3aaa;} /* catalog */ .bg_catalog {width:980px;margin:0 auto;padding:12px 0 15px 0;} ul.catalog {margin:0 0 20px 5px; padding:0; list-style-type:none;} ul.catalog li {display:inline-block; vertical-align: top;margin:10px; padding:0; width:220px; background:#fff;} ul.catalog li:hover { box-shadow:0 0 5px 0 rgba(102, 102, 102, 0.6);} ul.catalog li div.ekonomika { margin:0 0 0 9px 0; padding:6px 14px 6px 7px; background:#F6F6F6;} ul.catalog li div.ekonomika span.cena {font-size:14px; line-height:120%; } ul.catalog li div.ekonomika span.cena span.price { font:bold 14px/120% 'Roboto', Arial; color:#389ed5;} ul.catalog li div.ekonomika span.cena span.valuta {font:bold 14px/120% 'Roboto', Arial; color:#389ed5;} ul.catalog li div.ekonomika span.cena.price_old { text-decoration:line-through; } ul.catalog li div.ekonomika span.cena.price_old span.price {color:#C7312B;} ul.catalog li div.ekonomika span.cena.price_old span.valuta {color:#C7312B;} ul.catalog li a.kupit { display:block; margin:0; padding:0; width:25px; height:17px; float:right; text-decoration:none; text-indent:-9999px; overflow:hidden; background:url('../img/ico_basket_cat.png') no-repeat; } ul.catalog li a.kupit:hover {opacity:0.8} ul.catalog.sear { margin:0;} ul.catalog.sear li {margin-left:7px;} /*v korzinu obj*/ form.kup1 {display:block; float:right;} form.kup1 a.vkorziny, form.kup1 a.uge_v_korzine {display:block; margin:0; padding:0; width:25px; height:17px; float:right; text-decoration:none; text-indent:-9999px; overflow:hidden; background:url('../img/ico_basket_cat.png') no-repeat; } form.kup1 a.uge_v_korzine {width:70px;text-indent:0px; overflow:none;color:#f00; background:none;} form.kup1 a.vkorziny:hover {opacity:0.8} form.kup1 a.vkorziny:before, form.kup1 div.inbasket_wait {display:none;margin:0; padding:0;width:70px; height:17px; line-height:17px; float:right; background:url('../img/preloader.gif') 50% 50% no-repeat;} /*//v korzinu obj*/ ul.catalog li a.tov { display:block; text-decoration:none;position:relative;} ul.catalog li a.tov i {position:absolute; left:-3px;top:16px;display:block; width:56px;height:89px; text-decoration:none; z-index:1000;font-weight:normal; font-style:normal; } ul.catalog li a.tov i b {display:block; width:56px;height:21px; font-style:normal;margin-bottom:2px; font:bold 9px/18px 'Roboto', Arial; color:#fff;padding-left: 6px; text-transform: uppercase;text-align:left !important;} ul.catalog li a.tov i b.ak4762 {background: url('../img/ak_new.png') no-repeat; text-align:left !important;} ul.catalog li a.tov i b.ak4763 {background: url('../img/ak_skid.png') no-repeat; text-align:left !important; } ul.catalog li a.tov i b.ak4764 {background: url('../img/ak_ak.png') no-repeat; text-align:left !important; } ul.catalog li a.tov i b.ak4765 {background: url('../img/ak_hit.png') no-repeat; text-align:left !important; } ul.catalog li a.tov i b strong {display:none;} ul.catalog li a.tov span.img {display:block; margin:9px 0 9px 0; width:100%; height:146px; font:1px/146px monospace; text-align:center;} ul.catalog li a.tov span.img img { vertical-align:middle;} ul.catalog li a.tov span.nalichie { display:block; margin:0; padding:10px 8px; text-align:right; font:bold 14px/120% 'Roboto', Arial;color:#5bd578; text-transform:uppercase; background:#F6F6F6; } ul.catalog li a.tov span.nalichie.yes{ color:#5bd578;} ul.catalog li a.tov span.nalichie.zak { color:#000;} ul.catalog li a.tov span.nalichie.no { color:#d50308;} ul.catalog li a.tov span.title { display:block; margin:0; padding:11px 5px; border-top:5px solid #389ED5; background:#000; color:#fff; text-align:center; text-decoration:underline;} ul.catalog li:hover a.tov span.title { text-decoration:none;} /* //catalog */ /* cat_obj */ .bg_catalog_obj {margin:0 auto;padding:12px 0 15px 0;width:980px; } .bg_catalog_obj div.obj_l { margin:0 0 40px 4%; width:461px; float:left;position:relative;} .bg_catalog_obj div.obj_r {padding:0 20px 40px 520px;} .bg_catalog_obj div.obj_l i {position:absolute; left:-3px;top:16px;display:block; width:56px;height:89px; text-decoration:none; z-index:1000;font-weight:normal; font-style:normal; } .bg_catalog_obj div.obj_l i b {display:block; width:56px;height:21px; font-style:normal;margin-bottom:6px; font:bold 9px/18px 'Roboto', Arial; color:#fff;padding-left: 6px; text-transform: uppercase; text-align:left;} .bg_catalog_obj div.obj_l i b.ak4762 {background: url('../img/ak_new.png') no-repeat; } .bg_catalog_obj div.obj_l i b.ak4763 {background: url('../img/ak_skid.png') no-repeat; } .bg_catalog_obj div.obj_l i b.ak4764 {background: url('../img/ak_ak.png') no-repeat; } .bg_catalog_obj div.obj_l i b.ak4765 {background: url('../img/ak_hit.png') no-repeat; } .bg_catalog_obj div.obj_l i b strong {display:none;} .middle { width:100%; float:left;} /*slider gallery*/ .cat_obj_pic_middle {display:block;position:relative;margin:0 0 10px 0; width:459px; height:347px; font:1px/347px monospace; text-align:center; background:#fff;border:1px solid #AFB0B1;} .cat_obj_pic_middle img { vertical-align:middle;} .cat_obj_pic_middle:hover {border:1px solid #777;} /*list_carousel*/ div.list_carousel {position:relative;margin:0 0 12px 0; padding:0 17px 0 17px;} div.list_carousel a.prev {position:absolute;top:0;left:0;display:block;margin:0;padding:0;width:16px; height:100%;text-indent:-9999px; overflow:hidden; background:#EFEFEF url('../img/carusel_arr_l_r.png') 0 50% no-repeat;} div.list_carousel a.next {position:absolute;top:0;right:0;display:block;margin:0;padding:0;width:16px; height:100%;text-indent:-9999px; overflow:hidden; background:#EFEFEF url('../img/carusel_arr_l_r.png') 100% 50% no-repeat;} div.list_carousel a.prev:hover {background-color:#DDD;} div.list_carousel a.next:hover {background-color:#DDD;} ul.cat_obj_fotos { position:relative;margin:0;padding:0;width:318px;float:left; list-style-type:none;} ul.cat_obj_fotos li { margin:0 1px; padding:0; width:140px; height:111px; float:left; text-align:center;} ul.cat_obj_fotos li a.img {display:inline-block;margin:0;padding:0;width:138px;height:109px;font:1px/109px monospace;text-align:center;border:1px solid #ccc;} ul.cat_obj_fotos li a.img:hover {border:1px solid #777;} ul.cat_obj_fotos li a.img.active {border:1px solid #777;} ul.cat_obj_fotos li a.img img {vertical-align:middle;} /*//list_carousel*/ /*//slider gallery*/ h1.h1_cat_obj {margin:0 0 8px 0; padding:0; width:100%;font:bold 24px/24px 'Roboto', Arial, sans-serif;color:#3281b8; text-transform:none;} p.proizvoditel {font:bold 14px/120% 'Roboto', Arial, sans-serif; color:#000;} p.artikul { margin:37px 0 0 0; float:right;} p.artikul span.nazvanie { font:bold 10px/120% 'Roboto', Arial, sans-serif; color:#a7a9ac; text-transform:uppercase;} p.artikul span.znachenie { font:10px/120% 'Roboto', Arial, sans-serif; color:#000;} div.line { margin:5px 0 10px 0; padding:0; height:1px; background:#309DD6;} ul.parametri { margin:0; padding:0; list-style-type:none;} ul.parametri li {margin:0 0 20px 0; padding:0; width:100%; float:left;} ul.parametri li span.nazvanie { display:block; margin:0; padding:0; width:50%; float:left; font:13px/120% 'Roboto', Arial, sans-serif; color:#666; background:url('../img/dotted.png') 0 14px repeat-x;} ul.parametri li span.nazvanie span.text {background:#fff;} ul.parametri li span.znachenie {display:block; margin:0; padding:0; width:50%; float:right; font:13px/120% 'Roboto', Arial, sans-serif; color:#000;} ul.parametri li.col { display:inline-block; vertical-align:top; margin:0 10px 0 0; padding:0; width:210px;} ul.parametri li.col ul { margin:0; padding:0; list-style-type:none; text-align:left;} ul.parametri li.col ul li { margin:0 0 20px 0; padding:0;} ul.parametri li.col ul li a { } ul.parametri li.col ul li a:hover { } h2.h2_opisanie { margin:0 0 0 0; padding:0; font:bold 14px/120% 'Roboto', Arial, sans-serif; color:#a8a9aa; text-transform:uppercase;} div.box_opisanie {} div.box_opisanie p {font:14px/120% 'Roboto', Arial;color:#030304;} /*li.pokupka { margin-top:60px; text-align:right;} li.pokupka span.cena { display:block; margin:0 0 10px 0; text-align:right; } li.pokupka span.cena span.price { font:bold 30px/120% 'Roboto', Arial; color:#3281b8;} li.pokupka span.cena span.valuta {font:bold 30px/120% 'Roboto', Arial; color:#3281b8;} li.pokupka span.nalichie {display:block;margin:0 0 20px 0; text-align:right;font:bold 14px/120% 'Roboto', Arial;color:#5bd578; text-transform:uppercase;} li.pokupka span.nalichie.yes{ color:#5bd578;} li.pokupka span.nalichie.zak { color:#000;} li.pokupka span.nalichie.no { color:#d50308;} li.pokupka a.kupit {display:inline-block; position:relative; margin:0; padding:10px 10px 10px 68px;font:bold 23px/100% 'Roboto', Arial; color:#fff; text-transform:uppercase;text-decoration:none; background:#309DD6; border-radius:20px;} li.pokupka a.kupit:hover {opacity:0.8} li.pokupka a.kupit i.ico { display:block; position: absolute; top:0; left:0; width:55px; height:100%; background:url('../img/ico_basket_cat_obj.png') 50% 50% no-repeat; border-right:1px solid #fff;} */ div.pokupka { margin-top:10px; text-align:left;} div.pokupka span.nalichie {display:inline-block;margin:37px 0 0 20px;font:bold 14px/120% 'Roboto', Arial;color:#5bd578; text-transform:uppercase;} div.pokupka span.nalichie.yes{ color:#5bd578;} div.pokupka span.nalichie.zak { color:#000;} div.pokupka span.nalichie.no { color:#d50308;} div.pokupka span.cena { display:inline-block; margin:0 0 10px 0; font-size:30px; line-height:120%; } div.pokupka span.cena span.price { font:bold 30px/120% 'Roboto', Arial; color:#3281b8;} div.pokupka span.cena span.valuta {font:bold 30px/120% 'Roboto', Arial; color:#3281b8;} div.pokupka span.cena.price_old { text-decoration:line-through; } div.pokupka span.cena.price_old span.price { color:#C7312B;} div.pokupka span.cena.price_old span.valuta { margin-right:17px; color:#C7312B;} div.pokupka a.kupit {display:inline-block; position:relative; margin:0; padding:9px 7px 7px 50px;font:bold 14px/100% 'Roboto', Arial; color:#fff; text-transform:uppercase;text-decoration:none; background:#309DD6; border-radius:20px;} div.pokupka a.kupit:hover {opacity:0.8} div.pokupka a.kupit i.ico { display:block; position: absolute; top:0; left:0; width:36px; height:100%; background:url('../img/ico_basket_cat_obj.png') 50% 50% no-repeat; border-right:1px solid #fff; background-size:21px auto;} div.pokupka span.cena + p.artikul {margin-top:27px;} /*v korzinu obj*/ form.kup2 {margin:0 0 40px 0;} form.kup2 a.vkorziny, form.kup2 a.uge_v_korzine {display:inline-block; position:relative; margin:0; padding:9px 7px 7px 50px;font:bold 14px/100% 'Roboto', Arial; color:#fff; text-transform:uppercase;text-decoration:none; background:#3281b8; border-radius:20px;} form.kup2 a.vkorziny i.ico, form.kup2 a.uge_v_korzine i.ico { display:block; position: absolute; top:0; left:0; width:36px; height:100%; background:url('../img/ico_basket_cat_obj.png') 50% 50% no-repeat; border-right:1px solid #fff; background-size:21px auto;} form.kup2 a.uge_v_korzine {background:#f00;} form.kup2 a.vkorziny:hover {opacity:0.8} form.kup2 a.vkorziny:before, form.kup2 a.uge_v_korzine:before {position:absolute; content:''; display:block; width:20px; height:20px; top:11px; left:20px; background:url('../img/icon_basket_tovar.png') no-repeat 0 0;} form.kup2 div.inbasket_wait {display:block;margin:0; padding:10px 22px 10px 10px;width:93px; line-height:20px; background:url('../img/preloader.gif') 50% 50% no-repeat;} /*//v korzinu obj*/ /* div.pokupka2 { margin-top:15px; text-align:left;} div.pokupka2 span.cena { display:inline-block; margin:0 0 10px 0; } div.pokupka2 span.cena span.price { font:bold 30px/120% 'Roboto', Arial; color:#309dd6;} div.pokupka2 span.cena span.valuta {font:bold 30px/120% 'Roboto', Arial; color:#309dd6;} div.pokupka2 a.kupit {display:block; position:relative; margin:5px 25px 0 0; padding:9px 7px 7px 50px; float:right;font:bold 14px/100% 'Roboto', Arial; color:#fff; text-transform:uppercase;text-decoration:none; background:#309DD6; border-radius:20px;} div.pokupka2 a.kupit:hover {opacity:0.8} div.pokupka2 a.kupit i.ico { display:block; position: absolute; top:0; left:0; width:36px; height:100%; background:url('../img/ico_basket_cat_obj.png') 50% 50% no-repeat; border-right:1px solid #fff; background-size:21px auto;} div.pokupka2 span.nalichie {display:block;margin:0 0 20px 0;font:bold 10px/120% 'Roboto', Arial;color:#5bd578; text-transform:uppercase;} div.pokupka2 span.nalichie.yes{ color:#5bd578;} div.pokupka2 span.nalichie.zak { color:#000;} div.pokupka2 span.nalichie.no { color:#d50308;} */ /* //cat_obj */ /*.pp_play { display:none;}*/ div.pp_default .pp_nav .currentTextHolder {left:50px !important;} .b-top {position:fixed !important;left:15px;bottom:9%;z-index:2600; margin:0; width:57px; height:58px; overflow:hidden; text-indent:-9999px;opacity: 0.5;filter:alpha(opacity=50);color:#fff; text-align:center; background: url('../img/up.png') no-repeat;} .b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;} .korzina {width:980px;margin:0 auto;padding:15px 0 15px;} .korzina h1 {font:bold 24px/120% 'Roboto', Arial;} .korzina h2 { padding-left:10px;font:bold 24px/120% 'Roboto', Arial;color:#231f20;} /* basket_all */ table.basket_all { margin:0 0 20px 0; padding:0; width:100%; border:1px solid #000; border-collapse:collapse; } table.basket_all thead tr {} table.basket_all thead tr th { margin:0; padding:9px;font:bold 18px/120% 'Roboto', Arial;color:#fff; text-transform:uppercase;background:#000;} table.basket_all thead tr th:first-child { text-align:left;} table.basket_all thead tr th.kol_vo { width:150px;} table.basket_all thead tr th.price { padding-left:50px;text-align:left;} table.basket_all tbody {} table.basket_all tbody tr {} table.basket_all tbody tr td { margin:0; padding:9px; text-align:center; border-bottom:1px solid #000;} table.basket_all tbody tr td.img { width:160px;text-align:left;} table.basket_all tbody tr td.name {text-align:left;} table.basket_all tbody tr td.name a {font:bold 18px/120% 'Roboto', Arial;color:#040404; text-decoration:none;} table.basket_all tbody tr td.name a:hover {color:#f00;} table.basket_all tbody tr td.kol_vo {} table.basket_all tbody tr td.price { padding-left:50px; font:bold 24px/120% 'Roboto', Arial;color:#040404; text-align:left;white-space:nowrap;} table.basket_all tbody tr td.dell {} table.basket_all tbody tr td a.img {} table.basket_all tbody tr td a.img img { border:1px solid #000;} table.basket_all tbody tr td a.img:hover img { border:1px solid #f00;} table.basket_all tbody tr td.dell a.kz_del { display:inline-block; vertical-align:top; margin:0; padding:0; width:31px; height:31px; background:url('../img/kz_del.png') no-repeat;} table.basket_all tbody tr td.dell a.kz_del:hover { opacity:0.5;} table.basket_all tfoot {} table.basket_all tfoot tr {} table.basket_all tfoot tr td { margin:0; padding:18px 9px; text-align:left;} table.basket_all tfoot tr td.kz_all_del {} table.basket_all tfoot tr td.kz_all_del a { display:inline-block; vertical-align:top; margin:0; padding:15px 25px; font:bold 18px/120% 'Roboto', Arial;color:#fff; text-transform:uppercase; text-decoration:none; background:#309DD6; border-radius:13px;} table.basket_all tfoot tr td.kz_all_del a:hover { opacity:0.8;} table.basket_all tfoot tr td.text { font: 18px/120% 'Roboto', Arial;color:#231f20; text-align:right;} table.basket_all tfoot tr td.summa {font:bold 24px/120% 'Roboto', Arial;color:#231f20;white-space:nowrap; } /* kol_vo */ div.clc-row {display:inline-block;border:1px solid #D5DBE0;border-radius:5px;} div.clc-row input {display:inline-block;vertical-align:top;margin:0;padding:1px;width:38px;height:18px;text-align:center;background: #e6e7e8; border:0 none;} div.clc-row a {display:inline-block; vertical-align:top; margin:0; padding:0; width:20px; height:20px; text-decoration:none; text-indent:-99999px; overflow:hidden;} div.clc-row a.clc-left { background:url('../img/kz_lr.png') no-repeat;} div.clc-row a.clc-right {background:url('../img/kz_lr.png') 100% 0 no-repeat; } div.clc-row a.clc-left:hover, div.clc-row a.clc-right:hover { opacity:0.8; } /* //kol_vo */ /* //basket_all */ /* oformlenie */ h2.h2_oformlenie {margin:0;padding:10px; width:auto;font:bold 18px/100% 'Roboto', Arial;color:#000; background:#c3c7c9; border:1px solid #000; border-bottom:0 none;} div.oformlenie {margin:0 0 20px 0; padding: 15px 30px;border:1px solid #000; } /* oform_cd */ div.oform_cd { position:relative;} div.oform_cd div.poyasnyalka {position:absolute; top:65px; right:30px; width:150px;} p.pravee { padding:0 0 0 150px;} div.oform_cd h3.h3_oform_cd { margin:0 0 35px 0; padding:10px 0 0 45px;font:bold 18px/120% 'Roboto', Arial; color:#000; background:url('../img/oform_cd.png') 0 5px no-repeat;} div.oform_cd label.text { display:inline-block; vertical-align: middle; margin:0 10px 18px 0; width:230px; font:18px/38px 'Roboto', Arial; color:#000; text-align:right;} div.oform_cd input.text { display:inline-block; vertical-align: middle; margin:0 10px 18px 0; padding:0 20px; width:421px; height:38px; font:18px/38px 'Roboto', Arial; color:#000; border:1px solid #000;} div.oform_cd textarea.text { display:inline-block; vertical-align: middle; margin:0 10px 18px 0; padding:0 20px; width:421px; height:38px; font:18px/38px 'Roboto', Arial; color:#000; border:1px solid #000;} p.user_lk {padding:0 0 0 245px;} p.user_lk img.ava { display:inline-block; margin:10px 20px 0 0; float:left;} p.user_lk b { display:inline-block; position:relative; margin-top:10px; bottom:3px;font: 18px/125% 'Roboto', Arial; color:#000;} p.user_lk em { display:inline-block; padding:10px 0; max-width:250px;float:left;} /* //oform_cd */ /* oform_id */ div.oform_id { position:relative;} div.oform_id h3.h3_oform_id { margin:0 0 35px 0; padding:10px 0 0 45px;font:bold 18px/120% 'Roboto', Arial; color:#000; background:url('../img/oform_dost.png') 0 5px no-repeat;} div.oform_id div.poyasnyalka { position:absolute; top:76px; right:77px; width:150px;} .h3_oform_id + label.radio {margin-left:165px !important; } div.oform_id label.radio {display:table;position:relative;margin:0 10px 12px 0;height:21px; cursor:pointer; float:left;} div.oform_id label.radio span {display:table-cell;vertical-align:middle; padding:0 0 0 32px; font: 14px/120% 'Roboto', Arial; color:#010101; } div.oform_id label.radio span i {display:block;position:absolute;top:0;left:0px;/*20px;*/width:20px;height:20px;background:url('../img/kz_radio.png') 0 100% no-repeat;} div.oform_id label.radio input.radio {/**/display:none;} div.oform_id label.radio input.radio:checked + span {} div.oform_id label.radio input.radio:checked + span i {background-position:0 0;} div.oform_id_tab {display:none; position:relative;} div.oform_id_tab.self { padding:0 0 0 185px; } div.oform_id_tab.self label.radio { float:none !important;} div.oform_id_tab div.poyasnyalka {position:absolute; top:86px; right:30px; width:150px; font: 14px/120% 'Roboto', Arial; color:#000;} div.oform_id_tab h4 {display:block; vertical-align: middle; margin:0 10px 18px 0; width:230px; font:18px/120% 'Roboto', Arial; color:#000; text-align:right; text-transform:none;} div.oform_id_tab label.text { display:inline-block; vertical-align: middle; margin:0 10px 18px 0; width:230px; font:18px/38px 'Roboto', Arial; color:#000; text-align:right;} div.oform_id_tab input.text { display:inline-block; vertical-align: middle; margin:0 10px 18px 0; padding:0 20px; width:421px; height:38px; font:18px/38px 'Roboto', Arial; color:#000;border:1px solid #000;} div.oform_id_tab label.text2 { display:inline-block; vertical-align: top; margin:0 10px 18px 0; width:230px; font:18px/120% 'Roboto', Arial; color:#000; text-align:right;} div.oform_id_tab textarea.text { display:inline-block; vertical-align: middle; margin:0 10px 18px 0; padding:5px 20px; width:421px; height:130px; font:18px/120% 'Roboto', Arial; color:#000; border:1px solid #000;} ul.podhod_adress_dost {display:inline-block;padding:0 0 0 245px; width:460px; } ul.podhod_adress_dost.otstup {margin:5px 0;} ul.podhod_adress_dost li {} ul.podhod_adress_dost li label.radio {display:table;position:relative;margin:0 10px 12px 0; width:313px;height:21px; cursor:pointer; float:left;} ul.podhod_adress_dost li label.radio span {display:table-cell;vertical-align:middle; padding:0 0 0 32px; font: 14px/120% 'Roboto', Arial; color:#010101; } ul.podhod_adress_dost li label.radio span i {display:block;position:absolute;top:0;left:0px;width:20px;height:20px;background:url('../img/kz_radio.png') 0 100% no-repeat;} ul.podhod_adress_dost li label.radio input.radio { /*display:block;*/ display:none;} ul.podhod_adress_dost li label.radio input.radio:checked + span {} ul.podhod_adress_dost li label.radio input.radio:checked + span i {background-position:0 0;} /* //oform_id */ /* oform_so */ div.oform_so {} div.oform_so h3.h3_oform_so { margin:0 0 35px 0; padding:10px 0 0 45px;font:bold 18px/120% 'Roboto', Arial; color:#000; background:url('../img/oform_opl.png') 0 5px no-repeat;} div.oform_so label.radio2 {display:table;position:relative;margin:0 10px 12px 240px;height:21px; cursor:pointer;} div.oform_so label.radio2 span {display:table-cell;vertical-align:middle; padding:0 0 0 32px; font: 14px/120% 'Roboto', Arial; color:#010101; } div.oform_so label.radio2 span i {display:block;position:absolute;top:0;left:0;width:20px;height:20px;background:url('../img/kz_radio.png') 0 100% no-repeat;} div.oform_so label.radio2 input.radio {display:none;} div.oform_so label.radio2 input.radio:checked + span {} div.oform_so label.radio2 input.radio:checked + span i {background-position:0 0;} div.oform_so label.radio2.stop span { color:#aaa;} div.oform_so label.radio2.stop span:after {content:'Доступно только при доставке "Самовывоз"'; display:block; width:100%;vertical-align:middle; color:#000; font-size:10px;} /* //oform_so */ /* oform_kz */ div.oform_kz {} div.oform_kz h3.h3_oform_kz { margin:0 0 35px 0; padding:10px 0 10px 45px;font:bold 18px/120% 'Roboto', Arial; color:#000; background:url('../img/oform_koment.png') 0 5px no-repeat;} div.oform_kz label.comment { display:inline-block; vertical-align: top; margin:0 10px 18px 0; width:230px; font:18px/38px 'Roboto', Arial; color:#000; text-align:right;} div.oform_kz textarea.comment { display:inline-block; vertical-align: top; margin:0 10px 18px 0; padding:10px 20px; width:421px; height:150px; font:18px/120% 'Roboto', Arial; color:#000; border:1px solid #000;} /* //oform_kz */ input.submit { display:inline-block; vertical-align:top; margin:20px 0 10px 0; padding:15px 25px; font:bold 18px/120% 'Roboto', Arial;color:#fff; text-transform:uppercase; text-decoration:none; background:#309DD6; border:0 none; border-radius:13px; cursor:pointer;} input.submit:hover {opacity:0.8;} #box_pfile {margin:0 0 0 245px; width:300px; } #pfile {padding:5px;border:1px solid #000; cursor:pointer;} /* //oformlenie */ /* slider index */ .slider { position:relative; margin:0 auto; padding: 10px 0 0 0; width:100%; max-width:960px; /*max-height:314px;*/ } .sliderContent { width:100%; height:100%; } .sliderContent .item { width:100%; height:100%; max-height:314px; background-size:100% auto !important; } .sliderContent .item img.rasporka {width:100%; height:auto;} /* //slider index */ /* fotogal_add */ ul.fotogal_add { margin:0; padding:0; list-style-type:none; } ul.fotogal_add li { display:inline-block; position:relative; vertical-align:top; margin:10px; padding:0; width:210px; } ul.fotogal_add li a {text-decoration:none;} ul.fotogal_add li a i {display:block; position:absolute; left:85px; top:60px; width:48px; height:48px;background: url('/templates/int/img/vidos.png') no-repeat !important;z-index:10; } ul.fotogal_add li a span.img {} ul.fotogal_add li a span.img img { display:block; margin:0 auto; border:1px solid #C9D3DF; padding:4px; opacity: 1;} ul.fotogal_add li a:hover span.img img { border:1px solid #d90000;} ul.fotogal_add li a:hover i {opacity: 0.75;} ul.fotogal_add li a span.text {display:block; font: 12px/16px 'Roboto',Arial, Helvetica, sans-serif; color: #000; text-align:center;} ul.fotogal_add li a:hover span.text { color:#d90000;} /* //fotogal_add */ /* albums */ ul#albums {display:block; width:960px; margin:0 ; padding:0; list-style:none;font: 0px/0px monospace;letter-spacing:0;} ul#albums li {display:inline-block; vertical-align:top; width:230px;margin:0 5px 15px 5px;padding:0;} ul#albums li a {text-decoration:none; font:bold 12px/16px 'Roboto',Arial, Helvetica, sans-serif; color: #000; text-align:center;text-transform: uppercase;} ul#albums li a img {border:1px solid #c9d3df; padding:4px !important; text-decoration:none; margin:0;} ul#albums li a span {display:block; width:210px; text-align:center;} ul#albums li a:hover {color:#d90000;} ul#albums li a:hover img { border:1px solid #d90000;} /* //albums */ /*navibar*/ ul#navibar {margin:0 0 15px 0; padding:0; list-style-type:none; line-height:135%;} ul#navibar li {margin:0; padding:0; display:inline-block; vertical-align:top; } ul#navibar li a { text-decoration:none;} ul#navibar li a:hover { text-decoration:underline;} ul#navibar li a span {font:13px/120% 'Roboto', Arial, Helvetica, sans-serif;color:#8393A7;} ul#navibar li:first-child a span { color:#0081D5;} ul#navibar li a:hover span { text-decoration:underline; color:#D80000;} ul#navibar li span {font:13px/120% 'Roboto', Arial, Helvetica, sans-serif;color:#8393A7;} /*//navibar*/ /* category */ ul.category { margin:0 0 40px 0; padding:0; list-style-type:none;} ul.category li { display:inline-block; vertical-align:top; margin:10px 7px 10px 8px; padding:0; width:142px; text-align:center; } ul.category li a {text-decoration:none;} ul.category li a span.img {margin:0 0 2px 0;} ul.category li a span.img img {} ul.category li a span.text { font:18px/120% 'Roboto', Arial, Helvetica, sans-serif; color:#000102; text-transform:uppercase; } ul.category li a:hover {opacity:0.8;} /* //category*/ /* category_top */ ul.category_top {list-style-type:none;} ul.category_top li a span.text {display:block;padding:20px 0 0 0;width:100%;font:bold 16px/120% 'Roboto', Arial, sans-serif;color:#3281b8; text-transform:uppercase;} /* category_top */ /* news */ ul.news {margin:0; padding:0; list-style-type:none;} ul.news li {margin:0 -12px 32px -12px; padding:0 12px 12px 12px; width:100%; float:left; /*background:url('../img/news_dotted.png') 0 100% repeat-x;*/} ul.news li a.title { text-decoration:none;} ul.news li a.title span.img {display:block; margin:0 25px 32px 0; padding:6px 5px; width:169px; height:97px; float:left; background:#fff; border:1px solid #CCC; border-radius:3px; box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.29); } ul.news li a.title:hover span.img { box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.4); } ul.news li a.title span.img img {} ul.news li a.title span.date {display:block; margin:0 0 2px 0;font:13px/120% 'Roboto Slab', Arial, Helvetica, sans-serif; color:#585858;} ul.news li a.title span.text {display:block; margin:0 0 12px 0; padding:0; font:16px/145% 'Roboto', Arial, Helvetica, sans-serif; text-decoration:underline;} ul.news li a.title:hover span.text { text-decoration:none;} ul.news li p { display:block; margin:0 0 5px 0; padding:0; font:14px/125% 'Roboto', Arial, Helvetica, sans-serif; color:#333F52; } ul.news li a.podrobnee {display:inline-block; margin: 5px 0; padding:0 10px; font:14px/30px 'Roboto', Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; text-decoration:none; background:#0c76c1;} ul.news li a.podrobnee:hover {opacity:0.8;} /* //news */ /* news_new */ ul.new_news {margin:0; padding:0; list-style-type:none; /**/word-spacing:0px; font:1px/1px monospace; /* делаем ширину пробела между li равной 1px */} ul.new_news li.odin { display:inline-block;position:relative; margin:0 12px 26px 13px; padding:0; width:214px; height:318px; overflow:hidden; background:#F3F3F3; border-radius:3px; } ul.new_news li.odin a.img { display:block; position:relative; margin:0; padding:0; width:100%; height:159px; text-align:center;/* background:#fff;*/} ul.new_news li.odin a.img img {width:auto; height:auto; max-width:214px; max-height:159px;} ul.new_news li.odin a.img i.video { position:absolute; top:50%; left:50%; margin:-24px 0 0 -24px; width:48px; height:48px; background:url('../img/video.png') no-repeat;} ul.new_news li.odin a.img:hover i.video {opacity:0.8;} ul.new_news li.odin div.box_text { position:relative; height:159px; } ul.new_news li.odin div.box_text div.text {display:table-cell; margin:0; padding:10px; height:107px; text-align:center; vertical-align:middle; box-sizing:border-box;} ul.new_news li.odin div.box_text div.text p { display:none; margin: 0 0 12px 0;} ul.new_news li.odin div.box_text div.text p.rubrika { display:none;} ul.new_news li.odin div.box_text div.text p.zag { display:block; font:15px/125% 'Roboto', Arial, Helvetica, sans-serif; color:#52657D;} ul.new_news li.odin div.box_text div.foot { position:absolute; bottom:0px; left:0; margin:0; padding:12px 9px;width:100%;height:51px;background:#F3F3F3;border-top:1px solid #C9D3DF; box-sizing:border-box;} ul.new_news li.odin div.box_text div.foot span.date {display:inline-block; margin:0; padding:0 0 0 22px;font:bold 13px/29px 'Roboto' ,Arial, Helvetica, sans-serif; color:#52657D; background:url('../img/time.png') 0 50% no-repeat;} ul.new_news li.odin div.box_text div.foot a.dalee {display:inline-block; margin:0; padding:0; width:97px; float:right;font: 13px/29px 'Roboto', Arial, Helvetica, sans-serif; color:#fff; text-align:center; text-decoration:none; text-transform:uppercase; background:#1392FF; border-radius:2px;} ul.new_news li.odin div.box_text div.foot a.dalee:hover { background:#3D4D65;} ul.new_news li.dva { display:inline-block;position:relative; margin:0 12px 26px 13px; padding:0; width:454px; height:318px; overflow:hidden; background:#F3F3F3; border-radius:3px; border-radius:3px;} ul.new_news li.dva a.img { display:block; position:relative; margin:0; padding:0; width:159px; height:318px; float:left; overflow:hidden;border-radius:3px 0 0 3px;} ul.new_news li.dva a.img img { position:relative; left:-60%; width:auto; height:100%; max-height:318px; border-radius:3px;} ul.new_news li.dva a.img i.video { position:absolute; top:50%; left:50%; margin:-24px 0 0 -24px; width:48px; height:48px; background:url('../img/video.png') no-repeat;} ul.new_news li.dva a.img:hover i.video {opacity:0.8;} ul.new_news li.dva a.img:hover { position:absolute; z-index:2; width:100%; } ul.new_news li.dva a.img:hover img {left:0;} ul.new_news li.dva div.box_text { position:relative; width:295px; height:318px; float:right; } ul.new_news li.dva div.box_text div.text {display:table-cell; margin:0; padding:10px; height:267px; overflow:hidden; vertical-align:middle; box-sizing:border-box; border-radius:0 3px 0 0;} ul.new_news li.dva div.box_text div.text p {margin:0 0 12px 0; font:13px/125% 'Roboto', Arial, Helvetica, sans-serif; color:#52657D} ul.new_news li.dva div.box_text div.text p.rubrika { font:10px/125% 'Roboto', Arial, Helvetica, sans-serif; color:#176BC5; text-transform:uppercase;} ul.new_news li.dva div.box_text div.text p.zag { display:block; font:15px/125% 'Roboto' ,Arial, Helvetica, sans-serif; color:#52657D;} ul.new_news li.dva div.box_text div.foot { position:absolute; bottom:0px; right:0; margin:0; padding:12px 9px; width:100%; height:51px;background:#F3F3F3;border-top:1px solid #C9D3DF; box-sizing:border-box;} ul.new_news li.dva div.box_text div.foot span.date {display:inline-block; margin:0; padding:0 0 0 22px;font:bold 13px/29px 'Roboto' ,Arial, Helvetica, sans-serif; color:#52657D; background:url('../img/time.png') 0 50% no-repeat;} ul.new_news li.dva div.box_text div.foot a.dalee {display:inline-block; margin:0; padding:0; width:97px; float:right;font: 13px/29px 'Roboto', Arial, Helvetica, sans-serif; color:#fff; text-align:center; text-decoration:none; text-transform:uppercase; background:#1392FF; border-radius:2px;} ul.new_news li.dva div.box_text div.foot a.dalee:hover { background:#3D4D65;} /* //news_new */ /*search*/ form.search {position:relative;margin:0;padding:0 30px 0 40px; } form.search .button {display:block; position:absolute; top:6px; left:6px; } form.search .text { position:relative; top:0; left:-40px; display:block; margin:0;padding:0 30px 0 40px; width:100%; height:37px;font:28px "PT Sans", Arial, Helvetica, sans-serif; color:#9D9D9D; border:1px solid #BBBBBB; border-radius:5px;box-shadow: 2px 2px 2px #E4E4E4 inset; } form.search a.reload {display:block; position:absolute; top:6px; right:6px; width:26px; height:26px; background:url('../img/search_reload2.png') no-repeat;} form.search a.reload:hover {background-position:0 100%;} form.search p.iskat {display:block; float:right;} form.search p.iskat span.tekst {display:block; margin:10px 27px 0 0; float:left;} form.search p.iskat input {display:block; margin:12px 10px 0 0; float:left;} form.search p.iskat label {display:block; margin:10px 43px 0 0; float:left;} p.naidenno_str {margin:0 0 30px 0;font:700 16px/120% "Roboto Condensed", Arial, Verdana, Helvetica, sans-serif; text-transform:uppercase;} p.naidenno_str span {font: 24px/120% "Roboto Slab", Arial, Verdana, Helvetica, sans-serif;} div.s_rcol {position:relative;margin:0 0 0 40px;} div.s_rcol span.s_num { position:absolute;top:1px;right:100%;margin:0 10px 0 0;width:20px;font-size:14px;color:#CCC;} div.s_rcol a.s_title {font-size:15px; font-weight:bold;color: #0091e4;font:700 16px/120% "Roboto Slab", Arial, Verdana, Helvetica, sans-serif;} p.search_empty {padding: 55px 0; text-align:center; } p.search_empty img { } /*//search*/ /*basket_orders*/ table.basket_orders {margin-bottom:20px;border-collapse:collapse; border:1px solid #000; } table.basket_orders tr {} table.basket_orders tr th {padding:3px 20px;height:45px; font:18px/120% "Roboto", Arial, Helvetica, sans-serif; color:#000102; text-align:left; text-transform:uppercase; background:#cccdd2; border:1px solid #000; border-right:1px solid #329cd5;} table.basket_orders tr th:first-child {white-space:nowrap;} table.basket_orders tr th.last {padding:0 20px !important;text-align:left;border-right:1px solid #000;} table.basket_orders tr td { padding:16px 10px 16px 10px; vertical-align:top; font:14px/120% "Roboto", Arial, Verdana, Helvetica, sans-serif; color:#3c3c3c; border:1px solid #000; border-right:1px solid #329cd5;} table.basket_orders tr td.last {padding:16px 20px 16px 20px;border-right:1px solid #000;} table.basket_orders tr td a.open {display:inline-block; margin:0 0 5px 0;font:14px/120% "Roboto", Arial, Verdana, Helvetica, sans-serif; color:#329cd5; } table.basket_orders tr td table {border-collapse:collapse; border:1px solid #000; } table.basket_orders tr td table tr th {border:1px solid #000;} table.basket_orders tr td table tr th.third {width:100px;} table.basket_orders tr td table tr th.last {} table.basket_orders tr td table tr td {border:1px solid #000;} table.basket_orders tr td table tr td.first {border-right:1px solid transparent;} table.basket_orders tr td table tr td.last {} table.basket_orders tr td table tr td a {display:inline-block; margin:0 0 5px 0;font:14px/120% "Roboto", Arial, Verdana, Helvetica, sans-serif; color:#329cd5; } /*basket_orders*/ /* contacts */ div.contacts {width:960px; margin:0 auto;padding:10px 0 0 0;} div.contacts div.l { padding:0 0 0 0; font:18px/120% "Roboto", Arial, Verdana, Helvetica, sans-serif; color:#020202;} div.contacts div.r { } div.map { min-height:400px;} div.map h3.h3_map {text-align:center;} /* //contacts */ /* webform */ h2.obr_svaz {font-size:24px; color:#329cd5;} form.webform { display:inline-block; margin-bottom:20px;} label.textinputs {display:block;margin: 0 0 6px 0; font:14px/120% "Roboto", Arial, Verdana, Helvetica, sans-serif; color:#000;} .webform input.textinputs {margin:0 0 20px 0; padding:0 9px; width:920px; height:40px; font-size:14px; line-height:40px; background:#fff; border:1px solid #000; font-family:'Roboto Slab', Arial, Helvetica, sans-serif;color:#333;} .webform input.button { display:inline-block; vertical-align:top; margin:0px 0 20px 0; padding:16px 31px; font:14px/120% 'Roboto', Arial;color:#fff; text-transform:uppercase; text-decoration:none; background:#309DD6; border:0 none; cursor:pointer;} .webform input.button:hover {opacity:0.8;} .webform div.box_select {position:relative;margin:0 0 20px 0;padding:0; width:408px; height:32px; letter-spacing:1px; font: 14px/32px 'PTSans-Narrow', Arial, Helvetica, sans-serif; color:#777; overflow:hidden; background:#fff;border:1px solid #b2b2b2; box-shadow:inset 0 3px 3px 0px rgba(0,0,0,0.1);} .webform div.box_select label.knopka {display:block; position:absolute; /*z-index:1;*/ top:-1px; right:-1px; width:37px; height:34px; background:#fff url('../img/cont_select_arr.png') 50% 50% no-repeat;cursor:pointer;} .webform div.box_select select {position: relative; /*z-index:2;*/ margin: 0; padding:0 0 0 9px; width: 436px; height: 34px;letter-spacing:1px; font: 14px/34px 'Roboto Slab', Arial, Helvetica, sans-serif; color:#333; background: none;border: none;cursor:pointer;} .webform div.box_select select option {position:relative; top:100%; left:0;padding:5px; height:20px; line-height:20px; color:#333; width:auto;} .webform textarea.textinputs {margin:0 0 20px 0; padding:5px 9px; width:920px; height:177px; background:#fff; border:1px solid #000; font: 14px/21px 'Roboto Slab', Arial, Helvetica, sans-serif;} .webform input._error, .webform textarea._error {border-color: #ff0000 !important;} /* //webform */ /* =news_obj= */ .news_obj { position:relative;} .news_obj p.data {font: bold 13px/120% 'Roboto Slab', Arial, Helvetica, sans-serif; color:#585858;} /*.news_obj p.istochniki {margin:0 0 30px 0; font:12px/120% 'Roboto', Arial, Helvetica, sans-serif; color:#585858;}*/ .news_obj .l {display:inline; margin:0; padding:0; width:340px; float:left;} .news_obj .l a.img {display:block;margin:0 0 12px 0;} .news_obj .l a.img img {} .news_obj .l p.podpis_img {margin:0 0 40px 0;font:italic 12px/125% Georgia, "Times New Roman", Times, serif; color:#333F52;} /* news_sujeti */ h2.news_sujeti_h2 {font:15px/120% 'Roboto', Arial, Helvetica, sans-serif; color:#000;} ul.news_sujeti {margin:0 0 40px 0; padding:0; list-style-type:none;} ul.news_sujeti li {margin:0 0 12px 0; padding:0;} ul.news_sujeti li a.title { text-decoration:none;} ul.news_sujeti li a.title span.date {display:block; margin:0 0 2px 0;font:12px/120% 'Roboto', Arial, Helvetica, sans-serif; color:#585858;} ul.news_sujeti li a.title span.text {display:block; margin:0 0 12px 0; padding:0; font:13px/135% 'Roboto', Arial, Helvetica, sans-serif; color:#1F679F; text-decoration:underline;} ul.news_sujeti li a.title:hover span.text { text-decoration:none;} /* news_sujeti */ .news_obj .r { padding:0 0 0 360px;} .news_obj .r p {font:14px/125% 'Roboto', Arial, Helvetica, sans-serif; color:#333F52;} .news_obj .r.w100 {padding:0 !important;} /* foto_lent h2.foto_lent_h2 {margin:0 0 20px 0;font:bold 16px/120% 'Roboto Slab', Arial, Helvetica, sans-serif; color:#000;} ul.foto_lent {margin:0 0 15px 0; padding:0; list-style-type:none;} ul.foto_lent li {display:inline-block; margin:0 10px 13px 0; padding:0; width:135px; height:95px; vertical-align:top;} ul.foto_lent li a.img {} ul.foto_lent li a.img img {padding:4px 5px;background:#fff; border:1px solid #CCC; border-radius:3px; box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.29);} ul.foto_lent li a.img:hover img {box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.4); } p.foto_lent_istochnik {margin:0 0 30px 0; font:12px/120% 'Roboto', Arial, Helvetica, sans-serif; color:#585858;} //foto_lent*/ /* //=news_obj= */ /* menu_prev */ ul.menu_prev {position:absolute; right:2%; top:53px;margin:0; padding:0; list-style-type:none;} ul.menu_prev li {display:inline-block; margin:10px 0 0 0; padding:0;} ul.menu_prev li a { font:bold 18px/120% 'Roboto Condensed', Arial, Helvetica, sans-serif; color:#F00; text-decoration:none;} ul.menu_prev li a:hover { color:#000;} ul.menu_prev li a.active { color:#000; text-decoration:none;} /* //menu_prev */ /* user login */ p.user_login_error {display:inline-block;margin:10px 0 -10px 150px; padding:10px 20px; font:18px/120% 'Roboto', Arial, Helvetica, sans-serif; color:#fff; background:#e80702; } form.forum_avtorizaciya {margin:40px 0;} form.forum_avtorizaciya label.text { display:inline-block; vertical-align: middle; margin:0 10px 18px 0; width:230px; font:18px/38px 'Roboto', Arial; color:#000; text-align:right;} form.forum_avtorizaciya input.text { display:inline-block; vertical-align: middle; margin:0 10px 18px 0; padding:0 20px; width:421px; height:38px; font:18px/38px 'Roboto', Arial; color:#000; border:1px solid #000;} form.forum_avtorizaciya a.sub {display:inline-block;margin:-3px 28px 10px 0; font:18px/120% 'Roboto', Arial, Helvetica, sans-serif; color:#0c76c1; } form.forum_avtorizaciya a.sub.ml {margin-left:245px !important;} form.forum_avtorizaciya input.submit {display:inline-block; margin: 5px 0 5px 240px; padding:0; width:240px; font:24px/49px 'Roboto', Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; text-decoration:none; background:#0C76C0; border:0 none; border-radius:0;} form.forum_avtorizaciya input.submit:hover {opacity:0.8; cursor:pointer;} /*//user login*/ /* user lk*/ div#auth_default { margin:0 0 40px 0;} div#auth_default p.user_lk {margin:40px 0 60px 0; padding:0; float:left;} div#auth_default p.user_lk img {display:inline-block; vertical-align:middle; padding:3px; border:1px solid #999; border-radius:4px; background:#eee; box-shadow:1px 4px 5px 0px rgba(0,0,0, 0.2)} div#auth_default p.user_lk b {display:inline-block; vertical-align:top;font:18px/150% 'Roboto', Arial, Helvetica, sans-serif; color:#000;} div#auth_default p.user_lk img + b {margin-left:20px;} div#auth_default p.menu { margin:40px 0 60px 0; padding:5px 70px 0 40px; width:300px; float:right; border-left:2px solid #0a77bb;} div#auth_default p.menu a {display:block; position:relative; margin:0 0 10px 0; padding:0 0 0 30px;font:18px/20px 'Roboto', Arial, Helvetica, sans-serif; color:#0a77bb; text-decoration:none;} div#auth_default p.menu a img { position:absolute; top:0; left:0;} div#auth_default p.menu a:hover {opacity:0.6;} /* //user lk*/ img.ava {display:inline-block; vertical-align:top; padding:3px; border:1px solid #999; border-radius:4px; background:#eee; box-shadow:1px 4px 5px 0px rgba(0,0,0, 0.2)} /*registraciya */ form.registrate {margin: 44px 0 20px 30px; width:615px;} form.registrate p {font:12px/130% 'PTSans', Arial, Helvetica, sans-serif; color:#9D299;} form.registrate div.l {display:inline;margin:20px 0 0 30px;width:230px; float:left; text-align:center;} form.registrate div.l p {margin-top:20px;} form.registrate div.r p {display:block;width:340px;} form.registrate div.r { padding:0 75px 0 290px} form.registrate input.textinputs { margin:12px 0; padding:0 10px; width:336px;height:36px; letter-spacing:0.5px;font:bold 15px/120% 'PTSans-Narrow', Arial, Helvetica, sans-serif; color:#fff; border:1px solid rgba(232, 195, 145, 1); background-color: rgba(176, 114,30, 0.19); background-color: rgba(176, 114,30, 0.05);} form.registrate input.textinputs:focus { color:#fff; box-shadow:0px 0px 10px 0px rgba(255, 255, 255, .5);background-color: rgba(176, 114,30, 0);} form.registrate input.textinputs:-webkit-input-placeholder {color: #fff;} form.registrate input.textinputs:-moz-placeholder {color: #fff;} form.registrate input.textinputs:focus::-webkit-input-placeholder {color: transparent} form.registrate input.textinputs:focus::-moz-placeholder {color: transparent} form.registrate input.textinputs:focus:-moz-placeholder {color: transparent} form.registrate input.textinputs:focus:-ms-input-placeholder {color: transparent} form.registrate input.hidden {display:none;} form.registrate a.submit {display:block;margin:35px auto; padding:0; width:356px; height:50px; text-indent:-9999px; overflow:hidden; background:url('../img/forum-registate.png') no-repeat;} form.registrate a.submit:hover { background-position:0 -99px;} form#settings div.l img.img_avatara {margin:0 0 0px 0;border-radius:50%; border: 7px solid rgba(219, 153, 62, 0.43); box-shadow: 0px 7px 7px 0px rgba(0, 0, 0, 0.2);-moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%;} form#settings.registrate a.submit {display:block;margin:35px auto; padding:0; width:250px; height:50px; text-indent:-9999px; overflow:hidden; background:url('../img/save_n.png') no-repeat;} form#settings.registrate a.submit:hover { background-position:0 -60px; } #change-avatar, #change-avatar0 {text-decoration:none; border-bottom:1px dotted #E9D299; font: 18px/18px 'Georgia',' Times New Roman', serif;} #change-avatar:hover, #change-avatar0:hover {border-bottom:1px solid #E9D299;} /*//registraciya*/ /* user registrate */ #registrate {margin:40px 0;} #registrate label.text { display:inline-block; vertical-align: middle; margin:0 10px 18px 0; width:230px; font:18px/38px 'Roboto', Arial; color:#000; text-align:right;} #registrate input.text { display:inline-block; vertical-align: middle; margin:0 10px 18px 0; padding:0 20px; width:421px; height:38px; font:18px/38px 'Roboto', Arial; color:#000; border:1px solid #000;} #registrate input.submit {display:inline-block; margin: 45px 0 5px 240px; padding:5px 10px; font:bold 18px/30px 'Roboto', Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; text-decoration:underline; background:#0c76c1; border:0 none; border-radius:0;} #registrate input.submit:hover {opacity:0.8; cursor:pointer; text-decoration:none;} #registrate input.textinputs {display:inline-block; vertical-align: middle; margin:0 10px 18px 0; padding:0 20px; height:38px; font:18px/38px 'Roboto', Arial; color:#000; border:1px solid #000;} #registrate input._error, #registrate textarea._error {border-color: #ff0000 !important;} /* // user registrate*/ /* user forget */ form#forget {margin:40px 0;} form#forget label.radio {display:table;position:relative;margin:0 10px 12px 0;height:21px; cursor:pointer; float:left;} form#forget label.radio span {display:table-cell;vertical-align:middle; padding:0 0 0 32px; font: 14px/120% 'Roboto', Arial; color:#010101; } form#forget label.radio span i {display:block;position:absolute;top:0;left:0;width:20px;height:20px;background:url('../img/kz_radio.png') 0 100% no-repeat;} form#forget label.radio input.radio {display:none;} form#forget label.radio input.radio:checked + span {} form#forget label.radio input.radio:checked + span i {background-position:0 0;} form#forget label.text { display:block; vertical-align: middle; margin:0 10px 18px 0; width:230px; font:18px/38px 'Roboto', Arial; color:#000; text-align:right;} form#forget input.text { display:block; vertical-align: middle; margin:0 10px 18px 0; padding:0 20px; width:421px; height:38px; font:18px/38px 'Roboto', Arial; color:#000; border:1px solid #000;} form#forget input#fgt_btn {display:inline-block; margin: 5px 0 5px 310px; padding:0 10px; width:153px;font:14px/30px 'Roboto', Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; text-decoration:none; background:#0c76c1; border:0 none;} form#forget input#fgt_btn:hover {opacity:0.8; cursor:pointer;} p.forget_sended {margin:0 auto;padding:25px; width:400px; color:#fff; font:18px/120% 'Roboto', Arial, Helvetica, sans-serif; text-align:center; background:#bcbec0;} /*//user forget*/ /* subscribe */ form.subscribe {margin:0 0 40px 0;} form.subscribe label.radio {display:table;position:relative;margin:0 10px 12px 0;height:21px; cursor:pointer; float:left;} form.subscribe label.radio span {display:table-cell;vertical-align:middle; padding:0 0 0 32px; font: 14px/120% 'Roboto', Arial; color:#010101; } form.subscribe label.radio span i {display:block;position:absolute;top:0;left:0;width:20px;height:20px;background:url('../img/kz_radio.png') 0px 100% no-repeat;} form.subscribe label.radio input.radio {/*display:none;*/ } form.subscribe label.radio input.radio:checked + span {} form.subscribe label.radio input.radio:checked + span i {background-position:0px 0;} form.subscribe input.submit {display:inline-block; margin:10px 0 5px 0px; padding:5px 20px; font:bold 18px/30px 'Roboto', Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; background:#0c76c1; border:0 none; border-radius:0;} form.subscribe input.submit:hover {opacity:0.8; cursor:pointer; text-decoration:none;} /* //subscribe */ table.magazini { margin:0; padding:0; border: 0 none; border-collapse:collapse;} table.magazini tr {} table.magazini tr td { vertical-align:top; padding:6px 10px; font:18px/120% 'Roboto', Arial, Helvetica, sans-serif; color:#020202;} table.magazini tr td p strong {font:bold 18px/120% 'Roboto', Arial, Helvetica, sans-serif;} table.magazini tr td:first-child{ padding-left:0px; } table.magazini tr td:last-child {} div.mag_map {margin:0; padding:4px; width:500px; height:370px; background:#fff; border:1px solid #000;} p.korz_zak_yspeshno { display:block; margin:53px auto; padding:15px 30px; width:620px;font:18px/120% 'Roboto', Arial, Helvetica, sans-serif; color:#fff; text-align:center; background:#36ac2a; } /**/ h1.h1_news_obj { padding-right:220px; width:auto; } /**/ .accent–block {border-left: 4px solid #79165C; margin:0 0 25px 0; padding: 20px 10px 10px 20px; background: #ccc;} h2.zag {margin:0 0 8px 0; padding:0; width:100%;font:bold 24px/24px 'Roboto', Arial, sans-serif;color:#3281b8; text-transform:none;} a.cd-nav-trigger {display:none;} #close-cd-nav { display:none;} /* paging */ ul.paging {position:relative;margin:0 0 12px 0; padding:0px 40px 0 40px; list-style-type:none; text-align:center;} ul.paging li {margin:4px; padding:0; display:inline-block;} ul.paging li a {display:inline-block; margin:0; padding:0 10px; min-width:15px; font:14px/25px 'Roboto', Arial, Helvetica, sans-serif; color:#53657D; text-align:center; text-decoration:none; background:#F3F3F3; border-radius:5px; } ul.paging li a:hover {color:#fff; background:#3281b8;} ul.paging li strong {display:inline-block; margin:0; padding:0 10px; min-width:25px; font:14px/25px 'Roboto', Arial, Helvetica, sans-serif; color:#fff; text-align:center; text-decoration:none; background:#3281b8; border-radius:5px;} ul.paging li.prev { /*position:absolute; top:0; left:5px; */ margin:4px; padding:0 0 0 40px;} ul.paging li.prev a {display:inline-block; font:14px/25px 'Roboto', Arial, Helvetica, sans-serif; color:#0B666B;/* background:none;*/ } ul.paging li.prev a:hover {color:#fff;} ul.paging li.prev a i {/*display:block; position:absolute; top:-5px; left:0; */font-size:10px; } ul.paging li.prev a:hover i {} ul.paging li.prev a.noactive {color:#BFBFBF;text-decoration:none; cursor:default;} ul.paging li.prev a.noactive:hover {background:#F3F3F3;} ul.paging li.next {/*position:absolute; top:0; left:175px; */margin:4px; padding:0 40px 0 0; } ul.paging li.next a {display:inline-block; font:15px/25px 'Roboto', Arial, Helvetica, sans-serif; color:#0B666B;/*background:none;*/} ul.paging li.next a:hover { color:#fff;} ul.paging li.next a i {/* display:block;position:absolute; top:-5px; right:0;*/ font-size:10px; } ul.paging li.next a:hover i {} ul.paging li.next a.noactive {color:#BFBFBF; text-decoration:none; cursor:default;} ul.paging li.next a.noactive:hover {background:#F3F3F3;} /* //paging */ div.video { margin:0 0 50px 0;} /* obr_zvon_form */ a.obr_zvon_open {display:none;} div#obr_zvon_form { z-index:10; position:absolute; top:100px; left:50%; margin:0 0 20px -233px; padding:0; width:466px; background:#FFF; } div#obr_zvon_form h4.h4_zak {margin:0; padding:0; width:100%; font:26px/65px 'Roboto', Arial, Helvetica, sans-serif; text-transform:none; color:#000; text-align:left; background:#CCC; border-bottom:3px solid #3281B8; } div#obr_zvon_form h4.h4_zak i.ico_phone { display:inline-block; vertical-align:middle; margin:0 10px 0 52px; padding:0;width:32px; height:32px; background: url('../img/obr_phone.png') 0 0 no-repeat;} div#obr_zvon_form a.obr_zvon_close { position:absolute; top:0; left:100%; margin:0; width:33px; height:32px; background:url('../img/obr_close.png') no-repeat;cursor:pointer;} div#obr_zvon_form a.obr_zvon_close:hover {opacity:0.9;} div#obr_zvon_form .obr_zvon {padding:45px 65px; box-sizing:border-box;} div#obr_zvon_form .obr_zvon label { margin:0; padding:0 0 0 10px; font: 13px/150% 'Roboto', Arial, Helvetica, sans-serif; color:#525252;} div#obr_zvon_form .obr_zvon label i {color:#F38C08;} div#obr_zvon_form .obr_zvon input {margin:0 0 12px 0; padding:0 10px; width:100%; font: 15px/32px 'Roboto', Arial, Helvetica, sans-serif;color:#777; box-sizing:border-box; border:1px solid #D7DEE3; background:#fff;} div#obr_zvon_form .obr_zvon textarea {margin:0 0 50px 0; padding:0 10px; width:100%; font: 15px/32px 'Roboto', Arial, Helvetica, sans-serif;color:#777; box-sizing:border-box; border:1px solid #D7DEE3; background:#fff;} div#obr_zvon_form .obr_zvon input.submit { display:inline-block; vertical-align:middle; margin:0; padding:0 22px; width:auto; height:40px; float:right; font: 14px/40px 'Roboto', Arial, Helvetica, sans-serif;color:#FFF; text-align:center; background:#3281B8; border:0 none; border-radius:5px; cursor:pointer; } div#obr_zvon_form .obr_zvon input.submit:hover { opacity:0.9;} div#obr_zvon_form .obr_zvon input._error, div#obr_zvon_form .obr_zvon textarea._error {border-color: #ff0000 !important;} p.poyasnyalka { display:inline-block; vertical-align:middle; margin:0; font:13px/40px 'Roboto', Arial, Helvetica, sans-serif; color:#9DA5AC; } p.poyasnyalka img { display:inline-block; vertical-align:middle; margin:0 10px 0 0;} div#bg_shadow { display:none; position:fixed; top:0; left:0; z-index:3; width:100%; height:100%; background-color:rgba(0,0,0,0.5);} div#bg_shadow2 { display:none; position:fixed; top:0; left:0; z-index:1000; width:100%; height:100%; background-color:rgba(0,0,0,0.5);} div#spasibo {display:none;position:fixed; top:30%; left:50%;z-index:1001; margin:-40px 0 0 -157px; padding:0; width:359px; background:#fff; border-radius:7px 0 7px 7px;} div#spasibo a.obr_zvon_close2 {position:absolute; top:0; left:100%; margin:0; width:33px; height:32px; background:url('../img/obr_close.png') no-repeat;cursor:pointer;} div#spasibo a.obr_zvon_close2:hover { background-position:0 100%;} div#spasibo p.yspeshno {margin:0; padding:0 0 0 70px; font:16px/100px 'Roboto', Arial, Helvetica, sans-serif; text-align:center; text-transform:uppercase; background:url('../img/obr_galka.png') 20px 50% no-repeat;} div#error {display:none;position:fixed; top:30%; left:50%;z-index:1001;margin:-20px 0 0 -200px; padding:20px 60px 40px; width:400px; background:#fff;border-radius:7px 0px 7px 7px;box-sizing:border-box;} div#error a.obr_zvon_close2 {position:absolute; top:0; left:100%; margin:0; width:33px; height:32px; background:url('../img/obr_close.png') no-repeat;cursor:pointer;} div#error a.obr_zvon_close2:hover { background-position:0 100%;} div#error p {font:16px/100% 'Roboto', Arial, Helvetica, sans-serif; text-align:center; text-transform:uppercase;} div#error p.zag {margin:0 0 40px 0; font:normal 13px/100% 'Roboto', Arial, Helvetica, sans-serif; text-align:center; text-transform:none;} /* //obr_zvon_form */ #form_error {color: red; font-weight: bold;} /*yvedomit*/ a.open_yvedomit {display:inline-block; margin:0 0 40px 0; padding:0 21px; font:bold 14px/32px 'Roboto', Arial; color:#FFF; text-transform:uppercase; text-decoration:none; border-radius:5px; background:#69A3CB; background: -moz-linear-gradient(top, #69A3CB 0%, #3281B8 100%); background: -webkit-linear-gradient(top, #69A3CB 0%, #3281B8 100%); background: -o-linear-gradient(top, #69A3CB 0%, #3281B8 100%); background: -ms-linear-gradient(top, #69A3CB 0%, #3281B8 100%); background: linear-gradient(top, #69A3CB 0%, #3281B8 100%); } a.open_yvedomit:hover {opacity:0.8;} a.open_yvedomit.active {opacity:0.8;} div#box_yvedomit {display:none; z-index:10; position:absolute; top:100px; left:50%; margin:0 0 20px -233px; padding:0; width:466px; background:#FFF; } div#box_yvedomit h4.h4_zak {margin:0; padding:0 0 0 22px; width:100%; font:26px/65px 'Roboto', Arial, Helvetica, sans-serif; text-transform:none; color:#000; text-align:left; background:#CCC; border-bottom:3px solid #3281B8; box-sizing:border-box; } div#box_yvedomit a.yvedomit_close { position:absolute; top:0; left:100%; margin:0; width:33px; height:32px; background:url('../img/obr_close.png') no-repeat;cursor:pointer;} div#box_yvedomit a.yvedomit_close:hover {opacity:0.9;} div#box_yvedomit form.yvedomit {padding:45px 65px; box-sizing:border-box;} div#box_yvedomit form.yvedomit label { margin:0; padding:0 0 0 10px; font: 13px/150% 'Roboto', Arial, Helvetica, sans-serif; color:#525252;} div#box_yvedomit form.yvedomit label i {color:#F38C08;} div#box_yvedomit form.yvedomit input {margin:0 0 12px 0; padding:0 10px; width:100%; font: 15px/32px 'Roboto', Arial, Helvetica, sans-serif;color:#777; box-sizing:border-box; border:1px solid #D7DEE3; background:#fff;} div#box_yvedomit form.yvedomit textarea {margin:0 0 50px 0; padding:0 10px; width:100%; font: 15px/32px 'Roboto', Arial, Helvetica, sans-serif;color:#777; box-sizing:border-box; border:1px solid #D7DEE3; background:#fff;} div#box_yvedomit form.yvedomit input.submit { display:inline-block; vertical-align:middle; margin:0; padding:0 22px; width:auto; height:40px; float:right; font: 14px/40px 'Roboto', Arial, Helvetica, sans-serif;color:#FFF; text-align:center; background:#3281B8; border:0 none; border-radius:5px; cursor:pointer; } div#box_yvedomit form.yvedomit input.submit:hover { opacity:0.9;} div#box_yvedomit form.yvedomit p.poyasnyalka { display:inline-block; vertical-align:middle; margin:0; font:13px/40px 'Roboto', Arial, Helvetica, sans-serif; color:#9DA5AC; } div#box_yvedomit form.yvedomit p.poyasnyalka img { display:inline-block; vertical-align:middle; margin:0 10px 0 0;} /*div#bg_shadow { display:none; position:fixed; top:0; left:0; z-index:3; width:100%; height:100%; background-color:rgba(0,0,0,0.5);} div#bg_shadow2 { display:none; position:fixed; top:0; left:0; z-index:1000; width:100%; height:100%; background-color:rgba(0,0,0,0.5);} div#spasibo {display:none;position:fixed; top:30%; left:50%;z-index:1001; margin:-40px 0 0 -157px; padding:0; width:359px; background:#fff; border-radius:7px 0 7px 7px;} div#spasibo a.obr_zvon_close2 {position:absolute; top:0; left:100%; margin:0; width:33px; height:32px; background:url('../img/obr_close.png') no-repeat;cursor:pointer;} div#spasibo a.obr_zvon_close2:hover { background-position:0 100%;} div#spasibo p.yspeshno {margin:0; padding:0 0 0 70px; font:16px/100px 'Roboto', Arial, Helvetica, sans-serif; text-align:center; text-transform:uppercase; background:url('../img/obr_galka.png') 20px 50% no-repeat;} div#error {display:none;position:fixed; top:30%; left:50%;z-index:1001;margin:-20px 0 0 -200px; padding:20px 60px 40px; width:400px; background:#fff;border-radius:7px 0px 7px 7px;box-sizing:border-box;} div#error a.obr_zvon_close2 {position:absolute; top:0; left:100%; margin:0; width:33px; height:32px; background:url('../img/obr_close.png') no-repeat;cursor:pointer;} div#error a.obr_zvon_close2:hover { background-position:0 100%;} div#error p {font:16px/100% 'Roboto', Arial, Helvetica, sans-serif; text-align:center; text-transform:uppercase;} div#error p.zag {margin:0 0 40px 0; font:normal 13px/100% 'Roboto', Arial, Helvetica, sans-serif; text-align:center; text-transform:none;} */ /* //box_yvedomit */ .g-recaptcha {margin:0 0 20px 0;} #recaptcha1 {margin:0 0 20px 0;} #recaptcha2 {margin:0 0 20px 0;} #recaptcha3 {margin:-20px 0 20px 0;} /* Стили для планшетов */ @media only screen and (max-width: 801px) { body {max-width:800px; min-width:700px;} /*yvedomit a.open_yvedomit {display:inline-block; margin:0 0 40px 0; padding:0 21px; clear:both; font:bold 14px/32px 'Roboto', Arial; color:#FFF; text-transform:uppercase; text-decoration:none; border-radius:5px; background:#69A3CB; background: -moz-linear-gradient(top, #69A3CB 0%, #3281B8 100%); background: -webkit-linear-gradient(top, #69A3CB 0%, #3281B8 100%); background: -o-linear-gradient(top, #69A3CB 0%, #3281B8 100%); background: -ms-linear-gradient(top, #69A3CB 0%, #3281B8 100%); background: linear-gradient(top, #69A3CB 0%, #3281B8 100%); } a.open_yvedomit:hover {opacity:0.8;} a.open_yvedomit.active {opacity:0.8;} //yvedomit*/ div.contacts {width:100%; box-sizing:border-box;padding:12px 2% 15px 2%;} .bg_catalog {width:auto; max-width:800px; min-width:700px; box-sizing:border-box;padding:12px 2% 15px 2%; /*margin:0 auto;padding:12px 0 15px 0;*/} ul.category { margin:0 -2% 40px -2%; /*padding:0; list-style-type:none;*/ text-align:center;} .firstline .container {width:100%; max-width:800px; min-width:700px; /*margin:0 auto;text-align:right;*/ } ul.catalog {text-align:center;/*margin:0 0 0 5px; padding:0; list-style-type:none;*/} ul.catalog li {/*display:inline-block; vertical-align: top;margin:10px; padding:0; width:220px; background:#fff;*/} ul.catalog li a.tov {} .globalmenu {display:inline-block;vertical-align:top; padding:6px 0 5px 0;width:auto;/* text-align:right; */} .globalmenu li {padding:0 8px; /*display:inline-block;*/} .globalmenu li a {line-height:29px;font-size:12px; /*text-transform:uppercase; font-weight:bold; text-decoration:none;*/} .social {margin:0 !important;padding:10px 10px 5px 4px !important; width:auto;/*display:inline-block;*/ } .social li {/*width:22px; height:20px;display:inline-block;vertical-align:top; margin:0; padding:0;font-size:12px;*/ } .social li a {/*width:20px; height:20px; float:left; display:block;margin:0; padding:0; text-decoration:none; background: url('../img/ico.fb.png') no-repeat 0 0; */ } #footer .globalmenu {padding:6px 0 5px 0;/*margin:0;*/} #footer .social {/*padding:20px 0 15px 0;margin:0;*/} .secondline {/*border-bottom: 3px solid #3281B8;background: #000;*/} .secondline .container {width:auto; max-width:800px; min-width:700px; /*margin:0 auto; position:relative;*/} #logo, #logo a {width:249px; height:77px; /*display:inline-block; vertical-align:top; text-decoration:none;*/} p.phone {margin:25px 5px 0 5px;/*display:inline-block;vertical-align:top;*/} p.phone a {display:block; padding-left:35px; height:24px; font:bold 22px/24px Arial,sans-serif; color:#fff; background: url('../img/ico.phone.png') no-repeat 0 -1px; /*text-decoration:none;*/} p.phone a:hover {background-position:0 100%;} #upmenu {background: #dcddde url('../img/blue-line2.png'); } #upmenu ul {width:auto; text-align:center; /*display:block; margin:0 auto !important;padding:0 !important; font-size:12px;*/} #upmenu ul li {display:inline-block; vertical-align:top; width:158px; height:40px;line-height:40px;float:none; } #bigbanners {width:auto; /*margin:0 auto; padding:0;*/} #bigbanners ul {/*display:block; margin:0; font-size:12px;*/} #bigbanners ul li { margin:0 0 0 0.5%; padding: 10px 0.6% 0 0.6%; width: 31%; height: auto;/*display: inline-block; vertical-align:top; */ } #bigbanners ul li a {/*text-decoration:none; display:block; margin: 0; padding:0;*/} #bigbanners ul li a img {width:100%; height:auto;/*border:0;*/ } .content-block {width:auto;padding:10px 2% 0 2%; /*margin:0 auto;padding:10px 0 0 0;*/} .content-block p strong {/*font-size:15px;*/} #footer .container {box-sizing:border-box; padding:0 2%;width:auto; max-width:800px; min-width:700px; /*margin:0 auto; padding:0; text-align:right; */} ul#cards {display:inline-block; vertical-align:top; float:left;width:auto;/*padding: 10px 0 0;margin:0;text-align:left;*/} ul#cards li {width:auto;height:auto; /*display:inline-block; vertical-align:top; margin:0;*/} ul#cards li a {width:auto;height:auto; /*display:block; text-decoration:none;*/} ul#cards li a img {width:50px ; height:auto;} .copyrights {/*background: #000;padding:12px 0 16px;*/} .copyrights .tac { padding:0 2%;width:auto; /*display:block; margin:0 auto; font: 12px/16px 'Roboto', arial,sans-serif; color:#fff;*/} /* === cat_obj ==== */ .bg_catalog_obj {padding:10px 2% 0 2%;width:auto; max-width:800px; min-width:700px; box-sizing:border-box; /*margin:0 auto;padding:12px 0 15px 0;*/ } #dlya_mobilki {width:100%; float:left;} .bg_catalog_obj div.obj_l { margin:15px 0 0px 0px; width:461px; float:left;} .bg_catalog_obj div.obj_r {padding:0 20px 40px 0px;} /*slider gallery*/ .cat_obj_pic_middle {display:block;margin:0 0 10px 0; width:459px; height:347px; font:1px/347px monospace; text-align:center; background:#fff;border:1px solid #AFB0B1;} .cat_obj_pic_middle img { vertical-align:middle;} .cat_obj_pic_middle:hover {border:1px solid #777;} div.list_carousel {position:relative;margin:0 0 12px 0; padding:0 17px 0 17px;} div.list_carousel a.prev {position:absolute;top:0;left:0;display:block;margin:0;padding:0;width:16px; height:100%;text-indent:-9999px; overflow:hidden; background:#EFEFEF url('../img/carusel_arr_l_r.png') 0 50% no-repeat;} div.list_carousel a.next {position:absolute;top:0;right:0;display:block;margin:0;padding:0;width:16px; height:100%;text-indent:-9999px; overflow:hidden; background:#EFEFEF url('../img/carusel_arr_l_r.png') 100% 50% no-repeat;} div.list_carousel a.prev:hover {background-color:#DDD;} div.list_carousel a.next:hover {background-color:#DDD;} ul.cat_obj_fotos { position:relative;margin:0;padding:0;width:318px;float:left; list-style-type:none;} ul.cat_obj_fotos li { margin:0 1px; padding:0; width:140px; height:111px; float:left; text-align:center;} ul.cat_obj_fotos li a.img {display:inline-block;margin:0;padding:0;width:138px;height:109px;font:1px/109px monospace;text-align:center;border:1px solid #ccc;} ul.cat_obj_fotos li a.img:hover {border:1px solid #777;} ul.cat_obj_fotos li a.img.active {border:1px solid #777;} ul.cat_obj_fotos li a.img img {vertical-align:middle;} /* //slider gallery*/ /*h1.h1_cat_obj {margin:0 0 8px 0; padding:0; width:100%;font:bold 24px/24px 'Roboto', Arial, sans-serif;color:#3281b8; text-transform:none;} p.proizvoditel {font:bold 14px/120% 'Roboto', Arial, sans-serif; color:#000;} p.artikul { margin:37px 0 0 0; float:right;} p.artikul span.nazvanie { font:bold 10px/120% 'Roboto', Arial, sans-serif; color:#a7a9ac; text-transform:uppercase;} p.artikul span.znachenie { font:10px/120% 'Roboto', Arial, sans-serif; color:#000;} div.line { margin:5px 0 10px 0; padding:0; height:1px; background:#309DD6;} ul.parametri { margin:0; padding:0; list-style-type:none;} ul.parametri li {margin:0 0 20px 0; padding:0;} ul.parametri li span.nazvanie { font:bold 14px/120% 'Roboto', Arial, sans-serif; color:#a8a9aa; text-transform:uppercase;} ul.parametri li span.znachenie { font:14px/120% 'Roboto', Arial, sans-serif; color:#000101;} ul.parametri li.col { display:inline-block; vertical-align:top; margin:0 10px 0 0; padding:0; width:210px;} ul.parametri li.col ul { margin:0; padding:0; list-style-type:none; text-align:left;} ul.parametri li.col ul li { margin:0 0 20px 0; padding:0;} ul.parametri li.col ul li a { } ul.parametri li.col ul li a:hover { } h2.h2_opisanie { margin:0 0 0 0; padding:0; font:bold 14px/120% 'Roboto', Arial, sans-serif; color:#a8a9aa; text-transform:uppercase;} div.box_opisanie {} div.box_opisanie p {font:14px/120% 'Roboto', Arial;color:#030304;} */ div.pokupka { margin-top:-5px; text-align:left;} div.pokupka p.artikul { margin:0; float:none;} div.pokupka span.cena { margin:0 20px 10px 0;/*display:block; */ } div.pokupka span.nalichie {margin:0 20px 5px 0; /*display:block;font:bold 14px/120% 'Roboto', Arial;color:#5bd578; text-transform:uppercase;*/} /*v korzinu obj*/ form.kup2 {margin:0 0 15px 0;} /*//v korzinu obj*/ /* === //cat_obj ==== */ /* webform */ h2.obr_svaz {/*font-size:24px; color:#329cd5;*/} form.webform {width:100%} form.webform input.textinputs {width:100%;box-sizing:border-box; /*margin:0 0 20px 0; padding:0 9px; height:40px; font-size:14px; line-height:40px; background:#fff; border:1px solid #000; font-family:'Roboto Slab', Arial, Helvetica, sans-serif;color:#333;*/} form.webform input.button { /*display:inline-block; vertical-align:top; margin:0 0 20px 0; padding:16px 31px; font:14px/120% 'Roboto', Arial;color:#fff; text-transform:uppercase; text-decoration:none; background:#309DD6; border:0 none; cursor:pointer;*/} form.webform input.button:hover {/*opacity:0.8;*/} form.webform div.box_select {width:100%; /*position:relative;margin:0 0 20px 0;padding:0; height:32px; letter-spacing:1px; font: 14px/32px 'PTSans-Narrow', Arial, Helvetica, sans-serif; color:#777; overflow:hidden; background:#fff;border:1px solid #b2b2b2; box-shadow:inset 0 3px 3px 0px rgba(0,0,0,0.1);*/} form.webform div.box_select label.knopka {/*display:block; position:absolute;top:-1px; right:-1px; width:37px; height:34px; background:#fff url('../img/cont_select_arr.png') 50% 50% no-repeat;cursor:pointer;*/} form.webform div.box_select select {/*position: relative; margin: 0; padding:0 0 0 9px; width: 436px; height: 34px;letter-spacing:1px; font: 14px/34px 'Roboto Slab', Arial, Helvetica, sans-serif; color:#333; background: none;border: none;cursor:pointer;*/} form.webform div.box_select select option {/*position:relative; top:100%; left:0;padding:5px; height:20px; line-height:20px; color:#333; width:auto;*/} form.webform textarea.textinputs {width:100%;box-sizing:border-box;/*margin:0 0 20px 0; padding:5px 9px; height:100px; background:#fff; border:1px solid #000; font: 14px/21px 'Roboto Slab', Arial, Helvetica, sans-serif;*/} /* //webform */ /* magazini */ table.magazini { /*margin:0; padding:0; border: 0 none; border-collapse:collapse;*/} table.magazini tr {} table.magazini tr td { padding:6px 0px;/* vertical-align:top; font:18px/120% 'Roboto', Arial, Helvetica, sans-serif; color:#020202;*/} table.magazini tr td p strong {/*font:bold 18px/120% 'Roboto', Arial, Helvetica, sans-serif;*/} table.magazini tr td:first-child{ /*padding-left:0px;*/ } table.magazini tr td:last-child {} table.magazini tr td:nth-child(odd) {display:block; width:100%; } table.magazini tr td:nth-child(even) {display:block; width:100%; } div.mag_map {margin:0; padding:4px; width:100%; height:378px; box-sizing:border-box; /* background:#fff; border:1px solid #000;*/} /* //magazini */ /* user login */ p.user_login_error {margin:0px 0 -10px 0px; box-sizing:border-box; /* display:inline-block;padding:10px 20px; font:18px/120% 'Roboto', Arial, Helvetica, sans-serif; color:#fff; background:#e80702; */} form.forum_avtorizaciya {margin:40px auto;width:90%;} form.forum_avtorizaciya label.text {margin:0 0 8px 0;width:100%; text-align:left; line-height:18px; /*display:inline-block; vertical-align: middle; font:18px/38px 'Roboto', Arial; color:#000; text-align:right;*/} form.forum_avtorizaciya input.text {width:100%; margin:0 0 18px 0; box-sizing:border-box; /*display:inline-block; vertical-align: middle; margin:0 10px 18px 0; padding:0 20px; width:421px; height:38px; font:18px/38px 'Roboto', Arial; color:#000; border:1px solid #000;*/} form.forum_avtorizaciya a.sub {margin:-3px 0 5px 0; width:100%; /*display:inline-block; font:18px/120% 'Roboto', Arial, Helvetica, sans-serif; color:#0c76c1;*/ } form.forum_avtorizaciya a.sub.ml {margin-left:0 !important;} form.forum_avtorizaciya input.submit {margin: 5px 0 5px 0; /*display:inline-block; padding:0; width:240px; font:24px/49px 'Roboto', Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; text-decoration:none; background:#0C76C0; border:0 none; border-radius:0;*/} form.forum_avtorizaciya input.submit:hover {opacity:0.8; cursor:pointer;} /*//user login*/ /* user forget */ /*form#forget {margin:40px 0;} /*form#forget label.radio {display:table;position:relative;margin:0 10px 12px 0;height:21px; cursor:pointer; float:left;} form#forget label.radio span {display:table-cell;vertical-align:middle; padding:0 0 0 32px; font: 14px/120% 'Roboto', Arial; color:#010101; } form#forget label.radio span i {display:block;position:absolute;top:0;left:0;width:20px;height:20px;background:url('../img/kz_radio.png') 0 100% no-repeat;} form#forget label.radio input.radio {display:none;} form#forget label.radio input.radio:checked + span {} form#forget label.radio input.radio:checked + span i {background-position:0 0;} */ /*form#forget label.text { display:block; vertical-align: middle; margin:0 10px 18px 0; width:230px; font:18px/38px 'Roboto', Arial; color:#000; text-align:right;} */ form#forget input.text { margin:0 0 18px 0; width:100%; box-sizing:border-box; /*display:block; vertical-align: middle; padding:0 20px; height:38px; font:18px/38px 'Roboto', Arial; color:#000; border:1px solid #000;*/} form#forget input#fgt_btn { margin: 5px 0 5px 0px; /*display:inline-block; padding:0 10px; width:153px;font:14px/30px 'Roboto', Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; text-decoration:none; background:#0c76c1; border:0 none;*/} /*form#forget input#fgt_btn:hover {opacity:0.8; cursor:pointer;} p.forget_sended {margin:0 auto;padding:25px; width:400px; color:#fff; font:18px/120% 'Roboto', Arial, Helvetica, sans-serif; text-align:center; background:#bcbec0;}*/ /*//user forget*/ .korzina {width:100%; padding:0 2%; box-sizing: border-box;} /* basket_all */ table.basket_all { box-sizing:border-box; /*margin:0 0 20px 0; padding:0; width:100%; border:1px solid #000; border-collapse:collapse;*/ } table.basket_all thead tr {} table.basket_all thead tr th { margin:0; padding:2%; box-sizing:border-box;font:bold 12px/120% 'Roboto', Arial;/*color:#fff; text-transform:uppercase;background:#000;*/} table.basket_all thead tr th:first-child { /*text-align:left;*/} table.basket_all thead tr th.kol_vo { width:auto; min-width:95px;} table.basket_all thead tr th.price { padding-left:0;text-align:center;} table.basket_all tbody {} table.basket_all tbody tr {} table.basket_all tbody tr td { margin:0; padding:2% 0; /*text-align:center; border-bottom:1px solid #000;*/} table.basket_all tbody tr td.img { padding-left:2%;width:auto;/*text-align:left;*/} table.basket_all tbody tr td.name { padding-left:2%;/*text-align:left;*/} table.basket_all tbody tr td.name a {font:bold 12px/120% 'Roboto', Arial;/*color:#040404; text-decoration:none;*/} table.basket_all tbody tr td.name a:hover {/*color:#f00;*/} table.basket_all tbody tr td.kol_vo {} table.basket_all tbody tr td.price { padding-left:0; font:bold 12px/120% 'Roboto', Arial;/*color:#040404; text-align:left;white-space:nowrap;*/} table.basket_all tbody tr td.dell {min-width:70px;} table.basket_all tbody tr td a.img {} table.basket_all tbody tr td a.img img { width:100%; min-width:50px; height:auto; border:1px solid #000;} table.basket_all tbody tr td a.img:hover img { border:1px solid #f00;} table.basket_all tbody tr td.dell a.kz_del {width:21px; height:21px; background-size:cover; /*display:inline-block; vertical-align:top; margin:0; padding:0; background:url('../img/kz_del.png') no-repeat;*/} table.basket_all tbody tr td.dell a.kz_del:hover { /*opacity:0.5;*/} table.basket_all tfoot {} table.basket_all tfoot tr {} table.basket_all tfoot tr td { margin:0; padding:2% 1%; text-align:left;} table.basket_all tfoot tr td.kz_all_del {} table.basket_all tfoot tr td.kz_all_del a { padding:5px 10px; font:bold 12px/120% 'Roboto', Arial; box-sizing:border-box; /*display:inline-block; vertical-align:top; margin:0; color:#fff; text-transform:uppercase; text-decoration:none; background:#309DD6; border-radius:13px;*/} table.basket_all tfoot tr td.kz_all_del a:hover { opacity:0.8;} table.basket_all tfoot tr td.text { font: 11px/120% 'Roboto', Arial;color:#231f20; text-align:right;} table.basket_all tfoot tr td.summa {font:bold 11px/120% 'Roboto', Arial;color:#231f20;white-space:nowrap; } /* kol_vo */ div.clc-row {display:inline-block;border:1px solid #D5DBE0;border-radius:5px;} div.clc-row input {display:inline-block;vertical-align:top;margin:0;padding:1px;width:38px;height:18px;text-align:center;background: #e6e7e8; border:0 none;} div.clc-row a {display:inline-block; vertical-align:top; margin:0; padding:0; width:20px; height:20px; text-decoration:none; text-indent:-99999px; overflow:hidden;} div.clc-row a.clc-left { background:url('../img/kz_lr.png') no-repeat;} div.clc-row a.clc-right {background:url('../img/kz_lr.png') 100% 0 no-repeat; } div.clc-row a.clc-left:hover, div.clc-row a.clc-right:hover { opacity:0.8; } /* //kol_vo */ /* //basket_all */ /* oformlenie */ h2.h2_oformlenie {/*margin:0;padding:10px; width:auto;font:bold 18px/100% 'Roboto', Arial;color:#000; background:#c3c7c9; border:1px solid #000; border-bottom:0 none;*/} div.oformlenie {/*margin:0 0 20px 0; padding: 15px 30px;border:1px solid #000;*/ } /* oform_cd */ div.oform_cd { /*position:relative;*/} div.oform_cd div.poyasnyalka {position:static; top:0; right:0; width:100%;margin:0 0 5px 0;} p.pravee { /*padding:0 0 0 150px;*/} div.oform_cd h3.h3_oform_cd { width:auto; margin:0 0 5px 0; font:bold 14px/120% 'Roboto', Arial;/*padding:10px 0 0 45px; color:#000; background:url('../img/oform_cd.png') 0 5px no-repeat;*/} div.oform_cd label.text { margin:0 0px 0px 0; width:100%; box-sizing:border-box; font:14px/28px 'Roboto', Arial; text-align:left;/*display:inline-block; vertical-align: middle; color:#000;*/ } div.oform_cd input.text { margin:0 10px 10px 0; width:100%; box-sizing:border-box; font:14px/38px 'Roboto', Arial; /*display:inline-block; vertical-align: middle; padding:0 20px; height:38px; color:#000; border:1px solid #000;*/} div.oform_cd textarea.text { display:inline-block; vertical-align: middle; margin:0 10px 18px 0; padding:0 20px; width:421px; height:38px; font:18px/38px 'Roboto', Arial; color:#000; border:1px solid #000;} p.user_lk {padding:0;} p.user_lk img { display:inline-block; margin:0 20px 5px 0;} p.user_lk b { display:inline-block; position:relative; bottom:3px;font: 18px/125% 'Roboto', Arial; color:#000;} /* //oform_cd */ /* oform_id */ div.oform_id { position:relative;} div.oform_id h3.h3_oform_id { margin:0 0 5px 0;padding:10px 0 10px 45px;font:bold 14px/120% 'Roboto', Arial; /*color:#000; background:url('../img/oform_dost.png') 0 5px no-repeat;*/} div.oform_id div.poyasnyalka {position:static; top:0; right:0; width:100%;margin:0 0 5px 0;} .h3_oform_id + label.radio {margin-left:0 !important; } div.oform_id label.radio {/*display:table;position:relative;margin:0 10px 12px 0;height:21px; cursor:pointer; float:left;*/} div.oform_id label.radio span {/*display:table-cell;vertical-align:middle; padding:0 0 0 32px; font: 14px/120% 'Roboto', Arial; color:#010101; */} div.oform_id label.radio span i {/*display:block;position:absolute;top:0;left:0;width:20px;height:20px;background:url('../img/kz_radio.png') 0 100% no-repeat;*/} div.oform_id label.radio input.radio {/*display:none;*/} div.oform_id label.radio input.radio:checked + span {} div.oform_id label.radio input.radio:checked + span i {/*background-position:0 0;*/} div.oform_id_tab {padding:0 0 0 25px; /*display:none; position:relative;*/} div.oform_id_tab.self { padding:0 0 0 25px; } div.oform_id_tab.self label.radio {/* float:none !important;*/} div.oform_id_tab div.poyasnyalka {position:static; top:0; right:0; width:100%;margin:0 0 5px 0;} div.oform_id_tab h4 {margin:0 0 5px 0; width:auto; font:bold 14px/120% 'Roboto', Arial;text-align:left; /* display:block; vertical-align: middle; color:#000; text-transform:none;*/} div.oform_id_tab label.text { margin:0 0px 0px 0; width:100%; box-sizing:border-box; font:14px/28px 'Roboto', Arial; text-align:left;/*display:inline-block; vertical-align: middle; color:#000; */} div.oform_id_tab input.text { margin:0 0px 8px 0; padding:0 20px; box-sizing:border-box; width:100%; font:18px/38px 'Roboto', Arial; /*display:inline-block; vertical-align: middle; height:38px;color:#000;border:1px solid #000;*/} div.oform_id_tab label.text2 {margin:0 0px 0px 0; width:100%; box-sizing:border-box; font:14px/28px 'Roboto', Arial; text-align:left; /* display:inline-block; vertical-align: top; font:18px/120% 'Roboto', Arial; color:#000; */} div.oform_id_tab textarea.text { margin:0 0px 18px 0; width:100%; box-sizing:border-box;/*display:inline-block; vertical-align: middle;padding:5px 20px; height:130px; font:18px/120% 'Roboto', Arial; color:#000; border:1px solid #000;*/} ul.podhod_adress_dost {padding:0; width:100%; box-sizing:border-box; /*display:inline-block;*/ } ul.podhod_adress_dost.otstup {/*margin:5px 0;*/} ul.podhod_adress_dost li {} ul.podhod_adress_dost li label.radio {margin:0 0px 12px 0; width:100%; box-sizing:border-box; /*display:table;position:relative;height:21px; cursor:pointer; float:left;*/} ul.podhod_adress_dost li label.radio span {/*display:table-cell;vertical-align:middle; padding:0 0 0 32px; font: 14px/120% 'Roboto', Arial; color:#010101;*/ } ul.podhod_adress_dost li label.radio span i {/*display:block;position:absolute;top:0;left:0px;width:20px;height:20px;background:url('../img/kz_radio.png') 0 100% no-repeat;*/} ul.podhod_adress_dost li label.radio input.radio {/* display:none;*/} ul.podhod_adress_dost li label.radio input.radio:checked + span {} ul.podhod_adress_dost li label.radio input.radio:checked + span i {/*background-position:0 0;*/} /* //oform_id */ /* oform_so */ div.oform_so {} div.oform_so h3.h3_oform_so { margin:0 0 5px 0;padding:10px 0 12px 45px;font:bold 14px/120% 'Roboto', Arial; /*margin:0 0 35px 0; padding:10px 0 0 45px; color:#000; background:url('../img/oform_opl.png') 0 5px no-repeat;*/} div.oform_so label.radio2 {margin:0 10px 12px 0px; /*display:table;position:relative;height:21px; cursor:pointer;*/} div.oform_so label.radio2 span {/*display:table-cell;vertical-align:middle; padding:0 0 0 32px; font: 14px/120% 'Roboto', Arial; color:#010101; */ } div.oform_so label.radio2 span i {/*display:block;position:absolute;top:0;left:0;width:20px;height:20px;background:url('../img/kz_radio.png') 0 100% no-repeat;*/} div.oform_so label.radio2 input.radio {/*display:none;*/} div.oform_so label.radio2 input.radio:checked + span {} div.oform_so label.radio2 input.radio:checked + span i {/*background-position:0 0;*/} div.oform_so label.radio2.stop span { /*text-decoration:line-through;*/ } /* //oform_so */ /* oform_kz */ div.oform_kz {} div.oform_kz h3.h3_oform_kz {margin:15px 0 5px 0;padding:10px 0 12px 45px;font:bold 14px/120% 'Roboto', Arial; /* margin:0 0 35px 0; padding:10px 0 10px 45px;font:bold 18px/120% 'Roboto', Arial; color:#000; background:url('../img/oform_koment.png') 0 5px no-repeat;*/} div.oform_kz label.comment { margin:0 0px 8px 0; width:100%; box-sizing:border-box; font:14px/28px 'Roboto', Arial; text-align:left; /*display:inline-block; vertical-align: top; color:#000;*/} div.oform_kz textarea.comment { margin:0 0px 18px 0; width:100%; box-sizing:border-box;/* display:inline-block; vertical-align: top;padding:10px 20px; height:150px; font:18px/120% 'Roboto', Arial; color:#000; border:1px solid #000;*/} /* //oform_kz */ input.submit { display:inline-block; vertical-align:top; margin:20px 0 10px 0; padding:15px 25px; font:bold 18px/120% 'Roboto', Arial;color:#fff; text-transform:uppercase; text-decoration:none; background:#309DD6; border:0 none; border-radius:13px; cursor:pointer;} input.submit:hover {opacity:0.8;} #box_pfile {margin:0 0 0 245px; width:300px; } #pfile {padding:5px;border:1px solid #000; cursor:pointer;} /* //oformlenie */ /* news ul.news {margin:0; padding:0; list-style-type:none;} ul.news li {margin:0 -12px 32px -12px; padding:0 12px 12px 12px; width:100%; float:left;} ul.news li a.title { text-decoration:none;} ul.news li a.title span.img {display:block; margin:0 25px 32px 0; padding:6px 5px; width:169px; height:97px; float:left; background:#fff; border:1px solid #CCC; border-radius:3px; box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.29); } ul.news li a.title:hover span.img { box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.4); } ul.news li a.title span.img img {} ul.news li a.title span.date {display:block; margin:0 0 2px 0;font:13px/120% 'Roboto Slab', Arial, Helvetica, sans-serif; color:#585858;} ul.news li a.title span.text {display:block; margin:0 0 12px 0; padding:0; font:16px/145% 'Roboto', Arial, Helvetica, sans-serif; text-decoration:underline;} ul.news li a.title:hover span.text { text-decoration:none;} ul.news li p { display:block; margin:0 0 5px 0; padding:0; font:14px/125% 'Roboto', Arial, Helvetica, sans-serif; color:#333F52; } ul.news li a.podrobnee {display:inline-block; margin: 5px 0; padding:0 10px; font:14px/30px 'Roboto', Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; text-decoration:none; background:#0c76c1;} ul.news li a.podrobnee:hover {opacity:0.8;} //news */ /* user lk*/ div#auth_default { margin:0 0 40px 0;} div#auth_default p.user_lk {margin:20px 0 20px 0; min-height:100px; float:none; padding:0; } div#auth_default p.user_lk img {display:inline; padding:3px; float:left; border:1px solid #999; border-radius:4px; background:#eee; box-shadow:1px 4px 5px 0px rgba(0,0,0, 0.2)} div#auth_default p.user_lk b {display:block; padding:0 0 0 140px; vertical-align:top;font:14px/150% 'Roboto', Arial, Helvetica, sans-serif; color:#000;} div#auth_default p.user_lk img + b {padding:20px 0 0 0;} div#auth_default p.menu { margin:20px 0 40px 0; padding:20px 70px 0 40px; width:100%; float:none; box-sizing:border-box; border-top:2px solid #0a77bb; border-left:0 none;} div#auth_default p.menu a {display:block; position:relative; margin:0 0 10px 0; padding:0 0 0 30px;font:18px/20px 'Roboto', Arial, Helvetica, sans-serif; color:#0a77bb; text-decoration:none;} div#auth_default p.menu a img { position:absolute; top:0; left:0;} div#auth_default p.menu a:hover {opacity:0.6;} /* //user lk*/ /*basket_orders*/ table.basket_orders {/*margin-bottom:20px;border-collapse:collapse; border:1px solid #000; */} table.basket_orders thead {display:none;} table.basket_orders tr {} /*table.basket_orders tr th {padding:3px 20px;height:45px; font:18px/120% "Roboto", Arial, Helvetica, sans-serif; color:#000102; text-align:left; text-transform:uppercase; background:#cccdd2; border:1px solid #000; border-right:1px solid #329cd5;} table.basket_orders tr th:first-child {white-space:nowrap;} table.basket_orders tr th.last {padding:0 20px !important;text-align:left;border-right:1px solid #000;} */ table.basket_orders tr td { display:block; padding:1.6% 1% 1.6% 1%; vertical-align:top; font:12px/120% "Roboto", Arial, Verdana, Helvetica, sans-serif; /*color:#3c3c3c; border:1px solid #000; border-right:1px solid #329cd5;*/} table.basket_orders tr td.last {padding:1.6% 2% 1.6% 2%;/*border-right:1px solid #000;*/} table.basket_orders tr td a.open {display:inline-block; margin:0 0 5px 0;font:14px/120% "Roboto", Arial, Verdana, Helvetica, sans-serif; /*color:#329cd5;*/ } table.basket_orders tr td table {/*border-collapse:collapse; border:1px solid #000;*/ } table.basket_orders tr td table thead {display:none;} /*table.basket_orders tr td table tr th {border:1px solid #000;} table.basket_orders tr td table tr th.third {width:100px;} table.basket_orders tr td table tr th.last {} */ table.basket_orders tr td table tr td {display:block; border:1px solid #000;} table.basket_orders tr td table tr td.first {/*border-right:1px solid transparent;*/ text-align:center;} table.basket_orders tr td table tr td.last {} table.basket_orders tr td table tr td a {/*display:inline-block; margin:0 0 5px 0;font:12px/120% "Roboto", Arial, Verdana, Helvetica, sans-serif; color:#329cd5;*/ } /*basket_orders*/ } /* //Стили для планшетов */ /* Стили для смартфонов full HD (min-width:480px;max-width:700px;) */ @media only screen and (max-width: 701px) { body {min-width:480px;max-width:700px;} div.contacts {width:100%; box-sizing:border-box;padding:12px 2% 15px 2%;} /* webform */ form.webform {width:100%} form.webform div.box_select {width:100%;} form.webform textarea.textinputs {width:100%;} /* //webform */ .bg_catalog {max-width:700px; min-width:320px;} .firstline .container {width:100%; max-width:700px; min-width:320px; } #footer .globalmenu {padding:6px 0 5px 0;} .secondline .container {width:auto; max-width:700px; min-width:320px;} #logo, #logo a {width:80px; height:67px; } #logo{padding:10px 0 10px 10px;} #logo a {background:url('../img/logo_mv.png') no-repeat;} #logo a img {display:none; } a#basket i#total-price {display:none} #footer .container {max-width:700px; min-width:320px;} ul#cards li a img {width:40px; height:auto;} #footer ul.globalmenu {padding-top:7px;} .copyrights .tac { padding:0 2%;width:auto;} .bg_catalog_obj {padding: 10px 2% 0 2%; width: auto; max-width: 700px; min-width:320px; } /*slider gallery*/ .bg_catalog_obj div.obj_r {width:100%;} .bg_catalog_obj div.obj_l {width:100%;} .cat_obj_pic_middle {display:block;margin:0 auto 10px auto; max-width:459px; width:100%; height:347px; font:1px/347px monospace; text-align:center; background:#fff;border:1px solid #AFB0B1;} .cat_obj_pic_middle img { vertical-align:middle; width:100%; height:auto;} .cat_obj_pic_middle:hover {border:1px solid #777;} div.list_carousel {position:relative;margin:0 auto 12px auto; padding:0 17px 0 17px; box-sizing:border-box; max-width:459px; width:100%;} div.list_carousel a.prev {position:absolute;top:0;left:0;display:block;margin:0;padding:0;width:16px; height:100%;text-indent:-9999px; overflow:hidden; background:#EFEFEF url('../img/carusel_arr_l_r.png') 0 50% no-repeat;} div.list_carousel a.next {position:absolute;top:0;right:0;display:block;margin:0;padding:0;width:16px; height:100%;text-indent:-9999px; overflow:hidden; background:#EFEFEF url('../img/carusel_arr_l_r.png') 100% 50% no-repeat;} div.list_carousel a.prev:hover {background-color:#DDD;} div.list_carousel a.next:hover {background-color:#DDD;} ul.cat_obj_fotos { position:relative;margin:0;padding:0;width:326px;float:left; list-style-type:none;} ul.cat_obj_fotos li { margin:0 1px; padding:0; width:140px; height:111px; float:left; text-align:center;} ul.cat_obj_fotos li a.img {display:inline-block;margin:0;padding:0;width:138px;height:109px;font:1px/109px monospace;text-align:center;border:1px solid #ccc;} ul.cat_obj_fotos li a.img:hover {border:1px solid #777;} ul.cat_obj_fotos li a.img.active {border:1px solid #777;} ul.cat_obj_fotos li a.img img {vertical-align:middle;} /* //slider gallery*/ /* news */ ul.news {/*margin:0; padding:0; list-style-type:none;*/} ul.news li {margin:0 0 32px 0; padding:0 0 12px 0; width:100%; box-sizing:border-box; float:left;} ul.news li a.title { /*text-decoration:none;*/} ul.news li a.title span.img {display:block; margin:0 15px 5px 0; /*padding:6px 5px; width:169px; height:97px; float:left; background:#fff; border:1px solid #CCC; border-radius:3px; box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.29); */} ul.news li a.title:hover span.img { /*box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.4);*/ } ul.news li a.title span.img img {} ul.news li a.title span.date {/*display:block; margin:0 0 2px 0;font:13px/120% 'Roboto Slab', Arial, Helvetica, sans-serif; color:#585858;*/} ul.news li a.title span.text {font:14px/145% 'Roboto', Arial, Helvetica, sans-serif;/*display:block; margin:0 0 12px 0; padding:0; text-decoration:underline;*/} ul.news li a.title:hover span.text {/*text-decoration:none;*/} ul.news li p { font:12px/125% 'Roboto', Arial, Helvetica, sans-serif; /*display:block; margin:0 0 5px 0; padding:0; color:#333F52; */} ul.news li a.podrobnee {/*display:inline-block; margin: 5px 0; padding:0 10px; font:12px/30px 'Roboto', Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; text-decoration:none; background:#0c76c1;*/} ul.news li a.podrobnee:hover {/*opacity:0.8;*/} /* //news */ /* =news_obj= */ .news_obj { /*position:relative;*/} .news_obj p.data {/*font: bold 13px/120% 'Roboto Slab', Arial, Helvetica, sans-serif; color:#585858;*/} .news_obj .l {width:100%; float:none; display:inline-block; /*margin:0; padding:0; width:340px; float:left;*/} .news_obj .l a.img {/*display:block;margin:0 0 12px 0;*/} .news_obj .l a.img img {} .news_obj .l p.podpis_img {margin:0 0 10px 0;font:italic 12px/125% Georgia, "Times New Roman", Times, serif; color:#333F52;} /* news_sujeti h2.news_sujeti_h2 {font:15px/120% 'Roboto', Arial, Helvetica, sans-serif; color:#000;} ul.news_sujeti {margin:0 0 40px 0; padding:0; list-style-type:none;} ul.news_sujeti li {margin:0 0 12px 0; padding:0;} ul.news_sujeti li a.title { text-decoration:none;} ul.news_sujeti li a.title span.date {display:block; margin:0 0 2px 0;font:12px/120% 'Roboto', Arial, Helvetica, sans-serif; color:#585858;} ul.news_sujeti li a.title span.text {display:block; margin:0 0 12px 0; padding:0; font:13px/135% 'Roboto', Arial, Helvetica, sans-serif; color:#1F679F; text-decoration:underline;} ul.news_sujeti li a.title:hover span.text { text-decoration:none;} news_sujeti */ .news_obj .r { padding:0 0 0 0px;} .news_obj .r p {/*font:14px/125% 'Roboto', Arial, Helvetica, sans-serif; color:#333F52;*/} .news_obj .r.w100 {/*padding:0 !important;*/} /* //=news_obj= */ ul.new_news { margin:0 auto;width:auto; max-width:480px;} } /* //Стили для смартфонов full HD (min-width:480px;max-width:700px;) */ /* Стили для смартфонов (min-width:361px;max-width:480px;)*/ @media only screen and (max-width : 481px) { body {min-width:480px;max-width:480px; } /* obr_zvon */ div#pop_up_bl, div#mssgresbox, a#minbotph, a#mask_text {display:none !important;} a.obr_zvon_open {display:block; margin:23px 5px 0 0; padding:0; width:32px; height:32px; float:right; background:url('../img/obr_ico_phone_big.png') no-repeat;} a.obr_zvon_open2 {display:none; } div#obr_zvon_form { z-index:24; position:absolute; top:100px; left:3%; margin:0 0 20px 0; padding:0 0 20px 0; width:94%; background:#FFF; } div#obr_zvon_form h4.h4_zak {margin:0; padding:0; width:100%; font:24px/65px 'Roboto', Arial, Helvetica, sans-serif; text-transform:none; color:#000; text-align:left; background:#CCC; border-bottom:3px solid #3281B8; } div#obr_zvon_form h4.h4_zak i.ico_phone { display:inline-block; vertical-align:middle; margin:0 10px 0 12px; padding:0;width:32px; height:32px; background: url('../img/obr_phone.png') 0 0 no-repeat;} div#obr_zvon_form a.obr_zvon_close { position:absolute; top:-32px; right:0; left:auto; margin:0; width:33px; height:32px; background:url('../img/obr_close.png') no-repeat;cursor:pointer;} div#obr_zvon_form a.obr_zvon_close:hover {opacity:0.9;} div#obr_zvon_form form.obr_zvon {padding:25px 15px; box-sizing:border-box;} div#obr_zvon_form form.obr_zvon label { margin:0; padding:0 0 0 10px; font: 13px/150% 'Roboto', Arial, Helvetica, sans-serif; color:#525252;} div#obr_zvon_form form.obr_zvon label i {color:#F38C08;} div#obr_zvon_form form.obr_zvon input {margin:0 0 12px 0; padding:0 10px; width:100%; font: 15px/32px 'Roboto', Arial, Helvetica, sans-serif;color:#777; box-sizing:border-box; border:1px solid #D7DEE3; background:#fff;} div#obr_zvon_form form.obr_zvon textarea {margin:0 0 50px 0; padding:0 10px; width:100%; font: 15px/32px 'Roboto', Arial, Helvetica, sans-serif;color:#777; box-sizing:border-box; border:1px solid #D7DEE3; background:#fff;} div#obr_zvon_form form.obr_zvon input.submit { display:inline-block; vertical-align:middle; margin:0; padding:0 22px; width:auto; height:40px; float:right; font: 14px/40px 'Roboto', Arial, Helvetica, sans-serif;color:#FFF; text-align:center; background:#3281B8; border:0 none; border-radius:5px; cursor:pointer; } div#obr_zvon_form form.obr_zvon input.submit:hover { opacity:0.9;} p.poyasnyalka { display:inline-block; vertical-align:middle; margin:0; font:13px/40px 'Roboto', Arial, Helvetica, sans-serif; color:#9DA5AC; } p.poyasnyalka img { display:inline-block; vertical-align:middle; margin:0 10px 0 0;} div#bg_shadow { display:none; position:fixed; top:0; left:0; z-index:23; width:100%; height:100%; background-color:rgba(0,0,0,0.5);} div#bg_shadow2 { display:none; position:fixed; top:0; left:0; z-index:1000; width:100%; height:100%; background-color:rgba(0,0,0,0.5);} div#spasibo {display:none;position:fixed; top:30%; left:50%;z-index:1001; margin:-40px 0 0 -157px; padding:0; width:359px; background:#fff; border-radius:7px 0 7px 7px;} div#spasibo a.obr_zvon_close2 {position:absolute; top:0; left:100%; margin:0; width:33px; height:32px; background:url('../img/obr_close.png') no-repeat;cursor:pointer;} div#spasibo a.obr_zvon_close2:hover { background-position:0 100%;} div#spasibo p.yspeshno {margin:0; padding:0 0 0 70px; font:16px/100px 'Roboto', Arial, Helvetica, sans-serif; text-align:center; text-transform:uppercase; background:url('../img/obr_galka.png') 20px 50% no-repeat;} div#error {display:none;position:fixed; top:30%; left:50%;z-index:1001;margin:-20px 0 0 -200px; padding:20px 60px 40px; width:400px; background:#fff;border-radius:7px 0px 7px 7px;box-sizing:border-box;} div#error a.obr_zvon_close2 {position:absolute; top:0; left:100%; margin:0; width:33px; height:32px; background:url('../img/obr_close.png') no-repeat;cursor:pointer;} div#error a.obr_zvon_close2:hover { background-position:0 100%;} div#error p {font:16px/100% 'Roboto', Arial, Helvetica, sans-serif; text-align:center; text-transform:uppercase;} div#error p.zag {margin:0 0 40px 0; font:normal 13px/100% 'Roboto', Arial, Helvetica, sans-serif; text-align:center; text-transform:none;} /* //obr_zvon */ /*yvedomit*/ /*a.open_yvedomit {display:block; margin:0 0 40px 0; padding:0 21px; clear:left; float:left; font:bold 14px/32px 'Roboto', Arial; color:#FFF; text-transform:uppercase; text-decoration:none; border-radius:5px; background:#69A3CB; background: -moz-linear-gradient(top, #69A3CB 0%, #3281B8 100%); background: -webkit-linear-gradient(top, #69A3CB 0%, #3281B8 100%); background: -o-linear-gradient(top, #69A3CB 0%, #3281B8 100%); background: -ms-linear-gradient(top, #69A3CB 0%, #3281B8 100%); background: linear-gradient(top, #69A3CB 0%, #3281B8 100%); } a.open_yvedomit:hover {opacity:0.8;} a.open_yvedomit.active {opacity:0.8;} */ div#box_yvedomit {display:none; z-index:24; position:absolute; top:100px; left:3%; margin:0 0 20px 0; padding:0 0 20px 0; width:94%; background:#FFF; } div#box_yvedomit h4.h4_zak {margin:0; padding:0 0 0 12px; width:100%; font:22px/65px 'Roboto', Arial, Helvetica, sans-serif; text-transform:none; color:#000; text-align:left; background:#CCC; border-bottom:3px solid #3281B8; box-sizing:border-box; } div#box_yvedomit a.yvedomit_close { position:absolute; top:-32px; left:auto; right:0; margin:0; width:32px; height:32px; background:url('../img/obr_close.png') no-repeat;cursor:pointer;} div#box_yvedomit a.yvedomit_close:hover {opacity:0.9;} div#box_yvedomit form.yvedomit {padding:25px 25px; box-sizing:border-box;} div#box_yvedomit form.yvedomit label { margin:0; padding:0 0 0 10px; font: 13px/150% 'Roboto', Arial, Helvetica, sans-serif; color:#525252;} div#box_yvedomit form.yvedomit label i {color:#F38C08;} div#box_yvedomit form.yvedomit input {margin:0 0 12px 0; padding:0 10px; width:100%; font: 15px/32px 'Roboto', Arial, Helvetica, sans-serif;color:#777; box-sizing:border-box; border:1px solid #D7DEE3; background:#fff;} div#box_yvedomit form.yvedomit textarea {margin:0 0 50px 0; padding:0 10px; width:100%; font: 15px/32px 'Roboto', Arial, Helvetica, sans-serif;color:#777; box-sizing:border-box; border:1px solid #D7DEE3; background:#fff;} div#box_yvedomit form.yvedomit input.submit { display:inline-block; vertical-align:middle; margin:0; padding:0 22px; width:auto; height:40px; float:right; font: 14px/40px 'Roboto', Arial, Helvetica, sans-serif;color:#FFF; text-align:center; background:#3281B8; border:0 none; border-radius:5px; cursor:pointer; } div#box_yvedomit form.yvedomit input.submit:hover { opacity:0.9;} div#box_yvedomit form.yvedomit p.poyasnyalka { display:inline-block; vertical-align:middle; margin:0; font:13px/40px 'Roboto', Arial, Helvetica, sans-serif; color:#9DA5AC; } div#box_yvedomit form.yvedomit p.poyasnyalka img { display:inline-block; vertical-align:middle; margin:0 10px 0 0;} /* //box_yvedomit */ p.phone {margin:25px 5px 0 5px;/*display:inline-block;vertical-align:top;*/} p.phone a {display:block; padding-left:30px; height:24px; font:bold 18px/24px Arial,sans-serif; color:#fff; background: url('../img/ico.phone.png') no-repeat 0 -1px; /*text-decoration:none;*/} p.phone a:hover {background-position:0 100%;} ul.news li {text-align:center;} ul.news li a.title span.img { margin:0 auto 5px auto;float:none;} /* basket_all */ table.basket_all thead {display:none;} table.basket_all tbody tr td{display:block; padding-left:2%;width:auto;text-align:center !important;} table.basket_all tbody tr td.img a.img {display:inline;} table.basket_all tbody tr td.img a.img img {display:inline;max-width:160px; max-height:auto; width:auto;} table.basket_all tfoot tr td {display:block; padding-left:2%;width:auto; text-align:center !important;} /*// basket_all */ /* =news_obj= */ .news_obj .l a.img {margin:0 auto 12px auto; /*display:block;*/} .news_obj .l a.img img {} /* //=news_obj= */ /*slider gallery */ .cat_obj_pic_middle {display:block;margin:0 auto 10px auto; width:90%; height:222px; font:1px/222px monospace; text-align:center; background:#fff;border:3px solid #C6C6C6;} .cat_obj_pic_middle img { vertical-align:middle; width:auto !important; height:auto !important; max-width:100% !important; max-height:100% !important;} .cat_obj_pic_middle:hover {border:3px solid #777;} div.list_carousel {position:relative;margin:0 0 12px 0; padding:0 10px 0 10px; width:auto;} div.list_carousel a.prev {position:absolute;top:0;left:0;display:block;margin:0;padding:0;width:9px; height:100%;text-indent:-9999px; overflow:hidden; background:#EFEFEF url('../img/carusel_arr_l_r.png') 0 50% no-repeat;} div.list_carousel a.next {position:absolute;top:0;right:0;display:block;margin:0;padding:0;width:9px; height:100%;text-indent:-9999px; overflow:hidden; background:#EFEFEF url('../img/carusel_arr_l_r.png') 100% 50% no-repeat;} div.list_carousel a.prev:hover {background-color:#DDD;} div.list_carousel a.next:hover {background-color:#DDD;} ul.cat_obj_fotos { position:relative;margin:0;padding:0;width:296px;float:left; list-style-type:none;} ul.cat_obj_fotos li { margin:0 3px; padding:0; width:85px; height:70px; float:left; text-align:center;} ul.cat_obj_fotos li a.img {display:inline-block;margin:0;padding:0;width:85px;height:68px;font:1px/68px monospace;text-align:center;border:1px solid #ccc;} ul.cat_obj_fotos li a.img:hover {border:1px solid #777;} ul.cat_obj_fotos li a.img.active {border:1px solid #777;} ul.cat_obj_fotos li a.img img {vertical-align:middle; max-width:100%; max-height:100%;} /* //slider gallery*/ } /* //Смартфоны для смартфонов (min-width:361px;max-width:480px;) */ /* Стили для смартфонов full HD (min-width:321px;max-width:360px;)*/ @media only screen and (max-width : 381px) { body {min-width:321px;max-width:380px; } img.pic { max-width:100%; box-sizing:border-box;} img.leftpic {margin:0px auto !important; float:none !important;} img.rightpic {margin:0px auto !important; float:none !important;} /* obr_zvon */ a.obr_zvon_open {display:none;} a.obr_zvon_open2 {display:block; position:absolute; top:0; left:165px; margin:0; padding:0; width:29px; height:29px; background:url('../img/obr_ico_phone_min.png') 50% 50% no-repeat;} /* //obr_zvon */ /* =news_obj= */ h1.h1_news_obj { padding-right:0; width:auto; } .news_obj .l a.img img {width:100%; height:auto; max-width:337px;} /* //=news_obj= */ /* menu_prev */ ul.menu_prev {position:static; right:0; top:0;margin:0 0 20px 0; /*padding:0; list-style-type:none;*/} /*ul.menu_prev li {display:inline-block; margin:10px 0 0 0; padding:0;}*/ ul.menu_prev li a { font:bold 14px/120% 'Roboto Condensed', Arial, Helvetica, sans-serif; /*color:#F00; text-decoration:none;*/} /*ul.menu_prev li a:hover { color:#000;} ul.menu_prev li a.active { color:#000; text-decoration:none;}*/ /* //menu_prev */ ul.category_top {margin-left:0 !important;} ul.category_top li {} ul.category_top li ul.category {margin:0 -2% 40px -2% !important;} ul.category_top li ul.category li {} .show_m {display:inline-block;} div.contacts {width:100%; box-sizing:border-box;padding:12px 2% 15px 2%;} /* webform */ form.webform {width:100%} form.webform div.box_select {width:100%;} form.webform textarea.textinputs {width:100%;} /* //webform */ .bg_catalog {max-width:380px; min-width:320px; padding:12px 2% 15px 2%;} .firstline .container {width:100%; max-width:380px; min-width:320px; height:29px; background:#fff;} .secondline {/*position:fixed; top:20px;*/ width:100%;height:77px; z-index:20;} .secondline .container {position:static; margin:0;width:auto; max-width:380px; min-width:320px;} /* костыли, чтобы не лагало под айфоном .secondline.fixed {position:fixed;top:0px;left:0px;} #float {width:320px; height:80px;} //костыли, чтобы не лагало под айфоном*/ .thirdline_mv {display:block; margin:0 0 20px 0; max-width:380px; min-width:320px; height:41px; background:#C3C7CA; border-bottom:3px solid #3180B8;} #logo{padding:5px 0 5px 10px;} .globalmenu {display:block; position:absolute; top:153px; left:0; margin:0;padding:0;width:100%; height:20px; text-align:center; background:#fff; border-bottom:3px solid #3180B8;} .globalmenu li {padding:0 2px;} .globalmenu li a { font:bold 12px/20px 'Roboto', Arial, sans-serif;color:#3281b8;} .globalmenu li a:hover { opacity:0.8;} .social {margin:0 !important;padding:5px 10px 5px 4px !important; width:auto; } p.phone { display:block; position:absolute; top:0; left:10px; margin:0; padding:0; } p.phone a {display:block; padding-left:20px; height:29px; font:bold 15px/29px Arial,sans-serif; color:#000; background: url('../img/phone_mv.png') 0 0 no-repeat; background-size:13px auto; /*text-decoration:none;*/} p.phone a:hover {background-position:0 100%;} #user-enter {display:block; position:absolute; top:114px; right:80px; z-index:2; margin:0; padding:0;width:29px; height:30px; float:none;} #user-enter a {display:block; margin:0; padding:0; width:29px; height:30px;background: url('../img/aut_mv.png') no-repeat;} #user-enter a:hover {opacity:0.8;} #page-basket {display:block;position:absolute; top:111px; right:19px; z-index:2; margin:0; padding:0; width:48px; height:34px; float:none;} a#basket {display:block; position:relative; margin:0; padding:0; width:48px; height:34px; background: url('../img/korz_mv.png') no-repeat; } a#basket i#total-amount {display:block; position:absolute; top:0px; right:-2px;margin:0; padding:0; width:12px; height:12px; font:bold 8px/12px Arial; color:#fff; text-align:center; border-radius:50%;} a#basket:hover i#total-amount{opacity:0.8;} a#basket.active i#total-amount{background-color:#FFCD2B; color:#313437} a#basket i#total-price {display:none;} #search-block {display:none;} #bigbanners ul li { margin:0 0 0 0.5%; padding: 10px 0.6% 0 0.6%; width: 47%; height: auto;} .content-block {width:auto;padding:10px 2% 0 2%; /*margin:0 auto;padding:10px 0 0 0;*/} .content-block h1 {font-size:15px;line-height:120%;} #footer .container {position:relative; box-sizing:border-box; margin:24px 0 0 0; padding:0 2%;width:auto; max-width:380px; min-width:320px; } #footer ul.globalmenu { position:absolute; top:-24px; left:0; margin:0; padding:0;} ul#cards {margin:0; padding:5px 0;} ul#cards li a img {width:auto ; height:30px;} #footer ul.social {margin:0; padding:10px 0 !important;} .copyrights .tac { padding:0 2%;width:auto;} #recall-block {position:absolute;top:119px;left:9px;opacity:1;z-index:2;width:161px;height:20px;background-color:#fff;overflow:hidden;box-shadow:none; border:1px solid #E3E3E3;} #recall-in {width:100%;margin:0; padding:0; position:static;} #recall-close {display:none;} #recall-block .label{display:none;} #recall-block .input{position:relative;margin:0;width:100%;height:20px;background:none; } #recall{ margin:0; padding:0 20px 0 14px;width:125px;height:20px; font:8px/20px Arial; color:#000; background:none;} #recall-btn{display: block;position:absolute;top:0px;right:4px;width:15px; height:20px; background:url('../img/lupa_mv.png') 50% 50% no-repeat; border:0 none; border-radius;none;} #recall-btn:hover{ opacity:0.8; background:url('../img/lupa_mv.png') 50% 50% no-repeat;} a.cd-nav-trigger {display:block; position:absolute; top:48px; right:10px; z-index:21; margin:0; padding:0; width:51px; height:40px; background:url('../img/ico_menu_new.png') no-repeat; overflow:hidden; text-indent:-999px; cursor:pointer;} a.cd-nav-trigger:hover {opacity:0.8;} a.cd-nav-trigger.active2 {background-position:0 100%;} #upmenu {position: absolute;top:110px;right:-260px;z-index:25;margin:0;padding:0;width:260px;height:auto;overflow:auto; background:none; -webkit-overflow-scrolling: touch; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); transition: transform .6s 0.2s; } #upmenu.active { height:100%; overflow:auto; -webkit-overflow-scrolling: touch; -webkit-transform: translateX(-260px); -moz-transform: translateX(-260px); -ms-transform: translateX(-260px); -o-transform: translateX(-260px); transform: translateX(-260px); transition: transform .6s 0.2s; /* */ } #upmenu ul {display:inline-block; width:260px; margin:0!important;padding:0 !important; background: #dcddde url('../img/blue-line2.png');} #upmenu ul li {display:table; vertical-align:top; width:260px; height:40px;line-height:40px; float:left;} #upmenu ul li a {display:table-cell;vertical-align:middle;width:130px;height:40px;text-align:center; font:12px/16px 'Roboto', Arial, sans-serif; color:#000; text-decoration:none; text-transform:uppercase;margin:0 !important;padding:0 !important;} #upmenu ul li:hover { background: #3281b8;} #upmenu ul li:hover a {color:#fff;} #upmenu ul li.active { background: #3281b8;} #upmenu ul li.active a {color:#fff;} #float.active {width:320px; height:80px;} #scroll_menu.active {position:fixed;top:0px;left:0px;} #user-enter.active {position:fixed;top:28px;right:90px;} #page-basket.active {position:fixed;top:25px;right:130px;} .cd-nav-trigger.active {position:fixed;top:20px;right:10px;} /* === cat_obj ==== */ .bg_catalog_obj {padding:10px 2% 0 2%;width:auto; max-width:380px; min-width:320; /*margin:0 auto;padding:12px 0 15px 0;*/ } .bg_catalog_obj div.obj_l { margin:15px 0 0 0; width:100%; float:left;} .bg_catalog_obj div.obj_r {padding:0;} /*slider gallery */ .cat_obj_pic_middle {display:block;margin:0 auto 10px auto; width:290px; height:222px; font:1px/222px monospace; text-align:center; background:#fff;border:3px solid #C6C6C6;} .cat_obj_pic_middle img { vertical-align:middle; max-width:100%; max-height:100%;} .cat_obj_pic_middle:hover {border:3px solid #777;} div.list_carousel {position:relative;margin:0 0 12px 0; padding:0 10px 0 10px; width:auto;} div.list_carousel a.prev {position:absolute;top:0;left:0;display:block;margin:0;padding:0;width:9px; height:100%;text-indent:-9999px; overflow:hidden; background:#EFEFEF url('../img/carusel_arr_l_r.png') 0 50% no-repeat;} div.list_carousel a.next {position:absolute;top:0;right:0;display:block;margin:0;padding:0;width:9px; height:100%;text-indent:-9999px; overflow:hidden; background:#EFEFEF url('../img/carusel_arr_l_r.png') 100% 50% no-repeat;} div.list_carousel a.prev:hover {background-color:#DDD;} div.list_carousel a.next:hover {background-color:#DDD;} ul.cat_obj_fotos { position:relative;margin:0;padding:0;width:296px;float:left; list-style-type:none;} ul.cat_obj_fotos li { margin:0 3px; padding:0; width:85px; height:70px; float:left; text-align:center;} ul.cat_obj_fotos li a.img {display:inline-block;margin:0;padding:0;width:85px;height:68px;font:1px/68px monospace;text-align:center;border:1px solid #ccc;} ul.cat_obj_fotos li a.img:hover {border:1px solid #777;} ul.cat_obj_fotos li a.img.active {border:1px solid #777;} ul.cat_obj_fotos li a.img img {vertical-align:middle; max-width:100%; max-height:100%;} /* //slider gallery*/ .bg_catalog_obj ul.catalog {margin:0;text-align:center;} /* === //cat_obj ==== */ .box_all_content {position:relative;overflow:hidden;width:100%;} .box_all_content.active {position:absolute;height:100%;} /* paging */ ul.paging {margin:10px 0; padding:2%;} ul.paging li {margin:1px; padding:0; } ul.paging li a { margin:0; padding:0 5px; min-width:20px; font:10px/30px 'Roboto', Arial, Helvetica, sans-serif; } ul.paging li strong { padding:0 5px; min-width:20px; font:10px/30px 'Roboto', Arial, Helvetica, sans-serif;} ul.paging li.prev {margin:1px; padding:0 0 0 4%;} ul.paging li.prev a { font:10px/30px 'Roboto', Arial, Helvetica, sans-serif;} ul.paging li.next {margin:1px; padding:0 4% 0 0; } ul.paging li.next a {font:10px/30px 'Roboto', Arial, Helvetica, sans-serif;} /* //paging */ ul.new_news { margin:0 auto;width:240px;} } /* Стили для смартфонов full HD (min-width:321px;max-width:380px;) */ /* Стили для смартфонов (min-width:320px; max-width:320px;) */ @media only screen and (max-width : 321px) { body {min-width:320px; max-width:320px; } } /* //Смартфоны (min-width:320px; max-width:320px;) */ div.pp_default .pp_nav {margin-right:20px !important;} div.pp_default .currentTextHolder {margin-left:20px !important;} p.p_si {position:absolute; top:0; left:0;} /**/ div.info {position:fixed; top:10px; left:10px; padding:10px; background:#ccc;} .red {background:#0ff;} /**/ a#admin { display:block;position:absolute; top:10px; left:10px; margin:0; padding:10px; width:200px; background:#fff; text-decoration:none; opacity:0.8; border-radius:5px;} a#admin:hover {opacity:1;} /**/