/*inicio do estilo geral*/
*{
    padding: 0;
    margin: 0;
    border:0;
    line-height: initial;
    outline: none !important;
    text-decoration: none !important;   
}
body{
    background: url('../img/bg-principal.png') !important;
}

.title-default-great h2{
    color: var(--corSecundaria);    
    font:22px 'Oswald-Medium';
    padding-top: 10px;
    text-transform: capitalize;
}
.title-default-great{
    width: 100%;
    height: 54px;   
    background: var(--corPrimaria);    
}
.volta-desktop{
    display: block;
}
.volta-mobile{
    display: none;
}
.bg-white{
    background-color: #fff !important;
    display: table;
    padding: 10px;
}
.nav-titulo{    
    top: 0px !important;
    width: 100%;
    display: table;
    margin: 0 auto;
    position: absolute;
}
.active a{
    color: #0071AF !important
}
/*TOPO*/
.logo-capsmar{
    transition: .5s all ease;
}
.logo-capsmar:hover{
    filter:drop-shadow(-15px 15px 3px rgba(0,0,0,0.3));
    transform: scale(1.07);
}
.topo{
    background: var(--corSecundaria);
    padding-bottom: 10px
}
.hamburger{
    display: none !important;
}
.topo-mobile{
    display: none;
    width: 100%;
    position: fixed;    
    background: transparent;
    height: auto;
    box-shadow: 0px 0px 8px 0px #ccc;
}

/*CAROUSEL RODAPE*/
.bg-principal{
    background: #fff;
    padding: 30px;
    margin-bottom: 20px;
}
.carousel-rodape .nav-titulo{
    display: none;
}
.padding-img{
    filter: grayscale(100%);
    padding-left: 10px;
    padding-right: 10px;
    transition: 0.3s all ease;        
}
.padding-img:hover{
    filter: grayscale(0%);
}
/*RODAPE*/
.rodape{
    margin-top: 20px;
    border-top: 1px solid #000
}
.rodape span{
    font: 16px 'Montserrat-Light';    
}
.social p{
    font: 16px 'Montserrat-Light';
    float: right;
}
.social a{
    float: right;
    top: -10px;
    position: relative;
    margin-left: 10px;    
}
.links{
    float: left;    
}
.links span{
    font: 22px 'Oswald-Regular';
}
.links a:hover{
    color: var(--corPrimaria);
}
.links a{
    display: table;
    font: 16px 'Montserrat-Light';        
    margin-top: 12px;
    color: #696969;
    transition: .3s all ease;
}
.links div{
    margin-top: 10px;
}
/*ESTILO FONTES E BOTAO*/
h1,
h2{
    color: var(--corPrimaria);
    font-family: 'Oswald-Regular';
    font-size: 36px;
    padding: 0;
    margin: 0 auto;
    display: table;
}
h3{
    color: #ffffff;
    font-family: 'Calibri-Bold';
    font-size: 20px;
    padding: 0;
}
h3:after {
    content:"";
    width:41px;
    height:2px;
    background: var(--corSecundaria);
    display:table;
}
h4{
    color: var(--corPrimaria);
    font-family: 'Calibri-Light';
    font-size: 14px;
    padding: 0;
}
.gallery_product h2{
    margin: 0;
    color: #3d4040;
    font:35px 'Oswald-Regular'
}

.gallery_product p{
    font-family: 'Oswald-Light';
    color: #9b9b9b;
    font-size: 18px;
}

.gallery_product a{
    font-family: 'Calibri-Bold';
    color: var(--corPrimaria);
    font-size: 18px;
    display: table;
}
.estilo-span{
    font:22px 'Oswald-Regular';
    color: #5B5B5B;    
}
.estilo-p{
    font:16px 'Oswald-Light';
    color: #8F8F8F;    
    margin-top: 15px;
    text-align: justify
}
.btn_busca{
    color: var(--corPrimaria);
    background: var(--corSecundaria);
    float: left;
    font: 22px 'Oswald-Regular';
    margin-top: 0 !important;
}
.btn-saiba-mais:hover{
    background: var(--corPrimaria);
    color: var(--corSecundaria) !important;      
}

.btn-saiba-mais{
    font: 22px 'Oswald-Regular' !important;
    color: var(--corPrimaria) !important;    
    text-align: center;
    display: block;
    margin: 22px auto;
    width: 164px;
    height: 40px;    
    cursor: pointer;    
    border: 3px solid var(--corPrimaria);
    border-radius: 25px;    
    transition: .3s all ease;
}

/*FIM FONTE E BOTAO*/

.rede-social{
    height: auto;
    display: table;
    margin-bottom: 20px;
}
.rede-social div{
    width: 38px;
    height: 38px;
    float: left;
    border-radius: 50%;
    transition: all .5s ease;
}
.rede-social img{
    padding: 0px 2px;
}
.icon-top-margin{
    margin: 2px;
}
.icon-rodape-margin{
    margin: 2px 10px;
}
.margin-top-50{
    margin-top: 50px;
}
.margin-top-20{
    margin-top: 20px;
}
.icone-facebook{
    background: url('../img/icone-facebook.png'); 
}
.icone-facebook:hover{
    background: url('../img/icone-facebook-hover.png'); 
}
.icone-googleplus{
    background: url('../img/icone-googleplus.png');
}
.icone-googleplus:hover{
    background: url('../img/icone-googleplus-hover.png');
}
.icone-twitter{
    background: url('../img/icone-twitter.png');
}
.icone-twitter:hover{
    background: url('../img/icone-twitter-hover.png');
}
.icone-youtube{
    background: url('../img/icone-youtube.png');
}
.icone-youtube:hover{
    background: url('../img/icone-youtube-hover.png');
}
.alinha-left{
    text-align: left !important;
    width: 100%;    
}
.alinha-right{
    text-align: right;
}
.alinha-center{
    display: table;
    margin: 0 auto;
}
.left{
    float: left;
}
.right{
    float: right;
}
.uppercase{
    text-transform: uppercase;
}
.nav-tabs{
    width: 50%;
}
.tab-calendario{
    margin: 0px 2px;
    border: 1px solid #f3f3f3 !important;
    height: 73px;
    border-bottom: none !important;
    border-radius: 0 !important;
    width: 85px;
    font-family: 'Oswald-Light';
    font-size: 20px;
    color: var(--corPrimaria);
}
.tab-calendario:hover{
    border-top: var(--corPrimaria) 1px solid !important;
    border-left: var(--corPrimaria) 1px solid !important;
    border-right: var(--corPrimaria) 1px solid !important;
    color: var(--corPrimaria) !important;
}
.active-tab{
    border: var(--corPrimaria) 1px solid !important;
    border-bottom: none !important;
    color: var(--corPrimaria) !important;
}
.content-calendario{
    border-top: 1px solid #f3f3f3;
    padding: 10px 0px;
}
.content-calendario p{
    text-align: justify;
    font-family: 'Calibri-Light';
    font-size: 18px;
    color: #7a7a7a;
}
.content-calendario h2{
    text-align: justify;
    color: var(--corPrimaria);
    font-size: 21px;
    font-family: 'Oswald-Light';
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}
.content-calendario h3{
    text-align: justify;
    color: var(--corSecundaria);
    font-family: 'Oswald-Light';
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
}
.content-calendario h2:after,
.content-calendario h3:after{
    display: none;
}
.background-cinza{
    background: #f3f3f3;
}
.btn-padrao{
    width: 190px;
    padding: 5px 0px;
    border: var(--corSecundaria) 2px solid;
    display: table;
    border-radius: 30px;
    background: var(--corSecundaria);
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    font-family: 'Oswald-Regular';
    font-size: 20px;
}
.btn-padrao p{
    margin: 0;
    float: left;
}
.btn-padrao > div{
    margin: 0 auto;
    display: table;
}
.btn-padrao > div > div{
    width: 34px;
    height: 8px;
    background: url('../img/spinner-1.png') repeat;
    float: left;
    position: relative;
    top: 13px;
    margin-left: 15px;
}
.btn-padrao:hover {
    background: transparent;
    color: var(--corSecundaria);
}
.btn-padrao:hover div > div{
    background: url('../img/spinner-2.png') repeat;
}
input:focus::-webkit-input-placeholder {
    color: transparent;
}
input:focus:-moz-placeholder { /* Firefox 18- */
    color: transparent;  
}
input:focus::-moz-placeholder {  /* Firefox 19+ */
    color: transparent;  
}
input:focus:-ms-input-placeholder {  
    color: transparent;  
}

