* { margin:0; padding:0; }
body, td, th{
  font-size: 11px;
  font-family: verdana, arial, helvetica, sans-serif;
  color: #4D4D4D;
  line-height: 18px;
}
body{
  background: url(bg.png) 0 0 repeat-x;
  margin: 17px;
  text-align: center;
}

hr{ display: none; }
img{ border: none; vertical-align: bottom; }
img.right{ float: right; margin-top: -10px; }
div.hr{ clear: both; height: 1px; font-size: 1px; }
a{ color: #F8BB00; text-decoration: underline; }
a:hover{ text-decoration: none; }
.alt{ display: none; }

#containter{
  margin: auto;
  width: 752px;
  text-align: left;
}

#main{
  background-color: #fff;
}

#sidebar{
  width: 225px;
  height: 287px;
  float: left;
  display: inline;
  background: url(sidebar-bg.png) 0 0 no-repeat;  
}

ul#mainMenu{
  width: 176px;
  list-style: none;
  margin: 15px 0 0 13px;
}

ul#mainMenu li{
  height: 38px;
  background-position: top left;
  background-repeat: no-repeat;
}

ul#mainMenu a{
  height: 100%;
  display: block;
  text-indent: -999px;
  text-decoration: none;
}

ul#mainMenu li#menuMain{ background-image: url(nav/nav-main.png); }
ul#mainMenu li#menuFirma{ background-image: url(nav/nav-firma.png); }
ul#mainMenu li#menuMieszkalne{ height: 25px; background-image: url(nav/nav-mieszkalne.png); }
ul#mainMenu li#menuLetnie{ height: 25px; background-image: url(nav/nav-letnie.png); }
ul#mainMenu li#menuJakRobimy{ background-image: url(nav/nav-jakrobimy.png); }
ul#mainMenu li#menuEkspozycje{ background-image: url(nav/nav-ekspozycje.png); }
ul#mainMenu li#menuKredyty{ background-image: url(nav/nav-kredyt.png); }
ul#mainMenu li#menuKontkat{ background-image: url(nav/nav-kontakt.png); }
ul#mainMenu li#menuFilia{ background-image: url(nav/nav-filia.png); }

#patenty{
  color: #EB4605;
  border-left: 2px solid #EB4605;
  padding: 2px 2px 2px 8px;
  margin: 20px 35px 0 13px;  
}

#content{
  margin-right: 22px;
  width: 495px;
  float: right;
  display: inline;
}

#content p{ text-align: justify; }
#content ul, #content ol{ margin: 8px 0; padding-left: 30px; }
#content ul.imgList{ margin: 0; padding: 0; list-style: none; }
#content h1{ font-size: 1.5em; margin: 6px 0; }
#content h2{ font-size: 1.3em; margin: 4px 0; }

#okruchy{
  position: absolute;
  z-index: 1;
  margin-top: -20px;
  font-size: 9px;
  font-family: tahoma, arial, helvetica, sans-serif;
}

#okruchy a{
  color: #7C7C7C;
}

#content{}

#footer{
  font: 9px tahoma, arial, helvetica, sans-serif;
  padding: 12px 13px 0 13px;
  color: #FFDB29;
  background: url(bottom.png) 0 0 no-repeat;
}
#footer a{ color: #FFDB29; text-decoration: none }
#footer a:hover{ color: #fff; }

#footer p{
  float: left;
}

ul#bottomMenu{
  margin-top: 1px;
  float: right;
}

ul#bottomMenu li{
  list-style: none;
  float: left;
  border-right: 1px solid white;
  padding: 0 6px;
}

ul#bottomMenu li#bottomHome a{ text-decoration: none; text-indent: -9999px; display: block; width: 11px; background: url(ico-home.png) 0 1px no-repeat }
ul#bottomMenu li#bottomEmail a{ text-decoration: none; text-indent: -9999px; display: block; width: 11px; background: url(ico-mail.png) 0 1px no-repeat }
ul#bottomMenu li#bottomTop a{ text-decoration: none; text-indent: -9999px; display: block; width: 11px; background: url(ico-arr.png) 0 1px no-repeat }
ul#bottomMenu li#bottomTop{ border-right: none; padding-right: 0; }

