html, body {
    font-family: trebuchet ms, verdana, tahoma, arial, helvetica, sans-serif;
	color: #474747; 
	font-size: 11px;
	margin: 0; 
	border: 0; 
	padding: 0; 
	height: 100%;
	background: url(images/bg.gif) repeat-x 0 0;
	}

html {display: table; width: 100%;}	
body {display: table-cell; vertical-align: middle;}
	 
a:link, a:visited {text-decoration: none; color: #595959;}
a:hover {text-decoration: none; color: #207534;}

img {border: 0;}
.bold {font-weight: bold;}

#bg {float: left; width: 100%;  background: #eee url(images/bg2.gif) repeat-x 0 100%}

#header {
	margin: 0 auto;
	margin-top: expression((x=document.documentElement.clientHeight-this.scrollHeight)>0?x/2+'px':0);
	width: 976px;
	padding: 0 0 10px 0;
	}

#top {width: 976px; height: 70px; position: relative; z-index: 2;}
#top .bg-logo {position: absolute; top: -70px; left: 0; z-index: 2;}
#top .logo2 {display: inline; position: absolute; top: -24px; left: 44px; z-index: 3;}

#top2 {width: 976px; height: 70px; margin: 70px 0 0 0; position: relative; z-index: 2;}
#top2 .bg-logo {position: absolute; top: -70px; left: 0; z-index: 2;}
#top2 .logo2 {display: inline; position: absolute; top: -180px; left: 0px; z-index: 3;}

#menu {height: 54px; float: right; position: relative; top: 23px; z-index: 2;}	
#menu a {display: block; float: left; margin: 0 0 0 20px; height: 54px;}

a#informacje {width: 118px; background: url(images/informacje.gif)}	
a:hover#informacje {background: url(images/informacje-hover.gif)}

a#kontakt {width: 55px; background: url(images/kontakt.gif)}	
a:hover#kontakt {background: url(images/kontakt-hover.gif)}	

a#czesne {width: 115px; background: url(images/czesne.gif)}	
a:hover#czesne {background: url(images/czesne-hover.gif)}	
	
a#rekrutacja {width: 69px; background: url(images/rekrutacja.gif)}	
a:hover#rekrutacja {background: url(images/rekrutacja-hover.gif)}	

a#osiagniecia {width: 130px; background: url(images/osiagniecia.gif)}	
a:hover#osiagniecia {background: url(images/osiagniecia-hover.gif)}

a#z-zycia {width: 93px; background: url(images/z-zycia.gif)}	
a:hover#z-zycia {background: url(images/z-zycia-hover.gif)}

#flash {width: 976px; height: 309px; position: relative; z-index: 1;}	
	
#hierarchy {width: 100%; margin: 8px 0 5px 0;}
#hierarchy img {position: relative; top: -1px; margin: 0 5px;}


#footer {width: 100%; float: left; background: #fff;}
#footer .center {width: 976px; margin: 15px auto 0 auto;}
#footer .copyright {float: left;}
#footer a:hover {text-decoration: underline;}
#footer p {margin: 0;}
#footer p.contact {float: right; position: relative; right: 0; margin: 0; color: #9d9d9d;}