html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
ol, ul { list-style: none; }

html, body { height: 100%; width: 100%; }
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
    body { height: auto; min-height: 100% }
}
body {
    line-height: 1;
    font: normal 1em arial,sans-serif;
}
div { position: relative; display: block; }
hr { display: block; line-height: 1px; height: 1px; border: none; border-bottom: 1px solid; margin: .5em 0; }
a { text-decoration: none; color: #000; }

.br { clear: both; line-height: 1px; height: 1px; overflow: hidden; }
.ov { overflow: hidden; }
.fr { float: right; }
.fl { float: left; }
.cr { clear: right; }
.cl { clear: left; }
.co { float: right; right: 50%; }
.ci { right: -50%; }
.c50 { width: 50%; }
.ta-center { text-align: center; }

.text { line-height: 130%; }
.text p { margin-bottom: .8em; }
.text ul { list-style: disc; padding-left: 1.5em; }

.text ul, .text ol {
    list-style-position: outside;
    margin: .4em 0 .4em 1.85em;
    margin-bottom: .8em;
}
.text ul{ list-style-type: disc; }
.text ol{ list-style-type: decimal; }
.text ul li, .text ol li { margin: .5em 0; }
.text a { text-decoration: none; border-bottom: 1px solid; }
.text a:hover { border-bottom-width: 0; }

.text table { border-collapse: collapse; }

q { quotes: "" "";  }
q:before { content: "\00ab"; }
q:after { content: "\00bb"; }
q q:before { content: "\201e"; }
q q:after { content: "\201c"; }


body {
    color: #000;
    background: #95bfe7;
}
#layout {
    min-width: 1000px;
    min-height: 100%;
}
#layout .c-1000 { width: 1000px; margin: 0px auto; z-index: 10;}
#header {
    z-index: 10;
    height: 200px;
}
#header .logo-address {
    float: right;
    margin: 25px 70px 0 0;
    color: #f4e33d;
    font: bold .8125em Arial,sans-serif;
}
#header .logo-address div {
    margin-top: .6em;
    text-shadow: #505a90 0 0 2px;
    -ms-filter: "progid:DXImageTransform.Microsoft.glow(color=#505a90,strength=1)";
}
#header .logo-address .phones {
    font-size: 1.2em;
}
#header .logo-address img {
    color: #f2e13d;
    font: bold 42px 'Courier New',sans-serif;
}
#header .scheme {
    /*position: absolute; right: 70px; bottom: 60px;*/
    padding-bottom: 1px;
    position: absolute; right: 20px; top: 44px;
    font: bold italic .875em Arial,sans-serif;
}
#header .scheme a:hover { border-bottom: 1px solid; }
#header .scheme, #header .scheme a { color: #fff; }

#header .slogan {
    font: bold 1.2em Arial,sans-serif;
    padding-top: 40px;
    margin-left: 260px;
}
#header .slogan, #header .slogan a { color: #fff; }
#header .s {
    position: absolute; left: 40px; top: 10px; width: 188px; height: 182px;
    background: url(/i/s/a.png) 0 0 no-repeat;
}
#header .s div {
    position: absolute; left: 19px; top: 12px; width: 150px; height: 151px;
    background: url(/i/s/z.png) 0 0 no-repeat;
}

#left-bar {
    z-index: 10;
    padding-bottom: 140px;
    float: left;
    margin: 40px 37px 0;
    width: 186px;
}
#left-bar .menu {
    font: bold .875em Arial,sans-serif;
    text-transform: uppercase;
    margin: 0 10px;
}
#left-bar .menu li {
    padding: 15px 10px;
    border-bottom: 2px solid #b6d0dc;
}
#left-bar .menu li.last { border-bottom-width: 0; }
#left-bar .menu, #left-bar .menu a { color: #221e1f; }
#left-bar .menu li.active a, #left-bar .menu li.active ul li.active a, #left-bar .menu li a:hover { text-decoration: underline; }
#left-bar .menu li ul {
	font: normal .8em Arial,sans-serif;
	text-transform: none;
	margin: 5px 5px 0;
}
#left-bar .menu li ul li {
	border: 0;
	padding: 0;
	margin: .2em 0 .2em .8em;
	text-indent: -.8em;

}
#left-bar .menu li ul li:before {
    content: "-\a0";
}
#left-bar .menu li.active ul li a { border-bottom-width: 0; }
#left-bar .menu li.active ul li a:hover { border-bottom: 1px solid; }

