/*HORIZOTAL MENU*/

#menu {
  list-style: none;
  padding: 0px;
  margin: 0px;
  width: 677px;
  height: 117px;
  float:right;
}

#menu ul{
		margin:0px;padding:0px;	float:left;	width:100%;
		}
#menu li{
		border-right:0px solid #999999;
		float:left;
		display:block;
		padding:0px;
		margin:0px;
		width:109px;
		}

#menu a {
  display: block;
  text-indent: -9999px;
  outline: none;
}

#menu .portfolio {
  width: 109px;
  height: 117px;
  background: url(images/menu.jpg) 0px 0px no-repeat;
  padding:0px; margin:0px;
}

#menu .portfolio:hover {
  background: url(images/menu.jpg) 0px -117px no-repeat;
}

#menu .portfolioActive {
  width: 109px;
  height: 117px; 
  background: url(images/menu.jpg) 0px -117px no-repeat;
   padding:0px; margin:0px;
}

#menu .analiza_sylwetki {
  width: 109px;
  height: 117px;
  background: url(images/menu.jpg) -109px 0px no-repeat;
   padding:0px; margin:0px;
}

#menu .analiza_sylwetki:hover {
  background: url(images/menu.jpg) -109px -117px no-repeat;
}

#menu .analiza_sylwetkiActive {
  width: 109px;
  height: 117px; 
  background: url(images/menu.jpg) -109px -117px no-repeat;
   padding:0px; margin:0px;
}

#menu .analiza {
  width: 109px;
  height: 117px;
  background: url(images/menu.jpg) -218px 0px no-repeat;
   padding:0px; margin:0px;
}

#menu .analiza:hover {
  background: url(images/menu.jpg) -218px -117px no-repeat;
}

#menu .analizaActive {
  width: 109px;
  height: 117px; 
  background: url(images/menu.jpg) -218px -117px no-repeat;
   padding:0px; margin:0px;
  
} 

#menu .przeglad {
  width: 109px;
  height: 117px;
  background: url(images/menu.jpg) -327px 0px no-repeat;
   padding:0px; margin:0px;
}

#menu .przeglad:hover {
  background: url(images/menu.jpg) -327px -117px no-repeat;
}

#menu .przegladActive {
  width: 109px;
  height: 117px; 
  background: url(images/menu.jpg) -327px -117px no-repeat;
   padding:0px; margin:0px;
  }

#menu .zakupy {
  width: 109px;
  height: 117px;
  background: url(images/menu.jpg) -436px 0px no-repeat;
   padding:0px; margin:0px;
}

#menu .zakupy:hover {
  background: url(images/menu.jpg) -436px -117px no-repeat;
}

#menu .zakupyActive {
  width: 109px;
  height: 117px; 
  background: url(images/menu.jpg) -436px -117px no-repeat;
   padding:0px; margin:0px;
  }
#menu .cennik {
  width: 132px;
  height: 117px;
  background: url(images/menu.jpg) -545px 0px no-repeat;
   padding:0px; margin:0px;
}

#menu .cennik:hover {
  background: url(images/menu.jpg) -545px -117px no-repeat;
}

#menu .cennikActive {
  width: 132px;
  height: 117px; 
  background: url(images/menu.jpg) -545px -117px no-repeat;
   padding:0px; margin:0px;
  }
  
#menu li.active {
		background-position: 0px -118px;
		}