* {
padding: 0px;
margin: px;
border: 0px;

}
body{
background: url(tlo-pasek.png);
}


#main
{
width: 99%; /* strona będzie troszkę mniejsza od szerokości ekranu*/
margin: 10px auto; /* określamy marginesy(odstęp)od końca ekranu: góra/dół po 10px, prawo/lewo:
}


#logo {
width: 733px;
height: 150px;
background: #ffffff;
float: center;
margin-left:0px;
margin-top:200px;
margin-right:0px;
}

P.naglowek { font-size: 14pt;
		color: #e09327;
		
		font-family: Book Antiqua;
		text-align: center;
		font-weight: bold;
		margin: 0;
		padding: 1 15 5 15;}

P.prawa { font-size: 10pt;
		color: #8a8573;
		
		font-family: Book Antiqua;
		text-align: justify;
		font-weight: normal;
		margin: 0;
		padding: 1 15 5 15;}

#stopka
{
clear: both; /* określa szerokość diva jako równą szerokości "main"*/
text-align: center;
height: 50px;
background-color: black;
border-top: 1px;
color: white;
}

#baner-prawa {
width: 130px;
height: 267px;
float: right;
margin-top:0px;
margin-right:0px;
background: #f2f2f2;
}

#baner-lewa {
width: 126px;
height: 267px;
float: left;
margin-top:-5px;
background: #960000;
}

#baner-srodek {
width: 733px;
height: 267px;
float: center;
margin-top:-2px;
margin-left:126px;
background: #f2f2f2;
}

#container {
width: 989px;
margin: 0 auto;
float: center;
background: url(tlo-pasek.png);
}

#footer {
width: 733px;
height: 61px;
position: absolute;
margin-left:126px;
clear:both;
background: url(footer.png);
}

#srodek {
width: 733px;
height: 630px;
float: left;
background: #ffffff;
margin-top:-2px;
margin-left:0px;
}

#srodek-kontakt {
width: 733px;
height: 630px;
float: left;
background: #ffffff;
margin-top:-2px;
margin-left:0px;
}

#srodek-oferta {
width: 733px;
height: 460px;
float: left;
background: #ffffff;
margin-top:-2px;
margin-left:0px;
}

#srodek-dodatkowe {
width: 733px;
height: 1530px;
float: left;
background: #ffffff;
margin-top:-2px;
margin-left:0px;
}

#srodek-dostep {
width: 733px;
height: 1470px;
float: left;
background: #ffffff;
margin-top:-2px;
margin-left:0px;
}

#srodek-telefonia {
width: 733px;
height: 820px;
float: left;
background: #ffffff;
margin-top:-2px;
margin-left:0px;
}

#srodek-firma {
width: 733px;
height: 480px;
float: left;
background: #ffffff;
margin-top:-2px;
margin-left:0px;
}

#srodek-biznes {
width: 733px;
height: 950px;
float: left;
background: #ffffff;
margin-top:-2px;
margin-left:0px;
}

#srodek-promocje {
width: 733px;
height: 660px;
float: left;
background: #ffffff;
margin-top:-2px;
margin-left:0px;
}

#srodek-polecamy {
width: 733px;
height: 680px;
float: left;
background: #ffffff;
margin-top:-2px;
margin-left:0px;
}

#srodek-zasieg {
width: 733px;
height: 960px;
float: left;
background: #ffffff;
margin-top:-2px;
margin-left:0px;
}

#header {
width: 989px;
height: 1000px;
background: #ffffff;
float: center;
margin-top:0px;
background: url(tlo-pasek.png);
}

#header-kontakt {
width: 989px;
height: 1000px;
background: #ffffff;
float: center;
margin-top:0px;
background: url(tlo-pasek.png);
}

#header-oferta {
width: 989px;
height: 830px;
background: #ffffff;
float: center;
margin-top:0px;
background: url(tlo-pasek.png);
}

