body {
   font-family: Helvetica, Arial, sans-serif;
   color: #000;
   background: #181818 url(images/background.png) repeat center 0%;
   margin: 0;
}

#nawigacja {
   display: none;
}

/* sliders */
div.scroller {
   width: 770px;
   height: 450px;
   overflow: hidden;
   margin-top: 20px;
   text-align: left;
}

div.scroller div.section {
   width: 770px;
   height: 450px;
   overflow: hidden;
   float: left;
   padding: 0;
}

div.scroller div.content {
   width: 10000px;
}


/* moje */
a:link, a:visited {
   color: #ffa900;
   text-decoration: none;
}
a:hover {
   color: #f2f2f2;
   text-decoration: none;
}

.box {
   font-size: 11px;
   color: #999;
   margin-top: 3px;
   margin-left: 7px;
   padding-left: 2px;
   border: 1px solid #ffa900;
   background: #181818;
}

.button {
   font-size: 11px;
   color: #999;
   margin-left: 7px;
   border: 1px solid #ffa900;
   background: #181818;
}

.glowna {
   background: url(../images/gramofon.png) no-repeat;
   background-position: bottom right;
   height: 450px;
}

.glownapic {
   background: url(../images/glowna.png) no-repeat left 0%;
   background-position: bottom;
   width: 490px;
   height: 450px;
   overflow: hidden;
   float: left;   
}

.top {
   background: url(images/top.png) no-repeat;
   height: 100px;
   width: 770px;
}

.menu {
   color: #ff9c4c;
   font: normal 14px bookman old style, sans-serif;;
   float: right;
   margin-top: 7px;
   line-height: 88px;
}
.menu a:link, .menu a:visited {
   text-decoration: none;
   padding: 0 3px 0 3px;
   border-left: 1px solid #c1c1c1;
   border-right: 1px solid #c1c1c1;
   line-height: 88px;
   display: block;
}
.menu a:active {
   text-decoration: none;
}
.menu a:hover {
   line-height: 88px;
   background: url(images/backmenu.png) repeat;
}

p, b, i, em, strong, li {
   font: normal 14px bookman old style, sans-serif;
   line-height: 18px;
   color: #a9a9a9;
   margin: 0 0 8px 0;
   padding: 0;
}

p.historia {
   font-size: 15px;
   line-height: 20px;
   color: #a9a9a9;
   margin-top: 16px;
}


ol, li, ol li {
   margin: 0 8px 8px 0;
   list-style-type: none;
   padding: 0;
}

ol li {
   margin: 0 8px 8px 0;
   background: #282828;
   padding: 5px;
   border-right: 1px solid #393939;
   border-bottom: 1px solid #393939;
}


h1 {
   padding-left: 430px;
   text-align: left;
   font: normal 34px bookman old style, sans-serif;;
   color: #EF944A;
   margin: 0 0 5px 0;
   padding: 0;
}
h2 {
   text-align: left;
   font: normal 18px bookman old style, sans-serif;;
   color: #EF944A;
   margin: 10px 0 0 0;
   padding: 0;
}



/* news i zespół */
.zespolprawa, .newsprawa {
   height: 450px;
   width: 385px;
   overflow: hidden;
   text-align: left;
   margin-left: 8px;
}
.zespollewa, .newslewa {
   width: 375px;
   height: 450px;
   overflow: hidden;
   float: left;
   text-align: right;
   margin-right: 8px;
}

#zespol h1 {
   display: none;
}

.newslewa {
   text-align: left;
}

.newslewa b, .newslewa strong {
   font-weight: bold;
}
.newslewa i, .newslewa em {
   font-style: italic;
}

.zespollewa a:link, .zespollewa a:visited, .newslewa a:link, .newslewa a:visited {
   color: #a9a9a9;
   text-decoration: underline;
}
.zespollewa a:hover, .newslewa a:hover {
   color: #f2f2f2;
   text-decoration: none;
}
.zespollewa img, .zespolprawa img, .newsprawa img, .newslewa img {
   margin: 5px;
   padding: 0;
}

img.imglewy {
    float: left;
}
img.imgprawy {
    float: right;
}

/* media */
.muzykaprawa {
   background: url(../images/gramofon.png) no-repeat right 0%;
   background-position: bottom right;
   height: 450px;
   width: 385px;
   overflow: hidden;
   text-align: left;
}