textarea:focus::-webkit-input-placeholder {
    color: transparent;
}
textarea:focus:-moz-placeholder { /* Firefox 18- */
    color: transparent;  
}
textarea:focus::-moz-placeholder {  /* Firefox 19+ */
    color: transparent;  
}
textarea:focus:-ms-input-placeholder {  
    color: transparent;  
}
/*fim do estilo geral*/

/*inicio do estilo do topo do site*/
.container-topo{
    display: table;
    width: 100%;
    background: #fff/
        background-size: 100% 100%;
}
.container-topo > div{
    display: table;
    margin: 0 auto;
    padding: 10px 15px;
    margin-bottom: 10px;
}
.container-topo > div > div{
    height: auto;
}

.alinha-logo-rodape{       
    transition: .3s all ease;
}
.alinha-logo-rodape:hover{       
    filter: drop-shadow(-15px 15px 3px rgba(0,0,0,0.3));
    transform: scale(1.07);
}
.container-logo{        
    margin-top: 3px;
    margin-bottom: -13px;

}

.divBusca{
    background-color: #ffffff;
    border: 1px solid #e7e7e7;    
    width: 262px;
    height: auto;
    font-family: 'Oswald-Light' !important;
    position: relative;
    display: table;
    border-top: none;
    border-bottom: none;    
}
.btnBuscaNoticia{
    background: transparent;
    cursor: pointer;
    float: right;
}
.txtBusca{
    float:left;
    background-color:transparent;
    padding: 18px 5px;
    border:none;
    width:75%;
    font-size: 16px;
    border-radius: 30px;
}
.btnBusca{
    position: relative;
}
/*fim do estilo do topo do site*/

/*inicio do estilo do menu*/
.container-menu{
    background: #fff;
    width: 100%;
    height: auto;
    border-top: 1px solid #e7e7e7;
    padding: 15px;
}
.menu{
    display: table;
    margin: 0 auto;
    padding: 0;
}
.navbar{
    padding: 0;    
}
.navbar-nav{
    width: 100%;
}
.nav-item{
    text-align: center;
    flex-grow: 1;
}
.nav-item a{
    font-family: 'Oswald-Light';
    font-size: 16px;
    color: #000;
}
.nav-item a:hover{
    color: var(--corPrimaria)  !important;    
}
/*.active a{
    color: var(--corPrimaria) !important;
}*/
.sub-menu a{
    color: #fff !important;
}
.sub-menu a:hover{
    color: #fff !important;    
}
.nav-item i{
    float: right;
    margin-left: 2px
}
.nav-item a{
    padding:0px;
    cursor: pointer;    
}
#capsmar{
    width: 93px
}
#beneficios{
    width: 101px;
}
#capsmar i,
#beneficios i{
    position: relative;
    top: 5px;
}
.dropdown-hvr:hover .sub-menu{
    margin-top: 0;
    visibility: visible;
    opacity: 1;
}
.sub-menu{  
    position: absolute;    
    z-index: 9;     
    background: rgba(0, 101, 155, 0.65) !important;
    border-radius: 5px;    
    text-align: left;
    width: 230px;        
    visibility: hidden;
    transition: all .2s ease;
    opacity: 0;
    margin-top: -10px
}
.sub-menu li a:hover,
.sub-menu li a{
    color:  var(--corSecundaria)    
}
.sub-menu li{
    padding: 6px;
    list-style: none;
    transition: 0.3s all ease;

}
.sub-menu li:hover{
    background: rgba(0, 101, 155, 0.9); 
    padding-left: 9px;
}

/*fim do estilo do menu*/

/*inicio do estilo do rodapé*/
.container-rodape{
    width: 100%;
    background: var(--corPrimaria);
    display: table;
}
.conteudo-rodape{
    margin: 0 auto;
    display: table;
    padding-top: 20px;
    padding-bottom: 15px;
}
.container-rodape p{
    font-family: 'Calibri';
    font-size: 20px;
    color: #ffffff;

}
.container-rodape span{
    color: var(--corSecundaria);
}
.conteudo-rodape ul{
    list-style: none;
    margin-top: 20px;
    margin-bottom: 0px;
}
.conteudo-rodape li{
    padding: 5px 0px;
    line-height: initial
}
.conteudo-rodape a{
    text-decoration: none;
    color: #ffffff;
    font-family: 'Calibri';
    font-size: 18px;
}
.conteudo-rodape a:hover{
    color: var(--corSecundaria);
}
.caixa-rodape{
    margin-top: 20px;
    padding-bottom: 5px;
    display: block;
}
.caixa-rodape img{
    border: var(--corSecundaria) 1px solid;
    float: left;
}
.caixa-rodape p{
    width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
}
.caixa-rodape i{
    color: var(--corSecundaria);
}
.titulo-noticia{
    padding-left: 0px;
}
.titulo-noticia p{
    margin: 0;
}
.container-copyright{
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
}
.container-copyright > div{
    margin: 0 auto;
    display: table;
}
.container-copyright p{
    margin: 0;
}
.informa-copyright{
    padding-top: 10px;
    padding-bottom: 10px;
}
/*fim do estilo do rodapé*/

/*inicio do formulario de newsletter*/
/** formata elementos que tem backgrounds parallax **/
.bgParallax {
    color: #ffffff;
    margin: 0 auto;
    width: 100%;
    position: relative;
    min-height: 100%;
    background-position: 50% 0;
    background-repeat: repeat;
    background-attachment: fixed;
    height: auto;
    display: table;
    background-image: url(../img/parallax.png);
    background-size: 100%; 

}
/** Formata o article que vai o texto **/
.bgParallax > div {
    width: 100%;
    height: 100%;
    display: table;
    text-align: center;
    margin:0 auto;
}
.newsletter{
    margin: 0 auto;
    display: table;
    padding-top: 10px;
    padding-bottom: 10px;
}
.newsletter h2{
    display:table;
    color: #ffffff;
    font-family: 'Oswald-Regular';
    font-size: 20px;
    padding: 0;
    float: left;
}
.newsletter h2:after {
    content:"";
    width:145px;
    height:5px;
    background: var(--corSecundaria);
    display:table;
}
.newsletter font{
    font-size: 48px;
}
.divNewsletter{
    background-color:transparent;
    border: 2px solid #ffffff;
    border-radius: 30px;
    width: 100%;
    font-family: 'Adam';
    display: inline-block;
    margin-top: 15px;
    padding: 2px;
}
.txtNewsletter{
    float:left;
    background-color:transparent;
    padding-top: 8px;
    border:none;
    width:100%;
    border-radius: 30px;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    font-size: 21px;
}
.txtNewsletter::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ffffff;
    opacity: 1;
}
.txtNewsletter::-moz-placeholder { /* Firefox 19+ */
    color: #ffffff;
    opacity: 1;
}
.txtNewsletter:-ms-input-placeholder { /* IE 10+ */
    color: #ffffff;
    opacity: 1;
}
.txtNewsletter:-moz-placeholder { /* Firefox 18- */
    color: #ffffff;
    opacity: 1;
}

/*fim do formulario de newsletter*/


.container-primario{
    display: flow-root;
    width: 100%;
    padding: 10px 0;
    margin-top: 15px;
    margin-bottom: 40px;
}
.container-primario > div > p{
    font-family: 'Oswald-Light';
    font-size: 20px;
    color: #3d4040;
    text-align: justify;
    display: table;
    margin-top: 20px;
}
.container-primario > div > span{
    font-family: 'Oswald-Light';
    font-size: 30px;
    color: var(--corPrimaria);
    text-align: center;
    margin: 0 auto;
    display: table;
    margin-top: 20px;
}

