body
{

background-color:#ffffff;



font-size: 12px; 
color:#ffffff;
margin:0px auto 0px auto;
padding:0px;

line-height:20px;
font-family:arial;
}

img{border:none;}
a{border:none; text-decoration:none; color:#555555;}




img.ramka{
width:500px;
padding:1px;
border:10px solid #c45a5a;
margin:10px 0px 10px 30px;
}

p.title
{


letter-spacing:-2px;
font-size:40px;

font-family:georgia;
color:#ffffff;
padding:0px 0px 20px 0px;

margin:0px;
margin-bottom:20px;
border-bottom:1px solid #b53939;


}



#cennik {
 
   border: 1px solid #b58000;
   border-collapse: collapse;
background-color: #ffc600;
	font-size:11px;
	color:black;
	width:100%;
}

#cennik td {
   border: 1px solid #b58000;
vertical-align:top;
   padding: 8px;

}

#cennik td.head {
   border: 1px solid #b58000;
vertical-align:top;
   padding: 8px;

   background-color: #ffa200;

}
#top
{

height:226px;
width:932px;
padding:0px;
margin:0px auto 0px auto;
font-size: 12px;
background-image:url(images/top.gif);
}
#body-w #top
{

height:223px;
width:932px;
padding:0px;
margin:0px auto 0px auto;
font-size: 12px;
background-image:url(images/top.gif);
}

#top_d
{

height:65px;
width:932px;
padding:0px;
margin:0px;
font-size: 12px;
background-image:url(images/top2.gif);
}

#body-w #top_d{
background-image:url(images/top2w.gif);
}



#top_right
{
float:left;
text-align:left;
width:500px;
padding:0px;
font-size:11px;
margin-top:0px;


}



#top_left
{
float:left;
text-align:left;
width:128px;
margin-top:20px;
padding-left:20px;
font-size: 11px;
}


#stopka 
{

margin:0px;
width:100%;
margin:0px auto 0px auto;
font-size:11px;

}

#stopka_wrap
{

margin:0px;
width:899px;
margin:0px auto 0px auto;
font-size:11px;

}



ul{list-style-image:url(images/arrow.gif); margin-left:0px;}
ul li{ padding:5px;}
 

#stopka_prawa
{


float:right;
width:400px;
color:#ffffff;
text-align:right;
padding:10px 50px;

}

#stopka_lewa
{
float:left;
color:#ffffff;
width:250px;
padding:10px;
text-align:left;
}

#stopka_prawa a{
color:#ffc600;

}

#stopka_prawa a:hover{
color:#dddddd;

}


#main
{
margin:0px auto 0px auto;
width:100%;

padding-bottom:0px;


}

#main_d
{
margin:0px auto 0px auto;
width:932px;
 background-image:url(images/main.gif);
background-repeat:repeat-y;
padding-bottom:0px;
overflow:hidden;

}






#content
{
width:100%;
margin:0px auto 0px auto;
text-align:left;

background-color:#ae010a;




}

#zawartosc{
float:right;
padding:20px 50px 50px 50px; 
color:#ffffff;
width: 580px;
text-align:justify;

}

#menu{
float:left;
padding:20px 0px 50px 0px; 
color:#ffffff;
width: 100px;
}

#menu table{
margin-left:30px;
}






#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-color: #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%;
        background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
        display: block;
        }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/next.gif) right 15% no-repeat; }

#imageDataContainer{
        font: 10px Verdana, Helvetica, sans-serif;
        background-color: #fff;
        margin: 0 auto;
        line-height: 1.4em;
        overflow: auto;
        width: 100%        
        }

#imageData{        padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }        
#imageData #caption{ font-weight: bold;        }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;        }                        
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.1em;        }        
                
#overlay{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
        background-color: #000;
        }

.Container {
  float:left;
  top: 50px; left: 10px; 
  width: 300px;
  height: 180px;

}
#Scroller-1 { 
  position: absolute; 
  overflow: hidden;
  width: 300px;
  height: 180px;
}
#Scroller-1 p {
  margin: 0; padding: 10px 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-indent: 20px;
  color: #6F6048;
}
.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
}
#Scrollbar-Container {
float:right;
  position: relative;
  top: 10px; right: 20px;
  width:10px;
}
.Scrollbar-Up {
  cursor: pointer;
  position: absolute;
}
.Scrollbar-Track {
 height: 161px;
float:right;
  position: relative;
  top: 0px; right: 20px;
  width:10px;

  background: transparent url(images/track.gif) no-repeat center center;
}
.Scrollbar-Handle {
  position: absolute;
  width: 8px; height: 22px;
}
.Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  top: 187px;
}