#top-menu { list-style: none; margin: 0; padding: 0; position: absolute; right: 0; top: 40px; }
	#top-menu li { display: block; float: left; }
	#top-menu a { display: block; float: left; text-indent: -9999px; height: 37px; margin-left: 25px; overflow: hidden; }
	
	#tm1 a {
		background: url("/svg/top_menu.svg?text=Oferta&text2=Oferta&format=png") no-repeat top left;
		width: 54px;
	}
	#tm1 a:hover, #tm1 a:focus, #tm1 a.active {
		background: url("/svg/top_menu_hover.svg?text=Oferta&format=png&text2=Oferta") no-repeat top left;
	}
	
	#tm2 a {
		background: url("/svg/top_menu.svg?text=O nas&text2=O nas&format=png") no-repeat top left;
		width: 49px;
	}
	#tm2 a:hover, #tm2 a:focus, #tm2 a.active {
		background: url("/svg/top_menu_hover.svg?text=O nas&format=png&text2=O nas") no-repeat top left;
	}
	
	#tm3 a {
		background: url("/svg/top_menu.svg?text=Realizacje&text2=Realizacje&format=png") no-repeat top left;
		width: 74px;
	}
	#tm3 a:hover, #tm3 a:focus, #tm3 a.active {
		background: url("/svg/top_menu_hover.svg?text=Realizacje&format=png&text2=Realizacje") no-repeat top left;
	}
	
	#tm4 a {
		background: url("/svg/top_menu.svg?text=Aktualności&text2=Aktualności&format=png") no-repeat top left;
		width: 85px;
	}
	#tm4 a:hover, #tm4 a:focus, #tm4 a.active {
		background: url("/svg/top_menu_hover.svg?text=Aktualności&format=png&text2=Aktualności") no-repeat top left;
	}
	
	#tm5 a {
		background: url("/svg/top_menu.svg?text=Case studies&text2=Case studies&format=png") no-repeat top left;
		width: 88px;
	}
	#tm5 a:hover, #tm5 a:focus, #tm5 a.active {
		background: url("/svg/top_menu_hover.svg?text=Case studies&format=png&text2=Case studies") no-repeat top left;
	}
	
	#tm6 a {
		background: url("/svg/top_menu.svg?text=Praca&text2=Praca&format=png") no-repeat top left;
		width: 48px;
	}
	#tm6 a:hover, #tm6 a:focus, #tm6 a.active {
		background: url("/svg/top_menu_hover.svg?text=Praca&format=png&text2=Praca") no-repeat top left;
	}
	
	#tm7 a {
		background: url("/svg/top_menu.svg?text=FAQ&text2=FAQ&format=png") no-repeat top left;
		width: 40px;
	}
	#tm7 a:hover, #tm7 a:focus, #tm7 a.active {
		background: url("/svg/top_menu_hover.svg?text=FAQ&format=png&text2=FAQ") no-repeat top left;
	}
	
	#tm8 a {
		background: url("/svg/top_menu.svg?text=Kontakt&text2=Kontakt&format=png") no-repeat top left;
		width: 62px;
	}
	#tm8 a:hover, #tm8 a:focus, #tm8 a.active {
		background: url("/svg/top_menu_hover.svg?text=Kontakt&format=png&text2=Kontakt") no-repeat top left;
	}
	

	#footer-menu { list-style: none; margin: 0; padding: 0; }
	#footer-menu li { display: block; float: left; }
	#footer-menu a { display: block; float: left; text-indent: -9999px; height: 37px; margin-left: 25px; overflow: hidden; }
	
	#fm1 a {
		background: url("/svg/footer.svg?text=Sklepy internetowe&text2=Sklepy internetowe&format=png") no-repeat top left;
		width: 105px;
	}
	#fm1 a:hover, #fm1 a:focus, #fm1 a.active   {
		background: url("/svg/footer_hover.svg?text=Sklepy internetowe&format=png&text2=Sklepy internetowe") no-repeat top left;
	}
	
	#fm2 a {
		background: url("/svg/footer.svg?text=Serwisy korporacyjne&text2=Serwisy korporacyjne&format=png") no-repeat top left;
		width: 114px;
	}
	#fm2 a:hover, #fm2 a:focus, #fm2 a.active   {
		background: url("/svg/footer_hover.svg?text=Serwisy korporacyjne&format=png&text2=Serwisy korporacyjne") no-repeat top left;
	}
	
	#fm3 a {
		background: url("/svg/footer.svg?text=Użyteczność&text2=Użyteczność&format=png") no-repeat top left;
		width: 74px;
	}
	#fm3 a:hover, #fm3 a:focus, #fm3 a.active   {
		background: url("/svg/footer_hover.svg?text=Użyteczność&format=png&text2=Użyteczność") no-repeat top left;
	}
	
	#fm4 a {
		background: url("/svg/footer.svg?text=Dostępność&text2=Dostępność&format=png") no-repeat top left;
		width: 70px;
	}
	#fm4 a:hover, #fm4 a:focus, #fm4 a.active   {
		background: url("/svg/footer_hover.svg?text=Dostępność&format=png&text2=Dostępność") no-repeat top left;
	}
	
	#fm5 a {
		background: url("/svg/footer.svg?text=Portfolio&text2=Portfolio&format=png") no-repeat top left;
		width: 56px;
	}
	#fm5 a:hover, #fm5 a:focus, #fm5 a.active   {
		background: url("/svg/footer_hover.svg?text=Portfolio&format=png&text2=Portfolio") no-repeat top left;
	}
	
	#fm6 a {
		background: url("/svg/footer.svg?text=Kontakt&text2=Kontakt&format=png") no-repeat top left;
		width: 52px;
	}
	#fm6 a:hover, #fm6 a:focus, #fm6 a.active   {
		background: url("/svg/footer_hover.svg?text=Kontakt&format=png&text2=Kontakt") no-repeat top left;
	}
	

	#shortcuts a { display: block; float: left; text-indent: -9999px; overflow: hidden; height: 15px !important; }
	
	#sm1 a {
		background: url("/svg/shortcut.svg?text=Strona główna&format=png") no-repeat left bottom;
		width: 69px;
	}
	#sm1 a:hover, #sm1 a:focus, #sm1 a.active   {
		background: url("/svg/shortcut_hover.svg?text=Strona główna&format=png") no-repeat left bottom;
	}
	
	#sm2 a {
		background: url("/svg/shortcut.svg?text=Mapa strony&format=png") no-repeat left bottom;
		width: 60px;
	}
	#sm2 a:hover, #sm2 a:focus, #sm2 a.active   {
		background: url("/svg/shortcut_hover.svg?text=Mapa strony&format=png") no-repeat left bottom;
	}
	
	#sm3 a {
		background: url("/svg/shortcut.svg?text=Kontakt&format=png") no-repeat left bottom;
		width: 40px;
	}
	#sm3 a:hover, #sm3 a:focus, #sm3 a.active   {
		background: url("/svg/shortcut_hover.svg?text=Kontakt&format=png") no-repeat left bottom;
	}