/*ESTILO BENEFICIO*/
.abreBeneficio{
    cursor: pointer;
    background: var(--corPrimaria);
    background-size: 100% 100%;
    padding: 10px;
    width: auto !important;
    border-radius: 3px;
    margin-top: 5px !important;
    position: relative;
    z-index: 1;
    text-align: left;    

}
.abreBeneficio p{
    font: 16px 'Oswald-Light';
    margin: 0px;
    margin-bottom: 0px !important;
    color: #fff;
    text-align: left !important;
}
.link-esconde{
    display: none;
    padding: 15px 5px;
    border: 1px solid #dbdbdb;
    width: auto !important;
    top: -5px;
    position: relative;
    z-index: 0;
}
.link-esconde p{
    font-size: 14px !important;
    text-align: justify !important;
}
.link-esconde img{
    display: table;
    margin: 0 auto;    
    width: 70%;
}
.abreBeneficio p:before{
    content: "\f067"; 
    font-family: FontAwesome;
    padding-right: 20px;
}
.muda-status p:before{
    content: "\f068"; 
    font-family: FontAwesome;
    padding-right: 20px;
}
/*FIM DO ESTILO DE BENEFICIO*/
.no-result{
    text-align: center;
    width: 100%;
}
/*ESTILO COMISSAO*/
.menu-comissao{
    display: table;
    width: 660px;
    margin-top: -20px;
}

.menu-comissao li{
    display: inline;
    float: left;
    background-color: var(--corPrimaria);
    border:1px solid;
    color: var(--corSecundaria);
    padding: 5px 5px 3px;
    text-decoration: none;
    width: 50px;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 6px;
}

.menu-comissao ul {
    color: var(--corPrimaria);
    font-family: "Roboto-Regular";
    font-size: 16px;
    display: table;
}

.comissao-conselho{    
    width: 100%;
}

.comissao-conselho div:first-child{
    color: var(--corPrimaria);
    font-family: "Roboto-Regular";
    padding-left: 10px;    
    margin-left: 25px;    
}

.conteudo_comissao_conselho{
    display: table;
    height: auto;
    padding-bottom: 30px;
    width: 100%;
}

.conteudo_comissao_conselho ul li{
    list-style: none;
}

.conteudo_comissao_conselho ul li div ul li a{
    background: transparent url("../img/ico_folha.jpg") no-repeat scroll 0 center;
    color: #454545;
    display: table;
    font-size: 12px;
    height: auto;
    line-height: 23px;
    min-height: 23px;
    padding-left: 20px;
    text-indent: 10px;
    width: 600px;
}

.ano_comissao_conselho{
    font-family: "Roboto-Regular";
    background: var(--corPrimaria) repeat scroll 0 0;
    color:  var(--corSecundaria);
    display: table;
    font-size: 17px;
    font-weight: bold;
    min-height: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-top: 5px;
    width: 95%;
    margin: 0 auto;
    margin-bottom: -14px;
}

.mes_comissao_conselho{
    background:  var(--corPrimaria) none repeat scroll 0 0;
    font-family: "Oswald-Regular";
    color: var(--corSecundaria);
    cursor: pointer;
    display: table;
    font-size: 17px;
    font-weight: bold;
    min-height: 20px;
    padding-bottom: 5px !important;
    padding-left: 20px;
    padding-top: 5px !important;
    width: 92%;
    margin-top: 14px !important;
    margin: 0 auto;
}

.conteudo_comissao_conselho>ul{
    font-family: "Oswald-Regular";
    margin: 0;
    padding: 0;
    list-style: none;
}

.conteudo_comissao_conselho>ul>li{
    list-style: outside none none;
    margin: 0;
    padding: 0;
    margin-bottom: -10px;
}
.togglebox{
    display: none;
}
.comissao-descricao{
    background: #efefef none repeat scroll 0 0;
    color: #454545;
    display: table;
    font-family: "Oswald-Regular";
    font-size: 12px;
    font-weight: bold;
    margin:0 auto;
    min-height: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-top: 5px;
    margin-top: 14px;
    width: 95%;
    line-height: 20px;
}
.borda-grupo{
    margin: 10px;
    border: var(--corPrimaria) 1px solid;
    margin-bottom: 20px;
    background-color: #EFF3E6;
    border-radius: 5px;
    padding: 10px;
}
.borda-grupo2{
    border: var(--corPrimaria) 1px solid;    
    background-color:  var(--corSecundaria);
    border-radius: 5px;
    width: 95%;    
    margin: 10px auto 20px;
    display: none;
}
.link-comissao{
    background: var(--corPrimaria);
    padding: 5px;
    margin: 0px auto 10px!important;
    width: 99%;    
    cursor: pointer;    
    color: var(--corSecundaria);    
}
.comissao-esconde{
    display: none;
}
.comissao-abre{
    background: var(--corSecundaria);
    padding: 5px;
    margin: 0px auto !important;
    width: 95%;    
}
.titulo-comissao h3{
    color: var(--corPrimaria);
    font-family: 'Oswald-Regular';
    font-size: 22px;
    text-align: center
}
.text-album{
    text-align: center;
    font-family: 'Oswald-Regular';
}
/*FIM DO ESTILO COMISSAO*/

/*ALBUM DE FOTOS*/
.galeria:hover img{ 
    box-shadow: 0px 0px 3px 0px
}
.galeria{ 
    margin-bottom: 20px;
    float: left;
    margin-top: 20px
}
.galeria img{
    display: table;
    width: 100%;
    border-radius: 10px;
}
/*FIM ALBUM DE FOTOS*/

/*ESTILO DEPARTAMENTO*/
.abreDepartamento{
    cursor: pointer;
    background: var(--corPrimaria);
    background-size: 100% 100%;
    padding: 10px;
    width: auto !important;
    border-radius: 3px;
    margin-top: 5px !important;
    position: relative;
    z-index: 1;
    text-align: left;    
}
.abreDepartamento p{
    font: 16px 'Oswald-Light';
    margin: 0px;
    margin-bottom: 0px !important;
    color: #fff;
    text-align: left !important;
}
.link-esconde{
    display: none;
    padding: 15px 5px;
    border: 1px solid #aaa;
    width: auto !important;
    top: -5px;
    position: relative;
    z-index: 0;
}
.link-esconde p{
    font-size: 14px !important;
    text-align: justify !important;
}
.link-esconde img{
    display: table;
    margin: 0 auto;    
    width: 70%;
}
/*FIM DO ESTILO DE BENEFICIO*/
/*inicio do estilo de agencias*/
.container-agencia{
    display: table;
    padding-top: 15px;
    padding-bottom: 15px;
}
.caption-agencia{
    display: table;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    border-radius: 30px;
    border: var(--corSecundaria) 2px solid;
}
.caption-agencia img{
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.imagem-agencia{
    width: 245px;
    height: 245px;
}
.caption-detalhe{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9;
    opacity: 0;
    text-align: justify;
    padding: 40% 0px;
    cursor: pointer;
    border-radius: 30px;
    border: var(--corSecundaria) 2px solid;
}
.caption-agencia p{
    color: #ffffff;
    border: 2px solid #ffffff;
    width: auto;
    padding: 10px;
    display: table;
    margin: 0 auto;
    border-radius: 30px;
}
.caption-agencia:hover .caption-detalhe{
    opacity: 1
}
.caption-agencia:hover .imagem-agencia{
    -webkit-transition: all 3.5s linear;
    transition: all 3.5s linear;
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1);
}
.container-detalhe-agencia{
    border-radius: 30px;
    border: var(--corSecundaria) 2px solid;
}
.close i{ 
    font-size: 28px;
    color: var(--corPrimaria);
}
.modal-agencia h2{
    font-size: 25px;
    text-align: center;
    margin: 0;
}
.modal-agencia h2:after{
    content: none;
}
.modal-agencia p{
    font-family: 'Oswald-Light';
    color: var(--corPrimaria);
    margin: 0;
    font-size: 20px;
    width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
}
.modal-agencia .modal-header{
    border: 0;
}
.modal-agencia .modal-body i{
    color: var(--corSecundaria);
}
.modal-agencia hr{
    background: var(--corSecundaria);
    height: 2px;
}
.modal-body img{
    width: 100% !important;
    height: auto !important
}
/*fim do estilo de agencias*/
/*ATAS*/
.menu-ata{
    display: table;
    width: 100%;
    margin-top: 10px;
}
.menu-ata li a{
    color: var(--corSecundaria)
}
.menu-ata li{
    display: inline;
    float: left;
    background-color: var(--corPrimaria);
    border:1px solid;
    color: var(--corSecundaria);
    padding: 5px 5px 3px;
    text-decoration: none;
    width: 50px;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 6px;
    font-weight: 800;
}

