@charset "utf-8"; /* CSS Document */ html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dt, dl, table, tr, td, th, p, span, strong, small, a, img, form {margin: 0px; padding: 0px;} html {height: 100%; font-size: 62.5%;} body {font: normal 12px Arial,Helvetica,sans-serif; color: #363636; background: #464646; position: relative; height: auto !important; height: 100%; min-height: 100%; z-index: 1;} img {border: none;} a {cursor: pointer; text-decoration: underline;} a:hover {text-decoration: none;} p {padding-bottom: 15px;} p small {font-size: 1em;} h1, h2, h3, h4, h5, h6 {font: bold 18px Arial,Helvetica,sans-serif; color: #000000; padding-bottom: 15px;} h1 {font-size: 24px;} h3 {font-size: 14px;} h4 {font-size: 13px;} h5 {font-size: 12px;} h6 {font-size: 11px;} input[type='submit'], input[type='button'] {cursor: pointer;} ul li {list-style: disc inside; padding-left: 10px;} .set {height: 0; overflow: hidden; font-size: 0; line-height: 0; clear: both;} .fl {float: left;} .fr {float: right;} .rel {position: relative;} .bn {border: none !important;} .bg {background: #252525;} .m-1 {width: 947px; margin: 0 auto; text-align: center; color: #ebebeb;} .m-1 li {list-style: outside none none; padding: 8px 49px; float: left;} .m-1 li a {color: #ebebeb;} .m-1 li.m-1-a {background: #545454;} .bg-1 {background: #898989 url(../images/bg-1.png) 0 0 repeat-x; height: 1%;} .bg-2 {background: url(../images/bg-2.png) 0 100% repeat-x; height: 1%; padding-bottom: 15px;} .page {width: 947px; position: relative; margin: 0 auto;} .top {padding: 15px 15px 0;} .logo {float: left;} .logo a {display: block; text-indent: -9999px; background: url(../images/logo.png) 0 0 no-repeat; width: 127px; height: 52px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo.png', sizingMethod='crop');} .telef {float: left; padding: 15px 34px 15px; font-size: 18px; color: #ffffff;} .telef small {font-size: 14px;} .icq {float: left; padding: 17px 3px 0; font-size: 14px; color: #ffffff;} .icq span {display: block; padding-bottom: 6px;} .icq img {float: left; margin-right: 6px;} .registraciya {float: right; position: relative; width: 172px; color: #fff; overflow: hidden;/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/ display: none;} .registraciya li {list-style: outside none none; padding: 0 0 2px;} .registraciya h5 {color: #ffffff; padding-bottom: 3px;} .registraciya input {width: 94px; height: 18px; background: #fff; border: none;} .registraciya input.voyti {border: none; background: url(../images/voyti.png) 0 0 no-repeat; width: 40px; height: 13px; position: absolute; right: 10px; top: 33px;} .registraciya a {font-size: 11px; color: #9dcb06;} .registraciya li input.voyti {position: static; margin: 0 auto; display: block;} .checkbox-1 {position: absolute; left: -10000px;} .page-BG {background: #fff url(../images/page-BG.png) 0 0 repeat-y; height: 1%;} .page-T {background: url(../images/page-T.png) 0 0 no-repeat; height: 1%;} .page-B {background: url(../images/page-B.png) 0 100% no-repeat; min-height: 300px; _height: 300px; padding-bottom: 5px;} .cont-1 {width: 100%; float: left; _clear: right;} .cont-2 {padding: 0 189px;} .content {width: 100%; overflow: hidden;} .navbar-1 {width: 188px; float: left; margin-left: -100%; _clear: right;} .navbar-2 {width: 188px; float: left; margin-left: -188px; _clear: right;} .serch {padding: 17px 15px; text-align: center; margin-bottom: 12px;} .serch * {vertical-align: middle;} .text-1 {width: 106px; height: 19px; border: none; background: url(../images/input-1.png) 0 0 no-repeat; padding: 2px 10px; color: #7c7c7c; margin-right: 6px; font-size: 12px;} .find {width: 22px; height: 26px; background: url(../images/find.png) 0 0 no-repeat; border: none; padding: 0;} .m-2 {padding: 0px 0 10px;} .m-2 li {list-style: outside none none; padding: 4px 14px; font-size: 12px; font-weight: bold; margin-bottom: 5px; background: #cecece;} .m-2 li a, .m-2 li a:hover {color: #363636; text-decoration: none;} .m-2 li a:hover {color: #cfe87f;} .m-2 li.m-2-a {padding: 0; border-top: solid 1px #d7d7d7; background: none;} .m-2 li.m-2-a span {display: block; padding: 4px 14px; background: #cfe87f; margin-bottom: 5px;} .m-2 li li {color: #363636; font-weight: normal; background: none;} .m-2 li ul, .m-2 li li {display: none !important;} .h201 {padding: 4px 14px; background: #cfe87f; margin-bottom: 5px; border-top: solid 1px #d7d7d7; color: #363636; font-size: 12px; margin-bottom: 10px;} .popular {padding: 0 0 10px;} .popular li {padding: 10px; /*border-bottom: solid 1px #d7d7d7;*/ list-style: outside none none; clear: both; float: none; display: block; height: 1%;} .popular li em {float: left; width: 52px; padding-right: 4px; display: block;} .popular li span {float: left; width: 110px; display: block; font-size: 11px;} .popular li span strong {display: block; text-align: right;} .popular li a, .popular li a:hover {color: #363636; text-decoration: none; overflow: hidden; display: block;} .vse {text-align: right; padding: 5px; font-size: 11px; margin-bottom: 10px;} .vse a {color: #363636;} .korz {padding: 8px 8px 8px 58px; position: relative; height: 1%; margin-bottom: 10px;} .korz li {list-style: outside none none; padding: 0 0 2px;} .korzina {display: block; position: absolute; background: url(../images/korz.png) 0 0 no-repeat; width: 32px; height: 32px; left: 13px; top: 19px;} .korz a, .opisanie h4 a {color: #363636; text-decoration: none;} .korz a:hover, .opisanie h4 a:hover {text-decoration: underline;} .kartinko {padding: 20px; text-align: center; border-bottom: solid 1px #d7d7d7;} .h202 {font-size: 14px; color: #464646; padding: 6px 17px; border-bottom: solid 1px #d7d7d7;} .katalog {border-bottom: solid 1px #d7d7d7; padding: 3px 0;} .katalog ul {width: 100%; background: url(../images/katalog.png) 191px 0 repeat-y; text-indent: 2px;} .katalog ul li {display: inline-block; width: 189px; margin: 0 -2px; text-align: center; list-style: outside none none; padding: 5px 0; *display: inline; width: 188px; *margin: 0; zoom: 1;} .katalog ul li * {vertical-align: bottom;} .katalog ul li img {margin-bottom: 10px;} .katalog ul li a, .table-22 td a {font-weight: bold; text-decoration: none; color: #363636;} /* .table-22 {width: 500px; margin: 0 auto 20px; border-collapse: collapse; border: none; text-align: center;} .table-22 td {padding: 3px; width: 119px;} .table-22 .tr-1 td {vertical-align: top;} .w100 {width: 100%;} .w100 td {width: 136px; vertical-align: bottom;} */ .table-22 {width: 100%; margin: 0 auto 20px; border-collapse: collapse; border: none; text-align: center; background: url(../images/bord-2.png) 142px 0 repeat-y;} .table-22 td {padding: 3px; width: 119px;} .table-22 .tr-1 td {vertical-align: top;} .table-22 tr.list-tr td {background: #fff url(../images/bg-3.png) 0 2px repeat-x;} .w100 {width: 100%; background: url(../images/katalog.png) 191px 0 repeat-y;} .w100 td {width: 179px; vertical-align: bottom; padding: 3px 5px;} .katalog-2 {padding: 3px 0 10px; margin-bottom: 10px;} .katalog-2 ul, .carousel ul {background: none;} .katalog-2 ul li {width: 130px; padding: 5px;} /*.katalog-2 ul * {vertical-align: top;}*/ .bord-1, .tovar, .tovar4eg {border-bottom: solid 1px #d7d7d7; width: 100%;} .carousel {width: 500px !important; position: relative; margin: 0 auto; border: none;} .carousel ul li {width: 101px; padding: 5px 12px;} /*.carousel ul * {vertical-align: top;}*/ .carousel ul li {text-align: left;} .carousel ul li strong {font-weight: normal; font-size: 11px;} .prev, .next {width: 25px; height: 25px; border: none; position: absolute; top: 38px; left: 15px; z-index: 100; cursor: pointer;} .prev {background: url(../images/bl-2.png) 0 0 no-repeat;} .next {background: url(../images/bl-1.png) 0 0 no-repeat; left: auto; right: 15px;} .kratkiy-vid {} .breadcrumb {padding: 7px 17px; font-size: 11px;} .breadcrumb, .breadcrumb a {color: #363636;} .tovar {position: relative; padding: 5px 0 15px; margin-bottom: 10px;} .img-2 {width: 120px; padding: 0 10px; text-align: center; float: left;} .opisanie {width: 400px; float: left; padding-bottom: 15px; color: #363636;} .opisanie h3, .opisanie h4, .opisanie h5, .opisanie h2, .opisanie h1, .opis h3, .opis h4, .opis h5, .opis h2, .opis h1, .opis ul {padding-bottom: 10px; color: #363636;} .cena {position: absolute; width: 400px; left: 140px; bottom: 5px; color: #363636;} .cena a.fr {font-weight: bold; color: #9fd100; text-decoration: none;} .page-navi {padding: 0 35px 20px; text-align: right; color: #9fd100; font-weight: bold;} .page-navi li {display: inline; list-style: outside none none; vertical-align: middle; padding: 0 4px;} .page-navi a, .page-navi a:hover {color: #848484; text-decoration: none; font-weight: normal;} .tovar4eg {padding: 0 0 25px; margin-bottom: 10px; position: relative; min-height: 200px; _height: 200px;} .img-3 {width: 280px; padding: 0 20px; float: right; text-align: center; min-height: 150px; _height: 150px;} .img-3 img {max-height: 150px;} .cena-2 {position: absolute; left: 18px; top: 20px; font-size: 16px;} .cena-2 small {font-size: 12px;} .kupit {position: absolute; left: 18px; top: 65px; font-size: 14px; font-weight: bold;} .kupit a, .kupit a:hover {color: #9fd100; text-decoration: none;} .karusel {position: absolute !important; padding: 0 18px; left: 0 !important; height: auto !important; bottom: 12px !important; top: auto !important; width: 240px !important;} .karusel div {width: 240px; overflow: hidden; position: relative; z-index: 100;} .karusel * {vertical-align: bottom !important;} .karusel li {list-style: outside none none; padding: 0 0 3px; width: 60px; height: 60px !important; text-align: center; display: block; float: left;} .karusel li.karusel-a {border-bottom: solid 3px #9fd100; padding-bottom: 0;} .p, .n {position: absolute; left: 5px; top: 20px; color: #9fd100; z-index: 100; text-decoration: none; font-size: 16px;} .n {left: auto; right: 5px;} .karusel ul {height: 66px; overflow: hidden; text-indent: -4px; *text-indent: 0px;} .opis {padding: 0px 18px 20px;} .table-1 {width: 100%; border-collapse: collapse; border: none; margin-bottom: 10px;} .table-1 th, .table-1 td {vertical-align: middle; text-align: center; padding: 15px; border-bottom: solid 1px #d7d7d7; white-space: nowrap;} .table-1 td a {text-decoration: none; color:} .table-1 td {font-size: 12px; width: 35px;} .table-1 td.name, .table-1 th.name {width: 300px; text-align: left; white-space: normal;} .table-1 td.name a {color: #363636;} .table-1 input {width: 37px; height: 18px; background: #d7d7d7; border: none; text-align: center;} .table-1 big {font-size: 24px; color: #ff0000;} .zakaz {cursor: pointer; float: right; margin-bottom: 10px; border: none; background: none; font-size: 12px; font-weight: bold; color: #9fd100;} .opis .zakazat ul {padding-bottom: 0 !important;} .zakazat li {list-style: outside none none; padding: 0 0 10px;} .zakazat li label {display: block; padding-bottom: 2px;} .zakazat input, .zakazat textarea {background: #d7d7d7; border: none; font-size: 12px;} .zakazat input {width: 163px; height: 21px;} .zakazat textarea {width: 100%; height: 138px;} .zakazat-2 input {width: auto; height: auto; background: inherit;} .zakazat-2 input.text-3, .zakazat-2 select { width: 163px; height: 21px; background: #fff; border: solid 1px #d7d7d7;} .takge {padding: 0px 18px 20px; line-height: 20px;} .takge h4 {font-size: 12px; color: #363636; padding-bottom: 8px;} .takge a {color: #9fd100; margin-right: 12px;} .polniy-vid {text-align: right; padding: 10px 18px;} .polniy-vid * {vertical-align: middle;} .polniy-vid a, .polniy-vid a:hover {text-decoration: none; color: #363636;} .polniy-vid a span {text-decoration: underline; margin-right: 4px;} .polniy-vid a:hover span {text-decoration: none;} /*Всплывающее окошко*/ .popap4eg {position: fixed; _position: absolute; left: 50%; top: 50%; margin-left: -150px; width: 300px; /*display: none;*/ z-index: 1000; } .c-3-T {background: url(../images/c-3-T.png) 0 0 no-repeat; padding-top: 5px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/c-3-T.png', sizingMethod='crop'); height: 1%;} .c-3-B {background: url(../images/c-3-B.png) 0 0 no-repeat; height: 5px; overflow: hidden; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/c-3-B.png', sizingMethod='crop');} .c-3-BG {background: #cfe87f; padding: 2px 7px; height: 1%;} .c-3-BG * {position: relative;} .h202 {text-align: center; font-size: 12px; color: #363636;} .c-4-L-T {background: #fff url(../images/c-4-L-T.png) 0 0 no-repeat;} .c-4-R-T {background: url(../images/c-4-R-T.png) 100% 0 no-repeat;} .c-4-R-B {background: url(../images/c-4-R-B.png) 100% 100% no-repeat;} .c-4-L-B {background: url(../images/c-4-L-B.png) 0 100% no-repeat; padding: 10px; text-align: center; font-size: 14px; color: #9f9f9f;} .popap4eg .fl, .popap4eg .fr {padding: 0 17px;} .popap4eg .fl a, .popap4eg .fr a {font-weight: bold; font-style: normal; font-size: 14px; color: #363636;} .popap4eg .fr a {color: #9fd100;} .popap4eg ul { text-align: left; padding: 0; } .popap4eg li { list-style: outside none none; padding: 0 0 5px; } .popap4eg li label { display: inline-block; *display: inline; zoom:1; width: 79px; padding-left: 6px; color: #363636; font-size: 12px; } .popap4eg li input, .popap4eg li textarea { width: 169px; height: 25px; background: #fff; border: solid 1px #808080; padding: 0 5px; color: #363636; font-size: 12px; line-height: 25px; font-family: Arial, Helvetica, sans-serif; } .popap4eg li textarea { width: 254px; height: 84px; overflow: auto; } .p101 { font-size: 12px; text-align: left; } /*Всплывающее окошко*/