html, body {
    margin: 0;
    padding: 0;
    height: 100%; /*tego potrzebują Geckowate przeglądarki ;-)*/
}
	
#glownyBox {
    position: relative; /*to pozwoli na późniejsze pozycjonowanie elementów
                         wewnątrz tej warstwy wg jej lewego górnego rogu*/
    width: 80%;
    min-height: 100%;
    margin: 0 auto;
}
	
* html #glownyBox { /*to zapis dla IE, który nie rozumie min-height oraz
                   błędnie interpretuje height;*/
    height: 100%;
	text-align: justify;
}
		
* * body {
    text-align: center;
}	

#MenuBox {
    position: absolute;
    top: 0;
    width: 100%;
    height: 124px;
}

#stopka {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 30px;
	width: 753px;
}
	
* html #stopka {
    bottom: -1px; /*IE nie wiedzieć czemu zostawia 1px wolnego miejsca na dole*/
}
	
#glowny {
    position: relative;
    padding-top: 0px; /*żeby warstwa nie weszła pod nagłówek*/
    padding-bottom: 30px; /*żeby warstwa nie weszła pod stopkę*/
    width: 100%;
}
	
#wspolny {
    float: left;
    height: 100%;
	width: 630px;
}
	
#lewoBox {
    float: left;
    /*width: 25%;*/
	width: 140px;
    overflow: hidden; /*żeby zawartość kolumny nie wychodziła poza jej szerokość*/
}
/*dzięki poniższemu zapisowi w IE .lewa nie jest za szeroka i nie ucieka na dół*/
* html #lewoBox {
   /* width: 24.9%;*/
   width: 140px;
}

#trescBox {
/*    float: right;*/
	width: 490px;
    overflow: hidden;
}

#prawoBox {
    float: right;
   /* width: 20%;*/
   width: 130px;
    height: 100%;
    overflow: hidden;
}

.klar {
    clear: both;
    height: 1px;
    overflow: hidden;
}

#tloGlowne {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	z-index: -10;
	/*background-color: red;*/
}

.tloLewe {
	float: left;
	width: 140px;
	height: 100%;
	/*background-color: black*/
}

.tloPrawe {
	float: right;
	width: 130px;
	height: 100%;
	/*background-color: green;*/
}