section { padding-top: 0px; }

/*BANNER UNIDADE*/
.banner_unidade { background-color: var(--cor-primaria); width: 100%; height: auto; position: relative; left: 0px; text-align: center; display:inline-block; vertical-align:top; margin: 0px 0px 35px 0px; z-index:10; top: 0px;  -webkit-border-radius: 0px 0px 20px 20px; -moz-border-radius: 0px 0px 20px 20px; -o-border-radius: 0px 0px 20px 20px; border-radius: 0px 0px 20px 20px; overflow:hidden; }
.banner_unidade img { width: 100%; height: auto; position: relative; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; display:block; opacity:0.5; }

/*TÓPICOS*/
.topicos { width: 100%; height: auto; position: relative; margin: 35px 0px 15px 0px; text-align: center; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.topicos .titulo_global { padding-bottom:0px; }
.topicos .conteudo { width: 100%; display: inline-block; vertical-align: top; position: relative; height: auto; font-size: 13px; font-weight: 400; text-align: left; color: var(--cor-primaria); line-height: 22px; }
.topicos .conteudo .avatar { width: 200px; height: auto; float: left; position: relative; opacity: 1;  background-color: #f4f6f8; margin: 0px 30px 20px 0px;  overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.topicos .conteudo .avatar img { width: 100%; height: auto; display: block; position: relative; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.topicos .conteudo p { width: 100%; position: relative; height: auto; padding-bottom: 25px;font-size: 18px; font-weight: 700; text-align: left; color: var(--cor-primaria); line-height: 24px; }
.topicos .conteudo p a, .topicos .conteudo a { text-decoration:underline; color:var(--cor-primaria); }
.topicos .conteudo ul { background-color: transparent; width: 100%; padding: 0px; margin: 0px; border: inherit }
.topicos .conteudo ul li { display: inline flow-root list-item; width: 100%; list-style-type: circle; background-color: transparent; padding: 0px; margin: 0px; border: inherit; font-size: 13px; line-height: 22px; font-weight: 400; color: black; list-style-position: inside; cursor: default; }

/* NOTÍCIAS */
.area_noticias { width: 980px; height: auto; margin: 0 auto; padding: 15px 0px; }
.area_noticias p { font-size: 16px; text-align: justify; color: var(--cor-texto); margin: 50px 0px 40px 0px; }
.area_noticias a { text-decoration: none; float: right; background-color: #bdbdbd; font-weight: bold; padding: 2px 8px 3px 8px; font-size: 11px; text-transform: uppercase; color: #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.info_cliente { width: 100%; height: auto; margin: 0px; text-align:left; padding: 2px 0px; display:inline-block; vertical-align:top; cursor:pointer; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.info_cliente.com_margem { padding-bottom:20px; }
.info_cliente .ico_unidade { text-align: center; width: 20px; padding-right:6px; line-height:18px; position:relative; display:inline-block; vertical-align:top; }
.info_cliente .ico_unidade i { font-size:12px; text-align: center; width: 20px; padding-right:6px; line-height:18px; position:relative; display:inline-block; vertical-align:top; color: var(--cor-secundaria); }
.info_cliente .ico_unidade i.fa-link { font-weight: bold }
.info_cliente span {  width: -moz-calc(100% - 28px); width: -webkit-calc(100% - 28px); width: -o-calc(100% - 28px); width: calc(100% - 28px); height: auto; text-align:left; padding: 0px; line-height: 18px; font-size:13px; color: #303030; display:inline-block; vertical-align:top; cursor:pointer; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.info_cliente:hover { text-decoration: underline; }

.noticiaAtivo { width: 100%; padding: 40px 0px; min-height: 400px; display: inline-block; }

.propNoti { width: 100%; margin: 0 auto; color: var(--cor-texto); line-height: 22px; font-size: 13px; text-align: left; display: inline-block; }
.propNoti .avatar { width: 45%; height: auto; display: inline-block; vertical-align: top; position: relative; overflow: hidden; margin: 0px 0px 30px 0px; }
.propNoti .avatar img { width: 100%; height: auto; display: block;  overflow:hidden; }

/*GALERIA DE FOTOS - GRID*/
.galeria { width: 40%; height: auto; display: inline-block; vertical-align: top; position: relative; margin: 0px 0px 30px 4.5%; }
.galeria ul { width: 100%; height:  auto; position: relative; list-style-type: none; margin: 0px;  display: flex; justify-content: space-between; flex-wrap: wrap; text-align: center; }
.galeria ul li { position: relative; width: 32%; box-sizing: border-box; height: auto; display: inline-block; margin: 5px 0px; overflow: hidden; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; overflow:hidden; background-color:var(--cor-primaria); }
.galeria ul li img { opacity: 0.5; width: 100%; height: auto; display: block; position:relative;  -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.galeria ul li:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); opacity: 1; }

/*GALERIA DE FOTOS - HORIZONTAL*/
.galeria_horizontal { width: 100%; height: auto; display: inline-block; vertical-align: top; position: relative; margin: 20px 0px 30px 0px; }
.galeria_horizontal ul { width: 100%; height:  auto; position: relative; list-style-type: none; margin: 0px;  display: flex; justify-content: flex-start; flex-wrap: wrap; text-align: center; gap: 12px; }
.galeria_horizontal ul li { position: relative; width: 19%; box-sizing: border-box; height: auto; display: inline-block; margin: 0px; overflow: hidden; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; overflow:hidden; background-color:var(--cor-primaria); }
.galeria_horizontal ul li img { opacity: 0.5; width: 100%; height: auto; display: block; position:relative;  -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.galeria_horizontal ul li:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); opacity: 1; }

/*CONTEÚDO*/
.propNoti .avatar { width: 42%; height: auto; display: inline-block; vertical-align: top; position: relative; overflow: hidden; margin: 0px 0px 30px 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; overflow:hidden; background-color:var(--cor-primaria); }
.propNoti .avatar img { opacity: 0.75; width: 100%; height: auto; display: block;  overflow:hidden; }
.propNoti .avatar:hover img { opacity: 1; }

.propNoti .conteudo_evento { width: 55%; height: auto; display: inline-block; vertical-align:top; position:relative; margin: 0px; }
.propNoti .conteudo_evento p { width: 100%; color: var(--cor-primaria); font-family: var(--fonte-padrao); font-weight: 700; letter-spacing: -1px; line-height: 32px; font-size: 28px; text-align: left; display: inline-block; padding-bottom:10px; border-bottom: 1px solid #f4f6f8; margin-bottom:10px; }
.propNoti .conteudo_evento p span { position:relative; font-weight: 400px; font-size:12px; margin-left:10px; padding: 5px 10px; color: var(--cor-primaria); letter-spacing:0px; background-color:#f9f9f9; float: right; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.propNoti .conteudo_evento p span:hover { color:#ffffff; background: var(--cor-primaria); }
.propNoti .conteudo_evento .frase { width: 100%; color: var(--cor-primaria); font-weight: 700; letter-spacing: 0px; line-height: 24px; font-size: 18px; text-align: left; display: inline-block; padding-bottom:40px; }
.propNoti .conteudo_evento b { font-weight: 700; line-height: 22px; font-size: 14px; }
.propNoti .conteudo_evento a { font-weight: var(--cor-texto) !important; line-height: 22px; font-size: 13px; }
.propNoti .conteudo_evento a:hover { text-decoration:underline; color: var(--cor-secundaria); }

.propNoti .conteudo_evento .programacao { position: relative; clear: both; display: block; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); padding: 0px 20px 20px 0px; height: auto; font-size: 18px; color: var(--cor-secundaria); text-align: left; margin-top:20px; }
.propNoti .conteudo_evento .programacao span { background: transparent !important; display: block; font-size: 16px; line-height: 18px; color: var(--cor-primaria); font-weight: 700; text-align: left; letter-spacing: 0; padding:0px !important }
.propNoti .conteudo_evento .programacao span i { font-size: 15px; padding-right:10px; color: var(--cor-secundaria); line-height:18px; display:inline-block; position:relative; font-style:inherit; }
.propNoti .conteudo_evento .programacao p { padding-left: 20px; padding-bottom: 20px; }

@media screen and (max-width: 1024px) {
	.galeria_horizontal ul { justify-content: space-between; }
	.galeria_horizontal ul li { width: 30%; }

	.topicos .conteudo .avatar { margin: 15px 0px 20px 0px; float: none; width:100%; }

	.propNoti .conteudo_evento p { text-align:center; font-size:32px; line-height:38px; }
	.propNoti .conteudo_evento, .topicos .conteudo { text-align:center !important; }
	.propNoti { width: 94%; padding: 0px 3%; font-size: 14px; float: none; }
	.propNoti img{ float: none; margin: 0px; max-width: 100%; width: auto; }
	.propNoti .programacao { width: auto; }
	.propNoti .avatar { width: 100%; margin: 30px 0px; }
	.propNoti .conteudo_evento { width: 100%;  }
	.propNoti .conteudo_evento .frase, .propNoti .conteudo_evento p{ text-align:center; }
	.propNoti .conteudo_evento p span { width: 100%; display: block; text-align: center; font-size:12px; margin-left:0px; padding: 5px 0px; background-color: transparent; float: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

}