/*###############################################*/ /*############ http://democms.ru ################*/ /*###############################################*/ html {margin:0;padding:0;height:100%} body {margin:0;padding:0;height:100%;font:12px Tahoma;color:#5c5c5c;background:#eeeeee;} #container {min-height:100%;position:relative;width:1135px;margin:0 auto;margin-top:-471px !important;} /*################# ???? ???##############*/ h1 {color:#3f5c7a;font:bold 28px Tahoma;margin:0 0 15px -1px;line-height:36px} h2 {color:#3f5c7a;font:18px Tahoma;margin-bottom:15px;} h3 {color:#3f5c7a;font:16px Tahoma;margin-bottom:15px;} p {font:12px Tahoma;margin-bottom:15px} hr {color:#C8C8C8;background-color:#C8C8C8;height:1px;border-width:0px;margin:10px 0 10px 0;clear:both;} a {outline-style:none;color:#2D67BE;border:none;text-decoration:underline} textarea {border:1px solid #737272;background:#ffffff;width:478px;margin-left:10px;height:100px} ol {margin-left:19px} em {font-style:italic} strong {font-weight:bold} a {outline:none;} iframe a {color:#0C83D3 !important} /*ul li a {display:block}*/ ol li {list-style:decimal;margin-bottom:5px;} li ul li {margin-top:5px;} li ol li {margin-top:5px;} .genbg {height:471px;width:100%;background:url(/img/genbg.jpg) repeat-x;} /*################## ??? #####################*/ #header {float:left;width:1135px;height:465px;background:url(/img/header.jpg) 0px 0px no-repeat #fff; position:relative;margin:0 0 15px 0} .logo {position:absolute;width:189px;height:170px;top:15px;left:41px;cursor:pointer} .hadress {width:205px;float:left;margin:27px 0 0 10px;position:relative;line-height:18px} .hcontacts {float:left;display:block;width:15px;height:15px;margin:4px 27px 0 0;float:left} .hsitemap {float:left;display:block;width:15px;height:15px;margin:4px 0 0 0;float:left} .hhome {float:left;display:block;width:15px;height:15px;margin:4px 28px 0 3px} .hm {position:absolute;top:7px;right:173px;} .hmbg {width:134px;height:44px;position:absolute;right:18px;top:-5px} .hms {width:115px;height:25px;float:left;background:url(/img/hms.png) no-repeat;position:absolute;top:5px;right:27px;z-index:6} .hms1 {width:115px;height:25px;float:left;background:url(/img/hms1.png ) no-repeat;position:absolute;top:5px;right:27px;z-index:6} .hms2 {width:115px;height:25px;background:url(/img/hms2.png ) no-repeat;position:absolute;top:5px;right:27px;z-index:6} .hms3 {width:115px;height:25px;float:left;background:url(/img/hms3.png ) no-repeat;position:absolute;top:5px;right:27px;z-index:6} /*################# ??????############*/ #left {width:290px;float:left;position:relative;margin-top:0px;padding:4px 0 40px 0;z-index:20;} #left ul li a {text-decoration:underline;} #left ul li a:hover {text-decoration:none;} #left ul li{list-style:none;margin-left:0} .lefttext {float:left;margin-top:-190px;margin-left:35px;position:relative;z-index:2;min-height:300px} .lefttext2 {float:left;margin-top:-190px;margin-left:35px;position:relative;z-index:2;min-height:300px} .lefttext2 a {color:#e7ffaa !important} .lmenu {float:left;margin-left:20px;margin-bottom:20px} .lmenu1 {background:url(/img/lmenu1.png) no-repeat;width:235px;height:10px;float:left} .lmenu2 {background:url(/img/lmenu2.png) repeat-y #fff;width:235px;float:left;min-height:100px} .lmenu3 {background:url(/img/lmenu3.png) no-repeat;width:235px;height:10px;float:left} .leftm {float:left;display:block;width:176px;margin-left:28px;text-decoration:none;font:14px Tahoma;color:#000} .leftm li {border-top:1px dotted #c7c6c5;padding:5px 0 7px 0} .leftm li a {text-decoration:none;font:14px Tahoma;color:#000} .leftm li span {font-weight:bold;color:#361d09} /*################# ???????############*/ #right {width:780px;float:left;position:relative;margin-top:-130px;padding:5px 0px 40px 32px;text-align:left;z-index:2;} #right p {line-height:18px;} .rightcontent {float:left;display;block;position:relative;width:700px;padding-bottom:40px;margin-left:-18px;} .imgcat {border:2px solid #dadada;float:left;margin:0 15px 10px 0} #right a:hover {text-decoration:underline;} .rh1 {font:28px Tahoma;color:#361d09;display:block;float:left;margin-top:2px;margin-bottom:12px} .n1 {border-top:1px solid #c8c8c8;height:1px;width:100%;display:block;float:left;margin-bottom:5px;} .lnews1 {float:left;background:url(/img/news1.png) no-repeat;width:668px;height:4px} .lnews2 {float:left;background:url(/img/news2.png) repeat-y #ded2c9;width:668px} .lnews3 {float:left;background:url(/img/news3.png) no-repeat;width:668px;height:4px} #right img {max-width:710px } /*##################### ???###############*/ #footer {width:1120px;height:100px;float:left;position:absolute;bottom:0px;padding-top:15px;left:15px;overflow: hidden;} #foot {height:100px;clear:both} .footermenu {float:left;display:block;margin-top:23px;margin-left:75px} .footermenu ul {float:left;display:block} .footermenu li {float:left;display:block;margin-right:7px;margin-left:7px} .footermenu a {float:left;display:block;color:#3f3f3f;font:10px Tahoma} .selected1 {text-decoration:underline} .footdev {display:block;float:left;border-left:1px solid #3f3f3f;width:1px;height:12px} .lastli {display:block;float:left;width:10px;height:12px;background:#eeeeee;margin-left:-7px} .nmcopy {width:140px;height:32px;background:url(/img/nmcopy.png) no-repeat;float:right;margin-top:16px} .nmcopyinner {width:140px;height:32px;background:url(/img/nmcopy.png) no-repeat;float:left;margin:16px 0 0 50px} .nmcopyinner a {text-decoration:underline} .nmcopy a {text-decoration:underline} .fnmlink {color:#0c83d3 !important;font:11px Tahoma;margin-left:40px;margin-top:16px;float:left;text-decoration:underline !important} .nmlink {color:#d8d8d8;font:12px Tahoma} .fnm {color:#D8D8D8;font:12px Tahoma;margin-left:30px;text-decoration:none;} .nmlogo {text-align:right;float:right;width:190px;/*height:57px;*/margin-top:8px;margin-right:25px;background:url(/img/log.png) right 17px no-repeat;padding-top: 40px;} /*################# ???{exec name="search"}####################*/ .search {width:165px;height:23px;position:absolute;right:15px;top:230px} .s {width:165px;float:left;margin:2px 0 0 2px} .sin1 {float:left;display:block;border:none;color:#c3bfbf;margin:2px 0 0 10px;font:10px Tahoma} .sin2 {width:20px;height:18px;float:right;display:block;margin:0 5px 0 0;cursor:pointer;border:none} /*################## ?? ?????{exec name="navmenu"}###############*/ .nav {position:absolute;left:300px;top:17px;width:630px;z-index:7;text-align:center;display: inline-block;vertical-align: middle;} .navbg1 {position:absolute;height:44px;width:100%;top:0px} .headermenu {position:relative;display:block;top:0px} .headermenu li {list-style-type: none;margin-left:0px;display:block;float:left} .headermenu li a {font:normal 14px Tahoma;color:#fff;margin-top:14px;display:block;float:left; text-decoration:none;text-decoration:underline;} .selected {color:#fab015 !important;text-decoration:none !important} .dev20 {background:url(/img/dev20.png) no-repeat;width:3px;height:60px;float:left} .dev21 {background:url(/img/dev20.png) no-repeat;width:3px;height:60px;float:left;display:block} .hand {display: none;} /*################## ?? ???? {exec name="fmenu"}###############*/ .menuBttm li {display: inline;color:#164fac;font:bold 12px Tahoma;margin-right:0px;margin-left:3px !important} .menuBttm li a {color: #0c83d3;font:normal 12px Tahoma} .dev2 {height:7px;float:left;width:100%} .fm {float:left;width:200px;margin:9px 0 0 70px} .menuBttm {float: left;width:570px;margin-top:14px;left:100px;position:absolute} /*################## ????{exec name="news"}#################*/ .newsbout {width:200px;float:left;margin-bottom:20px;position:relative} .newsnext {position:relative;margin-top:5px;display:block;width:75px; color:#934405;font:12px Tahoma;text-decoration:underline !important} .arrow {width:5px;height:5px;float:right;background:url(/img/arrow.png) no-repeat;display:block;margin:6px 0 0 2px} .arrow2 {width:7px;height:7px;background:url(/img/arrow.png) no-repeat;position:absolute;margin-left:0px;top:7px;right:-3px} .newsnext1 {float:left;text-align:left;display:block;font:normal 14px Tahoma;color:#1673d3;clear:both; margin:15px 0 5px 0;width:700px;padding-top:7px} .newsnext2 {float:left;display:block;position:absolute;bottom:30px;left:0px;color:#4ebce7;font:12px Tahoma; text-decoration:underline !important} .allnews {float:right;display:block;color:#b61202;font:bold 11px Tahoma;margin-top:15px} .newsbdate {font:normal 12px Tahoma;margin-bottom:0px;display:block;clear:both;padding-top:15px;margin-bottom:10px} .newsbdate1 {font:12px Tahoma;margin-bottom:3px} .newsbdate1 span {background:#361d09;color:#fff} .rh3 {font:28px Tahoma;color:#361d09;display:block;float:left;margin:2px 0 12px 17px} .newsbcontent {color:#222020;font:12px Tahoma;text-align:left;line-height:18px;float:left;display:block;margin-top:-10px} .newsblock {float:left;width:190px;margin:0 0 20px 25px} .newsh1 {float:left;display:block;color:#222020;font-size:24px} .newstit {width:700px;float:left;display:block;margin:2px 0 12px 6px;clear:both} .lnews {float:left;margin:-9px 0 20px 0} .newstitle {display:block;float:left;color:#3079d3;font:bold 14px Tahoma;margin:0 0 0px 0} .newsbg1 {background:#f8fafc;float:left;margin:20px 0 10px 0;width:655px;padding:20px 30px 20px 45px} /*############ ???? ?????############*/ #page_navi {float:left;margin:5px 0 30px 0} #page_navi a {float:left;display:block;margin-right:5px;color:#333333 !important; text-decoration:underline !important} #page_navi span {float:left;display:block;margin-right:5px} .prev1 {float:left;display:block;text-decoration:underline !important} /*############ ?????????############*/ .catpages {float:left;width:730px;margin:-15px 0 30px 100px;text-align:center} .pages {display:block;margin:0 auto;width:300px;height:25px} .pages li {float:left;display:block;padding-top:4px} .pages li div {margin-right:12px} .current div {margin-left:9px} .pages li a {color:#010101} .current {float:left;display:block;margin-right:10px;width:26px;height:21px;background:url(/img/page3.png) no-repeat;padding-top:4px; text-align:center;color:#fff} .in {float:left;display:block;margin-right:5px;width:19px;height:16px;background:url(/img/page4.png) no-repeat;text-align:center} .current1 {float:left;display:block;margin-right:5px;width:19px;height:16px;background:url(/img/page1.png) no-repeat;text-align:center;color:#ffffff} .in1 {float:left;display:block;margin-right:5px;width:19px;height:16px;background:url(/img/page2.png) no-repeat; text-align:center} .in a {color:#361D09 !important} .next {float:left;display:block;margin-right:5px;margin-left:20px} .next a {float:left;display:block;text-decoration:underline !important;color:#010101;padding-right:10px; background:url(/img/ar20.png) right 6px no-repeat;} .prev {float:left;display:block;margin-right:20px} .prev a {float:left;display:block;text-decoration:underline !important;background:url(/img/ar21.png) left 6px no-repeat;padding-left:10px;} /*################# ????{exec name="catalog"}#################*/ .cattext {float:left;width:173px;margin-top:3px;float:left} .cattext a {color:#ffcb6b;font:14px Arial;margin-bottom:8px;margin-top:3px;float:left} .contf {color:#737272;font:12px Tahoma;width:130px;float:left;margin-top:3px;margin-left:2px} .contf1 {font:12px Tahoma;color:#3a3a3a} .conf {color:#737272;font:12px Tahoma;width:80px;float:left;margin-top:0px;margin-left:2px} .conf1 {font:12px Tahoma;color:#3a3a3a;padding-left:10px} .r1 {margin-left:20px;margin-bottom:20px;display:block} .continp {border:1px solid #737272;margin-bottom:4px;background:#ffffff;width:478px;margin-left:10px} .continp2 {border:1px solid #737272;margin-bottom:4px;background:#ffffff;width:94px;text-align:center;margin-left:10px} .cap {margin-top:6px;margin-left:10px} .butt {background:url(/img/send.png) no-repeat;width:81px;height:27px;float:left;display:block;margin:5px 0 0 10px} .goods2 {margin-bottom:4px} .goods2 a {font-size:16px} .breadcrumbs {margin-bottom:20px;width:685px;height:37px;background:url(/img/crumbs-bg.png) no-repeat;padding:25px 0 0 30px;margin-top:8px} .readmore {float:left;display:block;clear:both;margin-bottom:20px} .catimg {border:2px solid #c7c6c5;float:left;margin:0 20px 10px 0} .newsblock1 {float:left;margin-top:0 !important;margin-right:20px;margin-bottom:15px;width:650px} .itemannon {font:bold 12px Tahoma;display:block;width:650px;margin-bottom:15px} .title3 {margin-left:8px} .itemdescription {float:left;display:block;width:500px} .screenshot {float:left;display:block;margin-right:10px;border-left:2px solid #d5d5d5;border-top:2px solid #c1c1c1; border-right:2px solid #d5d5d5;border-bottom:2px solid #c1c1c1} .catlv1box1 {background:url(/img/catlev1bg1.png) no-repeat;float:left;width:381px;height:286px;margin:0 30px 10px 0} .catlv1box1 img {margin:4px 0 0 5px} .catlv2box1 {clear:both;margin:10px 0 0 0;float:left} .catlv2box1 img {border:5px solid #1981f9;display:block;float:left;margin:0 20px 10px 0} .catlv2box2 {float:left;margin:0px 0 0 0;width:430px} /*############# ?? ???? {exec name="catmenu"}#############*/ .ul1 {display:block;float:left;margin-left:3px} .ul1 li {padding-top:5px} .ul1 .li1, .li2 {border-top:1px dotted #c7c6c5;margin-left:0px;list-style-type:none} .li1 {color:#0867a5;font:bold 12px Tahoma;padding:0;margin:0 0 8px 0;display:block;float:left;width:185px;} .li1 span {padding-right:15px;background:url(/img/catarrow2.png) no-repeat 0% 60%;padding-left:15px;margin-top:5px;display:block} .li1 a{padding-right:15px;background:url(/img/catarrow2.png) no-repeat 0% 60%;padding-left:15px;margin-top:5px;display:block;color:#0867A5 !important} .li2 {font:12px Tahoma;padding:0;display:block;float:left;width:185px;margin-bottom:7px;} .li2 a {color:#0c83d3 !important;padding-right:15px;display:block;float:left;text-decoration:none;font:12px Tahoma; background:url(/img/catarrow1.png) no-repeat 0% 60%;padding-left:15px;text-decoration:underline !important;margin-top:5px} .li2 span {font-weight:bold;} .ul2 {display:block;float:left;margin-left:16px !important} .li3 {font:12px Tahoma;display:block;float:left;width:173px;margin-bottom:8px} .li3 span {font-weight:bold} .li3 a {color:#0867a5 !important;padding-left:5px;margin-top:3px;display:block} .ul3 {display:block;float:left;margin-left:-15px !important} .li4 {display:block;float:left;width:200px;font:12px Tahoma;margin-bottom:8px} .li4 a {color:#0867a5 !important;margin-left:35px;padding-left:10px;display:block} .li4 span {color:#0867a5 !important;padding-left:40px;width:160px;display:block} .li5 {display:block;float:left;width:150px;font:bold 12px Tahoma;color:#0867a5 !important;margin-bottom:8px} .li5 span {padding-left:5px} .li5 a {padding-left:5px;color:#0867A5 !important;display:block;float:left;width:173px} .catleft {float:left;margin-left:26px} .arrow3 {float:left;display:block;background:url(/img/arrow4.png) no-repeat;width:7px;height:7px} /*################# ???????? ????####################*/ /*######## ?? ?????? ???? {exec name="hadress"}############*/ .hphones {position:absolute;top:133px;right:80px;width:250px} .ph1 {float:right;width:240px;font:normal 30px Georgia;color:#fff;margin-bottom:11px} .ph2 {float:right;width:200px;font:normal 30px Georgia;color:#361d09} .phtext {font:bold 20px Georgia !important;color:#fff !important} /*######## ?? ?????? ???? {exec name="copyright"}############*/ .fcopy {width:220px;float:left;margin:10px 20px 0 -10px} .fcopy1 {color:#838488;margin-top:15px;float:left;font:12px Tahoma;display:block;margin-left:55px} .fcopy2 {color:#909090;margin-top:10px;float:left;font:12px Tahoma;display:block} .fcopy2 a {color:#4ebce7} .cop {top:38px;left: 0;display:block;position:absolute;color:#a6c6e8} .maincat {position:relative;float:left;margin:-20px 0 8px -15px;} .maincat1bg {float:left;position:relative;background:url(/img/maincat1bg.png) no-repeat;width:217px;height:176px;margin:10px 0px 0 30px} .maincat1tit {background:url(/img/cat1titbg.png) no-repeat;width:209px;height:36px;position:absolute;bottom:15px;left:4px} .maincat1tit span {font:bold 12px Tahoma;color:#fff;text-align:center;display:block;margin-top:11px} .maincat1tit1 {background:url(/img/cat1titbg1.png) no-repeat;width:209px;height:36px;position:absolute;bottom:15px;left:4px} .maincat1tit1 span {font:bold 12px Tahoma;color:#fff;text-align:center;display:block;margin-top:11px;z-index:100;position:relative;} .maincat1tit2 {position:relative;z-index:100;text-decoration:none !important} .spoffers {width:250px;float:left;position:relative;margin-top:-15px;padding:4px 0 40px 0;line-height:20px !important} .sptit {font:normal 22px Tahoma;color:#02205d} .maincat1tit2:hover {display:none !important} .cover1 {font:bold 12px Tahoma;color:#fff;text-align:center;display:block;margin-top:11px;z-index:500;position:relative;} .offer-box1 {float:left;width:189px;border-bottom:1px solid #dfe0e0;display:block;padding-bottom:20px;margin-top:20px} .offer-box1-tit1 {color:#0c83d3;font:bold 12px Tahoma;} .offer-box1-tit2 {color:#ff0006;font:12px Tahoma;} .offer-box1-tit3 {color:#000;font:bold 12px Tahoma;width:200px;float:left;margin-top:5px;display:block} .offer-box1-tit4 {background-color:#e5fde5;float:left;margin-top:5px;display:block} .photoslider {float:left} .baner-box {float:left;width:974px;padding:0 0 0 44px;margin-top:-10px;margin-bottom:20px;} .baner {float:left;margin-top:0px;margin-left:0;margin-right:15px; width:300px;height:100px;border:1px solid #dadada} .baner img {width:300px;height:100px;border:1px solid #83cff5} .ls {display:none !important} .menuBttm li a {white-space:nowrap} .download {float:left;display:block;margin-bottom:10px} .form1 {background:#2c76d1;color:#fff;float:left;padding-top:5px;padding-bottom:5px;width:100%} .addpass {float:right;display:block;margin-right:22px;margin-top:7px} .headerphone {position:absolute;left:60px;top:213px;text-align:right;} .hp1 {font:normal 18px Tahoma;color:#a6c6e8} .hp2 {font:bold 18px Tahoma;color:#eeeeee} .hp3 {font:normal 17px Tahoma;color:#FFF;font-weight:bold;} .zag1 {position:absolute;width:226px;height:165px;background:url(/img/zag1.png) no-repeat;top:10px;left:0px;z-index:1} .zag1 {position:absolute;width:226px;height:165px;background:url(/img/zag1.png) no-repeat;top:10px;left:0px;z-index:1} .new {background: url(/js/carousel/new.png);width:44px;height:44px;position:absolute;right:17px;top:12px;display:block;z-index:100} .hit {background: url(/js/carousel/hit.png);width:44px;height:44px;position:absolute;right:19px;top:11px;display:block;z-index:100} .sale {background: url(/js/carousel/sale.png);width:44px;height:44px;position:absolute;right:19px;top:11px;display:block;z-index:100} .ahr {width:226px;height:165px;z-index:226;position:absolute;background:url(/img/a1.png);top:10px;left:10px} .catmenubox1 {width:750px;float:left;margin-left:-45px;margin-top:8px} .catmenubox2 {width:226px;height:164px;float:left;background:url(/img/catbox2bg.png) no-repeat;position:relative;margin:0 0px 35px 23px} .catmenubox2:hover {background:url(/img/catbox2hov.png) no-repeat;} .catmenubox2 img {position:absolute;left:10px;top:10px;width:120px;display:block;text-align:center;max-height:100px} .catmenubox2title {margin-left:15px;margin-top:117px;text-align:center;display:block;width:200px;line-height:18px;} .catmenubox5 {width:226px;height:164px;float:left;background:url(/img/catbox2bg.png) no-repeat;position:relative;margin:0 0px 35px 10px} .catmenubox5 img {position:absolute;left:10px;top:10px;width:120px;display:block;text-align:center;max-height:100px} .catmenubox5:hover {background:url(/img/catbox2hov.png) no-repeat;} .cart {position:absolute;right:40px;top:15px;width:40px;height:40px;background:url(/img/cart.png) no-repeat;display:block;} .carttit {position:absolute;right:32px;top:55px;display:block;color:#696762} .catmenubox2price {position:absolute;display:block;color:#000;font:bold 18px Georgia;top:80px;left:125px; background:url(/img/rub1.png) right 2px no-repeat;padding-right:17px} .cart1 {position:absolute;right:15px;top:75px;color:#fff !important;font:bold 14px Tahoma;width:155px} .ca1 {font:bold 14px Tahoma;color:#56a1ee;margin-left:-3px;width:160px;height:32px;display:block;float:left;} .ca2 {font:bold 14px Tahoma;color:#fdc00a;margin-left:4px;margin-right:4px} .dropdown ul {margin-left:15px} .authbox0 {width:200px;height:45px;position:absolute;right:20px;top:57px;padding-top:5px} .authbox1, .authbox2 {font:bold 12px Tahoma;color:#56a1ee;float:right;clear:both;margin:4px 20px 0 0;padding-left:25px;height:16px} .authbox1 {background:url(/img/auth1.png) no-repeat 0 -2px} .authbox1 span {background:url(/img/pu.png) 0 bottom repeat-x} .authbox2 {background:url(/img/auth2.png) no-repeat 0 -2px} .cb3tit {font:bold 24px Tahoma;line-height:36px} .cb3dtit {font:18px Tahoma;margin:20px 0 20px 0;display:block} .r2 {font:bold 36px Georgia;color:#1976d5;margin:30px 0 0 0px;display:block;float:left} .r1 {background:url(/img/rub.png) no-repeat;display:block;float:left;width:26px;height:31px;margin:35px 0 0 10px;} .option {font:bold 12px Tahoma} .option span {font:normal 12px Tahoma !important;color:#4b4848} .catbox5 {float:left;width:300px;height:480px;margin-bottom:25px;position:relative} .cb3option {float:left;margin:20px 0 0 0;width:343px;border-bottom:1px solid #e7e6e6;margin-left:10px} .cb3price {float:left;width:200px;margin-bottom:40px;margin-left:10px} .cart5 {width:176px;height:54px;background:url(/img/cart5.png) no-repeat;display:block;position:absolute;left:180px;top:25px} .panel {border-top:1px solid #1d6ab8;border-bottom:1px solid #1d6ab8;} .breadcrumbs {font-size:11px !important} .inp1 {background:url(/img/inp1.png) no-repeat;width:343px;height:29px;display:block;float:left;border:none;margin:0 0 8px 0;margin-right:50px} .inp5 {background:url(/img/inp5.png) no-repeat;width:343px;height:29px;display:block;float:left;border:none;margin:0 0 8px 0;margin-right:50px;padding-left:8px;} .inp1text {display:block;clear:left;width:190px;font:bold 12px Tahoma;margin:7px 0 0 0} .inp2 {background:url(/img/textar.png) no-repeat;width:343px !important;height:131px !important;display:block;float:left;border:none; margin:0 90px 22px 0} .inp7 {background:url(/img/textar5.png) no-repeat;width:335px !important;height:120px !important;display:block;float:left;border:none; margin:0 90px 22px 2px;padding-top:7px;padding-left:4px} .required {margin:0 0 0 3px;width:340px;} .inp3 {background:url(/img/inp3.png) no-repeat;width:220px;height:27px;display:block;float:left;border:none;margin-left:34px;padding-bottom:20px} .captcha {float:left;display:block;margin-top:5px} .yamapbox {position:relative;display:block} .yamapbox1 {width:5px;height:5px;background:url(/img/yamapc1.png) no-repeat;position:absolute;left:0;top:0;z-index:500} .yamapbox2 {width:5px;height:5px;background:url(/img/yamapc2.png) no-repeat;position:absolute;left:697px;top:0;z-index:500} .yamapbox3 {width:5px;height:5px;background:url(/img/yamapc3.png) no-repeat;position:absolute;left:697px;top:337px;z-index:500} .yamapbox4 {width:5px;height:5px;background:url(/img/yamapc4.png) no-repeat;position:absolute;left:0;top:337px;z-index:500} .button1 {width:95px;height:28px;background:url(/img/sub2.png) no-repeat;display:block;clear:both;margin:0px 0 0 0px;cursor:pointer} .fukype {display:none !important} .newsbox0 {float:left;width:700px;margin-bottom:20px} .newsbox1 {float:left;width:200px} .newsbox2 {float:left;width:500px;padding-top:15px} .arr1 {width:5px;height:7px;background:url(/img/arr1.png) no-repeat;display:block;float:left;margin:4px 9px 0 9px} .breadcrumbs a {float:left;} .supitem {clear:both;display:block} .top {height:44px} .top a:hover{color:#FDC00A} .menu1 a {font:normal 14px Tahoma;color:#fff;display:block;float:left;white-space:nowrap;margin-top:14px;text-decoration:underline;} .menu1 {height:44px;padding-left:45px;padding-right:45px} .m3 {margin-left:20px;width:900px} .nav1 {position:absolute;left:11px;bottom:19px;width:975px;z-index:7;text-align:center;} .dev29 {background:url(/img/dev20.png) no-repeat;width:3px;height:60px;float:left} .menu1:hover a {color:#757171 !important;text-decoration:none !important} .menu1:hover {background:#2d2c2c !important;color:#757171 !important} .cartza {width:150px;height:35px;background:url(/img/but6.png) no-repeat;float:left;display:block;margin:15px 25px 0 0} .cartper {width:130px;height:35px;background:url(/img/but8.png) no-repeat;float:left;display:block;margin-left:50px;margin-top:15px} .cartcle {width:153px;height:35px;background:url(/img/but2.png) no-repeat;float:left;display:block;margin-left:20px;margin-top:15px} .sum {float:left;display:block;margin:10px 0 0 40px;} .su1 {margin:21px 0 0 500px} .sum2 {font:bold 16px Tahoma;color:#5c5c5c;} .r3 {width:15px;height:21px;background:url(/img/r3.png) no-repeat;float:left;display:block;margin-left:10px;margin-top:5px} .questul {width:702px;height:53px;background:url(/img/quest1.png) no-repeat;float:left;margin:0 0 20px 0} .questul a {font:14px Tahoma;color:#1673d3;margin:8px 0 0 15px;padding-left:50px;height:28px;padding-top:10px} .questtit {font:bold 14px Tahoma} .gh {clear:both;display:block;color:#63686d;font-style:italic} .quest2 {float:left;display:block;width:60px;color:#63686d;font-style:italic} .quest3 {float:left;display:block;width:600px;font:bold 12px Tahoma;line-height:18px;margin-top:-1px} .quest0 {float:left;display:block;margin-bottom:40px;margin-top:5px} .qform {display:block;clear:both} .qform1 {clear:both;display:block;font:bold 14px Tahoma;margin:40px 0 20px 0} .comm1 {width:693px;height:22px;background:url(/img/comm1.png) no-repeat;float:left;margin:0} .comm2 {width:693px;height:22px;background:url(/img/comm2.png) no-repeat;float:left;margin:0} .cartTbl1 {float:left;display:block;margin-top:20px} .commbox {margin: 10px 0px 20px -5px;position:relative;float:left} .commrate {float:right;margin-right:92px;margin-top:8px} .cartTbl tr td {vertical-align:top} .cart7 {display:block;margin:10px 20px 0 10px;} .cart6 {margin:10px 0 15px 0;font-weight:normal !important} .cart7 span {font:bold 12px Tahoma;display:block;} .cart9 {width:270px;} .cartimg {display:block;background:url(/img/cartbord.png) no-repeat;width:96px;height:96px;position:absolute;} .cart0 {font-weight:normal !important;margin-bottom:15px} .cartinp {border:none;background:url(/img/cartinp.png) no-repeat;height:22px;margin-top:-3px;margin-left:5px} .cartdel {background:url(/img/cartdel.png) no-repeat;height:21px;width:19px;display:block;margin-left:12px;margin-top:-2px} .subscribe {float:left;margin:10px 0 0 12px;width:234px;height:51px;background:url(/img/subscribe.png) 0 bottom no-repeat;} .subscribe span {font:italic 12px Arial;color:#6a6565;display:block;margin:0 0 10px 0} .subscribe input {border:none} .s1 {display:block;float:left;width:160px;height:20px;padding-left:10px} .s2 {display:block;float:left;width:40px;height:25px;cursor:pointer;margin-left:12px} .auth1 {border:none;display:block;clear:both;margin:4px 0 0 15px;font:11px Tahoma} .auth2 {border:none;display:block;clear:both;margin:7px 0 0 15px} .auth3 {display:block;width:76px;height:26px;position:absolute;bottom:15px;right:12px;cursor:pointer;border:none;} .au1 {font:bold 11px Tahoma;color:#000;display:block;clear:both;margin:21px 0 3px 16px} .au2 {font:11px Tahoma !important;color:#000;display:block;clear:both;margin:0px 0 0px 16px} .leftcol {vertical-align:top;font:bold 12px Tahoma} .sum4 {font:bold 12px Tahoma;margin:0px 0 20px 0;display:block;clear:both} .bnn {display:block;float:left !important;} .mn1 {float:left;display:block;width:115px;height:41px;margin-right:25px;} .mn2 {float:left;display:block;width:205px;height:32px;margin-right:25px;} .mn3 {float:left;display:block;width:115px;height:30px;margin-right:25px;} .mn4 {float:left;display:block;width:115px;height:30px;} .cart1 span {display:block;font:13px Tahoma;color:#8c8b8b;margin:2px 0 24px 5px;} .mainbox {width:820px;height:390px;float:left;background:url(/img/mainbox.jpg) no-repeat;position:relative;padding:55px 0 0 33px;margin-left:-32px;} .lnews {width:355px;height:117px;float:left;overflow:hidden;margin:0 17px 0 0;padding:10px 15px 0 15px} .nbox1 {font:bold 11px Tahoma;color:#e5e5e5;margin-bottom:10px;} .nbox2 {font:13px Tahoma;color:#e5e5e5;margin-bottom:10px;line-height:19px;width:355px;height:55px;overflow:hidden;} .nbox3 {font:13px Tahoma;color:#a6c6e8;margin-bottom:10px;} .nbox4 {position:absolute;left:692px;top:14px;display:block;width:130px;height:30px;} .catmenu1 {display:block;float:left;margin:0 0 0 30px;} .catmenu1 li {display:block;float:left;min-width:150px;} .catmenu0 {background:url(/img/cm1.jpg) repeat-y;width:250px;margin:-42px 0 0 10px;float:left;z-index:10;} .b2 {width:267px;height:100px;float:left;background:url(/img/b2.jpg) no-repeat;margin:0 0 0 5px;} .b3 {width:222px;height:17px;float:left;background:url(/img/b3.jpg) no-repeat;margin:-3px 0 0 -18px;} .catmenu3 {padding:3px 0 13px 10px;width:192px;} .catmenu3 a {font-weight:bold;color:#294e76;} .catmenu4 {float:left;display:block;margin:5px 0 5px 20px} .catmenu5 {float:left;display:block;width:180px;margin:4px 0 4px 0;} .catmenu5.active a {color:#546176;} .prsk {display:block;float: left; width:178px;height:38px;background:url(/img/price_section.png) no-repeat;margin:0 0 12px 0;} .prsk2 {display:block;float: left; width:178px;height:38px;background:url(/img/price_common.png) no-repeat;margin:0 0 12px 0;} .prskNew {text-decoration: none;display:block;float: left; width:178px;height:38px;background:url(/img/price_blank.png) no-repeat;margin:0 0 12px 0;color: #fff;padding: 9px 0 0 40px;text-shadow: 1px 1px 0 rgba(0,0,0,.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} thead { background: none repeat scroll 0 0 #ccc; } thead td {padding: 5px 5px 5px 5px;} .pg0 {float:left;border-bottom:5px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-top:1px solid #ddd;padding-bottom:0px;margin-bottom: 20px;} .pg1 {float:left;margin:0;width:829px;min-height:45px;} .pg1 img {width:65px;height:65px;border:1px solid #ddd;display:blocl;float:left;margin:4px 0 0 4px;} .pg2 {float:left;width:827px;height:70px;} .pg2tit {font:bold 13px Tahoma;color:#5c5c5c;text-decoration:none;margin:30px 0 0 20px;float:left;display:block;} .var1 {float:left;width:828px;margin-left:-1px} .var0 {display:block;float:left;font:13px Tahoma;color:#5c5c5c;border-left:1px solid #ddd;border-top:1px solid #ddd;padding:7px 5px 7px 5px;} .v0 {width:57px;height:18px;} .v7 {width:333px;height:18px;} .vt-67{ width: 38px; } .vt-title{ width: 260px; } .vt-57{ width: 57px; } .vt-70{ width: 70px; } .vt-71{ width: 70px; } .vt-50{ width: 50px; } .vt-price{ width: 185px; } .v0 input {border:none;background:#fff;width:133px;border:1px solid #dadada;padding:0 !important;} .v1 {width:119px;padding:0 !important;} .pg3 {width:1px;height:70px;background:#ddd;display:block;float:left;margin:0 0 0 4px;} .v5 {width:83px;height:30px;float:left;display:block;margin:0 0 0 32px;background:url(/img/v5.jpg) no-repeat;text-decoration:none;} .v5:hover {text-decoration:none !important;} .v5buy {position:relative;top:4px;left:21px;color:white;font:13px Tahoma;} .pd {display:block;width:7px;height:5px;position:absolute;left:823px;top:127px;cursor:default !important;} #pp {position:absolute;left:42px;top:13px;width:190px;height:150px;background:url(/img/pp.jpg) no-repeat;z-index:500;} .car5 {float:left;width:350px;list-style-type:none !important;} .lastprices {position:absolute;left:32px;top:275px;width:700px;height:130px;padding-left:45px;padding-right:45px;} .er1 {position:absolute !important;left:-45px !important;top:0px !important;margin:0 !important;} .er2 {position:absolute !important;right:-45px !important;top:0px !important;margin:0 !important;} .lastprices img {margin:16px 0 0 20px;border:1px solid #dadada} .er3 {display:block;float:left;margin:15px 0 0 20px;width:200px;} .er6 {display:block;float:left;margin:0px 0 0 0px;} .procent {display: block;font-size: 20px;color: #DA403E;font-weight: bold;margin:10px 0 0 20px;float: left;} .foot2 {background:url(/img/bgv.jpg) repeat-x;height:100px;width:100%;margin-top:-100px} .footphone {position:absolute;left:250px;top:55px;display:block;width:240px;color:#d8d8d8;} .footphone span {margin:0 10px 0 0;display:block;float:left;/*width:80px;*/font-weight:bold;white-space:nowrap;display: block;} .footphone div {display:block;float:left;width:130px;line-height:18px;} .footadr {position:absolute;left:600px;top:55px;display:block;width:320px;color:#d8d8d8;} #adr {margin:0 10px 0 0 0;display:block;float:left;width:53px;font-weight:bold;} .footadr div {display:block;float:left;width:210px;line-height:18px;} #right ul {margin-bottom:15px;} #right ul li {list-style-type:circle;margin-left:15px; margin-bottom: 5px;} #right ul li a {display:inline;} .jCarouselLite ul li {margin-left:0 !important;} .calc {} .calc__title {color: #415b78;font-size: 14px;display: block;text-align: center;text-shadow: 1px 1px 0 rgba(255,255,255,.3);cursor: default;-moz-user-select:none;-webkit-user-select:none;user-select:none;} .calcu {float:left;width:260px;height:390px;background:url(/img/calc.png) no-repeat;margin:10px 0 0 5px;position:relative;} .profile {display:block;position:absolute;left:35px;top:75px;} .mark4 {display:block;position:absolute;left:35px;top:115px;} .c_but {display:block;position:absolute;left:66px;top:283px;width:128px;height:28px;border:none;cursor:pointer;} .result_wrapper {display:block;position:absolute;left:53px;top:346px;color:#536b87;font-size:16px;font-weight:bold;} .calc_block {position:absolute;left:36px;top:150px;} .calcu table {width:200px !important;} .calc_block table tr td {color:#e4e6e5;font-weight:bold;vertical-align:top} .c_bg1 {border:none;width:100px !important;height:38px;background:url(/img/c_bg1.png) no-repeat;display:block;float:left;padding:0 0 0 4px;} .calcu b {display:block;float:left;margin:12px 0 0 4px} .calcu table input {color:#7A7A7A} .stylized_select .input_wrapper input {background:none;border:none;color:#7A7A7A;height:20px;line-height:20px;width:100%;} .stylized_select {height:27px;overflow:hidden;width:198px;} .stylized_select select {height:24px;opacity:0;filter: alpha(opacity=0);position:relative;width:100%;z-index:2;border:0px solid #000 !important;border-left-width:0px !important;border-left-color:#000 !important} .stylized_select select option {border:none !important} .ssel {background:url(/img/ssel.jpg) no-repeat 121px 0;height:29px;} .stylized_select .input_wrapper {color:#7A7A7A !important;font:14px Arial;left:1px;padding:0 17px 0 7px;position:absolute;top:2px;width:120px;} .calcu .input_wrapper {width:400px !important;} .selects {color:#7A7A7A;display:block;display:block;left:34px;position:absolute;top:73px;} .selects2 {color:#7A7A7A;display:block;display:block;left:34px;position:absolute;top:112px;} .stylized_select select option {color:#7A7A7A;font:14px Arial;border:none} /*------MODAL--------------*/ .vopros {width: 251px; position: absolute; text-align: center; top: 272px; left: 9px;} .vopros > span {color: #eee;} .vopros > a {width: 251px; height: 41px; background: url(/img/vopros.png) no-repeat; display: block;} .vopros > a:hover { background: url(/img/vopros.png) 0 -41px no-repeat;} .zvonok {width: 251px; position: absolute; text-align: center; top: 272px; left: 9px;} .zvonok > span {color: #eee;} .zvonok > a {width: 251px; height: 41px; background: url(/img/vopros.png) no-repeat; display: block;} .zvonok > a:hover { background: url(/img/vopros.png) 0 -41px no-repeat;} .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-image: none !important; background-color:#fff; height: auto !important; width: auto !important; } .modal-backdrop.fade { opacity: 0;} .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.8; filter: alpha(opacity=80);} .modal { position: fixed; top: 15%; left: 50%; z-index: 1050; width: 302px; margin-left: -151px; background-color: #ffffff; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; padding: 20px; height: auto; } .modal.fade { top: -100%; -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; -moz-transition: opacity 0.3s linear, top 0.3s ease-out; -o-transition: opacity 0.3s linear, top 0.3s ease-out; transition: opacity 0.3s linear, top 0.3s ease-out; } .modal.fade.in { top: 10%; background-image: none !important; } .fade.in { opacity: 1;} .fade { opacity: 0; transition: opacity 0.15s linear 0s;} .modal .close {position: absolute; right: 10px; top: 10px; border: none; background: url(/img/close.png) no-repeat; height: 13px; width: 10px; cursor: pointer;} .modal td {text-align: left; padding: 3px;} .modal textarea {width: 196px; margin-left: 0; min-width: 196px; max-width: 196px;} .modal input { background: none repeat scroll 0 0 #ffffff; border: 1px solid #737272; width: 196px; } .modal input.input-submit {cursor: pointer; width: 100px;} .pg1 thead td { vertical-align: middle;} .zakazzvonok{ right: 5px; position: absolute; text-align: center; top: 272px; width: 180px; } .zakazzvonok > a { background: url("/img/zvonok.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 41px; width: 180px; } .zakazzvonok > a:hover { background: url("/img/zvonok.png") no-repeat scroll 0 -41px rgba(0, 0, 0, 0); } /*---------CATEGORIES----------*/ #right .categblocks { display: inline-block; vertical-align: top; width: 31%; margin-right: 15px; font-size: 17px; color: #2E4C70; margin-bottom: 25px;text-decoration:underline !important;} #right .categblocks:hover {text-decoration:none !important;} #right .catega__img {border: 5px solid #2E4C70;width:100%;height:190px;vertical-align:middle;overflow:hidden;display:block;text-align:center;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #right .catega__img > img { max-width: 100%;min-height:100%;vertical-align:middle;} #right .categblocks:hover .catega__img { border: 5px solid #2d67be; } #right .catega {text-decoration:none;} #right .catega:hover {text-decoration:none !important;} .catList {clear: both;overflow: hidden;} .catList__item {} #backToTop { background: transparent url("/img/up.png") no-repeat scroll 0 0; bottom: 50px; cursor: pointer; display: block; height: 59px; position: fixed; right: 50px; width: 75px; z-index: 10; } #backToTop:hover { background: url(/img/up.png) no-repeat scroll 0 -59px transparent;} .aktsiya{ font-weight: normal; text-decoration: none !important; border-radius: 5px; font-size: 16px; text-align: center; display: block; position: relative; background: rgb(216,29,9); background: -moz-linear-gradient(top, rgba(216,29,9,1) 0%, rgba(218,66,66,1) 50%, rgba(207,37,37,1) 50%, rgba(185,2,2,1) 100%); background: -webkit-linear-gradient(top, rgba(216,29,9,1) 0%,rgba(218,66,66,1) 50%,rgba(207,37,37,1) 50%,rgba(185,2,2,1) 100%); background: linear-gradient(to bottom, rgba(216,29,9,1) 0%,rgba(218,66,66,1) 50%,rgba(207,37,37,1) 50%,rgba(185,2,2,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d81d09', endColorstr='#b90202',GradientType=0 ); box-shadow: 1px 1px 0 0 #8b443d inset, -1px -1px 0 1px #d25f5f inset, 1px 1px 0 #696a6a; padding: 0 5px; width: 160px; height: 31px; line-height: 31px; color:#fff !important; } .aktsiya::before { content: url("/img/action_ico.png"); line-height: 31px; margin-right: 8px; position: relative; top: 3px; } .catbox2desc-short {margin-bottom:20px;} .footerCounter {position: absolute;left: 0;top: 100px;} .toplink {color: #ffffff;font-size: 15px;} /*адаптивность*/ .mobile-menu #nav_mob { padding-top: 10px; } .mobile-menu #nav_mob li { float: none; display: block; text-align: center; } .mobile-menu #nav_mob li.top a { color: #294e76; float: none; } #header_mobile { display: none; padding: 10px; background: #2c486d; position: relative; } #header_mobile .arr_down { position: absolute; right: 20px; top: 16px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; width: 25px; height: 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } #header_mobile .arr_down.opened { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } #header_mobile .arr_down img { width: 12px; height: 12px; } .header_mobile_logo { width: 100px; height: 100px; } .header_mobile_logo img { height: 100%; } .burger { cursor: pointer; height: 50px; width: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .burger img { width: 20px; height: 20px; } .mobile-menu { position: absolute; right: 44px; top: 100%; background: #ebebeb; z-index: 99; display: none; border: 1px solid #2c486d; border-top: none; } .mobile-menu .headermenu_mobile { padding-top: 10px !important; } .mobile-menu.opened { display: block; } .mobile-menu.opened .search { position: relative; margin: auto; top: 0; left: 0; background: url("../img/search_back.png"); height: 40px; width: 177px; } .mobile-menu.opened .search .s { width: 177px; height: 100%; } .mobile-menu.opened .search .s form { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .mobile-menu.opened .search .s form .sin2 { width: 40px; } .mobile-menu.opened .search .s form input { margin: 0; height: 90%; } .mobile-menu .ca1 { float: none; margin: auto; } .mobile-menu .vopros { position: relative; top: 0; text-align: center; left: 0; padding: 10px 0; } .mobile-menu .vopros a { background: url("../img/vopros2.png") no-repeat center center; } .mobile-menu .ca1 { background: url("../img/cart_back2.png") no-repeat; } .mobile-menu #nav_mob { height: auto; text-align: center; } .mobile-menu #nav_mob .sub { position: relative !important; display: none; width: 100% !important; padding: 10px !important; margin-bottom: -10px; } .mobile-menu #nav_mob .sub a { margin-left: 0 !important; } .mobile-menu #nav_mob li.top { float: none; height: auto; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 14px; } .mobile-menu #nav_mob li.top a { margin: auto; } .mobile-menu #nav_mob li.top .mn1 { background: url("../img/back1.png") no-repeat; width: 108px; } .mobile-menu #nav_mob li.top .mn2 { background: url("../img/back2.png") no-repeat; width: 196px; } .mobile-menu #nav_mob li.top .mn3 { background: url("../img/back3.png") no-repeat; width: 105px; } .mobile-menu #nav_mob li.top .mn4 { background: url("../img/back4.png") no-repeat; width: 105px; } .mobile-menu #nav_mob li.top .mn5 { background: url("../img/back5.png") no-repeat; } .mobile-menu .cart1 { position: relative; width: 100%; right: 0; top: 0; text-align: center; } .mobile-menu .cart1 span { margin: 0; } .mobile-menu .headerphone { position: relative; background: #2c486d; padding: 10px; top: 0; left: 0; text-align: center; } .arr_down_menu { width: 25px; height: 25px; cursor: pointer; margin-left: 14px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; display: none; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .arr_down_menu.opened { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .arr_down_menu img { width: 10px; height: 10px; } .calculator{ text-align: center; font-size: 20px; margin-top: 20px; background: #29456A; float: left; width: 232px; margin: 0 0 0 10px; padding: 10px; } .cent{ text-align: center; } /* item catalog */ .catItem { width: calc(100% - 20px) !important; margin: 30px 0; float: none; } .catItem_img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #d7d2d2; } .catItem_img a{ margin: 0 20px 20px 0; } .catItem_img a img { border-radius: 10px; border: 1px solid #d7d2d2; } .catItem_info { padding-bottom: 15px; } .catItem_info .cb3tit{ margin-bottom: 35px; } .catItem_info .price { font-size: 20px; font-weight: bold; margin-bottom: 20px; color:#294e76; } .catItem_buy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .catItem_buy .quantity {} .catItem_buy .summ { font-size: 20px; margin-left: 30px; } .catItem_buy .quantity_input { width: 40px; font-size: 16px; height: 25px; text-align: center; background: #fff; margin: 2px 2px 0; } .catItem_buy span.minus, .catItem_buy span.plus { font-size: 18px; width: 15px; font-weight: bold; margin-top: -1px; padding:0px 4px 2px 5px; border-radius: 12px; } #right .catItem_buy .v5buy { margin: 0 0 0 30px; border: 1px solid #3f577d; border-radius: 5px; background:linear-gradient(to bottom, #598cc1, #1e3e65); text-decoration: none; width: 158px; padding: 7px 0; text-align: center; margin-top: -9px; box-shadow: 0 3px 10px rgba(0,0,0,0.22); -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; } #right .catItem_buy .v5buy:hover { background:linear-gradient(to bottom, #4983bf, #163d6c); text-decoration: none; } .catItem_char { margin: 20px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .catItem_char span { font-size: 16px; margin-bottom: 10px; } @media only screen and (max-width: 1200px) { .su1{ margin: 0; } body .cart7 span{ display: inline-block; } .cartdel{ display: inline-block; margin-bottom: -4px; } .cartza,.cartcle,.cartper{ margin: 0 0 16px 0; float: none; } .cent{ text-align: left; } .scroll_x form{ width: 100%; overflow: hidden; } body .cart7 span{ text-align: left!important; } .cartTbl tr td{ display: block; } .catmenu3{ padding: 10px 0 10px 10px; line-height: 1.9; } .calcu{ position: absolute; top: 0; left: 77px; } .calculator div{ margin-bottom: 8px; } .calculator img{ width: 30px; } .calculator{ top: -117px; left: 144px; position: absolute; color: #fff; margin-top: 20px; background: transparent; float: none; width: auto; margin: 20px 0 0 0px; padding: 0px; } .aktsiya{ margin: 10px auto 0 auto; } .catmenu1 li{ display: flex; justify-content: space-between; } .arr_down_menu{ margin-right: 20px; } .pg1 thead td { vertical-align: middle; font-size: 8px;} .vt-67{ width: 0px; display: none; } .vt-title{ width: 40%; } .vt-57{ width: 22px; display: none; } .vt-70{ width: 10%; } .vt-71{ width: 14%; } .vt-50{ width: 5%; } .vt-price{ width: 5%; } .var0{ font-size: 8px; } .vt-price{ width: 185px; } .pg1{ width: calc(100% + 20px)!important; margin: 0 -10px; float: none; } .pg2{ width: 100%; margin: 0 -10px; float: none; } .var1{ width: 100%; } .var0:nth-child(1){ width: 40%!important; } .var0:nth-child(2){ display: none; } .var0:nth-child(3){ width: 5%!important; } .var0:nth-child(4){ width: 9%!important; } .var0:nth-child(5){ width: 5%!important; } .var0:nth-child(6){ width: 5%!important; } .var0:nth-child(7){ width: 20%!important; } .var0:nth-child(7) .v5{ width: 100%; margin:0; } .hand { display: block; outline: none; border: none; position: absolute; top: 180px; right: 0; opacity: 0; } .hand.active{ animation: hand 1s; animation-iteration-count: 3; animation-timing-function: linear; } .hand img{ outline: none; border: none; } .var1:nth-child(2n){ background: #fff; } @keyframes hand { from { opacity: 1; right: 0; } to { right: calc(100% - 64px); opacity: 1; } } .arr_down_menu { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } #header_mobile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #header { display: none; } #container { width: 100%; } .catmenu0 { margin: 0px 0 0 10px; } .calcu { display: none; } #foot { height: 200px; } #footer { background: #234062; left: 0; text-align: center; width: 100%; height: auto; overflow: hidden; } #footer .footm { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #footer .foot2 { background: #234062; height: 200px; } #footer .nmlogo { margin: 0; float: none; width: auto; text-align: center; background: url(/img/log.png) center no-repeat; } #footer .nmlogo .fnm { margin: 0; } #footer .footadr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #footer .footerCounter a img { position: relative !important; margin: 10px; } #footer .cop, #footer .footphone, #footer .footadr, #footer .footerCounter { position: relative; left: auto; top: auto; right: auto; text-align: center; } #right { float: left; margin-top: 0; width: 100%; padding-right: 10px; padding-left: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } #left .catmenu4 { display: none; } #left { float: none !important; width: 100%; padding-bottom: 10px; margin: 0; } .catmenu0 { float: none !important; width: 100%; margin: 0; } .catmenu1 { float: none !important; width: 100%; margin: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .catmenu5 { margin: 10px 0; } #left ul li { float: none; width: 100%; } .breadcrumbs { width: 100%; margin-top: 0; padding: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; height: auto; background: #F2F3F4; padding: 4px; margin-bottom: 0; } .breadcrumbs a { float: none; display: inline-flex; align-items: center; line-height: 0; } .breadcrumbs span{ height: 100%; display: flex; height: 37px; align-items: center; } .breadcrumbs .arr1{ background-position: center; margin-top: 0; } .b2 { display: none; } .b3 { display: none; } .pg1 { width: 100%; } .pg1 table{ width: 100%; } .pg0 { overflow: scroll; float: none; position: relative; width: 100%; } .catmenu0{ background: #fff; } body { overflow-x: hidden; } .newsbox1 { width: 100%; } .newsbox0 { width: 100%; } .newsnext1 { width: 100%; } .scroll_x { overflow: scroll; } } @media only screen and (max-width: 768px) { .mainbox_wrap { overflow: scroll; } } @media only screen and (max-width: 480px) { .calcu{ float: none; margin: auto; } #backToTop{ z-index: 30!important; } #right .categblocks { width: -webkit-calc(50% - 17px); width: calc(50% - 17px); } #right .categblocks:nth-child(2n) { margin-right: 0; } } .var0.v0 { white-space: nowrap } span.minus, span.plus { display: inline-block; width: 15px; border-radius: 10px; background: #a6a6a6; color: #fff; text-align: center; user-select: none; cursor: pointer } span.minus:hover, span.plus:hover { background: #495262 }