*{margin:0px; padding:0px; box-sizing:border-box; font-family:Open Sans; outline-style:none}
html{overflow-x:hidden}
html, body{margin:0px; padding:0px; overflow-x:hidden}
.Botao{border:none; cursor:pointer; -webkit-appearance: none}
.Background{background-repeat:no-repeat; background-position:center center}
.CorpoDiv{display:inline-block; width:calc(100% - 40px); max-width:1140px; margin-left:20px; margin-right:20px; text-align:left; box-shadow:none !important}

.BgAzul{background-color:#74a9dc}
.BgCappuccino{background-color:#b8897b}
.BgLaranja{background-color:#f7b434}
.BgLilas{background-color:#9f8bc3}
.BgVerde{background-color:#89cb9c}

.ColorAzul{color:#9cc7ef !important}
.ColorCappuccino{color:#b8897b !important}
.ColorLaranja{color:#f7b434 !important}
.ColorLilas{color:#9f8bc3 !important}
.ColorVerde{color:#89CB9C !important}

.BordaAzul{border-color:#9cc7ef}
.BordaCappuccino{border-color:#b8897b}
.BordaLaranja{border-color:#f7b434}
.BordaLilas{border-color:#9f8bc3}
.BordaVerde{border-color:#89CB9C}

#Topo{float:left; width:100%; padding:40px 0px; text-align:center; position:relative; z-index:1}
#Topo .CorpoDiv{max-width:780px}
#Topo .TopoSpan{float:left; padding:7px 12px; font-family:Roboto Condensed; border-top:4px solid transparent; border-bottom:4px solid transparent; font-size:18px; font-weight:700; color:#FFF; position:relative}
#Topo .TopoSpan:hover{border-top:4px solid #FFF; border-bottom:4px solid #FFF}
#Topo .TopoSpan:hover .TopoMaisPaginas{display:block}
#Topo .TopoSpanSelecionado{border-top:4px solid #FFF; border-bottom:4px solid #FFF}
#Topo .TopoSeparador{float:left; width:calc(25% - 136px)}
#Topo .TopoMaisPaginas{position:absolute; top:36px; left:0px; width:100%; padding:8px 0px; padding-bottom:0px; border-top:4px solid #FFF; background-color:#FFF; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2); border-bottom:4px solid #FFF; display:none}
#Topo .TopoMaisPaginasSpan{float:left; width:100%; padding-bottom:8px; padding-left:8px; font-family:Roboto Condensed; font-size:14px}
#Topo .TopoMaisPaginasSpan:hover{opacity:0.7}
#Topo .MenuMobileIcon{float:right; width:32px; height:32px; background-image:url('../img/menu.png'); background-size:contain; display:none}
#Topo .NomeMobile{float:left; width:calc(100% - 32px); font-family:Dancing Script; font-weight:700; font-size:26px; color:#FFF; display:none}

#Banner{float:left; width:100%; height:100%; margin-top:-124px; background-size:cover; position:relative}
#Banner .Titulo{position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%, -50%); text-align:center}
#Banner .TituloNome{display:inline-block; font-family:Dancing Script; font-size:90px; font-weight:700; color:#FFF}
#Banner .TituloPrevisao{display:inline-block; margin-top:14px; font-family:Oswald; font-size:21px; font-weight:300; letter-spacing:0.8px; color:#FFF}
#Banner .BannerLayer{position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.15)}

#Conteudo{float:left; width:100%; text-align:center}
#Conteudo .Titulo{float:left; width:100%; margin:72px 0px; text-align:center; font-family:Dancing Script; font-size:42px}
#Conteudo .Site{float:left; width:100%; margin-bottom:128px}
#Conteudo .SiteCorpo{float:left; width:100%; text-align:center; padding:64px 0px}
#Conteudo .SiteCorpo:nth-last-child(2){margin-bottom:0px; padding-bottom:0px; border-bottom:0px solid #FFF}
#Conteudo .SiteImg{float:left; width:calc(50% - 36px); margin-left:36px; padding-bottom:30%; background-size:cover; position:relative; background-image:url('../img/mapa.png')}
#Conteudo .SiteTexto{float:left; width:50%; font-size:14px; line-height:2.2; color:#5c5c5c}
#Conteudo .SiteDescricao{float:left; width:100%; text-align:left}
#Conteudo .SiteDescricaoCompleto{text-align:center}
#Conteudo .SiteImgCha{margin-left:36px; margin-right:0px}
#Conteudo .SiteTextoCha{margin-left:0px; line-height:2; color:#4c4c4c}
#Conteudo .SiteTextoChaCompleto{float:left; width:100%; margin-right:0px}
#Conteudo .SiteCorpoBorder{border-top:1px solid #e5e5e5}
#Conteudo .SiteCha{float:left; width:100%; text-align:left; margin-bottom:32px; font-family:Dancing Script; line-height:1; font-size:30px;}
#Conteudo .SiteChaCompleto{text-align:center}
#Conteudo .SiteLocal{float:left; width:100%; margin:32px 0px; padding-left:30px; background-position:left center; font-size:14px; font-weight:700; color:#4c4c4c}
#Conteudo .SiteLocalAzul{background-image:url('../img/pin-azul.png')}
#Conteudo .SiteLocalCappuccino{background-image:url('../img/pin-cappuccino.png')}
#Conteudo .SiteLocalLaranja{background-image:url('../img/pin-laranja.png')}
#Conteudo .SiteLocalLilas{background-image:url('../img/pin-lilas.png')}
#Conteudo .SiteLocalVerde{background-image:url('../img/pin-verde.png')}
#Conteudo .SiteConfirmarCorpo{float:left; width:calc(100% + 5px); margin-top:24px; text-align:center}
#Conteudo .SiteConfirmar{display:inline-block; width:calc(50% - 5px); max-width:270px; margin:0px 3px; margin-left:0px; text-align:center; padding:12px; font-size:18px; font-weight:700; color:#FFF}
#Conteudo .SiteConfirmarPresencaAzul{border:1px solid #74a9dc; color:#74a9dc}
#Conteudo .SiteConfirmarPresencaCappuccino{border:1px solid #b8897b; color:#b8897b}
#Conteudo .SiteConfirmarPresencaLaranja{border:1px solid #f7b434; color:#f7b434}
#Conteudo .SiteConfirmarPresencaLilas{border:1px solid #9f8bc3; color:#9f8bc3}
#Conteudo .SiteConfirmarPresencaVerde{border:1px solid #89cb9c; color:#89cb9c}
#Conteudo .AindaNaoHaImagem{position:absolute; top:calc(50% - 11px); left:0px; width:100%; text-align:center; font-family:Patrick Hand; font-size:18px; color:#999}
#Conteudo .ConfirmarBotao{float:left; width:calc(50% - 10px); margin:0px 3px; border-radius:5px; padding:12px; font-size:16px; font-weight:700; color:#FFF; cursor:pointer; text-align:center}
#Conteudo .IndexTexto{float:left; width:100%}
#Conteudo .IndexTextoCorpo{float:left; width:100%}
#Conteudo .ChaMapaBotao{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:270px; padding:16px 10px; text-align:center; border-radius:10px; background-color:#FFF; box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2); cursor:pointer}
#Conteudo .ChaMapaBotaoSpan{display:inline-block; padding-left:28px; background-position:left center; font-size:16px; line-height:24px; font-weight:700; color:#383838}
#Conteudo .ChaMapaBotaoSpanAzul{background-image:url('../img/pin-azul.png')}
#Conteudo .ChaMapaBotaoSpanLilas{background-image:url('../img/pin-lilas.png')}
#Conteudo .ChaMapaBotaoSpanCappuccino{background-image:url('../img/pin-cappuccino.png')}
#Conteudo .ChaMapaBotaoSpanVerde{background-image:url('../img/pin-verde.png')}
#Conteudo .ChaMapaBotaoSpanLaranja{background-image:url('../img/pin-laranja.png')}
#Conteudo .ConfirmarPresenca{display:inline-block; width:100%; max-width:640px; margin-top:40px}
#Conteudo .ConfirmarText{float:left; width:calc(75% - 136px); border:1px solid #B5B5B5; border-radius:5px; padding:12px; margin-right:8px; font-size:14px; color:#222}
#Conteudo .ConfirmarBotaoEvento{float:left; width:calc(25% - 6px); border-radius:5px; padding:12px; margin-right:6px; font-size:16px; font-weight:700; color:#FFF}
#Conteudo .ConfirmarBotaoAzul{background-color:#2876bf}
#Conteudo .ConfirmarVoltar{float:left; width:125px; background-color:#A5A5A5; border-radius:5px; padding:12px; font-size:16px; font-weight:700; color:#FFF}
#Conteudo .ConfirmarRetorno{float:left; width:100%; margin-top:4px; font-size:16px; font-weight:700; color:#E62C2C}

#MenuMobile{float:left; position:absolute; top:20px; right:0px; z-index:2}
#MenuMobile .Link{font-size:14px; color:#8ff1ff}
#MenuMobile .MenuFixo{position:fixed; top:0px; left:-100%; width:calc(100% - 0px); height:100%; background:rgba(255,255,255,0.8); transition:0.2s}
#MenuMobile .Ul{float:left; position:relative; z-index:3; top:0; left:-270px; width:270px; height:100%; overflow-y:scroll; background:#F5F5F5; transition:0.5s}
#MenuMobile .UlTopo{float:left; width:100%; color:#FFF; padding:12px 12px}
#MenuMobile .Nome{float:left; font-family:Dancing Script; font-size:26px; font-weight:600}
#MenuMobile .UlTopoImg{float:left; width:72px}
#MenuMobile .UlTopoFont{float:left; font-size:14px}
#MenuMobile .Li{float:left; width:100%}
#MenuMobile .LiFont{float:left; width:100%; background:#FAFAFA; color:#656565; padding:12px; font-family:Dancing Script; font-size:17px; letter-spacing:0.33px; font-weight:600; border-bottom:1px solid #e1e1e1}
#MenuMobile .LiFont:hover{background:#f5f5f5}
#MenuMobile .LiVoltar img{position:relative; top:2px}
#MenuMobile .LiIcon{float:right; color:#505050}
#MenuMobile .LiIcon img{width:18px; height:16px}
#MenuMobile .UlMenuMobile{display:block}
#MenuMobile .LiSubCat{position:absolute; top:0; left:-270px; width:270px; transition:0.2s}
#MenuMobile .LiAdicionar{background-color:#656565; color:#FAFAFA}
#MenuMobile .LiAdicionar:hover{background-color:#656565; color:#FAFAFA}
.mobileClick{float:left; width:calc(100% - 270px); height:100%; position:relative}

#Rodape{float:left; width:100%; padding:28px 0px; margin-top:20px; text-align:center; background-color:#FFF; border-top:1px solid #d5d5d5; position:relative}
#Rodape .Icegonha{float:left}
#Rodape .IcegonhaImg{float:left; width:76px; height:52px; background-image:url('../img/logo.png'); background-size:contain}
#Rodape .IcegonhaCopyright{float:left; margin-top:20px; margin-left:20px; font-size:13px; color:#4d4d4d}
#Rodape .Redes{float:right}
#Rodape .RedesDiv{float:left; width:40px; height:40px; margin-left:18px; border-radius:100%}
#Rodape .RedesDivFacebook{background-image:url('../img/facebook.png')}
#Rodape .RedesDivInstagram{background-image:url('../img/instagram.png')}
#Rodape .RedesDivBlog{background-image:url('../img/blog.png')}

/*MEDIA QUERIES*/
@media(max-width:980px){
#Banner .TituloNome{font-size:78px}
#Banner .TituloPrevisao{font-size:19px}
}

@media(max-width:854px){
#Topo{padding:20px 0px}
#Topo .TopoSpan{display:none}
#Topo .TopoSeparador{display:none}
#Topo .NomeMobile{display:block}
#Topo .MenuMobileIcon{display:block}
#Banner{margin-top:-72px}
}

@media(max-width:780px){
#Banner .TituloNome{font-size:64px}
#Banner .TituloPrevisao{font-size:17px}
#Conteudo .Titulo{font-size:36px; margin:56px 0px}
#Conteudo .Site{margin-bottom:56px;}
#Conteudo .SiteCha{margin-top:16px; margin-bottom:20px}
#Conteudo .SiteTexto{width:100%; margin-left:0px; margin-bottom:20px}
#Conteudo .SiteImg{width:100%; margin-left:0px; margin-right:0px; padding-bottom:56.25%}
#Conteudo .SiteTextoCha{margin:0px}
#Conteudo .SiteImgCha{margin:0px; margin-bottom:20px}
#Conteudo .SiteConfirmarCorpo{width:100%}
#Conteudo .SiteDescricao{text-align:center}
}

@media(max-width:560px){
#Conteudo .Titulo{font-size:32px; margin:40px 0px}
#Conteudo .SiteTexto{font-size:13px}
#Conteudo .SiteCha{font-size:26px}
#Conteudo .SiteLocal{margin:24px 0px}
#Conteudo .SiteConfirmar{font-size:16px}
#Conteudo .SiteCorpo{padding:48px 0px}
}

@media(max-width:480px){
#Topo .MenuMobileIcon{width:24px; height:24px}
#Topo .NomeMobile{font-size:22px; margin-top:-2px}
#Conteudo .Titulo{font-size:30px; margin:32px 0px}
#Conteudo .SiteConfirmar{font-size:15px}
#Conteudo .SiteCorpo{padding:36px 0px}
#Conteudo .ConfirmarText{width:100%; margin-bottom:6px}
#Conteudo .ConfirmarBotaoEvento{width:calc(50% - 6px); font-size:15px}
#Conteudo .ConfirmarVoltar{width:calc(50% - 6px); font-size:15px}
#Conteudo .ConfirmarRetorno{margin-bottom:10px; font-size:15px; line-height:1.4}
#Banner{margin-top:-64px}
#Rodape .CorpoDiv{padding:20px 0px}
#Rodape .Icegonha{width:100%; margin-bottom:10px;}
#Rodape .IcegonhaImg{height:46px}
#Rodape .IcegonhaCopyright{font-size:12px; margin-top:16px; margin-left:16px}
#Rodape .RedesDiv{width:36px; height:36px; margin-left:14px}
}

@media(max-width:420px){
#Conteudo .SiteConfirmar{width:100%; max-width:100%; margin-top:5px}
}