html {height: 100%}
body {height: 100%; margin: 0px; cursor: default; background: #6d4d37}

img {border: 0px}

div.img img, i.img img {border: 1px solid #d6c498; background: white}
div.img {background: #e2cca2; padding: 5px; position: relative; width: auto}
i.img {display: inline-block; background: #e2cca2; padding: 5px; position: relative; width: auto; cursor: pointer}
i.img img {display: inline}

form {margin: 0px}
p,ul,li,input,select,dt,dd,input,textarea {font-family: Verdana, Geneva; font-size: 13px; color: #ffecbd}
a {color: #fffda4}
a:hover {color: #ff5f68}
p.caption {font-size: 22px; margin-top: 0px; font-family: Georgia}
p.subcaption {font-size: 20px; margin-top: 36px; font-family: Georgia}
p.rcaption {color: #ff5f68; margin-top: 0px; font-size: 15px; font-weight: bold}
p.rcaption a {color: #ff5f68}
p.rcaption a:hover {color: #ff5f68; text-decoration: none}
a.hl {text-decoration: none; border-bottom: 1px dashed}
p.nav {font-size: 10px}
div.caption p.caption {float: left; margin-right: 36px}
div.caption img {float: right; margin-top: 6px}

#super {position: relative; min-width: 1000px; height: 100%; min-height: 100%; height: auto}

#middle {position: absolute; top: 50%; height: 50%; width: 100%; background: #6d4d37; overflow: hidden}
#middle img {position: absolute; right: 0px; top: 0px; height: 100%}
#middle div {position: absolute; right: 0px; top: 0px; height: 100%; width: 100%; filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#b84745', startColorstr='#6d4d37', gradientType='0')}
#gcan0 {position: absolute; right: 0px; top: 0px; height: 100%; width: 100%}
#intbg {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url('/images/bg-int.png') right bottom}

#bgc {position: absolute; top: 0px; height: 100%; width: 100%; right: 100px; overflow: hidden}
#bgc50 {position: absolute; top: 0px; height: 51%; width: 100%; overflow: hidden}
#bgc div.c1 {position: absolute; top: 154px; height: 100%; left: 0px; width: 100%; background: #6d4d37}

#bgc154 {position: absolute; top: 154px; height: 100%; left: 0px; width: 100%; overflow: hidden}
#bgc77 {position: absolute; bottom: 231px; height: 100%; left: 0px; width: 100%; overflow: hidden}
#bgc div.c2 {position: absolute; top: 0px; height: 100%; left: 0px; width: 100%; background: url('/images/bg.png') right bottom}
#bgc div.c3 {position: absolute; height: 50%; bottom: 0px; left: 0px; width: 100%}
#bgc div.c3 div.cs1 {position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#b84745', startColorstr='#6d4d37', gradientType='0')}
#bgc div.c3 div.cs2 {position: absolute; right: 0px; top: 0px; height: 100%; width: 100%; filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#b84745', startColorstr='#6d4d37', gradientType='0')}
#gcan1 {position: absolute; left: 0px; top: 0px; height: 100%; width: 100%}
#gcan2 {position: absolute; right: 0px; top: 0px; height: 100%; width: 100%}
#bgc img.c1 {position: absolute; left: 0px; top: 0px; height: 100%}
#bgc img.c2 {position: absolute; right: 0px; top: 0px; height: 100%}
#bgc div.c4 {position: absolute; top: 114px; height: 40px; left: 0px; width: 100%; background: url('/images/pgrad.png')}
#bgc div.c5 {position: absolute; left: 0px; bottom: 0px; width: 100%; height: 77px; background: url('/images/bg-int.png') right bottom}

#logo {position: absolute; left: 6%; top: 16px}
#logo img {position: absolute; left: -25px; top: 0px; width: 306px; height: 127px}
#logos {position: absolute; left: 0px; width: 100%; top: 65px}
#logos img {display: block; position: relative; left: 75px}

#tools {position: absolute; z-index: 10; right: 0px; top: 20px; height: 11px; width: 70px}
#tools img {float: left; margin-right: 14px; display: block; width: 14px; height: 11px}

#footer1 {background: red; position: absolute; z-index: 10; left: 23%; bottom: 0px; height: 60px}
#footer1 div {position: absolute; left: -188px; bottom: 0px; height: 60px; width: 300px}
#footer1 div p {font-size: 11px; margin: 0px}
#footer2 {position: absolute; z-index: 10; right: 0px; bottom: 0px; height: 60px; width: 200px}
#footer2 p {font-size: 11px; margin: 0px}
#footer3 {position: absolute; z-index: 9; left: 0px; bottom: 0px; height: 60px; width: 100%}
#footer3 p {font-size: 11px; margin: 0px; width: 510px; text-align: center; line-height: 20px; margin-top: -4px}
#footer3 span, #footer3 a {display: inline-block; margin: 0px 16px}
#footer3 span {color: #ff5f68}

#menuw {position: absolute; z-index: 10; left: 23%; top: 174px}
#menu {position: absolute; left: -190px; top: 0px; width: 150px}
#menu div {width: 150px; margin-bottom: 15px; position: relative}
#menu a {outline: none}
#menu div img {display: inline-block}
#menu div .dn {display: none}
#menu div div {position: absolute; left: -30px; top: 0px; margin: 0px; width: 23px; height: 14px; overflow: hidden}
#menu div div img {width: 23px; height: 14px; display: block}

#contentw {position: relative; padding: 164px 60px 120px 32%; left: -70px}
#content {min-height: 300px; height: auto}

div.ab {float: right; display: block; margin: 4px 0px 8px 16px}
div.cu {float: right; display: block; margin: 4px 0px 8px 16px}
div.ne {float: left; display: block; margin: 4px 16px 8px 0px}
div.cl {float: left; display: block; margin: 4px 16px 8px 0px}
div.clear {clear: both; height: 0px; overflow: hidden}

#lbank_m, #rbank_m, #lbank_ha, #rbank_ha {display: none}

div.vac {position: relative; margin-bottom: 32px; zoom: 1}
div.vac div.c1 {float: left; width: 40%}
div.vac div.c1 p {margin: 0px}
div.vac div.c2 {float: right; width: 40%}
div.vac div.c2 p {text-align: right; margin: 0px}
div.vac div.c2 p span {color: #ff5f68}
div.vac p.c1 {font-style: italic; text-align: right}
div.vac p.c1 span {font-style: normal; color: #ff5f68}

div.m32 {height: 0px; overflow: hidden; margin-top: -32px}

p.news_ys {margin-top: -12px; margin-bottom: 24px}
p.news_ys span, p.news_ys a {margin-right: 24px}
p.news_ys span {font-weight: bold}

div.news {position: relative; margin-bottom: 32px; zoom: 1}
div.news div {margin-left: 120px}
div.news div.img {float: left; margin: 0px}
div.news div p {margin: 0px}
div.news div p.rcaption {margin-bottom: 6px}
div.news div p.c1 {font-size: 10px}

p.news_date {font-size: 10px; margin-top: 16px; margin-bottom: 3px}

p.num_nav {text-align: center; margin-top: 64px}
p.num_nav a, p.num_nav span {margin: 0px 6px}
p.num_nav span {font-weight: bold}

#squery {background: #f0dcaf; border: 1px solid #8d7055; width: 300px; color: #6d4d37}
#sqbtn {background: url('/images/button-bg.png'); border: 1px solid #8d7055; color: #6d4d37}
div.sr {margin-top: 28px}
div.sr p {margin: 0px}
div.sr p.c1 {font-size: 15px; margin-bottom: 4px}
div.sr div {margin-top: 20px}

div.smap {margin-top: 28px}
div.smap p {font-size: 15px; margin: 16px 0px 0px 0px}
div.smap p.c1 {font-size: 12px; margin: 6px 0px 0px 20px}

div.m12 {height: 0px; overflow: hidden; margin-top: -12px}
div.p12 {height: 12px; overflow: hidden}

div.cli div {float: left; width: 50%}
div.cli div.c2 {float: left; width: 50%}
div.cli div.clear {width: 100%; float: none; height: 12px}
div.cli a {text-decoration: none; outline: none}
div.cli i {display: inline-block; margin-bottom: 4px}
div.cli span {text-decoration: underline; font-size: 15px}

div.cor div {float: left; width: 248px}
div.cor div.c2 {margin-left: 102px}
div.cor div.clear {width: 100%; float: none; height: 12px}
div.cor a {text-decoration: none; outline: none; font-size: 15px}
div.cor i {display: inline-block; margin-bottom: 4px; text-decoration: none}
div.cor img.c1 {margin: 3px 6px -3px 6px}
div.cor span.c1 {text-decoration: underline}
div.cor span.c2 {white-space: nowrap}

div.cora div {float: left; width: 180px; margin-right: 26px}
div.cora div.clear {width: 100%; float: none; margin: 0px}
div.cora a {text-decoration: none; outline: none}
div.cora i {display: inline-block; margin-bottom: 4px}
div.cora span {text-decoration: underline}

#sq_pg p {margin: 0px}
#sq_pg_bg {background: #5b412f; opacity: 0.75; filter: alpha(opacity=75)}
#sq_pg_container {background: #6d4d37}
.sq_pg_t {background: #6d4d37; height: 8px; top: -8px; overflow: hidden}
.sq_pg_b {background: #6d4d37; height: 8px; bottom: -8px; overflow: hidden}
.sq_pg_l {background: #6d4d37; width: 8px; left: -8px; overflow: hidden}
.sq_pg_r {background: #6d4d37; width: 8px; right: -8px; overflow: hidden}
.sq_pg_tl {left: -8px; top: -8px; width: 8px; height: 8px; background: url('/images/pg/tl.png'); overflow: hidden}
.sq_pg_bl {left: -8px; bottom: -8px; width: 8px; height: 8px; background: url('/images/pg/bl.png'); overflow: hidden}
.sq_pg_tr {right: -8px; top: -8px; width: 8px; height: 8px; background: url('/images/pg/tr.png'); overflow: hidden}
.sq_pg_br {right: -8px; bottom: -8px; width: 8px; height: 8px; background: url('/images/pg/br.png'); overflow: hidden}
#sq_pg_close {right: 8px; top: 0px}
#sq_pg_close a {text-decoration: none; color: #ff5f68; outline: none; font-size: 18px}
#sq_pg_close a:hover {color: red}
#sq_pg_prev {bottom: 12px; left: 36px}
#sq_pg_next {bottom: 12px; right: 36px}
#sq_pg_prev a, #sq_pg_next a {text-decoration: none; outline: none}
#sq_pg_prev a:hover, #sq_pg_next a:hover {color: #fffda4}
#sq_pg_prev span, #sq_pg_next span {text-decoration: underline}
#sq_pg_prev img, #sq_pg_next img {display: inline; position: relative; top: 3px}
#sq_pg_s {padding: 0px 36px; top: 4px}

/* © Artlebedev.ru */

	li {margin: 0.5em 0 0.5em 1.3em}
	ul {list-style-type: none;
	//list-style-image: url('/images/li.gif');
	}

	ul li
	{
        padding: 0;
        behavior: expression(
            ( !this.before && parentNode && parentNode.tagName == 'UL' )
            ?
                ( this.before = true )
                & ( parentNode.style.listStyleImage = 'none' )
                & (
                    ( this.firstChild && this.firstChild.firstChild )
                    ?
                        ( this.firstChild.style.marginTop = '-1.2em' )
                        & ( this.firstChild.style.position = 'relative' )
                    : ''
                )
                & ( eNOBR = document.createElement( '<nobr style="position: relative; display: block; width: 1.25em; left: -1.25em; margin: 0 -1.25em -1.2em 0;" />' ) )
                & ( eNOBR.innerHTML = '&mdash;&nbsp;' )
                & ( this.insertBefore( eNOBR, this.firstChild ) )
            : ''
        );
    }
    ul>li:before
    {
        content: '\2014\a0';
        float: left;
        margin-left: -1.25em;
    }
    ul>li>*:first-child:-moz-first-node
    {
        margin-top: -1.2em;
    }
    ul>li>*
    {
        text-indent: 0;
    }
    .sup
    {
        position: relative;
        top: -0.5em;
        font-size: 0.75em; //font-size: 0.89em;
        line-height: 0;
        vertical-align: baseline;
	}

/* © */
