/** Uso ***************************
<div id="caja">
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
texto
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</div>
**********************************/

tr .caja { 
  background: #336799
}

b.rtop, b.rbottom {
  display:block;
  background: #FFFFFF
}

b.rtop b, b.rbottom b {
  display:block;
  height: 1px; 
  overflow: hidden; 
  background: #336799
}

b.r1{
  margin: 0 5px
}

b.r2{
  margin: 0 3px
}

b.r3{
  margin: 0 2px
}

b.rtop b.r4, b.rbottom b.r4{
  margin: 0 1px;height: 2px
}