/* Domki */

#domkiTresc h1{ display: none; }

#domkiLista ul, #oferujemyDomy{
  margin: 0; padding: 0
}
#domkiLista li, #oferujemyDomy li{
  list-style: none;
  float: left;
  width: 218px;
  margin: 10px;
  position: relative;
}

#domkiLista li a.fotka,
#oferujemyDomy li a.fotka{
  display: block;
  width: 218px;
  height: 161px;
  padding-top: 7px;
}

#domkiLista li img,
#oferujemyDomy li img{
  margin-top: 12px;
  margin-left: 17px;
}

#domkiLista li .extra,
#oferujemyDomy li .extra{
  position: absolute;
  width: 218px;
  height: 161px;
  background: url(list-img-border-8bit.png) 0 0 no-repeat;
  cursor: pointer;
}

#domkiLista[id] li .extra,
#oferujemyDomy[id] li .extra{
  background: url(list-img-border-alpha.png) 0 0 no-repeat;
}

#domkiLista h2, #oferujemyDomy h2{ top: -7px; font: bold 13px 'Trebuchet MS', Arial, Helvetica, sans-serif; left: 18px; position: absolute; z-index: 2; width: 181px; }
#domkiLista h2 a, #oferujemyDomy h2 a{ text-decoration: none; color: #C2832D; }
#domkiLista h2 small.metraz, #oferujemyDomy h2 small.metraz{ position: absolute; right: 0; font: bold 13px 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #378FB7; }
#domkiLista h2 small.metraz sup, #oferujemyDomy h2 small.metraz sup{ font-size: 8px; }

/* Domek */

#domekTresc{
}
#domekTresc .wrapper{
  height: 208px;
  background: url(dom-shade.png) top center no-repeat;
  position: relative;
}
#domekTresc h1{
  position: absolute;
  top: 15px;
  right: 0;
  font: 18px 'Palatino Linotype', 'Palatino', Georgia, serif;
  font-style: italic;
  color: #777;
  font-size: 18px;
}
#domekTresc h1 strong{
  font-size: 24px; 
  color: #000;
}

#domekFotka{
  width:218px;
  height: 180px;
  position: absolute;
  top: 18px;
  left: 0;
}

#domekFotka.empty em{
  display: block;
  position: absolute;
  left: 60px;
  top: 70px;
  font-style: normal;
  color: #bbb;
}

#domekFotka .extra{
  position: absolute;
  z-index: 1;
  width:218px;
  height: 180px;
  background: url(dom-fota-8bit.png) 0 0 no-repeat;
}
#domekFotka .extra[class]{ background-image: url(dom-fota-alpha.png); }

#domekFotka img{
  margin-top: 21px;
  margin-left: 13px;
}

p#domekMetraz{
  width: 100px;
  height: 40px;
  position: absolute;
  right: 0;
  top: 76px;
  font: bold 20px 'Palatino Linotype', 'Palatino', Georgia, serif;
  text-align: center;
  color: #E26E01;
}
#domekMetraz sup{ font-size: 17px; }

#domekRzuty{
  position: absolute;
  width: 98px;
  height: 50px;
  bottom: 36px;
  right: 0;
  background: url(rzuty-bg.png);
}

#domekRzuty li{ list-style: none; }
#domekRzuty li a{ width: 98px; height: 21px; text-indent: -9999px; display: block; text-decoration: none; }

#domekRzuty li#rzutParteru{ background: url(rzut-parteru.png) 0 0 no-repeat; position: absolute; top: 0; right: 0; }
#domekRzuty li#rzutPietra{ background: url(rzut-pietra.png) 0 0 no-repeat; position: absolute; top: 29px; right: 0; }

