/*Основа и минимальная ширина + хак для IE6*/
HTML {height: 100%;}
BODY {height: 100%; min-height: 100%; width: 100%; font-size: 14px; line-height: 18px; font-family: 'Times New Roman', serif; color: #000; background: #627f26 url(/pics/bg/grass.gif) left 366px;}
BODY#first {background-color: #000; background-image: none;}
.minwidth {position: relative; min-width: 1000px; _height: 100%;}
.minheight {height: 100%; min-height: 600px; overflow: hidden;}
* HTML .minwidth {width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 1000? "1000px":"auto");}
* HTML .minheight {height: expression((document.documentElement.clientHeight || document.body.clientHeight) < 600? "600px":"100%");}
/*---*/

.cntr {position: absolute; left: -1px; top: -1px; width: 1px; height: 1px; overflow: hidden;}

/*Визуал*/
.visual {position: relative; z-index: 1; width: 100%; height: 100%; overflow: hidden; background: #000;}
.onmap {position: absolute; z-index: 2; left: 76.5%; bottom: 325px; font-size: 14px; line-height: 20px; font-family: Georgia; font-style: italic; font-weight: bold;}
.logo-text {position: absolute; z-index: 2; left: 3%; bottom: 170px;}
/*---*/

/*Шапка*/
.header {position: relative; z-index: 2; height: 223px; background: #fff url(/pics/bg/header.gif) left top repeat-x; margin-bottom: 59px;}
.header .logo {position: absolute; z-index: 2; width: 299px; height: 225px; left: 6%; top: 0px; text-indent: -500px; overflow: hidden;}
.header .interest {position: absolute; z-index: 2; width: 144px; height: 144px; top: 75px; right: 15%;}
.header .hplace {position: absolute; z-index: 1; width: 100%; height: 235px; top: 47px; overflow: hidden;}
.header .house {position: absolute; z-index: 1; top: 0px; left: 50%; margin-left: -745px;}
.top-grass {position: absolute; z-index: 1; width: 100%; height: 143px; left: 0px; top: 223px; background: #627f26 url(/pics/bg/grass-top.gif) left top repeat-x;}
.slogan {position: absolute; z-index: 3; left: 6%; top: 65px; font-size: 22px; line-height: 26px; font-style: italic; margin-left: 220px;}
.bnr {position: absolute; display: block; z-index: 2; top: 55px; right: 11%; cursor: pointer; margin-left: -1px;}
/*---*/

/*Меню*/
.mainmenu {position: absolute; z-index: 4; width: 100%; height: 84px; left: 0px; top: 257px; overflow: hidden;}
#menu {width: 80%; height: 84px; font-size: 13px; line-height: 20px; font-family: Georgia; font-style: italic; font-weight: bold;}
.visual #menu {position: absolute; z-index: 2; left: 20%; bottom: 55px;}
.mainmenu #menu {position: relative; margin: auto; overflow: hidden;}
#menu LI {position: absolute; z-index: 5; display: block; width: 20%; height: 39px; overflow: hidden;}
#menu LI .menuitem {z-index: 5; text-decoration: none; display: block; height: 20px; padding: 15px 8px 4px; margin-right: 5px;}

*+HTML #menu LI .menuitem {padding: 15px 0px 4px;}
*+HTML #menu LI .menuitem SPAN {position: relative; height: 20px; display: block; padding: 0px 8px; top: -4px; cursor: pointer;}
* HTML #menu LI .menuitem {padding: 15px 0px 4px;}
* HTML #menu LI .menuitem SPAN {position: relative; height: 20px; display: block; padding: 0px 8px; top: -4px; cursor: pointer;}

#menu .m1 {left: 0%; top: 0px;}
#menu .m2 {left: 20%; top: 0px;}
#menu .m3 {left: 40%; top: 0px;}
#menu .m4 {left: 60%; top: 0px;}
#menu .m5 {left: 80%; top: 0px;}
#menu .m6 {left: 0%; top: 45px;}
#menu .m7 {left: 20%; top: 45px;}
#menu .m8 {left: 40%; top: 45px;}
#menu .m9 {left: 60%; top: 45px;}
#menu .m10 {left: 80%; top: 45px;}
#menu .m1 .sb-inner, #menu .m1 A, #menu .m1 A SPAN {background-color: #c81b00;}
#menu .m2 .sb-inner, #menu .m2 A, #menu .m2 A SPAN {background-color: #e03500;}
#menu .m3 .sb-inner, #menu .m3 A, #menu .m3 A SPAN {background-color: #e46100;}
#menu .m4 .sb-inner, #menu .m4 A, #menu .m4 A SPAN {background-color: #fe8900;}
#menu .m5 .sb-inner, #menu .m5 A, #menu .m5 A SPAN {background-color: #feb900;}
#menu .m6 .sb-inner, #menu .m6 A, #menu .m6 A SPAN {background-color: #e03500;}
#menu .m7 .sb-inner, #menu .m7 A, #menu .m7 A SPAN {background-color: #e46100;}
#menu .m8 .sb-inner, #menu .m8 A, #menu .m8 A SPAN {background-color: #fe8900;}
#menu .m9 .sb-inner, #menu .m9 A, #menu .m9 A SPAN {background-color: #feb900;}
#menu .m10 .sb-inner, #menu .m10 A, #menu .m10 A SPAN {background-color: #FED700;}
#menu SPAN.menuitem {background-color: #e3e3e3; color: #000;}
#menu SPAN.menuitem .sb-inner {background-color: #e3e3e3;}
#menu SPAN.menuitem SPAN {background-color: #e3e3e3; cursor: default !important;}
#menu A:hover {background-color: #e3e3e3; color: #000;}
#menu A:hover .sb-inner {background-color: #e3e3e3;}
#menu A:hover SPAN {background-color: #e3e3e3;}
#menu A.active {background-color: #e3e3e3; color: #000;}
#menu A.active .sb-inner {background-color: #e3e3e3;}
#menu A.active SPAN {background-color: #e3e3e3;}
/*---*/

/*Контент*/
.white {position: absolute; z-index: 1; width: 100%; height: 100%; left: 0px; top: 0px; overflow: hidden;}
* HTML .white {display: none;}
.cont {position: relative; z-index: 1; width: 100%; height: 100%; background-color: #fff;}
.cont .sb-inner {background-color: #fff;}
#content {position: relative; z-index: 3; margin: 0px 4%; padding: 45px 100px 60px;}
* HTML #content {background: #fff; border: 1px solid #fff; height: auto;}
#content .text {position: relative; z-index: 4; margin-right: 190px; _height: 1%;}
#content H2 {margin-right: 90px;}
#content P.big {margin-right: 90px;}
#content .zindex {position: relative; z-index: 3;}
#content.gcontent {min-height: 360px; _height: 360px;}
/*---*/

/*Контакты и погода в листе*/
.rcol {position: absolute; z-index: 6; right: 0px; top: 100px; width: 270px; _right: 4%;}
.contacts {padding: 5px 0px 0px 20px; border-left: 1px solid #a8a8a8; font-style: italic; font-size: 13px; line-height: 16px; margin-bottom: 20px;}
.contacts SPAN {display: block; font-size: 42px; line-height: 46px; margin-top: 3px;}

.weather {padding: 0px 20px 0px 21px; font-style: italic; font-size: 13px; line-height: 16px; margin-bottom: 20px;}
.weather STRONG {font-weight: bold;}
.weather SPAN {display: block; margin: 5px 0px;}

.news {padding: 0px 20px 0px 21px; font-style: italic; font-size: 13px; line-height: 16px; margin-bottom: 20px;}
.news STRONG {font-weight: bold;}
.news SPAN {display: block; margin: 5px 0px;}
.news SPAN.all {font-style: normal;}
.news SPAN.all A {padding-right: 20px; background: url(/pics/i/next.gif) right 7px no-repeat;}

#content .pub {margin: 20px 0px;}
#content .pub P {margin: 0px;}
#content .pub H3 {margin: 0px;}
#content .pub P.pubdate {font-style: italic; font-size: 13px; line-height: 16px;}

.rcol.incont {left: 65%; margin-left: -10px; width: 35%; top: 137px; _left: 52%;}
.rcol.incont .weather {padding: 0px;}
.rcol.ingallery {right: 0px;}
.rcol.ingallery .weather {padding: 1px 0px 1px 20px; border-left: 1px solid #a8a8a8;}
/*---*/

/*Хотлинки в листе*/
.hotlinks {width: 270px; z-index: 5;}
.hotlinks SPAN {position: relative; display: block; margin: 20px 0px; padding-left: 110px; height: 55px;}
.hotlinks SPAN A {text-decoration: none;}
.hotlinks SPAN IMG {position: absolute; z-index: 1; left: 0px;}
.hotlinks SPAN STRONG {position: relative; z-index: 2; top: 4px; font-weight: normal !important; text-decoration: underline;}
.hotlinks SPAN.hl3 {height: 70px;}
.hotlinks SPAN.hl3 IMG {left: -15px;}
.hotlinks SPAN.hl3 STRONG {top: 10px;}
.hotlinks SPAN.hl4 IMG {left: -5px;}
.hotlinks SPAN.hl4 STRONG {top: 16px;}
/*---*/

/*Контакты*/
.table-contacts {position: relative; width: 100%; margin-bottom: 30px; z-index: 20;}
.table-contacts TD {vertical-align: top;}
.table-contacts TD.form {width: 35%; padding-left: 20px;}
.table-contacts TD H3 {margin-top: 0px !important;}
.contactsmap {margin-top: -10px; height: 382px; padding: 2px; border: 1px solid #a8a8a8; overflow: hidden; _height: 384px;}
.feedback {margin-top: -10px; padding: 1px 20px 20px 20px; background-color: #e3e3e3;}
.feedback TABLE {table-layout: fixed; width: 100%;}
.feedback TABLE TD {padding-right: 10px; vertical-align: top;}
.feedback TABLE TH {width: 20px;}
.feedback LABEL {display: block; margin: 15px 0px 3px;}
.feedback .input, .feedback TEXTAREA {font-size: 22px; line-height: 26px; font-family: 'Times New Roman', serif; color: #000; padding: 4px; color: #444; width: 100%; border: 1px solid #a8a8a8;}
.feedback .input:focus, .feedback TEXTAREA:focus {border-color: #c81b00; color: #000;}
.feedback TEXTAREA {height: 100px;}
.feedback .submit {padding: 6px 0px; font-size: 16px; line-height: 18px; font-family: 'Times New Roman', serif; color: #000; margin-top: 15px; width: 150px; cursor: pointer;}
.feedback .submit.disabled {cursor: default; opacity: 0.3; filter: alpha(Opacity=30);}
.progress {position: relative;}
.progress SPAN {position: absolute; left: 170px; top: 18px; display: block; padding: 4px 0px 6px;}
.progress SPAN.sending {background: url(/pics/i/wait.gif) left bottom no-repeat; padding-left: 40px;}
/*---*/

/*Особенности*/
.features {position: relative; z-index: 3;}
.features .ftitles {position: relative; z-index: 1; height: 65px; overflow: hidden;}
.features .ftitles H3 {float: left; padding: 11px 0px 28px; margin: 0px 15px !important; _height: 54px;}
.features .ftitles H3.active {background: #e3e3e3; padding: 11px 15px 28px; margin: 0px !important;}
.features .ftitles H3.active .sb-inner {background: #e3e3e3;}
.features .link {color: #c81b00; text-decoration: underline; cursor: pointer;}
.features .ftitles H3.active .link {color: #000; text-decoration: none; cursor: default;}
.features .feature {position: relative; z-index: 2; font-weight: bold; font-style: italic; clear: both; background: #e3e3e3; display: none; height: 210px; top: -15px;}
.features .feature IMG {position: absolute; z-index: 3; left: -70px; top: 0px;}
.features .feature TABLE {position: relative; z-index: 2; width: 100%;}
.features .feature TABLE TD {padding: 0px 310px 0px 110px; height: 210px;}
.features .feature .sb-inner {background: #e3e3e3;}
.features .feature.active {display: block;}
/*---*/

.projects {position: relative; z-index: 3; table-layout: fixed; width: 100%; margin-bottom: -30px;}
.projects TABLE {table-layout: fixed; width: 100%;}
.projects TABLE TD {vertical-align: top; padding-bottom: 30px;}
.projects TABLE TH {width: 50px;}
.projects TABLE TD H3 {margin: 0px 0px 10px !important; font-size: 16px !important; line-height: 22px !important;}
.projects TABLE TD P {margin: 0px !important; font-size: 13px !important; line-height: 16px !important; color: #444; font-style: italic;}
.projects TABLE TD.smallpic {width: 160px;}
.projects TABLE TD.smallpic A {margin-top: 3px; display: block; width: 140px; height: 90px; padding: 3px; background: #e3e3e3;}
.projects TABLE TD.smallpic A:hover {background: #fe8900;}

.submenu {position: relative; z-index: 3; font-size: 18px; line-height: 26px; margin: 30px 0px; height: 42px; _margin: 0px;}
.submenu SPAN.subitem {float: left; position: relaitve; margin-right: 20px; padding: 8px 0px; _height: 26px;}
.submenu SPAN.subitemactive {padding: 8px 16px; background: #e3e3e3;}
.submenu SPAN.subitemactive A {color: #000 !important;}
.submenu SPAN.subitemactive .sb-inner {background: #e3e3e3;}

.submenu.small {font-size: 14px; line-height: 18px; height: auto;}
*+HTML .submenu.small {height: 30px;}
* HTML .submenu.small {height: 30px;}
.submenu.small SPAN.subitem {padding: 6px 0px; margin-right: 15px; background: #fff;}
* HTML .submenu.small SPAN.subitem {height: 18px;}
.submenu.small SPAN.subitem .sb-inner {background: #fff;}
.submenu.small SPAN.subitemactive {padding: 6px 12px; background: #e3e3e3;}
.submenu.small SPAN.subitemactive .sb-inner {background: #e3e3e3;}
.submenu.small SPAN.subitem SPAN {color: #c81b00; text-decoration: underline; cursor: pointer;}
.submenu.small SPAN.subitemactive SPAN {color: #000; text-decoration: none; cursor: default;}

.projectgallery {position: relative; z-index: 3; margin: 30px 0px 26px; _height: 1%; _margin-top: 0px;}
*+HTML .projectgallery {height: 100%;}
.projectgallery A {position: relative; float: left; display: block; width: 140px; height: 90px; padding: 3px; background: #e3e3e3; margin: 4px 4px 0px 0px;}
.projectgallery A:hover {background: #fe8900;}

/*Галерея*/
#gallery {clear: both; position: relative; z-index: 3; padding: 20px 0px 0px; margin: 0px 0px 30px;}
*+HTML #gallery {height: 1%;}
* HTML #gallery {height: 1%;}
#gallery A {position: relative; float: left; display: block; width: 80px; height: 60px; color: #fff; text-decoration: none; margin: 4px 4px 0px 0px; padding: 3px; background: #e3e3e3;}
#gallery A:hover {background: #fe8900;}
.prlist {position: relative; z-index: 3; margin: 0px !important; float: left; width: 36%;}
.prlist.gfull_l {float: left; width: 48%;}
.prlist.gfull_r {float: right; width: 48%;}
.prlist LI {margin: 0px !important; padding: 6px 12px !important; background: none !important;}
.prlist LI.active {padding: 6px 0px !important;}
* HTML .prlist LI.active {padding: 0px !important; height: 1%; overflow: hidden;}
.prlist SPAN.subitemactive {padding: 6px 12px; background: #e3e3e3; _float: left; position: relaitve; _overflow: hidden; display: block;}
.prlist SPAN.subitemactive .sb-inner {background: #e3e3e3;}
/*#gallery {margin: 30px 0px; position: relative; overflow: auto; overflow-y: hidden; z-index: 3; width: 100%; _height: auto;}
#gallery .scroller {position: relative; padding-bottom: 10px;}
*+HTML #gallery .scroller {padding-bottom: 30px; height: 100%; width: 100%;}
* HTML #gallery .scroller {padding-bottom: 30px; width: 100%;}
#gallery TABLE {table-layout: fixed; height: 100%;}
* HTML #gallery TABLE {height: auto !important;}
#gallery TABLE TD {width: 360px; padding: 0px 6px 10px 10px; vertical-align: top; overflow: hidden;}
#gallery TABLE TD.color {background-color: #e3e3e3;}
#gallery TABLE TD SPAN {display: block; width: 360px; padding: 10px 0px 0px; font-size: 13px; line-height: 16px; color: #444; font-style: italic; clear: both;}
#gallery TABLE TD A {position: relative; float: left; display: block; width: 80px; height: 60px; color: #fff; text-decoration: none; margin: 4px 4px 0px 0px; padding: 3px; background: #e3e3e3;}
#gallery TABLE TD.color A {background: #fff;}
#gallery TABLE TD A:hover {background: #fe8900;}*/
.rcol #gallery {margin: -10px 0px 0px 20px;}
/*---*/

.plan {position: relative; z-index: 5; width: 100%; height: 919px; margin: 30px 0px; overflow: hidden;}
.scheme {position: relative; z-index: 5; border: 1px solid #a8a8a8; padding: 2px; height: 600px; margin: 30px 0px; overflow: hidden;}

/*Карта Google*/
.popup {position: absolute; z-index: 5; width: 100%; height: 100%; overflow: hidden; left: 100%; top: 0px;}
.popup.active {left: 0px;}
.popup .dark {position: absolute; z-index: 1; width: 100%; height: 100%; left: 0px; top: 0px; background: #000; opacity: 0.7; filter: alpha(Opacity=70);}
.popup .gmap {position: absolute; z-index: 2; width: 800px; height: 600px; left: 50%; top: 50%; margin: -310px 0px 0px -410px; padding: 10px;}
.popup .gmap, .popup .gmap .sb-inner  {background-color: #fff;}
/*---*/

/*Подвал*/
.reaktive {position: absolute; z-index: 2; left: 2%; bottom: 15px; font-size: 11px; font-weight: bold; font-style: italic; text-decoration: none;}
.reaktive:hover {text-decoration: underline;}
.footer {position: relative; height: 60px; width: 100%; overflow: hidden;}
.footer .reaktive {left: 4%; top: 10px;}
/*---*/

/**/
.popup {position: fixed; left: 0px; top: 0px; z-index: 50; height: 100%; width: 100%;}
.popupbg {position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; z-index: 1; background: #000; opacity: 0.8; filter: alpha(Opacity=80);}
*html #popup {position: absolute; top: expression( ( 0 - popup.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );}
.pform {position: absolute; left: 50%; top: 50%; z-index: 2; width: 500px; height: 400px; margin: -210px 0px 0px -260px; background: #fff; font-size: 16px; line-height: 22px; font-family: 'Times New Roman', serif; color: #000; padding: 20px;}
.pform A {color: #c81b00;}
.pform H3 {position: relative; z-index: 2; font-size: 22px; line-height: 26px; margin: 0px;}
.pform P {margin: 10px 0px;}
.pform EM {font-style: italic;}
.pform .feedback {margin-top: -10px; padding: 1px 0px 0px; background-color: #fff;}
.pclose {position: absolute; z-index: 3; top: 10px; right: 10px; cursor: pointer;}
.popup #gallery {left: -5px; padding: 0px; margin: 10px 0px; width: 365px; height: 66px; overflow: hidden;}
.popup #gallery A {margin: 0px 0px 0px 5px;}

.spec {float: left; width: 106px; height: 400px; margin: 0px 20px 0px 0px;}
.spec A {display: block; margin-bottom: 5px; padding: 3px; background: #e3e3e3;}
.spec A:hover {background: #fe8900;}
/*---*/

/*Разное*/
* HTML .png {filter:expression(fixPNG(this));}
.clear {clear: both; height: 0px; overflow: hidden;}
.nobr {white-space: nowrap;}
.red {color: #c81b00;}
.back {position: relative; left: -20px;}
.back A {padding-left: 20px; background: url(/pics/i/back.gif) left 9px no-repeat;}
.next {padding-right: 20px; background: url(/pics/i/next.gif) right 9px no-repeat;}
.up_link {position: relative; left: -20px; padding-left: 20px; background: url(/pics/i/up-link.gif) 2px 7px no-repeat;}
/*---*/

/*Предзагрузка*/
.f_preloafer {position: absolute; width: 0px; height: 0px; overflow: hidden;}