body {
  
  
   
  font: normal 13px Tahoma, Arial, Helvetica, sans-serif;
  

    background: #3396e3 ;
    color: #ffffff;
    margin: 0; 
    padding: 0; 
    behavior: url("csshover3.htc");
    
}

a, a:link, a:visited {
    color: #ffffff;
    font-weight: normal;
    text-decoration: none;
    border: 0px;
    
}
a:hover {
  
    text-decoration: underline;
     
   
    
}
a:active, a:focus {
    color: #4887cc;
}
p {
    margin:0px 15px 10px 10px;
    font-size: 90%;
    line-height: 18px;
}

#plicznik{
  margin:0px 5px 5px 5px;
    line-height: 16px;
    font-size: 70%;
  
}
img {
  
  
}



object {
  	
   
  
}


textarea {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    
    font-size:11px;
    background: #ffffff ;
    color: #000000;
  
}


input{
    margin:0px 0px 0px 0px;
    font-size:12px;
 
  
}

form {
  
   margin:0px 0px 0px 0px;
  
}
fieldset{
    margin:0px 0px 0px 0px;
  
}


table {
  
  margin:5px 0px 5px 0px;
   

}

table p{
  margin:0px 0px 0px 0px;
    line-height: 16px;
    
  
}


td {
   border: 1px solid white;
   
}

#ogloszenie{
  
   font-family: Tahoma, Arial, Helvetica, sans-serif;
    
    font-size:18px;
  
}


.gall{
  padding: 3px 3px 3px 3px;
	background: rgba(221, 231, 247, 0.5);
	border: 1px solid #aecaf5;
margin-top: 5px;
    margin-bottom: 5px;
    margin-left:1px;
    margin-right:1px;
  
}


.imgimg{
  padding: 3px 3px 3px 3px;
	background: rgba(221, 231, 247, 0.5);
	border: 1px solid #aecaf5;
	
	
   float: right; 
    clear: right; 
       
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left:10px;
    margin-right:5px;
}

.imgimg2{
  padding: 3px 3px 3px 3px;
	background: rgba(221, 231, 247, 0.5);
	border: 1px solid #aecaf5;
	
 float: right; 
    clear: right; 
       
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left:0px;
    margin-right:0px;
}

.imgimg3{
  padding: 3px 3px 3px 3px;
	background: rgba(221, 231, 247, 0.5);
	border: 1px solid #aecaf5;
	
 float: left; 
    clear: left; 
       
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left:5px;
    margin-right:10px;
}



.imgimg4{
  padding: 3px 3px 3px 3px;
	background: rgba(221, 231, 247, 0.5);
	border: 1px solid #aecaf5;
	

       
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left:5px;
    margin-right:10px;
}
.imgwal{
  padding: 3px 3px 3px 3px;
	background: rgba(221, 231, 247, 0.5);
	border: 1px solid #aecaf5;
  margin-top: 5px;
    margin-bottom: 5px;
    margin-left:5px;
    margin-right:5px;
  
}

.imgsant{
  padding: 3px 3px 3px 3px;
	background: rgba(221, 231, 247, 0.5);
	border: 1px solid #aecaf5;
  margin-top: 5px;
    margin-bottom: 5px;
    margin-left:0px;
    margin-right:0px;
  
}

.imgpubs{
  
   margin-top: 5px;
   margin-bottom: 10px;
    margin-left:10px;
    margin-right:10px;
  border: 0px
}


.imgpope{
 padding: 3px 3px 3px 3px;
	background: rgba(221, 231, 247, 0.5);
	border: 1px solid #aecaf5;
  float: left; 
    clear: left; 
   margin-top: 5px;
   margin-bottom: 10px;
    margin-left:40px;
    margin-right:30px;
}

.opist{
  margin:70px 30px 0px 0px;
  border: 1px;
}

.tekstzprawej{margin-left:280px;
  
  
}

.tabletap{
  border: 0px;
  text-align: center;
  padding-left:15px;
}


.tabletap td{
  border: 0px;
  
  
}

.banner{

  margin-top:5px;

  border: 0px;

  

}

