body.klasabody {
	background-color: black;
	background-position: center;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	text-align: center;
}

h2 {
	color: yellow;
}

h3 {
	color: yellow;
}

#kontener {

	width: 1000px;
	height: 1000px;
	background-repeat: no-repeat;
	border: 1px solid;
 	margin: 0 auto 0 auto;
	position: relative;
	display: none;
	text-align: center;
	z-index: 1;

}

#punkt {
	position: absolute;
	left: 50px;
	top: 50px;
	z-index: 3;
}

#zamknij {
	left: 860px;
	top:10px;
	position: absolute;
	width: 15px;
	height: 15px;
	cursor: pointer;
	color: black;
	z-index: 4; 
}




#preloader {
	position: absolute;
	background-image: url(barometr.gif);
	width: 300px;
	height: 300px;
	text-align: center;
	display: block;
	background-repeat: no-repeat;
	top:50%;
	left: 50%;
}


#buttonzielkwad {
	background-image: url(buttonzielkwad.gif);
	background-repeat: no-repeat;
	position: absolute;
	width: 80px;
	height: 73px;
	left:827px;
	top:661px;
	display: none;
	cursor: pointer;


	
}

#span {
	background-image: url(buttonzielkwad.gif);
	background-repeat: no-repeat;
	position: absolute;
	width: 80px;
	height: 73px;
	left:327px;
	top:341px;
	display: none;
	cursor: pointer;


	
}

#buttonczerwkwad {
	background-image: url(czerwonygornybanner.gif);
	background-repeat: no-repeat;
	position: absolute;
	width: 80px;
	height: 73px;
	left:540px;
	top:550px;
	display: none;
	cursor: pointer;
	

	
}

#buttonzielokr {
	background-image:url(buttonzielokr.gif);
	background-repeat: no-repeat;
	position: absolute;
	width: 80px;
	height: 73px;
	left:664px;
	top:262px;
	display: none;
	cursor: pointer;
	
}

#kwadoddol {
	background-image: url(3kwadoddol.gif);
	background-repeat: no-repeat;
	position: absolute;
	width: 71px;
	height: 65px;
	left:721px;
	top:421px;
	display: none;
	cursor: pointer;
	

	
}

#buttonczerwokr {

	position: absolute;
	width: 78px;
	height: 70px;
	left:577px;
	top:771px;
	display: none;
	cursor: pointer;
	
}

#zielonylewy {

	position: absolute;
	width: 39px;
	height: 36px;
	left:449px;
	top:550px;
	display: none;
	cursor: pointer;
	
}


#czerwokrgorny {
	background-image: url(czerownyokr.gif);
	background-repeat: no-repeat;
	position: absolute;
	width: 72px;
	height: 70px;
	left:665px;
	top:174px;
	display: none;
	cursor: pointer;
	

	
}

#czerwdolny {
	background-image: url(czerwdolny.gif);
	background-repeat: no-repeat;
	position: absolute;
	width: 43px;
	height: 39px;
	left:540px;
	top:666px;
	display: none;
	cursor: pointer;
	

	
}
#czerwonylewy {
	position: absolute;
	width: 40px;
	height: 39px;
	left:448px;
	top:668px;
	display: none;
	cursor: pointer;
	

	
}

#prawyzielonykw {
	background-image: url(prawyzielonykw.gif);
	background-repeat: no-repeat;
	position: absolute;
	width: 41px;
	height: 39px;
	left:823px;
	top:544px;
	display: none;
	cursor: pointer;
	

	
}

#czerwokrprawy {
	background-image:url(czerwokrprawy.gif);
	background-repeat: no-repeat;
	position: absolute;
	width: 80px;
	height: 80px;
	left:852px;
	top:762px;
	display: none;
	cursor: pointer;
	
}

#znak {
	background-image:url(znak.gif);
	background-repeat: no-repeat;
	position: absolute;
	width: 362px;
	height: 494px;
	left:1px;
	top:1px;
	display: none;
	z-index: 2;
	
}

table.tabela {
	
	color: white;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bolder;
	margin: 5%;
	
}

table.ksiega {
	
	color: white;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bolder;
	margin: 5%;
	text-align: center;
	
}

a:active {
	color:white;
	}
a:link {
	color:white;
	}	
a:visited {
	color:white;
	}
a:hover {
	color:white;
	}


table.teksty {
	
	color: white;
	text-align: center;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bolder;
	margin: 5%;
}



#komorka {
	text-align: center;
	width: 300px;
	height: 300px;


}

#teksty {
	width: 900px;
	height: 900px;
	top: 0%;
	left: 0%;
	vertical-align: middle;
	overflow: auto;
	table-layout: auto;
	position: absolute;
	font-family: sans-serif;
	font-size: 13px;
	color: white;
	font-weight: bolder;
	background-repeat: repeat-y;
	background-image: url(tloczarne.png);

}
#opisteksty {
	position: absolute;
	color: black;
	font-family: sans-serif;
	font-weight: lighter;
	font-size: 14px;
	top: 676px;
	left: 773px;
}
#plyty {
	width: 900px;
	height: 900px;
	top: 0%;
	left: 0%;
	vertical-align: middle;
	overflow: auto;
	table-layout: auto;
	position: absolute;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bolder;
	background-repeat: repeat-y;
	background-image: url(tloczarne.png);

}