#header-dodatkowe {
width: 989px;
height: 1900px;
background: #ffffff;
float: center;
margin-top:0px;
background: url(tlo-pasek.png);
}

#header-dostep {
width: 989px;
height: 1850px;
background: #ffffff;
float: center;
margin-top:0px;
background: url(tlo-pasek.png);
}

#header-telefonia {
width: 989px;
height: 1200px;
background: #ffffff;
float: center;
margin-top:0px;
background: url(tlo-pasek.png);
}

#header-firma {
width: 989px;
height: 850px;
background: #ffffff;
float: center;
margin-top:0px;
background: url(tlo-pasek.png);
}

#header-biznes {
width: 989px;
height: 1320px;
background: #ffffff;
float: center;
margin-top:0px;
background: url(tlo-pasek.png);
}

#header-promocje {
width: 989px;
height: 1030px;
background: #ffffff;
float: center;
margin-top:0px;
background: url(tlo-pasek.png);
}

#header-polecamy {
width: 989px;
height: 1080px;
background: #ffffff;
float: center;
margin-top:0px;
background: url(tlo-pasek.png);
}

#header-zasieg {
width: 989px;
height: 1330px;
background: #ffffff;
float: center;
margin-top:0px;
background: url(tlo-pasek.png);
}

#ikony {
width: 250px;
height: 200px;
float: center;
margin-top:20px;
margin-left:445px;
background: #ffffff;
font-size: 8pt;
font-family: 'Tachoma',sans-serif;
color: #56575a;
}

#mapka {
width: 250px;
height: 200px;
float: center;
margin-top:-370px;
margin-left:445px;
background: #ffffff;
font-size: 8pt;
font-family: 'Tachoma',sans-serif;
color: #56575a;
}

#niebieski {
width: 282px;
height: 203px;
float: left;
background: url(niebieski.png);
margin-top:5px;
margin-left:0px;
}

#gorna {
width: 405px;
height: 150px;
float: left;
margin-top:5px;
margin-left:15px;
background: #ffffff;
font-size: 8pt;
font-family: 'Tachoma',sans-serif;
color: #5c91dd;
text-align: justify;
}

#dolna {
width: 405px;
height: 150px;
float: left;
margin-top:10px;
margin-left:5px;
background: #ffffff;
font-size: 8pt;
font-family: 'Tachoma',sans-serif;
color: #4a4a4a;
text-align: justify;
}

#gorna-index {
width: 405px;
height: 150px;
float: left;
margin-top:5px;
margin-left:15px;
background: #ffffff;
font-size: 8pt;
font-family: 'Tachoma',sans-serif;
color: #4a4a4a;
text-align: justify;
}

#dolna-index {
width: 405px;
height: 150px;
float: left;
margin-top:10px;
margin-left:5px;
background: #ffffff;
font-size: 8pt;
font-family: 'Tachoma',sans-serif;
color: #5c91dd;
text-align: justify;
}


#gorna-szeroka {
width: 690px;
height: 400px;
float: left;
margin-top:5px;
margin-left:15px;
background: #ffffff;
font-size: 8pt;
font-family: 'Tachoma',sans-serif;
color: #4A4A4A;
text-align: justify;
}

#gorna-zasieg {
width: 690px;
height: 400px;
float: left;
margin-top:5px;
margin-left:15px;
background: #ffffff;
font-size: 8pt;
font-family: 'Tachoma',sans-serif;
color: #4A4A4A;
text-align: justify;
}



#szary {
width: 405px;
height: 120px;
float: left;
margin-top:15px;
background: url(okienko-duze.png);
font-size: 8pt;
font-family: 'Tachoma',sans-serif;
color: #4a4a4a;
text-align: justify;
}

A.pozycja:LINK { font-size: 9pt;
			font-family: 'Tachoma', sans-serif;					
			color: #878889;
			font-weight: bold;
			margin-left:0px;
			margin-top:70px;
			text-decoration: none;
						 }
						 
