body	{
	font-family				:	verdana, courier new, arial, tahoma, calibri, sans-serif; 
	font-size					: medium;
	/* text-decoration		:	none; */ 
	background				: #000000;
	background-image	: url(../grafika/background_image_00.jpg);
	color							: #dddd00;
	text-align				: center;
	position					: relative;
	margin						: 0 auto;
	padding						: 0 auto;
	width							: 800px;
	line-height				: 130%;
	}

#gorny	{
	width							: 800px;
	position					: relative;
	top								: 5px;
	background-image	: url(../grafika/background_1px_black_00.png);
	}
	
#menu{
	position					: relative;
	top								: 10px;
	font-weight				: bold;
	width							:	800px;
	background-color	:	transparent;
	overflow					: auto;
	float							: left;
	margin-left:40px;
	}
	

	
ul#navlist, ul li {
	display						: block;
	list-style				: none;
	margin-left				: 5px;
	}

ul#navlist li {
	float							: left;	
	text-decoration		: none;
	margin						: 0;
	padding-left			: 5px;
	}
	

	
	
ul#navlist a:link, ul a:visited {
	text-decoration: none;
	display: block;
	width: 140px;
	background-color: transparent;
	background-image	: url(../grafika/background_1px_white_00.png);
	color: #a2861a;
	padding: 5px;
}

ul#navlist a:hover{
	background-image	: url(../grafika/background_1px_black_00.png);
	padding: 7px 3px 3px 7px;	
	}	

ul#navlist li#active a{
	background-image	: url(../grafika/background_1px_black_00.png);
	padding: 7px 3px 3px 7px;
	}
	
	
	
#glowny {
	width							: 780px;
	text-align				: justify;
	/* font-weight				: bold; */
	padding						: 5px 20px 60px 5px;
	position					: relative;
	top								: 20px;
	overflow					: hidden;
	background-image	: url(../grafika/background_1px_black_00.png);
	}

 # stopka{
	 text-align				: justify;}
 

#dolny {
	width							: 800px;
	background-image	:	url(../grafika/background_1px_black_00.png);
	font-size					: 70%;
	font-family				: arial, verdana;
	position					: relative;
	top								: 30px;
	}
	

#photo{
	float: left;
	padding: 10px;
	margin: 11px;
	height: 120px;
	width: 110px;
	text-align: center;
	vertical-align: bottom;
	background-image	: url(../grafika/background_1px_black_00.png);
	border-top: solid 1px #474612;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
	border-left: solid 1px #474612;
	
	font-family: verdana;
	font-size: 14px;
	}	
	
#bloki{
	float: left;
	padding: 15px;
	margin: 20px;
	height: 320px;
	width: 320px;
	text-align: left;
	vertical-align: bottom;
	border-top: solid 1px #474612;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
	border-left: solid 1px #474612;
	font-weight: normal;
	font-family: verdana;
	/* font-size: 18px; */
	text-decoration: none;
	}	
	
#bloki2{
	float: center;
	padding: 10px;
	margin: 20px;
	height: 350px;
	width: 730px;
	text-align: center;
	vertical-align: bottom;
	border-top: solid 1px #474612;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
	border-left: solid 1px #474612;
	font-weight: normal;
	font-family: verdana;
	/* font-size: 18px; */
	text-decoration: none;
	}	

#bloki3{
	float: center;
	padding: 10px;
	margin: 20px;
	height: 220px;
	width: 730px;
	text-align: center;
	vertical-align: bottom;
	border-top: solid 1px #474612;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
	border-left: solid 1px #474612;
	font-weight: normal;
	font-family: verdana;
	/* font-size: 18px; */
	text-decoration: none;
	}	

#regulamin{
	margin: 40px;
	}	
	
	
/* .listy{
	list-style: auto;


	} */

#photo_right{
	float: right;
	padding: 0px 5px 50px 10px;
	margin: 10px;
	}	
	
#photo_left{
	float: left;
	padding: 0px 40px 20px 20px;
	margin: 20px;
	}	
	
	
	#start a:link{
		color:#dddd00;
		text-decoration:none;
		font-size:13px
	}
	#start a:visited {
		color:#dddd00;
		text-decoration:none;
	}
	#start a:hover {
	color:#FF9;
	text-decoration:none;
	}



ul.listy li{
	list-style-type: disc;
	padding-bottom: 10px;
	
	}	
	
.bold{
	font-weight: bold;
	}
	
	
p{
	margin: 10px 10px 10px 20px;
	}
	
	
	
#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: #000; 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(../lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #000; 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; }