html, body {
   height:100%
   }
body {
   padding         : 0;
   margin          : 0;
   background-color: #ffffff;    /* kolor całej strony */
   text-align      : center;     /* wyśrodkuj stronę - dla IE*/
   min-width       : 995px;      /* dla Mozilli = 2px więcej niż #content*/
   font-family     : Arial;
   font-size       : 11px;
   color           : #777777;
   background      : url(images/body_bg.jpg) top center repeat-x;
}
#container{
   position        : relative;
   height          : auto !important;
   height          : 100%;
   min-height      : 100%;
   width           : 100%;
   min-width       : 100%;
   margin          : 0 auto;       /* wyśrodkuj stronę */
   text-align      : center;       /* przywróć justowanie tekstu do lewej */
   margin          : 0 auto;
}

#header_top{
   position        : relative;
   top             : 0;
   width           : 995px;
   min-width       : 995px;
   min-height      : 92px;
   height          : 92px;
   border          : 0px;
   float           : none;
   margin          : 0 auto;
   text-align      : center;
   background      : url(images/topheader.jpg) top center  no-repeat;
}
#header_main{
   position        : relative;
   width           : 100%;
   min-width       : 100%;
   min-height      : 273px;
   height          : 273px;
   border          : 0px;
   float           : none;
   text-align      : center;
   margin          : 0 auto;
   background      : url(images/pas.jpg) 0px 53px repeat-x;
}

#content{
   position        : relative;
   top             : 0;
   width           : 995px;
   min-width       : 995px;
   min-height      : 100%;
   height          : 100%;
   border          : 0px;
   float           : none;
   margin          : 0 auto;
   background      : url(images/mainbg.jpg) top center repeat-y;
   overflow        : hidden;
}

#content_left{
   width           : 255px;
   min-width       : 255px;
   min-height      : 100%;
   height          : 100%;
   padding-left    : 37px;
   float           : left;
   text-align      : center;
   overflow        : hidden;
}
#content_center{
   width           : 450px;
   min-width       : 450px;
   min-height      : 100%;
   height          : 100%;
   margin-left     : 25px;
   margin-right    : 10px;
   padding-right   : 15px;
   float           : left;
   text-align      : left;
   background      : url(images/bg_dot.gif) top right repeat-y;
}
#content_right{
   width           : 183px;
   min-width       : 183px;
   min-height      : 100%;
   height          : 100%;
   margin-right    : 20px;
   float           : right;
   text-align      : right;
}
#content_right_wide{
   width           : 653px;
   min-width       : 653px;
   min-height      : 100%;
   height          : 100%;
   margin-right    : 25px;
   float           : right;
   text-align      : left;
}
#menu_main{
   width           : 255px;
   min-width       : 255px;
   min-height      : 350px;
   height          : 350px;
   float           : none;
   padding-top     : 10px;
   font-family     : Arial;
   font-size       : 12px;
   color           : #ffffff;
   text-align      : left;
   background      : url(images/menu.jpg) top left no-repeat;
}
#menu_bottom{
   width           : 255px;
   min-width       : 255px;
   min-height      : 67px;
   height          : 67px;
   float           : none;
   text-align      : left;
   background      : url(images/menubottom.jpg) top left no-repeat;
}
.menu_logo{
   width           : 127px;
   min-width       : 127px;
   min-height      : 127px;
   height          : 127px;
   font-family     : Arial;
   font-size       : 11px;
   color           : #000000;
   text-align      : center;
   float           : left;
}


#footer {
   min-width       : 965px;
   width           : 965px;
   min-height      : 35px;
   height          : 35px;
   background      : url(images/footer.jpg) no-repeat;
   margin          : 0 auto;
   text-align      : left;
   padding-left    : 30px;
   padding-top     : 30px;
}

ul{
      margin-left     : 30px;
      float           : none;
      padding-left    : 0px;
      padding-top     : 0px;
      margin-top      : 0px;
}
ul ul{
      float           : none;
      padding-left    : 0px;
      padding-top     : 0px;
      margin-top      : 5px;
}
.li_b{
      float           : none;
      position        : relative;
      list-style-image: url(images/menu_li.png);
      margin-top      : 0px;
      margin-bottom   : 0px;
      padding-top     : 0px;
}
.li_s{
      list-style-image: url(images/menu_li_li.png);
}
.li_b a {
	text-decoration: none;
}

.li_b a:link {
	color: #ffffff;
}

.li_b a:visited {
	color: #ffffff;
}

.li_b a:hover {
    	text-decoration: none;
	color: #387f00;
}

.news_box{
    width              : 450px;
    min-width          : 450px;
    height             : 100%;
    min-height         : 96px;
    margin-bottom      : 10px;
    padding-top        : 0px;
    overflow           : hidden;
}
.news_text_short{
    width              : 280px;
    min-width          : 280px;
    height             : 100%;
    min-height         : 96px;
    text-align         : left;
    float              : right;
    background-color   : #f0f0f0;
    padding-left       : 10px;
    padding-right      : 10px;
}

