/* ajustes Bootstrap */
b, strong {
	font-weight:700;
}
/*
@media (min-width: 1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1280px;
	}
}
*/
:root {
/* Colors: */
--barra-covid: #a715d1; /*roxo*/
--cinza: #383838; 
--laranja: #feb101; 
--separador: #707070; /*cinza*/
--preto: #000000; /*preto*/
--branco: #ffffff; /*branco*/ 
--pratica: #137c9a; /*azul-verde*/
--fomento: #8063a1; /*roxinho*/
--comunica: #914555; /*marrom*/
--desenvolve: #f07f26; /*laranja*/
--programas: #31835c; /*verde-escuro*/
--verde-fts: #42b175; /*verde-fts*/
--institucional: #008357; /*verde padrao*/
--cinzaclaro: #9b9b9b;

/* Font/text values */
--font-family: Roboto;
--font-style-normal: normal;
--font-weight-bold: bold;
--font-weight-normal: normal;
--font-size-12: 13px;
--font-size-20: 20px;
--font-size-30: 20px;
--font-size-34: 22px;
--font-size-40: 25px;
--font-size-45: 30px;
--font-size-50: 33px;
--font-size-60: 40px;
--font-size-78: 66px;
--font-size-80: 53px;
--font-size-100: 70px;
--character-spacing-0: 0px;
--line-spacing-50: 50px;
--line-spacing-70: 70px;
--line-spacing-78: 78px;
}
#skippy {
    display: block;
    padding: 1em;
    background-color: #f5f5f5;
    outline: 0;
}
.sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
html {
  scroll-behavior: smooth;
}
.ancora {
	padding-top: 120px;
    margin-top: -120px;
}
.ancora1 {
	padding-top: 180px;
    margin-top: -180px;
}
.hc {
  background-color: black;
  -webkit-filter: invert(100%);
  -moz-filter: invert(100%);
  -ms-filter: invert(100%);
  -o-filter: invert(100%);
  filter: invert(100%); 
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}
body {
	font-family: 'Roboto', sans-serif;
	font-weight: var(--font-weight-normal);
	color: var(--preto);
	padding-top:124px;
}
a:hover, .nav-link:hover {
	color: var(--verde-fts);
}
/*Header*/
header {
	margin:0;
	padding:0;
	background:#fff;
    -webkit-box-shadow: 0px 5px 15px 5px rgba(0,0,0,0.5); 
	box-shadow: 0px 5px 5px 3px rgba(0,0,0,0.5);
}
.row_acessibilidade {
	background: var(--verde-fts);
	color: var(--branco);
	font-size: var(--font-size-12);
	padding:5px 0;
}
.row_acessibilidade a {
	color: var(--branco);
	padding:0px 25px 0 0;
	text-decoration:none;
}
.navbar {
    width:100%;
	color:#fff;
}

a.nav-link {
	color: var(--preto);
	font-size: var(--font-size-12);
}
.navbar-expand-lg .navbar-nav .nav-link {
	padding-left:1.8rem;
}
.nav-link.active {
	font-weight:bold;
}
/*Main*/
main {
	margin:0;
	padding:0 0 80px 0;
}
.carousel {
    
}
.hero {
	top:0;
	background-repeat: no-repeat;
	background-image: url("../images/image-home.jpg");  
	background-size: cover;
	background-position: top left;
	height:700px;
}
.carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
section .interna {
	padding:2rem 0rem;
	color: var(--branco);
	font-weight: bold;
}
section .interna p {
	margin-bottom:0;
}
section .interna h2 {
	font-size: var(--font-size-78);
	line-height: var(--font-size-78);
	padding-top:3rem;
}
section .interna h2.hfomento {
	 height:140px;
}
section .interna h2.hcomunica {
	 height:180px;
}
section .interna h2.hprogramas {
	 height:auto;
}
/*top bg*/
section.pratica {
	background: url('../images/bg-pratica.jpg'); 
	background-size:cover;
	min-height:595px;
}
section.pratica.subpagina {
	background: url('../images/bg-pratica-sub.jpg'); 
	background-size:cover;
	min-height:325px;
}
section.fomento{
	background: url('../images/bg-fomento.jpg'); 
	background-size:cover;
	min-height:595px;
}
section.fomento.subpagina {
	background: url('../images/bg-fomento-sub.jpg'); 
	background-size:cover;
	min-height:325px;
}
section.comunica{
	background: url('../images/bg-comunicacao.jpg'); 
	background-size:cover;
	min-height:595px;
}
section.comunica.subpagina {
	background: url('../images/bg-comunicacao-sub.jpg'); 
	background-size:cover;
	min-height:325px;
}
section.desenvolve{
	background: url('../images/bg-desenvolve.jpg'); 
	background-size:cover;
	min-height:595px;
}
section.desenvolve.subpagina {
	background: url('../images/bg-desenvolve-sub.jpg'); 
	background-size:cover;
	min-height:325px;
}
section.programas{
	background: url('../images/bg-programas.jpg'); 
	background-size:cover;
	min-height:595px;
}
section.programas.subpagina {
	background: url('../images/bg-programas-sub.jpg'); 
	background-size:cover;
	min-height:325px;
}
section .programas .interna h2, section .covid .interna h2 {
	height:170px;
}
section .links, #conteudo .links {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
	text-align:left;
	margin-bottom:10px;
}
section .links.active {
	background: transparent;
	border: 2px solid var(--cinza);
	color: var(--branco);
}
section.covid {
	background: url('../images/bg-covid.png'); 
	background-size:cover;
	min-height:325px;
}
.covid .virus {
	height:55px;
	padding-bottom:10px;
}
section .covid .links {
	color:var(--branco);
}
section.institucional {
	background: url('../images/bg-superior.png'); 
	background-size:cover;
	min-height:325px;
}
.bloco-home {
	margin-top: 360px;
}
.bloco-home h1 {
	font-size:var(--font-size-100);
	color:#fff;
	text-align:right;
	padding-bottom: 2rem;
}
.faixa {
	background:#fff;
}
.blocos {
	color: var(--branco);
	text-align:center;
	font-size: var(--font-size-40);
	font-weight: bold;
	line-height: var(--font-size-40);
	cursor: pointer;
	height: 250px;
}
.blocos.covidh {
	height:100px;
}
.blocos p {
	margin:0 auto;
}

