body{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFF;
	margin: 0; /* zaleca się wyzerowanie dopełnienia i marginesu elementu body, tak aby mogły być uwzględniane różne domyślne ustawienia przeglądarki */
	padding: 0;
	text-align: center; /* kontener zostaje wyśrodkowany w oknach przeglądarek IE 5*. Następnie tekst określony przez selektor #container jest wyrównywany domyślnie do lewej */
	color: #000000;
	
	background-image:url(img/crop_circles2.gif);
scrollbar-base-color: black;
scrollbar-arrow-color: black;
scrollbar-DarkShadow-Color: grey;
}

#container{
width: 1024px;  /* użycie szerokości mniejszej o 20 piks. od pełnej szerokości 800 piks. pozwala uatrakcyjnić okno przeglądarki i uniknąć poziomego paska przewijania */
	background: #FFFFFF;
	margin: 0 auto; /* automatyczne marginesy (w połączeniu z szerokością) powodują wyśrodkowanie strony */
	border: 1px thin #CCC;
	text-align: left; /* ustawienie to przesłania domyślne ustawienie wyrównania tekstu: środkowanie w elemencie body. */
}

#header{
background-image:url(img/index_01.jpg);

width:1024px;
height:186px;
clear:both;	
}

#left{
	
	float:left;
	width:248px;
    
    margin-bottom: -10px !important; 


}

#left a{
	text-decoration:none;


}
#left img{border:0;}
#main{
	
	width:776px;
    height:auto;

    float:left;
}
#main a{
	color:#FFF;
	
}
#footer
{
	background:url(img/index_16.jpg) no-repeat;
	
	clear:both;
	width:1024px;
    height:66px;
	

}



.tresc {
	
	background-image: url(img/bg_tresc.png);
	background-repeat: repeat;
	height: 376px;
	width: 645px;
	overflow:auto;
	text-align:left;
	

}