html {
   height: 100%;
   font: 11px Verdana, Helvetica, sans-serif;
   color: #4f0808;
}

body {
   margin: 0;
   background: #fff;
   text-align: center;
}

img, form, fieldset {
   margin: 0;
   padding: 0;
   border: 0px none;
}

h3 {
   font-size: 14px;
}

#cien1 {
   width: 864px;
   margin: auto;
   background: transparent url(../grafika/cien1.jpg) no-repeat top left;
}

#cien2 {
   width: 864px;
   margin: auto;
   background: transparent url(../grafika/cien2.jpg) no-repeat bottom right;
}

#pojemnik {
   width: 842px;
   margin: auto;
}

#header {
   position: relative;
   width: 842px;
   /*height: 237px;*/
   background: transparent url(../grafika/tlo1.jpg) repeat-x top;
   text-align: left;
}

#header a.header {
   display: block;
   width: 298px;
   height: 100px;
   margin: 0 0 0 47px;
   background: transparent url(../grafika/logo2.jpg) no-repeat;
}

#header a.header span {
   display: none;
}

#top {
   position: relative;
   width: 748px;
   height: 137px;
   margin: auto;
   background: transparent url(../grafika/top.gif) no-repeat;
}

#menu {
   position: absolute;
   top: 3px;
   left: 14px;
   width: 451px;
   height: 26px;
   margin: 0;
   padding: 0;
   list-style: none;
}

#menu li {
   display: block;
   position: absolute;
   top: 0;
   cursor: pointer;
}

#menu-btn1 {
   left: 0;
   width: 89px;
   height: 26px;
   z-index: 1;
}

.menu-btn1 {
   background: transparent url(../grafika/menu-btn1.gif) no-repeat 0 0;
}

.menu-btn1h {
   background: transparent url(../grafika/menu-btn1.gif) no-repeat 0 -26px;
}

#menu-btn2 {
   left: 73px;
   width: 156px;
   height: 26px;
   z-index: 5;
}

.menu-btn2 {
   background: transparent url(../grafika/menu-btn2.gif) no-repeat 0 0;
}

.menu-btn2h {
   background: transparent url(../grafika/menu-btn2.gif) no-repeat 0 -26px;
}

#menu-btn3 {
   left: 210px;
   width: 105px;
   height: 26px;
   z-index: 4;
}

.menu-btn3 {
   background: transparent url(../grafika/menu-btn3.gif) no-repeat 0 0;
}

.menu-btn3h {
   background: transparent url(../grafika/menu-btn3.gif) no-repeat 0 -26px;
}

#menu-btn4 {
   left: 299px;
   width: 85px;
   height: 26px;
   z-index: 3;
}

.menu-btn4 {
   background: transparent url(../grafika/menu-btn4.gif) no-repeat 0 0;
}

.menu-btn4h {
   background: transparent url(../grafika/menu-btn4.gif) no-repeat 0 -26px;
}

#menu-btn5 {
   left: 368px;
   width: 83px;
   height: 26px;
   z-index: 2;
}

.menu-btn5 {
   background: transparent url(../grafika/menu-btn5.gif) no-repeat 0 0;
}

.menu-btn5h {
   background: transparent url(../grafika/menu-btn5.gif) no-repeat 0 -26px;
}

.menu-list {
   display: none;
   position: absolute;
   top: 27px;
   left: 14px;
   width: 184px;
   text-align: left;
   z-index: 6;
}

.menu-list a {
   display: block;
   width: 157px;
   margin: auto;
   padding: 8px 7px 0px 20px;
   background: #600 url(../grafika/dot.gif) no-repeat 7px 13px;
   color: #bf9971;
   text-decoration: none;
   font: 11px sans-serif;
}

.menu-list a:hover {
   color: #fff;
}

#menu2 {
   left: 90px;
}

#menu3 {
   left: 241px;
}

#menu4 {
   left: 327px;
}

#menu5 {
   left: 396px;
}

.menu-belka {
   width: 184px;
   height: 13px;
   background: transparent url(../grafika/menu-belka.gif) no-repeat;
}

#content {
   width: 842px;
   background: transparent url(../grafika/tlo2.jpg) repeat-x bottom;
}

#main-link1, #main-link2 {
   margin-right: 27px;
}

#content-bottom {
   position: relative;
   width: 748px;
   height: 150px;
   margin: auto;
}

#zamow {
   position: absolute;
   top: 0;
   left: 0;
   width: 230px;
   height: 150px;
   margin-right: 29px;
   background: transparent url(../grafika/zamow.jpg) no-repeat;
   cursor: pointer;
}

#zamow p {
   position: absolute;
   bottom: 15px;
   right: 10px;
   margin: 0;
   font-weight: bold;
   font-size: 20px;
   color: #763428;
}

#aktualnosci {
   position: absolute;
   top: 0;
   left: 259px;
   width: 489px;
   height: 150px;
   background: transparent url(../grafika/aktualnosci.jpg) no-repeat;
   font: 11px Tahoma, sans-serif;
}

#news_short1 {
   position: absolute;
   top: 44px;
   left: 15px;
   width: 220px;
   height: 95px;
}

#news_short2 {
   position: absolute;
   top: 44px;
   right: 15px;
   width: 220px;
   height: 95px;
}

#news_short1 .obrazek, #news_short2 .obrazek {
   float: left;
   clear: none;
   width: 60px;
   height: 95px;
   text-align: left;
}

#news_short1 .tresc, #news_short2 .tresc {
   float: left;
   clear: none;
   width: 160px;
   height: 95px;
   text-align: left;
}

