html {
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	}

body {
	height: 100%;
	padding: 0;
	width: 980px; /* ! szerokosc strony */
	margin: auto;
	position: relative;
	}
	
	div.layoutWrapper {
		/* Wycentrowanie w poziomie: */
		margin: auto;
		/* Rozciagniecie na cala wysokosc (footer przyklejony do dolnej krawedzi dokumentu, nie okna!): */
		min-height: 100%;
		height: 100%;
		position: absolute;
		/* Pozostaly styl dla wrappera: */
		width: 100%;
		}
		
	* > div.layoutWrapper {
		/* Rozciagniecie na cala wysokosc, dla innych przegladarek niz IE */
		height: auto;
		}
			
		div.layoutWrapper div.layoutContentWrapper {
			/* margin-bottom: 100px; /* wysokosc stopki */
			}
		
		div.layoutWrapper div.layoutFooterWrapper {
			bottom: -1px;
			/* height: 100px; /* wysokosc stopki */
			position: absolute;
			width: 100%;
			}
			
		div.layoutWrapper > div.layoutFooterWrapper {
			bottom: 0;
			}
			
		div.layoutWrapper > * {
			margin: 0;
			/* Aby wszystko dzialalo, konieczne jest, aby element "rozpychajacy" layoutWrapper'a ponad wysokosc okna mial position: relative; */
			/* Elementy, ktore maja byc rozciagniete na cala wysokosc, powinny miec position: absolute; */
			position: relative;
			}
	
*.clear {
	height: 0;
	font-size: 1px;
	line-height: 1px;
	visibility: hidden;
	clear: both;
	}