body { margin: 0; padding: 0; background: url('img/sg-tlo.jpg') #fff no-repeat top center; }
body.podstrona  { margin: 0; padding: 0; background: url('img/podstrona-tlo.jpg') #fff no-repeat top center; }
h1, h2, p, a, ul, div { font-family: Arial, Helvetica; margin: 0; padding: 0; }
h1, h2, p { text-align: left; }
div.left { float: left; }
div.clear { clear: both; }
img { border: 0; }

#top { width: 1000px; }

#menu { width: 1000px; height: 49px; }
ul#nav { padding: 0; margin: 0; }
#menu ul#nav a { padding: 1px 5px; color: #ffffff; font-size: 18px; font-weight: bold; text-decoration: none; }
#menu ul#nav a:hover { text-decoration: underline; }
#nav li { line-height: 48px; color: #646464; display: inline; list-style-type: none; padding-left: 31px; padding-right: 31px; background: url('img/bullet-menu.gif') no-repeat; }
#nav li:first-child { background: none; }

div#main { width: 1000px; }
div#main div#podmain { width: 990px; margin: 0 5px; }
div#main div#podmain div.k1 { width: 320px; }
div#main div#podmain div.k2 { width: 655px; margin-left: 15px; }
div#main div#podmain div.k3 { width: 320px; margin-left: 15px; }
div#main div#podmain div.k4 { width: 990px; }

div.k1na	{ width: 320px; background: url('img/k1nabg.gif') no-repeat top center; }
div.k2na	{ width: 655px; background: url('img/k2nabg.gif') no-repeat top center; }
div.k1pod { width: 320px; height: 6px; background: url('img/k1podbg.gif') no-repeat; }
div.k2pod { width: 655px; height: 6px; background: url('img/k2podbg.gif') no-repeat; }
div.box1	{ margin: 16px; width: 100%; }

div#main div#podmain h1 { width: 320px; height: 41px; color: #009bff; line-height: 41px; font-size: 18px; font-weight: bold; text-align: left; background: url('img/h1-bg1.gif') #fff no-repeat; margin-top: 22px; padding: 0; text-indent: 35px; }
div#main div#podmain h1.d { width: 655px; background: url('img/h1-bg2.gif') no-repeat;}
div#main div#podmain h1.h { width: 990px; background: url('img/h1-bg3.gif') no-repeat;}

div#main div#podmain p { font-size: 14px; line-height: 150%; color: #646464; padding: 16px; text-align: justify; }
div#main div#podmain a { color: #009bff; text-decoration: none; }
div#main div#podmain a:hover { text-decoration: underline; }
div#main div#podmain ul { text-align: left;  }
div#main div#podmain ul.box { list-style-image: url('img/bullet-li.gif'); padding: 16px 8px 16px 40px; }
div#main div#podmain li { font-size: 14px; line-height: 150%; }

div#stopka { width: 100%; height: 73px; background: url('img/stopka-tlo.jpg') no-repeat top center;}
div#stopkain { width: 1000px; padding-top: 42px; }
div#stopkainl, div#stopkainp { font-size: 14px; color: #fff; }
div#stopkainl { width: 580px; margin-left: 20px; text-align: left;  }
div#stopkainp { width: 380px; text-align: right; }
div#stopkainl a, div#stopkainp a { font-weight: bold; color: #ffff00; text-decoration: none; text-shadow: #39520e 2px 2px 2px; }
div#stopkainl a:hover, div#stopkainp a:hover { text-decoration: underline; }



div#tabela { width: 655px; margin-top: 10px;  }
div#tabela table { width: 100%; }
div#tabela tr { background-color: #f5f5f5; }
div#tabela th { font-size: 14px; border: 1px solid #d6d8d8; background-color: #e5e5e5; }
div#tabela td	{ text-align: center; color: #646464;  font-size: 14px; border: 1px solid #d6d8d8; }
div#tabela a { display: block; }

div#tabelkamieszkanie { width: 308px; padding-top: 16px; }
div#tabelkamieszkanie table { width: 100%;  }
div#tabelkamieszkanie th, div#tabelkamieszkanie td { font-size: 13px; padding: 3px }
div#tabelkamieszkanie th { text-align: right; border-right: 1px solid #a2a2a2; border-bottom: 1px solid #a2a2a2; }
div#tabelkamieszkanie td { border-bottom: 1px solid #a2a2a2;  }
div#tabelkamieszkanie th.dolna, div#tabelkamieszkanie td.dolna { border-bottom: 0; }


div.s_w	{ border: 2px solid #000; color: #000; background-color: #fff; padding: 5px; font-weight: bold; }	
div.s_r	{ border: 2px solid #000; color: #fff; background-color: #a2a2a2; padding: 5px; font-weight: bold; }
div.s_s	{ border: 2px solid #fff; color: #fff; background-color: #ff0000; padding: 5px; font-weight: bold; }
span.metraz { font-size: 13px; }


div.button { margin-top: 12px; }



#gallery { position: relative; width: 914px; margin: 10px auto; padding: 10px; border: 6px solid #fff; background: #97ce10; }
#images { border: 2px solid #9ac1c9; height: 225px; background: #eef5f6; margin-bottom: 20px; }
#image { position: relative; width:900px; height:600px; padding: 5px; border: 2px solid #bdbdbd; background: #fff url('img/gallery-loading.gif') center no-repeat; }
#image img { position: absolute; top: 5px; left: 5px; }
#thumbwrapper { margin-top: 10px; padding: 5px 0; width: 908px; height:100px; border:2px solid #bdbdbd; background: #fff; }
#thumbarea { position: relative; overflow: hidden; height: 100px; width: 908px; }
#thumbs { position:absolute; list-style: none; margin: 0 0 0 5px; height: 100px; width: 10000px; border-right: 5px solid #fff; }
ul.gallery { }
#thumbs li { padding: 0; float: left; margin: 0 5px 0 0; cursor: pointer; }

.imgnav { position: absolute; height: 375px; width:20%; z-index: 100; height: 375px; width: 20%; outline: none; cursor: pointer; }
#previmg { left:0; background: url('img/gallery-left.gif') left center no-repeat; border-left: 5px solid #fff; }
#previmg: hover { opacity: 1; filter: alpha(opacity=100); }
#nextimg {right:0; background: url('img/gallery-right.gif') right center no-repeat; border-right: 5px solid #fff;}
#nextimg:hover { opacity:1; filter: alpha(opacity=100); }


// 672x375
// 900x600