* {margin: 0; padding: 0}

body {font-family: Tahoma, Arial, sans-serif; font-size: 100.01%; color: #262626; min-width: 1000px; background: #ebebe7 url("images/main_bg.gif") repeat 0 0}
html, body {height: 100%}

body.print {background: #fff}
body.print #content {padding: 30px 35px}
	
img, table {border: 0}

table {width: 100%; font-size: 100%; border-collapse: collapse}

ul {list-style: none}

a {color: #1c3454; text-decoration: underline}
a:hover {text-decoration: none}
a.blue_block {float: left; position: relative; margin: 0 0 -3px -3px; width: 178px; height: 23px; padding: 6px 0 0 30px; color: #fff; text-decoration: none;
	margin-bottom: 4px;	background: #e710be url("images/spec_block_blue_bg.gif") no-repeat 0 0}
a.print {padding: 1px 0 2px 30px; margin-right: 27px; background: url("images/print.gif") no-repeat 0 0}
a.podborka {float: right; padding: 1px 0 1px 26px; margin-right: 33px; background: url("images/podborka_bg.gif") no-repeat 0 0}

h1 {font-size: 185%; font-weight: normal; color: #e710be; margin-bottom: 16px; border-bottom: #f0a85b solid 1px}
h1.black {font-size: 210%; font-weight: bold; color: #000; border-bottom: #000 solid 1px}
h2 {font-size: 160%; color: #e710be; margin-bottom: 14px}

.grey {color: #777}
.blue {color: #2c4264}
.red  {color: #d80a00}

span.date {display: block; font-size: 85%; margin-bottom: 5px}
span.name {font-size: 95%; font-weight: bold; color: #85086d}
span.name_form {font-weight: bold; color: #85086d}

input.button {font-size: 12px; width: 98px; height: 27px; padding-bottom: 2px; color: #fff; border: none; background: #2c4264 url("images/button.gif") no-repeat 0 0}

small {font-size: 95%}
big {font-size: 185%}

p {margin-bottom: 12px}


#main, #footer {position: relative; min-width: 1000px; max-width: 1600px; min-height: 100%; font-size: 0.75em; margin: 0 auto}
*html #main, #footer {height: 100%; width: expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) > 1601 ? "1600px" : (((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 1000 ? "1000px" : "100%"))}

#header {clear: both; height: 362px}
#header div.left {float: left; position: relative; margin-bottom: -8px}
#header div.left div.block {width: 205px; height: 189px; padding: 81px 0 0 40px; background: url("images/logo.png") no-repeat 0 0}
*html #header div.left div.block {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png', sizingMethod='crop')}
#header div.left a {position: relative}
#header div.right {float: right; width: 111px; padding: 42px 42px 0 0}
#header div.right li {float: left; margin-left: 26px}

#content_left {float: left; width: 240px; padding: 7px 0 0 30px}

#mainmenu {margin-bottom: 5px}
#mainmenu div.top {width: 240px; height: 39px; background: url("images/mainmenu_bg_top.png") no-repeat 0 0}
*html #mainmenu div.top {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mainmenu_bg_top.png', sizingMethod='crop')}
#mainmenu div.mid {padding: 19px 0 28px 0; background: #fff}
#mainmenu div.mid div {width: 218px; padding-left: 22px; background: url("images/mainmenu_bg_rpt.gif") repeat-y 22px 0}
#mainmenu div.bot {position: relative; margin-right: -18px; width: 258px; height: 25px; background: url("images/mainmenu_bg_bot.jpg") no-repeat 0 0}
#mainmenu li {display: block; padding-bottom: 2px; margin-bottom: 16px; background: url("images/mainmenu_brd.gif") no-repeat 20px 13px}
#mainmenu li.top {margin-bottom: 8px}
#mainmenu li.bot {margin-bottom: 0}
#mainmenu li ul {padding: 12px 0 0 21px}
#mainmenu li li {margin-bottom: 1px; padding: 0; background: none}
#mainmenu a {font-size: 10px; text-decoration: none; margin-left: 20px}
#mainmenu a.hover {padding-left: 20px; margin: 0; background: url("images/mainmenu_a_h_bg.gif") no-repeat 0 2px}
#mainmenu a:hover {font-weight: bold; padding-left: 20px; margin: 0; background: url("images/mainmenu_a_h_bg.gif") no-repeat 0 2px}
#mainmenu li li a:hover {background: none}

#call_us {padding: 0 0 11px 18px}
#call_us div.block {padding-left: 26px; background: url("images/call_bg.gif") no-repeat 0 7px}

div.grey_right {color: #777; padding: 1px 0 10px 0; text-align: right}

#online {padding: 0 0 20px 18px}
#online a {font-size: 185%; color: #262626; text-decoration: none; padding-left: 28px; background: url("images/icq_status.gif") no-repeat 0 6px}
#online a:hover {text-decoration: underline}

#podpis {height: 55px}
#podpis .left {float: left; width: 195px; height: 21px; padding-top: 7px; font-size: 85%; color: #777; text-align: center;
	background: url("images/podpis_bg.gif") no-repeat 0 0}
#podpis .right {float: right; width: 25px; height: 22px; padding: 6px 0 0 18px; font-size: 95%; color: #fff;
	background: #a1a19f url("images/podpis_a_bg.gif") no-repeat 0 0}
	
#about {padding: 0 0 12px 18px}
#about div.block {font-size: 95%}

#important {padding-left: 18px}
#important ul {position: relative; margin-left: -9px}
#important li {margin-bottom: 5px}
#important a {font-size: 95%; padding-left: 9px; background: url("images/a_arrow_right.gif") no-repeat 0 6px}

#content_right {float: right; width: 222px; padding: 30px 24px 0 0}

div.news_notes {padding-bottom: 5px; margin-bottom: 13px; border-bottom: #a1a19f solid 1px}
div.news_notes div.text {font-size: 95%; padding-top: 10px}
div.news_notes div.bot {padding-top: 2px; text-align: right}
div.archive {float: left; width: 100%; text-align: center}
div.archive span {padding-left: 10px; background: url("images/a_arrow_right.gif") no-repeat 0 7px}
div.archive a {padding-right: 10px; background: url("images/a_arrow_left.gif") no-repeat right 7px}

#content_mid {margin: 29px 284px 0 306px}
*html #content_mid h1 {float: left; width: 100%}

#search_block {position: relative; margin: 0 -24px 5px -19px}
#search_block div.block {width: 447px; height: 337px; margin: 0 auto; background: url("images/mid_search_bg.jpg") no-repeat 0 0}
#search_block div.block div.top {padding: 0 18px 0 19px}
#search_block div.block div.bot {padding: 0 24px 0 37px}
#search_block div.block div.left {float: left}
#search_block div.block div.bot div.left {padding-top: 35px}
#search_block div.block div.bot div.right {padding-top: 37px}
#search_block div.block div.right {float: right}

div.spec {float: left; width: 100%; padding-bottom: 8px; margin-bottom: 10px; border-bottom: #73075e solid 1px}
div.img_brd {position: relative; margin-left: -3px; float: left; width: 120px; height: 98px; padding: 2px 0 0 4px; background: url("images/img_brd.gif") no-repeat 0 0}
div.spec div.info {margin-left: 135px}
div.spec div.top {height: 40px; padding-top: 5px}
div.spec div.left {float: left}
div.spec div.right {float: right; text-align: right}
div.spec div.block {margin-bottom: 2px}
div.spec div.text {font-size: 95%}
div.spec div.bot {float: left; width: 100%; font-size: 95%; font-weight: bold; padding-top: 3px}
div.icq {height: 17px; padding: 1px 0 3px 24px; background: url("images/icq_off.gif") no-repeat 0 0}
div.spec div.bot span {color: #a1a19f; margin: 0 21px}

#content {padding: 15px 20px 0 20px}

#links {font-size: 95%; color: #1c3454; margin-bottom: 17px}

#search_results {font-size: 95%}
table.tbl {clear: both; vertical-align: middle; text-align: center; margin-bottom: 22px; background: #fff}
table.tbl th {font-weight: normal; padding-top: 1px; padding-bottom: 1px; border: #a0a0a0 solid 1px}
table.tbl th div {height: 15px; padding: 14px 10px; background: #cfcfcf}
table.tbl th.left {padding-left: 1px}
#search_results th.mid {width: 88px}
table.tbl th.right {padding-right: 1px}
table.tbl td {vertical-align: middle; text-align: center; padding: 8px 10px; border: #a0a0a0 solid 1px}
#search_results td.right {padding: 8px 3.3% 8px 16px; text-align: left; background: url("images/search_res_info_bg.gif") no-repeat 96% center}
#search_results div.right {text-align: right}

#sort {padding-top: 24px; height: 36px}
#sort select {float: left; font-size: 13px; width: 200px; height: 20px; margin-right: 12px; border: #9a9a96 solid 1px}
#sort a {float: left; margin-top: 3px}
ul.navigation {float: left; width: 100%; padding-bottom: 16px}
ul.navigation li {float: left; margin-right: 8px}
ul.navigation li.hover {color: #777}

#form_left {float: left; width: 221px}
#form_left div.block {float: left; width: 220px; font-size: 95%; color: #474747; padding: 9px 0; margin-bottom: 12px; border: #c6c6c6 solid 1px; border-left: none}
#form_left input, #form_left select {font-size: 11px}
input.checkbox {width: 15px; height: 15px; margin: 0 4px 0 0}
#form_left div.block label {float: left; margin-right: 6px}
#form_left input.price, #form_left input.etazh, #form_left input.long {width: 22px; height: 12px; margin: 0 12px; border: #9a9a96 solid 1px}
#form_left input.etazh {width: 22px}
#form_left input.long {width: 100px; margin-left: 0}
#form_left select.price, #form_left select.udal {width: 44px; height: 15px; border: #9a9a96 solid 1px}
#form_left textarea {width: 121px; height: 111px; padding: 10px 12px; margin-bottom: 8px; border: #9a9a96 solid 1px}
#form_left textarea.comments {width: 219px; height: 80px; padding: 0; margin-bottom: 12px}
#form_left select.udal {float: left; width: 117px; margin-left: 12px}
#form_left input.button {position: relative; margin: 0 4px 0 -3px}
#form_left div.top {float: left; width: 220px; padding-bottom: 6px}
#form_left div.mid {float: left; padding-left: 6px}
#form_left div.left {float: left}
#contacts {float: left; padding-bottom: 10px}
#contacts div.left {width: 100px; padding-right: 15px}
#contacts div.right {float: right; padding-top: 22px}
#contacts div.mid {float: right; width: 100px; height: 35px; padding-top: 11px; text-align: right}
#contacts input {width: 98px; height: 15px; margin: 0 0 8px 0; border: #9a9a96 solid 1px}
#contacts span {margin-right: 20px}

#content_right_ins {position: relative; margin: 0 -20px 0 230px}
#content_right_block {width: 740px; margin: 0 auto}
#content_right_block2 {width: 550px; margin: 0 auto}

#mo_block {float: left; font-size: 95%; color: #474747; padding-top: 16px}
#mo_block div.block {float: left; width: 200px; margin-right: 7px}
#mo_block div.top {clear: both; padding: 0 0 2px 19px; font-weight: bold; border-bottom: #c6c6c6 solid 1px}
#mo_block div.left, #mo_block div.right {float: left; width: 181px; padding: 8px 0 0 19px; margin-top: 2px; background: #f4f4da}
#mo_block div.right {background: #cfdcee}
#mo_block label {display: block; margin-bottom: 7px}
#mo_block div.top label {margin: 0}

#metro_rings {clear: both; font-size: 95%; color: #474747; padding: 2px 0; margin-bottom: 12px; border-top: #9a9a96 solid 1px; border-bottom: #9a9a96 solid 1px}
#metro_rings ul {display: block; padding: 4px 0; background: #f4f4f2}
#metro_rings li {display: block; padding: 2px 19px; margin-bottom: 2px}
#metro_rings li.hover {font-weight: bold; color: #fff; background: #943800}

#note {float: left; width: 100%; font-size: 95%}
#note div.img_brd {margin: 0 20px 3px -3px}

#right_black {width: 32%}
#pen {float: right; position: absolute; right: 0; margin-top: -127px; width: 154px; height: 172px; background: url("images/pen.png") no-repeat 0 0}
*html #pen {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pen.png', sizingMethod='crop')}

#order_head {padding: 9px 0 8px 0; font-size: 150%; font-weight: bold; color: #133554; text-align: center; margin: 12px 0 16px 0; background: #c4c4c1}

#info {width: 54%; margin: 25px 0 12px 0; border-top: #c6c6c6 solid 1px}
#info td {vertical-align: middle; text-align: left; padding: 4px 0 5px 0; border-bottom: #c6c6c6 solid 1px}
#info td.right {width: 55%}
#info div {float: left; position: relative; left: -13px}
#info span {float: left; margin-right: 5px}
#info span.phone {padding-left: 13px; background: url("images/mobile.gif") no-repeat 0 center}
span.icq {padding: 0 0 1px 23px; background: url("images/icq_off.gif") no-repeat 0 center}

#gallery {padding-top: 4px}
#gallery div.line {clear: both}
#gallery div.img_brd {width: 239px; height: 193px; margin-right: 1.5%; margin-bottom: 8px; padding: 3px 0 0 5px;
	background: url("images/img_arenda_brd.gif") no-repeat 0 0}
	
#print_header {margin-bottom: 18px; border: #a0a0a0 solid 1px; background: #ecece7}
#print_header td {padding: 7px 0 5px 0; vertical-align: middle; text-align: center}
#print_header span.phone {font-size: 150%; color: #474747}

#scheme p {text-indent: 36px}
#scheme p.top {text-indent: 20px; font-weight: bold}

#footer_block {clear: both; height: 137px}
#footer_main {position: relative; clear: both; height: 106px; margin: -106px 0; font-size: 0.75em}
#footer {height: 106px; font-size: 95%; color: #777; }
#footer a {text-decoration: none}
#footer a:hover {text-decoration: underline}
#footer_menu {vertical-align: middle; text-align: center; margin-bottom: 14px; background: #fff}
*html #footer_menu {float: left}
#footer_menu td {vertical-align: middle; text-align: center; height: 47px; padding: 0 15px; border-right: #eee solid 1px}
#footer_menu td.left {padding-left: 49px; text-align: left}
#footer_menu td.right {border: none}
#footer_menu a {color: #85086d; font-size: 85%}
#footer div.left {float: left; width: 70%; padding-left: 49px}
#footer div.text {padding-top: 6px}
#footer div.right {float: right; width: 194px; padding-right: 24px}
#footer div.right a {float: left; margin-left: 9px}
