body { margin:0; padding:0; color:#192227; font-family: Arial, "Helvetica CE", Helvetica, sans-serif; font-size: 11px; text-align:left; background: url(page_bg.gif) center; text-align: center} img {border: 0} #Page {margin: 0 auto; width: 827px; text-align: left} #Header {height: 198px; background: url(head_bg.gif)} #Header .top {height: 40px; text-align: right; color: #30130B; padding-top: 5px } html>body #Header .top {height: 35px;} #Header .top a {color: #30130B; text-decoration: none} #Header .top img {margin: 0px 0 0 10px} #Header .main_image {margin: 0 0 0 14px} #Content {float: left; background: url(page_content_bg.gif) repeat-y; width: 827px} #LeftCol {float: left; width: 211px; height: 550px; background: url(page_left_line.gif) no-repeat; padding: 12px 0 0 15px} html>body #LeftCol {width: 196px; height: 538px;} #MainCol {float: left; width: 430px; padding: 13px 14px;} html>body #MainCol {width: 402px;} #RightCol {float: left; width: 186px; } /* Strona główna */ #MainCol div.mainPage { width: 402px; height: 479px; background: url(main_image.jpg) no-repeat; margin: 0px} #MainCol div.mainPage h2 {font-size: 11px; font-weight: normal} #MainCol div.mainPage h2.top {padding: 230px 50px 120px 50px;} #MainCol div.mainPage h2.bottom {color: #fff; padding: 0px 20px 50px 20px;} /* Menu */ #LeftCol ul {margin: 12px 0 0 0; padding: 0; list-style-type: none; font-size: 11px} #LeftCol ul li {margin-top: 2px; display: block; height: 18px; background: url(menu_dot_line.gif) no-repeat bottom} #LeftCol ul li a {margin-left: 5px; color: #fff; text-decoration: none} #LeftCol ul li a:hover {color: #EEB371;} #LeftCol ul li a.selected {color: #EEB371; font-weight: bold; font-size: 12px} /* Bloczek po lewej */ #LeftCol div.block {float: left; width: 182px} #LeftCol div.block h3 {margin: 15px 0 0 0; padding: 5px 0 0 12px; width: 182px; height: 25px; background: url(block_left_head.gif) no-repeat; color: #FFFDFF; font-size: 12px} html>body #LeftCol div.block h3 {width: 170px; height: 20px;} #LeftCol div.block div.cont { background: #FFFDFF; padding: 3px 12px; font-size: 10px} #LeftCol div.block div.cont input {border: 1px solid #C3ACA6; background: #E5DDDB; font-size: 10px; width: 138px; height: 14px; padding: 0 3px; margin: 1px 0 5px 0} html>body #LeftCol div.block div.cont input { width: 132px; } #LeftCol div.block div.cont select {border: 1px solid #C3ACA6; background: #E5DDDB; font-size: 10px; width: 158px; height: 14px; padding: 0 3px; margin: 1px 0 5px 0} html>body #LeftCol div.block div.cont select { width: 158px; padding: 0; height: 17px} #LeftCol div.block div.foot { background: url(block_left_foot.gif) no-repeat; height: 32px; text-align: right; padding-right: 12px} #LeftCol div.block div.foot input{ background: url(block_left_ok.gif) no-repeat right; width: 48px; color: #fff; font-weight: bold; border: none; margin: 15px 0 0 0; font-size: 12px; cursor: pointer; cursor: hand} /* Prawa strona */ #RightCol div.top {background: #E5DDDB; padding: 12px 0 10px 2px; margin: 0} #RightCol div.top a img{border: 1px solid #8B776E} #RightCol div.block {margin: 0 0 0 2px;} #RightCol div.block div.content {margin: 0 1px 0 1px;} #RightCol div.block div.content a {margin:0 0 0 9px; color: #5C311E; text-decoration: none; font-weight: bold} #RightCol div.block div.content div.separator_dot {margin: 3px 0; padding:0; height: 1px; background: url(block_right_dot_line.gif) no-repeat; font-size: 1px} #RightCol div.block div.content div.separator_line {margin: 5px 0 5px 0; height: 1px; border-bottom: 1px solid #B7A9A8; padding:0; font-size: 1px} #RightCol div.block div.content div.separator_last {margin: 5px 0 0 0; height: 1px; border-bottom: 1px solid #B7A9A8; font-size: 1px} #RightCol div.block div.bottom {height: 199px; background: url(block_right_bottom_bg.gif) repeat-x; margin: 0 1px} #Footer {float: left; width: 827px; height: 50px; background: url(foot_bg.gif) no-repeat;} #Footer div.left {float: left; width: 400px; margin-top: 30px} #Footer div.left span {margin-left: 15px; color: #AA8D87; font-size: 10px; height: 20px} #Footer div.right {float: left; width: 427px; text-align: right; margin-top: 26px; height: 20px} #Footer div.right a {display: block; float: right; padding: 3px 23px 0 0; background: url(nobis.gif) no-repeat right; margin-right: 2px; color: #9F9492; font-size: 10px; text-decoration: none; height: 20px;} /* Główna */ #MainCol {color: #4F2B1F} #MainCol h2 {font-size: 14px; color: #4F2B1F; margin: 0 0 5px 0} #MainCol img.main_graph {margin: 0 0 5px 0} #MainCol span {display: block; margin: 3px 0 0 3px} #MainCol span a.btn_main {float: left; display: block; width: 135px; height: 28px; background: url(btn_main.gif) no-repeat; color: #fff; font-weight: bold; text-decoration: none; margin-right: 10px; padding: 6px 0 0 10px;} html>body #MainCol span a.btn_main {width: 125px; height: 22px;} #MainCol div.dot_separator {margin: 5px 0; padding:0; height: 1px; background: url(main_dot_line.gif) no-repeat; font-size: 1px} #MainCol span a img {margin-right: 5px} #Sorter {background: url(list_sorter.gif) no-repeat; height: 57px; color: #fff; padding: 5px 0 0 10px} html>body #Sorter {height: 52px} #Sorter h2 {font-size: 14px; color: #fff; font-weight: normal;} #Sorter span.sortuj {float: left; display: block; width: 77px; margin-top: 6px} #Sorter a {float: left; display: block; color: #fff; text-decoration: none; margin-top: 6px} #Sorter a:hover {text-decoration: underline} #Sorter a.cena {width: 46px;} #Sorter a.kategoria {width: 67px;} #Sorter a.klasa {width: 43px;} #Sorter a.powierzchnia {width: 86px;} #Sorter a.ilosc {width: 65px;} /* Lista apartamentów */ #ListApart {} #ListApart div.apartament {} #ListApart div.apartament h3 {background: url(list_apart_head.gif) no-repeat; height: 29px; padding: 7px 0 0 7px; font-size: 14px; margin: 10px 0 0 0} html>body #ListApart div.apartament h3 { height: 22px;} #ListApart div.apartament div.description { height: 174px; background: url(list_apart_table.gif) no-repeat top;} #ListApart div.apartament div.description img {margin: 15px 25px 0 17px} #ListApart div.apartament div.description img {margin: 15px 25px 0 17px} #ListApart div.apartament div.description table {width: 240px; margin: 10px 0 0 0;} #ListApart div.apartament div.description table td {font-size: 11px; height: 21px;} #ListApart div.apartament div.description table td.tab_left {width: 173px; color: #000} #ListApart div.apartament div.description table td.tab_right {text-align: right; color: #000} #ListApart div.apartament div.description div.links a {display: block; float: left; color: #65311C; text-decoration: none; font-size: 12px; margin: 12px 0 0 0} #ListApart div.apartament div.description div.links a:hover {text-decoration: underline} #ListApart div.apartament div.description div.links a.opis {margin-left: 10px} html>body #ListApart div.apartament div.description div.links a.opis {margin-left: 20px} #ListApart div.apartament div.description div.links a.kalkulacja {margin-left: 38px} #ListApart span.no_apartaments {text-align: center; display: block; margin-top: 20px} /* opis apartamentu */ #InfoApart div.apartament h3 {background: url(list_apart_head.gif) no-repeat; height: 29px; padding: 7px 0 0 7px; font-size: 14px; margin: 10px 0 0 0} html>body #InfoApart div.apartament h3 { height: 22px;} #InfoApart div.apartament div.data {background: url(info_data_table.gif) no-repeat; height: 136px; margin: 0} #InfoApart div.apartament div.data table {width: 240px; margin: 5px 0 0 13px} #InfoApart div.apartament div.data table td {font-size: 11px; height: 21px;} #InfoApart div.apartament div.data table td.tab_left {width: 173px; color: #000} #InfoApart div.apartament div.data table td.tab_right {text-align: right; color: #000} #InfoApart div.apartament div.data img {margin: 13px 19px 0 0} /* zakladki */ #InfoApart div.apartament div.description {background: url(info_descr_bg.gif) repeat-y; margin: 10px 0 0 0; height: 100%} #InfoApart div.apartament div.description div.tabs {background: url(info_descr_tabs.gif) no-repeat; height: 37px} #InfoApart div.apartament div.description div.tabs a {float: left; display: block; color: #673631; text-decoration: none; font-size: 13px; font-weight: bold; text-align: center; margin-top: 6px} #InfoApart div.apartament div.description div.tabs a.opis {width: 160px; } #InfoApart div.apartament div.description div.tabs a.kalkulacja {width: 235px } #InfoApart div.apartament div.description div.tabs_left {background: url(info_descr_tabs_left.gif) no-repeat; height: 37px} #InfoApart div.apartament div.description div.tabs_left a {float: left; display: block; color: #673631; text-decoration: none; font-size: 13px; font-weight: bold; text-align: center; margin-top: 6px} #InfoApart div.apartament div.description div.tabs_left a.opis {width: 160px; } #InfoApart div.apartament div.description div.tabs_left a.kalkulacja {width: 235px } /* tabela */ #InfoApart div.apartament div.description table.desc {width: 395px; margin-left: 1px} #InfoApart div.apartament div.description table.desc td {font-size: 11px; padding: 2px 0;} #InfoApart div.apartament div.description table.desc td.left_col {width: 231px; padding: 2px 16px; border-bottom: 1px solid #9C8982} html>body #InfoApart div.apartament div.description table td.left_col {width: 199px;} #InfoApart div.apartament div.description table td.mid_col {width: 1px; background: url(info_dot_line_piece.gif) repeat-y; border-bottom: 1px solid #9C8982} #InfoApart div.apartament div.description table td.right_col {width: 163px; text-align: center; border-bottom: 1px solid #9C8982; padding-top: 10px; padding-bottom: 10px} #InfoApart div.apartament div.description table td.title_col {color: #884A01; font-size: 11px; border-bottom: 1px solid #9C8982; font-weight: bold; padding-left: 16px} #InfoApart div.apartament div.description table td.right_col h4 {color: #884A01; font-size: 11px; margin: 0 0 3px 0} #InfoApart div.apartament div.description div.end {background: url(info_descr_end.gif) no-repeat; height: 10px; font-size: 1px} #InfoApart div.apartament div.description div.start {background: url(info_descr_start.gif) no-repeat; height: 10px; font-size: 1px} #InfoApart div.apartament div.description img.mini_galery {margin: 5px} #InfoApart div.apartament div.description div.calc_head {margin: 0 0 4px 5px; background: url(reservation_1.gif) no-repeat; height: 19px} #InfoApart div.apartament div.description div.calc_head span {display: block; float: left; width: 135px; font-size: 12px; font-weight: bold; margin-left: 14px} html>body #InfoApart div.apartament div.description div.calc_head span {width: 120px; margin-left: 30px} #InfoApart div.apartament div.description div.calc_head span.light {color: #D5D5D5} #InfoApart div.apartament div.description div.calc_head_2 {margin: 0 0 4px 5px; background: url(reservation_2.gif) no-repeat; height: 19px} #InfoApart div.apartament div.description div.calc_head_2 span {display: block; float: left; width: 135px; font-size: 12px; font-weight: bold; margin-left: 14px} html>body #InfoApart div.apartament div.description div.calc_head_2 span {width: 120px; margin-left: 30px} #InfoApart div.apartament div.description div.calc_head_2 span.light {color: #D5D5D5} #InfoApart div.apartament div.description h3.sub_head {background: url(calc_sub_head_with_dots.gif) no-repeat; margin: 0 0 0 1px; font-size: 12px; height: 32px; padding: 10px 0 0 10px} html>body #InfoApart div.apartament div.description h3.sub_head {height: 22px} #InfoApart div.apartament div.description div.table_select {background: url(calc_tab_bg.gif) no-repeat; margin: 0 0 0 8px; font-size: 12px; height: 119px; width: 378px} #InfoApart div.apartament div.description div.table_select table {width: 360px; margin: 3px 0 0px 14px;} #InfoApart div.apartament div.description div.table_select table td {height: 36px; color: #fff; font-size: 11px} #InfoApart div.apartament div.description div.table_select table td input {width: 56px; font-size: 10px; background: #fff} #InfoApart div.apartament div.description div.table_select table td select {width: 200px; font-size: 10px; background: #fff} #InfoApart div.apartament div.description input.calc_submit {background: url(btn_main.gif) no-repeat; width: 135px; height: 28px; cursor: hand; cursor: pointer; border: 0px; margin: 4px 0 10px 9px; color: #fff; font-size: 12px; font-weight: bold } #InfoApart div.apartament div.description div.result_table_1 {background: url(calc_result_table_1.gif) no-repeat; margin: 0 0 0 14px; font-size: 12px; height: 151px; width: 372px} #InfoApart div.apartament div.description div.result_table_1 table {width: 360px; margin: 3px 0 0px 16px;} #InfoApart div.apartament div.description div.result_table_1 table td {height: 28px; color: #673631; font-size: 11px} #InfoApart div.apartament div.description div.result_table_1 table td input {width: 54px; font-size: 10px; background: #fff} #InfoApart div.apartament div.description div.result_table_1 table td select {width: 200px; font-size: 10px; background: #fff} #InfoApart div.apartament div.description div.result_table_2 {background: url(calc_result_table_2.gif) no-repeat; margin: 10px 0 0 14px; font-size: 12px; height: 124px; width: 372px} #InfoApart div.apartament div.description div.result_table_2 table {width: 360px; margin: 3px 0 0px 0px;} #InfoApart div.apartament div.description div.result_table_2 table td {height: 28px; color: #673631; font-size: 11px} #InfoApart div.apartament div.description div.result_table_2 table td input {width: 54px; font-size: 10px; background: #fff} #InfoApart div.apartament div.description div.result_table_2 table td select {width: 200px; font-size: 10px; background: #fff} #InfoApart div.apartament div.description div.res_table_top {background: url(res_table_top.gif) no-repeat; height: 8px; width: 368px; margin-left: 15px; font-size: 1px} #InfoApart div.apartament div.description div.res_table_middle {background: url(res_table_middle.gif) repeat-y; width: 368px; margin-left: 15px;} #InfoApart div.apartament div.description div.res_table_bottom {background: url(res_table_bottom.gif) no-repeat; height: 8px; width: 368px; margin-left: 15px; font-size: 1px} #InfoApart div.apartament div.description div.res_table_middle table {margin: 0 0 0 5px; width: 350px;} #InfoApart div.apartament div.description div.res_table_middle table td {padding: 5px; font-size: 11px} #InfoApart div.apartament div.description div.res_table_middle table td.res_left_col {width: 125px; background: url(res_dot_line.gif) repeat-x bottom} #InfoApart div.apartament div.description div.res_table_middle table td.res_right_col { background: url(res_dot_line.gif) repeat-x bottom} #InfoApart div.apartament div.description h3.section {background: url(calc_sub_head_with_dots.gif) no-repeat; margin: 0 0 0 1px; font-size: 12px; height: 32px; padding: 10px 0 0 10px} /* formula w rezerwacji */ #InfoApart div.apartament div.description div.res_table_middle table td.res_right_col input.text {width: 190px} #InfoApart div.apartament div.description div.res_table_middle table td.res_right_col textarea {width: 190px} #InfoApart div.apartament div.description span.star {display: block; margin: 0 11px 0 11px} #InfoApart div.apartament div.description input.res_button {border: 0; width: 109px; height: 49px; background: url(res_btn.jpg) no-repeat; margin: 5px 0 0 15px; color: #fff; padding: 0 10px; text-align: left; cursor: hand; cursor: pointer} #ListApart input.res_button {border: 0; width: 109px; height: 49px; background: url(res_btn.jpg) no-repeat; margin: 5px 0 0 15px; color: #fff; padding: 0 10px; text-align: left; cursor: hand; cursor: pointer}