@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	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;
}
.thrColFixHdr #container {
	width: 1004px;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/content%20back.jpg);
} 
.thrColFixHdr #header {
	padding: 0 10px 0 20px;  /* takie dopełnienie jest zgodne z wielkością wyrównania do lewej tych elementów div, które leżą poniżej. Jeśli w elemencie #header użyto obrazu zamiast tekstu, można usunąć dopełnienie. */
	height: 320px;
	background-image: url(images/top.jpg);
} 
.thrColFixHdr #header h1 {
	margin: 0; /* wyzerowanie marginesu w ostatnim elemencie nagłówka #header pozwoli uniknąć skrócenia marginesów – tj. dodania niepotrzebnych spacji między elementami div. Jeśli element div ma obramowanie, czynność ta jest niepotrzebna, ponieważ obramowanie również zapobiega skróceniu marginesów */
	padding: 10px 0; /* użycie dopełnienia, a nie marginesu, pozwoli utrzymać odpowiednią odległość między elementem a krawędziami elementu div */
}
.thrColFixHdr #sidebar1 {
	float: left; /* ponieważ jest to element pływający, należy określić szerokość */
	width: 160px; /* kolor tła będzie widoczny tylko w wypełnionym obszarze kolumny, nie dalej */
	padding: 15px 10px 15px 25px;
}
.thrColFixHdr #sidebar2 {
	float: right; /* ponieważ jest to element pływający, należy określić szerokość */
	width: 170px; /* kolor tła będzie widoczny tylko w wypełnionym obszarze kolumny, nie dalej */
	padding: 15px 25px 15px 5px; /* wartości dopełnienia (padding) określają odstępy zawartości znacznika div od krawędzi */
	color: #FFF;
	font-size: 80%;
}
.thrColFixHdr #mainContent {
	margin: 0 210px; /* prawy i lewy margines tego elementu div powodują utworzenie dwóch zewnętrznych kolumn, przy obu brzegach strony. Niezależnie od tego, ile elementów będzie zawierał znacznik div paska bocznego, kolumny pozostaną. Margines ten można usunąć. Wtedy tekst skojarzony z elementem #mainContent będzie wypełniał paski boczne, począwszy od końca ich zawartości. */
	padding: 0 20px;
	color: #FFF;
	font-size: 100%;
	border-right: 1px solid#ccc;
	font-family: Calibri;
} 
.thrColFixHdr #footer {
	background-image: url(images/foter.jpg);
} 
.thrColFixHdr #footer p {
	margin: 0; /* wyzerowanie marginesów pierwszego elementu w stopce pozwoli uniknąć ewentualnego skrócenia marginesów - tj. dodania niepotrzebnych spacji między elementami div */
	padding: 38px 20px 4px 20px; /* użycie dopełnienia zapewni marginesy, a jednocześnie uniemożliwi ich skrócenie */
	color: #FFF;
}
.fltrt { /* ta klasa może zostać użyta do zdefiniowania płynnego przesunięcia elementu w prawo. Przesuwany element musi poprzedzać element, który ma następować na stronie po nim. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* ta klasa może zostać użyta do zdefiniowania płynnego przesunięcia elementu w lewo. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* tę klasę należy umieścić w elemencie div lub break, powinna ona stanowić ostatni element kontenera zawierającego element pływający */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.thrColFixHdr #container #mainContent h3 {
	font-size: 100%;
	color: #FFF;
	text-align: left;
}
.thrColFixHdr #container #mainContent pbig {
	font-weight: bold;
}
.bigcont {
	font-weight: bold;
}