@charset "utf-8";
/* CSS Document */

body{ height:100%;
	  margin:0pt;
	  padding:0pt;
	  width:100%;
	  color:black;
	  background-color:#768C06;
}

/* Dla 1024x768 i mniejszych:
*/
#lewy_pasek { float:left;
			  background:transparent url(img/1024pociety/tlo1024.jpg) repeat-x scroll 0% 0%;
			  height:698px;
			  position:absolute;
			  top:0px;
			  width:50%;
			  z-index:0;
}

#prawy_pasek { float:right;
			  background:transparent url(img/1024pociety/tloprawe1024.jpg) repeat-x scroll 0% 0%;
			  height:698px;
			  position:absolute;
			  top:0px;
			  width:100%;
			  z-index:0;
}

#main{ 
margin-left:auto;
margin-right:auto;
width:676px;
z-index:10;
}
	#gora1_1{ width:353px; height:287px;float:left; background-image:url(img/1024pociety/kawalki_01.jpg);
	}
	#gora1_2{ width:323px; height:287px; float:left; background-image:url(img/1024pociety/kawalki_02.jpg);
	}
	#gora2_1{ width:353px; height:230px; float:left; background-image:url(img/1024pociety/kawalki_03.jpg);
	}
	#gora2_2{ width:323px; height:230px; float:left; background-image:url(img/1024pociety/kawalki_04.jpg);	
	}
	#srodek1{ width: 170px; height: 56px; float:left; background-image:url(img/1024pociety/kawalki_05.jpg);
	}
	#srodek2{ width: 154px; height: 56px; float:left; 
	/* background-image:url(img/1024pociety/1024_06.jpg); */
	}
	#srodek3{ width: 154px; height: 56px; float:left; 
	/* background-image:url(img/1024pociety/1024_07.jpg); */
	}
	#srodek4{ width: 153px; height: 56px; float:left; 
	/* background-image:url(img/1024pociety/1024_08.jpg); */
	}
	#srodek5{ width: 45px; height: 56px; float:left; background-image:url(img/1024pociety/kawalki_09.jpg);
	}
	#dol1{ width: 259px; height: 125px; float:left; background-image:url(img/1024pociety/kawalki_10.jpg);
	}
	#dol2{ width: 417px; height: 125px; float:left; background-image:url(img/1024pociety/kawalki_11.jpg);
	}


/* Dla większych od 1024x768:
*/


#lewy_pasek2 { float:left;
			  background:transparent url(img/1280pociety/lewypasek.jpg) repeat-x scroll 0% 0%;
			  height:800px;
			  position:absolute;
			  top:0px;
			  width:50%;
			  z-index:0;
}

#prawy_pasek2 { float:right;
			  background:transparent url(img/1280pociety/prawypasek.jpg) repeat-x scroll 0% 0%;
			  height:800px;
			  position:absolute;
			  top:0px;
			  width:100%;
			  z-index:0;
}

#main2{ 
margin-left:auto;
margin-right:auto;
width:775px;
z-index:10;
}
	#gora1_12{ width:414px; height:322px;float:left; background-image:url(img/1280pociety/1280_01.jpg);
	}
	#gora1_22{ width:361px; height:322px; float:left; background-image:url(img/1280pociety/1280_02.jpg);
	}
	#gora2_12{ width:414px; height:269px; float:left; background-image:url(img/1280pociety/1280_03.jpg);
	}
	#gora2_22{ width:361px; height:269px; float:left; background-image:url(img/1280pociety/1280_04.jpg);	
	}
	#srodek12{ width: 196px; height: 66px; float:left; background-image:url(img/1280pociety/1280_05.jpg);
	}
	#srodek22{ width: 176px; height: 66px; float:left; 
	/* background-image:url(img/1280pociety/1280_06.jpg); */
	}
	#srodek32{ width: 176px; height: 66px; float:left; 
	/* background-image:url(img/1280pociety/1280_07.jpg); */
	}
	#srodek42{ width: 175px; height: 66px; float:left; 
	/* background-image:url(img/1280pociety/1280_08.jpg); */
	}
	#srodek52{ width: 52px; height: 66px; float:left; background-image:url(img/1280pociety/1280_09.jpg);
	}
	#dol12{ width: 299px; height: 143px; float:left; background-image:url(img/1280pociety/1280_10.jpg);
	}
	#dol22{ width: 476px; height: 143px; float:left; background-image:url(img/1280pociety/1280_11.jpg);
	}





.clear{ 
	clear:both; font-size:0px;
}



/* szkolka
*/

#szkolka_lewy_pasek { float:left;
			  background:transparent url(img/szkolka/szkolka_lewy_pasek.jpg) repeat-x scroll 0% 0%;
			  height:800px;
			  position:absolute;
			  top:0px;
			  width:50%;
			  z-index:0;
}

#szkolka_prawy_pasek { float:right;
			  background:transparent url(img/szkolka/szkolka_prawy_pasek.jpg) repeat-x scroll 0% 0%;
			  height:800px;
			  position:absolute;
			  top:0px;
			  width:100%;
			  z-index:0;
}