.news_img{
    width              : 136px;
    min-width          : 136px;
    height             : 100%;
    min-height         : 96px;
    padding            : 0px;
    text-align         : left;
    float              : left;
}
.news_box2{
    width              : 430px;
    min-width          : 430px;
    height             : 100%;
    min-height         : 100%;
    background-color   : #f0f0f0;
    text-align         : left;
    margin-bottom      : 10px;
    margin-top         : 0px;
    padding-top        : 0px;
    padding-left       : 10px;
    padding-right      : 10px;
}
.news_box3{
    width              : 450px;
    min-width          : 450px;
    height             : 100%;
    min-height         : 100%;
    text-align         : left;
    margin-bottom      : 10px;
    margin-top         : 0px;
    padding-top        : 0px;
}
.news_box4{
    width              : 630px;
    min-width          : 630px;

    background-color   : #f0f0f0;
    text-align         : left;
    margin-bottom      : 10px;
    margin-right       : 23px;
    margin-top         : 0px;
    padding-top        : 0px;
    padding-left       : 10px;
    padding-right      : 10px;
}
.data {
    font-size          : 10px;
    color              : #7ba701;
}
.photo_box{
       min-width       : 136px;
       width           : 136px;
       min-height      : 130px;
       height          : 130px;
       padding-top     : 10px;
       padding-right   : 7px;
       text-align      : center;
       float           : left;
}
.img {
       border-width: 1px;
       border-color: #455570;
       border-style: solid;
}
img {
       border: 0px;
}
.linia_box{
   width           : 430px;
   min-width       : 430px;
   min-height      : 20px;
   height          : 20px;
   padding-bottom  : 5px;
   border          : 0px;
   float           : none;
}
.linia_box_left{
   width           : 15px;
   min-width       : 15px;
   min-height      : 17px;
   height          : 17px;
   padding-top     : 3px;
   text-align      : center;
   float           : left;
   background      : url(images/iter.jpg);
   font-size       : 10px;
   color           : #ffffff;
}
.linia_box_center{
   width           : 356px;
   min-width       : 356px;
   min-height      : 17px;
   height          : 17px;
   padding-top     : 3px;
   padding-left    : 4px;
   float           : left;
   background-color: #f0f0f0;
}
.linia_box_right{
   width           : 55px;
   min-width       : 55px;
   min-height      : 17px;
   height          : 17px;
   padding-top     : 3px;
   float           : right;
   background      : url(images/pobierz.jpg);
}

.gal_box{
   width           : 145px;
   min-width       : 145px;
   height          : 160px;
   min-height      : 160px;
   background-color: #f0f0f0;
   float           : left;
   margin-right    : 5px;
   margin-bottom   : 10px;
   padding-top     : 5px;
   text-align      : center;

}
.gal_img{
   width           : 136px;
   min-width       : 136px;
   height          : 96px;
   min-height      : 96px;
   float           : none;
   padding-left    : 4px;
   
}
.gal_text{
   width           : 135px;
   min-width       : 135px;
   height          : 44px;
   min-height      : 44px;
   padding-left    : 5px;
   padding-right   : 5px;
   padding-top     : 5px;
   float           : none;
}


#page_list{
    width              : 100%;
    min-width          : 100%;
    height             : 30px;
    min-height         : 30px;
    text-align         : center;
}
#prev {
    width              : 25%;
    min-width          : 25%;
    height             : 30px;
    min-height         : 30px;
    float              : left;
    text-align         : right;
}
#page_numbers {
    width              : 50%;
    min-width          : 50%;
    height             : 30px;
    min-height         : 30px;
    text-align         : center;
    float              : left;
}
#next {
    width              : 25%;
    min-width          : 25%;
    height             : 30px;
    min-height         : 30px;
    float              : right;
    text-align         : left;
}

.page_button{
    border             : 0px;
}
.kropeczki{
    display            : block;
    float              : left;
}






a {
	text-decoration: none;
}

a:link {
	color: #969696;
}

a:visited {
	color: #01417F;
}

a:hover {
    	text-decoration: none;
    	color: #9AB2C9;
}

h3 {
       font-family     : Tahoma;
       font-size       : 13px;
       color           : #6392cd;
       font-weight     : bold;
       margin-top      : 0px;
       margin-bottom   : 0px;
       padding-bottom  : 0px;
       clear           : both;
}



	
 /*======================== SEKCJA DOTYCZACA MODULU 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-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/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.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.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
	background-color: #95bae2;
	}
	
#licznik{
	font-weight: bold;
	font-size: 13px;
}
#licznik #nums{
	font-weight: bold;
	font-size: 16px;
	color: #6c9d44;
}

