body {
   background: #000;
   font: 14px Verdana, sans-serif;
   color: #FFF;
   line-height: 1.4em;
}

a {
   font-weight: bold;
   color: #FF59DE;
}

#player {
   position: absolute;
   left: 0;
   top: 0;
   margin: 0;
   padding: 0;
   z-index: 10;
}

#middle {
   position: relative;
   width: 1024px;
   height: 600px;
   margin: 50px auto 50px auto;
   background: #000 url(../grafika/tlo.jpg) no-repeat;
}

#middle-left {
   position: absolute;
   top: 0;
   left: -128px;
   width: 128px;
   height: 600px;
   background: #000 url(../grafika/tlo1.jpg) no-repeat;
}

#middle-right {
   position: absolute;
   top: 0;
   right: -126px;
   width: 126px;
   height: 600px;
   background: #000 url(../grafika/tlo3.jpg) no-repeat;
}

#middle h1.logo {
   position: absolute;
   top: 0;
   left: 3px;
   width: 500px;
   height: 140px;
   margin: 0;
}

#middle h1.logo a {
   display: block;
   width: 500px;
   height: 140px;
   margin: 0;
}

#middle h1.logo a span {
   display: none;
}

#menu {
   position: absolute;
   top: 279px;
   left: 23px;
   width: 195px;
   margin: 0;
   padding: 0;
   list-style-type: none;
}

#menu li {
   width: 195px;
   height: 28px;
   margin-bottom: 7px;
}

#menu a span {
   display: none;
}

#menu .btn1, #menu .btn2, #menu .btn3, #menu .btn4, #menu .btn5, #menu .btn6, #menu .btn7, #menu .btn8 {
   position: absolute;
   top: 0;
   left: 0;
   width: 195px;
   height: 28px;
   padding: 0;
   background: transparent url(../grafika/btn_strona.png) no-repeat 0 0;
}

#menu .btn1:hover {
   background: transparent url(../grafika/btn_strona.png) no-repeat 0 -28px;
}

#menu .btn2 {
   top: 35px;
   background: transparent url(../grafika/btn_ofirmie.png) no-repeat 0 0;
}

#menu .btn2:hover {
   background: transparent url(../grafika/btn_ofirmie.png) no-repeat 0 -28px;
}

#menu .btn3 {
   top: 70px;
   background: transparent url(../grafika/btn_oferta.png) no-repeat 0 0;
}

#menu .btn3:hover {
   background: transparent url(../grafika/btn_oferta.png) no-repeat 0 -28px;
}

#menu .btn4 {
   top: 105px;
   background: transparent url(../grafika/btn_praca.png) no-repeat 0 0;
}

#menu .btn4:hover {
   background: transparent url(../grafika/btn_praca.png) no-repeat 0 -28px;
}

#menu .btn5 {
   top: 140px;
   background: transparent url(../grafika/btn_klienci.png) no-repeat 0 0;
}

#menu .btn5:hover {
   background: transparent url(../grafika/btn_klienci.png) no-repeat 0 -28px;
}

#menu .btn6 {
   top: 175px;
   background: transparent url(../grafika/btn_produkty.png) no-repeat 0 0;
}

#menu .btn6:hover {
   background: transparent url(../grafika/btn_produkty.png) no-repeat 0 -28px;
}

#menu .btn7 {
   top: 210px;
   background: transparent url(../grafika/btn_przedsiewziecia.png) no-repeat 0 0;
}

#menu .btn7:hover {
   background: transparent url(../grafika/btn_przedsiewziecia.png) no-repeat 0 -28px;
}

#menu .btn8 {
   top: 245px;
   background: transparent url(../grafika/btn_kontakt.png) no-repeat 0 0;
}

#menu .btn8:hover {
   background: transparent url(../grafika/btn_kontakt.png) no-repeat 0 -28px;
}

#panel {
   position: absolute;
   top: 140px;
   left: 301px;
   width: 678px;
   height: 360px;
   padding: 8px 10px 8px 10px;
}

#panel h1 {
   margin: 10px 0 5px 0;
   padding: 0;
   font-size: 20px;
   font-weight: bold;
   text-shadow: 0 0 6px #DFF1FF,  2px 1px 5px #0FD7FF, 2px 3px 8px #0045FF;
}

#panel ul.glowna-lista {
   padding: 10px 0 10px 100px;
   list-style-type: square;
}

#pojemnik {
   width: 100%;
   height: 90%;
   overflow: auto;
}

.img-anchor {
	width: 600px;
}

.img-anchor a {
   text-decoration: none;
   color: #fff;
}

.img-anchor img {
   padding: 1px;
   border: 1px solid #AAA;
   margin: auto;
}

.img-anchor ul {
   list-style-type: none;
   font-size: 11px;
   line-height: 15px;
   text-shadow: 0 0 4px #000, 0 0 2px #000;
   -webkit-text-shadow: 0 0 4px #000, 0 0 2px #000;
}

.img-anchor ul li {
   float: left;
   width: 150px;
   height: 200px;
   text-align: center;
}

.img-anchor ul li img {
	width: 110px;
}