#szkolka_main{ 
margin-left:auto;
margin-right:auto;
width:775px;
z-index:10; border:1px #374C01 solid;
}
	#szkolka_gora1_1{ width:412px; height:181px;float:left; background-image:url(img/szkolka/szkolka_01.jpg);
	}
	#szkolka_gora1_2{ width:363px; height:181px; float:left; background-image:url(img/szkolka/szkolka_02.jpg);
	}
	#szkolka_gora2_1{ width:412px; height:103px; float:left; background-image:url(img/szkolka/szkolka_03.jpg);
	}
	#szkolka_gora2_2{ width:363px; height:103px; float:left; background-image:url(img/szkolka/szkolka_04.jpg);	
	}
	#szkolka_srodek1{ width: 198px; height: 67px; float:left; background-image:url(img/szkolka/szkolka_05.jpg);
	}
	#szkolka_srodek2{ width: 176px; height: 67px; float:left; 
	/* background-image:url(img/szkolka/1024_06.jpg); */
	}
	#szkolka_srodek3{ width: 176px; height: 67px; float:left; 
	/* background-image:url(img/szkolka/1024_07.jpg); */
	}
	#szkolka_srodek4{ width: 175px; height: 67px; float:left; 
	/* background-image:url(img/szkolka/1024_08.jpg); */
	}
	#szkolka_srodek5{ width: 50px; height: 67px; float:left; background-image:url(img/szkolka/szkolka_09.jpg);
	}

	#szkolka_odstep1{ width: 775px; height: 31px; background-image:url(img/szkolka/szkolka_10.jpg); color:#ECFACB; font-family:Tahoma; font-size:14px;
	}
	#szkolka_zdj1{ width:128px; height:98px; float:left; background-image:url(img/szkolka/szkolka_11.jpg)
	}
	#szkolka_zdj2{ width:148px; height:98px; float:left; /* background-image:url(img/szkolka/szkolka_12.jpg) */
	}
	#szkolka_zdj3{ width:222px; height:98px; float:left; background-image:url(img/szkolka/wiecej.jpg)
	}
	#szkolka_zdj3a{ width:222px; height:98px; float:left; background-image:url(img/szkolka/szkolka_13.jpg)
	}
	#szkolka_zdj4{ width:149px; height:98px; float:left; /* background-image:url(img/szkolka/szkolka_14.jpg) */
	}
	#szkolka_zdj5{ width:128px; height:98px; float:left; background-image:url(img/szkolka/szkolka_15.jpg)
	}

	#szkolka_odstep2{ width: 775px; height: 52px; background-image:url(img/szkolka/szkolka_16.jpg); color:#ECFACB; font-family:Tahoma; font-size:14px;
	}
	#szkolka_zdj2_1{ width:60px; height:86px; float:left; background-image:url(img/szkolka/szkolka_17.jpg)
	}
	#szkolka_zdj2_2{ width:128px; height:86px; float:left; /* background-image:url(img/szkolka/szkolka_18.jpg) */
	}
	#szkolka_zdj2_3{ width:25px; height:86px; float:left; background-image:url(img/szkolka/szkolka_19.jpg)
	}
	#szkolka_zdj2_4{ width:128px; height:86px; float:left; /* background-image:url(img/szkolka/szkolka_20.jpg) */
	}
	#szkolka_zdj2_5{ width:91px; height:86px; float:left; background-image:url(img/szkolka/szkolka_21.jpg)
	}
	#szkolka_zdj2_6{ width:128px; height:86px; float:left; /* background-image:url(img/szkolka/szkolka_22.jpg) */
	}
	#szkolka_zdj2_7{ width:25px; height:86px; float:left; background-image:url(img/szkolka/szkolka_23.jpg)
	}
	#szkolka_zdj2_8{ width:128px; height:86px; float:left; /* background-image:url(img/szkolka/szkolka_24.jpg) */
	}
	#szkolka_zdj2_9{ width:62px; height:86px; float:left; background-image:url(img/szkolka/szkolka_25.jpg)
	}

	#szkolka_odstep3{ width:775px; 775px; height: 53px; background-image:url(img/szkolka/szkolka_26.jpg); color:#ECFACB; font-family:Tahoma; font-size:14px;
	}
	#szkolka_zdj3_1{ width:168px; height:86px; float:left; background-image:url(img/szkolka/szkolka_27.jpg)
	}
	#szkolka_zdj3_2{ width:128px; height:86px; float:left; /* background-image:url(img/szkolka/szkolka_28.jpg) */
	}
	#szkolka_zdj3_3{ width:25px; height:86px; float:left; background-image:url(img/szkolka/szkolka_29.jpg) 
	}
	#szkolka_zdj3_4{ width:128px; height:86px; float:left; /* background-image:url(img/szkolka/szkolka_30.jpg) */
	}
	#szkolka_zdj3_5{ width:25px; height:86px; float:left; background-image:url(img/szkolka/szkolka_31.jpg)
	}
	#szkolka_zdj3_6{ width:128px; height:86px; float:left; /* background-image:url(img/szkolka/szkolka_32.jpg) */
	}
	#szkolka_zdj3_7{ width:173px; height:86px; float:left; background-image:url(img/szkolka/szkolka_33.jpg)
	}
	
	#szkolka_odstep4{ width: 775px; height: 43px; background-image:url(img/szkolka/szkolka_34.jpg); color:#ECFACB; font-family:Tahoma; font-size:14px;
	}
	
	
	
