body {margin: 0px; padding: 0px; background: #bd0103 url('grafika/bg.jpg') left top repeat-x; font: normal 11px verdana, sans-serif;}
*  {font: normal 11px verdana, sans-serif; padding: 0px; margin: 0px; color: #666;}
a {text-decoration: none;  color: #f4971b;}
a:hover {text-decoration: underline;}
img {border: none;}
textarea, input {display: block; margin: 3px 0px 6px; padding: 3px;}

#menu {margin: 0px 0px 30px 0px;}
#menu ul {overflow: hidden; zoom: 1; width: 550px; margin: auto;}
#menu ul li {float: left; margin: 0px 10px 0px 0px; list-style: none;}
#menu ul li a {padding: 5px 7px; display: block; color: #fff; text-decoration: none; font: bold 15px 'trebuchet ms', serif;}
#menu ul li a:hover {background: url('grafika/menua_hover.jpg') left center repeat-x;}

#nacontainer {background: url('grafika/content_bg.jpg') center top repeat-y; }
#container {width: 901px; margin: auto; padding: 215px 0px 0px; overflow: hidden; zoom: 1; background: url('grafika/top.jpg') center top no-repeat;}
#lewaKolumna {width: 200px; float: left; border: 1px #000 solid; display: none;}
#srodkowaKolumna {width: 622px; margin: auto; padding: 0px 30px; padding: 0px 40px; position: relative; top: 0px; overflow: hidden; zoom: 1;}
#prawaKolumna {display: none;}

#oferta {background: #3b0909; padding: 20px; width: 590px;}
#oferta p {color: #ddd; display: block; clear: both; text-align: justify; color: #ddd; font: normal 11px/18px tahoma, sans-serif;}
#oferta h2 {color: #f7080d; margin: 0px 0px 10px 0px; display: none;}

.polecana {padding: 10px; margin: 0px 0px 20px; overflow: hidden; zoom: 1; width: 607px; position: relative; background: #3b0909;}
.polecana p, .polecana, .polecana h2 {color: #ddd;}
.polecana p {display: block; clear: both; text-align: justify; color: #ddd; font: normal 11px/18px tahoma, sans-serif;}
.polecana h2 {font-weight: bold; margin: 0px 0px 10px 0px;}
.polecana a { color: #f4971b;}

.news {padding: 10px; margin: 0px 0px 20px; overflow: hidden; zoom: 1; width: 607px; position: relative; background: #3b0909;}
.news h2 a {font: normal 13px tahoma, sans-serif; color: #f7080d;}
.news h2 {margin: 0px; padding: 9px 0px;}
.news .data {display: block; font: normal 9px tahoma, sans-serif; margin: 5px 0px 5px 0px; color: #bd0103; position: absolute; top: 1px; left: 10px;}
.news .data span {font: normal 9px tahoma, sans-serif; color: #bd0103;}
.news p {display: block; clear: both; text-align: justify; color: #ddd; font: normal 11px/18px tahoma, sans-serif;}
.news p img {float: left; padding: 4px; border: 1px #f4971b solid; margin: 7px 15px 5px 0px; cursor: pointer;}
.news .wiecej {float: right; clear: both; color: #f4971b;}
#duzeFoto {position: fixed; top: 40px; left: 30px; background: #fff; border: 1px #aaa solid; padding: 10px; overflow: hidden; cursor: pointer;}
#duzeFoto div {overflow: hidden; zoom: 1;}
#duzeFoto span {position: absolute; right: 20px; top: 15px; color: #fff; font: bold 20px verdana;}
#duzeFotoBG {background: #000; position: fixed; top: 0px; left: 0px;}

#listaGalerii {overflow: hidden; zoom: 1; padding: 9px 9px; background: #3b0909; width: 609px;}
#listaGalerii li {list-style: none; float: left; margin: 0px 10px 10px 0px; text-align: center; height: 160px; width: 125px;}
#listaGalerii li a {display: block;}
#listaGalerii li a img {padding: 2px; border: 1px #f4971b solid; display: block;}
#listaGalerii li a:hover img {border: 1px #d00 solid;}

#galeriaMiniaturki {overflow: hidden; zoom: 1; padding: 9px 9px; background: #3b0909; width: 609px;}
#galeriaMiniaturki p { color: #ddd; margin: 0px 0px 10px 0px;}
#galeriaMiniaturki li {list-style: none; float: left; margin: 0px 10px 10px 0px; text-align: center; height: 100px;}
#galeriaMiniaturki li a {display: block;}
#galeriaMiniaturki li a img {padding: 2px; border: 1px #f4971b solid;}
#galeriaMiniaturki li a:hover img {border: 1px #d00 solid;}

#footer {background: url('grafika/footer.jpg') center top no-repeat; padding-top: 100px;}
#kontakt {padding: 20px; width: 590px;  background: #3b0909;}
#daneKontaktowe td {padding: 2px; color: #ddd;}
#daneKontaktowe .first {font-weight: bold; text-align: right; padding: 0px 7px 0px 0px;}
#daneKontaktowe .Inne {text-indent: -1000px;}
#formularzKontaktowy h3 {color: #ddd; margin: 10px 0px 10px 0px; font-weight: bold;}
#formularzKontaktowy form {color: #ddd;}
#formularzKontaktowy #mail, #formularzKontaktowy #telefon, #formularzKontaktowy #tresc {border: 2px #6b3939 solid; background: #fff; display: block; clear: both; text-align: justify; font: normal 11px/18px tahoma, sans-serif;}
#formularzKontaktowy textarea {width: 300px; height: 60px;}
#formularzKontaktowy #wyslanaOk {border: 2px #098 dashed; text-align: center; padding: 9px; margin: 9px 9px; background: #fff;}
#formularzKontaktowy #wyslanaNieok {border: 2px #a40 dashed; text-align: center; padding: 9px; margin: 9px 9px; background: #fff;}

#emlo {text-align: center !important; padding: 10px 0px; overflow: hidden; zoom: 1; color: #fff; }
#emlo h4 {text-align: center; font-weight: normal; font-family: tahoma; color: #fff;}
#emlo a {font-weight: bold; font-family: tahoma;}
#emlo a span {position: absolute; top: -100000px;}