.praticah {
	background: url(../images/home-foto-pl.jpg);
	background-size: contain;
}
.fomentoh {
	background: url(../images/home-foto-fomento.jpg);
	background-size: contain;
}
.comunicah {
	background: url(../images/home-foto-comunica.jpg);
	background-size: contain;
}
.desenvolveh {
	background: url(../images/home-foto-do.jpg);
	background-size: contain;
}
.programash {
	background: url(../images/home-foto-pi.jpg);
	background-size: contain;
}
.covidh {
	background: var(--barra-covid) !important;	
}

a.sintese {
	display:inline-block;
	margin-top:1rem;
	margin-bottom:2rem;
	color:var(--cinzaclaro) !important;
}
a.sintese:hover {
	color:var(--preto) !important;
	text-decoration: none;
}
.balanco {
	background: var(--verde-fts) !important;
	color: var(--branco);
}
.verticais {
	padding: 10px 0;
}
.verticais h2 {
	font-size: var(--font-size-80);
	line-height: var(--font-size-80);
	padding-top:5rem;
}
.i_pratica {
	background: url(../images/v_pratica.png) no-repeat;
	background-size: contain;
}
h2.h2-pratica {
	color: var(--pratica);	
}
.i_fomento {
	background: url(../images/v_fomento.png) no-repeat;
	background-size: contain;
	background-position: right;
}
h2.h2-fomento {
	color: var(--fomento);	
	padding-top:5rem;
}
.i_comunica {
	background: url(../images/v_comunica.png) no-repeat;
	background-size: contain;
}
h2.h2-comunica {
	color: var(--comunica);	
	padding-top:5rem;
}
.i_desenvolve {
	background: url(../images/v_desenvolve.png) no-repeat;
	background-size: contain;
	background-position: right;
}
h2.h2-desenvolve {
	color: var(--desenvolve);	
}
.i_programas {
	background: url(../images/v_programas.png) no-repeat;
	background-size: contain;
}
h2.h2-programas {
	color: var(--programas);
}
.verticais p {
	font-size: var(--font-size-40);
	line-height: var(--font-size-50);
	padding:10px 0;
}
.leia-mais {
	background: var(--verde-fts);
	color:var(--branco);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 30px;
	padding:10px 30px;
	font-weight:bold;
}
.destaques-home{
	background:var(--laranja);
	font-size: var(--font-size-40);
	line-height: var(--font-size-50);
	margin:15px 0;
	padding: 4rem 0;
}
.linha-destaque {
	margin-top:420px;
}
.destaques-home strong{
	font-size: var(--font-size-50);
	color:var(--branco);
	display:block;
}
.destaques-home h2{
	font-size: var(--font-size-60);
	color:var(--branco);
	text-transform: uppercase;
	display:block;
}
.destaques-home p {
	font-weight:500;
}
.bordinha {
    width: 50px;
    height: 6px;
    background: var(--branco);
    border-left: none;
    border-right: none;
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
}
/*Páginas internas*/
/*Nível 1*/
.pagina p, .pagina li {
	font-size:var(--font-size-40);
	line-height:var(--font-size-50);
	padding-bottom:1rem;
}
.pagina p.breadcrumb{
	font-size:1rem;
	padding:1rem 0;
}
.breadcrumb a {
	color:var(--preto);
	text-decoration: underline;
}
.pagina h2 {
	font-size:var(--font-size-60);
	max-width: 70%;
	padding-bottom:2rem;
}
.pagina h2 span {
	display: block;
	padding-top:1rem;
	font-size:var(--font-size-20);
}
.pagina h2.verde-escuro {
	font-size:var(--font-size-45);
	padding-bottom:0;
	color:var(--verde-fts);
}
.pagina h3 {
	font-size:var(--font-size-45);
	padding-bottom:1rem;
}
.pagina h4 {
	padding-bottom:1rem;
}
.menu-pagina {
	padding-bottom:4rem;
}
.menu-pagina .links {
	color:var(--branco);
	border-radius: 0px;
	padding:10px 30px;
	font-size:1rem;
	font-weight:bold;
	text-decoration:none;
}
.menu-pagina.btn-pratica .links, .links.p {
	background: var(--pratica);
	border: 2px solid var(--pratica);
}
.menu-pagina.btn-pratica .links.active, .links.p:hover {
	background: var(--branco);
	color:var(--pratica);
}
.menu-pagina.btn-fomento .links, .links.f {
	background: var(--fomento);
	border: 2px solid var(--fomento);
}
.menu-pagina.btn-fomento .links.active, .links.f:hover {
	background: var(--branco);
	color:var(--fomento);
}
.menu-pagina.btn-comunica .links, .links.c {
	background: var(--comunica);
	border: 2px solid var(--comunica);
}
.menu-pagina.btn-comunica .links.active, .links.c:hover {
	background: var(--branco);
	color:var(--comunica);
}
.menu-pagina.btn-desenvolve .links, .links.d {
	background: var(--desenvolve);
	border: 2px solid var(--desenvolve);
}
.menu-pagina.btn-desenvolve .links.active, .links.d:hover {
	background: var(--branco);
	color:var(--desenvolve);
}
.menu-pagina.btn-programas .links, .links.i {
	background: var(--programas);
	border: 2px solid var(--programas);
}
.menu-pagina.btn-programas .links.active, .links.i:hover {
	background: var(--branco);
	color:var(--programas);
}
.btn-programas-sub button {
	background: var(--branco);
	border: 2px solid var(--separador);
}
.btn-publicacoes a.links {
	background: var(--programas);
	border: 2px solid var(--programas);
	color: var(--branco);
}
.btn-publicacoes a.links:hover {
	background: var(--branco);
	border: 2px solid var(--programas);
	color: var(--programas);
}