.menu-ata ul {
    color: var(--corPrimaria);
    font-family: "Oswald-Light";
    font-size: 16px;
    display: table;
}

.ata{    
    float: none;
}

.ata div:first-child{
    color: var(--corPrimaria);
    font-family: "Oswald-Light";
    padding-left: 10px;    
}

.conteudo_ata{
    display: table;
    height: auto;
    padding-bottom: 30px;
    width: 100%
}

.conteudo_ata ul li{
    list-style: none;
}

.conteudo_ata ul li div ul li a{
    background: transparent url("../img/ico_folha.jpg") no-repeat scroll 0 center;
    color: #454545;
    display: table;
    font-size: 12px;
    height: auto;
    line-height: 23px;
    min-height: 23px;
    padding-left: 20px;
    text-indent: 10px;
    width: 100%;
}

.ano_ata{
    font-family: "Oswald-Light";
    background: var(--corPrimaria) repeat scroll 0 0;
    color: var(--corSecundaria);
    display: table;
    font-size: 17px;
    font-weight: bold;
    min-height: 20px;
    padding-bottom: 5px;
    padding: 5px;
    padding-top: 5px;
    width: 100%;
    margin-bottom: 0
}

.mes_ata{
    background: #ededed none repeat scroll 0 0;
    font-family: "Oswald-Light";
    color: #333 !important;
    cursor: pointer;
    display: table;
    font-size: 17px;
    font-weight: bold;
    min-height: 20px;
    padding-bottom: 5px;
    padding: 5px;
    padding-top: 5px;
    width: 100%;     
}

.conteudo_ata>ul{
    font-family: "Oswald-Light";
    margin: 0;
    padding: 0;
    list-style: none;
}

.conteudo_ata>ul>li{
    list-style: outside none none;
    margin: 0;
    padding: 0;
    margin-bottom: -10px;
}

.togglebox{
    display: none;
}
.togglebox > ul{
    padding-left: 50px !important;
    padding: 3px;
}
/*FIM ATAS*/
/*inicio do estilo de contato*/
.container-contato p{
    font-family: 'Oswald-Light';
    font-size: 20px;
    color: #3d4040
}
.container-contato{
    margin: 10px 0px;
}
.container-contato select{
    height: 50px !important
}
.container-contato input,
.container-contato select,
.container-contato textarea{
    border: var(--corPrimaria) 2px solid;
    padding: 10px;
    width:100%;
    color: var(--corPrimaria);
    text-align: left;
    font-family: 'Oswald-Light';
    font-size: 21px;
    resize: none;
}
.container-contato iframe{
    border: var(--corSecundaria) 2px solid;
    width: 100%;
    height: 88%;
}
.contato-form:focus{
    color: var(--corPrimaria);
    border-color:  var(--corPrimaria);
    box-shadow: var(--corPrimaria) 0px 0px 5px 0px ;
}
.contato-form::-webkit-input-placeholder {
    color: var(--corPrimaria);
}
.contato-form:-moz-placeholder { /* Firefox 18- */
    color: var(--corPrimaria);  
}
.contato-form::-moz-placeholder {  /* Firefox 19+ */
    color: var(--corPrimaria);  
}
.contato-form:-ms-input-placeholder {  
    color: var(--corPrimaria);  
}
.alert-danger{
    background: rgba(255,0,0,0.5);
    padding: 10px;
    width: 97% !important;
    color: #fff;
    display:none;
    margin: 0 auto;
    margin-bottom: 15px;
    text-align: center;
    border-radius: 30px;
}
.alert-success{  
    padding: 10px;
    width: 95%;
    display:none;
    color: #fff;
    background: rgba(0,255,0,0.5);
    margin: 0 auto;
    margin-bottom: 15px;
    text-align: center;
    border-radius: 30px;
}
.alert-danger-email{
    background: rgba(255,0,0,0.5);
    padding: 10px;
    width: 95%;
    color: #fff;
    display:none;
    margin: 0 auto;
    margin-bottom: 15px;
    text-align: center;
    border-radius: 30px;
}
.alert-success-email{  
    padding: 10px;
    width: 95%;
    display:none;
    color: #fff;
    background: rgba(0,255,0,0.5);
    margin: 0 auto;
    margin-bottom: 15px;
    text-align: center;
    border-radius: 30px;
}
.contato-local{
    padding: 10px 0px;
}
.contato-local p{
    width: 90%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    color: var(--corPrimaria);
}

/*fim do estilo de contato*/
/*inicio do estilo de noticia*/
.container-noticia{
    display: table;
    text-align: center;
    width: 100%;
    background: var(--corSecundaria);
}
.container-noticia > div{
    margin: 0 auto;
    padding: 10px 0px;
    height: 100%;
}
.container-noticia > div > div{
    height: auto;   
    display: inline-table;
}
.container-noticia h4{
    display: table;
    font-size: 24px;
    font-family: 'Oswald-Light';
}
.container-noticia span{
    display: table;
    font-size: 24px;
    font-family: 'Oswald-Light';
    color: #3d4040;
    margin-bottom: 30px;
    margin: 0 auto;
    text-align: center;
}
.container-noticia p{
    text-align: justify;
    font-family: 'Montserrat-Light';
}
.noticia{
    padding: 10px 0px;
}
.img-corpo img{
    display: table;
    margin: 0 auto;
    border-radius: 10px
}
.alinha-botao{
    position: relative;
    bottom: 0px;
}
.compartilha_font{
    display: block;
    float: left;
    height: auto;
    text-decoration: none !important;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
}
.compartilha_font a{
    padding: 10px;
    display: table;
    float: left;
}
.btn-wtp{
    display: none !important;
}
.img-noticia img{
    display: table;
    margin: 0 auto;
}
.link-noticia{
    width: 95%;
    margin: 0 auto;
    padding: 15px 0px;
    text-align: left;
    border-top: 1px solid #3d4040;
}
.link-noticia a{
    color: var(--corPrimaria);
}
/*fim do estilo de noticia*/
/*inicio estilo de alimentacao*/
.container-servico{
    width: 90%;
    display: table;
    margin: 0 auto;
    position: relative;
    margin-top: 45px;
}
.container-servico .informe{
    display: table;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    vertical-align: top;
}
.icon-page{
    display: table;
    height: 67px;
    width: 67px;
    border-radius: 50%;
    background: var(--corSecundaria);
    position: absolute;
    top: -30px;
    left: 33px;
    z-index: 9;
}
.icon-page img{
    position: relative;
    display: table;
    margin: 0 auto;
    top: 8px;
    width: 45px !important;
    height: 45px !important;
}
.container-servico img{
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.caption-alimentacao{
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0px;
    z-index: 9;
    opacity: 0;
    text-align: justify;
    padding: 20px;
    cursor: pointer;
}
.caption-alimentacao h2{
    font-size: 18px;
    font-family: 'Calibri-Bold';
    color: var(--corSecundaria);
    margin: 0;
}
.caption-alimentacao h2:after{
    content: none;
}
.caption-alimentacao p{
    font-family: 'Calibri-Light';
    font-size: 18px;    
    color: #ffffff;
}
.container-servico:hover .caption-alimentacao{
    opacity: 1
}
.container-servico:hover .imagem-alimentacao{
    -webkit-transition: all 3.5s linear;
    transition: all 3.5s linear;
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1);
}
.primario-detalhe .sub-titulo{
    font-size: 30px;
    font-family: 'Oswald-Regular';
}
.primario-detalhe h2{
    font-size: 35px;
    text-align: left;
    margin: 0;
}
.primario-detalhe h2:after{
    content: none;
}
.primario-detalhe p{
    font-family: 'Oswald-Light';
    color: var(--corPrimaria);
    margin: 0;
    font-size: 20px;
}
.primario-detalhe > .row{
    margin-top: 20px;
}
.primario-detalhe i{
    color: var(--corSecundaria);
}
.primario-detalhe hr{
    background: var(--corSecundaria);
    height: 2px;
}
/*fim estilo de alimentacao*/
/*inicio estilo de hospedagem*/
.servico-prestado{
    display: table;
    width: 55px;
    height: 35px;
    text-align: center;
    margin: 2px;
}
.caption-hospedagem{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: 9;
    text-align: center;
    padding: 40% 20px;
}
.caption-hospedagem h2{
    font-size: 60px;
    font-family: 'Oswald-Regular';
    color: #ffffff;
    display: table;
    width: 95%;
    text-align: center;
}
.caption-hospedagem span{
    font-size: 40px;
    font-family: 'AmaticSC-Regular';
    color: #ffffff;
    margin-bottom: 15%;
    display: table;
    text-align: right;
    width: 95%;
}
.caption-hospedagem h2:after{
    content: none;
}
.caption-hospedagem a{
    display: table;
    margin: 0 auto;
}
.filter-button{
    font-size: 13px;
    border: var(--corSecundaria) 1px solid;
    border-radius: 30px;
    text-align: center;
    color: var(--corSecundaria);
    margin: 10px 2px;
    background: #ffffff;
    line-height: 12px;
    width: auto;
    height: auto;
    padding: 6px 10px;

}
.filter-active{
    color: #ffffff;
    background: var(--corSecundaria);
    font-family: 'Oswald-Regular';
    font-size: 13px;
}
.filter-button:hover{
    color: #ffffff;
    background: var(--corSecundaria);
}
.filter-button:focus{
    box-shadow: none;
}
.port-image{
    width: 100%;
}
.gallery_product{
    margin-bottom: 30px;
}
.janeiro{
    display: block;
}
.gallery_product img{
    display: table;
    margin: 0 auto;
    width: initial !important;
}

