.sitemap ul{
    list-style:none;
    padding-left:20px;
    margin:0
}
.sitemap ul>li{
    border-left:solid #233a7a 1px;
    padding-left:15px
}
.sitemap ul>li>a{
    display:inline-block;
/*    max-width:500px;*/
    padding:5px 10px;
    background:#009ddc;
    color:#fff;
    text-decoration:none;
    border-radius:4px;
    text-overflow:ellipsis;
    margin:5px 0;
    -webkit-box-shadow:0 0 1px 0 rgba(0,0,0,0.2);
    box-shadow:0 0 1px 0 rgba(0,0,0,0.2);
    position:relative
}
.sitemap ul>li>span{
   display:inline-block;
/*    max-width:500px;*/
   padding:5px 10px;
   background:#009ddc;
   color:#fff;
   text-decoration:none;
   border-radius:4px;
   text-overflow:ellipsis;
   margin:5px 0;
   -webkit-box-shadow:0 0 1px 0 rgba(0,0,0,0.2);
   box-shadow:0 0 1px 0 rgba(0,0,0,0.2);
   position:relative
}
@media (min-width: 1280px) {
   .sitemap ul>li>a:hover{
      -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.5);
      box-shadow:0 0 5px 0 rgba(0,0,0,0.5)
  }   
}
.sitemap ul>li>a:before{
    content:"";
    position:absolute;
    left:-15px;
    top:50%;
    margin-top:-1px;
    height:1px;
    width:15px;
    background:#233a7a
}
.l0bg{
    background-color:#233a7a !important
}
.l1bg{
    background-color:#0275d8 !important
}
.l2bg{
    background-color:#5cb85c !important
}
.l3bg{
    background-color:#f0ad4e !important
}
.l4bg{
    background-color:#FFCC00 !important
}
.l5bg{
    background-color:#984DFF !important
}