#news_short1 .obrazek img, #news_short2 .obrazek img {
   width: 54px;
   margin: 0 0 auto 0;
   border: 1px solid #660000;
}

#news_short1 a, #news_short2 a {
   color: #4f0808;
}

#news_short1 p, #news_short2 p {
   margin: 0;
}

#news_short1 .opis, #news_short2 .opis {
   width: 160px;
   height: 40px;
   overflow: hidden;
}

.black {
   padding-bottom: 2px;
   color: #000;
}

#footer {
   position: relative;
   width: 842px;
   height: 59px;
   background: #ffe7bf;
   color: #c1c1c1;
}

#footer a {
   color: #c1c1c1;
}

#footer-zaokr {
   position: absolute;
   top: 37px;
   right: 786px;
   width: 11px;
   height: 22px;
   background: transparent url(../grafika/footer-zaokr.gif) no-repeat;
}

#footer-belka {
   position: absolute;
   top: 37px;
   right: 90px;
   width: 696px;
   height: 22px;
   background: transparent url(../grafika/footer-belka.gif) repeat-x;
}

#footer-logo {
   position: absolute;
   top: 0;
   right: 0;
   width: 90px;
   height: 59px;
   background: transparent url(../grafika/footer.png) no-repeat;
}

#footer p {
   position: absolute;
   top: 5px;
   margin: 0;
}

#footer p.txt1 {
   left: 10px;
}

#footer p.txt2 {
   right: 5px;
}

#lista-newsow {
   margin: 0;
   padding: 10px 57px 40px 57px;
   list-style-type: none;
}

#lista-newsow table {
   font: 12px Tahoma, sans-serif;
}

#lista-newsow table td {
   text-align: left;
   vertical-align: top;
}

#lista-newsow .nazwa {
   width: 540px;
   color: #7f0606;
   font-weight: bold;
}

#lista-newsow .data {
   text-align: right;
   color: #800707;
}

#lista-newsow .wiecej {
   text-align: right;
}

#lista-newsow .obrazek {
   width: 70px;
   text-align: left;
}

#lista-newsow .obrazek img {
   border: 1px solid #600;
}

#podstrona, #kontakt {
   padding: 10px 57px 40px 57px;
   text-align: left;
   font-size: 13px;
   font-family: Tahoma, sans-serif;
}

#kontakt .formularz, #kontakt .formularz-zamow {
   clear: both;
   width: 550px;
   margin: 10px auto 15px auto;
   padding: 0;
   list-style: none;
}

#kontakt .formularz label, #kontakt .formularz p {
   display: block;
   float: left;
   width: 120px;
   margin-right: 5px;
   text-align: left;
   line-height: 16px;
}

#kontakt .formularz-zamow label {
   display: block;
   float: left;
   width: 240px;
   margin-right: 5px;
   text-align: right;
   line-height: 16px;
}

#kontakt .formularz input, #kontakt .formularz select, #kontakt .formularz-zamow input, #kontakt .formularz-zamow select {
   width: 200px;
   margin-bottom: 5px;
   border: 1px solid #600;
   font: 12px Tahoma, sans-serif;
   color: #000;
}

#kontakt .formularz input.box {
   width: auto;
   vertical-align: middle;
}

#kontakt .formularz textarea {
   width: 550px;
   height: 120px;
   margin: 5px auto 5px auto;
   border: 1px solid #600;
   font: 12px Tahoma, sans-serif;
   color: #000;
}

#kontakt .formularz input.button {
   width: 100px;
   height: 20px;
   background: #FFF;
   border: 1px solid #600;
   font: bold 12px Tahoma, sans-serif;
   color: #B4193A;
   cursor: pointer;
}

#kontakt .formularz-zamow input.button {
   width: 100px;
   height: 20px;
   margin-left: 245px;
   background: #FFF;
   border: 1px solid #600;
   font: bold 12px Tahoma, sans-serif;
   color: #B4193A;
   cursor: pointer;
}

#galeria {
   display: inline-block;
   width: 748px;
   margin: 0 auto 0 auto;
   padding: 0;
   list-style: none;
   font: 12px Tahoma, sans-serif;
}

#galeria li {
   float: left;
   width: 248px;
   margin: 0; padding: 0;
}

#galeria li img {
   border: 1px solid #600;
}

#galeria a {
   text-decoration: none;
   color: #600;
}

#galeria p {
   margin: 0;
   padding: 5px 0 10px 0;
}


#film {
   width: 748px;
   margin: 0 auto 0 auto;
   padding: 0;
   list-style-type: none;
   font: 12px Tahoma, sans-serif;
}

#film li {
   float: left;
   width: 370px;
   margin: 0;
   padding: 0;
}

.komunikat {
   margin: 0;
   padding: 80px;
   font-size: 12px;
   font-weight: bold;
}

.komunikat2 {
   width: 300px;
   margin: auto;
   padding: 10px;
   font-size: 12px;
   font-weight: bold;
   border: 3px double #600;
   text-align: center;
}

/* lightbox */

#lightbox {
  padding: 10px;
  border: none;
  background-color: #FFF;
}

#lightboxDetails {
   padding-top: 0.6em;
   font-size: 1em;
}

#lightboxCaption {
   float: left;
}

#keyboardMsg {
   float: right;
}

#lightbox img {
   clear: both;
   border: none;
}

#overlay img {
   border: none;
}

#overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
  background-color: #000;
  filter:alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}

.pasekpodstron {
   clear: both;
   margin: auto;
   padding: 10px 0 10px 0;
   font: bold 13px Verdana, Helvetica, sans-serif;
   color: #4f0808;
}

.pasekpodstron a {
   color: #4f0808;
   text-decoration: none;
}