A.pozycja:VISITED { font-size: 9pt;
			font-family: 'Tachoma', sans-serif;				
			margin-left:0px;
			font-weight: bold;
			margin-top:70px;
			color: #878889;			
			text-decoration: none }
			
A.pozycja:HOVER { font-size: 9pt;
			font-family: 'Tachoma', sans-serif;		
			margin-left:0px;
			font-weight: bold;
			margin-top:70px;
			color: #878889;			
			text-decoration: underline}

#kontakt1 {
width: 250px;
height: 200px;
float: center;
margin-top:-460px;
margin-left:400px;
background: url(okienko-kontakt1.png);
background-repeat: no-repeat;
font-size: 8pt;
text-align: center;
padding-top: 10px;
padding-left: 40px;
font-family: 'Tachoma',sans-serif;
color: #56575a;
}

#partnerzy {
width: 405px;
height: 85px;
float: left;
margin-top:15px;
margin-left:-20px;
background-repeat: no-repeat;
font-size: 8pt;
text-align: center;
padding-top: 10px;
padding-left: 20px;
font-family: 'Tachoma',sans-serif;
color: #56575a;
}

#kontakt3 {
width: 690px;
height: 85px;
float: center;
margin-top:40px;
margin-left:-45px;
background-repeat: no-repeat;
font-size: 8pt;
text-align: center;
padding-top: 10px;
padding-left: 40px;
font-family: 'Tachoma',sans-serif;
color: #56575a;
}














#red{
width: 810px;
height: 3px;
background: #960000;
float: center;
}

#white{
width: 810px;
height: 5px;
background: #FFFFFF;
float: center;
}

#red-dol{
width: 810px;
height: 3px;
background: #960000;
margin-top:0px;
margin-left:-24px;
float: left;
}

#blue{
width: 810px;
height: 6px;
background: #206DE1;
float: center;
}

#galeria {
width: 600px;
height: 150px;
float: center;
margin-top:5px;
margin-left:5px;
}

#kontakt {
width: 270px;
height: 150px;
float: center;
margin-top:5px;
margin-left:5px;

}



#opisy {
width: 350px;
height: 620px;
float: center;
margin-top:0px;
margin-left:220px;
background: #F9FAF5;
}



#loga {
width: 150px;
height: 500px;
float: left;
background: #ffffff;
margin-top:5px;
}



#header1 {
width: 810px;
height: 1160px;
background: #ffffff;
float: center;
margin-top:0px;
border-color: #960000;
}

#header2 {
width: 810px;
height: 1180px;
background: #ffffff;
float: center;
margin-top:0px;
border-color: #960000;
}

#header3 {
width: 810px;
height: 950px;
background: #ffffff;
float: center;
margin-top:0px;
border-color: #960000;
}

#header4 {
width: 810px;
height: 1031px;
background: #ffffff;
float: center;
margin-top:0px;
border-color: #960000;
}









#szary-gora {
width: 800px;
height: 25px;
float: right;
background: url(szary-gora.png);
margin-top:67px;
}



#stopka {
width: 800px;
height: 58px;
background: url(szeroki-dol.png);
margin-top:235px;
font-size: 9pt;
font-family: 'Tachoma',sans-serif;
color: #56575a; 
}

#stopka1 {
width: 800px;
height: 58px;
background: url(szeroki-dol.png);
margin-top:640px;
font-size: 9pt;
font-family: 'Tachoma',sans-serif;
color: #56575a; 
}

#stopka2 {
width: 800px;
height: 58px;
background: url(szeroki-dol.png);
margin-top:660px;
font-size: 9pt;
font-family: 'Tachoma',sans-serif;
color: #56575a; 
}

#stopka3 {
width: 800px;
height: 58px;
background: url(szeroki-dol.png);
margin-top:440px;
font-size: 9pt;
font-family: 'Tachoma',sans-serif;
color: #56575a; 
}

