* { margin: 0; padding: 0; }
img { border: 0; }
body { background: #FFF url('img/bg.jpg'); }

#cnt { width: 973px; margin: 15px auto; }
#cnt #top img { display: block; }
#cnt #top .element { float: left; }

#menu { display: block; clear: both; height: 35px; background: url('img/menu_tlo.jpg') no-repeat; }
#pozycje { width: 700px; margin: auto; }
.srubka { display: block; float: left; padding: 8px 0; }
#pozycje a { display: block; float: left; padding: 7px 15px; }

#content { clear: both; background: url('img/cnt_tlo.jpg') repeat-y; }

#kolumna { width: 233px; float: left; margin-left: 45px; color: #FFF; }
#kolumna h2 { padding-bottom: 10px; margin: 0; }
#tresc { width: 630px; margin: 10px 0 0 20px; padding-bottom: 10px; background: url('img/cnt_bg.jpg') repeat-y; float: left; font-family: Georgia; font-size: 16px; color: #FFF; text-align: justify; line-height: 175%; }
h1 { font-size: 22px; margin: 10px 0; text-align: center; clear: both; }
h2 { font-size: 18px; margin: 5px; text-align: center; font-style: italic; clear: both; }
#tresc label { float: left; width: 150px; text-align: right; padding-right: 5px; }
#cnt ul { margin-left: 15px; list-style-type: none; }
#cnt li { background: url('img/kropka.png') no-repeat; background-position: left center; padding-left: 25px; }
#slogan { text-align: right; padding-top: 25px; }

#losowe { width: 233px; height: 250px; background: url('img/losowe-bg.png') no-repeat; padding-top: 25px; text-align: center; }
#losowe img { display: block; width: 160px; height: 120px; border: 3px solid #FFF; margin: 0 auto 10px auto; }
#losowe a:link, #losowe a:visited { color: #FFF; font-family: Verdana; font-size: 10px; text-decoration: none; }

#tresc a:link, #tresc a:visited { color: #FFF; text-decoration: none; }

#foot { clear: both; }
#foot .element { float: left; }

#cpr { clear: both; width: 900px; margin: auto; font-size: 10px; font-family: Verdana; color: #000; text-align: center; line-height: 175%;}
#cpr a:link, #cpr a:visited { color: #000; text-decoration: none; }

#ll { font-size: 8px; font-family: Verdana; color: #000; margin: auto; width: 510px; }
#ll td { padding: 10px 5px; }
#ll a:link, #ll a:visited { color: #000; }

.wizualizacja { background: #7b3e19; padding: 5px; width: 400px; margin: 15px auto; text-align: center; }
.wizualizacja span { display: block; padding-top: 5px; }

#kontakt label { width: 150px; float: left; text-align: right; padding-right: 5px; margin: 1px; }
#kontakt input { width: 200px; font-size: 11px; font-family: Verdana; padding: 3px; margin-top: 4px; border: 1px solid #7b3e19; }
#kontakt textarea { width: 450px; height: 100px; border: 1px solid #7b3e19; font-size: 11px; font-family: Verdana; margin-top: 4px; }
#kontakt br { clear: both; }

.button { background: url('img/button-bg.png') no-repeat; border: 0; padding: 5px 0; width: 100px; text-align: center; color: #FFF; float: right; margin-top: 20px; font-size: 12px; font-family: Georgia; }
input.button { padding: 9px 0; }

.kod { width: 550px; margin: auto; background: #FFF; padding: 10px; color: #000; margin-top: 20px; border: 1px solid #7b3e19; }
.kod pre { line-height: 150%; font-size: 11px;  }

.galeria_foto { display: block; float: left; width: 210px; height: 180px;  background: url('img/photo-bg.png') no-repeat; text-align: center; font-size: 11px; font-family: Verdana; }
.galeria_foto img { display: block; margin: 15px auto 5px auto; width: 160px; height: 120px; border: 2px solid #FFF; }

#paginacja { text-align: center; }