#nav,#nav ul {
  margin: 0;
  padding: 0;
	padding-top:6px;  
  height:36px;
  list-style-type: none;
  list-style-position: outside;
  position: relative;
  line-height: 1.5em;
  text-align: left;
  font-size: 12px;
  font-family: Arial, Helvetica;
  font-weight: bold;
  background-color: #716c56;
  
}

/* 
[DOPASKOWANIE SZEROKOŚCI MENU]
Za pomocą padding-??? ustawiasz szerokość podświetlanej pozycji
w menu. W ten sposób możesz dopasować szerokość menu w pasku.*/
#nav a {
  display: block;
  padding-top: 5px;
  padding-bottom: 6px;
  padding-left: 30px;
  padding-right: 30px;
  border: 0px solid red;
  color: #fefefe;
  text-decoration: none;
  background-color: #484431;
  text-align: left;
}

#nav a:hover {
  /*background: url(/../images/menu_bg.gif) repeat-x left top #dec970;*/
  background: #dec970;
  color: #484431;
}

#nav li {
  float: left;
  position: relative;
  border:0px solid red;
}

#nav > li {
	width:20%;
}
#nav > li a {
	text-align:center;
	}
#nav ul {

  position: absolute;
  display: none;
  width: 12em;
  top: 1.5em;
  background-color: #484431;
}

#nav li ul {
  margin-top: 12px;
  /*
  border-left: 4px solid #716c56;
  border-right: 14px solid #716c56;*/
}

#nav li ul a {
  width: 12em;
  height: auto;
  float: left;
  text-align:left;
}

#nav ul ul {
  top: auto;
}

#nav li ul ul {
  left: 12em;
  margin: 0px 0 0 10px;
}

#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li:hover ul ul ul ul {
  display: none;
}

#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li li li li:hover ul
  {
  display: block;
}