html,BODY 
	{ 
	 text-align: center; 
	 font-size: 1em; 
	 font-family: verdana, tahoma, arial, helvetica, sans-serif;
	/** background-image:url('black/1.jpg'); **/
	 background-color:black;
	}
body *{
	margin: 0px; 
	padding: 0px; 
	font-size: 1em; 
	text-align: left;
	}
	
img {
	border:0px;
}
a{
text-decoration:none;
color:black;
}
div#logo{
width:860px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
clear:both;
}
div#kartka{
margin-left:auto;
margin-right:auto;
margin-top:15px;
width: 857px;
background-color:white;
padding-bottom:4px;
border:1px solid black;

}
div#naglowek{
margin-left:0px;
height:105px;
}
div#naglowek img{
	border:0px;
}

div#naglowek2
{
	background-image:url('obrazki/np_logo_d3.jpg'); 
	width:857px;
	height:24px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}
div#naglowek2 li
{
	display:block;
	width:auto;
	float:left;
	border-bottom:none;
	margin-right:7px;
	margin-top:1px;
	padding:1px;
}
div#naglowek2 ul
{
	font-weight:bolder;
	padding:0;
	margin-top:0px;
	margin-left:8px;
	font-size:10pt;
}
div#naglowek2 a{
	color:white;
	text-decoration:none;
	padding-top:7px;
	padding-left:3px;
	padding-right:2px;
}
div#naglowek2 .language{margin: 0 7px 0 0;}
div#naglowek2 .language a.pl{background:url('obrazki/pl.jpg') no-repeat center; width:20px; height:13px;padding:0;margin:0 2px;display:inline-block;border:1px solid #542930;}
div#naglowek2 .language a.en{background:url('obrazki/en.jpg') no-repeat center;width:20px; height:13px;padding:0;margin:0 2px;display:inline-block;border:1px solid #542930;}
div#naglowek2 a:hover, a#naglowek2:hover,a#naglowek2:focus{
	/*color:#533136;
	background-color:white;*/
	color:#CE9FA7;
}
#srodek{
	background:#121212;
	margin: 0 3px;
}
.category{padding:10px;text-align:center; height:420px;}
.category h1{color:#fff; margin:10px 0 50px; text-align:center;}
.category  a{display:inline-block; width:348px;}
.category  img{margin:10px 25px; border:1px solid #C8C6B0;}
.category  img:hover{border:1px solid #fff;}
.big_img{float:left; width:585px;}
.category_list{float:right; width:265px;}
.clear{clear:both;}
.category_list{color:#fff; background:#232323;font-size:12px;}
.category_list ul {list-style:none}
.category_list ul  li{padding:5px 3px; border-top:2px solid #6A6A6A;}
.category_list a{color:#fff;}
div#lewa{
float: left;
width: 585px;
background-color:white;
margin-left:3px;
margin-right:0px;
margin-top:3px;
margin-bottom:3px;
padding-bottom:5px;
border-right:1px solid black;
border-top:1px solid black;
}
div#prawa{
float: right;
width: 265px;
background-color:	white;
margin-left:0px;
margin-right:3px;
margin-top:3px;
margin-bottom:3px;
border:0px solid black;
border-top:1px solid black;
}
div#licznik{
float: right;
/*width: 265px; */
background-color:	white;
margin-left:35px;
margin-right:3px;
margin-top:3px;
margin-bottom:3px;

/*border-top:1px solid black; */
font-size:10pt;

}
div#stopka{
margin-left:3px;
margin-right:3px;
margin-top:3px;
border:1px solid black;
background-image:url('obrazki/np_stopka.jpg');
height: 20px;
clear:both;
}
div#stopka p{
width: 851px;
text-align:center;
font-size:10pt;
height:29px;
padding-top:2px;
}

div#mini table{
padding-top:15px;
padding-left:90px;
padding-bottom:20px;
}
div#mini img{
border: 0px;
}

div#wpis2{
background-image:url('obrazki/menu/gorne.jpg');
background-repeat:no-repeat;
}

