body {
    margin: 0
}

* {
    font-family: 'Roboto';
    outline: none
}

* {
    outline: none
}

.limpar {
    clear: both
}

A:link {
    text-decoration: none
}

A:visited {
    text-decoration: none
}

A:active {
    text-decoration: none
}

A:hover {
    text-decoration: none
}

::selection {
    color: #FFF;
    background-color: #2C2F93;
}

::-moz-selection {
    color: #FFF;
    background-color: #2C2F93;
}

.font15a {
    color: #333333;
    font-size: 15px;
    font-weight: 600;
}

.font15b{
    color:#2C2F93;
    font-size: 15px;
    font-weight: 500;
}

.font15c{
    font-size: 15px;
    color:#FFFFFF;
}

.font18a {
    font-size: 18px;
    color: #333333;
}

.font18b {
    font-size: 18px;
    font-weight: 500;
    color: #333333;
}

.font18c {
    font-size: 18px;
    font-weight: bold;
    color: #777777;
    text-decoration: underline;
}

.font18d, .font18d p * {
    font-size: 18px;
    font-weight: 500;
    color: #333333;
}

.font23a {
    font-size: 23px;
    color: #FFF;
    font-weight: bold;
}

.font24a {
    color: #2C2F93;
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
}

.font30a {
    color: #333333;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
}

.font30a b {
    font-weight: bold;
}

.font30b{
    color:#2C2F93;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
    position:relative;
    display: block;
}

.font30b::after {
    content: " ";
    width: 260px;
    height: 2px;
    background-color: #2C2F93;
    position: absolute;
    bottom: -3px;
    left: 0px;
}

.font35a {
    color: #2C2F93;
    font-size: 35px;
    font-weight: bold;
    line-height: 30px;
}

.font35b{
    font-size: 35px;
    color:#2C2F93;
    font-weight: 900;
    font-style: italic;
    line-height: 35px;
}

.btn1, .btn1:focus, .btn1:hover {
    background-color: #012FA7;
    border-color: #012FA7;
    color: #FFF;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
}
.btn2, .btn2:focus, .btn2:hover {
    background-color: #D9D900;
    border-color: #D9D900;
    color: #181818;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
}

.btn3, .btn3:focus, .btn3:hover {
    background-color: #337ab7;
    border-color: #337ab7;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
}
.btn4, .btn4:focus, .btn4:hover {
    background-color: #F2F2F2;
    border-color: #F2F2F2;
    color: #333333;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.btn-top, .btn-top:hover, .btn-top:focus {
    font-size: 15px;
    color: #FFF !important;
    font-weight: 500;
}

.links-top {
    padding-top: 55px !important;
    padding-bottom: auto !important;
}

.btn-bottom, .btn-bottom:hover, .btn-bottom:focus {
    font-size: 15px;
    color: #333333 !important;
    font-weight: 500;
}

.links-bottom {
    padding-top: 55px !important;
    padding-bottom: auto !important;
}

#navbar2 .navbar-nav > li > a {
    font-size: 15px;
    font-weight: 600;
    color: #FFFFFF;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 10px;
}

#navbar2 .navbar-nav > li > a.plus::after {
    content: "+";
    margin-left: 5px;
    font-size: 10px;
    font-weight: 900;
}

#navbar2 .navbar-nav > li > a.plus:hover,
#navbar2 .navbar-nav > li > a.plus:focus {
    color: #FFFFFF;
    background-color: #181818 !important;
}

.section-conteudo {
    margin-top: 180px;
    margin-bottom: 30px;
}

.titulo-paginas {
    color: #333333;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 35px;
}

.texto-conteudo {
    font-size: 15px;
    color: #333333;
}

.vertical-align {
    display: table;
}

