/* botao */
.c-botao { color: #fff; font: 400 1.4em 'Roboto', sans-serif; padding: 0.5em 1em; margin: 1em auto; background-color: #0066b3; text-align: center; text-transform: uppercase; cursor: pointer;}
.c-botao:hover {background-color: #000;}

/* abas*/
.c-abas {
    position: relative;
    border-top: 1px solid #E3E4E4;
    display: inline-block;
    float: left;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 8%;
    width: 100%;
}

.c-abas .c-aba {float: left; width: 100%}
.c-abas .c-titulo {
    cursor: pointer;
    margin-bottom: 0;
    color: #000;
    display: block;
    text-align: center;
    text-transform: uppercase;
    padding: 0.4em;
    font-size: 1.6em;
    font-weight: 700;
}

.c-abas .c-titulo a { display: block;}
.c-abas .c-titulo:hover {text-decoration: none;}

.c-abas .c-cont { width: 100%; padding: 0.5em 0 0 0;}
.c-abas .c-chamada {border-top: none; padding-top: 0; margin: 0;}

.c-abas .aba-ativa .c-titulo {border-top: solid 2px #fff;}
.c-abas .aba-ativa .c-titulo {border-top: solid 2px #f84f0a;}
.tabs-2 .c-titulo {	width: 50%;}
.tabs-3 .c-titulo {	width: 33%;}
.tabs-4 .c-titulo { width: 25%;}

.tabs-2 .c-cont li,
.tabs-3 .c-cont li {
    display: inline-block;
    padding: 5px 0 5px 0;
    width: 100%;
}

.tabs-2 .c-cont li a,
.tabs-3 .c-cont li a,
.tabs-2 .c-cont li article {
    display: table-cell;
    vertical-align: middle;
    color: #000;
    text-decoration: none;
    line-height: 130%;
    font-size: 12px;
}

.tabs-2 .c-cont li a:hover,
.tabs-3 .c-cont li a:hover {
    text-decoration: underline;
}

.tabs-2 .aba2 {	position: absolute;	right: 0px;	top: 0;}
.tabs-3 .aba2 {	position: absolute;	left: 26%;	top: 0;}
.tabs-3 .aba3 {	position: absolute;	right: 0px;	top: 0}