.mostra-servico{
    height: 40px;
    overflow: hidden;
    width: 255px;
    margin-bottom: 15px;
}
.conteudo-hospedagem p{
    height: 125px;
}
/*fim estilo de hospedagem*/
/*inicio estilo de agenda*/
.caption-agenda{
    display: table;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    vertical-align: top;
}
.caption-agenda img{
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.caption-detalhe-agenda{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9;
    opacity: 0;
    text-align: justify;
    padding: 30% 0px;
    cursor: pointer;
}
.caption-detalhe-agenda p{
    color: #ffffff;
    border: 2px solid #ffffff;
    width: auto;
    padding: 10px;
    display: table;
    margin: 0 auto;
    border-radius: 30px;
    font-family: 'Calibri-Bold';
}
.caption-detalhe-agenda img{
    display: initial;
}
.caption-agenda:hover .caption-detalhe-agenda{
    opacity: 1
}
.caption-agenda:hover .imagem-agenda{
    -webkit-transition: all 3.5s linear;
    transition: all 3.5s linear;
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1);
}
/*fim estilo de agenda*/
/*******/
/*******/
/*ESTILO CAPSMAR*/

/*LICITAÇÃO, LEGISLAÇÃO, CONTAS PUBLICAS ETC*/
.prosseguir{
    border: 1px solid #000;
    padding: 10px;
}
.licitacao-img-tipo{
    display: table;
    margin:  14px auto;    
}

.licitacao:hover{
    box-shadow: 0px 0px 33px rgba(0,0,0,0.7);
}
.licitacao{
    transition: .3s all ease;
    width: 159px;
    height: 210px;
    display: table;
    margin: 0 auto;    
    margin-bottom: 20px;
    background: #EFF3E6; 
    border: 1px solid #0071AF;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: block;
    text-decoration: none;
    transition: .3s all ease;
}
.licitacao-desc{
    font-family: 'Montserrat-Light';
    text-align: center;
    color: #000;    
    font-size: 13px;
}
.licitacao-conta{
    font-family: 'Montserrat-Light';
    text-align: center;
    font-size: 13px;
}
.texto-licitacao{
    margin-bottom: 20px;
    text-align: center        
}
.all-lista-licitacao-interna > table{
    display: table;
    margin: 0 auto;
    width: 100%
}
.licitacao-numero{
    text-align: center;
    font-size: 20px
}
.decora-lista td{
    color: white;
    border-right: 1px solid black;
    background: var(--corPrimaria);
    padding: 5px;
    font-family: 'Montserrat-Light';
    font-size: 12px;
}
.text-lista td a{
    color: #000
}
.text-lista td{
    font-size: 16px;
    font-family: 'Montserrat-Light';
    border-bottom: 1px solid black;   
    padding: 10px
}
.text-lista td img{
    text-align: center;
}
/*CONTATO DO TOPO*/
.tel{
    width: 45%;
    margin-top: 20px;
    float: right
}
.local{
    width: 45%;
    margin-top: 20px;
    float: right;
}
.tel span,
.local span{
    font:13px 'Montserrat-Light';
    display: table;
    float: right;
}
/*FIM DO CONTATO DO TOPO*/
/*ALERTAS*/
.contato-campo input,
.centraliza{
    font-family: 'Oswald-Light';
}
.limpaMsg{
    color: red
}
.alert-danger{
    background-color: #f2dede;
    padding: 5px;
    width: 500px;
    border-color: #eed3d7;
    color: #b94a48;
    display:none;
    margin: 10px auto;
    margin-bottom: 15px;
}

.alert-success{  
    padding: 5px;
    width: 990px;
    display:none;
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    margin: 0 auto;
    margin-bottom: 15px;
}

/*SIC*/
.alert-danger-login{
    background-color: #f2dede;
    padding: 5px;
    width: 500px;
    border-color: #eed3d7;
    color: #b94a48;
    display:none;
    margin: 0 auto;
    margin-bottom: 15px;
}

.alert-success-login{  
    padding: 5px;
    width: 500px;
    display:none;
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    margin: 0 auto;
    margin-bottom: 15px;
}

.alert-danger-chamado{
    background-color: #f2dede;
    padding: 5px;
    width: 500px;
    border-color: #eed3d7;
    color: #b94a48;
    display:none;
    margin: 0 auto;
    margin-bottom: 15px;
}

.alert-success-chamado{  
    padding: 5px;
    width: 500px;
    display:none;
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    margin: 0 auto;
    margin-bottom: 15px;
}

.alert-danger-resp-chamado{
    background-color: #f2dede;
    padding: 5px;
    width: 500px;
    border-color: #eed3d7;
    color: #b94a48;
    display:none;
    margin: 0 auto;
    margin-bottom: 15px;
}

.alert-success-resp-chamado{  
    padding: 5px;
    width: 500px;
    display:none;
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;    
    margin: 0 auto;
    margin-bottom: 15px;
}
/*FIM DE ALERTAS*/
/*CAIXA SERVIÇO*/
.servico{
    width: 1024px;
    display: table;
    margin: -100px auto 20px;x
}
.caixa-servico span{
    font: 20px 'Oswald-Regular';
    color: #fff
}
.caixa-servico{
    width: 100%;    
    position: relative;
    z-index: 9;
    padding-left: 30px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 25px;
    transition: 0.3s all ease;
    display: inline-block;    
}
.caixa-servico img {
    display: table;
    margin: 0 auto 20px;
}
.caixa-servico i {
    float: right; 
    font-size: 26px; 
    color: #fff
}
.zera-padding{
    padding: 0 !important
}
/*FIM CAIXA SERVIÇO*/
/*SOBRE HOME*/
.sobre-home{
    width: 100%;
    height: 318px;
    background: #fff;    
    padding: 10px;
    display: table;
}
.sobre-home h2{    
    font-size: 36px;
    font-family: 'Oswald-Regular';
    color: #0071AF;
    float: left;
    display: table;
    width: 100%;
    margin-bottom: -5px;
}
.sobre-home span{
    font-size: 21px;
    font-family: 'Oswald-Regular';
    color: #424242
}
.sobre-home p{
    font-size: 20px;
    font-family: 'Oswald-Light';
    color: #8e8e8e;
    margin-top: 20px;    
    text-align: justify;
}
/*FIM SOBRE HOME*/
/*CAROUSEL HOME*/