#domekCenaRaw{ position: absolute; left: 2180px; top: 48px; width: 176px; line-height: 1.4em; /*height: 91px; left:218px*/ }
  #domekCenaRaw h2{ display: none; }
  #domekCenaRaw p { margin: 0.7em 0; text-align: left; font-size: 1em; }

#domekCena{ position: absolute; right: 10000px; top: 58px; /*height: 91px;*/ }
  #domekCena h2{ display: none; }
  #domekCena table{ border-collapse: collapse; height: 100%; }
    #domekCena table td{ background-color: #F5F5F5; border: 1px solid #fff; font-weight: bold; font-size: 9px; font-family: tahoma; padding: 0 3px; }
    #domekCena table th{ color: rgb(77, 77, 77); text-align: right; font-weight: normal; font-size: 9px; font-family: tahoma; padding-right: 4px; }
		
		
#mieszkalnydomekCenaRaw{ position: absolute; left: 218px; top: 48px; width: 176px; line-height: 1.4em; /*height: 91px;*/ }
  #mieszkalnydomekCenaRaw h2{ display: none; }
  #mieszkalnydomekCenaRaw p { margin: 0.7em 0; text-align: left; font-size: 1em; }

#mieszkalnydomekCena{ position: absolute; right: 119px; top: 58px; /*height: 91px;*/ }
  #mieszkalnydomekCena h2{ display: none; }
  #mieszkalnydomekCena table{ border-collapse: collapse; height: 100%; }
    #mieszkalnydomekCena table td{ background-color: #F5F5F5; border: 1px solid #fff; font-weight: bold; font-size: 9px; font-family: tahoma; padding: 0 3px; }
    #mieszkalnydomekCena table th{ color: rgb(77, 77, 77); text-align: right; font-weight: normal; font-size: 9px; font-family: tahoma; padding-right: 4px; }


#domekZdjecia{
  background: url(zobacz-zdjecia.png) top left no-repeat;
  padding-top: 18px;
  margin-left: 11px;
}
#domekZdjecia h2{ display: none; }
#domekZdjecia span.fotka{ position: relative; width: 64px; height: 64px; display: block; float: left; }
#domekZdjecia span.fotka a{ height: 64px; width: 64px; display: block; cursor: pointer; }
#domekZdjecia span.fotka .extra{ position: absolute; top:0; left: 0; height: 64px; width: 64px; display: block; background: url(dom-ico-bg-8bit.png) 0 0 no-repeat; }
#domekZdjecia span.fotka .extra[class]{ background-image: url(dom-ico-bg-alpha.png); }
#domekZdjecia span.fotka img{ margin: 8px 0 0 8px; }

#zdjeciaDodatkowe{
  height: 64px;
  background: url(dom-icolist-bg.png) 0 0 no-repeat;
  padding-left: 24px;
}

#zdjeciaWnetrza{
  height: 64px;
  background: url(wnetrza-icolist-bg.png) 0 0 no-repeat;
  padding-left: 24px;
  margin-top: 1px;
}

#domekOpis h2, #domekOpcje h2, #domekCenaZawiera h2{ background-position: 0 0; background-repeat: no-repeat; height: 17px; text-indent: -9999px; margin: 15px 0 5px 0 ; }
#domekOpis h2{ background-image: url(naglowki/h2-opis.png); }
#domekOpcje h2{ background-image: url(naglowki/h2-opcje.png); }
#domekCenaZawiera h2{ background-image: url(naglowki/h2-cena-zawiera.png); }

#domekOpcje ul{ list-style-type: upper-alpha; }
#domekOpcje ul ul{ list-style-type: decimal; }
#domekOpcje ul ul li{ color: gray; }

#domekCenaZawiera ul{ list-style-type: decimal; }

/* Index */