#FlabellComponent{
			  text-align: center;
				width: 390px;
				height: 150px;
				margin-top: 10px;
				margin-right:5px;
				margin-bottom:10px;
				

				
				
	background: rgba(221, 231, 247, 0.5);
	border: 5px solid #aecaf5;
	z-index: 1;
}
#maltapod{

  border: 0px;
}

#maltawlepka{
 padding-left:10px;  
  float: left; 
    clear: left; 
  border: 0px;
}

#wlepka{
 padding-right:5px;    
  float: right; 
    clear: right; 
  border: 0px;
}

#tytulart{
  font-weight: bold;
  line-height: 18px;
    	font-size: 90%;
}
#autor{
  
				position:relative;
				padding: 1px 1px 1px 1px;
	background: rgba(221, 231, 247, 0.5);
	border: 5px solid #aecaf5;
	margin-top: 20px;
	margin-bottom: 5px;
  
}


#kal{
  position: relative;
  width: 140px;
  height: 120px;
  left:600px;
  top:10px;
  background:  url(images/boszkowo.png)
}

#maraton{
  
  padding: 3px 3px 3px 3px;
	background: rgba(221, 231, 247, 0.5);
	border: 3px solid #aecaf5;
}


.globus {
  	
  	
 float: right; 
    clear: right; 

    
   
    padding-right:150px;  
   padding-top: -10px;
   padding-bottom:0px;
  
}
.film {
  	

	background: rgba(221, 231, 247, 0.5);
	border: 1px solid #aecaf5;
    
    
    margin: auto;
    
   
  
}


#fontmenu {
	line-height: 16px;
    	font-size: 70%;
}
#pinfo{
  margin:0px 0px 0px 0px;
  
}

#tablesklep {
  margin-right: 0px;
   border: 1px solid white;
   font-size:15px;
   
   background-color: #4887cc;

}


#ptablespecial{
   font-size: 100%;
  
}


#tableguide {
   margin:20px 20px 20px 20px;
   padding: 4px;
   border: 1px solid white;
   line-height: 16px;
    font-size: 70%;

}

#tableguide td{
  padding:5px 5px 5px 5px;
  
}


#imgkontakt{
  padding: 0px 0px 0px 0px;
  border:0px;
  background: rgba(221, 231, 247, 0.0);
   float: right; 
    clear: right; 
   
    margin-top: 3px;
    margin-bottom: 0px;
    margin-left:5px;
  
}

#imgWZ{
  padding: 0px 0px 5px 0px;
  border:0px;

   float: right; 
  
   
    margin-top: 0px;
  margin-bottom: 0px;
    margin-right: 20px;
    margin-left:0px;
  
}
#imgkontakt a:link{
  color: #4887cc;
  background: rgba(221, 231, 247, 0.0);
  margin-bottom: 0px;
  float: right; 
    clear: right;
  
}
#log{
  margin-left:20px;
}


#imgport{
  padding: 0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  border: 0px;
  background: rgba(221, 231, 247, 0.0);
  float: right; 
    clear: right; 
    }
.tablert{
  
  width:380px;
  padding-left:5px;
    margin:5px 5px 5px 5px;

    line-height: 16px;
    font-size: 70%;
    
    text-align: center;
  
}




#tablesklep p{
  
  margin:5px 5px 5px 5px;
    line-height: 16px;
    
    text-align: center;
  
}
#tablesklep input{
  
  margin:0px 0px 0px 0px;
  font-size:12px;
  
}


 #tablesklep td.innyw{
  
  background-color: #78ade7;
  
}
 #tablesklep td.ziel{
  
  background-color: #00A824;
  
}


 #tabklesklep img {
   
    float: right; 
    clear: right; 
    margin-top: 5px;
	margin-bottom: 5px;
	margin-left:20px;
   }
 
 #thumbnail{
	padding: 3px 3px 8px 3px;
	background: rgba(221, 231, 247, 0.5);
	border: 1px solid #aecaf5;
	float: right;
	margin-right: 10px;
	margin-bottom: 10px;}
	

