body
{
background-color:black;
}

/*-----------------------Spod maski na glownej ------------------*/
#spodmaski {
position:relative;
left: -215px;
top: 212px;
width: 86px;
height: 22px;
z-index:1;
}
#spodmaski #ki_spodmaski a{
  display:block;
  background:url('images/spodmaski_button.jpg');
  width: 86px;
  height: 22px;
}
#spodmaski #ki_spodmaski a:link{
  background:url('images/spodmaski_button.jpg');
  padding: 0px 0 0 0px;
  }
#spodmaski #ki_spodmaski a:visited {
	background: url('images/spodmaski_button.jpg');
	padding: 0px 0 0 0px;
        }
#spodmaski #ki_spodmaski a:hover { 
	background: url('images/spodmaski_button.jpg') -86px;
	padding: 0px 0 0 0px;
        }

/*---------------------------------------------------------------*/



/*-----------------------------Stopka-----------------*/
#footerContainer {
	position:relative;
	background-color: black;
	padding-top: 3px;
	font-size: 9pt;
	font-family:Trebuchet MS;
	width: 930px;
	height:20px;
	color: #f4f6f5;

}
#footerContainer .left {
	float: left;
	padding-left:30px;
}
#footerContainer .right {
	float: right;
	padding-right: 30px;
}
#footerContainer a {
	text-decoration: none;
	color: #f4f6f5;
}
#footerContainer a:hover,#footerContainer a:active {
	text-decoration: underline;
	color: #ffffff;
	
}
.rightTopCorner {
	position: absolute;
	width:7px;
	height:7px;
	background-image: url('images/corner_top_right.gif');
	background-repeat:no-repeat;
	right: 0px;
	top: 0px;
}
.leftTopCorner {
	position: absolute;
	width:7px;
	height:7px;
	background-image: url('images/corner_top_left.gif');
	background-repeat:no-repeat;
	left: 0px;
	top: 0px;
}



/*----------------------------------------------------*/
#contener
{
width:937px;
height:600px;
background-image:url('images/tlo.jpg');
background-repeat:no-repeat;
}
/* ----------------------------------------------Menu Główne--------------------------------*/
#news {
position:relative;
left: 289px;
top: 331px;
width: 97px;
height: 19px;
z-index:1;

}
#news #ki_news a{
  display:block;
  background:url('images/menu/niusy.jpg');
  width: 97px;
  height: 19px;
}
#news #ki_news a:link{
  background:url('images/menu/niusy.jpg');
  padding: 0px 0 0 0px;
  }
#news #ki_news a:visited {
	background: url('images/menu/niusy.jpg');
	padding: 0px 0 0 0px;
        }
#news #ki_news a:hover { 
	background: url('images/menu/niusy.jpg') -97px;
	padding: 0px 0 0 0px;
        }
		
#o_kabarecie{
position:relative;
left: 287px;
top: 338px;
width: 181px;
height: 25px;
z-index:1;
}
#o_kabarecie #ki_o_kabarecie a{
  display:block;
  background-image:url('images/menu/okabarecie.jpg');
  width: 181px;
  height: 25px;
}
#o_kabarecie #ki_o_kabarecie a:link{
  background-image:url('images/menu/okabarecie.jpg');
  padding: 0px 0 0 0px;
}
#o_kabarecie #ki_o_kabarecie a:visited {
	background: url('images/menu/okabarecie.jpg');
	padding: 0px 0 0 0px;
        }
#o_kabarecie #ki_o_kabarecie a:hover { 
	background: url('images/menu/okabarecie.jpg') -181px;
	padding: 0px 0 0 0px;
        }

#foto_multimedia{
position:relative;
left: 282px;
top: 347px;
width: 276px;
height: 32px;
z-index:1; 
}

#foto_multimedia #ki_fotomultimedia a{
  display:block;
  background-image:url('images/menu/fotomultimedia.jpg'); 
  height: 32px;
  width: 276px;
}
#foto_multimedia #ki_fotomultimedia a:link{
  background-image:url('images/menu/fotomultimedia.jpg');
  padding: 0px 0 0 0px;
}
#foto_multimedia #ki_fotomultimedia a:visited {
	background: url('images/menu/fotomultimedia.jpg');
	padding: 0px 0 0 0px;
        }
#foto_multimedia #ki_fotomultimedia a:hover { 
	background: url('images/menu/fotomultimedia.jpg') -276px;
	padding: 0px 0 0 0px;
        }
		