#stopka4 {
width: 800px;
height: 58px;
background: url(szeroki-dol.png);
margin-top:520px;
font-size: 9pt;
font-family: 'Tachoma',sans-serif;
color: #56575a; 
}

#srodek-tlo {
width: 623px;
height: 200px;
float: left;
background: #f9faf5;
margin-top:5px;
font-size: 8pt;
color: #56575a;
font-family: 'Tachoma', sans-serif;
}

#srodek-tlo1 {
width: 623px;
height: 600px;
float: left;
background: #f9faf5;
margin-top:5px;
font-size: 8pt;
color: #56575a;
font-family: 'Tachoma', sans-serif;
margin-left:0px;
}

#srodek-tlo2 {
width: 623px;
height: 320px;
float: left;
background: #fdfdfd;
margin-top:5px;
font-size: 8pt;
color: #56575a;
font-family: 'Tachoma', sans-serif;
margin-left:0px;
}

#srodek-tlo3 {
width: 623px;
height: 350px;
float: left;
background: #fdfdfd;
margin-top:5px;
font-size: 8pt;
color: #56575a;
font-family: 'Tachoma', sans-serif;
margin-left:0px;
}

#srodek-tlo4 {
width: 623px;
height: 405px;
float: left;
background: #fdfdfd;
margin-top:5px;
font-size: 8pt;
color: #56575a;
font-family: 'Tachoma', sans-serif;
margin-left:0px;
}

#zdjecie {
width: 133px;
height: 132px;
float: left;
background: #ffffff;
margin-top:30px;
margin-left:0px;

}

#witamy {
width: 180px;
height: 24px;
float: left;
margin-top:30px;
margin-left:30px;
}

#linki {
width: 150px;
height: 300px;
float: left;
margin-top:30px;
margin-left:290px;
background: #FFFFFF;
}

#witamy-opis {
width: 460px;
height: 73px;
float: left;
margin-top:7px;
margin-left:0px;
font-size: 8pt;
color: #56575a;
font-family: 'Tachoma', sans-serif;
}

#beyond {
width: 325px;
height: 146px;
float: left;
margin-left:5px;
font-size: 8pt;
color: #56575a;
font-family: 'Tachoma', sans-serif;
}

#gabinety {
width: 260px;
height: 146px;
float: left;
margin-left:20px;
font-size: 8pt;
color: #56575a;
font-family: 'Tachoma', sans-serif;

}

#pionowa {
width: 8px;
height: 185px;
float: left;
margin-left:15px;
background: url(pionowa.png);
}



A.wiecej:LINK { font-size: 8pt;
			font-family: 'Tachoma', sans-serif;					
			color: #3087CA;
			font-weight: none;
			margin-left:0px;
			margin-top:10px;
			text-decoration: none;
			 }
A.wiecej:VISITED { font-size: 8pt;
			font-family: 'Tachoma', sans-serif;				
			margin-left:0px;
			font-weight: none;
			margin-top:10px;
			color: #3087CA;
			text-decoration: none }
			
A.wiecej:HOVER { font-size: 8pt;
			font-family: 'Tachoma', sans-serif;		
			margin-left:0px;
			font-weight: none;
			margin-top:10px;
			color: #3087CA;
			text-decoration: underline}

			

			
	
	
.czarne_tlo {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.biala_tresc {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 16px solid #b30000;
	background-color: #ffffff;
	z-index: 1002;
	overflow: auto;
}
		
			

}
#blok {
width: 200px;
height: 50px;
background: #8a826b;
}

#menutop {
width: 510px;
height: 48px;
float: right;
background: url(menutop.png);
}

#menutop-1 {
width: 510px;
height: 48px;
float: right;
background: url(menutop-1.png);
}

#menutop-2 {
width: 510px;
height: 48px;
float: right;
background: url(menutop-2.png);
}

#menutop-3 {
width: 510px;
height: 48px;
float: right;
background: url(menutop-3.png);
}

#menutop-4 {
width: 510px;
height: 48px;
float: right;
background: url(menutop-4.png);
}

