#fancymenu {
	position: relative;
	height: 20px;
	width: 600px;
	padding: 0px 5px 0px 5px;
	margin: 0;
	overflow: hidden;
	background-color:#ccccff;
	
}
  
#fancymenu ul {
padding: 0;
margin: 0;
}

#fancymenu ul li a span {
padding: 0 7px;
}
  
/* Don't apply padding here (offsetWidth will differ in IE)
If you need padding add it to the child anchor */
#fancymenu ul li {
float: left;
list-style: none;
}
  
#fancymenu ul li a {
text-indent: -500em;
z-index: 10;
display: block;
float: left;
height: 20px;
position: relative;
overflow: hidden;
padding: 0 1px 0 1px;
border-right: 1px solid #ffffff;
}

#fancymenu .border_bonus {
border-left: 1px solid #ffffff;
}


#menu_ab a {
width: 20px;
background: url('letras/a.png') no-repeat center;
}
   
#menu_bc a {
width: 20px;
background: url('letras/b.png') no-repeat center;
}
  
#menu_cd a {
width: 20px;
background: url('letras/c.png') no-repeat center;
}

#menu_de a {
width: 20px;
background: url('letras/d.png') no-repeat center;
}

#menu_ef a {
width: 20px;
background: url('letras/e.png') no-repeat center;
}

#menu_fg a {
width: 20px;
background: url('letras/f.png') no-repeat center;
}

#menu_gh a {
width: 20px;
background: url('letras/g.png') no-repeat center;
}

#menu_hi a {
width: 20px;
background: url('letras/h.png') no-repeat center;
}

#menu_ij a {
width: 20px;
background: url('letras/i.png') no-repeat center;
}
#menu_jk a {
width: 20px;
background: url('letras/j.png') no-repeat center;
}

#menu_kl a {
width: 20px;
background: url('letras/k.png') no-repeat center;
}

#menu_lm a {
width: 20px;
background: url('letras/l.png') no-repeat center;
}

#menu_mn a {
width: 20px;
background: url('letras/m.png') no-repeat center;
}

#menu_no a {
width: 20px;
background: url('letras/n.png') no-repeat center;
}

#menu_op a {
width: 20px;
background: url('letras/o.png') no-repeat center;
}

#menu_pq a {
width: 20px;
background: url('letras/p.png') no-repeat center;
}

#menu_qr a {
width: 20px;
background: url('letras/q.png') no-repeat center;
}

#menu_rs a {
width: 20px;
background: url('letras/r.png') no-repeat center;
}

#menu_st a {
width: 20px;
background: url('letras/s.png') no-repeat center;
}

#menu_tu a {
width: 20px;
background: url('letras/t.png') no-repeat center;
}

#menu_uv a {
width: 20px;
background: url('letras/u.png') no-repeat center;
}

#menu_vw a {
width: 20px;
background: url('letras/v.png') no-repeat center;
}

#menu_wx a {
width: 20px;
background: url('letras/w.png') no-repeat center;
}

#menu_xy a {
width: 20px;
background: url('letras/x.png') no-repeat center;
}

#menu_yz a {
width: 20px;
background: url('letras/y.png') no-repeat center;
}

#menu_za a {
width: 20px;
background: url('letras/z.png') no-repeat center;
}


#fancymenu .background .left {
height: 20px;
 /* margin-right: 9px; 7px is the width of the rounded shape border: 1px solid #546e88; */

}

#fancymenu li.background {
background: url('fancymenu_bg.png');
z-index: 8;
position: absolute;
visibility: hidden;
}