/*----------------------RESET--------------------*/

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:62.5%; vertical-align:baseline; background:transparent;}

article, aside, figure, footer, header,hgroup, nav, section { display:block; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

.chromeframe {margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;}

body{line-height:1; background:#fff; font-family: Arial, Helvetica, sans-serif; } /*---- 1.0 em = 10px---*/

body.inicial{background-image:none;}

/*----------------------RESET--------------------*/

a{text-decoration:none; outline:none;}

a:hover,  .menu-sup li:hover, .submenu > li:hover i, .doacoes, .doacoes h3{-moz-transition:all ease-in .3s; -webkit-transition:all ease-in .3s; transition:all ease-in .3s}

::selection{color:#F60; background:#eaeaea;}

::-moz-selection{color:#F60; background:#eaeaea;}

.bg-azul ::placeholder {  color: #eee;  opacity: 1; }

p, a, .western, strong, b, b strong, strong b, i, .western, .western span, p span, li, .table td, .table thead th, .modal-title, textarea, .list-group-item span, .dataTables_info{font:1.4rem 'Mulish', Arial; line-height:2.4rem; color:#111;}

p{color:#666e86;}

i{font-style: italic;}

strong, b strong, .western strong, .western span strong, .western strong span{font-weight: 700;}

strong b{display:block;}

.conteudo p{line-height: 2.4rem; margin-bottom: 1rem; padding-left: 2rem; }

  .conteudo h3{padding-left: 2rem;}

  .conteudo ul{margin-left: 4rem;}

.container{max-width:1100px;}

/*----------------------TOPO--------------------*/

.barra-sup{padding:  0;}

  .logo{width:125px;}

  .fone-sup{font-size: 1.6rem; font-weight: 700; background: url(../img/fone.svg) no-repeat left; padding-left: 2rem; background-size: 16px 16px; margin-top: 5rem;}

  .menu-sup{float: right;}

  .menu-sup li{float: left;  list-style: none; padding: 1rem 1.5rem 1rem 1.5rem; border-radius: 5px;}  

    .menu-sup li:hover{background: #fff; box-shadow: 0 3px 3px rgba(0,0,0,.1);}

    /*.menu-sup li:last-child{ padding-right: 0;}*/

    .menu-sup li:last-child:hover{background:#fff;}

    .menu-sup a:hover{color: #00A85A;}

    #weatherWidget .currentWeatherIcon, #weatherWidget .currentConditions{width: auto;}    

header{position:relative; z-index: 100;}    

.menu-principal{display:flex; white-space:nowrap;  justify-content: space-between; margin-top: 6rem; }

  .menu-principal li{ list-style: none; font-weight: 700; position: relative; padding:0 1.5rem 0 1.5rem;}

    .menu-principal > li > a{font-weight: 700; /*color: #fff;*/ font-size: 1.4rem; position: relative; padding-bottom: 7px;}

    .menu-principal li:not(.no-link)>a:after {content: ""; display: block; width: 0;  height: 3px; background-color: #00A85A; margin: 0 auto;  transition: all .5s ease-in-out; }
    
    .menu-principal li:not(.no-link):hover>a:after {width: 100%; transition: all .5s ease-in-out;}

    .seta-down{ background:url(../img/arrow_down.png) no-repeat top right; background-size: 16px 16px;};

    .open{opacity: 1;}

    .menu-principal i{opacity: 0; left:-3px;}

    .menu-principal a:hover{color: #00A85A;}

    .menu a:hover{color:#00A85A;}

    .submenu li i{position: absolute; left:-2rem; transition: all 1s; opacity: 0;}

    .submenu  li:hover i{left:0rem; opacity: 1; }
   
    .submenu{box-shadow:5px 0 5px rgba(0,0,0,0.1); overflow-wrap: break-word; border-bottom:3px solid #00A85A; border-top:2px solid #ccc;  position: absolute; left:0; top:3rem; padding:2rem 3rem 2rem 2rem; background:#fff;  transform:translate3d(0px, 0px, 0px) scale(1, 0); transform-origin:50% 0 0; transition: all 0.15s cubic-bezier(0.34, 0.005, 0.21, 1) 0.1s;}

      .menu-principal li:hover .submenu{z-index: 9999; transform: translate3d(0px, 0px, 0px) scale(1, 1) !important; }    

      /*.submenu::before{border-color: transparent transparent #ccc;  border-style: solid; border-width: 8px; content: " "; height: 4px; left: 25%; position: absolute; top: -18px; width: 0;}    */

      .submenu li{ clear:both; padding:1rem 0; transition: all 1s;}

      .submenu li:hover{padding-left: 2rem; transition: all 1s;}

        .menu-principal li ul li ul{ margin:1rem 0 1rem 0; float:left;}

        .menu-principal li ul li ul li{border-left:3px solid #ccc;  padding:0.5rem 1rem;}

        .menu-principal li ul li ul li:hover{border-left:3px solid #000;}

          .menu-principal li ul li ul li ul{ margin:1rem 0 1rem 1rem; float:left; }

          .submenu span{font-size: 2rem; cursor: poMulish; padding:5px 20px 5px 5px; color: #999;}

            .submenu span:hover{color:#000;}
    
/*.inicial > .horarios-visita{background: #a20202;}*/

.horarios-visita{color: #fff;}

  .horarios-visita:hover{background: #eee; border-radius: 5px; color: #00A85A; box-shadow: 0 3px 3px rgba(0,0,0,.1); }

  .horarios-visita i{color: #eee;}

    .horarios-visita:hover i{color: #00A85A;}

 
  .menu-principal a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    opacity: 0;
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    transform: translateY(5px);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    pointer-events: none;
  }
  
  .menu-principal a:hover::after,
  .menu-principal a:focus::after {
    opacity: 1;
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    transform: translateY(2px);
  }


  .cabecalho{background:#66CDAA; background-size:cover;}

/*----------------------MENU MOB--------------------*/

.barra-mob{background: #00A85A; position: relative; z-index: 300; border-radius: 3px; display: block; margin-right:2rem; padding: 0 1.5rem; width: 70%; float:right; margin-top: 2rem; }  

    .barra-mob a{color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3);}

       .barra-mob a:hover{text-decoration: none;}    
    
#menu-mob-bt{font: 1.8rem "Mulish", Arial; text-align: center; line-height: 4rem; padding-right: 0; display: block;  }  

.menu-button{float: left; margin-top:0.8rem; }

.btn-menu{width:100%; margin-bottom: 2rem; font: 1.6rem "Mulish", Arial; color: #333; padding-left: 2rem;}

.menu-button span{  background: #fff none repeat scroll 0 0;
    display: block;
    height: 3px;
    margin: 4px 5px 0 0;
    width: 20px;
    box-shadow: 0 1px 1px rgba(0,0,0,.3);}

    .pushy {
        background: #fff none repeat scroll 0 0;
        box-shadow: -10px 0 6px -9px rgba(0, 0, 0, 0.2) inset;
        font-size: 0.9em;
        font-weight: bold;
        height: 100%;
        overflow: auto;
        position: fixed;
        top: 0;
        width: 5rem;
        z-index: 99999;
        left: -7rem;
        padding-top: 5rem;
        transform: translate3d(-250px, 0px, 0px);    
        transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99) 0s;        
    }  
     
    .pushy-open {
        transform: translate3d(7rem, 0, 0);
        width: 100%;  
    }    

    .pushy .dropdown-menu{width:100%; text-align: center;}
    
    .pushy li {
        display: block;
        text-decoration: none;      
    }    

    .pushy a{color:#000; font: 1.6rem "Mulish", Arial;}

    .pushy .dropdown-menu a{color:#666;}

 .overlay-close {	position: absolute;	right: 20px;	top: 10px;	background:transparent; border:0;		outline: none;	z-index: 100; font-size: 5rem;}  


/*----------------------INICIAL--------------------*/

.doacoes{  position: fixed;  top: 50%; left:-5rem;  background: white;  padding:2rem 0rem 2rem 5rem;  z-index: 300;   }

  .doacoes p{opacity: 0; height:0;}

  .doacoes:hover{left: -2rem ; padding-right: 2rem;}

    .doacoes:hover p{opacity: 1; height:auto}

.carrossel-principal{background-color: #ccc; height: auto; max-height: 50rem; overflow: hidden;}

.banner{width: 100%; height: auto; max-height: 50rem; position:relative; overflow: hidden; box-shadow: inset 0 2px 2px rgba(0,0,0,0.1); margin-top: -1rem; background: #eee; }

	.banner li, .banner-sec li{width:100%; height:auto; max-height:50rem;}

    	.banner a, .banner-sec a{display:block; width: 100%; height: 100%;}

  	    .banner li img, .banner-sec li img{display:block; margin:auto;}

    .banner-controles, .banner-sec-controles{display:block; margin:auto; width:150px; list-style:none; z-index:900; clear: both;}

    .banner-sec-controles{width:300px; display:block; margin:auto;}

            .banner-controles li, .banner-sec-controles li{float:left; margin:10px 20px 0 0; }

            .banner-controles a, .banner-sec-controles a{display:block; text-indent:-9999px; width:17px; height:17px; border-radius:50%; background: none; border:3px solid #ccc; opacity:0.7; z-index: 900;}

      .banner-controles a:hover, .banner-sec-controles a:hover{opacity:1; background:#999; box-shadow: 0px 0px 0px 3px rgba(255,255,255,0.3);    }  


.links-rapidos{display: flex; flex-wrap: wrap; padding:2rem 0; justify-content: center; min-height: 15rem;  }

  .links-rapidos li{ padding: 2rem; display:flex; width:25%; list-style: none; justify-content:start; align-items:center; transition:0.3s; border-right:1px solid #eee; }

    .links-rapidos li:hover{background: #eee;}

    .links-rapidos li:last-child{border:0;}

    .links-rapidos img{max-height:6rem; margin-right: 1rem;}

    .links-rapidos a{font:1.6rem "Mulish", Arial; font-weight: 700; color: #0303b5; }

    .carousel-indicators [data-bs-target]{border-radius: 100%; width: 20px; height: 1px; background: #ccc; margin-top: 1rem;}    

.cabecalho-inicial{margin: 6rem 0 2rem 0; padding-bottom: 1rem;}    

  .cabecalho-inicial p{font: 3rem 'Mulish', Arial, sans-serif;  color: #00A85A; font-weight: 700;}

  .cabecalho-inicial i{color: #99cfff;}

  .links-rapidos2{padding: 0; min-height: 4rem; }

.links-rapidos2 li:hover{ background-color: #fff;}


  .links-rapidos2 a{font:1.6rem "Mulish", Arial; font-weight: 700;}

  .links-rapidos2 i{margin-right: 1rem;}

  .links-rapidos2 li:hover a i{color:#0303b5;}

  .links-rapidos2 li:hover a{color:#0303b5;}

  .bg-meio{background:url(../img/bg-meio.jpg) no-repeat top; background-size: cover;}

/*------------NOTÍCIAS INICIAL---------------*/

.noticias-inicial{display: flex;}

.img-destaque{width:100%; max-height:30rem; height:auto; overflow: hidden; float: left; margin-bottom: 1.5rem; overflow: hidden; background-position: center center; background-size:contain;}

.info-not, .info-not span{font: 1.2rem 'Mulish', sans-serif; }

h2, h2 a{font: 2.4rem 'Mulish', Arial, sans-serif; letter-spacing: -1px; font-weight: 700; line-height: 3rem; margin: .5rem 0 1rem 0; display: block; color: #030538;}

h1{font: 3.2rem 'Mulish', Arial, sans-serif; letter-spacing: -1px; font-weight: 700; line-height: 3.8rem; margin: .5rem 0 1rem 0; display: block;}

/*.intro-not{font-size: 1.6rem; }*/

.bloco-not{margin-bottom: 2rem;}

.bloco-not picture{height:12rem; float: left; overflow: hidden;}

.bloco-not img{height:auto; max-height: 12rem; }

h3, h3 a{font: 1.8rem 'Mulish', Arial, sans-serif; font-weight: 700; display: block; margin-bottom: 1rem; line-height: 2.2rem;}

.not-terciarias h3{border-left:3px solid #ccc; padding-left: 2rem; margin-top: 2rem;}

.num{font-weight: 900; font-size: 4.6rem; margin-top: 3rem;}

.btn-conheca{ border:2px solid #66CDAA; border-radius:20px; background: none; font-size:1.6rem; color:#333;}

    .btn-conheca:hover{background: #66CDAA; color: #fff;}

/*---------------------------CARROSSEL ESPECIALIDADES-------------------------------*/

.carousel-container-esp {
  height: 420px; /* 5 itens x 32px */
  overflow: hidden;
  border-radius: 8px;
  width: 350px;
  margin-top: 4rem;
}

.carousel-list-esp {
  list-style: none;
  padding: 0;
  margin: 0;
}

.carousel-list-esp li {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  border-bottom: 1px solid #eee;
}

@keyframes scroll {
  0%   { transform: translateY(0); }
  100% { transform: translateY(-50%); }
}

.scrolling {
  animation: scroll linear infinite;
  animation-duration: 30s;
}


/*----------------VIDEOS INICIAL-------------------*/

.container-video{width: 100%; height: 36rem;  position: relative; border-radius: 10px;  }

  .play{position: absolute;  top: 50%;  left: 50%; transform: translate(-50%, -50%);  z-index: 500; opacity: .5; transition:0.3s;}

    .play:hover{opacity: 1;}

  .container-video a{font-size:1.6rem; color: #fff; font-weight: 700;}

  .container-video img{opacity: .9;}

  .tit-vid{bottom:2rem; left:2rem; z-index: 30; background:#8787fb;}

  /*.container-video::after{content: ''; width: 100%; height: 150px; position: absolute; bottom: 0; left:0; z-index: 1; background: rgb(51,51,51);
    background: linear-gradient(180deg, rgba(51,51,51,0) 0%, rgba(62,64,149,0.5144432773109244) 90%);}*/

/*-------------------------------------------------*/

.bg-cinza{background: #eee; padding:4rem 0;}

.banner-sec{height:37rem; overflow:hidden ;}

.banner-sec li{width:100%; height:37rem;}

#acessoRapido{min-height: 55rem; float: left;}

.circle{background-color: #000; width: auto; height:21rem; width: 21rem; border-radius: 50%; margin-top: 4rem; text-align: center;}

  .circle a{display: block; width: 100%; height: 100%;  line-height: 21rem;}

  .circle:hover{opacity:.5;}

    .circle:hover a{color:#fff; font-weight: 700;}

/*.acessos-rapidos img{filter: grayscale(100%); opacity:0.7; transition:0.3s; }    

.acessos-rapidos img:hover{filter: none !important; opacity:1; transition:0.3s;} */   

/*----------------------SECRETARIA--------------------*/

.breadcrumb {margin-top: 2rem;}

.breadcrumb li{background:none; font: 1.4rem "Mulish", Arial sans-serif; color: #99cfff;}

.controle-texto a{display: block; float:left; padding: 1rem 1.1rem; border-radius:50%; background: #ddd; margin-right: 1rem;}

.controle-texto a:hover{background:#99cfff;}

.bloco-info{border-bottom:3px solid #e2f2ff; padding: 2rem; border-radius: 10px; margin-top: 4rem;}

  .foto{width: 80px; height: 80px; overflow: hidden; border-radius: 50%; margin-right: 1rem; float:left;}

    .foto img{min-height: 60px; width: auto;}

  .cargo{font: 1.3rem "Mulish", sans-serif; color: rgba(0,0,0,.7);}

  .dados-contato li{list-style: none; margin-bottom: 1rem;}

  .fone{background: url(../img/phone.png) no-repeat left; padding-left: 2rem;}

  .email{background: url(../img/mail.png) no-repeat left; padding-left: 2rem;}

  .local{background: url(../img/local.png) no-repeat left; padding-left: 2rem;}

.menu-lateral{background:#3E4095; padding: 2rem; }

  .menu-lateral li{list-style:none; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom:1px solid rgba(0,0,0,.5); transition: padding .35s ease-in,margin .35s ease-in}

    .menu-lateral i{opacity: .5; color:#eee;}

    .menu-lateral a{color:#eee;}

.lista-arquivos{list-style:none;  padding-left: 2rem; line-height: 3.6rem; }

.lista-arquivos li{margin-bottom: 1.5rem; padding-bottom: 0.5rem; border-bottom:2px solid transparent;}

  .item-galeria{float:left; width:45%; width:45%; margin:1rem 0.5rem; max-height:20rem; overflow: hidden;}

  .lista-arquivos li:hover{border-bottom:2px solid #99cfff;  transition:0.3s;}

  .lista-arquivos i{font-size:2rem; padding: 1rem; color: #666; }

    i.bi-filetype-doc, i.bi-filetype-odt{color:#1583e9;}

    i.bi-filetype-pdf{color:#e91515;}
    
    i.bi-filetype-xls{color:#12a81e;}  
 
/*----------------------FOOTER---------------------------*/

footer{background:#f8f8f8; margin-top: 8rem;}

/*footer a, footer a i{color:#eee;}*/

.menu-inf a{color:#eee;}

.tit-menu-rodape{border-left:5px solid #666e86; font: 1.6rem "Mulish", Arial, sans-serif; font-weight: 700; margin: 4rem 0 1rem 0; padding-left: .5rem; letter-spacing: -1px;}

.menu-rodape{margin-left: 0.5rem;}

.ig, .fb, .yt{padding-top: 2rem; float:left;}

.menu-rodape li, .menu-inf li{list-style: none; margin-bottom: 0.5rem;}


/*----------------------PESQUISA---------------------------*/

.termo-responsa{height: 20rem;}

.itens-linha{display:flex; justify-content: space-between; margin-top: 1rem; }

  .itens-linha li{ list-style: none; font:1.3rem "Mulish", Arial; }

  .itens-linha strong{font-size: 1.3rem;}

/*------------------------------NOTÍCIAS-------------------*/

.box-noticia{ border-radius: 20px; background: #f9f9f9; overflow: hidden; padding-bottom: 2rem; transition:0.3s; height: 100%; /* box-shadow: 0 0px 10px rgba(0,0,0,.1);*/}

.box-noticia:hover{box-shadow: 0 10px 10px rgba(0,0,0,.1);}

.box-noticia a, .box-noticia p{margin: 1rem;}

.chamada-img, .chamada-img-cds{margin-top: -2rem; height: 25rem; overflow: hidden;}

  .chamada-img-cds{height: 30rem;}

  .chamada-img img{height:25rem;}

.data{text-align: center; padding:1rem;}

.paginacao{float:left; width:100%; padding:5px;  clear:both; margin-top: 6rem;}

	.paginacao li{float:left; list-style:none; margin-right:10px;}

		.paginacao a{color:#6d6d6d; padding:10px; display:block; border-bottom:2px solid #ccc; font:1.3rem Montserrat, Arial, sans-serif; text-decoration: none;}
		
			.paginacao a:hover{background:#37AB2D; color:#fff; border-color:#fff;}

.compartilhe{font: 1.4rem 'Arial'; background: #4b67a8;	color: #fff; border-radius: 5px;	float: left; padding: 7px 13px; color: #fff;  clear: both; display: block; text-decoration: none; box-shadow: 0 3px 3px rgba(0,0,0,.1);}

	.compartilhe strong{ font-weight: bold; padding-right: 5px; color: #fff; padding-right: 1rem; border-right: 1px solid rgba(255,255,255,.3); margin-right: 0.5rem;}

		.compartilhe:hover strong{color: #fff;}

			.compartilhe:hover{	text-decoration: none;	background: #4b67a8; color: #fff; box-shadow: 0 5px 10px rgba(0,0,0,.3);}

      .whats, .whats:hover{background:#37AB2D;}

.noticia p img{max-width:100%; height: auto;}

.noticia a, .conteudo a{color:#3E4095; text-decoration: underline;}

.lista-blog{list-style: none;  border-left:1px solid #ddd; margin: 20px 0; padding: 20px 0 20px 30px;}

    .lista-blog li{margin:0 0 10px 10px; font: 1.3em 'Mulish Regular', Arial; }

        .lista-blog ul{border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 5px;}

        .lista-blog span{font-size: 1.2em; color: #999; font-weight: bold; margin-bottom: 10px; display: block; border-bottom: 1px solid #ccc; cursor: poMulish; padding-bottom: 3px;}

        .lista-blog a{color: #666;}

.galeria-fotos{width: 100%; margin-bottom: 20px; margin-top: -60px; overflow: hidden;}

    .item-galeria-foto{width:auto;  height: 180px; overflow: hidden; float: left; margin-bottom: 15px; border:1px solid #ddd; }

    .item-galeria-foto img{width:100%;  height:auto;}

.chamada-img-menor{max-height: 20rem;  overflow: hidden;}

.menu-Mulishno{display:flex; text-transform: uppercase; white-space:nowrap;  justify-content: space-around;  }

.zoom img{  transition: transform .5s ease;}

.zoom:hover img{  transform: scale(1.3);}

.zoom h2{margin-top: 2rem;}

.whats-icon{position: fixed; bottom: 30px; right: 30px; z-index: 9999;}

.foto-inclinada {
  transform: rotate(-5deg);
  border: 7px solid #fff; /* Borda branca estilo polaroid */
  box-shadow: 
    0 15px 25px rgba(0, 0, 0, 0.3), /* sombra principal */
    0 0 0 1px rgba(0, 0, 0, 0.05);  /* leve contorno para profundidade */
  transition: transform 0.3s ease;
  display: inline-block;
  background-color: white;
}

.foto-inclinada:hover {
  transform: rotate(-3deg) scale(1.03);
}

/*--------------------GRAF--------------------*/

.chart-container {
  width: 45%;
  height: 400px;
  display: inline-block;
  margin: 10px;
  box-sizing: border-box;
}
.canvasjs-chart-credit{display:none;}

/*----------------------DIVERSOS--------------------*/

.aligncenter{text-align: center;}

.alerta{ color:#fff; background: #f00; text-align:center; margin-bottom:1rem; padding:1rem; border:1px dotted #f00;}

.azul{color:#007C91;}

.vermelho{color:#e57373;}

.bg-azul{background: #007C91;}

.bg-azul p{color:#fff;}

.bg-azul-claro{background: #f1f1fa;}

.bg-verdin{background: #66CDAA;}

    .bg-verdin p{color:#00A85A;}

.bg-vermelho{background-color:#e57373;}

.bottom10{margin-bottom:1rem;}

.bottom20{margin-bottom:2rem;}

.bottom40{margin-bottom:4rem;}

.borda-inf{border-bottom:2px solid rgba(49, 66, 73, .3);}

.centralizado{position:relative; float:none; display:block; clear:both; margin:0 auto;}

.clear{clear:both;}

.confirmado{color:#fff; background: #65a03c; text-align:center; margin-bottom:1rem; padding:1rem; border:1px dotted #65a03c;}

.displaynone{display:none;}

.fz14{font-size: 1.4rem;}

.fz16{font-size: 1.6rem;}

.left{float:left;}

.left10{margin-left:1rem;}

.right{float:right;}

.right10{margin-right:1rem;}

.bg-verde{background: #00A85A;}

.verde{color: #00A85A;}

.top10{margin-top:1rem;}

.top20{margin-top:2rem;}

.top40{margin-top:4rem;}

.top50{margin-top:5rem;}

.top60{margin-top:6rem;}

.top120{margin-top:12rem;}

.text-muted{color: rgba(49, 66, 73, .5);}

.label_tabela{text-align:right; font-weight:bold; color:#666; margin-right:5px; }

.dataTables_info{font-size: 1.3rem !important;}

.dataTables_filter{margin-top: 20px !important; margin-bottom: 20px !important;}

/*----------------------FORM------------------------*/

.form-busca{border-radius: 10px; width:100%; height: 4rem; border-bottom:2px solid #eee;  display:flex; transition:0.3s; }   

  .form-busca:hover{opacity: 1; box-shadow: 0 5px 10px rgba(0,0,0,.2);}



fieldset{border:0; background:#f8f8f8;}

legend{margin-top: -1.5rem; padding-left:1rem;  }

input[type=text], input[type=email], input[type=search], select, textarea, .form-control, .form-select {height: 4rem; font: 1.4rem 'Mulish', sans-serif; padding: 1rem; }

.form-floating>.form-control {height: 5rem; font-size: 1.4rem; color: #222; font-weight: 700;}

.form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown){padding-top: 2rem;}

.form-floating>.form-control{height: 6rem; font-size: 1.6rem;}

.form-busca input[type=search]{border:0; font-size: 1.3rem; background:none; color:#fff; width:80%; height: 100%;; padding-left: 1rem; border-top-left-radius: 10px; border-bottom-left-radius: 10px}

.filtro-busca{border:0; border-left:1px solid #ccc; margin-right: 1rem; height:100%; border-right: 5px solid #fff;}

.pesquisar-bt{border:0; width:20%; border-top-right-radius: 10px; border-bottom-right-radius: 10px; background:none; }

input:focus, textarea:focus { border-color: #006c72; }

select{width:270px; line-height:18px;}

form p { margin: 0.5rem 0 0 0; }

label, legend { font: 1.4rem "Mulish", Arial, Helvetica, sans-serif; display: block; color: #666; }

textarea { overflow: auto; font: 1.4rem Arial, Helvetica, sans-serif; color: #333; line-height: 1.6em; }

.enviar, .filtrar { background: #eee; font:1.6rem "Mulish", Arial; color: #333;  padding:1.5rem 3rem; border: 0; margin-top:2rem; border-radius: 3px; box-shadow: 0 1px 1px rgba(0,0,0,.3); }

.filtrar{padding:1rem 2rem;}



/* ==========================================================================
   Helper classes
   ========================================================================== */

/* Image replacement */
.ir {background-color: transparent;  border: 0;    overflow: hidden;    /* IE 6/7 fallback */    *text-indent: -9999px;}

.ir:before {content: "";    display: block;    width: 0;    height: 150%;}

/* Hide from both screenreaders and browsers */
.hidden {display: none !important;    visibility: hidden;}

/* Hide only visually, but have it available for screenreaders */
.visuallyhidden {border: 0;    clip: rect(0 0 0 0);    height: 1px;    margin: -1px;    overflow: hidden;    padding: 0;    position: absolute;    width: 1px;}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto;     height: auto;    margin: 0;    overflow: visible;    position: static;    width: auto;}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {    visibility: hidden;}

.clearfix:before,.clearfix:after {    content: " "; /* 1 */    display: table; /* 2 */}

.clearfix:after {    clear: both;}

.clearfix {    *zoom: 1;}


/*------------------------RESPONSIVE DESIGN-----------------------------*/


@media only screen and (max-width: 480px){

  .barra-sup{border-bottom:1px solid #ccc; margin-bottom: 1rem;}

  .menu-sup, .fone-sup{margin-top: 1rem;}

  .menu-principal{display: block; white-space: normal;}

  .btn-menu{padding-left: 0;}

  .submenu{ float:left; width: 100%; top:0; box-shadow:none; border-top:0; margin-bottom: 2rem; padding-top: 0; text-align: center;;}
  
  .links-rapidos{min-height: 22rem; padding-top: 0; }  

    .links-rapidos li{width:auto; padding: 1rem;}

    .links-rapidos2{min-height: auto;}

  header, #menu-inf, .logo, .menu-sup .form-busca, .menu-inf{display: none!important;}

  #barra-mobile, #menu-mob li span{display: block; }  
  
  .bloco-not{margin-top: 3rem;}

    .bloco-not picture{height: 20rem; margin-bottom: 1rem; float:none}

    .bloco-not img{max-height: auto;}    

  .circle{height: 18rem;}

    .circle a{line-height: 18rem;}

    .controle-texto{float: right; margin-top: 0;}

    .dados-contato{margin-top: 2rem;}

    .chamada-img{height: 25rem;}

    .form-busca{width:96%; margin: 2rem 0 0 1rem; border-radius:5px; border:1px solid #eee;}

    .form-busca input[type=search]{border-top-left-radius:5px; border-bottom-left-radius:5px;}

      .form-busca select{width:150px;}

      .form-busca:hover{opacity: 1; box-shadow: 5px 5px 10px rgba(0,0,0,.2);}

      .banner, .banner li{max-height: 25rem;}

    .banner-secundario{height:20rem;}    
    
    .cabecalho-inicial{margin-top: 3rem;}

    .bloco-not img{max-height:100%; }   

    .menu-Mulishno{display:block;}
    
    .menu-Mulishno-item{ width:25%; float:left;}

    .container-video{height: 30rem;}

    .chart-container {width: 90%;}    

    .carousel-container-esp{width: 100%;}
 
}


/*----------------------PRINT--------------------*/

@media print {
* { background: transparent !important; color: #444 !important; text-shadow: none; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; }
  abbr:after { content: " (" attr(title) ")"; }    .ir a:after { content: ""; }  /* Don't show links for images */    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }    img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}