/* CSS style */

#menu {
  width:794px;
  height:43px;
  background:url(../pics/menu-back.jpg) repeat-x;
  margin:0 auto;

}
  /* remove the list style */
#nav {
  margin:0; 
	padding:0; 
	list-style:none;
}	
	
	/* make the LI display inline */
	/* it's position relative so that position absolute */
	/* can be used in submenu */
#nav li {
	float:left; 
	display:block; 
  position:relative;
	z-index:500; 
	margin:0 0px;
	background:#0b1d27;
}
#nav li.prvy {
  width:140px;
  background:transparent;
}
#nav li.druhy {
  width:162px;
  background:transparent; 
}
#nav li.treti {
  width:162px;
  background:transparent; 
}
#nav li.stvrty {
  width:97px;
  background:transparent; 
}
#nav li.piaty {
  width:66px;
  background:transparent;  
}
#nav li.siesty {
  width:85px;
  background:transparent; 
}
#nav li.siedmy {
  width:82px;
  background:transparent; 
}
a.button {
  font: 15px Arial,Tahoma,Helvetica,sans-serif; 
	color:#014a79; 
  text-decoration:none; 
	padding:13px 0px 0px 0px;   
	text-align:center;
	display:block;
	height:30px;
}
a.button:hover {
  color:#fff;
  background:url(../pics/menu-hover.jpg) repeat-x;
}
	/* this is the parent menu */
#nav li a {
	display:block; 		
}
a.submenu {
  font:11px Arial,Tahoma,Helvetica,sans-serif;
  display:block;
  height:20px;
  padding: 6px 0px 0px 8px;    
  color:#fff;
  text-decoration: none;
}
a.submenu:hover {
  color:#0b1d27;
  background:#d5e9f2;
}
/*
#nav li a:hover {
color:red;
background:yellow;
}
	
/* you can make a different style for default selected value */
#nav a.selected {
	color:#f00;
}
	
/* submenu, it's hidden by default */
#nav ul {
	position:absolute; 
	left:0; 
	display:none; 
	margin:0 0 0 0px; 
	padding:0; 
	list-style:none;
}
		
#nav ul li {
	width:162px; 
	float:left; 
	border-bottom:1px solid #fff;
	text-align:left;
}
		
/* display block will make the link fill the whole area of LI */
#nav ul a {
	display:block;  
			
}
	
#nav ul a:hover {
	text-decoration:none;	
}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
	margin:0 0 0 0px;
}