div#wpis2 p{
margin-top:5px;
margin-left:15px;
margin-right:15px;
text-align:justify;
font-size:10pt;
line-height: 150%;
}
div#wpis2 a{
color:#5C202F;
font-weight:bolder;
font-size:10pt;
}
div#wpis2 a:hover{
color:black;
}
div#wpis2 ul{
margin-top:20px;
}
div#wpis2 li{
margin-left:20px;
display:block;
float:left;
border-bottom:none;
margin-right:50px;
}
div#wpis2 img{
float:left;
margin-top:60px;
margin-left:20px;
margin-right:20px;
margin-bottom:10px;
}
div#wpis2 h1{
font-size:10pt;
text-decoration:underline;
padding-top:60px;
padding-bottom:10px;
}
div#wpis2 h2{
	float:left;
	font-size:10px;
	position:static;
	margin: 10px 150px 15px 15px;
}
div#galeria a{
	color:#7D303A;
	text-decoration:none;
}

div#galeria p{
	width:130px;
	text-align:center;
}
div#wernisaz ul{
margin-left:0px;
margin-top:20px; 
padding:10px; 
}

div#wernisaz li{
display:block; 
width:auto; 
float:left;
margin:0px;
padding:6px;
}

.notatka{
	border: 1px ridge #A35A65;
	margin:10px;
	padding-top:20px;
	padding-bottom:20px;
	background-color:white;
}
span.text_F{
	font-size:10pt;
	line-height: 150%;
	color:#7D303A;
	font-weight:bolder;
}
span.text_F2{
	font-size:10pt;
	line-height: 150%;
	color:#7D303A;
	font-weight:bolder;
}
p.text1{
	font-size:10pt;
	text-align:justify;
	line-height: 150%;
	margin-left:15px;
	margin-right:15px;
}
p.text2{
	background-image:url('obrazki/glowne/dl1.jpg'); 
	height:88px;
	text-align:justify;
	font-size:13pt;
	padding-top:15px;
	padding-left:20px;
	 height: 84px;
}
p.text3{
	font-size:10pt;
	text-align:center;
	padding-top:1px;
}
p.text4{
	font-size:12pt;
	text-align:justify;
	line-height: 150%;
	margin-left:25px;
	margin-right:15px;
	font-weight:bolder;
}
p.text5{
	font-size:10pt;
	text-align:center;
	padding-top:1px;
	margin-left:110px;
}
a.logo{
	margin-left:140px;
	padding-top:50px;
	color:white;
	text-decoration:none;
	text-align:center;
}
a:hover.logo{
	text-decoration:underline;
}
a.menu1{
	color:#7D303A;
	display:block;
	padding:3px;
	text-decoration:none;
}
a:hover.menu1{
	background-color:silver;
	font-weight:bolder;
}
a.menu2{
	color:black;
	display:block;
	padding:3px;
	text-decoration:none;
}
a:hover.menu2{
	background-color:silver;
	font-weight:bolder;
}
a.menu4{
	color:#7D303A;
}
a:hover.menu4{
	color:#7D303A;
	font-weight:bolder;
}
h1.menu1{
	margin-top:15px;
	margin-left:15px;
	margin-bottom:5px;
	font-size:12pt;
	padding:3px;
	border-bottom: 3px solid #B5D663;
/**	background-image:url('obrazki/menu.jpg'); **/
}

h1.galeria{
	margin-left:20px;
	margin-top:20px;
	margin-bottom:40px;
	font-size:10pt;
	color:#7D303A;
}
h2.kolor{
	margin-left:15px;
	margin-top:0px;
	margin-bottom:15px;
	font-size:10pt;
	color:#7D303A;
}
h2.czarne{
	margin-left:15px;
	margin-top:15px;
	margin-bottom:15px;
	font-size:10pt;
	color:black;
}
h2.srodek{
	text-align:center;
	font-size:10pt;
}
ul.oferta{
	margin-left:15px;
	margin-right:15px;
	margin-bottom:15px;
	text-align:justify;
	line-height: 150%;
}
li.oferta{
	margin-left:15px;
	text-align:justify;
	font-size:10pt;
}
li.galeria{
	display:block;
	float:left;
	margin-right:30px;
	margin-left:60px;
}
li.gal{
	display:block;
	float:left;
	margin-right:15px;
	margin-left:10px;
	margin-bottom:10px;
	font-size:10pt;
}

ul.menu1{
	margin-left:27px;
	margin-top:10px;
	margin-bottom:10px;	
	padding:0px;
	list-style:none;
}

li.menu1{
	border-bottom:1px solid black;
	padding:0px;
	margin:0px;
	font-size:9pt;
}

