@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:banner-principal-interna0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}

 body { color: #000;  font-size:18px;height: auto;    background-color:#f4f4ed;  } 
 * {margin:0; padding:0;   box-sizing: border-box;  }
html, body{height:100%;font-family: "Open Sans", sans-serif; }
p{word-wrap:break-word; letter-spacing: 0.5px; color:#555; line-height: 140%; margin: 10px 0 ;}
a{text-decoration:none;}
li{list-style:none;color:#555; }
span{color: #fcad02;}
hr{height:1px;background-color:#eee;border: none; }
.alinhaEstrutura{max-width: 1280px; padding: 0 20px; margin:0 auto;  }
.bgPrincipal{background-color: #fcad02;}
h1, h2, h3,h4{ font-weight: 200; }
h1,h2{color: #fcad02;text-align: center }
h1,h2{text-transform: uppercase}
.laranja{color: #fcad02;}
.fundoCinza{ background-color: #f4f4ed; padding: 5px 10px; margin-left: 20px;color: #fcad02; }
.fundoBranco{background-color: #fff;padding: 30px 10px 10px; }
.alinhaLadoStick{display:flex; flex-direction: row; flex-wrap: wrap; position: sticky;  }
.alinhaLadoStick > div{margin: 10px; border-radius: 20px; }

.alinhaLadoBarco{display:flex; flex-direction: row; flex-wrap: wrap; position: sticky;  }
.alinhaLadoBarco > div{margin: 10px; min-width: 300px; border-radius: 20px; }

.fundoCor{background-color: #f4f4ed;padding: 30px 10px 30px; }
.video-container {    position: relative;    padding-bottom: 56.25%; /* 16:9 */    height: 0;}
.video-container iframe {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}

/* Geral */
.logo{  color: #041422;  margin:10px 0 ;}
.logo img{display: block; width: 100%; max-width: 200px;  height: auto;}
a.linkVerMais:link{ position: relative; background-color: #fcad02; width: 100%; height: 50px; text-align: center; padding: 10px; color: #041422;}
a.linkVerMais:visited{ position: relative;color: #041422;}
a.linkVerMais:hover{ position: relative; background-color: #041422;  color: #fff;}
a.linkVerMais:active{ position: relative; color: #041422;}
.alinhaLink{  position: relative; width: 100%; margin-top: 20px; height: 50px; }

.banner-horizontal-1{  position: relative; margin: 0px auto 20px;  padding:0px 0px 0px;box-sizing: border-box;   }
.propaganda-horizontal360{   height: auto;   }
.propaganda-horizontal{position:relative; height:180px;background: url(../imagens/praia-grande-mangaratiba.jpg) no-repeat center center; background-size:cover;margin:0px 20px 0; top: -40px}
.propaganda-horizontal360 img{width: 100%; height: auto;display: block;  border-top-right-radius: 4px;  border-top-left-radius: 4px; padding:0 30px }

.banner-principal{position:relative;width:100%; display:flex; align-items:flex-start; justify-content:flex-start; box-sizing:border-box; padding:0px 0px 0px 0px; min-height:400px; background-color: #fff; background-image: url("../imagens/banner/banner-florianopolis-p.jpg"); background-size: cover }
.banner-principal img{ width: 100%;  height: auto; display: block; }
.frasesBnr{ position: relative;   margin: auto; color: #fff; z-index: 100; top: 30%; font-size: 1.6vh; max-width: 650px; font-weight: 400;text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); font-display: swap; text-align: left; padding: 20px;}
.frasesBnr h1{ margin: 0;}
.wrap{ 	display: flex; flex-wrap: wrap; 	width: auto;    }
.type-wrap{ padding:0px 0; 	font-size: 1.5em !important; letter-spacing:2px; font-weight: bold; text-align: center  }
.quadSeta{ position:absolute; left:50%; margin-left:-25px; bottom:0px; width:50px; height:50px; font-size: 2.0em; text-align: center; padding-top: 0px;background-color: #fcad02;}
.animaSeta{animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; -o-animation: bounce 2s infinite;}
#ptoHome{ position: relative; top: -0px;}
.linkptoDest:link{ position: relative;  color:#041422; padding: 10px;}
.linkptoDest:visited{  color:#041422;}
.linkptoDest:hover{text-decoration:underline; color:#041422; }
.linkptoDest:active{  color:#041422;}
.linkptoDest .material-icons{ position: relative; top:8px;  }

/* menu */
header{ position: relative;   z-index: 200; width: 100%;  display: flex; justify-content: center; align-items: center; background-color:#041422;box-shadow: 1px 2px 8px 0px rgba(00,153,153,0.17);left: 50%;  transform: translate(-50%); max-width: 100%;   }
.alinhaMenu{width: 100%; max-width: 1280px; padding: 0 20px; margin:0 auto;  display: flex; flex-direction: column; align-items: center;justify-content: space-between;  }
.navMenu{ position: relative; width:auto;  padding:0 0px; z-index: 102; display: none}
.navMenu > ul{   position: relative;  display: flex; flex-direction: column;   align-content: center; flex-wrap: wrap;   }
.navMenu > ul li{ display: flex; flex-direction: row;  transition: background-color .5s ease;  text-align: center;  border-bottom: solid thin #fcad02;border-top: solid thin #fcad02; }
.navMenu > ul li:last-child{   border-right:none; border-bottom:none; }
.navMenu > ul li:first-child{   border-top:none; }
.navMenu > ul li a{ position: relative;  padding:8px 10px; text-decoration: none;  color:#fff; font-weight:300; font-size:16px; letter-spacing: 1px; flex:1; justify-content: center; }
.navMenu > ul li a:hover{ background-color: #fcad02; color: #fff;   }
.navMenu > ul li ul{ position: absolute;    top:60px;   padding: 30px 20px;  }
.containerHamburger{ position:absolute;display:inline-block; right:15px; top:25px;   cursor:pointer; z-index: 101; }
.changebar1 {-webkit-transform: rotate(-45deg) translate(-9px, 6px) ;    transform: rotate(-45deg) translate(-9px, 6px) ;}
.changebar2 {opacity: 0;}
.changebar3 {-webkit-transform: rotate(45deg) translate(-6px, -6px) ;    transform: rotate(45deg) translate(-6px, -6px) ;}
.bar1, .bar2, .bar3 { width:30px; height:4px; background-color:#f4f4ed; margin:6px 0; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
.change1{-webkit-transform:rotate(-45deg) translate(-9px, 4px); -ms-transform:rotate(-45deg) translate(-12px, 4px);transform:rotate(-45deg) translate(-12px, 4px);}
.change2 { opacity:0;}
.change3 {-webkit-transform:rotate(45deg) translate(-8px, -6px); -ms-transform:rotate(45deg) translate(-8px, -6px);transform:rotate(45deg) translate(-8px, -6px);}

/* Hamburger Menu (se necessário para mobile) */
.topnav {  overflow: hidden; margin-top: -50px; }
.topnav a { float: left;display: block;color:#f2f2f2;text-align:center;padding:14px 12px;text-decoration:none;font-size: 17px; letter-spacing: 1px}
.active {  color: #fcad02 !important;}
.topnav .icon {  display: none; color: #fcad02 !important;}
.dropdown {  float: left;  overflow: hidden;}
.dropdown .dropbtn {font-size: 17px;border:none; outline: none; color: white; padding: 14px 16px; background-color: inherit; font-family: inherit;  margin: 0;}
.dropdown-content {display: none; position: absolute; background-color: #122433; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  z-index: 1;}
.dropdown-content a {  float: none;  color: #f9f9f9;  padding: 8px 12px;  text-decoration: none;  display: block;  text-align: left;}
.topnav a:hover, .dropdown:hover .dropbtn {  color: #fcad02;}
.dropdown-content a:hover {  background-color: #fcad02;  color: #041422;}
.dropdown:hover .dropdown-content {  display: block;}

/* Estilos gerais para o aside */
aside.alinhaMenuSup {background-color:#fcad02; flex-basis: auto; padding: 10px 20px; margin:0 auto;display: flex; flex-direction: row; align-items: center;justify-content: space-between; flex-wrap: wrap; } 
.alinhaMenuSup .alinhaLado { display: flex; align-items: center;flex-basis: auto;}
.alinhaMenuSup .flag {margin:5px 5px; width: 40px;}
.alinhaMenuSup .flag img {max-width: 40px; height: auto;}
.alinhaMenuSup a:link{text-decoration:none; font-size: 1.0em;color: #fff;  }
.alinhaMenuSup a:visited{text-decoration:none; color:#fff;}
.alinhaMenuSup a:hover{text-decoration:underline; color:#041422;}
.alinhaMenuSup a:active{text-decoration:none; color:#fff;}

/* Estilos para o campo de pesquisa */
.search-container {display: flex;align-items: center;}
.search-container form {display: flex;align-items: center; width: 100%; }
.search-container input[type="text"] {padding: 4px 10px;border: 0px solid #ccc;border-radius: 20px 0px 0px 20px;font-size: 16px; margin: 5px 0;}
.search-container button {background-color: #041422;border:none; padding: 3px 10px; border-radius: 0px 20px 20px 0px; cursor: pointer; color: white;}
.search-container button i {font-size: 16px;}
.alinhaMenuSup .live {    margin:0 10px 0 0;}
.alinhaConteudoPraia{ display: flex; flex-direction: column;    box-sizing: border-box; padding:0px 20px;}
.alinhaConteudo{ display: flex; flex-direction: column;    box-sizing: border-box; padding:0px 20px;}
.alinhaConteudoInterna{ display: flex; flex-direction: column; align-items:stretch;  padding:0px 20px; box-sizing: border-box}
.conteudoInterna{position: relative; background-color: #fff; width: 100%;  min-height: 250px; padding:0px 20px 60px;     border-radius: 20px; margin-bottom: 30px}
.conteudoInterna h1{font-size: 1.5em; margin: 10px 0 10px; color:#041422; font-weight: 300; text-align: center  }
.conteudoInterna h2{font-size: 1.0em; margin: 10px 0 10px; color:#041422; font-weight: 300; text-align: center  }
.conteudoInterna h3{  margin: 10px 0; font-weight: bold;font-size: 1.1em;color: #fcad02; }
.conteudoInterna h4{  margin: 0px 0px 5px; padding: 0; font-weight: bold;font-size: 1.10em; color: #041422; }

.banner-principal-interna-p{ position: relative; width: 100%;     box-sizing: border-box; padding:0px 0px 0px 0px; min-height: 320px;  padding-top:100px; background-image: url("../imagens/banner/banner-florianopolis.jpg"); background-size: cover; background-position: center;  }
.banner-principal-interna{ position: relative; width: 100%;     box-sizing: border-box; padding:0px 0px 0px 0px; min-height: 320px;  padding-top:100px; background-image: url("../imagens/banner/banner-florianopolis.jpg"); background-size: cover; background-position: center;  }
.banner-principal-interna h1{ position:relative;  padding:0 20px;    color: #fcad02; font-size:2.0em;  font-weight:300;   text-shadow: 0px 0px 11px rgba(22, 22, 22, 1);  }
.banner-principal-interna-p h1{ position:relative; padding:0 20px;   color: #fcad02; font-size:2.0em; font-weight: 300;     text-shadow: 0px 0px 11px rgba(22, 22, 22, 1);    }

.artigosHome{padding: 40px 0px 70px; box-sizing: border-box;  width: 100%;max-width: 100%; margin-right: 0px;background-color: #f4f4ed; text-align: center; }
.artigosHome h2{  font-size: 3.3em; text-align: center;   padding:0px 20px 20px 20px; margin: 0;color: #fcad02; }
.artigosHome .material-icons{ position: relative; top: 4px;}
.boxArtigos li{width:46%; background-color: #fff; padding: 0px 0px 15px; margin:10px 2%;box-shadow: 1px 1px 8px 0px rgba(219,216,219,0.85); text-align: center; border-radius: 20px; overflow: hidden;  }
.boxArtigos{display: flex; flex-direction: row;justify-content: center; flex-wrap: wrap;}
.boxArtigos li{width:46%; background-color: #f4f4ed; padding: 0px 0px 15px; margin:10px 2%;box-shadow: 1px 1px 8px 0px rgba(219,216,219,0.85); text-align: center; border-radius: 20px; overflow: hidden;  }

.boxArtigos li:hover{ box-shadow: 7px 7px 11px 0px rgba(219,216,219,1);	transition: .3s ease;}
.boxArtigos li img{ width:100%; height: auto;display: block; border-bottom:solid 6px #fcad02; }/* corpo */
.boxArtigos li .txtPaseio{ padding:  10px; }
.boxArtigos li h4{  color: #041422; font-size: 1.2em ;}/* corpo */
.boxArtigos a:link{ position: relative;  color:#fcad02;   }
.boxArtigos a:visited{  color:#fcad02;}
.boxArtigos a:hover{text-decoration:underline; color:#041422; }
.boxArtigos a:active{  color:#fcad02;}

/* Distritos Home */
.distritoHome input {  display: none;}
.distritoHome{padding: 40px 20px 70px; box-sizing: border-box;  width: 100%;max-width: 100%; margin-right: 0px; text-align: center; }
.distritoHome h2{  font-size: 3.3em; text-align: center;   padding:0px 20px 20px 20px; margin: 0;color: #fcad02; }
.distritoHome .material-icons{ position: relative; top: 4px;}
.boxDistHome article{ width: 46%;   margin:2%;overflow: hidden;   }
.boxDistHome article img{ width: 100%; height: auto; display: block; transition: all 0.35s ease-in-out;overflow: hidden;}
.boxDistHome article img:hover {      }

.boxDistHome article h3{width:100%;padding:0px 0px 0px;font-size:22px;font-weight:bold;text-align:center; }
.boxDistHome article a:link{ position: relative; color:#041422; display: flex;  align-items: center; justify-content: center;}
.boxDistHome article a:visited{text-decoration:none; color:#041422;}
.boxDistHome article a:hover{text-decoration:none;  color:#fcad02;  }
.boxDistHome article a:active{text-decoration:none; color:#041422;}
.boxDistHome{ display: flex; flex-direction: row; flex-wrap: wrap;  justify-content: center;   padding:30px 0px 0px; margin-bottom: 30px; }
a.btPadraoRedondo:link{ position: relative; color:#041422;background-color: #fcad02; padding: 20px 30px; margin:30px; text-align: center; border-radius: 30px;transition: all 0.3s;}
a.btPadraoRedondo:visited{text-decoration:none; color:#041422;}
a.btPadraoRedondo:hover{text-decoration:none;background-color: #001a34; color:#fff;padding: 20px 40px; border-radius: 40px; }
a.btPadraoRedondo:active{text-decoration:none; color:#041422;}
.containerBox{  position: relative;  width: 100%;background-color: #000 ;}
.imageBox{opacity: 1;  display: block;  width: 100%;  height: auto;  transition: .5s ease;  backface-visibility: hidden;}
.middleBox{position:absolute;top:0;bottom:0;left:0;right:0;height: 100%;width: 100%;  opacity: 0;  transition: .3s ease;     }
.containerBox:hover .imageBox {opacity: 1;}
.containerBox:hover .middleBox {  opacity: 0.65;}
.textBox{color:white;width:100%;height:100%;font-size:25px;padding:5px 22px;font-weight:bold;display:flex;align-items:center;justify-content:center;text-align: center;}
.textBox .fa-plus-circle{	  font-size: 2.5em;}
 
 /* fim Distritos Home */
/* categorias Home */
.categorias{  padding:0px 0px 40px ; background-color: #fff;}
.categorias h2{  font-size: 2.3em;  padding:0px 20px 10px 20px; margin: 0;   }
.categorias h2:before {content: "";display: block;width: 5px;height: 30px;position: relative;top: 38px;left: -15px; background-color: #fcad02;} 
.categorias h3{ }
.categorias ul{   display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.categorias ul li{ width: 45%;      margin: 2%; padding: 10px; box-sizing: border-box; background-color: #041422;   color: #fcad02; border: solid 1px #041422;  border-radius: 10px;  }
.categorias ul li:hover{  background-color: #fcad02;  color: #041422 !important; border: solid 1px #fcad02; cursor: pointer;}
.categorias .material-icons{ font-size: 3em; }
/* fim categorias Home */

/*  Destaque HOME */
.destaque{ position: relative; display: flex; flex-wrap: wrap; flex-direction: column; justify-content:space-between; align-items: flex-start;   }
.destaque article {position: relative;width: 98%; height: auto; margin:0% 1% 0px; padding: 0px 0px 0px 0px;border-radius: 10px;  }
.destaque article:first-child {width: 98%; margin:30px 1% 30px; padding: 0; top:0px;background-color: #fff;  }
.destaque article img{width: 100%; height: auto;display: block;  }
.destaque .material-icons{ position: relative; top:8px;  }
.destaque article h2 { color: #041422; padding:0 20px 0px; font-size: 1.45em !important; font-weight: 500 !important;  }
.destaque article h2:before {     content: "";display: block;width: 5px;height: 15px;position: relative;top: 30px;left: -20px;background-color: #fcad02;} 
.destaque article:first-child h2 {     color: #041422; padding: 30px 4% 4% 4%;  }
.destaque article h3 { color: #041422; padding:40px 30px 0px 30px; font-size: 1.4em;  }
.destaque article p { margin-bottom: 20px; padding: 20px 30px 10px 30px;  }
.destaque article > div { background-color: white; padding-bottom: 50px;}
.destaque article > div:first-child {  border-bottom-right-radius: 18px; border-bottom-left-radius: 18px;}
.fundoDestaqueBt{    color: #fcad02; font-size: 2em; font-weight: bold}
.eventosTopoHome .fa-calendar-alt{ position: relative; margin-right: 5px; }
.eventosTopoHome h2{ padding:0px 20px 15px 20px !important;    border-top-right-radius: 4px;  border-top-left-radius: 4px; }
.eventosTopoHome ul { margin-bottom: 0px;  }
.eventosTopoHome ul li:hover{ background-color: #041422; color: #fff}
.eventosTopoHome ul li:hover a{ background-color: #041422; color: #fcad02}
.eventosTopoHome ul li{ border-bottom: #ececec solid thin; padding: 10px 0; margin-bottom: 0px; display: flex; align-items: center; }
.eventosTopoHome ul li p{padding: 0px 20px ;margin: 5px 0; color: #999;}
.eventosTopoHome ul li h3{padding: 0px 10px ; margin: 0; font-size: 1.2em;  letter-spacing: 2px; }
.eventosTopoHome{ position: relative;  padding:0 0 0px 0; border-top-right-radius: 20px ; background-color: #fff;  border-top-left-radius: 20px; box-shadow: 1px 1px 11px 0px rgba(219,216,219,1); top:0px; }
a.btDestaqueHome:link{ position: relative; text-decoration:none;text-align: center; margin: 0px;   padding: 0px; color:#041422;  }
a.btDestaqueHome:visited{text-decoration:none; color:#041422;}
a.btDestaqueHome:hover{text-decoration:underline; color:#eee; }
a.btDestaqueHome:active{text-decoration:none; color:#041422;}

.fotoDest{ max-width: 150px;  }
.fotoDest img{ width: 100%; height: auto; display: block;border-radius: 0px 20px 20px 0}

.foto100{  }
.foto100 img{ width: 100%; height: auto; display: block;}

/* fim Destaque Home */
.cidadeDist li p{ color: #000;}
.cidadeDist li p fas{ color: #fcad02;}

.alinhaBairros{ display: flex;  flex-direction: row; flex-wrap: wrap;}
.alinhaBairros div{ width: 98%; margin: 1%;}

/*   footer estrutura */
footer{ background-color: #fcad02; padding: 60px 0px 0;  color: #041422; }
footer h3{ color:#fff; font-weight: bolder; margin-bottom: 5px; font-size: 1.7em;   }
footer ul li{ font-weight: 300; margin:4px 0;  }
footer ul{ font-weight: 300; margin-bottom: 25px;  }
footer > div{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content:flex-start;}
footer > div article{   box-sizing: border-box; width: 100%; padding:0 0px;}
.fundoRodape{    padding: 0px 0px 45px;background-color: #fff;background-size: cover;    background-position:  bottom center;    background-repeat-y: no-repeat; background-image:none; display: none}
.objSurf{ position:relative; bottom:0px; width:100%; height:110px; background-image:url(../imagens/golfinho-rodape.png); background-position:right bottom;    background-repeat:no-repeat; z-index:9; }
.direitos{  background-color: #001a34;  color:#666 !important;padding: 30px; margin-top: 0px;  }
.direitos > p{  color:#666 !important; font-size: 16px;}
.telRoda{  padding:20px 20px 10px; border-radius: 15px; margin: 20px 0; color: #fff;}
.telRoda p{ color: #fff;}
.telRodaFlex{display: flex; flex-direction: row;align-items: center;}
.telRodaFlex .fas{font-size: 3em; margin: 10px;}
.linkPolitica:link{  position: relative;  text-decoration:underline; color:#fcad02;     padding: 10px 20px}
.linkPolitica:visited{text-decoration:underline; color:#fcad02;}
.linkPolitica:hover{text-decoration:none; color:#666; }
.linkPolitica:active{text-decoration:underline; color:#fcad02;}
.linkRodape:link{ position: relative; text-decoration:underline; color:#041422;letter-spacing: 1px;   }
.linkRodape:visited{text-decoration:underline; color:#041422;}
.linkRodape:hover{text-decoration:underline; color:#fff; }
.linkRodape:active{text-decoration:underline; color:#041422;}
.telRodalink:link{ position: relative; text-decoration:none; color:#041422;letter-spacing: 1px; font-size: 1.6em; font-weight: bold; }
.telRodalink:visited{text-decoration:none; color:#041422;}
.telRodalink:hover{text-decoration:underline; color:#fff; }
.telRodalink:active{text-decoration:none; color:#041422;}
.ctoMail{ position: relative;  color:#041422 }
.midiaSociais ul{ display: flex; flex-direction: row; padding: 0px 0; color:#041422 }
.midiaSociais ul li{ font-size: 3em; margin-right: 20px;  }
.midiaSociais .fab{  color:#041422 }

.midias{ position: fixed; right: 20px; z-index: 201; bottom: 25%; color: #041422;}
.midias > div{ position: relative; background-color: rgba(13,193,67,0.8);padding: 8px 15px 10px 8px; margin: 6px 0 ; right: -198px; transition: .3s ease;}
.midias > div:hover{  right: -48px; }
.midias .fab{ animation: shake 1s;    animation-iteration-count: infinite;}
.midias .fab,.midias .fas{ font-size: 2em; margin-right: 5px;}
a.verMidias:link{ position: relative; text-decoration:none; color:#041422; padding: 0px; padding-right: 10px; font-weight: bold;font-size: 1.22em; }
a.verMidias:visited{text-decoration:none; color:#041422;}
a.verMidias:hover{text-decoration: underline; color:#041422;}
a.verMidias:active{text-decoration: none; color:#041422;}
.gradiente{ background-color: rgba(48,3,67,0.9) !important;color: #fff !important; }

.wave1, .wave2{height: 30px;position: relative;width: 100%;z-index: 12;left: 0;bottom: -120px; margin-top: -80px;}
.wave1 {
  -webkit-animation: wave-animation1 8.7s infinite linear; /* Safari 4+ */
  -moz-animation:    wave-animation1 8.7s infinite linear; /* Fx 5+ */
  -o-animation:      wave-animation1 8.7s infinite linear; /* Opera 12+ */
  animation:         wave-animation1 8.7s infinite linear; /* IE 10+ */
}
.wave2 {
  -webkit-animation: wave-animation1 6.3s infinite linear; /* Safari 4+ */
  -moz-animation:    wave-animation1 6.3s infinite linear; /* Fx 5+ */
  -o-animation:      wave-animation1 6.3s infinite linear; /* Opera 12+ */
  animation:         wave-animation1 6.3s infinite linear; /* IE 10+ */
}

@-webkit-keyframes wave-animation1 {  0%   { background-position: 0 0; }  100% { background-position: 1601px 0; }}
@-moz-keyframes wave-animation1 {  0%   { background-position: 0 0; }  100% { background-position: 1601px 0; }}
@-o-keyframes wave-animation1 {  0%   { background-position: 0 0; }  100% { background-position: 1601px 0; }}
@keyframes wave-animation1 {   0%   { background-position: 0 0; }   100% {background-position: 1601px 0;} }

.wave1 {     background: url('../imagens/wave1.png') 0 0 repeat-x; }
.wave2 {     background: url('../imagens/wave2.png') 0 0 repeat-x; }

.rotating-borderLar {   width: max-content; background: linear-gradient(90deg, #b25111 50%, transparent 50%), linear-gradient(90deg, #b25111 50%, transparent 50%), linear-gradient(0deg, #b25111 50%, transparent 50%), linear-gradient(0deg, #b25111 50%, transparent 50%); background-repeat: repeat-x, repeat-x, repeat-y, repeat-y; background-size: 15px 4px, 15px 4px, 4px 15px, 4px 15px; padding: 10px; animation: border-dance 4s infinite linear; }
.rotating-border {   width: max-content; background: linear-gradient(90deg, #041422 50%, transparent 50%), linear-gradient(90deg, #041422 50%, transparent 50%), linear-gradient(0deg, #041422 50%, transparent 50%), linear-gradient(0deg, #041422 50%, transparent 50%); background-repeat: repeat-x, repeat-x, repeat-y, repeat-y; background-size: 15px 4px, 15px 4px, 4px 15px, 4px 15px; padding: 10px; animation: border-dance 4s infinite linear; }
@keyframes border-dance {
  0% {     background-position: 0 0, 100% 100%, 0 100%, 100% 0;   }
  100% {     background-position: 100% 0, 0 100%, 0 0, 100% 100%;   }
}

/*  Seção footer estrutura */
.propagandasInferiorHome{  display: flex; flex-direction: column; justify-content: center; flex-wrap: wrap; }
.propagandasInferiorHome > div{ width: 100%; margin:15px auto; box-shadow: 1px 1px 11px 0px rgba(219,216,219,1);  }
.propagandasInferiorHome > div img{ width: 100%; height: auto; display: block }
.conteudoPropaganda{ position: relative;  width: 96%;  margin-left: 0px; padding: 20px; margin:0 auto; }

.propaganda { padding: 50px 20px 20px;}
.propaganda h3{ text-align: center;}

/* INTERNA */
.sobre{   border-radius: 4px; margin: 0px auto 0px; padding: 0px 0 0px;}
.sobre > article{   background-color: #fff;   }
.fotoConteudo{}
.fotoConteudo img{  width: 100%; height: auto; display: block;}
.alinhaIcon{ display: flex; flex-direction: row;  justify-content: flex-start; align-items: center;}
.bt360:link{ position: relative; text-decoration:underline; color:#fcad02;letter-spacing: 1px;   }
.bt360:visited{text-decoration:underline; color:#fcad02;}
.bt360:hover{text-decoration:none; color:#041422; }
.bt360:active{text-decoration:underline; color:#fcad02;}

.alinhaIcones{ display: flex; flex-direction: column; width: 100%; max-width: 100%; background-color: #f4f4ed; padding:0 20px; margin: 20px 0; border-radius: 10px;float: none}
.alinhaIcones li{ display: flex; flex-direction: row; align-items: flex-start; width: 94%;  margin:10px 2%; }
.alinhaIcones .fas{ font-size: 1.5em;color:#fcad02; margin:10px 10px 0 0; width: 30px;  }
.alinhaIcones p{  }
.alinhaIcones h3{ color: #fcad02; }
.linkPadrao:link{ position: relative; text-decoration:none; color:#fcad02;letter-spacing: 1px;   }
.linkPadrao:visited{text-decoration:none; color:#fcad02;}
.linkPadrao:hover{text-decoration:none; color:#041422; }
.linkPadrao:active{text-decoration:none; color:#fcad02;}

.linkPraias:link{ position: relative; text-decoration:none; color:#000;letter-spacing: 1px;   }
.linkPraias:visited{text-decoration:none; color:#000;}
.linkPraias:hover{text-decoration:none; color:#fcad02; }
.linkPraias:active{text-decoration:none; color:#000;}

.ulPraias{display: flex; flex-direction: row;  flex-wrap: wrap; }
.ulPraias li{ width:98%; margin:3px 1%; padding: 5px;box-sizing: border-box;}

ul.subNav {   padding: 15px 16px 5px;   list-style: none;    max-width: 1280px; margin: auto; }/* Display list items side by side */
ul.subNav li {   display: inline;   font-size: 18px; }/* Add a slash symbol (/) before/behind each list item */
ul.subNav li+li:before {   padding: 8px;   color: black;   content: "/\00a0"; }/* Add a color to all links inside the list */
ul.subNav li a {   color: #fcad02;   text-decoration: none; }/* Add a color on mouse-over */
ul.breadcrumb li a:hover {   color: #01447e;   text-decoration: underline; }
.tab {   overflow: hidden;   margin-top: 30px;   display: flex; flex-wrap: wrap; justify-content: center;  }
.tab button{float:left; border:none; outline:none; cursor:pointer; padding:14px 14px; transition:0.3s; font-size:17px; background-color:#fcad02; color:#fff;
margin:5px 3px 0;}
.tab button:hover {   background-color: #041422; }
.tab button.active {   background-color: #041422; }
/* Style the tab content */
.tabcontent {   display: none;   padding:0px 0px;  border-top: none; 	margin:0 0px; }
.tabcontent2 {   display: none;   padding:0px 20px;   border-top: none; 	margin:0 0px;background-color: #f4f4ed !important; }
.tabcontent h2 { text-align:center; margin:20px; font-size:30px; text-transform:uppercase; }

/*PASSEIOS*/
.conteudoFiltro{position: sticky;    top: 130px;width: 100%;  }
.menuFiltro{background-color: #f9f9f9; max-width: 100%x;  padding:10px 30px;     }
.menuFiltro h2{color: #fcad02;  font-size: 1.7em; padding: 10px; text-align: center     }
.opcao{background-color: #fcad02;  width: 130px;  padding: 10px; margin: 6px; text-align: center; cursor: pointer}
.opcao:hover{background-color: #041422; color: #fff }
.opcSelecionado {  background-color: #041422;   color: #fff; }
.filtro{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center     }

.custom-checkbox {  display: block;  position: relative;  padding-left: 35px;  margin: 20px ;  cursor: pointer;  font-size: 18px;color: #041422;  -webkit-user-select: none; /* Safari */  -moz-user-select: none; /* Firefox */  -ms-user-select: none; /* IE10+/Edge */  user-select: none; /* Standard */}
.custom-checkbox input {  position: absolute;  opacity: 0;  cursor: pointer;  height: 0;  width: 0;}
.custom-checkbox .checkmark {  position: absolute;  top: 0;  left: 0;  height: 25px;  width: 25px;  border: 1px solid #041422;background-color: #041422;}
.custom-checkbox:hover input ~ .checkmark {  background-color: #fcad02;}
.custom-checkbox input:checked ~ .checkmark {  background-color: #fcad02;}
.custom-checkbox .checkmark:after {  content: "";  position: absolute;  display: none;}
.custom-checkbox input:checked ~ .checkmark:after {  display: block;}
.custom-checkbox .checkmark:after {  left: 9px;  top: 5px;  width: 5px;  height: 10px;  border: solid white;  border-width: 0 3px 3px 0;  -webkit-transform:rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);}

.passeios h4{  font-size: 1.9em  ;color: #041422 !important;}/* corpo */
.passeios h2{  font-size: 1.5em !important;  color: #041422 !important; text-align: left !important; margin-top: 30px !important;font-weight:300 !important; }/* corpo */
.passeios h1{  color: #fcad02; }/* corpo */
.passeios h3{  font-size: 1.5em !important;    color: #fcad02;font-weight:300 !important;}/* corpo */

/* internas PASSEIOS */
.boxPasseios{display: flex; flex-direction: row;justify-content: center; flex-wrap: wrap;}
.boxPasseios li{width:96%; background-color: #fff; padding: 0px 0px 15px; margin:10px 2%;box-shadow: 1px 1px 8px 0px rgba(219,216,219,0.85); text-align: center; border-radius: 20px; overflow: hidden;  }

.boxPasseios li:hover{ box-shadow: 7px 7px 11px 0px rgba(219,216,219,1);	transition: .3s ease;}
.boxPasseios li img{ width:100%; height: auto;display: block; border-bottom:solid 6px #fcad02; }/* corpo */
.boxPasseios li .txtPaseio{ padding:  10px; }
.boxPasseios li h4{  color: #041422; font-size: 1.2em ;}/* corpo */
.boxPasseios a:link{ position: relative;  color:#fcad02;   }
.boxPasseios a:visited{  color:#fcad02;}
.boxPasseios a:hover{text-decoration:underline; color:#041422; }
.boxPasseios a:active{  color:#fcad02;}
.linkPasseio:link{  position: relative;  color:#fcad02;   font-size: 2.5em; top: 10px;  }
.linkPasseio:visited{text-decoration:underline;color:#fcad02; }
.linkPasseio:hover{text-decoration:none; color:#041422;  }
.linkPasseio:active{text-decoration:underline; color:#fcad02;}
.hidden {    display: none;}
.gratuito{background-color: #fcad02; color: #fff; width: 120px; padding: 8px 10px; text-transform: uppercase; text-align: center; position: absolute; right: 0; top: 0;border-radius: 0 0 0 10px  }

/* historia */
.timeline {  position: relative;   max-width: 1200px;   margin: 0 auto; }
.timeline::after {   content: '';   position: absolute;   width: 6px;   background-color: #041422;   top: 0;   bottom: 0;   left: 50%;   margin-left: -3px; }
.container {   padding: 10px 30px;   position: relative;   background-color: inherit;   width: 50%; }
.container::after{content: ''; position:absolute; width:25px; height:25px; right:-17px; background-color:#041422; border:4px solid #FF9F55; top:15px; border-radius:50%; z-index:1; }
.left {   left: 0; }
.right {   left: 50%; }
.left::before {  content: " "; height:0; position: absolute; top:22px; width:0; z-index:1; right:30px; border:medium solid #f4f4ed; border-width:20px 0 20px 20px; border-color: transparent transparent transparent #f4f4ed; }
.right::before { content:" ";  height:0; position:absolute; top:22px; width:0; z-index:1; left:30px; border:medium solid #f4f4ed; border-width:20px 20px 20px 0; border-color: transparent #f4f4ed transparent transparent; }
.right::after {   left: -16px; }
.content {   padding: 20px 30px;   background-color: #f4f4ed;   position: relative;   border-radius: 6px; }
.topright {   float: right;   cursor: pointer;   font-size: 28px; }
.topright:hover {color: red;}

/* como chegar */
.cidadeDist{display: flex; flex-direction: column; flex-wrap: wrap;}
.cidadeDist li{ width: 98%; margin: 1%;}
.comoChegar{display: flex; flex-direction: column; flex-wrap: wrap;}
.comoChegar li{background-color: #f4f4ed; width: 98%; margin: 1%;padding: 30px 20px 40px;}
.comoChegar h4 { text-transform: uppercase; margin-bottom: 15px;  }
.chegar{display: flex; flex-direction: column; flex-wrap: wrap;}
.chegar li{background-color: #f4f4ed; width: 98%; margin: 1%;padding: 30px 20px 40px;}
.chegar h4 { text-transform: uppercase; margin-bottom: 15px;  }
.chegando h3{ display: flex; align-items: center; justify-content: flex-start;}
.chegando h3 > .fas{ margin-right: 10px; font-size: 2.0em;}
.alinhaFoto{float: right; max-width: 250px; display: none}
.alinhaFoto img{width: 100%; height: auto; display: block;}
.clear {  clear: both; }
a.linkMapa:link{ position: relative;    top: 10px;  color:#fcad02; }
a.linkMapa:visited{text-decoration:none; color:#fcad02;}
a.linkMapa:hover{text-decoration:underline; color:#041422;  }
a.linkMapa:active{text-decoration:none; color:#fcad02;}

/* distritos */
.fotoDist{ position: relative;  float: none;}
.fotoDist img{width: 100%; height: auto;display: block; max-width: 500px; }

.fotoLateral{ position: relative;  float: none;}
.fotoLateral img{width: 100%; height: auto;display: block;  }


.distritoBoxCategoria > div{ display: flex; flex-wrap: wrap; justify-content: center; align-content: center; max-width:1280px; margin: 1%;  text-align:center;  padding:30px 0px 0px; }
.distritoBoxCategoria article{  width:96%; min-width:120px; margin:0 2%;overflow: hidden; border-radius:20px; }
.distritoBoxCategoria article img{ width:100%; height: auto; display: block; transition: all 0.35s ease-in-out;overflow:hidden;}
.distritoBoxCategoria article img:hover {   transform: scale(1.15);  }
.distritoBoxCategoria article h3{ position: relative; font-size:1.2em;background-color:#fcad02; color:#041422; padding:30px 10px; margin-top: -0px; border-radius: 0 0 20px 20px;   }
.distritoBoxCategoria svg{ position: relative; fill:#fcad02; width: 40px; height: 40px; }
.distritoBoxCategoria article h3:hover {  background-color:#041422; color:#fcad02; }
.distritoBoxCategoria article:hover a.linkCat{ background-color: #001a34; }

.linkCat:link{  position: relative;    background-color: #041422;  padding:0px; border-radius: 30px;top:-28px;    }
.linkCat:visited{text-decoration:none;color:#041422; }
.linkCat:hover{text-decoration:none; color:#fcad02;  }
.linkCat:active{text-decoration:none; color:#041422;}
 iframe{  display:block} 
        

.distritoBox .fa-arrow-alt-circle-right{color:#f26329; font-size: 2.0em; margin-right: 20px;}
.linhaAtento{background-color: #f3f3f3;  padding:10px ; display: flex; align-items: center; border-radius: 10px;}
.distritoBox article{  width: 46%; min-width: 120px;  margin:0 2%;overflow: hidden; }
.distritoBox article img{ width: 100%; height: auto; display: block; transition: all 0.35s ease-in-out;overflow: hidden;}
.distritoBox article img:hover {   transform: scale(1.05);  }
.distritoBox article h3{ background-color: #fcad02;color:#041422; width:100%; padding:15px 15px 20px; margin: 0; text-align: center;font-size: 1.5em; }
.distritoBox article a.linkCat{ position: relative;display: flex;  align-items: center; justify-content: center; background-color: #fcad02; width: 40px;  height: 40px; top: -20px; margin: auto; padding: 15px;  border-radius: 50%; color:#001a34;}

.floatRigth{float: right}
.percurso{ position: relative; background-color: #f8f8f8; padding: 10px 20px;margin:0 auto; border-radius: 10px; max-width: 100%; min-width: 340px;}
.alinhaPasseios{ position: relative; display: flex; flex-direction: column;flex-wrap: wrap;}
.alinhaPasseios article{ margin: 20px 0;}

.conteudoPasseios{ padding: 30px 10px;     background-color: #f8f8f8;    }
.conteudoPasseios ul li{ padding: 5px 0px;    }

.alinhaDir{ float: right}
.alinhaDir::after{ clear: both}
.linkDir:link{  position: relative;   color:#fff;  background-color: #fcad02; padding: 8px 20px;  margin: 20px 0 20px 20px;    }
.linkDir:visited{text-decoration:underline;color:#fff; }
.linkDir:hover{text-decoration:none; background-color:#041422;color:#fcad02;   }
.linkDir:active{text-decoration:underline; color:#fff;}
.linkDir .fas{    color:#fcad02;   font-size: 2.5em; margin: 0px 10px 0px; text-align: left; }
.linkDir:hover .fas{  color:#041422;  }

.videoPasseio{margin: 20px;}
a.linkComprar:link { position: relative; color:#041422; width: 100%; height: 100%; padding:10px 20px; display: block; text-align: center}
a.linkComprar:visited{text-decoration:none; color:#041422;}
a.linkComprar:hover{text-decoration:none;background-color: #001a34; color:#fcad02;  }
a.linkComprar:active{text-decoration:none; color:#041422;}
.linkComprar{ width: 100%; max-width: 320px; height: 70px; background-color: #fcad02;}

.boxPasseiosInterna{display: flex; flex-direction: row;justify-content: center; flex-wrap: wrap;  }
.boxPasseiosInterna li{width:100%; background-color: #f4f4ed; padding: 0px 0px 0px; margin: 2%;box-shadow: 1px 1px 8px 0px rgba(219,216,219,0.85); text-align: center; border-radius: 20px;  overflow: hidden}
.boxPasseiosInterna li:hover{box-shadow: 7px 7px 11px 0px rgba(219,216,219,1);	}
.boxPasseiosInterna li img{ width:100%; height: auto;display: block; border-bottom:solid 6px #fcad02; }/* corpo */
.boxPasseiosInterna li .txtPaseio{ padding:  10px; }
.boxPasseiosInterna li h4{  color: #041422; font-size: 1.2em ;}/* corpo */
.boxPasseiosInterna a:link{ position: relative;  color:#fcad02;   }
.boxPasseiosInterna a:visited{  color:#fcad02;}
.boxPasseiosInterna a:hover{text-decoration:underline; color:#041422; }
.boxPasseiosInterna a:active{  color:#fcad02;}

.pubPasseios{  background-color: #f8f8f8; padding: 10px 10px;margin:0 auto; border-radius: 10px;   }
.pubPasseios h4{color: #041422;    padding:15px 15px 20px; margin: 0; text-align: center;font-size: 1.3em; }
.boxPublicidade{display: flex; flex-direction: column; align-items: center }
.boxPublicidade li{width:100%; background-color: #f4f4ed; padding: 0px 0px 0px; margin:10px 2%;box-shadow: 1px 1px 8px 0px rgba(219,216,219,0.85); text-align: center; border-radius: 20px; overflow: hidden; max-width: 250px;	}
.boxPublicidade li img{ width:100%; height: auto;display: block; border-bottom:solid 6px #fcad02; }/* corpo */
.boxPublicidade li .txtPaseio{ padding:  10px; }
.boxPublicidade li h4{  color: #fcad02; font-size: 1.2em ;}/* corpo */
.alinhaLadoIcones{ display: flex;justify-content: flex-end; float: none;}
.iconesPasseio{ display: flex;margin-right: 20px;   }
.iconesPasseio > div{  margin: 10px; }
.iconesPasseio div .material-symbols-outlined{ font-size: 3em;  }
a.linkIcones:link{ position: relative;  color:#fcad02;   }
a.linkIcones:visited{  color:#fcad02;}
a.linkIcones:hover{text-decoration:underline; color:#fcad02; }
a.linkIcones:active{  color:#fcad02;}
 
 /* ilhas de mangaratiba */
.linkNormal:link{text-decoration:none;  position: relative;  color:#888; letter-spacing: 1px; }
.linkNormal:visited{text-decoration:none;color:#888; }
.linkNormal:hover{text-decoration:underline; color:#fcad02;  }
.linkNormal:active{text-decoration:none; color:#888; }
.alinhalinkPraias{   flex-direction: row;  margin: 0px 0 20px;column-count: 3}
.alinhalinkPraias li{ width: 98%; margin: 1%; padding: 3px 0;}
.fotoTour img{ width: 100%; height: auto; display: block; }

.myButton {	box-shadow: 0px 1px 0px 0px #1c1b18;	background:linear-gradient(to bottom, #fcad02 5%, #873803 100%);	background-color:#fcad02;	border-radius:15px;	border:2px solid #333029; display:inline-block;	cursor:pointer;	color:#47220a; font-size:14px; font-weight:bold; padding:12px 16px;	text-decoration:none; text-shadow:0px 1px 0px #a88254;}
.myButton:hover {	background:linear-gradient(to bottom, #873803 5%, #fcad02 100%);	background-color:#873803;}
.myButton:active {	position:relative;	top:1px;}

.propagandasLateralInterna{ padding: 10px 10px 20px; display: flex; flex-direction: column; flex-wrap: wrap;  justify-content: center;}
.propagandasLateralInterna{ width: 100%; margin:15px 0%; box-shadow: 1px 1px 11px 0px rgba(219,216,219,1); }
.propagandasLateralInterna img{ width: 100%; height: auto; display: block }
    
/* BARCOS */
.alinhaBoxHor{ display: flex; flex-direction: row; flex-wrap: wrap;  padding: 15px 0;    }
.alinhaBoxHor article{ display: flex; flex-direction: column;   margin:15px 2%; width: 96%;background-color: #f4f4ed;   box-shadow: 1px 1px 11px 0px rgba(219,216,219,1); padding:0px !important;transition:0.4s; border-radius: 20px; overflow: hidden}
.alinhaBoxHor article:hover{  box-shadow: 1px 1px 11px 0px rgba(219,216,219,1);   width: 100%; }
.alinhaBoxHors article a img{ width: 100% !important;  height: auto !important; display: block; }
.alinhaBoxHor article > div{ padding: 10px 0; width: 100%;  }
.alinhaBoxHor article .fas,.alinhaBoxHor article .fab{  color:#fcad02;  }
.alinhaBoxHor article h3{font-size: 1.3em; }
.txtBarco{padding: 15px 15px 30px !important;}
 a img.barco{ width: 100%;  height: auto; display: block; border: red solid thin }

.linkBt:link{  position: relative;  color:#fff;  background-color: #041422; padding: 8px 15px; border-radius: 20px; margin-bottom:30px;   }
.linkBt:visited{text-decoration:underline;color:#fff; }
.linkBt:hover{text-decoration:none; color:#fff; background-color: #fcad02; }
.linkBt:active{text-decoration:underline; color:#fff;}

a.verBarco:link{position:relative; text-decoration:none;display:inline-block; width:100%; color:#fcad02; margin:0px auto; background-color:#041422;padding:0px 10px;}
a.verBarco:visited{text-decoration:none; color:#041422; }
a.verBarco:hover{text-decoration:underline; color:#fcad02; background-color: #041422;  }
a.verBarco:active{text-decoration:none; color:#041422;}
.subMenuBusca select{background-color: #fcad02; padding: 10px; border-radius: 10px; }
.subMenuBusca{   padding: 0px 10px;  color: #011144; border-radius: 10px;  margin: 20px 0; }
.linkBarcoBt:link{  position: relative;  color:#fff;  background-color: #fcad02; padding: 8px 15px; border-radius: 20px;   }
.linkBarcoBt:visited{text-decoration:underline;color:#fff; }
.linkBarcoBt:hover{text-decoration:none; color:#fff;  }
.linkBarcoBt:active{text-decoration:underline; color:#fff;}
.linkBarcoBt .fas{    color:#fcad02;   font-size: 2.5em; margin: 0px 10px 0px; text-align: left; }
.linkBarcoBt:hover .fas{  color:#041422;  }
.barcos{   padding:30px 0px 30px; margin: 5px; display: flex; flex-direction: column; }
.barcos > div:nth-child(1){width: 100%;}
.barcos > div:nth-child(2){width: 100%;}

.barcos h2{  font-display: swap; font-size: 2.3em;  text-transform: uppercase;padding:0px  20px 0px; margin:20px 0; }
.barcos h2:before {content: ""; display: block; width: 5px; height: 30px; position: relative; top: 32px; left: -15px; background-color: #fcad02; margin-top: -38px;} 
.linkBarco:link{  position: relative;  color:#fcad02;      }
.linkBarco:visited{text-decoration:underline;color:#fcad02; }
.linkBarco:hover{text-decoration:none; color:#041422;  }
.linkBarco:active{text-decoration:underline; color:#fcad02;}
.linkBarco .fas{    color:#fcad02;   font-size: 2.5em; margin: 0px 10px 0px; text-align: left; }
.linkBarco:hover .fas{  color:#041422;  }

.linkMais:link{  position: relative;  color:#fcad02;   font-size: 2.5em;  margin: 10px; margin-top: -20px;  }
.linkMais:visited{text-decoration:underline;color:#fcad02; }
.linkMais:hover{text-decoration:none; color:#041422;  }
.linkMais:active{text-decoration:underline; color:#fcad02;}

.foto360 img{width: 100%; height: auto;display: block;  border-top-right-radius: 4px;  border-top-left-radius: 4px }
.foto360{text-align: center; display: flex; flex-direction: column;justify-content: center; align-items: center;}
.alinhaFoto360{ position: relative; display: flex; flex-wrap: wrap; flex-direction: row; justify-content:center; align-items: center;   }
.alinhaFoto360 div{position: relative;  padding: 20px; width: 98%; margin: 1% ; background-color: #f4f4ed;   border-radius: 20px; }
.alinhaFoto360 div img{width: 100%; max-width: 200px; height: auto;display: block;  }
.alinhaFoto360 .fa-play-circle{font-size: 2em; color: #fff; margin: 10px;  }
a.link360 {position: relative; display: flex;  flex-wrap: nowrap; align-items: center; background-color: #fcad02;border-radius: 15px  15px 15px 0; ; padding: 15px 10px;}
a.linkClique {margin: 10px;text-align: center; display: flex;  justify-content: center; align-items: center;}
.alinhaFoto360 h4{color: #fff !important; font-weight: bold;  text-align: center; font-size: 1.5em !important;}
.alinha360{ position: relative; display: flex; flex-wrap: wrap; flex-direction: row; justify-content:center; align-items: center;   }
.alinha360 li{  width: 96%; margin: 2%;  }
.alinha360 li img{width: 100%; height: auto;display: block;  border-top-right-radius: 4px;  border-top-left-radius: 4px }
.bolaSpan{display: flex; flex-direction: row;align-items: center; justify-content: center; position: relative; width: 25px; height: 25px; background-color: #fcad02; color:#041422; padding: 15px; border-radius: 50%; margin-right: 15px; font-weight: bold; font-size: 1.5em; }
.alinhaLinha{ display:flex; flex-direction:row; align-items:center; flex-wrap:nowrap; border:dashed 2px #eee; background-color:#f4f4ed; border-radius:20px;   padding:20px; margin-bottom:20px; }

.linhaColuna{position: relative; float: right;display: none}
#viewLine{cursor: pointer; font-size: 3em;}
#viewColumn{cursor: pointer; font-size: 3em;}

.alinhaRest{display: flex; flex-direction: column; width: 100%; }
.alinhaRest h3 {color: #fcad02; margin: 5px 0 5px; font-size: 1.7em;}
.containerRest {background-color: #f4f4ed; padding: 5px;  display: flex; flex-direction: column; flex-wrap: nowrap;   align-items: center;   width: 98%;  margin: 15px 1%;box-sizing: border-box; border-radius: 10px; }
.containerRest img { border-radius: 10px; }
.fotoRest{width: 100%; 	height: auto; display: block; max-width: 300px;}
.FotoDireita {  float:right;  }
.FotoDireita img{width: 100%; 	height: auto;  max-width: 500px;}
.FotoDireita p {
  color: #999 !important;
  margin-top: 5px;
}

.textoRest { padding:10px 20px;  }
.botao { position: relative; background-color: #fcad02; color: #fff; padding: 20px; text-align: center; min-width: 120px; margin:20px auto;  border-radius: 20px;   }
.botao:hover {  background-color: #041422;  }
.alinhaRestL{flex-direction: row;  flex-wrap: wrap;  width: 100%;}
.alinhaRestL .containerRest {  width: 23%;  margin: 1%;  box-sizing: border-box;} 

.linhaPesquisa{ padding: 5px 10px;}
.alinhaPesq { padding: 10px 0;}
.respPesq p{ font-size: 2em; text-align: center; color:#fcad02 !important;}
.textCenter{text-align: center;}

#dots{ font-weight: bold}
.lightbox {display:none;position:fixed !important;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.8);justify-content:center;align-items: center;}
.lightbox-content {position: relative;background-color: #fff;padding: 15px;border-radius: 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);width: 80%; max-width: 800px;}
.video-container { position: relative; width: 100%; padding-bottom: 56.25%;   height: 0;}
.video-container iframe {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}
.close-btn{ position:absolute;top:-20px;right:-20px;font-size:2em;color: #fff;cursor:pointer;background:rgba(0, 0, 0, 0.6);border-radius:50%;padding:10px;line-height:1;}
.open-btn { font-size: 1.5em;  cursor: pointer;}

/* SVG */
.svg-seta-baixo{}
svg {  width: 32px;  height: 32px;  fill: #111;vertical-align: middle; }
.categorias svg{ width: 48px;  height: 48px;fill: #fcad02;}
.categorias ul li:hover > svg{ fill: #041422;}
.dropdown svg, .topnav svg,.linkVerMais svg, .live svg,.search-container svg  { width: 20px;  height: 20px;fill: #ffffff;}
.telRodaFlex svg, .midiaSociais svg{ width: 48px;  height: 48px;fill: #fff; margin: 10px}
.midias svg{ width: 38px;  height: 38px;fill: #041422;}
.linhaAtento svg{width: 28px;  height: 28px; margin: 10px}

.alinhaItens ul{ display: flex; flex-direction: column; flex-wrap:wrap }
.alinhaItens ul li{ width: 100%; padding-right: 10px; }
.alinhaItens ul li svg{ width: 28px;  height: 28px; fill: #fcad02;}
.txtBege{ background-color: #f4f4ed; padding: 20px; margin: 20px 0 10px; }

.menuLatInterna ul{column-count: 1; margin: 0px; }
.menuLatInterna ul li{ padding: 6px 0; border-bottom: solid thin #ae481f}
.menuLatInterna{ background-color: #fcad02; width: 100%; padding: 30px 30px; margin: 0px 0px;box-shadow: 1px 1px 8px 0px rgba(219,216,219,1);  }
.menuLatInterna h2{   margin:0 0 10px 0; text-align: center; color: #fff;}
.menuLatInterna select { padding:10px;background-color:#fff; width: 100%; margin-bottom: 10px;}
.linkLateral:link{  position: relative;  color:#041422;    letter-spacing: 1px; }
.linkLateral:visited{text-decoration:underline;color:#041422; }
.linkLateral:hover{text-decoration:none; color:#fff; }
.linkLateral:active{text-decoration:underline; color:#041422;}
.linkLateralSel:link, .linkLateralSel:visited,.linkLateralSel:hover,.linkLateralSel:active{  position:relative;  color:#fff; letter-spacing:1px; font-weight:bold; }

.ctoInfo .fab{color:#fcad02;font-size: 4em ; margin: 30px; }
.ctoInfo { display: flex; justify-content: center; }

.alinhaPraias {   display: flex;   flex-wrap: wrap;   gap: 2%;      justify-content: flex-start; }
.alinhaPraias > div {  flex: 1 1 96%;      min-width: 260px;}
.alinhaPraias div ul li img{  margin: 0 10px 0 0px; }
.alinhaPraias div ul li{ display:flex; align-items:center; }
.praiaUl div ul li img{  margin: 0 10px 0 0px; }
.praiaUl div ul li{ display: flex; flex-direction: column; align-items: center; margin-bottom: 4px }
.praiaUl li img{  margin: 0 10px 0 0px; }
.praiaUl li { display: flex; flex-direction: column;align-items: center; justify-content: flex-start;margin-bottom: 4px; padding-left: 15px; }
.praiaUl li b{ white-space: nowrap; }

.fotoSobre{ float: right}
.fotoSobre img{  width: 100%; max-width: 400px; height: auto; display: block;}
table.tabelaPasseio {  width: 100%;  border-collapse: collapse;  margin: 1em 0; color: #555;}
table.tabelaPasseio thead {  background-color: #f5f5f5;}
table.tabelaPasseio thead th {  text-align: left;  padding: 12px;  border-bottom: 2px solid #ddd;}
table.tabelaPasseio td {  padding: 10px 12px;  border-bottom: 1px solid #eee;}
table.tabelaPasseio tbody tr:nth-child(even) {   background-color: #fafafa; }
table.tabelaPasseio tbody tr:hover {   background-color: #f9eace; }

.navPag{float: right; margin: 10px;}
.navPag > div{}
.navPag .fas{ color:#fcad02; }
.navPag a:link{  color:#041422;border: solid 2px #fcad02; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 15px; border-radius: 30px; }
.navPag a:visited{text-decoration:none; color:#fcad02;}
.navPag a:hover{text-decoration:none;  color:#fff;background-color:#041422;  }
.navPag a:active{text-decoration:none; color:#fcad02;}
/*  AGENDA */
.fotoAgenda img{width: 100%; height: auto; display: block;}
.alinhaBoxLinha{ display: flex; flex-direction: column;   align-items: center; justify-content: space-between; }
.alinhaBoxLinha{   flex-direction: row;   align-items: center; justify-content: space-between; }
.boxAgenda{  display: flex; flex-direction: column;    background-color: #fff; box-shadow: 1px 1px 11px 0px rgba(219,216,219,1);transition: all 0.5s ease-in-out; padding:0px 0px; margin: 15px 0;}
.boxAgenda.listView{  width: 100%;flex-direction: row; }
.boxAgenda.gridView{  flex-basis: 23%; flex-grow: 0; flex-shrink: 0; flex-direction: column; flex-wrap: wrap; margin: 1%;  }
.flexL{display: flex; flex-direction: row;flex-wrap: wrap;align-items: center; justify-content: center;}
.flexC{display: flex; flex-direction: column;}
.boxAgenda:hover{ cursor: pointer;}
.anoEvento{  position: relative; color: #041422; font-size: 14px;font-family: 'Khula', sans-serif; font-weight: 300; padding:0px;margin: 0;}
.txtDtEvento{ color: #041422; font-size: 1.93em; font-weight: bold; margin: 0; line-height: 30px; padding: 0  }
.dataEvento{ display: flex; flex-direction: column;align-items: center;  justify-content: center; flex-wrap: wrap; text-align: center; width:23%; padding:5px 2%; font-family: 'Khula', sans-serif; font-size: 1.2em; border-radius: 5px; min-width: 80px;}
.dataAgenda{ display: flex; flex-direction: column;   align-items: center; justify-content: center;  flex-wrap: wrap; text-align: center;   padding:10px 1% 0; font-family: 'Khula', sans-serif; font-size: 1.2em; border-radius: 0px; width: 100%; margin-right: 0px;}
.dataAgenda{ width: 120px; margin-right: 10px;}
.linhaAgenda{ display: flex; flex-direction: column; align-items: flex-start;  max-width: 1280px; margin: auto; padding: 0 20px;}
.linhaAgenda{  flex-direction: row;   padding: 0 20px;}
.txtAgenda{width:100%; padding: 10px; }
.txtAgenda h3{ margin: 0px 0; color:#041422;font-size: 1.2em; }
.txtAgenda p{ margin: 0px 0; }
.descAgenda{ width: 98%;  background-color:#f4f4ed; margin: 1% ; padding:30px 10px; display: none;}
.btAgenda .fas{ font-size: 2em; }
.btAgenda:hover .fas{ font-size: 2em; }
a.btAgenda:link{ position: relative; text-decoration:none;text-align: center; margin: 10px;   padding: 0px;letter-spacing: 1px;color:#fcad02;  }
a.btAgenda:visited{text-decoration:none; color:#fcad02;}
a.btAgenda:hover{text-decoration:underline; color:#041422; }
a.btAgenda:active{text-decoration:none; color:#fcad02;}
#page_navigation a{ 	padding:15px; 	border:1px solid #cecece;	margin:2px; 	color:black; 	text-decoration:none;	 }
#page_navigation {	position: relative;text-align: center; 	margin:30px auto; }
.alinhaVideo {   display: flex;   flex-direction: row;   justify-content: center;     align-items: center;  margin: 10px;  gap: 10px;          }
.boxVideos {  width: 96%;    aspect-ratio: 16/9;    overflow: hidden;}
.boxVideos iframe {  width: 100%;  height: 100%;  border: none;}


.alinhaArtigos{ }
.alinhaArtigos article{position: relative; display: flex; flex-direction: row; align-items: center; background-color: #f4f4ed; padding:10px 20px; margin: 20px 0;}
.alinhaArtigos article p{padding: 0px; margin: 0px 0;}
.alinhaArtigos article p.tipoEvento {  padding: 5px 15px;}
.alinhaArtigos article h3{font-size: 1em;}
.fotoEvento{ position: relative;    flex: 0 0 206px; margin-right: 10px;}
.fotoEvento img{ width: 100%; min-width: 200px; height: auto; display: block;   }
.tipoEvento{position:absolute;top:5px;right:5px;margin:0;padding:5px 15px;display:inline-block;background:#fcad02;color:#041422;z-index:2; font-weight: bold;}
a.btEvento:link{position:absolute;display:inline-block;text-decoration:none;text-align:center;color:#041422;margin:10px 0 0;letter-spacing:1px;background-color:#fcad02;padding:5px 10px; right: 0; bottom: 0;}
a.btEvento:visited{text-decoration:none; color:#041422;}
a.btEvento:hover{text-decoration:underline; color:#fcad02;background-color:#041422; }
a.btEvento:active{text-decoration:none; color:#041422;}

.alinhaServ{ display: flex; flex-direction: row; flex-wrap: wrap; background-color: #f4f4ed; padding: 30px 0;}
.alinhaServ li{ width: 96%; margin:10px 2%;  }
.serv h3{ background-color:#fcad02; color:#041422 !important; font-weight: bold; padding: 5px;}
.linkPadraoEsc:link{ position: relative; text-decoration:underline; color:#041422;letter-spacing: 1px;   }
.linkPadraoEsc:visited{text-decoration:underline; color:#041422;}
.linkPadraoEsc:hover{text-decoration:none; color:#fcad02; }
.linkPadraoEsc:active{text-decoration:underline; color:#041422;}


@media screen and (max-width: 720px) { 
  .topnav {  overflow: hidden; width: 100%; }
  .topnav a:not(:first-child), .dropdown .dropbtn {    display: none;  }
  .topnav a.icon {    float: right;    display: block; color: #fcad02 !important;  }
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {    position: absolute;    right: 0;    top: 0;  }
  .topnav.responsive a {    float: none;    display: block;    text-align: left;  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {    display: block;    width: 100%;    text-align: left;  }
  aside.alinhaMenuSup {justify-content: flex-end; } 
  
}

/* tablet */
@media screen  and (min-width:721px) and (max-width:1023px) {
	.topnav {  margin-top:0px; }
 	.containerHamburger{ display: none;}
	.linhaColuna{ display: block}
    .botao {  margin-left: auto; left: -20px;  }
    .containerRest { flex-direction: row; min-width: 280px;  }
	.boxPasseios li{width:29%;  padding: 0px 0px 15px; margin: 2%;text-align: center; 	}
	.banner-principal{background-image: url("../imagens/banner/banner-florianopolis.jpg") }
	.pubPasseios {    flex: 1 1 100%;   }
	.alinhaBoxHor article{   width: 29.3333%; padding: 0;  }
	.alinhaBoxHor article:hover{  box-shadow: 1px 1px 11px 0px rgba(219,216,219,1); margin:15px 0%; width: 33.3333%; }
    .fotoDist img{width: 100%; height: auto;display: block; max-width: 100%; }
    .fotoDist{ position: relative;  float: none;}

}

/* tablet virado */
@media  (orientation: landscape)  {
    .topnav {  margin-top:0px; }
	.containerHamburger{ display: none;}
    .linhaColuna{ display: block}
    .botao {  margin-left: auto; left: -20px;  }
    .containerRest { flex-direction: row; min-width: 280px;  }
	.boxPasseios li{width:29%;  padding: 0px 0px 15px; margin: 2%;text-align: center; 	}
	.banner-principal{background-image: url("../imagens/banner/banner-florianopolis.jpg") }
	.alinhaBoxHor article{   width: 29.3333%; padding: 0;  }
	.alinhaBoxHor article:hover{  box-shadow: 1px 1px 11px 0px rgba(219,216,219,1); margin:15px 0%; width: 33.3333%; }
    .fotoDist img{width: 100%; height: auto;display: block; max-width: 100%; }
    .fotoDist{ position: relative;  float: none;}

 }
/* pc */
@media only screen and (min-width: 1025px) {
   .topnav {  margin-top:0px; }
   .conteudoInterna{padding:40px 20px 60px;    }
	.midias{ right: 30px; bottom: 45%; }
	header{position: sticky;top:0;z-index:201;width:100%;display:flex;justify-content:center;align-items:center;background-color:#041422;box-shadow:1px 2px 8px 0px rgba(0, 153, 153, 0.17);    max-width: 100%;    left: 0;    transform: none; }
 	.alinhaMenu{     flex-direction: row;justify-content: space-between;  } 
 	.search-container input[type="text"] {width: 480px;}
	.containerHamburger{ display: none;}
	.boxDistHome article{ width: 13%;   margin:1.5%;  } 
	.categorias ul li{ width: 18%;      margin:10px 1%; padding: 20px;   }	
	.fundoDestaque{  background-image: url(../imagens/golfinho.png), url(../imagens/mergulhador.png);     background-position: right top, left top;    background-repeat: no-repeat, no-repeat;}
	.frasesBnr{  top: 20%; font-size: 2.0vh;}
	.midias > div{ position: relative; background-color: rgba(13,193,67,0.8);padding: 8px 15px 7px 10px; margin: 2px 0 6px; right: -210px; transition: .3s ease;}
	.banner-principal{background-image: url("../imagens/banner/banner-florianopolis.jpg") }

	.alinhaConteudo{  flex-direction: row;  }
	.alinhaConteudoInterna{  flex-direction: row; align-items:stretch;  }
	.alinhaConteulinkDirdo{ display: flex; flex-direction: row;   padding:0px 0px; box-sizing: border-box}
 	.alinhaConteudoPraia{ display: flex; flex-direction: row;  align-items:flex-start;  box-sizing: border-box; padding:0px 20px;}

	.destaque article h2:before {    width: 5px;     height: 25px;      top: 30px;    left: -20px;} 
	.destaque{  flex-direction: row; }
	.destaque article {width: 31%; }
	.destaque article:first-child {width: 31%; margin:0% 1% 0%; padding: 0;top:-66px;  }
	.destaque article h2 {     padding:0 20px 0px; font-size: 1.8em; margin-bottom: 0px;    }

     footer nav{   flex-direction: row; justify-content: space-around; }
	 footer > div{ display: flex; flex-direction: row; justify-content:flex-start;}
	 footer > div article{   box-sizing: border-box; width: 30%; padding: 20px;}
	 footer > div article:nth-child(1){   width: 40%; }
	 .propagandasInferiorHome > div{ width: 31%; margin: 1%; }
	 .propagandasInferiorHome{  flex-direction: row;   }
	 .conteudoPropaganda{ width: 100%; max-width: 300px;margin-left: 20px; }
	
	 .percurso{ position: sticky;    padding: 10px 20px;margin:0 20px;   width: 340px;flex-grow: 0;   flex-shrink: 0;box-sizing: border-box; }
	 .conteudoPasseios{ padding: 30px 20px;     background-color: #f8f8f8; box-sizing: border-box; flex: 1 1 700px; min-width: 500px; } 
     .pubPasseios{  margin:0 20px; border-radius: 10px;   flex: 1 1 300px;    max-width: 300px; box-sizing: border-box;}
	 
	 .alinhaIcones{   flex-direction: row;  }	
	 .alinhaIcones li{   flex-direction: row; width: 21%;   margin: 2%;}

	 .cidadeDist{ flex-direction: row; }
	 .cidadeDist li{ width: 31.333%; margin:0 1%;}
	 .chegar{ flex-direction: row; }
	 .chegar li{ width: 31.333%; margin: 1%;}
	 .alinhaFoto{  max-width: 300px; display: block}
	 .alinhaPasseios{ position: relative; display: flex; flex-direction: row;}
	 .alinhaPasseios article{ margin: 0px 0;}
	 .boxPasseios li{width:14%; min-width: 230px;  padding: 0px 0px 15px; margin: 1%;text-align: center; 	}
	 .boxPasseios li:hover{ 	width: 18%;margin: 1%; }
	 .boxPasseiosInterna li{width:29%; 	}
	 .artigosHome article{ width: 16%;   margin:2%;overflow: hidden;   }
	 .boxArtigos li{width:16%; min-width: 230px;  padding: 0px 0px 15px; margin: 2%;text-align: center; background-color: #fff;	}

	 .filtro{flex-direction: column; justify-content: center; align-items: center     }
	 .menuFiltro{ max-width: 400px; min-width: 320px; padding:40px 30px;     }
	 .menuFiltro h2{  font-size: 1.7em; padding: 10px;     }
	 .opcao{ width: 95%;  padding: 10px; margin: 6px;}
	
	 .ulPraias li{ width: 31%; margin:3px 1%; padding: 5px;box-sizing: border-box;}

 	 /* internas BARCO */	
	 .alinhaBoxHor article{   width: 29.3333%; padding: 0;  }
	 .alinhaBoxHor article:hover{  box-shadow: 1px 1px 11px 0px rgba(219,216,219,1); margin:15px 0%; width: 33.3333%; }
	 .caixaHosp{  width:97%; margin:2% 1.5%;  flex-direction: row; }
	 .caixaHosp:hover{  width:100%; margin:2% 0%;}
	 .alinhacaixa img{    max-width: 200px;} 
     .alinhacaixa{ flex-direction: row; 	}
	cs
	.foto360{text-align: center; width: 31%; margin: 1%;}
	.alinhaFoto360{ position: relative; display: flex; flex-wrap: wrap; flex-direction: row; justify-content:center; align-items: center;  }
	.alinhaFoto360 div{ width: 27%; min-width: 300px; padding: 20px; margin: 3%; transition: 0.3s;  }
	.alinhaFoto360 div:hover{ width: 31%; padding: 20px; margin: 1%;   }
	
    .linhaColuna{ display: block}
    .botao {  margin-left: auto; left: -20px;  }
    .containerRest { flex-direction: row; min-width: 270px;  }
	.conteudoInterna h1{font-size: 2.2em; margin: 10px 0 10px;    }
	.conteudoInterna h2{font-size: 1.0em; margin: 10px 0 10px;   }
	.conteudoInterna h3{  margin: 10px 0; font-weight: bold;font-size: 1.6em;color: #fcad02; }
	.conteudoInterna h4{  margin: 0px 0px 5px; padding: 0; font-weight: bold;font-size: 1.30em;  }
	.alinhaLadoIcones{ display: flex; float: right;}  
	.fotoLateral{ position: relative;  float: right; margin: 20px;}
    .fotoLateral img{width: 100%; height: auto;display: block; max-width: 500px; }
    .fotoDist{ position: relative;  float: right;}
    .fotoDist img{width: 100%; height: auto;display: block; max-width: 500px; }
	
	.distritoBoxCategoria article{  width:29%; min-width:120px; margin:0 2%;overflow: hidden; border-radius:20px; }
    .menuLatInterna{ max-width: 380px;     padding: 30px 20px; margin: 0px 0 30px 2% ; 	 }
    .alinhaItens ul{  flex-direction: row;  }
	.alinhaItens ul li{ width: 50%; }
	.alinhaBairros div{ width: 31%; margin: 1%;}
	.praiaUl div ul li { display: flex; flex-direction: row; align-items: center; margin-bottom: 4px }
	.praiaUl li { display: flex; flex-direction: row;align-items: center; margin-bottom: 4px }
	.alinhaPraias > div {  flex: 1 1 29%; min-width: 260px;}
	.alinhaServ li{ width: 29%; margin:10px 2%;  }
    .eventosTopoHome{ top:-75px;}
	
	
} 
 @media (max-width: 1477px) { /* Ajuste o valor conforme necessário */
  .pubPasseios {    flex: 1 1 100%;    min-width: 100%; margin-top: 20px;  }		 
  .conteudoPasseios{ position: relative;     margin-bottom: 20px; } 
  .boxPublicidade{  display: flex; flex-direction: row; justify-content:  center;   }
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
  /* Place the timelime to the left */
  .timeline::after {  left: 31px;  }
  /* Full-width containers */
  .container {  width: 100%;  padding-left: 40px;  padding-right: 25px;  }
  /* Make sure that all arrows are pointing leftwards */
  .container::before {  left: 60px;  border: medium solid #f4f4ed;  border-width: 10px 10px 10px 0;  border-color: transparent #f4f4ed transparent transparent;  }
  /* Make sure all circles are at the same spot */
  .left::after, .right::after {  left: 15px;  }
  /* Make all right containers behave like the left ones */
  .right {  left: 0%;  }
}