.pgm-influencia {
	list-style-type: square;
	color: var(--programas);
}
.pgm-influencia span {
	color: var(--preto);
}
.pratica h3, .pratica h4, .pratica h5, h2.pratica, p.pratica {
	color:var(--pratica);
}
.fomento h3, .fomento h4, .fomento h5, h2.fomento, p.fomento {
	color:var(--fomento);
}
.comunica h3, .comunica h4, .comunica h5, h2.comunica, p.comunica {
	color:var(--comunica);
}
.desenvolve h3, .desenvolve h4, .desenvolve h5, h2.desenvolve, p.desenvolve {
	color:var(--desenvolve);
}
.programas h3, .programas h4, .programas h5, h2.programas, h4.programas, p.programas {
	color:var(--programas);
}
main.materia h3 {
	padding-top: 2rem;
}
.relacionadas h4 {
	color:(var(--separador));
}
.relacionadas .pratica {
	color:var(--pratica);
}
.relacionadas .fomento {
	color:var(--fomento);
}
.relacionadas .comunica {
	color:var(--comunica);
}
.relacionadas .desenvolve {
	color:var(--desenvolve);
}
.relacionadas .programas {
	color:var(--programas);
}
main.materia h3 {
	padding-top: 2rem;
}

.fenfrente {
	color:var(--verde-fts);
}
.sintese p.fpratica, .sintese p.ffomento, .sintese p.fcomunica, .sintese p.fdesenvolve, .sintese p.fprogramas {
	font-weight:bold;
}
.pub_download {
	font-size: .85rem;
    color: #333;
    border: 1px solid #707070;
    padding: .5rem;
	text-decoration:none;
}
#row_1, #row_2, .row_1 {
	display:none;
	padding-bottom: 5rem;
}
/*sidebar*/
.sidebar h4 {
	font-size:var(--font-size-34);
	text-transform: uppercase;
	padding-bottom:1rem;
}
.sidebar h5 {
	font-size:var(--font-size-30);
	text-transform: uppercase;
}
.sidebar p {
	font-size:var(--font-size-30);
	line-height:var(--font-size-30);
	border-bottom:2px solid var(--separador);
}
.relacionadas {
	color:var(--separador);
	padding-top:5rem;
}
.sidebar a {
	color:var(--preto);
	text-decoration:none;
}
/*Footer*/
footer {
	background: var(--cinza);
	color: var(--branco);
	font-size: var(--font-size-20);
	padding:5px 0;
}
.mobile {
	display:none;
}
@media only screen and (max-width: 600px) {
	.mobile {
	  display:block;
	}
	.desktop {
	  display:none;
	}
	.row_acessibilidade a {
		padding: 0px 10px 0 0;
	}
	.bloco-home {
		margin-top: 60px;
	}
	.bloco-home h1 {
		font-size: 50px;
		font-weight: 400;
	}
	.bloco-home h1 span {
		font-size:var(--font-size-100);
		font-weight: 700;
		display:block;
	}
	.linha-destaque {
		margin-top: 900px;
	}
	section.pratica, section.pratica.subpagina {
		background-position-x: -120px;
	}
	section.covid .um h2, section.institucional .um h2 {
	    margin-top: 6rem;
	}
	section.covid .ums h2, section.institucional .ums h2 {
	    margin-top: 10rem;
	}
	section.covid, section.institucional {
		background-position-x: -180px;
	}
	.menu-pagina.btn-pratica.mobile .links {
		background: var(--branco);
		color: var(--pratica);
		border-color: var(--pratica);
	}
	.menu-pagina.btn-pratica.mobile .links.active {
		background: var(--pratica);
		color: var(--branco);
		border-color: var(--branco);
	}
	.menu-pagina.btn-fomento.mobile .links {
		background: var(--branco);
		color: var(--fomento);
		border-color: var(--fomento);
	}
	.menu-pagina.btn-fomento.mobile .links.active {
		background: var(--fomento);
		color: var(--branco);
		border-color: var(--branco);
	}
	.menu-pagina.btn-comunica.mobile .links {
		background: var(--branco);
		color: var(--comunica);
		border-color: var(--comunica);
	}
	.menu-pagina.btn-comunica.mobile .links.active {
		background: var(--comunica);
		color: var(--branco);
		border-color: var(--branco);
	}
	.menu-pagina.btn-desenvolve.mobile .links {
		background: var(--branco);
		color: var(--desenvolve);
		border-color: var(--desenvolve);
	}
	.menu-pagina.btn-desenvolve.mobile .links.active {
		background: var(--desenvolve);
		color: var(--branco);
		border-color: var(--branco);
	}
	.menu-pagina.btn-programas.mobile .links {
		background: var(--branco);
		color: var(--programas);
		border-color: var(--programas);
	}
	.menu-pagina.btn-programas.mobile .links.active {
		background: var(--programas);
		color: var(--branco);
		border-color: var(--branco);
	}
	section .interna {
		position: inherit;
		color: var(--branco);
		font-weight: bold;
		padding:0;
		margin:15px;
		height:auto;
	}
	section .interna h2 {
		font-size:var(--font-size-80);
		height:auto;
		padding-bottom:1rem;
	}
	section .interna h2.hfomento, section .interna h2.hcomunica {
		height:auto;
	}
	section .interna p {
		font-size:1rem;
		line-height:1rem;
	}
	section .interna-2 {
		margin-top:120px;
	}
	section .interna-2 h2 {
		padding-bottom:0;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-left:0;
		font-size:1.25rem;
	}
	.pagina h2 {
		max-width: 100%;
	}
	.pagina p {
		font-size: var(--font-size-20);
	}
	.pagina p.breadcrumb {
		padding: 1rem 0 0;
	}
	.menu-pagina.sintese {
		padding-left: 1rem;
	}
	.menu-pagina.btn-programas {
		padding-bottom:0;
	}
	.materia {
		background: none;
	}	
	.verticais {
		padding:0 0 10px;
		height:auto;
	}
	.verticais h2 {
		font-size: var(--font-size-50);
		line-height: var(--font-size-50);
	}
	.verticais p {
		font-size: var(--font-size-20);
		line-height: var(--font-size-50);
	}
	h2.h2-fomento {
		padding-top:0;
	}
	h2.h2-comunica {
		color: var(--comunica);	
		padding-top:0;
	}
	.mobi {
		padding:0 15px;
	}
	.leia-mais {
		margin-bottom:30px;
	}
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(100,100,100, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.modal-dialog {
	max-width: 800px;
	margin: 30px auto;
}
.modal-body {
	position:relative;
	padding:0px;
}
.close {
	position:absolute;
	right:-30px;
	top:0;
	z-index:999;
	font-size:2rem;
	font-weight: normal;
	color:#fff;
	opacity:1;
}