img.lewa{
	margin-top:20px;
	margin-left:20px;
	margin-right:20px;
	border:0px;
	float:left;
}
img.prawa{
	float:right;
	margin-left:15px;
}
img.srodek{
	margin-left:60px;
}
img.srodek_ch{
margin-left:15px;
}


#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; }
.tcenter{text-align:center;}
.
{text-align:right;}
.youtube{margin:10px 20px 30px;}
#galeria p{width:0;}
  
.body {
	background:#222;	
}

#navMenu {
	margin:0; 
	padding:0;
	list-style:none;	
	font-family:arial;
	font-size:12px;
	text-align:center;
	line-height:20px;
}

	#navMenu li {
		float:left;	
		
		/* default background image	*/
		background:url(default.jpg) no-repeat center center;	
		
		/* width and height of the menu item */
		width:90px;							
		height:20px;
		
		/* simulate pixel perfect using border */
		border-left:1px solid #111;				
		border-right:1px solid #333;
		border-top:1px solid #555;
		border-bottom:1px solid #333;
		
		/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
		position:relative;			
	}

	#navMenu li a {
		/* z-index must be higher than .hover class */
		z-index:20;				
		text-align:center;
		/* display as block and set the height according to the height of the menu to make the whole LI clickable	*/
		display:block;	
		height:20px;
		position:relative;
		color:white; /*#777*/
	}

 	#navMenu li .hover {
 		/* mouseover image	*/
		background:url(over.jpg) no-repeat center center;		

		/* must be postion absolute 	*/
		position:absolute;	
		
		/*	width, height, left and top to fill the whole LI item	*/
		width:90px;	
		height:20px;
		left:0; 
		top:0;	
		
		/* display under the Anchor tag	*/
		z-index:0;		
		
		/* hide it by default	*/
		display:none;	
	}	

	#navMenu li.selected {
		/* selected image	*/
		background:url(selected.jpg) no-repeat center center;	
	}
	.to_click{
		color:red;
		text-align:justify;
		font-size:11px;
	}
	.to_click:hover,.to_click:focus{
		text-decoration:underline;
	}
	#nabor_2010{
		width:585px;
		text-align:center;
	}
	#nabor_img{
		padding:25px 0;
	}
#fb_button{ float: right;position: static; width: 80px;margin-top:3px;}	
.fleft{float:left;}
.fright{float:right;}
#wpis2.radio{background-image:url("obrazki/menu/audycje.jpg")}
#wpis2.radio h1{text-decoration:none;padding-top:10px;font-size:16px;margin-left:15px;margin-bottom:15px;}
#wpis2.radio h3{margin-left:20px;margin-top:20px;font-size:12px;}
#wpis2.radio p{margin-left:20px;}
#flashPlayer2,#flashPlayer{margin-left:20px;}
.thx{margin:25px 20px 10px 50px; padding:0;font-size:12px; line-height: 150%;}
.thx li{text-align:justify;margin-bottom:10px;}
.lila{color:#7D303A;}
.main_header{font-size:18px;margin-left:15px;margin-bottom:15px; color:#B61C10;font-family:Georgia,"Times New Roman",Times,serif}
.header_time{color:#B7433A;font-size:12px;margin-bottom:10px;font-weight:bold;}
.projekty{margin-left:15px; padding: 0;}
.projekty .text1{margin-left:0px;margin-bottom:15px;}
.projekty  a.menu1{display:inline;}
.mdt img{margin:0 15px;}
.mdt .head, .mdt h1{text-align:center;}
.mdt h1 span.text_F{font-size:16px;}
.mdt .head{font-weight:bold;}
.mdt ul{margin-left:30px;font-size:10pt;}
.mdt h2{margin-left:15px; color:#7D303A;margin-bottom:10px;font-size:14px;}
.mdt h2 a,.mdt .text_F a{color:#7D303A;}
.mdt .site{font-size:12px;color:#F99A13;margin-right:15px; float:right;}
.mdt  .main_header a{color:#B61C10;}
.mdt  .main_header a:hover{color:#B61C10; text-decoration:underline;}
.mdt .main_header{margin-bottom:0;margin-right:15px;}
.mdt .head a:hover{text-decoration:underline;}
.mdt.fot img{margin-bottom:40px; text-align:center;}
.mdt.fot h1{text-align:left;}
