<ul class="h7">
  <li><span><a href="/" class="cufon" >მთავარი</a></span></li>
  <li><span><a href="/">კატეგორია</a></span></li>
  <li><span><a href="/">კატეგორია</a></span></li>
  <li><span><a href="/">კატეგორია</a></span></li>
  <li><span><a href="/">კატეგორია</a></span></li>
  <li><span><a href="warez.geoo.in">ესტუმრეთ</a></span></li>  
  </ul>

.h7 {font-family: BPGSquareMtavruli; float: left; list-style: none; margin: 5px 62px 0 0; padding: 0; }
.h7 li {font-family: BPGSquareMtavruli; display: inline; background: url(http://kaspi.ucoz.com/htm/horizontal-menu/h6.gif) no-repeat 0 -36px; padding-left: 16px; height: 36px; font-size: 14px; display: block; float: left; margin-right: 9px; }
.h7 li:hover {font-family: BPGSquareMtavruli; background-position: 0 0; -webkit-transition: all 0.3s ease-in-out; }
.h7 li span {font-family: BPGSquareMtavruli; background: url(http://kaspi.ucoz.com/htm/horizontal-menu/h6.gif) no-repeat right -36px; height: 36px; display: block; float: left; }
.h7 li span:hover {font-family: BPGSquareMtavruli; background-position: right top; -webkit-transition: all 0.3s ease-in-out; }
.h7 li a {font-family: BPGSquareMtavruli; height: 36px; display: block; float: left; margin-left: -16px; color: #4b4b4b; line-height:34px; padding: 0 13px 0 13px; }
.h7 li a:hover {font-family: BPGSquareMtavruli; color: #FFF; text-shadow: 1px 1px 0 #1a5e79; -webkit-transition: all 0.3s ease-in-out; }