#do_poczytania{
position:relative;
left: 212px;
top: 360px;
width: 281px;
height: 40px;
z-index:1;
}
#do_poczytania #ki_do_poczytania a{
  display:block;
  background-image:url('images/menu/dopoczytania.jpg'); 
  height: 40px;
  width: 281px;
}
#do_poczytania #ki_do_poczytania a:link{
  background-image:url('images/menu/dopoczytania.jpg');
  padding: 0px 0 0 0px;
}
#do_poczytania #ki_do_poczytania a:visited {
	background: url('images/menu/dopoczytania.jpg');
	padding: 0px 0 0 0px;
        }
#do_poczytania #ki_do_poczytania a:hover { 
	background: url('images/menu/dopoczytania.jpg') -281px;
	padding: 0px 0 0 0px;
        }

#kontakt{
position:relative;
left: 90px;
top: 385px;
width: 226px;
height: 51px;
z-index:1;
}
#kontakt #ki_kontakt a{
  display:block;
  background-image:url('images/menu/kontakt.jpg'); 
  height: 51px;
  width: 226px;
}
#kontakt #ki_kontakt a:link{
  background-image:url('images/menu/kontakt.jpg');
  padding: 0px 0 0 0px;
}
#kontakt #ki_kontakt a:visited {
	background: url('images/menu/kontakt.jpg');
	padding: 0px 0 0 0px;
        }
#kontakt #ki_kontakt a:hover { 
	background: url('images/menu/kontakt.jpg') -226px;
	padding: 0px 0 0 0px;
        }

/*------------------------------------O Kabarecie---------------------------------------*/
#ramka_okabarecie
{
position: relative;
top: 213.5px;
left: 227px;
width: 399px;
height: 342px;
background-image:url('images/ramka_okabarecie.png');
background-repeat: no-repeat;
z-index: 2;
}
#tekst{
padding-top: 10px;
padding-left: 20px;
padding-right: 30px;
}		
/*------------------------------------Kontakt---------------------------------------*/
#ramka_kontakt
{
position: relative;
top: 213.5px;
left: 227px;
width: 399px;
height: 342px;
background-image:url('images/ramka_kontakt.jpg');
background-repeat: no-repeat;
z-index: 2;
}
#tekst{
padding-top: 30px;
padding-left: 20px;
padding-right: 30px;
}
/*------------------------------------Krzyżyk---------------------------------------*/
#krzyzyk{
position:relative;
left: 404px;
top: -123px;
width: 23px;
height: 24px;
z-index: 3;

}
#krzyzyk #ki_krzyzyk a{
  display:block;
  background-image:url('images/krzyzyk.png'); 
  width: 23px;
  height: 24px;
}
#krzyzyk #ki_krzyzyk a:link{
  background-image:url('images/krzyzyk.png'); 
  padding: 0px 0 0 0px;
}
#krzyzyk #ki_krzyzyk a:visited {
	background :url('images/krzyzyk.png'); 
	padding: 0px 0 0 0px;
        }
#krzyzyk #ki_krzyzyk a:hover { 
	background: url('images/krzyzyk.png') -23px; 
	padding: 0px 0 0 0px;
        }
/*------------------------------------Krzyżyk O kabarecie---------------------------------------*/
#krzyzyk_okabarecie{
position:relative;
left: 180px;
top: -275px;
width: 23px;
height: 24px;
z-index: 3;

}
#krzyzyk_okabarecie #ki_krzyzyk_okabarecie a{
  display:block;
  background-image:url('images/krzyzyk.png'); 
  width: 23px;
  height: 24px;
}
#krzyzyk_okabarecie #ki_krzyzyk_okabarecie a:link{
  background-image:url('images/krzyzyk.png'); 
  padding: 0px 0 0 0px;
}
#krzyzyk_okabarecie #ki_krzyzyk_okabarecie a:visited {
	background :url('images/krzyzyk.png'); 
	padding: 0px 0 0 0px;
        }
#krzyzyk_okabarecie #ki_krzyzyk_okabarecie a:hover { 
	background: url('images/krzyzyk.png') -23px; 
	padding: 0px 0 0 0px;
        }
/*--------------------------------------Scroll---------------------------------------------*/
#extra_controls, #scrollbar { 
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn	{ 
	position:relative;
	top:35px;
	width:370px; height:280px; 
	overflow:hidden;

	}
div.content { /* hide content to be swapped in */
	position:absolute; visibility:hidden;
	left:0px; top:0px; 

	}
div#lyr1 { /* show first div */
    padding-left:5px;
	visibility:visible;

    }
div#scrollbar { 

  position:relative;
  top:50px;
  left:5px;
  width:11px; height:280px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#track { 

  position:absolute; left:0; top:12px;
  width:11px; height:256px;
  background: #cbc6b9;
  }
div#dragBar {

  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:white;
  }  
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    } 
    
/* for safari, to prevent selection problem */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
   /* -moz-user-select: none;
    -khtml-user-select: none;*/
}
/*-----------------------------------------------------------------------------------------*/