html, body {height:100%; margin:0; padding: 0}
html>body {min-height:100%; height:auto;}
html {background: url(../img/hbg.gif) bottom left}
body {position:relative;font-family: Tahoma, sans-serif; color: #122a70;font-size: 11px; line-height: 1.4em; background: url(../img/bbg.gif) bottom left repeat-x}
img {border: 0}
h1, h2, h3, h4, h5, h6 {line-height: 1.2em; margin-top: 0px; color: #122a70; margin-bottom: 10px}
h1 {font-size: 14px}
h2 {font-size: 12px}
.biggercol .alt_hdr {color: #ff6600}
a {color: #122a70}
a:hover {text-decoration: none}
.alt_link {color: #0033ff}
p {margin: 0 0 10px 0}
form, input, textarea, select {margin: 0px; padding: 0px}
.txtimg {float: left; border: 2px solid #ffffff; margin: 0 10px 7px 0}
.lobj {position: absolute;}
.dno {display: none;}
.fr {float: right;}
#msr {position: absolute; visibility: hidden; width: 100%; top: -3em; left: 0px}
#main_wrap {min-width: 990px; _width: expression(document.getElementById("msr").offsetWidth < 990 ? "990px" : "100%");}
#header {padding-top: 5px; /*overflow: auto;*/ zoom: 1}
#footer {position:absolute; bottom:0; width:100%; height: 200px; margin-top: -100px; z-index: 1}
#footer b {height: 200px; display: block; margin-left: 2%; background: url(../img/fbg.gif) bottom left repeat-x}
#footer .lobj {right: 0px; bottom: 0px; width: 340px; height: 175px; background: url(../img/ruler.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/ruler.png, sizingMethod=crop)}
#footer .copy {position: absolute; left: 2%; bottom: 20px; color: #ffffff}
#footer .copy a {color: #ffffff}
#footer .copy2 {position: absolute; left: 2%; bottom: 4px; color: #ffffff;z-index:9999}
#footer .copy2 a {color: #ffffff;z-index:9999}
#main {padding-top: 10px; padding-bottom:100px; position: relative; z-index: 2; overflow: hidden; zoom: 1;}
#topmenu, #header, #main  {margin: 0 2%;}
#topmenu {list-style-type: none; padding: 0px; overflow: auto; zoom: 1;}
#topmenu li {float: left; width: 20%; //width: 19.96%; height: 34px; position: relative}
#topmenu li a {color: #ffffff; background: #cccccc; text-transform: uppercase; display: block; height: 34px; line-height: 34px; text-align: center; text-decoration: none; font-weight: bold; margin-left: 15px}
#topmenu li a:hover {text-decoration: underline}
#topmenu li.first a {margin-left: 12px}
#topmenu li b {position: absolute; width: 12px; height: 34px; top: 0px; left: 3px}
#topmenu li.first b {left: 0px}
#logo {height: 120px; width: 78%; float: left; border-right: 1px solid #adb9c2; position: relative; background: url(../img/hdrbg.png) left no-repeat; _background-image: url(../img/hdrbg.gif)}
#anim_logo {width: 255px; height: 120px; margin-left: 4px; overflow: hidden;}
#text_logo {position: absolute; width: 170px; left: 118px; top: 25px; line-height: 36px; font-size: 9px;}
#logo a {display: block; padding-top: 120px;}
#logo .lobj {top: -5px; right: -27px; width: 315px; height: 178px; background: url(../img/stanok.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/stanok.png, sizingMethod=crop)}
#topinfo {margin-left: 80%; padding-left: 3px;}
#topinfo .b {height: 12px; line-height: 0; position: relative; _left: -3px}
#topinfo .b b {position: absolute; top: 0px; right: 0px; width: 12px; height: 12px; _right: -4px}
#contacts {background: url(../img/cont_bg.gif) top right repeat-y #f3f7fb; padding: 10px 10% 0 10%; //padding: 10px 2% 0 2%}
#contacts h3 {text-align: right; text-transform: uppercase; margin-bottom: 0; font-size: 11px}
#contacts dl {margin: 0; padding: 0; font-size: 10px; line-height: 1.2em}
#contacts dt {color: #ff6600; margin-top: 5px}
#contacts dd {margin: 0; color: #6f6f6f}
#search {margin-top: 5px; height: 35px; margin-left: 15px}
#search .butt {position: relative; float: left; width: 40px; height: 35px; background: url(../img/lupa.png); margin-left: -25px;  _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/lupa.png, sizingMethod=crop); zoom: 1}
#search input.txtfld {border: none; color: #122a70; height: 17px; margin-top: 16px; width: 80%}

#urhere {margin-bottom: 20px; font-size: 12px}
#urhere a {font-weight: bold}
#urhere span {color: #ffffff; background: #ff7a19; padding: 0 3px}
#urhere span a {font-weight: normal; color: #ffffff}

#mainmenu, #mainmenu ul {list-style-type: none; margin: 0; padding: 0}
#mainmenu ul {margin-left: 15px; margin-top: 5px}
#mainmenu li {font-size: 15px; margin-bottom: 20px; font-weight: bold}
#mainmenu li li {font-size: 12px; font-weight: normal; margin-bottom: 10px}
#mainmenu li li li {font-size: 11px; margin-bottom: 3px}
#mainmenu li.act a {color: #ff6633; text-decoration: none; font-weight: bold}
#mainmenu li.act li a {color: #122a70 !important; font-weight: normal !important; text-decoration: underline !important;}

.leftcol, .midcol, .rightcol {float: left; position: relative}
.leftcol, .rightcol {width: 22%; _width: 20.97%}
.leftcol .wrapper {padding: 0 10px 0 20px}
.midcol .wrapper {padding: 0 20px}
.rightcol .wrapper {padding: 0 20px 0 10px}
.midcol {width: 56%; min-height: 300px; _height: 300px}
.biggercol {width: 78%; padding-bottom: 75px;}
.midcol, .rightcol {background: url(../img/colbg.png) left repeat-y}
.fadein {position: absolute; top: 0px; left: 0px; width: 1px; height: 50px;}
.fadeout {position: absolute; bottom: 0px; left: 0px; width: 1px; height: 50px;}

.flist {float: left; width: 40%; margin: 0 2%;}
.flistwrap {position: relative; width: 100%; text-align: center;}
.flistwrap img {width: 175px; border: 2px solid #ffffff}
.clear {clear: left; height: 20px;}

.anonce_item {margin-bottom: 20px; padding: 1px; overflow: auto; zoom: 1}
.anonce_item img {float: left; width: 175px; border: 2px solid #ffffff}
.anonce_item .plot {margin-left: 200px}
.learnmore {font-size: 10px; display: block; float: right; clear: right; margin-top: 5px}

.newslist dt {margin-bottom: 5px; color: #ffffff; font-weight: bold; background: #f1ad53; float: left; padding: 0 3px; _float: none; _width: 20px; line-height: 1.2em}
.newslist dd {margin: 0 0 20px 0; padding: 0; clear: left}

#topmenu li a, #topmenu li b, #topinfo .b, #topinfo .b b, .fadein, .fadeout, #search {background-image: url(../img/sprites.gif); background-repeat: no-repeat}
#topmenu li a {background-position: 100% -40px}
#topmenu li b {background-position: 0 -40px}
#topmenu li.act a {background-position: 100% 0}
#topmenu li.act b {background-position: 0 0}
#topinfo .b {background-position: -16px -80px}
#topinfo .b b {background-position: 0 -80px}
.fadein {background-position: 0 -160px}
.fadeout {background-position: -1px -160px}
#search {background-position: 100% -120px}

.photoscroll {background: #27498f; padding: 4px; position: relative; overflow: hidden; height: 96px}
.photoscroll .scroller {position: absolute; top: 4px; left: 4px; height: 96px}
.photoscroll img {margin: 0 4px; background: #000000; width: 96px; height: 96px}

.wrapper table {border-collapse: collapse; border: 0; border-left: #cfcfcf 1px solid; border-top: #cfcfcf 1px solid}
.wrapper td {background: #ebebeb; border: 0; border-right: #cfcfcf 1px solid; border-bottom: #cfcfcf 1px solid}

.panMargin {position: relative; height:125px; background: #27498f; padding: 1px;}
.panDiv {overflow: hidden; margin: 0 4px; white-space: nowrap; position: relative; height: 123px;}
.panLeft, .panRight {position: absolute; top: 0; height: 123px; line-height: 123px; text-align: center; width: 35px; cursor: pointer; z-index:1}
.panLeft {left: 0; background: url(/img/larr.png) center center no-repeat;}
.panRight {right: 0; background: url(/img/rarr.png) center center no-repeat;}
.previewHolder {position: absolute; left: 0; top: 0;}
.previewHolder a {position: relative;}
.previewHolder img {border: 1px solid #27498f; cursor: pointer; width:113px; height:113px; margin: 5px;}
.previewHolder img.act {border: 1px solid #efefef;}