@charset "iso-8859-2";
body  {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background: #333 url(../menu/tlo.jpg) repeat-x;
	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;
}
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #666;
	text-decoration: none;
}
a:hover {
	color: #F60;
	text-decoration: none;
}
a:active {
	color: #999;
	text-decoration: none;
}
h1 {
	color: #666;
	text-align: left;
	font: bold 13px Verdana, Geneva, sans-serif;
}
h2 {
	color: #333;
	font: 12px Verdana, Geneva, sans-serif;
}
h3 {
	color: #F60;
	font: 12px Verdana, Geneva, sans-serif;
}
h4 {
	color: #F60;
	font: 10px Verdana, Geneva, sans-serif;
}
h5 {
	font-size: 10px;
	color: #333;
}

.twoColFixLtHdr #container {
	width: 955px;  /* 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 solid #333;
} 
.twoColFixLtHdr #header {
	background: #333 url(../menu/tlo.jpg) repeat-x;  /* 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: 250px;
	padding-top: 0;
	padding-bottom: 0;
} 

.twoColFixLtHdr #mainContent {
	margin: 0 0 0 225px; /* ustawienie lewego marginesu w elemencie div powoduje powstanie kolumny przy lewej krawędzi strony - niezależnie od liczby elementów na pasku bocznym sidebar1 odstęp kolumnowy pozostanie.  Lewy margines można usunąć. Wtedy tekst skojarzony z elementem #mainContent będzie wypełniał element #sidebar1, począwszy od końca zawartości elementu #sidebar1. */
	padding: 15px 10px 0 5px;
	text-align: left;
} 
#menu0 dt a {
	color: #FFF;
}
#menu0 dt a:hover {
	color: #F60;
}

.twoColFixLtHdr #sidebar1 {
	float: left; /* ponieważ jest to element pływający, należy określić szerokość */
	width: 200px; /* rzeczywista szerokość elementu div, w standardowych przeglądarkach lub w zwykłym trybie pracy programu Internet Explorer oprócz szerokości będzie określone dopełnienie i obramowanie */
	background: #FFF;
	margin-top: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 5px;
}
.twoColFixLtHdr #footer {
	padding: 0 0px; /* takie dopełnienie jest zgodne z wielkością wyrównania do lewej tych elementów div, które leżą powyżej. */
	background:#333;
	height: 160px;
	font: 10px Verdana, Geneva, sans-serif;
	color: #FFF;
	text-decoration: none;
} 
.twoColFixLtHdr #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: 10px 0; /* użycie dopełnienia zapewni marginesy, a jednocześnie uniemożliwi ich skrócenie */
	text-align: left;
}


.twoColFixLtHdr #container #pasek_gora {
	background: #444;
	height: 26px;
	text-align: right;
}
.twoColFixLtHdr #container #pasek_gora #gora #gora_prawa {
	height: 24px;
	background: #F60;
	margin-left: 800px;
}
.twoColFixLtHdr #container #header #naglowek #naglowek_k-2 {
	height: 155px;
	background: #FFF;
}
.twoColFixLtHdr #container #header #naglowek #naglowek_k-2 #reklama {
	height: 150px;
	background: #FFF;
}
.twoColFixLtHdr #container #header #naglowek #naglowek_k-2 #logo {
	width: 180px;
	height: 100px;
	background: #FFF;
	padding-top: 25px;
	padding-bottom: 25px;
}

.twoColFixLtHdr #container #header #naglowek {
	height: 200px;
}

.twoColFixLtHdr #container #pasek_naglowek2 {
	height: 28px;
	background: #666;
	text-align: center;
}

.twoColFixLtHdr #container #pasek_nowosci {
	height: 26px;
	text-align: right;
}

.twoColFixLtHdr #container #pasek_dolny3 {
	height: 26px;
	background: #333;
	text-align: center;
}

.twoColFixLtHdr #container #footer #pasek_adres {
	font: 9px Verdana, Geneva, sans-serif;
	color: #333;
	text-decoration: none;
	width: 300px;
	height: 90px;
	background: #FFF;
	text-align: left;
	padding-top: 15px;
	padding-left: 5px;
}
.twoColFixLtHdr #container #footer #pasek_info {
	font: 10px Verdana, Geneva, sans-serif;
	color: #333;
	text-decoration: none;
	height: 90px;
	background: #FFF;
	text-align: right;
	padding-top: 15px;
	padding-right: 5px;
}
.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-left: 8px;
}
.fltlft_bez_m {
	float: left;
	margin-right: 8px;
}
.fltrt_bez_m {
	float: right;
}

.ramka_pom {
	top: 5px;
	right: 5px;
	left: 5px;
	bottom: 5px;
	padding: 5px;
	background: #FFF;
	border: 1px ridge #F60;
}




.ramka {
	border: 1px ridge #CCC;
	top: 5px;
	right: 5px;
	left: 5px;
	bottom: 5px;
	padding: 5px;
	background: #F8F8F8;
}

.clear_both {
	clear: both;
}


.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;
}
.clearright {
	clear:right;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.clearfloat_ods {
	clear:both;
	height:0;
}



.tytul {
	text-transform: none;
	text-decoration: none;
	font-weight: bold;
	color: #F60;
}
.prawa_str {
	text-align: right;
}
.lewa_str {
	text-align: left;
}


.ramka {
	border: 1px solid #EEE;
	top: 5px;
	right: 5px;
	left: 5px;
	bottom: 5px;
	padding: 3px;
	background: #F8F8F8;
}
.ramka_prod {
	border: 1px ridge #CCC;
	top: 5px;
	right: 5px;
	left: 5px;
	bottom: 5px;
	padding: 5px;
	background: #FFF;
}

.wyjustowanie {
	text-align: justify;
}

.pomaranczowy {
	font: 12px Verdana, Geneva, sans-serif;
	color: #F60;
	text-decoration: none;
}

.tekst2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: left
}
.tekst {
	font-size: 10px;
	font-style: normal;
	color: #000000;
	text-decoration: 
none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-style: none;
	text-align: left;
} 
.tekst_czerwony {
	color: #C00
}
.tekst_bialy {
	color: #FFF
}



.unnamed1 {
	font-family: Verdana, 
Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: 
bold;
	text-decoration: none;
	color: #333333;
	text-transform: none;
} 
.tabelki {
	text-align: left;
	background: #CCC;
	border: 1px solid #999;
}
.tabelki td {
	background: #FFF;
	text-align: center;
}
.tabelki_obr {
	width: 700px;
	background: #FFF;
	border: 1px solid #EEE;
}
.tabelki_obr td {
	background: #F9F9F9;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 3px;
}
.tabelki_obr tr {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}


.warstwy_bloki {
	width: 340px;
	display: block;
	visibility: inherit;
	float: left;
}
#warstwa_left {
	display: block;
	position: relative;
	vertical-align: middle;
}
.logo_partnerzy {
	float: right;
	width: 200px;
	text-align: right;
	position: relative;
}

.logo_partnerzy2 {
	width: 700px;
	height: 90px;
}
.twoColFixLtHdr #container #mainContent table tr td .tekst .tytul {
	color: #F60;
}