body {
	margin: 0;
	padding: 0;
	background: repeat-x url(bgwww.jpg);
}

#container {
	width: 764px;
	height: 754px;
	margin: 0 auto;
}

#head03 {
	width: 764px;
	height: 68px;
	background: no-repeat url(03head.jpg);
}



#card05 {
	clear: both;
	width: 764px;
	height: 143px;
	background: no-repeat url(05card1.jpg);
}

#card06{
	clear: both;
	width: 764px;
	height: 158px;
	background: no-repeat url(06card.jpg);
}

#card07 {
	clear: both;
	width: 764px;
	height: 155px;
	background: no-repeat url(07card.jpg);
}

#leftCard08 {
	float: left;
	width: 154px;
	height: 31px;
	background: no-repeat url(08leftCard.jpg);
}

#WejscieZP09 {
	position: relative;
	float: left;
	width: 66px;
	height: 31px;
}

#centerCard10 {
	float: left;
	width: 314px;
	height: 31px;
	background: no-repeat url(10centerCard.jpg);
}

#WejscieHK11 {
	position: relative;
	float: left;
	width: 83px;
	height: 31px;
}

#rightCard12 {
	float: left;
	width: 147px;
	height: 31px;
	background: no-repeat url(12rightCard.jpg);
}

#card13 {
	clear: both;
	width: 764px;
	height: 76px;
	background: no-repeat url(13card.jpg);
}

#leftRef14 {
	float: left;
	width: 283px;
	height: 34px;
	background: no-repeat url(14leftRef.jpg);
}

#flags15 {
	position: relative;
	float: left;
	width: 198px;
	height: 34px;
}

#rightRef16 {
	float: left;
	width: 283px;
	height: 34px;
	background: no-repeat url(16rightRef.jpg);
}

#reflect18 {
	position: relative;
	clear: both;
	width: 764px;
	height: 89px;
	background: no-repeat url(18reflect.jpg);
}


#nanoSoft {
	position: absolute;
	left: 319px;
	top: 53px;
	font-weight: Tahoma, Verdana, Arial;
	font-size: 12px;
	text-decoration: none;
	color: #fff;
	z-index: 10;
}
#nanoSoft a {
	font-weight: Tahoma, Verdana, Arial;
	font-size: 12px;
	text-decoration: none;
	color: #fff;
}

#nanoSoft a:hover {
	font-weight: Tahoma, Verdana, Arial;
	font-size: 12px;
	text-decoration: underline;
	color: #fff;
}


/*  przyciski  */

ul.nav {
	background: url(buttons.jpg)
}

ul.nav li {
	float: left;
	list-style-type: none
}

ul.nav li a {
	display: block;
	position: absolute;
	top: 0;
	text-indent: -9999px;
	outline: none
}

li#navPL a,
li#navEN a,
li#navDE a,
li#navWZP a,
li#navWHK a {
	background: url(buttons.jpg)
}


/*  szerokosc przyciskow  
	wejscie  ZajPol = 66
	wejscie HotKuj = 83
	
	mapaPL = 56
	mapaEN = 56
	mapaDE = 56
	
	
     pozycje przyciskow
	wejscie  ZajPol = 142+56=198
	wejscie HotKuj = 198+66+66+66= 396
	
	enter ZajPol = 198 + 66 = 264
	enter HotKuj = 396+83= 479
	
	de ZajPol = 264+66 = 330
	de HotKuj = 479+83 = 562
	
	mapaPL = 0
	mapaEN = 56+15 = 71
	mapaDE = 56+15+56+15 = 142
*/

li#navPL a 					{ background-position: 0 0; width: 56px; height: 34px; left: 0 }
li#navPL a:hover				{ background-position: 0 -34px }

body#pagePL li#navWZP a		{ background-position: -198px 0; width: 66px; height: 31px; left: 0 }
body#pagePL li#navWZP a:hover	{ background-position: -198px -34px }

body#pagePL li#navWHK a		{ background-position: -396px 0; width: 83px; height: 31px; left: 0 }
body#pagePL li#navWHK a:hover	{ background-position: -396px -34px }

li#navEN a 					{ background-position: -71px 0; width: 56px; height: 34px; left: 71px }
li#navEN a:hover				{ background-position: -71px -34px }

body#pageEN li#navWZP a		{ background-position: -264px 0; width: 66px; height: 31px; left: 0 }
body#pageEN li#navWZP a:hover	{ background-position: -264px -34px }

body#pageEN li#navWHK a		{ background-position: -479px 0; width: 83px; height: 31px; left: 0 }
body#pageEN li#navWHK a:hover	{ background-position: -479px -34px }


li#navDE a 					{ background-position: -142px 0; width: 56px; height: 34px; left: 142px }
li#navDE a:hover				{ background-position: -142px -34px }

body#pageDE li#navWZP a		{ background-position: -330px 0; width: 66px; height: 31px; left: 0 }
body#pageDE li#navWZP a:hover	{ background-position: -330px -34px }

body#pageDE li#navWHK a		{ background-position: -562px 0; width: 83px; height: 31px; left: 0 }
body#pageDE li#navWHK a:hover	{ background-position: -562px -34px }