#left-bar .banners{
    margin: 0 10px 10px 15px;
}

#left-bar .banners .bnr{
    margin-bottom: 10px;
}

#right-bar {
    z-index: 20;
    float: right;
    width: 217px;
    margin: -30px 20px 0 0;
    padding-bottom: 160px;
    font: normal .8125em Arial,sans-serif;
}
#right-bar .block {
    margin-bottom: 1.2em;
}
#right-bar .block .r-title {
    height: 39px;
    font: bold 1.15em/39px Arial,sans-serif;
    color: #fff200;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 1.6em;
    white-space: nowrap;
    background: url(/i/rh.png) 0 0 no-repeat;
    overflow: hidden;
}
#right-bar .block .text {
    margin: 0 1.6em;
}

#center {
    z-index: 20;
    margin-top: -31px;
    float: left;
    width: 495px;
    padding-bottom: 120px;
}
#center .menu {
    font: bold .8125em Arial,sans-serif;
    height: 51px;
    background: #e0e0e0 url(/i/zr.png) 0 -153px repeat-x;
    padding: 0 20px 0 40px;
}
#center .menu ins { z-index: 10; position: absolute; top: 0px; width: 20px; height: 51px; overflow: hidden; background-image: url(/i/zr.png); background-repeat: no-repeat; }
#center .menu ins.l { left: 0px; background-position: 0 0; }
#center .menu ins.r { right: 0px; background-position: -20px 0; }
#center .menu li ins.l { background-position: 0 -51px; }
#center .menu li ins.r { background-position: -20px -51px; }
#center .menu li {
    position: relative;
    height: 21px;
    padding: 15px 30px;
    background: #e0e0e0 url(/i/zr.png) 0 -102px repeat-x;
    float: left;
}
#center .menu li.active a, #center .menu li a:hover { border-bottom: 1px solid; }

#contet, #content a { color: #221e1f; }
#content {
    font: normal .8125em Arial,sans-serif;
    margin-top: 1.2em;
}
#content .meta, #content .meta a { color: #fefefe; }
#content .meta {
    font: bold 1.07em Arial,sans-serif;
    margin: 1em 0;
    padding-bottom: 1px;
}
#content .meta .path { cursor: default; float: left; }
#content .meta .path a { white-space: nowrap; }
#content .meta .path a:hover { border-bottom: 1px solid; }
#content .meta .pages { float: right; }
#content .meta span { color: #fef100; }

#content .meta .pages a, #content .meta .pages span { margin: 0 .15em; }
#content .meta .pages a span { margin: 0; color: #fefefe; }

#content h1 {
    font: normal 2em Arial,sans-serif;
    margin: .6em 0 .8em;
}
#content h2 {
    font: normal 1.4em Arial,sans-serif;
    margin: .4em 0em .2em;
    color: #28267b;
}
#content h3 {
    font: normal 1.2em Arial,sans-serif;
    margin: .4em 0em .2em;
}
#content h4 {
    font: bold 1em Arial,sans-serif;
    margin: .2em 0em .1em;
}

#content .pr { background: #fdfdfd url(/i/pr.png) 100% 0 repeat-y; }
#content .pr ins { position: absolute; height: 15px; width: 495px; background-image: url(/i/pr.png); background-repeat: no-repeat; z-index: 1; overflow: hidden; }
#content .pr .ins { padding: 15px 20px 20px 15px; z-index: 10; }
#content .pr ins.t { left: 0px; top: 0px; background-position: 0 0; }
#content .pr ins.b { left: 0px; bottom: 0px; background-position: 0 -15px; }

