html { 
 height: 100%; 
} 

body {
	height: 100%; 
	padding: 0px; 
	margin: 0px;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	background: #000;
}

img, div { behavior: url('obrazki/iepngfix.htc'); }

#center { 
 width: 935px; 
 height: 100%; 
 margin: 0px auto 0px auto;
}

.menugorne {
	height: 55px;
}

.border{
	height: 4px;
	background: url('obrazki/border.gif') repeat-x left;
}

.glowne {
	width: 100%;
	height: 448px;
	background: url('obrazki/glowne.jpg') no-repeat top left;
	vertical-align: bottom;
}

.podstrona {
	width: 100%;
	height: 448px;
	background: url('obrazki/podstrona.jpg') no-repeat top left;
	color:#fff;
}

.dol {
	width: 100%;
	height: 120px;
}

.stopka {
	height: 55px;
	text-align: center;
}

.ramka {
	background: url('obrazki/ramka02.png') repeat-x top left;
}

a { color: #fff; text-decoration: underline; }
a:hover { color: #fff; text-decoration: none; }

a.szary { color: #ccc; text-decoration: underline; }
a.szary:hover { color: #fff; text-decoration: underline; }

a.bialy { color: #fff; text-decoration: none; }
a.bialy:hover { color: #ccc; text-decoration: none; }



/* zestaw */

.f9 { font-size: 9px; }
.f10 { font-size: 10px; }
.f11 { font-size: 11px; }
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f17 { font-size: 17px; }
.f22 { font-size: 22px; }
.f25 { font-size: 25px; }

.center { text-align: center; }
.wysrodkuj { margin: 0 auto 0 auto; }
.l { text-align: left; }
.r { text-align: right; }
.j { text-align: justify; }

.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.middle { vertical-align: middle; }

.lh15 { line-height: 15px; }

.b {font-weight: bold;}
.no_b {font-weight: normal;}
.u {text-decoration: underline;}

.orange { color: #ff6600; }
.szary { color: #cccccc; }
.szary2 { color: #7c7c7c; }
.szary3 { color: #464646; }
.blue { color: #4096F4; }
.zielony { color: #40C73D; }
.red { color: #FF0606;; }
.bialy { color: #fff; }

.tlo_biale {background: #fff;}
.tlo1 {background: #191919;}
.tlo2 {background: #272727;}
.tlo3 {background: #F2F2F2;}

/* zestaw */

#mycustomscroll {
	/* Typical fixed height and fixed width example */
	width: 450px;
	height: 280px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	padding: 0px 0px 0px 0px;
}

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}
.vscrollerbar {width: 17px; background: url(obrazki/suwak_pasek.png) repeat-y;}
.vscrollerbarbeg {height: 6px !important;width: 36px;background: url(obrazki/suwak_pasek_start.png) no-repeat;}
.vscrollerbarend {height: 6px;width: 17px;background: url(obrazki/suwak_pasek_koniec.png) no-repeat;}
.vscrollerbase {width: 17px;background: url(obrazki/suwak_tor.png) repeat-y;}
.vscrollerbasebeg {width: 17px; height: 14px !important;background: url(obrazki/suwak_tor_start.png) no-repeat;}
.vscrollerbaseend {width: 17px; height: 14px; background: url(obrazki/suwak_tor_koniec.png) no-repeat;}
.hscrollerbase {height: 6px; background-color: white;}
.hscrollerbar {height: 6px; background-color: black;}
.vscrollerbar, .hscrollerbar {padding: 14px;z-index: 2;}
.scrollerjogbox {width: 17px;height: 6px;top: auto; left: auto;bottom: 0px; right: 0px;background: #37917A;}
/* Scroll Bar Master Styling Ends Here */