#menutop-5 {
width: 510px;
height: 48px;
float: right;
background: url(menutop-5.png);
}

#menustopka {
width: 510px;
height: 20px;
float: right;
margin-top:0px;
background: url(menustopka.png);
}





#wypelnienie {
width: 490px;
height: 230px;
margin-left:10px;
margin-top:10px;
margin-right:10px;
background: url(baner2.png);
}


#skrot {
width: 220px;
height: 24px;
background: url(menu-belka-red.png);
}

#mini-fulfilment {
width: 157px;
height: 59px;
float: left;
margin-left:10px;
background: url(mini-fulfilment.png);
}

#mini-lettershop {
width: 157px;
height: 59px;
float: left;
margin-left:10px;
background: url(mini-lettershop.png);
}

#mini-druk {
width: 157px;
height: 59px;
float: left;
margin-left:10px;
background: url(mini-druk.png);
}

#zdj-fulfilment {
width: 159px;
height: 83px;
float: left;
margin-left:10px;
background: url(zdj-fulfilment.png);
}

#zdj-lettershop {
width: 159px;
height: 83px;
float: left;
margin-left:10px;
background: url(zdj-lettershop.png);
}

#zdj-druk {
width: 155px;
height: 83px;
float: left;
margin-left:10px;
background: url(zdj-druk.png);
}

#opis-fulfilment {
font-size: 8pt;
color: #56575a;
font-family: 'Tachoma', sans-serif;
width: 159px;
height: 83px;
float: left;
margin-left:10px;
background: #ffffff;
}

#opis-lettershop {
font-size: 8pt;
color: #56575a;
font-family: 'Tachoma', sans-serif;
width: 159px;
height: 83px;
float: left;
margin-left:10px;
background: #ffffff;
}

#opis-druk {
font-size: 8pt;
color: #56575a;
font-family: 'Tachoma', sans-serif;
width: 159px;
height: 83px;
float: left;
margin-left:10px;
background: #ffffff;
}

#tlolewe2 {
width: 220px;
height: 20px;
margin: 0 auto 0 auto;

}

#navigation {
width: 510px;
height: 540px;
float: right;
background: #FFFFFF;
}

#navigation-zapytanie {
width: 510px;
height: 750px;
float: right;
background: #FFFFFF;
}

#navigation2 {
width: 510px;
height: 230px;
float: right;
background: #d5d5d5;
}



A.menu:LINK { font-size: 9pt;
			font-family: 'Tachoma', sans-serif;					
			color: #56575a;
			margin-left:30px;
			margin-top:50px;
			text-decoration: none;
			 }
A.menu:VISITED { font-size: 9pt;
			font-family: 'Tachoma', sans-serif;				
			margin-left:30px;
			margin-top:50px;
			color: #56575a;
			text-decoration: none }
			
A.menu:HOVER { font-size: 9pt;
			font-family: 'Tachoma', sans-serif;		
			margin-left:30px;
			margin-top:50px;
			color: #a3160f;
			text-decoration: none}
			


			
A.zobacz:LINK { font-size: 10pt;
			font-family: 'Tachoma', sans-serif;					
			color: #56575a;
			margin-left:0px;
			margin-top:10px;
			text-decoration: none;
			 }
A.zobacz:VISITED { font-size: 10pt;
			font-family: 'Tachoma', sans-serif;				
			margin-left:0px;
			margin-top:10px;
			color: #56575a;
			text-decoration: none }
			
A.zobacz:HOVER { font-size: 10pt;
			font-family: 'Tachoma', sans-serif;		
			margin-left:0px;
			margin-top:10px;
			color: #a3160f;
			text-decoration: none}
			
A.lista:LINK { font-size: 10pt;
			font-family: 'Tachoma', sans-serif;					
			color: #56575a;
			font-weight: bold;
			margin-left:0px;
			margin-top:10px;
			text-decoration: none;
			 }