/*INICIO DO PRELOAD DA PAGINA*/
#preloader {
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#fff; /* change if the mask should be a color other than white */
    z-index:99; /* makes sure it stays on top */
}

#loader {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally on the screen */
    top:50%; /* centers the loading animation vertically on the screen */
    background-image:url(../img/status.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}
/*EQUIPE*/
.presidente span{
    font-size: 18px;
    font-family: 'Oswald-Light';
    color: #8e8e8e;
    display: table;
    text-align: center;
    margin: 0 auto;
}
.presidente img{
    width: 100%;
    display: table;
    margin: 20px auto ;
    float: none;
    border-radius: 10px;
}
.equipe img{
    width: 100%;
    display: table;
    margin: 0 auto ;
    float: none;
    border-radius: 10px;
}
.equipe{
    display: table;
    margin: 0 auto;
}
.equipe span{
    font-size: 18px;
    font-family: 'Oswald-Light';
    color: #8e8e8e;
    display: table;
    text-align: center;
    margin: 0 auto;
    width: 100%
}
.equipe-membro{
    height: 350px;
    display: table;
    margin: 20px auto
}
/*FIM EQUIPE*/
/*ELEMENTOS MOBILE*/
.menu-produto-mobile{        
    width: 100%;    
    display: table;
    color: #fff;
}
.menu-produto-mobile li{
    display: table;    
    padding-left: 20px;
    display: block;
    text-decoration: underline;
}
.menu-produto-mobile a{
    display: table;
    cursor: pointer;
    color: #fff;    
    padding-left: 10px; 
    transition: .5s all ease;
}
.hamburger{
    display: none !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {     
    .nav-titulo{
        top: -477px
    }
}

@media screen and (max-width: 1148px){
    .form-group{
        display: table;
        margin: 10px auto;
    }
    .title-default-great{
        height: auto;
    }
    .nav-item a{
        font-size: 16px;
    }
    .icon-rodape-margin{
        margin: 2px;
    }
    .servico>div{
        display: table;
        margin: 0 auto;
    }
    .servico{
        width: 100% !important
    }
}
@media screen and (max-width: 991px){
    .img-corpo img{
        width: 90% !important
    }
    .caixa-servico{
        display: table;
        margin: 0 auto;
        width: 84%
    }
    .title-default-great h2{
        text-align: center
    }
    .alert-danger-login{
        width: 90% !important
    }
    #sic{
        margin-right: -56px;
    }
    #sic:hover{
        margin-right: -56px;
    }
    #ouvidoria{
        margin-right: -56px;
    }
    #ouvidoria:hover{
        margin-right: -56px;
    }
    .sic-prefeitura-all p{        
        padding-left: 10px;
        padding-right: 10px;        
    }
    .ouvidoria-prefeitura-all p{        
        padding-left: 10px;
        padding-right: 10px;        
    }
    .sic-captcha input,
    .sic-captcha-private input{
        display: table; 
        margin: 0 auto;
    }
    .ouvidoria-captcha input,
    .ouvidoria-captcha-private input{
        display: table; 
        margin: 0 auto;
    }
    .sic-prefeitura-all{
        box-shadow: 0px 0px 4.7px 0.3px rgba(0, 0, 0, 0.35);
    }
    .sic td,
    .sic-captcha td {
        padding-left: 0px;
    }
    .ouvidoria td,
    .ouvidoria-captcha td {
        padding-left: 0px;
    }
    .sic label,
    .sic div,
    .ouvidoria label,
    .ouvidoria div{
        padding: 0 !important;
    }
    .servico{
        margin-top: 0;
    }
    .topo-mobile{
        display: table;
        z-index: 9999;
    }
    .hamburger{
        display: table !important;
    }
    .container-menu{
        display: none;
    }
    h3{
        width: auto;
        display: table;
        margin: 0 auto;
    }
    .alinha-left,
    .conteudo-rodape,
    .alinha-right{
        text-align: center;
    }
    .caixa-rodape,
    .divBusca{
        width: 100%;
    }
    .mobile-none{
        display: none;
    }
    .rede-social{
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .container-contato iframe{
        height: 300px;
    }
    .caption-alimentacao{
        opacity: 1;
        padding: 5px;
    }
    .caption-detalhe{
        opacity: 1;
        top: auto;
        bottom: 0px;
        height: 50%;
        padding: 15%;
        border-top: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }
    .gallery_product{
        width: 95%;
        border-radius: 30px;
        border: var(--corSecundaria) 2px solid;
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 15px;
        padding: 15px;
    }

    .icon-rodape-margin{
        margin: 2px 10px;
    }
    .container-detalhe-agencia{
        margin-top: 80px;
    }
    .volta-desktop{
        display: none;
    }
    .rodape-mobile{        
        width: 100% !important;
        display: table;        
        max-width: 100%;
    }
    .alinha-logo-rodape{
        text-align: center;
        padding: 10px 0px;
    }
    .alinha-logo-rodape p{
        color: #000;
        margin: 15px 0px;
    }
    .volta-mobile{
        display: block;
    }
    .tira-topo{
        display: none;
    }
    .rodape-mobile .social p,
    .rodape-mobile .links span,
    .rodape-mobile .rodape span,
    .rodape-mobile .links a{
        color: #000;
    }
    .rodape{
        width: 100% !important;
        display: table;
        max-width: 100%;
        text-align: center;
    }
}
@media screen and (max-width: 767px){
    .g-recaptcha div{
        width: 100% !important
    }
    .g-recaptcha iframe{
        height: 150px;
    }
    .contribuir{
        float: none !important;
        width: 100% !important;
    }
    .tabela-sic{
        width: 95%;
    }
    .sic td,
    .sic-captcha td {
        padding-left: 40px;
    }
    .tabela-ouvidoria{
        width: 95%;
    }
    .ouvidoria td,
    .ouvidoria-captcha td {
        padding-left: 40px;
    }
    .sic label,
    .sic div{
        padding-left: 0px;
    }
    .sic-private-sair{
        margin:0 auto;
        float: none;
        display: table;
    }
    .ouvidoria-private-sair{
        margin:0 auto;
        float: none;
        display: table;
    }
    .nav-tabs{
        width: 100%;
    }
    .content-calendario img{
        float: none;
        margin: 0 auto;
        display: table;
    }
    .content-calendario h2,
    .content-calendario h3{
        text-align: center;
        margin: 10px;
    }
    /*.left,*/
    .right{
        float: none;
    }
    .nav-tabs{
        padding-top: 15px;
    }
    h1, h2{
        font-size: 28px;
    }
    .container-primario > div{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .container-primario > div > span{
        font-size: 18px;
    }
    .txtNewsletter{
        float: none;
        width: 90%;
        border-bottom: 2px solid #ffffff;
        border-radius: 0;
        margin-bottom: 10px;
    }
    .btn-padrao{
        margin: 0 auto;
    }
    .container-noticia{
        border: var(--corSecundaria) 2px solid;
        width: 100%;
        display: inherit;
        padding: 5px;
            
    }
    .container-noticia > div > div{
        height: auto;
    }
    .img-agenda{
        width: 95%;
    }
    .btn-wtp{
        display: block !important;
    }
    .caixa-rodape, .divBusca{
        width: auto;
    }
    .tab-calendario{
        width: 100%;
        height: auto;
    }
    .tab-calendario:hover{
        border-bottom: var(--corPrimaria) 1px solid !important;                
    }
    .active-tab{
        border-bottom: var(--corPrimaria) 1px solid !important;        
    }
    #piechart,
    #piechart2{
        width:440px;
        height:160px;
    }
}
@media screen and (max-width: 459px){
    .caixa-servico{
        width: 92%
    }
    .video{
        width: 100% !important;        
    }
    #piechart,
    #piechart2{
        width:300px !important;
        height:160px;
    }
    .sic input,
    .sic select{
        width: 100%;
    }
    .sic td,
    .sic-captcha td {
        padding-left: 0px;
    }
    .informe-sic{
        width: 100%;
    }
    .container-primario{
        margin-top: 35px;
    }
    .text-lista td,
    .text-lista td a,
    .decora-lista td{
        font-size: 9px;
        font-weight: bold;
    }    
    .primario-contato p{
        font-size: 15px;
    }
    .conteudo-hospedagem p{
        height: auto;
    }
    .zera-padding{
        padding: 0 !important
    }
}
#image-gallery .modal-footer{
    display: block;
}
/*ESTILO E-SIC*/
.m-sic p{
    margin-top: 27px;
    margin-right: -20px;
}
.m-sic{
    margin-right: -7px;
    padding-left: 15px;
}
.alert-danger-login{
    background-color: #f2dede;
    padding: 5px;
    width: 500px;
    border-color: #eed3d7;
    color: #b94a48;
    display:none;
    margin: 0 auto;
    margin-bottom: 15px;
}

