* {margin:0; padding:0;}
:focus {outline: 0;}
table {	border-collapse:collapse;	border-spacing:0;}
img{border:0;}
.czysc{clear:both;}
.centro {text-align: center; }



html, body { height: 100%;  background-color:#fff; font-family: 'PT Sans', arial, serif; }		
body {display: table;	width: 600px;	margin: 0 auto;	text-align:center;}
		
#wrapper {	display: table-cell;	height: 600px;	vertical-align: middle;	text-align: left}
		
#cell {	border: 0px;	text-align: left; position: relative;}	
#table_01 img {margin:-3px -2px;}

#about td{vertical-align: top; padding-top:40px;}
#about td h3, #about td h4 { text-align: center; padding-top:10px;}

a {color:#467;}

/*  ---------------------przeswajce sie obrazki  -----------------  */
#container {position: relative;  width: 600px;  height: 600px;  overflow: hidden;  z-index:10;}

#scroller {width: 940px; /* = width + margin left + margin right + padding*2 + border*2  from the content rule */}

.content {width: 200px;  height: 200px;  float: left;  margin-left: 10px;  margin-right: 10px;  padding: 5px;  border: 1px solid #EFEFEF;  font-size: .8em;}

.scrollNav, .scrollNav a:link, .scrollNav a:visited  {  font-size: 1.2em;  color:#999;  font-weight: bold; text-decoration: none; }
.scrollNav a:hover,  {color:#fff; }

#cell-menu {  position: relative;   }
#obrazek_menu {position: absolute; top:478px; left:480px; z-index:20;  }

#w-lewo {position: absolute; 	width: 102px; height: 102px; top:204px; left:-102px;  }
#w-prawo {position: absolute; 	width: 102px; height: 102px;  top:204px; right:-102px;  }

#w-lewo a span {background-image:url('../images/w_lewo.jpg'); display: block; width: 102px; height: 102px;}
#w-prawo a span {background-image:url('../images/w_prawo.jpg');  display: block; width: 102px; height: 102px;}
#w-lewo a:hover span  {background-image:url('../images/w_lewo-over.jpg'); }
#w-prawo a:hover span  {background-image:url('../images/w_prawo-over.jpg'); }


/*  --------------------- dolne submenu  -----------------  */


.ikony-1 {width: 200px;  height: 30px;   margin:0; background-image:url('../images/ikony.jpg'); background-position: 0 0; }
.ikony-1 :hover{background-image:url('../images/ikony.jpg'); background-position: 0 30px ; }
.ikony-2 {width: 200px;  height: 30px;   margin:0;  }


.ikony-3 {width: 200px;  height: 30px;   margin:0; background-image:url('../images/ikony.jpg'); background-position: 200px 0; }
.ikony-3 :hover{background-image:url('../images/ikony.jpg'); background-position: 200px 25px; }

#table_ikony a{text-decoration: none; }

#overlay{position:absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 100%; background-color: #f6f6f6; margin: 0 -0px; }

#nowosci {position:absolute; top:200px; left:-103px; width: 103px;  height: 200px;   }