@charset "utf-8";
body  {
	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: #8cbb28;
	background-color: #001B2C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0px;
}
body a:link {
	color: #79a629;
	text-decoration: none;
}
body a:visited {
	text-decoration: none;
}
body a:hover {
	text-decoration: underline;
}
.twoColHybRtHdr #container {
	width: 933px;
	text-align: left; /* ustawienie to przesłania domyślne ustawienie wyrównania tekstu: środkowanie w elemencie body. */
	background-color: #001B2C;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
} 
.box {
	border: 1px solid #02364d;
	margin-bottom: 20px;
	font-size: 12px;
}
.tresc {
	background-color: #264350;
	color: #90d1c4;
	font-size: 12px;
	width: 634px;
}
#mainContent .tresc .napisy {
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 1px solid #346b72;
}
.twoColHybRtHdr #container #mainContent .tresc .tresc_img {
	background-image: url(../images/index_07.jpg);
	height: 50px;
	padding-left: 25px;
	font-size: 22px;
	color: #79a629;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 50px;
}

.twoColHybRtHdr #header {
	background-image: url(../images/index_01.jpg);
	background-repeat: repeat-x;
	height: 265px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
} 
.twoColHybRtHdr #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 */
}

/* Wskazówki dotyczące paska bocznego sidebar1:
1. Ponieważ są używane jednostki względne, najlepiej nie stosować do paska bocznego dopełnienia. Dopełnienie będzie powiększało szerokość paska w typowych przeglądarkach, a w konsekwencji rzeczywista szerokość paska będzie nieprzewidywalna. 
2. Ponieważ pasek jest zdefiniowany przy użyciu jednostek em, należy mieć na uwadze, że jego szerokość będzie różna dla różnych domyślnych rozmiarów tekstu. 
3. Odstępy między bocznymi krawędziami elementu div a jego elementami wewnętrznymi można utworzyć, określając wielkości lewych i prawych marginesów elementów wewnętrznych (tak jak w przykładowej regule „.twoColHybRtHdr #sidebar1 p”).
*/
.twoColHybRtHdr #sidebar1 {
	float: right;
	width: 274px; /* dopełnienie górne i dolne pozwalają uzyskać odpowiednie odstępy wewnątrz elementu div  */
	background-color: #001B2C;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

/* Wskazówki dotyczące elementu mainContent:
1. Odstęp między elementem mainContent i paskiem bocznym sidebar1 jest określany z uwzględnieniem prawego marginesu elementu mainContent. Niezależnie od liczby elementów na pasku bocznym sidebar1 odstęp kolumnowy pozostanie. Prawy 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.
2. Należy mieć na uwadze, że jeśli element jest szerszy niż jego pojemność, określona wewnątrz znacznika div mainContent, to może wystąpić efekt opadania elementu pływającego (opadnięcie zwykłego obszaru mainContent poniżej paska bocznego). W przypadku układu hybrydowego (szerokość określona procentowo, a pasek boczny zdefiniowany w jednostkach em)  nie zawsze będzie można obliczyć dokładną, dostępną szerokość. Jeśli rozmiar tekstu użytkownika przewyższy rozmiar średni, to pasek boczny będzie szerszy, a w konsekwencji pozostanie mniej miejsca w elemencie mainContent. Należy pamiętać o tym ograniczeniu – zwłaszcza, jeśli klient dodaje zawartość za pomocą programu Contribute.
3. W poniższym warunkowym komentarzu dla przeglądarki Internet Explorer użyto właściwości zoom (powiększenie) i nadano jej wartość „hasLayout”. Wartość ta pozwala uniknąć szeregu błędów typowych dla przeglądarki IE.
*/
.twoColHybRtHdr #mainContent {
	margin-right: 290px;
	margin-bottom: 0;
	margin-left: 0px;
	padding: 0px;
} 
.twoColHybRtHdr #footer {
	background-image: url(../images/index_20.jpg);
	background-repeat: repeat-x;
	height: 222px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
} 
.twoColHybRtHdr #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 */
}

/* Różne użyteczne klasy */
.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;
}
.sklep_internetowy_podkategorie {
	padding-left: 25px;
}
#sidebar1 .box a:link {
	color: #79a629;
	text-decoration: none;
}
#sidebar1 .box a:visited {
	text-decoration: none;
}
.menu {
	text-align: center;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 1px;
}
.copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #90d1c4;
}
#header .menu .oddzielnik {
	color: #284551;
}
.rejestracja {
	color: #409697;
}
.moje_konto {
	color: #9a9e3b;
}
#sidebar1 .box a:hover {
	text-decoration: underline;
}
.linki_copy {
	font-size: 14px;
	color: #90d1c4;
}.tresc .napisy h1 {
	font-size: 18px;
}
marquee {
	color: #80D1B1;
}