   <STYLE TYPE="text/css">
<!--

    .abas {
    position: relative;
    width: 25px;
    }

    .aba {
    display: inline;
    }

    .aba > a {
    float: center;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;

    background-image: linear-gradient(to right, #F0FFFF, #f0f0f0, #7AC5CD);

    border-width: 1px;
    border-style: solid;
    border-color: #000099 #000099 #000099 #000099;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;

    display:block;

    }

    .aba:not(:target) a {
    }
    .aba:target a, a:hover {
    background: #000099;

    }

    .conteudo {
    position: absolute;
    left: 0;
    top: calc(2em + 3px); /* altura do link + bordas */
    z-index: -1;
    border: 1px solid #CCC;
    background-color: white;
    }

    .aba:target .conteudo {
    z-index: -1;
    }

-->
</STYLE>
