/* Referência: http://neosite.ilogic.com.br/link/http://www.spiffycorners.com/ */

.caixa_redonda{display:block}

.caixa_redonda *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:black/*#033570*/}

.caixa_redonda1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #92a8c1;
  border-right:1px solid #92a8c1;
  background:#426793}

.caixa_redonda2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #e5eaf0;
  border-right:1px solid #e5eaf0;
  background:#325b8b}

.caixa_redonda3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #325b8b;
  border-right:1px solid #325b8b;}

.caixa_redonda4{
  border-left:1px solid #92a8c1;
  border-right:1px solid #92a8c1}

.caixa_redonda5{
  border-left:1px solid #426793;
  border-right:1px solid #426793}

.caixa_redondafg{
  background:black/*#033570*/}

 /* Exemplo utilização 

<div>
  <b class="caixa_redonda">
  <b class="caixa_redonda1"><b></b></b>
  <b class="caixa_redonda2"><b></b></b>
  <b class="caixa_redonda3"></b>
  <b class="caixa_redonda4"></b>
  <b class="caixa_redonda5"></b></b>

  <div class="caixa_redondafg">
    <!-- content goes here -->
  </div>

  <b class="caixa_redonda">
  <b class="caixa_redonda5"></b>
  <b class="caixa_redonda4"></b>
  <b class="caixa_redonda3"></b>
  <b class="caixa_redonda2"><b></b></b>
  <b class="caixa_redonda1"><b></b></b></b>
</div>

*/