body#index #content h1{ height: 14px; overflow: hidden; text-indent: -9999px; background: url(domy-budujemy.png) 0 0 no-repeat;  }
body#index #content strong.firma{ color: #e00; font-size: 1.3em; }
body#index #content p{ margin: 18px 0; }
ul#oferujemyDomy{ margin-top: 14px; padding: 0; }
ul#oferujemyDomy h2{ top: -10px; font-size: 14px; text-align: center; }

/* O firmie */

body#firma #content h1{ height: 16px; overflow: hidden; text-indent: -9999px }

/* Jak to robimy */

body#jakRobimy #content h1{ height: 4px; overflow: hidden; text-indent: -9999px }
#konstrukcjaM15{ float: left; }
#konstrukcjaT5{ float: right; }
#konstrukcjaM15, #konstrukcjaT5{ margin-top: 13px; text-align: center; font: 15px 'Palatino Linotype', 'Palatino', Georgia, serif; font-style: italic; }
#konstrukcjaM15 li, #konstrukcjaT5 li{ margin: 8px 0; }

/* Ekspozycje */

body#ekspozycje #content h1{ height: 4px; overflow: hidden; text-indent: -9999px }

.ekspozycjaMiasto{ height: 230px; position: relative; }
#ekspozycja-krakow.ekspozycjaMiasto{ height: 140px; }
.ekspozycjaMiasto h2{ font-family: 'Palatino Linotype', 'Palatino', Georgia, serif; font-style: italic; }
.ekspozycjaMiasto p{ margin: 10px 0; }
.ekspozycjaMiasto address{ font-style: normal; }

.ekpozycjaZdjecia{ text-align: center; padding-top: 45px; position: absolute; width: 196px; top: 0; right: 0; background: url(ekspozycja-imgtop.png) 0 0 no-repeat; }
.ekpozycjaZdjecia ul{ position: absolute; top: 8px; left: 63px;list-style: none; }
.ekpozycjaZdjecia li{ float: left; width: 16px; }
.ekpozycjaZdjecia li a{ width: 100%; display: block; text-indent: -9999px; font-size: 1px; text-decoration: none; background: url(ekspozycja-icobg.png) 0 0 no-repeat; }
.ekpozycjaZdjecia .mainImgBox{ width: 196px; height: 147px; position: relative; }
.ekpozycjaZdjecia .mainImgBox .extra{ position: absolute; top: 0; left: 0; width: 196px; height: 147px; z-index: 1; background: url(ekspozycja-imgbg-8bit.png) 0 0 no-repeat; }
.ekpozycjaZdjecia .mainImgBox .extra[class]{ background-image: url(ekspozycja-imgbg-alpha.png); }
.ekpozycjaZdjecia .mainImgBox img{ margin: 5px 0 0 7px; }

/* Kredyt */

body#kredyt #content h1{ height: 14px; overflow: hidden; text-indent: -9999px }
body#kredyt #content ul{ list-style: none; padding: 0; margin: 0; text-align: center; }
body#kredyt #content li{ margin: 40px 0; }

/* Kontakt */

body#kontakt #content h1{ height: 4px; overflow: hidden; text-indent: -9999px }
body#kontakt #content p{ margin: 13px 0; }

#mapkaDojazdu{ float: right; margin-top: -70px; text-align: center; font-weight: bold }
#mapkaDojazdu a{ cursor: default; color: green; text-decoration: none; }
#mapkaDojazdu a:hover{ color: #e70 }

/* 3stat */

#statico{ text-align: center; }
#statico img{ position: absolute; margin-top: -15px; margin-left: 334px; height: 14px; border: none; }
#statcode{ display: none; }

#off-promocja{
  position: absolute;
  right: 0;
  top: 177px;
	width: 250px;
  color: #cc0000;
  text-align: left;
  font-family: tahoma, arial, sans-serif;
  /* outline: 1px solid red; */
  line-height: 1.3em;
  padding: 3px 8px;
  background-color: #ffeed0;
}