.vertical-align >a {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.input{
    border:2px solid #D9D900;
    color:#333333;
    background-color: #FFFFFF;
    font-size: 15px;
    font-weight: normal;
}

.input2{
    border:2px solid #337ab7;
    color:#333333;
    background-color: #FFFFFF;
    font-size: 15px;
    font-weight: normal;
}

.botao-oculto{
    display: none;
}

.section-top {
    position: absolute;
    z-index: 1000;
    width: 100%;
}

.bg-menu-top{
    background-image: url("/imgs/bg-menu-top.png");
    position: absolute;
    top:0px;
    left:0px;
    width: 100%;
    height: 180px;
    z-index: 960;
}

.texto-branco {
    color: #000 !important;
}

.img2 {
    padding-top: 75%;
    background-size: cover !important;
    margin-top: 10px;
    background-position: center;
    background-repeat: no-repeat;
}

/*----------- CONFIGURA��ES SM E MD ------------*/
@media (min-width: 767px) and (max-width: 1200px) {
    .carousel .carousel-inner .item a img {
        height: auto !important;
    }
}

/*----------- CONFIGURA��ES SM------------*/
@media (min-width: 767px) and (max-width: 992px) {

    .nav > li > a {
        padding: 5px 5px;
    }
    .section-conteudo {
        margin-top: 300px !important;
    }

}

/*----------- CONFIGURA��ES XS ------------*/
@media (max-width: 767px) {
    .carousel .carousel-inner .item a img {
        height: auto !important;
    }

    .links-top {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .list-social {
        margin: 0px;
        padding: 0px;
    }

    .list-social .li {
        float: left !important;
        width: 25%;
        height: 100px;
        display: inline;
    }
    .botao-oculto{
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
        display: inline-block;
    }

    .section-conteudo {
        margin-top: 200px !important;
    }
    .section-top{
        border-bottom: 0px !important;
    }

}

/*----------- CONFIGURA��ES BANNER ----------*/
.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

/*-----------  CALLOUT --------------*/

.bs-callout {
    padding: 5px !important;
    margin: 5px 0px 5px 0px !important;
    border-left: 4px solid #F5D76E;
    border-radius: 0px;
}

.bs-callout h2 {
    margin-top: 0px !important;
    margin-bottom: 5px !important;
}

.bs-callout p {
    font-weight: lighter;
}

.bs-callout p:last-child {
    margin-bottom: 0;
}

.bs-callout code {
    border-radius: 3px;
}

.bs-callout + .bs-callout {
    margin-top: -5px;
}

.bs-callout-default {
    border-left-color: #CCCCCC;
}

.bs-callout-default p {
    color: #333333;
    font-size: 20px;
    font-weight: bold;
}

.bs-callout-primary {
    border-left-color: #428bca;
}

.bs-callout-primary h2 {
    color: #428bca;
}

.bs-callout-success {
    border-left-color: #5cb85c;
}

.bs-callout-success h2 {
    color: #5cb85c;
}

.bs-callout-danger {
    border-left-color: #d9534f;
}

.bs-callout-danger h2 {
    color: #d9534f;
}

.bs-callout-warning {
    border-left-color: #E7A712;
}

.bs-callout-warning h2 {
    color: #263341;
}

.bs-callout-info {
    border-left-color: #F5D76E;
}

.bs-callout-info h2 {
    color: #263341;
}

*[data-src], *[href] {
    cursor: pointer;
}

/*STYLE MAPA DOS REPRESENTANTES*/
#map {
    display: none;
}

#map .state {
    cursor: pointer;
}

#map .state .shape {
    cursor: pointer;
    -width: 0;
}

#map .state .label_icon_state {
    fill: #fff;
    font-family: Arial;
    font-size: 11px;
    line-height: 12px;
    font-weight: normal;
}

#map .state .label_state {
    display: none;
    font-family: Arial;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
}

#map .state:hover .label_state,
#map .state.hover .label_state {
    display: block;
}

#map .model-green .state .shape {
    fill: #56AAFF;
}

#map .model-green .state .shape.active {
    fill: #2C2F93;
}

#map .model-green .state .icon_state {
    fill: #333333;
}

#map .model-green .state .label_icon_state {
    fill: #fff;
}

#map .model-green .state .label_state {
    fill: #666;
}

/*#map .model-green .state:hover .shape,*/
/*#map .model-green .state.hover .shape {*/
    /*fill: #A7A9AC;*/
/*}*/

#map .model-green .state:hover .icon_state,
#map .model-green .state.hover .icon_state {
    fill: #5a95ce;
}

#map .model-orange .state .shape {
    fill: #fd7132;
}

#map .model-orange .state .icon_state {
    fill: #ff6600;
}

#map .model-orange .state .label_icon_state {
    fill: #fff;
}

#map .model-orange .state .label_state {
    fill: #666;
}

#map .model-orange .state:hover .shape,
#map .model-orange .state.hover .shape {
    fill: #c93f04;
}

#map .model-orange .state:hover .icon_state,
#map .model-orange .state.hover .icon_state {
    fill: #333333;
}

#map .model-darkgreen .state .shape {
    fill: #366823;
}

#map .model-darkgreen .state .icon_state {
    fill: #2779c6;
}

#map .model-darkgreen .state .label_icon_state {
    fill: #fff;
}

#map .model-darkgreen .state .label_state {
    fill: #666;
}

#map .model-darkgreen .state:hover .shape,
#map .model-darkgreen .state.hover .shape {
    fill: #4a8c31;
}

#map .model-darkgreen .state:hover .icon_state,
#map .model-darkgreen .state.hover .icon_state {
    fill: #5a95ce;
}