#opisplyty {
	position: absolute;
	color: black;
	font-family: sans-serif;
	font-weight: lighter;
	font-size: 14px;
	top: 563px;
	left: 490px;
}

#galeria {
	width: 900px;
	height: 900px;
	top: 0%;
	left: 0%;
	vertical-align: middle;
	overflow: auto;
	table-layout: auto;
	position: absolute;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bolder;
	background-repeat: repeat-y;
	background-image: url(tloczarne.png);


}

#opisgaleria {
	position: absolute;
	color: black;
	font-family: sans-serif;
	font-weight: lighter;
	font-size: 14px;
	top: 287px;
	left: 620px;
}

#historia {
	width: 900px;
	height: 900px;
	top: 0%;
	left: 0%;
	color: white;
	overflow: auto;
	table-layout: auto;
	position: absolute;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bolder;
	background-repeat: repeat-y;
	background-image: url(tloczarne.png);
	text-align: justify;

}

#opishistoria {
	position: absolute;
	color: black;
	font-family: sans-serif;
	font-weight: lighter;
	font-size: 12px;
	letter-spacing: 0px;
	top: 444px;
	left: 675px;
}

#download {
	width: 900px;
	height: 900px;
	top: 0%;
	left: 0%;
	color: white;
	overflow: auto;
	table-layout: auto;
	position: absolute;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bolder;
	background-repeat: repeat-y;
	background-image: url(tloczarne.png);
	text-align: center;
	

}

#loop {
	width: 900px;
	height: 900px;
	top: 25%;
	left: 0%;
	color: white;
	overflow: hidden;
	table-layout: auto;
	position: absolute;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bolder;
	background-repeat: repeat-y;
	
	text-align: center;
	

}

#opisloop {
	position: absolute;
	color: black;
	font-family: sans-serif;
	font-weight: lighter;
	font-size: 12px;
	letter-spacing: 0px;
	top: 742px;
	left: 897px;
}

#historia {
	width: 900px;
	height: 900px;
	top: 0%;
	left: 0%;
	color: white;
	overflow: auto;
	table-layout: auto;
	position: absolute;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bolder;
	background-repeat: repeat-y;
	background-image: url(tloczarne.png);
	text-align: justify;

}

#opisdownload {
	position: absolute;
	color: black;
	font-family: sans-serif;
	font-weight: lighter;
	font-size: 12px;
	letter-spacing: -1px;
	top: 747px;
	left: 615px;
}

#opisksiega {
	position: absolute;
	color: black;
	font-family: sans-serif;
	
	font-size: 11px;
	top: 560px;
	left: 400px;
}

#opisnews {
	position: absolute;
	color: white;
	font-family: sans-serif;
	font-stretch: wider;
	font-style: italic;
	font-size: 42px;
	text-shadow: black;
	top: 130px;
	left: 370px;
}

#video {
	width: 900px;
	height: 900px;
	top: 0%;
	left: 0%;
	vertical-align: middle;
	overflow: auto;
	table-layout: auto;
	position: absolute;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bolder;
	background-repeat: repeat-y;
	background-image: url(tloczarne.png);


}

#opisvideo {
	position: absolute;
	color: black;
	font-family: sans-serif;
	font-size: 13px;
	top: 682px;
	left: 490px;
}
#opisbhp {
	position: absolute;
	color: black;
	font-family: sans-serif;
	font-size: 13px;
	top: 682px;
	left: 406px;
}

#outside {
	width: 900px;
	height: 900px;
	top: 0%;
	left: 0%;
	vertical-align: middle;
	overflow: auto;
	table-layout: auto;
	position: absolute;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bolder;
	background-repeat: repeat-y;
	background-image: url(tloczarne.png);


}


#opisoutside {
	position: absolute;
	color: black;
	font-family: sans-serif;
	font-size: 13px;
	top: 558px;
	left: 767px;
}

#lewakolumna {
 	width: 40%;              
 	text-align: Justify;    
 	float: left;             
 	padding-right: 0.8cm;    
 	border-right: solid thin;
 	margin-left: 1cm;
}

#prawakolumna {
 	width: 40%;
 	text-align: Justify;
	float: right;        
 	padding-left: 0.7cm; 
 	margin-right: 1cm; 
}

.obrazek {


	outline-color: white;
	outline-style: solid;
	outline-width: 10px;
	
}
.obrazek:hover {

	opacity: 0.70;
	outline-color: white;
	outline-style: solid;
	outline-width: 10px;
	
}

.obrazek:link {


	outline-color: white;
	outline-style: solid;
	outline-width: 10px;
	
}

.obrazek:visited {

	outline-color: white;
	outline-style: solid;
	outline-width: 10px;
	
}