* { padding: 0; margin: 0; }
img { border: 0; }
*:focus { outline: none !important; }
html { font-family: 'Trebuchet MS', Arial; font-size: 100%; }
body { font-size: 0.625em; background: #bce0fb url('/i/bg-site-top.png') 0 0 repeat-x; text-align: center; }
html, body {  height: 100%; min-width: 960px; }
input, textarea, select { font-family: 'Trebuchet MS', Arial; font-size: 1em; }

.va-child { display: -moz-inline-box; display: inline-block; vertical-align: middle; zoom: 1; //display: inline; }
.va-helper { display: -moz-inline-box; display: inline-block; vertical-align: middle; height: 100%; width:0px; zoom: 1; //display: inline; }

.w-content { max-width: 1285px; padding: 0 60px; margin: 0 auto; text-align: left; }
i.d { display: block; overflow: hidden; text-indent: -9999px; }

h1 { font-size: 3em; font-weight: normal; margin: 1em 0 .6em 0; color: #06436f; }
h1 span { font-size: 1.33em; }
p { font-size: 1.4em; margin: 1em 0; line-height: 1.6em; text-align: justify; }

#header { z-index: 1000; position: fixed; top: 0; left: 0; min-height: 52px; width: 100%; min-width: 960px; background: url('/i/bg-header.png') 0 0 repeat-x; }
#header .w-content { text-align: center; }
#logo { position: relative; float: left; text-decoration: none; text-align: right; padding-right: 50px; margin-top: 2px; }
#logo strong { color: #fff; font-size: 2.4em; font-weight: normal; }
#logo span { font-size: 1.4em; font-style: italic; color: #adc1ce; line-height: .8em; }
#logo i { position: absolute; top: 5px; right: 0; width: 39px; height: 35px; overflow: hidden; text-indent: -9999px; background: url('/i/logo.png') 0 0 no-repeat; }
#contact { float: right; text-align: right; margin-top: .7em; }
#contact p { font-size: 2em; color: #fff; margin: 0; line-height: 1.1em; }
#contact a { color: #bbd0e5; font-size: 1.1em; font-style: italic; position: relative; z-index: 9999; }
#header ul { list-style: none; font-size: 1.4em; font-style: italic; margin: 0 auto; position: relative; left: -1.5em; }
#header li { display: inline; margin-left: 3em; line-height: 3.4em; }
#header li a { color: #fff; }
#header li a:hover { color: #d2e7f9; }

#finder { height: 625px; margin-top: 40px; position: relative; }
#finder { _padding-top: 15px; *padding-top: 15px; }
#finder .w-content { padding: 0 60px; }
#appeal { position: relative; float: left; width: 385px; height: 510px; }
#appeal .va-child { width: 380px; padding-top: 30px; }
#appeal h1 { font-size: 3em; font-weight: normal; line-height: 1.2em; margin: 0; color: #055185; }
#appeal h1 span { font-size: 1.4em; }
#appeal .goods { color: #000; font-size: 2em; }
#appeal ul { list-style: none; font-size: 1.4em; }
#appeal li { position: relative; padding: 20px 0; padding-left: 60px; }
/*#appeal li span { border-bottom: dashed 1px #000; }*/
#appeal li i { position: absolute; left: 0; top: 50%; display: block; overflow: hidden; text-indent: -9999px; background: url('/i/index.png') 0 0 no-repeat; }
#appeal li i.i1 { background-position: 0 0; width: 51px; height: 44px; margin-top: -22px; }
#appeal li i.i2 { background-position: 0 -44px; width: 44px; height: 58px; margin-top: -29px; }
#appeal li i.i3 { background-position: 0 -102px; width: 41px; height: 39px; margin-top: -19px; }
#main-control { float: right; width: 336px; padding-top: 60px; }
#map { margin-top: 0; position: relative; }
#map img { position: absolute; left: 50%; margin-left: -100px; }
#map ul { position: absolute; left: 50%; margin-left: -100px; width: 1px; height: 1px; list-style: none; }
#map li { position: absolute; text-align: center; }
#map li.cao-hover, #map li.uzao-hover, #map li.zao-hover, #map li.uao-hover, #map li.uvao-hover, #map li.vao-hover, #map li.svao-hover, #map li.sao-hover, #map li.szao-hover { background: url('/i/select-department.png') 0 0 no-repeat; overflow: hidden; }
#map li a { position: relative; text-decoration: none; border-bottom: dotted 1px #000; color: #000; font-size: 1.2em; font-style: italic; }
#map li.cao { top: 217px; left: 160px; width: 155px; height: 110px; }
#map li.cao-hover, #map li.cao-act { background-position: -1308px 0; }
#map li.cao a { top: 30px; }
#map li.uzao { width: 127px; height: 288px; top: 323px; left: 110px; }
#map li.uzao-hover, #map li.uzao-act { background-position: -640px 0; }
#map li.uzao a { top: 75px; }
#map li.zao { width: 197px; height: 199px; top: 240px; left: 7px; }
#map li.zao-hover, #map li.zao-act { background-position: -443px 0; }
#map li.zao a { top: 70px; left: 15px; }
#map li.uao { width: 176px; height: 209px; top: 305px; left: 205px; }
#map li.uao-hover, #map li.uao-act { background-position: -767px 0; }
#map li.uao a { top: 140px; left: -20px; }
#map li.uvao { width: 162px; height: 198px; top: 244px; left: 276px; }
#map li.uvao-hover, #map li.uvao-act { background-position: -943px 0; }
#map li.uvao a { top: 90px; left: 5px; }
#map li.vao { width: 203px; height: 244px; top: 104px; left: 264px; }
#map li.vao-hover, #map li.vao-act { background-position: -1105px 0; }
#map li.vao a { top: 90px; left: -10px; }
#map li.svao { width: 174px; height: 230px; top: 2px; left: 158px; }
#map li.svao-hover, #map li.svao-act { background-position: 0 0; }
#map li.svao a { top: 100px; left: 5px; }
#map li.sao { width: 122px; height: 199px; top: 65px; left: 95px; }
#map li.sao-hover, #map li.sao-act { background-position: -174px 0; }
#map li.sao a { top: 70px; left: 10px; }
#map li.szao { width: 147px; height: 284px; top: 3px; left: 14px; }
#map li.szao-hover, #map li.szao-act { background-position: -296px 0; }
#map li.szao a { top: 170px; left: 5px; }
#map li.podm a { top: 45px; left: 290px; }
#map li.podm-hover a { border: none; font-weight: bold; }
#map li.podm-act a { border: none; }

#content { width: 100%; overflow: auto; position: relative; margin-top: -90px; }
#hot-flat { position: relative; height: 352px; overflow: hidden; padding: 0 60px; background: url('/i/index.png') 0 -225px repeat-x; text-align: center; }
#hot-flat .container { position: relative; max-width: 1285px; margin: 0 auto; text-align: left; }
#hot-flat .text-block { position: absolute; top: 0; left: -35px; height: 352px; width: 635px; background: url('/i/index.png') 0 -225px repeat-x; }
#hot-flat .text-block p, #hot-flat .text-block h1, #hot-flat .text-block h2, #hot-flat .text-block h3 { width: 480px; margin-left: 35px; }
#hot-flat .text-block p { font-size: 1.4em; color: #96cdf6; }
#hot-flat .text-block p a { color: #fff; font-size: 1.71em; margin-top: 1em; display: block; }
#hot-flat .text-block h1, #hot-flat .text-block h2, #hot-flat .text-block h3 { color: #fff; font-size: 3em; line-height: 1.5em; }
#hot-flat .text-block h1 span, #hot-flat .text-block h2 span, #hot-flat .text-block h3 span { font-size: 1.6em; }
#hot-flat .text-block .next, #hot-flat .text-block .previous { cursor: pointer; display: block; position: absolute; left: 553px; width: 42px; height: 42px; overflow: hidden; text-indent: -9999px; background: url('/i/index.png') 0 0 no-repeat; }
#hot-flat .text-block .next { background-position: 0 -141px; top: 126px; }
#hot-flat .text-block .previous { background-position: 0 -183px; top: 184px; }
#hot-flat ul { list-style: none; position: absolute; top: 0; left: -500px; width: 9999px; }
#hot-flat li { float: left; width: 460px; height: 316px; overflow: hidden; position: relative; margin: 18px 18px 18px 0; }
#hot-flat li.first { margin-right: 600px; }
#hot-flat li img { position: absolute; top: 0; left: 0; }
#hot-flat .shadow { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: #666; opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6; filter: alpha(opacity=60); }
#hot-flat li div { position: relative; height: 4em; padding: 5px; background-color: #004272; }
#hot-flat li div p { margin: 0; }
#hot-flat li div p.metro { position: relative; padding-left: 23px; color: #f78282; line-height: 1.2em; }
#hot-flat li div p.metro i { position: absolute; top: 0; left: 0; display: block; width: 18px; height: 18px; background: url('/i/index.png') -42px -207px no-repeat; overflow: hidden; text-indent: -9999px; }
#hot-flat li div p.title { margin-left: 23px; color: #ccc; }


#center { margin-right: 295px; }
#special { width: 100%; overflow: auto; font-style: italic; margin-bottom: 35px; }
#for-students, #for-family { background-color: #70bef5; width: 48%; position: relative; }
#for-students { float: left; }
#for-family { float: right; }
#special .text { position: relative; width: 200px; margin: 15px 25px 15px 0; float: right; } 
#special h4 a { font-size: 1.8em; color: #000; }
#special h4 a:hover { color: #333; }
#special p { line-height: 1.2em; color: #fff; margin: 10px 0 0 0; }
#for-students i { width: 176px; height: 77px; position: absolute; bottom: 0; left: 0; background: url('/i/bg-special.png') 0 0 no-repeat; }
#for-family i { width: 160px; height: 77px; position: absolute; bottom: 0; left: 0; background: url('/i/bg-special.png') -176px 0 no-repeat; }

#right { float: right; width: 240px; }
#right h3 { font-size: 2.4em; font-weight: normal; margin: 1em 0 .5em 0; }
#right a.title { font-size: 1.4em; font-style: italic; color: #03487b; }
#right a.title:hover { color: #237fc4; }
#right span.date { font-size: 1.1em; font-style: italic; color: #333; line-height: 1.8em; }
#right p { font-size: 1.2em; font-style: italic; line-height: 1.4em; margin: .3em 0; }
#news dd { margin-bottom: 2em; }
#news p { text-align: left; }
#interesting { list-style: none; }
#interesting li { margin: 1em 0; }

.w-content #control { float: right; margin-top: 80px; position: relative; }
#control { width: 228px; height: 409px; background: #f0f9ff url('/i/search-carrier.png') 0 0 no-repeat; }
#control form { padding: 25px 30px 20px 30px; }
#control h2 { font-size: 3em; font-weight: normal; margin-bottom: .5em; }
#control h3 { font-size: 1.2em !important; border-bottom: solid 1px #b4d1e5; color: #1c69a2; }
#control p { font-size: 1.4em; font-style: normal; width: 100%; overflow: auto; }
#control p.result { margin-bottom: 5px; }
#control a.button i.l, #control a.button i.r, #control a.button { width: 8px; position: absolute; top: 0; background-repeat: no-repeat; }
#control a.button { position: relative; display: block; float: left; height: 21px; width: auto; line-height: 21px; margin: 0 13px 0 8px; border-bottom: dashed 1px #000; cursor: pointer; background-position: 0 -21px; background-repeat: repeat-x; }
#control a.button i.l { left: -8px; background-position: 0 0; }
#control a.button i.r { right: -8px; background-position: -12px 0; }
p.control-submit input[type=submit] { margin-top: 15px; width: 110px; font-size: 1.1em; }
#control a.button i.l, #control a.button i.r, #control a.button { width: 8px; position: absolute; top: 0; background-repeat: no-repeat; }
#control a.button { position: relative; display: block; float: left; height: 21px; width: auto; line-height: 21px; margin: 0 13px 0 8px; border-bottom: dashed 1px #000; cursor: pointer; background-position: 0 -21px; background-repeat: repeat-x; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#control a.button i.l { left: -8px; background-position: 0 0; }
#control a.button i.r { right: -8px; background-position: -12px 0; }

#center ol { font-size: 1.4em; margin-left: 3em; }
#center ol li { line-height: 1.4em; margin: .8em 0; text-align: justify; }

p.all { text-align: right; }
p.all a { color: #03487b; }

.metro .metro-map, .department .department-map, .b0 .b0, .b1 .b1, .b2 .b2, .b3 .b3, .b4 .b4, .b5 .b5, .b6 .b6, .metro .metro-map i, .department .department-map i, .b0 .b0 i, .b1 .b1 i, .b2 .b2 i, .b3 .b3 i, .b4 .b4 i, .b5 .b5 i, .b6 .b6 i { color: #fff; border: none !important; background-image: url('/i/button-bg.png'); cursor: default !important; }

#footer { position: relative; width: 100%; height: 67px; margin-top: 30px; border-top: solid 1px #a8b3b8; text-align: left; }
#footer p { text-align: right; padding-right: 2em; line-height: 2.6em; float: right; }
#footer ul { list-style: none; margin-top: 1.5em; margin-left: 5em; float: left; }
#footer ul li { display: inline; margin: 0 1em; }
#footer ul li a { font-size: 1.2em; color: #333; }
#sbubnom { float: left; padding: 0 0 0 3.3em; color: #515151; line-height: 1.5em; text-decoration: none; background: url('/i/sbubnom.png') 0 0 no-repeat; height: 37px; margin: 1.4em; overflow: hidden; }
#sbubnom span { position: relative; top: .3em; }
#sbubnom strong { display: block; color: #43649c; font-weight: normal; }
#auth { display: none; position: absolute; bottom: 50px; right: 2em; background: #fff; border: solid 1px #ccc; padding: 15px 30px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
#auth p { margin: .8em 0; padding: 0; line-height: 1.2em; float: none; clear: both; }
#auth label { margin-right: .5em; }

#admin-panel { display: none; z-index: 9999; position: fixed; bottom: 15px; right: 15px; width: 332px; height: 70px; background: url('/i/admin-icons.png') 0 bottom no-repeat; }
#admin-panel ul { list-style: none; padding: 10px 20px; }
#admin-panel li { float: left; margin: 0 5px; width: 48px; height: 48px; background: url('/i/admin-icons.png') 0 0 no-repeat; }
#admin-panel li a { display: block; width: 100%; height: 100%; overflow: hidden; text-indent: -9999px; }
#admin-panel li.news { background-position: 0 -96px; }
#admin-panel li.notices { background-position: 0 -48px; }
#admin-panel li.add-object { background-position: 0 0; }
#admin-panel li.managers { background-position: 0 -144px; }
#admin-panel li.exit { background-position: 0 -192px; }

h1 a { color: #06436F; }

#appeal p.buttons { white-space: nowrap; }
#index-b1, #index-b2 { width: 188px; height: 38px; border: none; background: url('/i/index_buttons.png') 0 0 no-repeat; overflow: hidden; text-indent: -9999px; }
#index-b2 { margin-left: 15px; background-position: -188px 0; }

#shadow-bg { display: none; z-index: 500; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: 0.4; -moz-opacity: 0.4; -khtml-opacity: 0.4; filter: alpha(opacity=40); }
.request { position: absolute; top: 0; left: 0; z-index: 600; text-align: left; }
#rent-form { display: none; width: 625px; height: 785px; }
#lease-form { display: none; width: 625px; height: 790px; }
.request a.close { font-size: 2.4em; font-weight: bold; cursor: pointer; color: #c00; position: absolute; top: 15px; right: 25px; line-height: 1em; text-decoration: none; }
.request a.close:hover { color: #900; }
.request h2 { font: normal 1.4em 'Trebuchet MS'; margin-top: 1em; border-bottom: solid 1px #999; }
.request table { table-layout: fixed; margin-top: -25px; }
.request td { font-size: 1.4em; padding: 5px 0; vertical-align: top; }
.request td p { font-size: 1em; margin-top: .8em; }
.request td label { display: block; width: 150px; margin-right: 5px; text-align: right; }
.request input[type=text] { width: 200px; }
.request select { width: 202px; }
.request textarea { width: 400px; height: 80px;  }
.request a.button { font-size: 2em; color: #03487B; text-decoration: none; border-bottom: dashed 1px #03487B; }
.request .carrier { display: none; margin-top: 25px; padding: 25px 30px; background-color: #ebf6fd; position: relative; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; }
.request .carrier .pointer { position: absolute; left: 75px; top: -19px; display: block; width: 39px; height: 20px; background: url('/i/table-pointer.png') 0 0 no-repeat; text-indent: -9999px; overflow: hidden; }
.request .slider { position: relative; width: 400px; }
.request .slider p { margin: 0 0 5px 0; }
.request .submit { text-align: center; }
.request input[type=submit] { font-size: 1.5em; margin: 0 auto; }
.request .base { border: solid 1px #f00; }
.request .notice { color: #999; font-size: .9em; }
.request .error { color: #f00; }
.request .loading { color: #666; }
.request .success { color: #090; }