#frame {
		width:900px;
		
		background-image:url(images/interface_05.jpg) ;
   		background-repeat: repeat-y;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
}

	#contentheader {
		background: #FBFBE5 url(images/interface_01.jpg) center top repeat-y;
		height: 154px;
    		width: 760px;
		}


		
	
	.pcenter a{
	
    font-weight: bold;
      
 }
 
 #menucontainer{position:relative;
z-index: 2;
	width:760px;
	height:30px;
	background-color:#4887cc;
	
	
	
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-variant:small-caps;
	
	width:100%;
	}
 
 
#mainmenu{position:relative;


height:30px;font-size:12px;text-transform:uppercase;font-weight:bold;background:#fff url(images/interface_03.jpg) repeat-y ;
padding:0 0 0px 5px;}

#mainmenu ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}

#mainmenu ul li{display:block;float:left;
margin:0px 0px;}

#mainmenu ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;
padding:0 15px 0px 9px;
height:30px;
font-weight: bold;
text-align: center;

background: url(images/submenua.gif) no-repeat 95% 50%;
}

#mainmenu ul li a span{
  padding:8px 10px 0 0;
  text-align: center;

  height:10px;
  float:left;}
  
  
  
#mainmenu ul li a:hover{
  color:#fff;
background-color:#6bb4ec; 
text-decoration: none; }

#mainmenu ul li a:hover span{
  display:block;
  width:auto;
  cursor:pointer;}

#mainmenu ul li a.current,#mainmenu ul li a.current:hover{}

#mainmenu ul li a.current span{margin-right:5px; }

#mainmenu li ul{
  display: block;

  background: url(images/interface_03bl.jpg) repeat-y ;


  position: absolute;
  height: 1px;
  
  overflow:hidden
}

#mainmenu li:hover ul {
  background: url(images/interface_03bl.jpg) repeat-y ;
float: left;
padding: 3px 50px 0px 0px;
  margin-top: 30px;
 

  width: 84px;

  height:60px
}




#mmenu {height:30px;font-size:12px;
	position: relative;
font-weight:bold;
	list-style-type: none;
	font-weight:bold;background:#fff url(images/interface_03.jpg) repeat-y ;
	padding:0 0 0px 5px;
}

#mmenu ul {
	list-style-type: none;
}

#mmenu li {
	float: left
}

#mmenu li a {
	display: block;
	
	text-align: center;
	background: #E6E7E8;
	color: #656E75;
	padding: 0px 0px;

}

#mmenu li a:hover {
	background: #CDCECF;
	color: #383D41;	
	text-decoration: none
}

#mmenu li li {
	float: none
}

#mmenu li ul {
	position: absolute;
	height: 0px;
	overflow:hidden
}

#mmenu li:hover ul {
	height:300px
}


#m2menu{height:30px;font-size:12px;text-transform:uppercase;font-weight:bold;background: url(images/interface_03.jpg) repeat-y ;
padding:0; z-index: 999;
}

#m2menu ul {
  list-style-type:none;width:auto;float:left;
	padding: 0px;
	margin: 0px;
}

#m2menu ul li {
	display: block;
	float: left;
	
	
	
	
	text-transform: uppercase;
	height: 30px;
}

#m2menu ul li a {
	color:#EAF3F8;
	background: url(images/submenua.gif) no-repeat 95% 50%;
	font-weight: bold;
text-align: center;
	display: block;
	text-decoration: none;
	line-height: 30px;
	padding: 0 21px 0 10px;
	z-index: 100;
	
}

#m2menu ul li a:hover {
	background-color:#6bb4ec; 
}

#m2menu ul li ul li{
clear: left;
width: 105px;

background: url(images/interface_03bl.jpg) repeat-y ;
}


#m2menu ul li ul li a {
z-index: 100;
padding-left:20px;
padding-right:40px;
	float: left;
	clear: left;
font-size:9px;	
width: 45px;

	
}

#m2menu ul li ul li a:hover {
	 
background-color:#6bb4ec; 
padding-left:20px;
width: 45px;
}

#m2menu ul li ul {
	visibility: hidden;
	background-color:#6bb4ec; 
}