/* ---- interfaces ----- */
.p-block {
    margin-top: -2px;
}
.p-block .photo {
    width: 160px;
    text-align: center;
    float: left;
    min-height: 1px;
    margin-bottom: 1em;
}
.p-block .photo img {
    max-width: 150px;
}


.prod-list {
    font-size: 1.2em;
}
.prod-list li {
    margin-bottom: .4em;
}
.prod-list li:before {
    content: "\2014\a0";
}
.prod-list a { border-bottom: 1px solid; }
.prod-list a:hover { border-bottom-width: 0; }

.price-link { float: right; margin-top: 1.2em; }
.price-link a { color: #28267B; border-bottom: 1px solid; }

/* --- feedback --- */
#content .feedback {
    margin-top: 1em;
}
#content .feedback .error {
    color: #c00;
}
#content .feedback .p {
    margin: .5em 0;
}
#content .feedback label {
    display: block;
}
#content .feedback .sel label { margin: .5em 0 }
#content .feedback .sel label input  { vertical-align: middle; width: auto; margin: 0; padding: 0; margin-right: .3em}
#content .feedback .p input, #content .feedback .p textarea {
    width: 30em;
    font: normal 1em Arial,sans-serif;
}
#content .feedback .p textarea {
    height: 5em;
}
#content .feedback .captcha input, #content .feedback .captcha img {
    vertical-align: middle;
}
#content .feedback .submit {
    margin-top: 1em;
}

#footer {
    z-index: 50;
    position: absolute; left: 50%; width: 1000px; margin-left: -500px; height: 77px; bottom: 18px;
    background: url(/i/fb.png) 0 -77px repeat-x;
    font: normal .75em Arial,sans-serif;
}
#footer ins { position: absolute; top: 0px; width: 12px; height: 77px; background-image: url(/i/fb.png); background-repeat: no-repeat; overflow: hidden; }
#footer ins.l { left: 0px; background-position: 0 0;}
#footer ins.r { right: -11px; background-position: -12px 0; }
#footer .gold { position: absolute; width: 142px; height: 99px; right: 50px; bottom: 7px; background: url(/i/gold.png) 0 0 no-repeat; }

#footer .address {
    float: left;
    margin: 7px 0 0 19px;
    height: 60px;
    background: url(/i/fb.png) 0 -214px repeat-x;
}
#footer .address ins { height: 60px; }
#footer .address ins.l { width: 50px; background-position: 0 -154px; }
#footer .address ins.r { right: 0px; width: 30px; background-position: -50px -154px; }
#footer .address .ins { padding: 13px 50px; }
#footer .address .text p { margin-bottom: 0; }
#footer .flexites {
    float: right;
    text-align: center;
    margin: 5px 245px 0 0;
}
#footer .flexites a {
    display: block;
    color: #666;
    text-align: center;
}
#footer .counters { margin: 18px 40px 0; }
#footer .counters .counter { display: inline-block; vertical-align: top; margin: 0 6px; }
#footer .flexites a span { display: block; }
#footer .flexites a:hover span { text-decoration: underline; }

#layout .z-bg, #layout .h-bg { position: absolute; z-index: 0; }
#layout .l-bg, #layout .r-bg, #layout .l-bg ins, #layout .r-bg ins { position: absolute; top: 0px; height: 100%; }
#layout .h-bg { z-index: 1; left: 0px; top: 0px; width: 100%; height: 200px; background: #174fa8 url(/i/h.jpg) 50% 0 no-repeat; -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/h.jpg', sizingMethod='scale')";}
#layout .z-bg { width: 1000px; top: 0px; height: 100%; left: 50%; margin-left: -500px; }
#layout .l-bg { left: 25px; width: 210px; background: #5488b6 url(/i/l1.png) 0 0 repeat-x; }
#layout .l-bg ins { left: 12px; width: 186px; background: #fefdfd url(/i/l2.png) 0 100% repeat-x; }
#layout .r-bg { right: 17px; width: 220px; background: #fefefe url(/i/l3.png) 0 0 repeat-y; }
#layout .r-bg ins { left: 3px; width: 208px; background: url(/i/l4.png) 0 100% repeat-x; }
