/* INSTITUCIONAL */
.conteudo {position: relative; clear: both; height: auto; padding: 50px 0px; width:100%; }
.conteudo .fts1 { width: 40%; height: auto; float: right; }
.conteudo .fts1 .foto1 {background-repeat: no-repeat; background-size: 400px auto; background-position: center center; width: 400px; height: 400px; position: absolute; z-index: 1 }
.conteudo .fts1 .foto2 {background-repeat: no-repeat; background-position: center center; width: 218px; height: 215px; position: absolute; z-index: 2; margin: -50px 0px 0px 270px; }
.conteudo .textos1 { width: 44%; margin-right: 10%; min-height: 450px; height: auto; float: left; }
.conteudo .textos1 .qual { font-size: 57px; color: #d3bf9e; font-weight: 700; font-family: 'PT Sans'; text-align: left; height: auto; line-height: 50px; padding: 0px 0px 40px 0px; }
.conteudo .textos1 p,
.conteudo .textos1 { font-size: 14px !important; color: #5f3635 !important; font-weight: 400 !important; font-family: 'PT Sans' !important; text-align: left; height: auto; line-height: 22px !important; }
.conteudo .fts2 { width: 40%; height: auto; float: left; }
.conteudo .fts2 .foto1 {background-repeat: no-repeat; background-size: 400px auto; background-position: center center; width: 400px; height: 400px; position: absolute; z-index: 1 }
.conteudo .fts2 .foto2 {background-repeat: no-repeat; background-position: center center; width: 218px; height: 215px; position: absolute; z-index: 2; margin: -50px 0px 0px 270px; }
.conteudo .textos2 { width: 44%; margin-left: 10%; min-height: 450px; height: auto; float: right; }
.conteudo .textos2 .qual { font-size: 57px; color: #d3bf9e; font-weight: 700; font-family: 'PT Sans'; text-align: left; height: auto; line-height: 50px; padding: 0px 0px 40px 0px; }
.conteudo .textos2 p,
.conteudo .textos2 { font-size: 14px !important; color: #5f3635 !important; font-weight: 400 !important; font-family: 'PT Sans' !important; text-align: left; height: auto; line-height: 22px !important; }

/*TOPICOS*/
.topicos { width: 100%; height: auto; display: inline-block; vertical-align: top; margin: 0px 0px 40px 0px; }
.topicos ul { width: 100%; height: auto; position: relative; list-style-type: none; text-align: center; }
.topicos ul li { cursor: pointer; width: 250px; margin: 0px 1px 2px 1px; background-size: 330px auto; background-repeat: no-repeat; background-position: center center; height: 200px; display: inline-block; vertical-align: top; }
.topicos ul li .top { width: 60%; padding: 70px 20%; height: auto; position: relative; font-size: 24px; line-height: 20px; color: #ffffff; font-weight: 400; letter-spacing: -1px; font-family: 'PT Sans'; text-align: center; height: auto; font-style: italic; line-height: auto; }
.topicos ul li:hover,
.topicos ul li.ativado { opacity: 0.7; cursor: pointer; width: 250px; margin: 0px 1px 2px 1px; background-size: 330px auto; background-repeat: no-repeat; background-position: center center; height: 200px; display: inline-block; vertical-align: top; }

/*ATIVO*/
.topico_ativo { display: none; width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -o-calc(100% - 100px); width: calc(100% - 100px); padding: 50px; background: #f4f6f8; height: auto; position: relative; clear: both; }
.topico_ativo .topico_titulo { font-size: 24px; -webkit-text-fill-color: transparent; background: linear-gradient(to bottom, #d39256 0%, #71443a 100%); -webkit-background-clip: text; font-weight: 400; letter-spacing: -1px; width: 100%; font-style: italic; line-height: auto; font-family: 'PT Sans'; text-align: left; padding-bottom: 15px; }
.topico_ativo p { width: 100%; font-size: 14px !important; color: #5f3635 !important; font-weight: 400 !important; font-family: 'PT Sans' !important; text-align: left; height: auto; line-height: 22px !important; }

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

	.conteudo { padding: 50px 3%; width:94%; }
	.conteudo .fts1, .conteudo .fts2 { width: 100%; height: auto; float: none; padding-bottom: 80px; }
	.conteudo .fts1 .foto1, .conteudo .fts2 .foto1 {background-size: 320px auto; background-position: center center; width: 320px; height: 320px; position: relative; display: inline-block; }
	.conteudo .fts1 .foto2, .conteudo .fts2 .foto2 {background-repeat: no-repeat; background-position: center center; width: 218px; height: 215px; position: absolute; z-index: 2; margin: -170px 0px 0px 180px; }

	.conteudo .textos1, .conteudo .textos2 { width: 100%; margin-right: inherit; margin-left: inherit; min-height: auto; height: auto; padding-bottom: 45px; float: none; }
	.conteudo .textos1 .qual, .conteudo .textos2 .qual { text-align: center; }
	.conteudo .textos1 p,.conteudo .textos2 p,
	.conteudo .textos1, .conteudo .textos2 { text-align: center; }

}