A.lista:VISITED { font-size: 10pt;
			font-family: 'Tachoma', sans-serif;				
			margin-left:0px;
			font-weight: bold;
			margin-top:10px;
			color: #56575a;
			text-decoration: none }
			
A.lista:HOVER { font-size: 10pt;
			font-family: 'Tachoma', sans-serif;		
			margin-left:0px;
			font-weight: bold;
			margin-top:10px;
			color: #a3160f;
			text-decoration: none}
			
A.mail:LINK { font-size: 9pt;
			font-family: 'Tachoma', sans-serif;					
			color: #56575a;
			margin-left:0px;
			margin-top:10px;
			text-decoration: none;
			 }
A.mail:VISITED { font-size: 9pt;
			font-family: 'Tachoma', sans-serif;				
			margin-left:0px;
			margin-top:10px;
			color: #56575a;
			text-decoration: none }
			
A.mail:HOVER { font-size: 9pt;
			font-family: 'Tachoma', sans-serif;		
			margin-left:0px;
			margin-top:10px;
			color: #a3160f;
			text-decoration: none}
			
P.stopka { font-size: 10pt;
		color: #979C9F;
		font-family: 'Tachoma', sans-serif;
		text-align: left;
		margin-left:30px;
		margin-top:50px;
				}


#hr{
font-size: 9pt;
float: left;
margin-left:10px;
margin-top:20px;
background-image: url(hr1.png);
}

#opis2 {
font-size: 9pt;
color: #4d4d4d;
font-family: 'Tachoma', sans-serif;
float: left;
margin-left:10px;
margin-top:10px;
margin-right:10px;
}

P.naglowek { font-size: 10pt;
color: #af0000;
font-family: 'Tachoma', sans-serif;
text-align: left;
font-weight: bold;
margin-left:0px;
margin-top:10px;
margin-right:10px;
}
				
P.naglowek2 { font-size: 9pt;
color: #56575a;
font-family: 'Tachoma', sans-serif;
text-align: left;
font-weight: bold;
margin-left:0px;
margin-top:10px;
margin-right:10px;
}

P.naglowek3 { font-size: 10pt;
color: #56575a;
font-family: 'Tachoma', sans-serif;
text-align: left;
font-weight: bold;
margin-left:10px;
margin-top:10px;
margin-right:10px;
}
				

#fotofulfilment {
width: 159px;
height: 83px;
float: right;
margin-left:10px;

}
#opis {
font-size: 8pt;
color: #56575a;
font-family: 'Tachoma', sans-serif;
width: 490px;
height: 83px;
float: left;
margin-left:10px;
margin-top:5px;
background: #ffffff;
}

#opis3 {
font-size: 8pt;
color: #56575a;
font-family: 'Tachoma', sans-serif;
width: 330px;
height: 83px;
float: left;
margin-left:10px;
margin-top:5px;
background: #ffffff;
}

#opis4 {
font-size: 8pt;
color: #56575a;
font-family: 'Tachoma', sans-serif;
width: 490px;
height: 100px;
float: left;
margin-left:10px;
margin-top:5px;
background: #ffffff;
}

#opis-kontakt {
font-size: 8pt;
color: #56575a;
font-family: 'Tachoma', sans-serif;
width: 490px;
height: 40px;
float: left;
margin-left:10px;
margin-top:5px;
background: #ffffff;
}

#opis5 {
font-size: 8pt;
color: #56575a;
font-family: 'Tachoma', sans-serif;
width: 490px;
height: 30px;
float: left;
margin-left:10px;
margin-top:5px;
background: #ffffff;
}

#opis6 {
font-size: 7pt;
color: #56575a;
font-family: 'Tachoma', sans-serif;
width: 490px;
height: 83px;
float: left;
margin-left:10px;
margin-top:5px;
background: #ffffff;
}

P.opis { font-size: 10pt;
color: #af0000;
font-family: 'Tachoma', sans-serif;
text-align: left;
font-weight: bold;

}