.alert-sucess-login{  
    padding: 5px;
    width: 500px;
    display:none;
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    margin: 0 auto;
    margin-bottom: 15px;
}

.alert-danger-chamado{
    background-color: #f2dede;
    padding: 5px;
    width: 500px;
    border-color: #eed3d7;
    color: #b94a48;
    display:none;
    margin: 0 auto;
    margin-bottom: 15px;
}

.alert-sucess-chamado{  
    padding: 5px;
    width: 500px;
    display:none;
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    margin: 0 auto;
    margin-bottom: 15px;
}

.alert-danger-resp-chamado{
    background-color: #f2dede;
    padding: 5px;
    width: 500px;
    border-color: #eed3d7;
    color: #b94a48;
    display:none;
    margin: 0 auto;
    margin-bottom: 15px;
}

.alert-sucess-resp-chamado{  
    padding: 5px;
    width: 500px;
    display:none;
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;    
    margin: 0 auto;
    margin-bottom: 15px;
}


.sic-prefeitura-all{
    width: 100%;
    background: white;
    margin-top: -38px;
    padding-top: 25px;
    box-shadow: 0px 0px 4.7px 0.3px rgba(0, 0, 0, 0.35);
}

.sic-prefeitura-all p{
    font-family: 'Calibri';
    font-size: 17px;    
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 5px;
}

.sic-prefeitura-all a{
    color:var(--corPrimaria);
    text-decoration: underline;
}

.sic-prefeitura-all h2{
    color:var(--corPrimaria);
    text-align: center;
    font-family: 'Roboto-Regular';
    width: 95%;
}

.sic input{
    height: 33px;
    width: 218px;
    background: #dadada;
    border: 0;
}
.sic td{
    font-size: 15px;
    font-family: 'Oswald-Regular'
}
.sic label{
    padding-left: 35px;
    display: table;
    font-family: 'Oswald-Regular'
}
.sic div{
    font-size: 15px;
    font-family: "TrebuchetMS";
    padding-left: 35px;
}
.contato-campo{
    display: table;
    float: left;
    margin-bottom: 20px;
}

.sic span{
    color: red;
    margin: 0 auto 3px 3px;
    width: 190px;
}

.sic select{
    height: 33px;
    width: 218px;
    background: #dadada;
    border: 0;
}

.sic-captcha{
    width: 100px;
    margin: 0 auto;
}

.sic-captcha input{
    height: 33px;
    width: 218px;
    background: #dadada;
    border: 0;
}

.sic-captcha td{
    font-size: 15px;
    font-family: 'Roboto-Regular';
}

.sic-captcha span{
    color: red;
}

.sicUserResp{
    margin-bottom: 20px;
    background-color: #f9ab0f;
    width: 600px;
    margin-left: 21px;
    padding: 10px;
}

.sicAtendResp{
    margin-bottom: 20px;
    background-color: #FFBC00;
    width: 600px;
    margin-left: 21px;
    padding: 10px;
}

.mensagem-sic textarea{
    width: 540px;
    height: 300px;
    background: #dadada;
    border: 0;
    font-family: 'Calibri';
    margin-left: 10px;
}

.sic-private input{
    height: 33px;
    width: 218px;
    background: #dadada;
    border: 0;
    margin-left: 10px;
}

.sic-private select{
    height: 33px;
    width: 218px;
    background: #dadada;
    border: 0;
    margin-left: 10px;
}


.sic-captcha-private{
    width: 100px;
}

.sic-captcha-private input{
    height: 33px;
    width: 218px;
    background: #dadada;
    border: 0;
}

.sic-captcha-private td{
    font-size: 15px;
    font-family: 'Roboto-Regular';
    padding-left: 10px;
}

.sic-captcha-private span{
    color: red;
}

.sic-private td{
    font-size: 15px;
    font-family: 'Roboto-Regular';
    padding-left: 10px;
}

.sic-private span{
    color: red;
}

.sic-private-sair{
    float: right;
    margin-right: 10px;
    font-size: 17px;
    font-family: 'Calibri';
}

.btn_cadastro_sic{
    background: none repeat scroll 0 0 var(--corPrimaria);
    box-shadow: 0 2px 6px #333;
    color: #fff;
    cursor: pointer;
    font: 18px Tahoma,Geneva,sans-serif;
    margin: 0 auto;
    padding: 10px 30px;   
    width: 140px;
}

.btn_cadastro_sic:active{
    cursor:pointer;
    position:relative;
    top:2px;
}

.btn_form_hide_sic{
    background: none repeat scroll 0 0 var(--corPrimaria);
    box-shadow: 0 2px 6px #333;
    color: #fff;
    cursor: pointer;
    font: 18px Tahoma,Geneva,sans-serif;
    margin: 0 auto;
    padding: 10px 30px;    
    width: 160px;
}

.btn_form_hide_sic:active{
    cursor:pointer;
    position:relative;
    top:2px;
}

.btn_acess_sic{
    background: none repeat scroll 0 0 var(--corPrimaria);
    box-shadow: 0 2px 6px #333;
    color: #fff;
    cursor: pointer;
    font: 18px Tahoma,Geneva,sans-serif;
    margin: 0 auto;
    padding: 10px 30px;
    width: 160px;
}

.btn_acess_sic:active{
    cursor:pointer;
    position:relative;
    top:2px;
}

.btn_novo_sic_chamado{
    background: none repeat scroll 0 0 var(--corPrimaria);
    box-shadow: 0 2px 6px #333;
    color: #fff;
    cursor: pointer;
    font: 18px Tahoma,Geneva,sans-serif;
    margin: 0 auto;
    padding: 10px 30px;
    width: 160px;
}

.btn_novo_sic_chamado:active{
    cursor:pointer;
    position:relative;
    top:2px;
}

.btn_novo_sic_resp_chamado{
    background: none repeat scroll 0 0 var(--corPrimaria);
    box-shadow: 0 2px 6px #333;
    color: #fff;
    cursor: pointer;
    font: 18px Tahoma,Geneva,sans-serif;
    margin: 0 auto;
    padding: 10px 30px;
    width: 49px;
    margin-left: 10px;
}

.btn_novo_sic_resp_chamado:active{
    cursor:pointer;
    position:relative;
    top:2px;
}
.tabela-sic{
    width: 95%;
}
.informe-sic{
    width: 600px;
    height: 250px;
    display: table;
}


/*FIM ESTILO E-SIC*/
/*ESTILO OUVIDORIA*/
.texto{
    margin-top: 20px
}
.m-ouvidoria p{
    margin-top: 36px;
    width: auto;
    text-align: right;        
}
.m-ouvidoria{
    width: 15%;
    padding-right: 0;
    float: right
}
.alert-danger-login{
    background-color: #f2dede;
    padding: 5px;
    width: 97%;
    border-color: #eed3d7;
    color: #b94a48;
    display:none;
    margin: 0 auto;
    margin-bottom: 15px;
    border-radius: 30px;
}

