header {  width:100%; height:90px; overflow:hidden; background-image:url('../images/topo_fundo.png'); background-repeat:repeat-x; background-position:center top; position:relative; background-size:100% 157px}
.logo-flutuante { position:absolute; top:-2px; left:50%; transform:translateX(-50%); z-index:5; height:157px; width:400px; background-image:url(../images/topo_central.png); background-repeat:no-repeat; background-size:100% auto}


header .control-nav {
/*menuzinho em cima*/
    position: absolute;
    right: 20px;
    top: 40px;
    display: block;
    width: 30px;
    padding: 5px 0;
    border: solid #000000;
    border-width: 3px 0;
    z-index: 7 !important;
    cursor: pointer;
  }
 
  header .control-nav:before {
    content: "";
    display: block;
    height: 0px;
	border-bottom:3px #000 solid;
    background: #003071;
  }
 
  header .control-nav-close {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: 7 !important;
    background: rgba(0,0,0,0.4);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
 
  header nav {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 90%;
    border-left: 1px solid #ccc;
    background: #003071;
    overflow-x: auto;
    z-index: 7 !important;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }

#control-nav:checked ~ .control-nav-close {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

#control-nav:checked ~ nav {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);

}
.topo_cima { display:none }

/*//////////MENU//////////////////////////////*/
.menu{ list-style:none; font-size:14pt; font-weight:400; border:0; margin:0 auto; padding:0}
.menu li{ position:relative; border-bottom: 1px #f2f3f8 solid; text-align:left}
.menu li a{text-transform:uppercase; color:#FFF; text-decoration:none; padding:16px; display:block; border:0; overflow:hidden}
.menu li a:hover{}

.central { width:95%; margin:0 auto; box-sizing: border-box; clear:both}
.central_maior { width:95%; margin:0 auto; box-sizing: border-box; clear:both}
.central_contato { width:100%; margin:0 auto; box-sizing: border-box; clear:both}
.slides { width:93%; margin:0 auto; box-sizing: border-box; clear:both}
.espaco{ clear:both; height:20px}

h1 {font-size:25pt;}
h2 {font-size:25pt;}
h3 {font-size:15pt;}

.topo_busca{ display:none}
.topo_infos{display:none}
.topo_espaco{ clear:both; height:30px}
.topo_menu_esq{ width:100%; text-align:center;}
.topo_menu_dir{ display:none}
.topo_menu_dir a{ color:#FFF; font-weight:400; font-size:13pt; padding-left:7px; padding-right:7px}

.banner{ background-color:#003071; clear:both}
.banner_base{background-size:cover; background-position:center; background-repeat:no-repeat; width:100%; height:500px;}

/*bloco busca*/
#busca-master {box-sizing: border-box; position:absolute; z-index:3; top: 150px;  margin:0; padding:0px; width:100%;}
.busca_slogan{ width:100%; text-align:center; padding-top:20px; font-size:25pt; color:#FFFFFF; font-family: "Pacifico", cursive;
  font-weight: 400; font-style:italic; text-shadow: 3px 3px 2px #474747;}
.busca_box{ width:100%; float:right; padding-top:20px;}
.iframe_busca {width:100%; height:400px; border:0px; padding:0; }

#pai #sera-mostrada{display:none}
#pai:hover #sera-mostrada{display:block}
.busca_tipo {box-sizing:border-box; float:left; width:25%; padding-right:4px}



/*BALNEÁRIOS*/
.balnearios-img-fundo { background-image:url(../images/balnearios_bg.jpg)}
.balnearios-section { background-image:url(../images/azul_70.png); padding-top:100px; padding-bottom:100px}
.balnearios-header { margin-bottom:25px; }
.balnearios_subtitulo { font-size:15px; font-weight:700; color:#e3a008; text-transform:uppercase; letter-spacing:1px; position:relative; padding-left:24px; display:inline-block; }
.balnearios_subtitulo::before { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:16px; height:3px; background-color:#e3a008; border-radius:2px; }
.balnearios_titulo_container { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:15px; margin-top:6px; }
.balnearios_titulo { font-size:35px; font-weight:500; color:#FFF; margin:0; font-family:Pacifico,cursive; }
.balnearios_texto { font-size:20px; color:#FFF;}
.balnearios_btn {align-items:center; font-size:16px; font-weight:600; color:#0b1c3e; text-decoration:none; padding:10px 20px; border-radius:20px; transition:all 0.2s ease; background-color:#e3a008}
.balnearios_btn:hover { background-color:#0b1c3e; color:#ffffff; border-color:#0b1c3e; }


/*ESTATISTICAS*/
.estatisticas_base{ background-color:#003071; padding-top:60px; padding-bottom:60px}
.estatistica_box{ width:50%; float:left; text-align:center; margin:0 auto; box-sizing:border-box; color:#FFF;}
.estatistica_texto { font-size:12pt;  font-family: "Pacifico", cursive; font-weight:300}
.estatistica_numero { font-size:40pt; font-weight:bold}


/*bloco blog*/
.eventos_grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
.box_evento{ text-align:left; width:100%; font-size:12pt;}
.box_evento_interna{ background:#ffffff; border:1px solid #eef2f5; border-radius:12px; padding:24px; box-shadow:0 4px 15px rgba(0,0,0,0.04); display:flex; flex-direction:column; height:100%; box-sizing:border-box; transition:transform 0.25s ease,box-shadow 0.25s ease;}
.evento_nome{ height:60px; overflow:hidden; color:#003071; text-align:left; font-size:13pt; font-weight:bold; margin-bottom:10px;}
.evento_grupo{text-transform:uppercase; text-align:left; font-size:9pt; font-weight:bold;}
.evento_resumo{ text-align:justify; clear:both;  margin-bottom:10px; margin: 0 auto; font-size:10pt; color:#9aa9b2; height:130px; overflow:hidden; font-weight:200}
.evento_botao{ font-size:10pt}
.foto_evento{ width:98%; height:200px; background-color:#FFF; margin:0 auto; background-position:center; margin-bottom:10px;background-size: auto 100%; transition: 0.5s ease-out;}



.bloco{line-height:150%; margin:0px; padding-top:15px; text-align:justify; font-size:15pt; font-weight:300}
.bloco_fotos {width:40%; float:right; padding-left:20px}
.coluna{-moz-column-count: 2;-webkit-column-count: 2;-moz-column-gap: 50px;-webkit-column-gap: 50px; text-align:justify}

/*contato*/
.bloco_contato_esq {width:100%;	 box-sizing:border-box; padding:3%}
.bloco_contato_dir {width:100%; background-color:#002765; padding:3%; padding-top:10%; padding-bottom:10%; box-sizing:border-box; }
.contato_dir_txt {color:#FFF; font-family:"Pacifico",cursive; font-size:22pt}