
	
/* galeria*/

#lightbox{
	position: absolute;	
	left: 0; width: 100%; 
	z-index: 100; 
	text-align: center; 
	line-height: 0;
} /* pozycja okienka zostaje */

#lightbox img{ 
	width: auto; 
	height: auto;
} /* wielkosc wyswietlanego zdjecia najlepiej auto by dopasowala sie do ramki  */

#lightbox a img{ 
	border: none; 
} /* border dla jpg close nie dodajemy  */

#outerImageContainer{ 
	position: relative; 
	background-color: #fff; 
	width: 250px; 
	height: 250px; 
	margin: 0 auto; 
} /* kolor ramki od gory odleglosc stopki ramki od zdjecia*/

#imageContainer{ 
	padding: 10px; 
} /* szerokosc ramki wokul zdjecia */

#loading{ 
	position: absolute; 
	top: 40%; 
	left: 0%; 
	height: 25%; 
	width: 100%; 
	text-align: center; 
	line-height: 0; 
} /* pozycja znaczka logowania */

#hoverNav{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	z-index: 10; 
} /*po�oznie strzalek nastepna poprzenia gora dol i resztazostje tak jak jest*/

#imageContainer>#hoverNav{ 
	left: 0;
} /* polozenie strzalek nastepna poprzednia prawo lewo */
#hoverNav a{ 
	outline: none;
} /* linie na obrazku nie ruszamy */

#prevLink, #nextLink{
 	width: 49%; 
 	height: 100%; 
 	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ 
 	display: block;
  }
#prevLink { 
	left: 0; 
	float: left;
} /* umieszczenie strzalek */
#nextLink { 
	right: 0; 
	float: right;
} /* umieszczenie strzalek */

#prevLink:hover, #prevLink:visited:hover { 
	background: url(../images/prevlabel.gif) left 15% no-repeat; 
} /* strzalki poprzenie */
#nextLink:hover, #nextLink:visited:hover { 
	background: url(../images/nextlabel.gif) right 15% no-repeat; 
} /* strzalki nastepne */

#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; 
} /* podpis pod zdjeciem 1 z 10 kolor i odleglosc od lewej*/

#imageData #imageDetails{
 width: 70%; 
 float: left;
 text-align: left; 
 }	
#imageData #caption{ 
	font-weight: bold;	
}
#imageData #numberDisplay{ 
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;
	}	/* zmieniamy szerokosc ramki po powiekszeniu w dol */
			
#imageData #bottomNavClose{ 
	width: 66px; 
	float: right;  
	padding-bottom: 0.7em; 
	outline: none;}	 	/* obwoluta powiekszonego zdjecia  */

#overlay{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 90; 
	width: 100%; 
	height: 500px; 
	background-color: #fff; 
} /* kolor backgrud pod powiekszonym zdjeciem , i umieszczenie calosci na stronie  */	

.foto {
 border: solid 2px #E2E2E0;
 margin: 10px 8px 5px 30px;
}

 .sig_thumb  {
	float : left;
	margin : 0 10px 10px 10px;
	padding : 0;
	background : url(shadowAlpha.png) no-repeat bottom right !important ;
	background : url(shadow.gif) no-repeat bottom right;
}