.alert-sucess-login{  
    padding: 5px;
    width: 500px;
    display:none;
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    margin: 0 auto;
    margin-bottom: 15px;
}

.alert-danger-chamado{
    background-color: #f2dede;
    padding: 5px;
    width: 500px;
    border-color: #eed3d7;
    color: #b94a48;
    display:none;
    margin: 0 auto;
    margin-bottom: 15px;
}

.alert-sucess-chamado{  
    padding: 5px;
    width: 500px;
    display:none;
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    margin: 0 auto;
    margin-bottom: 15px;
}

.alert-danger-resp-chamado{
    background-color: #f2dede;
    padding: 5px;
    width: 500px;
    border-color: #eed3d7;
    color: #b94a48;
    display:none;
    margin: 0 auto;
    margin-bottom: 15px;
}

.alert-sucess-resp-chamado{  
    padding: 5px;
    width: 500px;
    display:none;
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;    
    margin: 0 auto;
    margin-bottom: 15px;
}


.ouvidoria-prefeitura-all{
    width: 100%;
    background: white;
    margin-top: -38px;
    padding-top: 25px;
    box-shadow: 0px 0px 4.7px 0.3px rgba(0, 0, 0, 0.35);
}

.ouvidoria-prefeitura-all p{
    font-family: 'Calibri';
    font-size: 12px;    
    margin-top: 10px;
    padding-left: 56px;
    padding-right: 56px;
    margin-bottom: 5px;
}

.ouvidoria-prefeitura-all a{
    color:var(--corPrimaria);
    text-decoration: underline;
}

.ouvidoria-prefeitura-all h2{
    color:var(--corPrimaria);
    text-align: center;
    font-family: 'Oswald-Regular';
    float: left;
    width: 100%
}

.ouvidoria input{
    height: 33px;
    width: 218px;
    background: #dadada;
    border: 0;
}
.ouvidoria td{
    font-size: 15px;
    font-family: 'Oswald-Regular';
}
.ouvidoria label{
    padding-left: 35px;
}
.ouvidoria div{
    font-size: 15px;
    font-family: "Oswald-Regular";
    padding-left: 35px;
}
.contato-campo{
    display: table;
    float: left;
    margin-bottom: 20px;
}

.ouvidoria span{
    color: red;
    display: table;
    width: 190px;
}

.ouvidoria select{
    height: 33px;
    width: 218px;
    background: #dadada;
    border: 0;
}

.ouvidoria-captcha{
    width: 100px;
    margin: 0 auto;
}

.ouvidoria-captcha input{
    height: 33px;
    width: 218px;
    background: #dadada;
    border: 0;
}

.ouvidoria-captcha td{
    font-size: 15px;
    font-family: 'Roboto-Regular';
}

.ouvidoria-captcha span{
    color: red;
}

.ouvidoriaUserResp{
    margin-bottom: 20px;
    background-color: #f9ab0f;
    width: 600px;
    margin-left: 21px;
    padding: 10px;
}

.ouvidoriaAtendResp{
    margin-bottom: 20px;
    background-color: #FFBC00;
    width: 600px;
    margin-left: 21px;
    padding: 10px;
}

.mensagem-ouvidoria textarea{
    width: 540px;
    height: 300px;
    background: #dadada;
    border: 0;
    font-family: 'Calibri';
    margin-left: 10px;
}

.ouvidoria-private input{
    height: 33px;
    width: 218px;
    background: #dadada;
    border: 0;
    margin-left: 10px;
}

.ouvidoria-private select{
    height: 33px;
    width: 218px;
    background: #dadada;
    border: 0;
    margin-left: 10px;
}


.ouvidoria-captcha-private{
    width: 100px;
}

.ouvidoria-captcha-private input{
    height: 33px;
    width: 218px;
    background: #dadada;
    border: 0;
}

.ouvidoria-captcha-private td{
    font-size: 15px;
    font-family: 'Roboto-Regular';
    padding-left: 10px;
}

.ouvidoria-captcha-private span{
    color: red;
}

.ouvidoria-private td{
    font-size: 15px;
    font-family: 'Roboto-Regular';
    padding-left: 10px;
}

.ouvidoria-private span{
    color: red;
}

.ouvidoria-private-sair{
    float: right;
    margin-right: 10px;
    font-size: 17px;
    font-family: 'Calibri';
}


.btn_cadastro_ouvidoria{
    background: none repeat scroll 0 0 var(--corPrimaria);
    box-shadow: 0 2px 6px #333;
    color: #fff;
    cursor: pointer;
    font: 18px Tahoma,Geneva,sans-serif;
    margin: 0 auto;
    padding: 10px 30px;   
    width: 150px;
}

.btn_cadastro_ouvidoria:active{
    cursor:pointer;
    position:relative;
    top:2px;
}

.btn_form_hide_ouvidoria{
    background: none repeat scroll 0 0 var(--corPrimaria);
    box-shadow: 0 2px 6px #333;
    color: #fff;
    cursor: pointer;
    font: 18px Tahoma,Geneva,sans-serif;
    margin: 0 auto;
    padding: 10px 30px;    
    width: 150px;
}

.btn_form_hide_ouvidoria:active{
    cursor:pointer;
    position:relative;
    top:2px;
}

.btn_acess_ouvidoria{
    background: none repeat scroll 0 0 var(--corPrimaria);
    box-shadow: 0 2px 6px #333;
    color: #fff;
    cursor: pointer;
    font: 18px Tahoma,Geneva,sans-serif;
    margin: 0 auto;
    padding: 10px 30px;
    width: 150px;
}

.btn_acess_ouvidoria:active{
    cursor:pointer;
    position:relative;
    top:2px;
}

.btn_novo_ouvidoria_chamado{
    background: none repeat scroll 0 0 var(--corPrimaria);
    box-shadow: 0 2px 6px #333;
    color: #fff;
    cursor: pointer;
    font: 18px Tahoma,Geneva,sans-serif;
    margin: 0 auto;
    padding: 10px 30px;
    width: 49px;
}

.btn_novo_ouvidoria_chamado:active{
    cursor:pointer;
    position:relative;
    top:2px;
}

.btn_novo_ouvidoria_resp_chamado{
    background: none repeat scroll 0 0 var(--corPrimaria);
    box-shadow: 0 2px 6px #333;
    color: #fff;
    cursor: pointer;
    font: 18px Tahoma,Geneva,sans-serif;
    margin: 0 auto;
    padding: 10px 30px;
    width: 110px;
    margin-left: 10px;
}

.btn_novo_ouvidoria_resp_chamado:active{
    cursor:pointer;
    position:relative;
    top:2px;
}
.tabela-ouvidoria{
    width: 95%;
}
.informe-ouvidoria{
    width: 600px;
    height: 250px;
    display: table;
}
.label-assunto label{
    display: table;
}
/*FIM ESTILO OUVIDORIA*/
/*GRAFICOS SIC E OUVIDORIA*/
#piechart,
#piechart2{
    width:560px;
    height:300px;
    margin: 0 auto;
}
/*FIM GRAFICOS SIC E OUVIDORIA*/
/*NFP*/
.video{
    width: 70%;
    display: table;
    margin: 20px auto 20px
}
/*SOBRE*/
.img-sobre{
    width: 85%;
    display: table;
    margin: 0 auto 30px;
}
.img-sobre img{
    width: 60%;
    display: table;
    margin: 0 auto;
    border-radius: 10px;
}
/*CONTRIBUIR*/
.contribuir{
    width: 48%;         
    float: left;
    box-shadow: 0px 0px 15px 1px #aaa;
    padding: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 10px;
}
.contribuir p{
    font-family: 'Oswald-Light';
    font-size: 20px;
    color: #3d4040;
    text-align: justify;
    display: table;
    margin-top: 20px;
}
.contribuir span{
    font-family: 'Oswald-Light';
    font-size: 30px;
    color: var(--corPrimaria);
    text-align: center;
    margin: 0 auto;
    display: table;
    margin-top: 20px;
}