.muzykaprawa h1, .muzykaprawa h2 {
   margin-left: 25px;
}

.muzykaprawa p {
   margin-left: 25px;
   font: normal 12px bookman old style, sans-serif;
   line-height: 14px;
}

.muzykalewa {
   background: url(../images/aparat.png) no-repeat left 0%;
   background-position: bottom left;
   width: 385px;
   height: 450px;
   overflow: hidden;
   float: left;
   text-align: right;
}
.muzykalewa h1 {
   text-align: right;
}

.muzykalewa img, .muzykaprawa img {
   margin: 5px;
   padding: 0;
}


/* kontakt */
#kontakt {
   background: url(../images/telefon.png) no-repeat right 0%;
   background-position: bottom right;
}
.info {
   height: 450px;
   overflow: hidden;
   float: left;
   margin-left: 40px;
   margin-top: -90px;
}


p.informacje {
   font: normal 18px bookman old style, sans-serif;;
   margin-top: 50px;
   margin-left: 80px;
}

/* tabela z multimediami */
#tabela {
   border: none;
   padding: 0;
   margin: 0;
}
#tabela td {
   padding: 0 2px 0 5px;
   margin: 0;
}
#tabela td.playeraud {
   vertical-align: middle;
}
#tabela td.playerflv {
   text-align: center;
   vertical-align: top;
}
#tabela td.autor {
   vertical-align: top;
}


/* stopka */
#stopka p {
   padding: 2px;
   font: normal 9px Verdana, sans-serif;
   color: #806010;
}

#stopka a, #stopka a:link, #stopka a:visited, #stopka a:hover {
   font: normal 9px Verdana, sans-serif;
   color: #806010;
   text-decoration: underline;
   border: none;
   display: inline;
}

/* CSS dla preloadera */

div#preloader {
  position: fixed; /*/ustawia na stałe preloader w miejscu /*/
  width: 300px;  /*/ szerokość preloadera /*/
  left: 50%;
  margin-left: -150px; /*/ ta wartość musi być połową szerokości ze znakiem - /*/
  top: 200px; /*/ wysokość od górnej krawędzi /*/
  z-index: 9999;
  display: none; /*/  ukrywa preloader (pod żadnym pozorem nie usuwać) /*/
  background: #000;
  color: #fff;
  border: 1px solid #aaa;
  text-align: center;
  font-weight:bold;
}


/* CSS dla lightbox */

#lightbox {
   position: absolute;
   left: 0;
   width: 100%;
   z-index: 100;
   text-align: center;
   line-height: 0;
}
#lightbox a img {
   border: none;
}
#outerImageContainer {
   position: relative;
   background: #fff;
   width: 250px;
   height: 250px;
   margin: 0 auto;
}
#imageContainer {
   padding: 10px;
}
#loading {
   position: absolute;
   top: 40%;
   left: 0%;
   height: 25%;
   width: 100%;
   text-align: center;
   line-height: 0;
}
#hoverNav {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   z-index: 10;
}
#imageContainer > #hoverNav {
   left: 0;
}
#hoverNav a {
   outline: none;
}
#prevLink, #nextLink {
   width: 49%;
   height: 100%;
   display: block;
}
#prevLink {
   left: 0;
   float: left;
}
#nextLink {
   right: 0;
   float: right;
}
#prevLink:hover, #prevLink:visited:hover {
   background: url(images/prevlabel.gif) no-repeat left 15%;
}
#nextLink:hover, #nextLink:visited:hover {
   background: url(images/nextlabel.gif) no-repeat right 15%;
}
#imageDataContainer {
   font: 10px Verdana, Helvetica, sans-serif;
   background: #fff;
   margin: 0 auto;
   line-height: 1.4em;
   overflow: auto;
   width: 100%;
}
#imageData {
   padding: 0 10px;
}
#imageData #imageDetails {
   width: 70%;
   float: left;
   text-align: left;
}
#imageData #caption {
   font-weight: bold;
}
#imageData #numberDisplay {
   display: block;
   clear: left;
   padding-bottom: 1em;
}
#imageData #bottomNavClose {
   width: 76px;
   float: right;
   padding-bottom: 0;
}
#overlay {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 90;
   width: 100%;
   height: 500px;
   background-color: #000;
}