body {
        width: 1024px;
	margin: 0 auto;
	padding: 0;
	height:100%;
	text-align: center;
background-image: url(bg2.gif);
background-repeat:repeat-x ;
background-attachment: scroll;
background-position: center top;
	
    }

#cnot {
	width: 1024px;
	margin: 0px 0px 0px -95px;

	}

#header {
        background: #ffffff ;
	float: center;
        width: 520px;
        height: 120px;
	margin: 0px 170px 0px 230px;
	
}
#header2 {

       clear: left;
       align: left;
       margin: 2px 0px 0px -800px;
}

#header3 {
	background-repeat: no-repeat;
	clear: right;
	background-image: url("pasek.gif");
	 width: 642px;
        height: 52px;
        margin: 2px 0px 0px 400px;
}
#onas {
width: 69px;
height: 41px;
position: absolute;
float: right;
clear: right;
margin: 2px  0px 0px 50px;
display: inline-block;
line-height: 24px;
text-align: center;
text-decoration: none;
color: transparent;
background-color: #313538;
background-image: url("onas.gif");
background-repeat: no-repeat;
	}
		#onas:hover {

width: 117px;
height: 45px;
position: absolute;
 float: right;
clear: right;
margin: -11px  0px 0px 20px;
text-decoration: underline;
background-color: #313538;
background-image: url("onas2.gif");
background-repeat: no-repeat;

}


#uslugi {
width: 56px;
height: 40px;
position: absolute;
float: right;
clear: right;
margin: 2px  0px 0px 180px;
display: inline-block;
line-height: 24px;
text-align: center;
text-decoration: none;
color: transparent;
background-color: #313538;
background-image: url("uslugi.gif");
background-repeat: no-repeat;
	}
		#uslugi:hover {
width: 116px;
height: 51px;
position: absolute;
 float: right;
clear: right;
margin: -13px  0px 0px 150px;
text-decoration: underline;
background-color: #313538;
background-image: url("uslugi2.gif");
background-repeat: no-repeat;

}
	
#oferta {
width: 60px;
height: 40px;
position: absolute;
float: right;
clear: left;
margin: 2px 0px 0px 290px;
display: inline-block;
line-height: 24px;
text-align: center;
text-decoration: none;
color: transparent;
background-color: #313538;
background-image: url("oferta.gif");
background-repeat: no-repeat;
	}
		#oferta:hover {
width: 118px;
height: 48px;
position: absolute;
 float: right;
clear: right;
margin: -14px 0px 0px 260px;
text-decoration: underline;
background-color: #313538;
background-image: url("oferta2.gif");
background-repeat: no-repeat;

}

#kontakt {
width: 66px;
height: 40px;
position: absolute;
float: right;
clear: right;
margin: 2px  0px 0px 530px;
display: inline-block;
line-height: 24px;
text-align: center;
text-decoration: none;
color: transparent;
background-color: #313538;
background-image: url("kontakt.gif");
background-repeat: no-repeat;
	}
		#kontakt:hover {
width: 118px;
height: 48px;
position: absolute;
 float: right;
clear: right;
margin: -14px  0px 0px 500px;
text-decoration: underline;
background-color: #313538;
background-image: url("kontakt2.gif");
background-repeat: no-repeat;

}



#pomoc {
width: 56px;
height: 40px;
position: absolute;
float: right;
clear: right;
margin: 2px 0px 0px 420px;
display: inline-block;
line-height: 24px;
text-align: center;
text-decoration: none;
color: transparent;
background-color: #313538;
background-image: url("pomoc.gif");
background-repeat: no-repeat;
	}
	#pomoc:hover {
width: 118px;
height: 48px;
position: absolute;
float: right;
clear: right;
margin: -14px 0px 0px 390px;
text-decoration: underline;
background-color: #313538;
background-image: url("pomoc2.gif");
background-repeat: no-repeat;
}

#srodek {
position: absolute;
float: left;
background: #FFFFFF;
clear: left;
width: 584px; 
height: 650px; 
margin: 45px 0px 0px 408px;
border-color: #B8B7B7;
border-width: thin;
border-style: solid;
padding: 5mm;
}

#srodek2 {
margin: -10px 0px 0px -15px;
background: #EAEAEA;
width: 614px; 
height: autopx;
}

#reka {
margin: 0px 0px 0px 310px;
background: #EAEAEA;
width: 250px; 
height: 200px;
}

#napis {
text-align:left;
width: 270px; 
height: auto;
margin: -230px 0px 0px 15px;
}
#napis2 {
text-align:left;
width: 584px; 
height: auto;
margin: 10px 0px 0px 15px;
}
#oo {
position: absolute;
width: 229px;
margin: 10px 50px 0px 100px;
font-size: 12px;
}
#prawy {
position: absolute;
margin: 10px 0px 0px 1050px;
font-size: 1px;

}
#stopka { 
float: center;

clear: both; 
width: 500px;
height: auto; 

margin: 700px 0px 0px 500px;
font-size: 10px; color: black;
}
#ofertaf {
margin: 10px 0px 0px -15px;
}
#napis3 {
text-align:left;
width: 600px; 
height: auto;
margin: 0px 0px 0px 15px;;
}
#srodek3 {
margin: -10px 0px 0px -15px;
background: #EAEAEA;
width: 614px; 
height: auto;
}
#srodekx {
position: absolute;
float: left;
background: #FFFFFF;
clear: left;
width: 584px; 
height: 650px; 
margin: 45px 0px 0px 408px;
border-color: #B8B7B7;
border-width: thin;
border-style: solid;
padding: 5mm;
}
#prawy2 {
position: absolute;
margin: 10px 0px 0px 1050px;

}
#slowo {
position: absolute;
margin: 200px 0px 0px 500px;
}

#slowo2 {
position: absolute;
margin: 300px 0px 0px 500px;
}

#slowo3 {
position: absolute;
margin: 400px 0px 0px 500px;
}