html, body, ul, l, h1, h2, h3, h4 {
     margin: 0;
     padding: 0;
     list-style: none;
}
img {
     border: 0;
}
a {
     color: #fff;
}
a:hover {
     color: #F2AB9E;
}
.clear {
     clear: both;
}

body {
     background: black;
     text-align: center;
     color: white;
     font: 11px verdana, sans-serif;
}
#wrapper {
     text-align: left;
     margin: 15px auto;
     width: 778px;
     position: relative;
     background: maroon url(images/bg.jpg) repeat-y;
     border: 5px solid #750306;
}
#head-1 {
     background: url(images/head_1.jpg) no-repeat;
     width: 409px;
     height: 386px;
     top: 0;
     left: 369px;
     position: absolute;
}
#head-2 {
     background: url(images/head_2.jpg) no-repeat;
     width: 156px;
     height: 38px;
     top: 386px;
     left: 622px;
     position: absolute;
}
#head-3 {
     width: 256px;
     height: 38px;
     top: 316px;
     left: 270px;
     position: absolute;
}

#nav {
     margin: 11px 0 25px 35px;
     color: #C15D4B;
}
#nav a {
  text-decoration: none;
  color: black;
}
#nav li {
  background: bottom left url(images/nav_bg.jpg) no-repeat;
  _height: 1%;
  padding: 2px 12px 14px 110px;
  font-weight: bold;
}
#nav li.last {
  background: bottom left url(images/nav_bg_last.jpg) no-repeat;
}
#gallery img {
     display: block;
}
#gallery1 img {
     display: block;
}
h1 {
  height: 172px;
  background: url(images/logo.jpg) no-repeat;
  color: black;
  font-weight: normal;
}
h1 span {
  display: block;
}
h1 em {
  font-style: normal;
  color: #0796D2;
  padding-right: 3px;
}
h1 .hone {
  padding: 50px 0 0 15px;
  font: 45px Forte, Keaton, "Arial Narrow", "Tahoma", arial, sans-serif;
}
h1 .htwo {
  position: relative;
  top: 1.5em;
  left: 6.5em;
  font: 18px Forte, Keaton, "Arial Narrow", "Tahoma", arial, sans-serif;
}
h1 .hthree {
  position: relative;
  top: -1.0em;
  left: 4.5em;
  font-size: 12px;
  letter-spacing: 2px;
  color: #E3C0C1;
}
h2 {
  background: 160px 0.5em url(images/dot_dot_dash.jpg) no-repeat;
  font: 30px Forte, verdana, sans-serif;
  font-weight: normal;
  font-style: italic;
  color: black;
}
h2 em {
  color: #0796D2;
}
h3 .hone {
  font: 18px Forte, Keaton, "Arial Narrow", "Tahoma", arial, sans-serif;
}

#body-left {
     float: left;
     width: 295px;
     padding-left: 28px;
}
#gallery {
     border: 1px solid #9F0408;
     background: #750306;
     margin: 13px 10px 0 6px;
     height: 385px;
     position: relative;
}
.gal {
     background: #9F0408;
     padding: 4px;
     position: absolute;
}

#gone {
     top: 20px;
     left: 20px;
     width: 100px;
}
#gtwo {
     top: 20px;
     left: 150px;
     width: 100px;
}
#gthree {
     top: 110px;
     left: 20px;
     width: 100px;
}
#gfour {
     top: 110px;
     left: 150px;
     width: 100px;
}
#gfive {
     top: 200px;
     left: 20px;
     width: 100px;
}
#gsix {
     top: 200px;
     left: 150px;
     width: 100px;
}
#gseven {
     top: 290px;
     left: 20px;
     width: 100px;
}
#geight {
     top: 290px;
     left: 150px;
     width: 100px;
}
#gallery1 {
     border: 1px solid #9F0408;
     background: #750306;
     margin: 13px 10px 0 6px;
     height: 555px;
     position: relative;
}
.gal1 {
     background: #9F0408;
     padding: 4px;
     position: absolute;
}
#g1one {
     top: 20px;
     left: 80px;
     width: 100px;
}
#g1two {
     top: 200px;
     left: 80px;
     width: 100px;
}
#g1three {
     top: 380px;
     left: 80px;
     width: 100px;
}

#body-right {
     float: right;
     width: 388px;
     padding-right: 22px;
}
#body-middle {
     float: left;
     width: 728px;
     padding-right: 22px;
     padding-left: 28px;
}

#footer {
     text-align: left;
     color: #CD3639;
     border-top: 1px solid #983234;
     padding: 6px 25px 20px 0;
}
.spacer {
     height: 18px;
}
#repertuar-left {
     float: left;
     width: 100px;
     padding-left: 28px;
}
#repertuar-right {
     float: left;
     width: 200px;
}
#repertuar-middle1 {
     float: right;
     width: 100px;
}
#repertuar-middle2 {
     float: right;
     width: 200px;
}
#repertuar-middle3 {
     float: right;
     width: 300px;
}
p em {
  font-weight: bold;
  font-style: normal;
  color: black;
}
#prawo {
     float: right;
     padding: 10px 10px 10px 10px;
}