/*swierki
*/

#swierki_lewy_pasek { float:left;
			  background:transparent url(img/swierki/swierki_lewy_pasek.jpg) repeat-x scroll 0% 0%;
			  height:800px;
			  position:absolute;
			  top:0px;
			  width:50%;
			  z-index:0;
}

#swierki_prawy_pasek { float:right;
			  background:transparent url(img/swierki/swierki_prawy_pasek.jpg) repeat-x scroll 0% 0%;
			  height:800px;
			  position:absolute;
			  top:0px;
			  width:100%;
			  z-index:0;
}

	#swierki_odstep1{ width: 775px; height: 48px; background-image:url(img/swierki/swierki_10.jpg); color:#ECFACB; font-family:Tahoma; font-size:14px;
	}
	#swierki_zdj1{ width:115px; height:99px; float:left; background-image:url(img/swierki/swierki_11.jpg)
	}
	#swierki_zdj2{ width:148px; height:99px; float:left; /* background-image:url(img/swierki/swierki_12.jpg) */
	}
	#swierki_zdj3{ width:258px; height:99px; float:left; background-image:url(img/swierki/swierki_13.jpg)
	}
	#swierki_zdj4{ width:149px; height:99px; float:left; /* background-image:url(img/swierki/swierki_14.jpg) */
	}
	#swierki_zdj5{ width:105px; height:99px; float:left; background-image:url(img/swierki/swierki_15.jpg)
	}

	#swierki_odstep2{ width: 775px; height: 53px; background-image:url(img/swierki/swierki_16.jpg); color:#ECFACB; font-family:Tahoma; font-size:14px;
	}
	#swierki_zdj2_1{ width:115px; height:99px; float:left; background-image:url(img/swierki/swierki_17.jpg)
	}
	#swierki_zdj2_2{ width:148px; height:99px; float:left; /* background-image:url(img/swierki/swierki_18.jpg) */
	}
	#swierki_zdj2_3{ width:258px; height:99px; float:left; background-image:url(img/swierki/swierki_19.jpg)
	}
	#swierki_zdj2_4{ width:149px; height:99px; float:left; /* background-image:url(img/swierki/swierki_20.jpg) */
	}
	#swierki_zdj2_5{ width:105px; height:99px; float:left; background-image:url(img/swierki/swierki_21.jpg)
	}

	#swierki_odstep3{ width:775px; height: 150px; background-image:url(img/swierki/swierki_22.jpg); color:#ECFACB; font-family:Tahoma; font-size:14px;
	}

.swierk{
	color:A2B46E; font-family:Tahoma; font-size:20px; width:656px; float:left;
}

.swierk2{
	color:A2B46E; font-family:Tahoma; font-size:16px; width:646px; float:right;
}

#kontakt_lewy_pasek { float:left;
			  background:transparent url(img/kontakt/kontakt_lewy_pasek.jpg) repeat-x scroll 0% 0%;
			  height:800px;
			  position:absolute;
			  top:0px;
			  width:50%;
			  z-index:0;
}

#kontakt_prawy_pasek { float:right;
			  background:transparent url(img/kontakt/kontakt_prawy_pasek.jpg) repeat-x scroll 0% 0%;
			  height:800px;
			  position:absolute;
			  top:0px;
			  width:100%;
			  z-index:0;
}


/* kontakt
*/
	#kontakt_odstep1{ width: 775px; height: 50px; background-image:url(img/kontakt/kontakt_10.jpg); 
	}
	
	#kontakt_zdj1{ width:52px; height:228px; float:left; background-image:url(img/kontakt/kontakt_11.jpg);
	}
	#kontakt_zdj2{ width:355px; height:228px; float:left; background-image:url(img/kontakt/kontakt_12.jpg); color:#283900; font-family:Tahoma; font-size:16px;
	}
	#kontakt_zdj3{ width:368px; height:228px; float:left; background-image:url(img/kontakt/kontakt_13.jpg);
	}
	
	#kontakt_zdj2_1{ width:116px; height:97px; float:left; background-image:url(img/kontakt/kontakt_14.jpg);
	}
	#kontakt_zdj2_2{ width:148px; height:97px; float:left; /* background-image:url(img/kontakt/kontakt_15.jpg); */ 
	}
	#kontakt_zdj2_3{ width:511px; height:97px; float:left; background-image:url(img/kontakt/kontakt_16.jpg);
	}
	
	
	#kontakt_odstep2{ width: 775px; height: 74px; background-image:url(img/kontakt/kontakt_17.jpg); color:#ECFACB; font-family:Tahoma; font-size:14px;
	}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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-image: url(data:image/gif;base64,AAAA); /* 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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }