/* ############################
#### BASE CSS
##############################*/
	* {
		font-family:'helvetica_regular_roman';
		font-weight: normal;
		padding: 0;
		margin: 0;
		text-decoration: none;
		list-style: none;
		outline: none;
		color: #ffffff;
	}
	body {
		background: #0f0f0f;
	}
	.center {
		width: calc(100% - 40px);
		max-width: 1340px;
		margin: 0 auto;
		position: relative;
	}
	.bt_padrao{
		font-size: 14px;
		color:#606060;
		font-family:'helvetica_67_condensed_medium';
		text-transform: uppercase;
		border: 1px solid #393939;
		border-radius: 50px;
		padding: 8px 0 9px 20px;
		margin-right: 25px;		
		letter-spacing: 1.4px;
		transition: all 0.08s ease-in;
		max-width: 162px;
	}
	.bt_padrao i{
		color:#606060;
		transition: all 0.08s ease-in;
		position: relative;
		margin-left: 4px;
	}
	.sem_resultados .bt_padrao_2{
		padding: 8px 10px 9px 0;
		position: relative;
		left: 30px;
		margin-top: -30px;
	}
	.sem_resultados .bt_padrao_2 i{
		margin-left: 12px;
		margin-right: 4px;
	}
	.sem_resultados .bt_padrao_3{
		max-width: 150px;
	}		
	.bt_padrao:hover{
		color: #ccc;
		border: 1px solid #ccc;
	}
	.bt_padrao:hover i{
		color: #ccc;
	}
	.bt_padrao_l{
		max-width: 182px;
	}
	.bt_padrao_l i{
		margin-left: 0;
		margin-right: 6px;
	}
	.bt_pular_navegacao{
		display: none;
	}
	.citacao{
		position: relative;
		padding-top: 20px;
	}
	.citacao .tooltip{
		min-width: 250px;
		position: absolute;
		bottom: 20px;
		background: #333;
		line-height: 16px;
		padding: 15px;
		border-radius: 8px;
		text-align: center;
		display: none;
	}
	.fechar_tooltip{
		display: none;
	}

/* ############################
#### HEADER
##############################*/
	header .barra_1{
		background: #0f0f0f;
	}
	header .barra_1,
	header .barra_2{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 999;
	}
	header .barra_2{
		top: 40px;
	}
	header .barra_1 .center{
		display: grid;
		grid-template-columns: minmax(0, 1fr) 85px 230px;
	}
	header .barra_1 nav{
		padding-top: 9px;
	}
	header .barra_1 nav a{
		font-family:'helvetica_67_condensed_medium';
		text-transform: uppercase;
		font-size: 14px;
		margin-right: 76px;
		transition: all 0.08s ease-in;
	}
	header .barra_1 nav a:hover,
	header .barra_1 nav a.selected{
		border-bottom: 1px solid #ccc;
		padding-bottom: 2px;
	}
	header .barra_1 .redes_sociais{
		display: grid;
		grid-template-columns: repeat(3, 20px);
		padding-top: 10px;
		column-gap: 5px;
	}
	header .barra_1 .redes_sociais a{
		display: inline-block;
		width: 20px;
		height: 20px;
		background: #f00;
		text-indent: -20000px;
		transition: all 0.08s ease-in;
	}
	header .barra_1 .redes_sociais a.bt_email{
		background: #0f0f0f url(../imagens/header_email.svg) center top no-repeat;
		background-size: 20px 40px;
	}
	header .barra_1 .redes_sociais a.bt_email:hover{
		background: url(../imagens/header_email.svg) center bottom no-repeat;
		background-size: 20px 40px;
	}	
	header .barra_1 .redes_sociais a.bt_instagram{
		background: #0f0f0f url(../imagens/header_instagram.svg) center top no-repeat;
		background-size: 20px 40px;
	}
	header .barra_1 .redes_sociais a.bt_instagram:hover{
		background: url(../imagens/header_instagram.svg) center bottom no-repeat;
		background-size: 20px 40px;
	}		
	header .barra_1 .redes_sociais a.bt_linkedin{
		background: #0f0f0f url(../imagens/header_linkedin.svg) center top no-repeat;
		background-size: 20px 40px;
	}
	header .barra_1 .redes_sociais a.bt_linkedin:hover{
		background: url(../imagens/header_linkedin.svg) center bottom no-repeat;
		background-size: 20px 40px;
	}		
	header .barra_1 .form_busca{
		border-left: 1px solid #1d1c1c;
		height: 40px;
		position: relative;
	}
	header .barra_1 .form_busca input[type=text]{
		background: none;
		border: none;
		padding-left: 14px;
		color: #9a9a9a;
		font-size: 16px;
		text-transform: uppercase;
		font-family:'helvetica_57_condensed';
		padding-top: 10px;
	}
	header .barra_1 .form_busca input[type=text]:focus{
		color: #fff;
		transition: all 0.08s ease-in;
	}
	header .barra_1 .form_busca input[type=submit]{
		background: url(../imagens/bt_lupa.svg) center top no-repeat;
		background-size: 15px 30px;	
		border: none;
		cursor: pointer;
		display: inline-block;
		width: 15px;
		height: 15px;
		position: absolute;
		top: 11px;
		right: 0;
		transition: all 0.08s ease-in;
	}
	header .barra_1 .form_busca input[type=submit]:hover{
		background: url(../imagens/bt_lupa.svg) center bottom no-repeat;
		background-size: 15px 30px;		
		background-repeat: no-repeat;	
	}
	header .barra_2{
		background: #1a1919;
		height: 51px;
	}
	header .barra_2 .center{
		display: grid;
		grid-template-columns: minmax(0, 1fr) 95px;	
	}
	header .barra_2 .center nav{
		display: grid;
		grid-template-columns: repeat(6, auto);
		padding-top: 14px;
	}
	header .barra_2 .center nav a{
		font-size: 17px;
		color: #8a8a8a;
		font-family:'helvetica_67_condensed_medium';
		letter-spacing: 0.8px;
	}
	header .barra_2 .center nav a:hover,
	header .barra_2 .center nav a.selected{
		text-decoration: underline;
		color: #ccc;
	}
	header h1{
		width: 203px;
		height: 70px;
		margin: 115px auto 0 auto;
		background: url(../imagens/logo_completo.svg) center center no-repeat;
		background-size: 100% auto;
		text-indent: -20000px;
		cursor: pointer;
		margin-bottom: 25px;
	}
	header .barra_2 .acessibilidade{
		margin-top: 9px;
		background: url(../imagens/logo_acessibilidade.svg) center center no-repeat;
		background-size: 20px auto;	
	}
	header .barra_2 .acessibilidade a{
		display: inline-block;
		width: 30px;
		height: 26px;
		padding-top: 4px;
		border: 1px solid #a9a9a9;
		border-radius: 50%;
		text-align: center;
		color: #b5b5b5;
		font-size: 18px;
		font-family:'helvetica_57_condensed';
		position: relative;
		transition: all 0.08s ease-in;
	}
	header .barra_2 .acessibilidade a span{
		font-size: 12px;
		position: absolute;
		top: 2px;
		right: 5px;
		font-family:'helvetica_67_condensed_medium';
		color: #b5b5b5;
	}
	header .barra_2 .acessibilidade a.bt_mais{
		float: right;
	}
	header .barra_2 .acessibilidade a:hover{
		color: #fff;
		border: 1px solid #fff;
	}
	header .barra_2 .acessibilidade a:hover span{
		color: #fff;
	}
	.bt_menu_mobile {
		display: none;
	}

/* ############################
#### MAIN HOME
##############################*/
	main .center.center_postagem{
		display: grid;
		grid-template-columns: minmax(0, 1fr) 365px;
		column-gap: 25px;
		align-items: flex-start;
	}
	#conteudo_postagem .postagem{
		background: rgba(28,28,28, 0.3);
		padding: 45px 45px 45px 45px;
		margin-bottom: 25px;
	}
	#conteudo_postagem .postagem .header_postagem{
		display: grid;
		grid-template-columns: 180px minmax(0, 1fr);
	}
	#conteudo_postagem .postagem.sem_resultados .header_postagem{
		display: block;
	}
	#conteudo_postagem .postagem .header_postagem .data_categoria{
		border-right: 1px solid #252525;
		height: 160px;
		position: relative;
	}
	#conteudo_postagem .postagem .header_postagem .data_categoria h4{
		font-family:'helvetica_67_condensed_medium';
		font-size: 24px;
		color: #8a8a8a;
		padding-top: 50px;
		padding-left: 26px;
		padding-bottom: 5px;
	}
	#conteudo_postagem .postagem .header_postagem .data_categoria *{
		transition: all 0.08s ease-in;
	}
	#conteudo_postagem .postagem .header_postagem .data_categoria h3{
		font-size: 13px;
		color:#8a8a8a;
		font-family:'helvetica_57_condensed';
		text-transform: uppercase;
		border: 1px solid #393939;
		display: block;
		border-radius: 50px;
		padding: 4px 0 5px 0;
		text-align: center;
		margin-right: 25px;
	}
	#conteudo_postagem .postagem .header_postagem .data_categoria a:hover h3{
		color:#aaa;
		border: 1px solid #666;		
	}
	#conteudo_postagem .postagem .header_postagem{
		margin-bottom: 50px;
	}
	#conteudo_postagem .postagem .header_postagem .data_categoria span.vinco{
		background: #030303;
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
		width: 1px;
	}
	#conteudo_postagem .postagem .header_postagem h2{
		padding-left: 30px;
		font-size: 36px;
		line-height: 44px;
		font-family:'helvetica_65_medium';
		display: flex;
		align-items: center;
	}
	#conteudo_postagem .postagem .header_postagem h2 a{
		font-family:'helvetica_65_medium';
		line-height: 44px;
		font-size: 36px;
	}
	#conteudo_postagem .postagem .main_postagem.main_postagem_interno p{
		font-size: 19px;
		line-height: 32px;
	}
	#conteudo_postagem .postagem .main_postagem p{
		color: #999999;
		font-size: 17px;
		font-family:'helvetica_regular_roman';
		line-height: 26px;
		margin-bottom: 25px;
	}
	#conteudo_postagem .postagem .main_postagem .referencias p{
		line-height: 22px;
		font-size: 18px;
	}
	#conteudo_postagem .postagem .main_postagem .referencias p a{
		color: #555;
		text-decoration: underline;
	}
	#conteudo_postagem .postagem .main_postagem.main_postagem_interno p sup{
		font-size: 13px;
		position: relative;
		top: -2px;
		cursor: pointer;
	}
	#conteudo_postagem .postagem .main_postagem .referencias br{
		content: "";
		display: block;
		margin-top: 18px;
	}
	#conteudo_postagem .postagem .main_postagem p em{
		color: #ccc;
		font-size: 18px;
		font-family:'helvetica_57_condensed';
		line-height: 26px;
		padding-left: 30%;
		font-style: normal;
		display: block;	
	}
	#conteudo_postagem .postagem .main_postagem p.chamada{
		border-top: 1px solid #090909;
		border-bottom: 1px solid #232323;
		position: relative;
		padding-top: 22px;
		padding-bottom: 25px;
		font-size: 22px;
		line-height: 32px;
	}
	#conteudo_postagem .postagem .main_postagem p.chamada.chamada_interna{
		padding-right: 40px;
		position: relative;
	}
	#conteudo_postagem .postagem .main_postagem p.chamada.chamada_interna span.vinco_claro{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background: #232323;		
	}
	#conteudo_postagem .postagem .main_postagem p.chamada.chamada_interna span.vinco_escuro{
		position: absolute;
		top: -1px;
		left: 0;
		width: 100%;
		height: 1px;
		background: #030303;		
	}	
	#conteudo_postagem .postagem .main_postagem p.chamada span.vinco_cima{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background: #232323;
	}
	#conteudo_postagem .postagem .main_postagem p.chamada span.vinco_baixo{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background: #030303;
	}
	#conteudo_postagem .postagem .footer_postagem{
		display: grid;
		grid-template-columns: 235px minmax(0, 1fr);
	}
	#conteudo_postagem .postagem .footer_postagem .compartilhar{
		display: flex;
		justify-content: flex-end;
		column-gap: 8px;
	}
	#conteudo_postagem .postagem .footer_postagem .compartilhar h6{
		font-size: 14px;
		color:#606060;
		font-family:'helvetica_67_condensed_medium';
		text-transform: uppercase;
		padding: 8px 0 9px 20px;
		margin-right: 5px;		
		letter-spacing: 1.4px;		
	}
	#conteudo_postagem .postagem .footer_postagem .compartilhar a{
		display: inline-block;
		width: 28px;
		height: 28px;
		border: 1px solid #3f3f3f;
		border-radius: 50%;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		transition: all 0.08s ease-in;
	}
	#conteudo_postagem .postagem .footer_postagem .compartilhar a i{
		font-size: 14px;
		color: #999999;
		transition: all 0.08s ease-in;
	}
	#conteudo_postagem .postagem .footer_postagem .compartilhar a:hover{
		border: 1px solid #ccc;
	}
	#conteudo_postagem .postagem .footer_postagem .compartilhar a:hover i{
		color: #ccc;
	}
	#conteudo_postagem .paginacao{
		padding-bottom: 45px;
		display: flex;
		align-items: center;
		justify-content: center;
		column-gap: 5px;
	}
	#conteudo_postagem .paginacao a{
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 30px;
		height: 30px;
		border: 1px solid #252525;
		border-radius: 50%;
		font-size: 14px;
		color: #ccc;
		font-family:'helvetica_65_medium';
		transition: all 0.08s ease-in;
	}
	#conteudo_postagem .paginacao a.selected{
		background: #252525;	
	}	
	#conteudo_postagem .paginacao a:hover{
		border: 1px solid #ccc;
	}
	#conteudo_postagem .paginacao a.selected:hover{
		border: 1px solid #252525;
	}
	main .center.center_postagem #coluna_direita{
		background: rgba(28,28,28, 0.3);
		margin-bottom: 25px;
		position: sticky;
		top: 120px;
		transition: all 0.08s ease-in;
	}
	main .center.center_postagem #coluna_direita h2{
		font-size: 26px;
		color: #8a8a8a;
		font-family:'helvetica_67_condensed_medium';
		text-transform: uppercase;
		border-left: 3px solid #8a8a8a;
		padding-left: 22px;
		margin-top: 35px;
	}
	main .center.center_postagem #coluna_direita ul{
		padding-top: 25px;
	}
	main .center.center_postagem #coluna_direita ul li a{
		display: block;
		padding: 25px 25px 25px 25px;
		transition: all 0.08s ease-in;
		border-bottom: 1px solid #222222;
		position: relative;
	}
	main .center.center_postagem #coluna_direita ul li a span.vinco{
		display: block;
		width: 100%;
		height: 1px;
		position: absolute;
		left: 0;
		bottom: 0;
		background: #030303;
	}
	main .center.center_postagem #coluna_direita ul li a:hover{
		background: #161616;
	}
	main .center.center_postagem #coluna_direita ul li a h4{
		font-size: 13px;
		color: #616161;
		text-transform: uppercase;
		transition: all 0.08s ease-in;
	}
	main .center.center_postagem #coluna_direita ul li a h3{
		font-size: 17px;
		color: #999999;
		font-family:'helvetica_65_medium';
		line-height: 22px;
		padding-top: 5px;
		transition: all 0.08s ease-in;
	}
	main .center.center_postagem #coluna_direita ul li a:hover h3,
	main .center.center_postagem #coluna_direita ul li a:hover h4{
		color: #ccc;
	}
	main .center.center_postagem #coluna_direita ul li:last-child a{
		border: none;
	}
	main .center.center_postagem #coluna_direita ul li:last-child span.vinco{
		display: none;
	}
	#pag_autor #conteudo_postagem .postagem .header_postagem h2{
		padding-left: 0;
	}
	#pag_autor #conteudo_postagem .postagem.sem_resultados .header_postagem{
		margin-bottom: 0;
	}
	#pag_autor #conteudo_postagem .postagem .main_postagem h3{
		padding-bottom: 10px;
		font-size: 22px;
	}