P.lista { font-size: 10pt;
color: #56575a;
font-family: 'Tachoma', sans-serif;
text-align: right;
margin-left:10px;
margin-top:10px;
margin-right:30px;
}

P.wiecej { font-size: 10pt;
font-family: 'Tachoma', sans-serif;					
			color: #56575a;
			font-weight: bold;
			margin-left:0px;
			margin-top:10px;
}

#lista {
font-family: 'Tachoma', sans-serif;
width: 150px;
height: 200px;
margin-left:10px;
margin-top:10px;
background: url(tlowiecej.png);
float: left;

margin-left:10px;
margin-top:5px;

}

#druk-lista {
font-size: 8pt;
color: #56575a;
font-family: 'Tachoma', sans-serif;
width: 159px;
height: 60px;
float: left;
margin-left:10px;
background: #ffffff;
}

#firma {
font-size: 8pt;
color: #56575a;
font-family: 'Tachoma', sans-serif;
width: 490px;
height: 150px;
float: left;
margin-left:0px;
margin-right:10px;
margin-top:5px;
background: #f5f5f5;
}

P.form { font-size: 8pt;
font-family: 'Tachoma', sans-serif;					
			color: #56575a;
			font-weight: bold;
			margin-left:0px;
			margin-top:0px;
}


#materialy {
font-size: 8pt;
color: #56575a;
font-family: 'Tachoma', sans-serif;
width: 490px;
height: 220px;
float: left;
margin-left:0px;
margin-right:10px;
margin-top:5px;
background: #f5f5f5;
}


#radio {
font-size: 9pt;
color: #56575a;
font-family: 'Tachoma', sans-serif;
width: 150px;
height: 20px;
float: left;
margin-left:10px;
background: #f5f5f5;
}

#nag {
font-size: 8pt;
color: #56575a;
font-family: 'Tachoma', sans-serif;
width: 150px;
height: 20px;
float: left;
margin-left:10px;
margin-top:10px;
}

#tel {
font-size: 9pt;
color: #56575a;
font-family: 'Tachoma', sans-serif;
width: 50px;
height: 52px;
float: left;
margin-left:10px;
margin-top:10px;
background: url(tel.png);
}

#dane {
font-size: 9pt;
color: #56575a;
font-family: 'Tachoma', sans-serif;
width: 123px;
height: 70px;
float: left;
margin-left:10px;
margin-top:10px;
background: url(mapka.png);
}

#checkbox {
font-size: 9pt;
color: #56575a;
font-family: 'Tachoma', sans-serif;
width: 150px;
height: 20px;
float: left;
margin-left:10px;
background: #f5f5f5;
}

#uslugi {
font-size: 8pt;
color: #56575a;
font-family: 'Tachoma', sans-serif;
width: 490px;
height: 100px;
float: left;
margin-left:0px;
margin-right:10px;
margin-top:5px;
background: #f5f5f5;
}





ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul li {
	float: left;
	width: 10em;
	margin: 0;
	padding: 0;
}

ul a, ul a:link, ul a:visited {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0.8em 0em 1em 0.8em;
	text-decoration: none;
	font-weight: bold;
	background: transparent url("button/firma.png") no-repeat top left;
	color: #f2f2f2;
}

ul a:hover {
	background: transparent url("button/firma.png") no-repeat bottom left;
	color: #ffffff;
	padding: 0.8em 0em 1em 1e

<ul>
		<li><a href="http://www.interia.pl" title="Nasz przycisk i efekt rollover">Usługi dla biznesu</a></li>
		<li><a href="http://www.wp.pl" title="Nasz przycisk i efekt rollover">Usługi dla biznesu</a></li>
		<li><a href="http://www.onet.pl" title="Nasz przycisk i efekt rollover">O firmie</a></li>
	</ul>

#test {
width: 200px;
height: 100px;
float: center;
margin-top:-100px;
background: #960000;

}