#m2menu ul li:hover ul {
	visibility: visible;
	height: 60px;
	background-color:#6bb4ec; 
}

























	
	#menu {
	width:760px;
	height:30px;
	padding-top:0px;
	padding-bottom:0px;
	background-color:#4887cc;
	margin-top:0px;
	margin-bottom:0px;
	color:#FFFFFF;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-variant:small-caps;
	background-image:url(images/interface_03.jpg) ;
	background-color: #6bb4ec;
   	background-repeat: repeat-y;
   	background-position: center; 
}
/*
		
		
	#menu {
		width:760px;
		height:30px;
		text-align: center;
		background-image:url(images/image_03b.png) ;
   		background-repeat: repeat-y;
		margin-right:auto;
		margin-left:auto;
		padding:0px;
		text-align:left;}
*/		
		
	#menu a {
	
	display:inline;
	
	padding:6px  15px 8px 15px ;
		
		margin-right:1px;
		margin-left:0px;

		
	}
	#menu a:hover {
	  display:block;
	  width:100%;
		background-color:#6bb4ec;
	text-decoration: none
	

	}
	
		
	.podmenu {
		width:760px;
		height:5px;
		
		background-image:url(images/interface_02.jpg) ;
		background-position:right;
	        background-repeat:no-repeat;
   		margin-right:auto;
		margin-left:auto;
		padding:0px;
		text-align:left;}
			
	#menuleft{
	  	
	  	width:5px;
	  	height:30px;
		margin-right:7px;		
		float:left;
    		}
		    
	#menustro{
	  	
	  	display:block;
	  	height:30px;
		margin-right:20px;
		
		float:left;
		line-height: 16px;
    		font-size: 70%;
    		}	    	
	#menubiografia{
	  	
	  	display:block;
	  	height:30px;
		
		
		float:left;
		line-height: 16px;
    		font-size: 70%;
    		}	
	#menupodroze{
	  	
	  	
	  	height:30px;
		
		
		float:left;
		line-height: 16px;
    		font-size: 70%;
    		}
    	#menuart{
	  	
	  	
	  	height:30px;
		
		
		float:left;
		line-height: 16px;
    		font-size: 70%;
    		}
    		
    	#hry{
       
       
     }
	    
	    	
    	#menugal{
	  	
	  	
	  	height:30px;
		
		
		float:left;
		line-height: 16px;
    		font-size: 70%;
    }
  		
  	#menuforum{
	  	
	  	
	  	height:30px;
		
		
		float:left;
		line-height: 16px;
    		font-size: 70%;
    		}	
		    
		    
	#menusklep{
	  	
	  	
                height:30px;
	
		
		float:left;
		line-height: 16px;
    		font-size: 70%;
    		}	    	    	
	
	#menuright{
	  	width:1px;
	  	height:30px;
		padding:0px;
		
		float:left;
    		}	    	
		
	#content{
   		width:760px;
	  	height:100%;
   		background-image:url(images/interface_04.jpg) ;
   		background-repeat: no-repeat;
		
 		}
	 	
		
	#contentleft {
	  	margin-left:10px;
	  	margin-right:5px;
		width:160px;
		padding:0px;
		float:left;
		
		}
	
	#contentcenter {
		width:410px;
		
	  	
		padding:0px;
		float:left;
		
		}
	
	#contentright {
		width:160px;
		padding:0px;
		float:left;
		
}




	.ramkagora
	{width:410px;
	height:9px;
	background-image:url(images/interface_01.png) ;
	background-repeat: no-repeat;
	padding:0px;
	
	float:left;
   	
 }
	.ramkasrodek
	{width:410px;
	background-image:url(images/interface_02.png) ;
	background-repeat: repeat-y;
	padding:0px;
	float:left;
   	}
 	.ramkadol
	{width:410px;
	height:14px;
	background-image:url(images/interface_05.png) ;
	background-repeat: no-repeat;
	padding:0px;
	float:left;
	margin-bottom:5px;
   	}
 
	.ramkanewsgora
	{width:410px;
	height:9px;
	background-image:url(images/ramkanews_01.png) ;
	background-repeat: no-repeat;
	padding:0px;
	
	float:left;
   	
 }
	.ramkanewssrodek
	{width:410px;
	background-image:url(images/ramkanews_02.png) ;
	background-repeat: repeat-y;
	padding:0px;
	float:left;
   	}
 	.ramkanewsdol
	{width:410px;
	height:14px;
	background-image:url(images/ramkanews_05.png) ;
	background-repeat: no-repeat;
	padding:0px;
	float:left;
	margin-bottom:5px;
   	}
	   
	   		
	#news{
 	width:159px;
	  
}
	
	#pnews {
  line-height: 16px;
    font-size: 70%;
  	margin-top: 0px;
      margin-left:12px;
      padding-right:0px;
      font-style: oblique;
      color:#e2eefa;
      
 }

	#darkpnews {
  line-height: 18px;
    font-size: 80%;
  	margin-top: 0px;
      margin-left:16px;
      padding-right:0px;
      font-style: italic;
      color:#e2eefa;
      
 }
	
	#tytciek{
   margin-top: -31px;
      margin-left:145px;
   font-weight:bold;
 }
		
 	#ciekawostka{
 	  margin-left:-3px;
 	width:410px;
	  
 	}
 	.ramkaciekgora
	{width:410px;
	height:46px;
	background-image:url(images/Ciekawostkipopr-_01.png) ;
	background-repeat: no-repeat;
	padding:0px;
	
	float:left;
   	
 }
	.ramkacieksrodek
	{width:410px;
	background-image:url(images/Ciekawostkipopr-_02.png) ;
	background-repeat: repeat-y;
	padding:0px;
	float:left;
   	}
 	.ramkaciekdol
	{width:410px;
	height:10px;
	background-image:url(images/Ciekawostkipopr-_04.png) ;
	background-repeat: no-repeat;
	padding:0px;
	float:left;
	margin-bottom:5px;
   	}	
 	
 .darkramkaciekgora
	{width:410px;
	height:20px;
	background-image:url(images/ciekaw-tlo_01.png) ;
	background-repeat: no-repeat;
	padding:0px;
	
	float:left;
   	
 }
	.darkramkacieksrodek
	{width:410px;
	background-image:url(images/ciekaw-tlo_02.png) ;
	background-repeat: repeat-y;
	padding:0px;
	float:left;
   	}
 	.darkramkaciekdol
	{width:410px;
	height:10px;
	background-image:url(images/ciekaw-tlo_05.png) ;
	background-repeat: no-repeat;
	padding:0px;
	float:left;
	margin-bottom:5px;
   	}		
 	#galeria{
	background-image:url(images/foto.png) ;
	background-repeat: no-repeat;
    	width:165px;
	height:106px;
    
  }
  
  #galeria1{
	background-image:url(images/foto1.png) ;
	background-repeat: no-repeat;
    	width:165px;
	height:106px;}
	
	
	#galeria2{
	background-image:url(images/foto2.png) ;
	background-repeat: no-repeat;
    	width:165px;
	height:106px;}
  
  
		
	h1,pre {
		margin:0px 10px 10px 10px;
		}
		
	h1 {
		font-size:14px;
		padding-top:10px;
}

	hr {

height: 0 !important;
height: 1px; /* wysokosc pod ie */
color: #E5E5E5; /* kolor pod ie */
background: transparent;
border-width: 1px 0 0 0;
border-color: #E5E5E5;
border-style: solid;
 
 	
 	
 	
 	
 	color:white;
 	height:1px;
 	margin-left:10px;
 	margin-right:15px;

	
	}
		
	#contentheader h1 {
		font-size:14px;
		padding:10px;
		margin:0px;
		}
	

	
	#contentprawy
	{font-size:11px;
	text-align:left;
	margin-left: 15px}
	
	#contentprawymin
	{font-size:8px;
	text-align:center;
	margin: 10px
	}

	#footer {
       
    text-align: center;
    
    
    background: url(images/interface_06.jpg) center top no-repeat;
    height: 25px;
	
}

#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; }


#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; margin:50px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}