*                           {margin: 0 auto; padding: 0}
body                        {font-family: Tahoma, Verdana, Helvetica, Sans-Serif; font-size: small; color: #635431; margin: 0 auto; padding: 0; text-align: justify; background: #F2F0E4;}
* html body                 {font-size: x-small; f\ont-size: small;}  /* IE5/Win */
p, h1, h2, h3               {margin: 0; padding: 0}
img                         {border: 0; margin: 0; padding: 0}
a                           {color: #7E6741; text-decoration: underline}
a:hover                     {color: #3A301F}
.srodek                     {margin: 0 auto; text-align: center; color: #274279}
.srodek img                 {border: 5px solid #FEFBF5; margin: 3px}
.clear_both                 {clear: both;}

#site                       {width: 100%; font-size: 85%; background: #F2F0E4 url(images/body_tlo.jpg) repeat-x; margin: 0 auto; padding: 0;}
#banner                     {background: #E8E2D0 url(images/banner.jpg) no-repeat; width: 688px; height: 242px; padding: 7px 0 0 62px; clear: both}
#tresc                      {width: 715px; margin: 0 auto; padding: 0}
#lewy_pas                   {width: 235px; margin: 0; padding: 0; float: left}
#lewy_pas .menu             {width: 190px; background: url(images/menu_tlo_d.jpg) bottom right no-repeat; padding: 30px 30px 30px 15px}
#lewy_pas .menu dl          {margin: 0; padding: 0;}
#lewy_pas .menu dl dt       {background: url(images/m_kreska_tlo2.gif) bottom left repeat-x; margin: 0; padding: 0}
#lewy_pas .menu dl dt a     {display: block; height: 15px; padding: 4px 0}
#lewy_pas .menu dl dt a:hover {background: #FAF7F3}
#lewy_pas .newsletter       {width: 235px; background: #0C2C6B url(images/newsletter_tlo_d.jpg) bottom right no-repeat; text-align: center; padding-bottom: 30px; margin: 0;}
#lewy_pas .newsletter h1    {background: url(images/newsletter_tlo.jpg) top left no-repeat; font-size: 110%; color: #fff; text-align: left; padding: 20px 0 30px 30px; margin: 0;}
#lewy_pas .newsletter p.up  {margin: -15px 0 7px 0;}
#lewy_pas .newsletter input {border: 1px solid #6C80A5; background: #2E4C86; font-size: 100%; color: #C2D2EB; width: 170px; height: 18px;}
#lewy_pas .newsletter input.news1 {border: 0px solid #6C80A5; background: url(images/newsletter_dodaj.gif); font-size: 100%; color: #C2D2EB; width: 43px; height: 13px;}
#lewy_pas .newsletter input.news2 {border: 0px solid #6C80A5; background: url(images/newsletter_usun.gif); font-size: 100%; color: #C2D2EB; width: 34px; height: 13px;}
#lewy_pas .newsletter input:focus {border: 1px solid #8092AE; background: #426193}
#lewy_pas .newsletter .prawo {text-align: right; margin: 0 35px}

#prawy_pas                   {width: 480px; background: url(images/cont_tlo.jpg) top left no-repeat; margin: 0; padding: 0; float: right}
#prawy_pas .dzialy           {width: 420px; padding: 20px 30px;}
#prawy_pas .dzialy .powrot   {float: right; padding: 1.5em 0 0 0.3em;}
#prawy_pas .dzialy .powrot a {display: block; padding: 0; margin: 0}
#prawy_pas .dzialy .powrot a:hover {background: #FAF7F3}

#prawy_pas .dzialy .podmenu      {width: 145px; background: #E8E4DD url(images/podm_d.jpg) bottom left no-repeat; padding: 0 0 17px 0; margin: 0 0 10px 10px; float: right}
#prawy_pas .dzialy .podmenu dl   {background: url(images/podm_g.jpg) top left no-repeat; margin: 0; padding-top: 15px}
#prawy_pas .dzialy .podmenu dd a {background: url(images/strzalka1.gif) 9px 0.3em no-repeat; display: block; height: 1%; padding: 0.3em 5px 0.3em 20px; color: #274279; text-decoration: none}
#prawy_pas .dzialy .podmenu dd a:hover {background: #E0DCD3; color: #665B48; border: 2px solid #C9C4BD; border-top: 0; border-bottom: 0; padding-left: 18px; height: 1%;}

#prawy_pas .dzialy h1            {font-size: 130%; padding: 15px 0 20px 0;}
#prawy_pas .dzialy .wiecej       {margin: 1em 0 0 0}
#prawy_pas .dzialy dl.projekty   {margin: 0 0 2em 0; padding: 0}
#prawy_pas .dzialy dl.projekty2  {margin: 0 0 0.6em 0}
#prawy_pas .dzialy dl.projekty2 dd.tytul {margin-bottom: 0.5em;}
#prawy_pas .dzialy dl.projekty2 dd  {margin: 0}


ul.odstep                   {margin: 5px 0}
ul                          {list-style: none}
ul li                       {background: url(images/strzalka1.gif) 0 0.1em no-repeat; padding-left: 10px; margin: 2px}

#prawy_pas .przyklady       {background: #E8E4DD url(images/realizacje_tlo.gif) bottom left no-repeat; margin-bottom: 20px; padding: 0 0 25px 0; clear: both}
#prawy_pas .przyklady h1, h2, h3 {font-size: 120%; padding: 20px 30px;}
#prawy_pas .przyklady h1    {border-top: 1px solid #D4D0C9;}
#prawy_pas .przyklady h2    {background: url(images/przyklad_tlo.jpg) top left no-repeat; }
#prawy_pas .przyklady h3    {background: url(images/przyklad2_tlo.jpg) top left no-repeat; margin: 20px 0 0 0}
table.termin                {font-weight: bold; text-align: left; width: 400px; border-collapse: collapse; margin: 0 40px}
table.termin tr.ciemny      {background: #DEDAD3; padding: 5px}
table.termin tr.ciemny      {background: #DEDAD3; padding: 5px}
table.termin td             {padding: 0.4em 1em}
dl.projekty                 {width: 420px; margin: 0 30px;}
dl.projekty:after           {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
dl.projekty dd              {margin: 0 0 0 197px;}
dl.projekty dd.zdjecie      {margin: 0}
dl.projekty dd.zdjecie img  {float: left; border: 5px solid #FEFBF5; margin: 0 15px 0 0}
dl.projekty dd.tytul        {font-size: 100%; color: #274279; font-weight: bold; margin-bottom: 0.5em;}
dl.projekty dd.tytul a      {color: #274279; font-weight: bold;}
dl.projekty dd.tytul a:hover {color: #3A301F}
dl.projekty dd.dane         {background: url(images/ico_dom.gif) 0 0.3em no-repeat; padding: 0 0 0 15px}
dl.projekty dd.adres        {background: url(images/ico_koperta.gif) 0 0.4em  no-repeat; padding: 0 0 0 15px}
dl.projekty dd.opis         {color: #7F7258; padding-top: 0.5em}
#prawy_pas .przyklady .prawo {text-align: right; margin: 1.5em 3em 0 0}
#prawy_pas .przyklady .prawo a {font-weight: bold; color: #5E4826}
#prawy_pas .przyklady .prawo a:hover {color: #2E2312}

dl.kontakt                 {width: 195px; float: left; margin: 0 5px 1.8em 5px;}
dl.kontakt:after           {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
dl.kontakt dd.nazwa        {color: #274279; font-weight: bold}
dl.kontakt dd.adres        {padding: 0 0 0.5em 0}
dl.kontakt dd.tel, dd.tel_kom, dd.fax, dd.email {padding: 0 0 0 15px}
dl.kontakt dd.tel          {background: url(images/ico_tel.gif) 0 0.3em no-repeat}
dl.kontakt dd.tel_kom      {background: url(images/ico_telkom.gif) 0 0.3em no-repeat}
dl.kontakt dd.fax          {background: url(images/ico_fax.gif) 0 0.3em no-repeat}
dl.kontakt dd.email        {background: url(images/ico_email.gif) 0 0.3em no-repeat}
dl.kontakt dd.email a      {text-decoration: underline}
table.formularz            {font-weight: bold; text-align: left; width: 400px; margin: 0 40px}
table.formularz td               {padding: 0.4em}
table.formularz td.do_gory       {vertical-align: top}
table.formularz td.do_prawej     {text-align: right}
table.formularz input            {height: 18px; width: 230px; border: 1px solid #A49D8A; background: #F1EFEB; font-size: 100%; font-family: Tahoma, Arial, Sans-Serif; font-weight: normal}
table.formularz input:focus      {border: 1px solid #534E42; background-color: #FBFAF9}
table.formularz input.wyslij     {height: 25px; width: 100px; color: #755D2F; background: url(images/wyslij_tlo.jpg) top repeat-x; border: 1px solid #A49D8A; margin-left: 18px}
table.formularz input.wyslij:hover{background: url(images/wyslij_tlo2.jpg) top repeat-x; border: 1px solid #6C6657}
table.formularz input.button1     {height: 25px; width: 100px; color: #755D2F; background: url(images/wyslij_tlo.jpg) top repeat-x; border: 1px solid #A49D8A; margin-left: 18px}
table.formularz input.button1:hover{background: url(images/wyslij_tlo2.jpg) top repeat-x; border: 1px solid #6C6657}
table.formularz textarea         {height: 100px; width: 230px; border: 1px solid #A49D8A; background: #F1EFEB; font-size: 100%; font-family: Tahoma, Arial, Sans-Serif}
table.formularz textarea:focus   {border: 1px solid #534E42; background: #FBFAF9}

#menu_d                     {background: #E2DFD6; padding: 15px 0; text-align: center; clear: both}
#menu_d a                   {font-size: 90%; color: #7C7871; text-decoration: none}
#menu_d a:hover             {color: #3A301F; text-decoration: underline}
dl.stopka                   {width: 100%; font-size: 85%; text-align: center; color: #AFA89A; padding-top: 10px; padding-bottom: 15px; clear: both}
dl.stopka dd                {padding-bottom: 0.3em; margin-top: 4px; margin-bottom:4px; }
dl.stopka dd.firma          {font-weight: bold; color: #274279}
dl.stopka dd.polityka       {display: none;}
dl.stopka dd.polityka a     {padding: 0 0.5em}
dl.stopka dd.firma a        {font-weight: normal}

p.stanbud {margin-bottom: 5px;}

h2.naglowek {margin:0; padding:0; font-size: 11px; font-weight: bold;}

/* modyfikacje dla IE */
dl.projekty                 {display: inline-table;}
/* ukrycie IE/Mac \*/
html dl.projekty            {height: 1%}
dl.projekty                 {display: block}
/* koniec IE/Mac */
/* Aktualna oferta */
#prawy_pas .dzialy .budynki          {width: 420px; background: #E8E4DD url(images/wybierz_d.jpg) bottom left no-repeat; padding: 0 0 27px 0; margin: 20px 0; text-align: center; clear: both}
#prawy_pas .dzialy .budynki dl       {background: url(images/wybierz_g.jpg) top left no-repeat; margin: 0; padding-top: 15px}
#prawy_pas .dzialy .budynki dd       {display: inline; vertical-align: middle; padding: 0 10px}
#prawy_pas .dzialy .budynki select   {width: 150px; color: #635431; font-size: 100%;}
#prawy_pas .dzialy .budynki input.przejdz       {height: 20px; width: 70px; color: #755D2F; font-size: 100%; background: url(images/wyslij_tlo.jpg) top repeat-x; border: 1px solid #A49D8A}
#prawy_pas .dzialy .budynki input.przejdz:hover {background: url(images/wyslij_tlo2.jpg) top repeat-x; border: 1px solid #6C6657}
#prawy_pas .dzialy dl.spis_bud       {width: 420px; margin-top: 5px; clear: both}
#prawy_pas .dzialy dl.spis_bud dt    {background: url(images/strzalka_p.gif) 0 0.6em no-repeat; font-weight: bold; border: 0; padding: 5px 0 0 16px}
#prawy_pas .dzialy dl.spis_bud dt a  {font-weight: bold;}
#prawy_pas .dzialy dl.spis_bud dd    {padding: 0; margin: 0}
#prawy_pas .dzialy dl.spis_bud table             {width: 420px; border: 0; border-collapse: collapse; text-align: left; margin-top: 7px; padding: 0; clear: both}




#prawy_pas .dzialy  table.mieszkania    {width:420px; border: vertical-align: top;  margin: 0}
#prawy_pas .dzialy  table.mieszkania td {text-align: left; padding: 5px;}
#prawy_pas .dzialy  table.mieszkania td.wiz {text-align: center; padding: 12px;}
#prawy_pas .dzialy  table.mieszkania td.opis {text-align: justify; }
#prawy_pas .dzialy  table.mieszkania td.stan {color: #274279; font-weight: bold; }
#prawy_pas .dzialy  table.mieszkania td { width:84px; }
#prawy_pas .dzialy  table.mieszkania a {font-weight:bold;}

#prawy_pas .dzialy  table.mieszkania tr.ciemny   {background: #ECE8DF}
#prawy_pas .dzialy table.mieszkania tr.ciemniejszy{background: #E2DFD6}


#prawy_pas .dzialy table.mieszkania td.klatka    {padding: 5px; padding-left:15px;background: url(images/strzalka_p.gif) 0 0.6em no-repeat;}
#prawy_pas .dzialy table.mieszkania td.nazwa a  {background: url(images/ico_lupa.gif) 0 0 no-repeat; padding-left: 16px}
#prawy_pas .dzialy dl.spis_bud table td.tresc    {width: 170px}
#prawy_pas .dzialy dl.spis_bud table td.opcja_edycja, td.opcja_usun {width: 50px; text-align: center}  /* Admin */
#prawy_pas .dzialy dl.spis_bud table td.status   {width: 110px; text-align: center; color: #274279;}

#prawy_pas .dzialy dl.spis_bud table.opis  {border-bottom 1px solid #FFFFFF; vertical-align: top; padding: 5px; margin: 0}
#prawy_pas .dzialy dl.spis_bud table.opis td   {padding: 5px; margin: 0}


/* koniec Aktualnej oferty i Admin */
#prawy_pas .dzialy .edytuj {background: url(images/ad_ico_edytuj.gif) 0 0.3em no-repeat; padding-left: 15px;}
#prawy_pas .dzialy .usun   {background: url(images/ad_ico_usun.gif) 0 0.3em no-repeat; padding-left: 15px;}
dl.projekty dd.termin        {background: url(images/ico_termin.gif) 0 0.4em  no-repeat; padding: 0 0 0 15px}
dl.projekty dd.status        {background: url(images/ico_status.gif) 0 0.4em  no-repeat; padding: 0 0 0 15px}

#lewy_pas .menu dl dd.zoo     {background: url(images/strzalka2.gif) 15px 1.1em no-repeat; margin: 0; padding: 0.6em 5px 0.4em 25px}
#lewy_pas .menu dl dd.devel   {background: url(images/strzalka2.gif) 15px 0.7em no-repeat; margin: 0; padding: 0.4em 5px 0.8em 25px}
#lewy_pas .menu dl dd.zoo a, #lewy_pas .menu dl dd.devel a {color: #7E6741; font-weight: bold}
#lewy_pas .menu dl dd.zoo a:hover, #lewy_pas .menu dl dd.devel a:hover {color: #3A301F}


#prawy_pas .dzialy h4            {font-size: 110%; padding-bottom: 1.3em}
#prawy_pas .dzialy .przyklady_1  {width: 205px; padding: 0 5px 15px 0; float: left}
#prawy_pas .dzialy .przyklady_2  {width: 205px; padding: 0 0 15px 5px; float: left}
#prawy_pas .dzialy .przyklady_1 h1 {font-size: 130%; padding: 0 0 15px 0;}
#prawy_pas .dzialy .przyklady_2 h1 {font-size: 130%; padding: 0 0 15px 0;}
#prawy_pas .dzialy dl.projekty3                 {text-align: left; width: 205px; margin: 0; float: left}
#prawy_pas .dzialy dl.projekty3:after           {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#prawy_pas .dzialy dl.projekty3 dd              {margin: 0}
#prawy_pas .dzialy dl.projekty3 dd.zdjecie      {margin: 0; padding-bottom: 0.8em}
#prawy_pas .dzialy dl.projekty3 dd.zdjecie img  {border: 5px solid #FEFBF5;}
#prawy_pas .dzialy dl.projekty3 dd.tytul        {font-size: 100%; color: #274279; font-weight: bold; padding-bottom: 0.8em;}
#prawy_pas .dzialy dl.projekty3 dd.tytul a      {color: #274279; font-weight: bold;}
#prawy_pas .dzialy dl.projekty3 dd.tytul a:hover {color: #3A301F}
#prawy_pas .dzialy dl.projekty3 dd.dane         {background: url(images/ico_dom.gif) 0 0.3em no-repeat; padding: 0 0 0 15px}
#prawy_pas .dzialy dl.projekty3 dd.adres        {background: url(images/ico_koperta.gif) 0 0.4em  no-repeat; padding: 0 0 0 15px}
#prawy_pas .dzialy dl.projekty3 dd.opis         {color: #7F7258; padding-top: 0.5em}
#prawy_pas .dzialy .mapki                       {width: 420px; padding-bottom: 10px; clear: both}
#prawy_pas .dzialy .mapki img    {border: 5px solid #FEFBF5; margin: 0 10px 0 5px}

#prawy_pas .dzialy           {width: 420px; padding: 20px 30px; float: left}