*{
	padding:0;
	margin:0;
	font-family: 'Roboto', Arial, sans-serif;
}


/* Header hero */

.hero{
	max-width: 100%;
	height: 350px;
	background: url(../img/hero.jpg)no-repeat center;
	background-size: cover;
}


/* Introdução */

.capitulo-1{
	width: 100%;
	height: auto;
	padding: 80px 30px;
}
.capitulo-1 h2{
	font-size: 30px;
	font-weight: bold;
	color: #003366;
}
.capitulo-1 p{
	font-size: 16px;
	line-height: 1.8em;
}


/* Sobre o IDEP */

.capitulo-2{
	width: 100%;
	height: auto;
	background: #D7EBFF;
	padding: 80px 30px;
}
.capitulo-2 h2{
	font-size: 30px;
	font-weight: bold;
	color: #003366;
}
.capitulo-2 figure img{
	width: 100%;
	border-radius: 5px;
	margin: 8px 0px;
}
.capitulo-2 img::after{
	content: "";
	display: block;
	width: 325px;
	height: 2px;
	background: #333;
}
.capitulo-2 blockquote{
	font-weight: bold;
	font-size: 20px;
	line-height: 1.7em;
}
.capitulo-2 p{
	font-size: 16px;
	line-height: 1.8em;
}


/* Fala presidente */

.capitulo-3{
	width: 100%;
	height: auto;
	padding: 80px 30px;
}
.capitulo-3 h2{
	font-size: 30px;
	font-weight: bold;
	color: #003366;
	margin-top: 30px;
}
.capitulo-3 figure img{
	max-width: 100%;
	display: block;
	border-radius: 5px;
	margin: 8px auto;
}
.capitulo-3 p{
	font-size: 16px;
	line-height: 1.8em;
}
.capitulo-3 button{
	padding: 0;
	background-color: transparent;
	border: none;
	font-weight: bold;
	color: #003366;
}


/* Planejamento estratégico */

.capitulo-4{
	width: 100%;
	height: auto;
	background: #CCF3AF;
	padding: 80px 30px;
}
.capitulo-4 h2{
	font-size: 30px;
	font-weight: bold;
	color: #003366;
	margin-top: 15px;
}
.capitulo-4 figure img{
	width: 100%;
	border-radius: 5px;
	margin: 8px 0px;
}
.capitulo-4 img::after{
	content: "";
	display: block;
	width: 325px;
	height: 2px;
	background: #333;
}
.capitulo-4 blockquote{
	font-weight: bold;
	font-size: 18px;
	line-height: 1.7em;
}
.capitulo-4 p{
	font-size: 16px;
	line-height: 1.8em;
}


/* Metodologia */

.capitulo-5{
	width: 100%;
	height: auto;
	padding: 80px 30px;
}
.capitulo-5 h2{
	font-size: 30px;
	font-weight: bold;
	margin-top: 15px;
}
.capitulo-5 h3{
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
	cursor: pointer;
}
.capitulo-5 figure img{
	width: 100%;
	border-radius: 5px;
	margin: 80px 0px 0px 0px;
}
.capitulo-5 figure p{
	text-align: center;
	font-style: italic;
}
.capitulo-5 img::after{
	content: "";
	display: block;
	width: 325px;
	height: 2px;
	background: #333;
}
.capitulo-5 blockquote{
	font-weight: bold;
	font-size: 18px;
	line-height: 1.7em;
}
.capitulo-5 p{
	font-size: 16px;
	line-height: 1.8em;
}
.capitulo-5 .card{
	margin-bottom: 16px;
}


/* Missão e Valores */

.capitulo-6{
	width: 100%;
	height: auto;
}
.capitulo-6 h2{
	font-size: 30px;
	color: #fff;
	font-weight: bold;
}
.capitulo-6 p{
	font-size: 16px;
	color: #fff;
	line-height: 1.8em;
}
.bg-missao{
	height: 500px;
	padding: 0px 50px !important;
	background: url(../img/missaobg.jpg)no-repeat center;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.bg-visao{
	height: 500px;
	padding: 0px 50px !important;
	background: url(../img/visaobg.jpg)no-repeat center;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
}


/* Desafios a enfrentar e Transformações esperadas */

.capitulo-7{
	width: 100%;
	height: auto;
	padding: 80px 0;
}
.capitulo-7 h2{
	font-size: 30px;
	font-weight: bold;
	color: #003366;
	margin-bottom: 16px;
}
.capitulo-7 table {
  width: 100%;
}
.capitulo-7 table th,.capitulo-7 table td {
  border: 3px solid #ffffff;        
  padding: 1rem 1rem;
  text-align: center;
}
.capitulo-7 table thead th {
  background-color: #003366;        
  color: #ffffff;                  
  font-weight: bold;
  text-align: center;
}
.capitulo-7 table tbody td {
  background-color: #CDCDCD;        
  color: #000000;                  
  text-align: center;
}


/* MARCAS */

.capitulo-8{
	width: 100%;
	height: auto;
	background-color: #CCF3AF;
	padding: 80px 0;
}
.capitulo-8 img{
	max-width: 100%;
}
.capitulo-8 h2{
	font-size: 30px;
	font-weight: bold;
	margin-top: 15px;
}
.capitulo-8 h3{
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
	text-align: center;
}
.capitulo-8 .espaco{
	margin-bottom: 30px;
}


/* Diagnóstico Estratégico */

.capitulo-9{
	width: 100%;
	height: auto;
	padding: 80px 0;
}
.capitulo-9 h2{
	font-size: 30px;
	font-weight: bold;
	margin-top: 15px;
}
.capitulo-9 table {
  width: 100%;
  border-collapse: collapse;
  margin: 2rem auto;
  background-color: #fff;
  border: 2px solid #333;
}

.capitulo-9 table thead th {
  border: 2px solid #333;
  background-color: #005baa;
  color: #fff;
  font-weight: bold;
  padding: 10px 8px;
  text-align: center;
}

.capitulo-9 table tbody td {
  border: 1px solid #333;
  padding: 8px;
  vertical-align: middle;
  background-color: #fff;
  color: #000;
  text-align: center;
}

.capitulo-9 table tbody td ul {
  margin: 4px 0 0 16px;
  padding: 0;
  list-style-type: disc;
}


/* Carteira Atual de Projetos Estratégicos */

.capitulo-10{
	width: 100%;
	height: auto;
	background: #A8C4D5;
	padding: 80px 0;
}
.capitulo-10 h2{
	font-size: 30px;
	font-weight: bold;
	margin-top: 15px;
}
.capitulo-10 table {
  width: 100%;
  border-collapse: collapse;
  margin: 2rem auto;
  background-color: #fff;
  border: 2px solid #333;
}

.capitulo-10 table thead th {
  border: 2px solid #333;
  background-color: #005baa;
  color: #fff;
  font-weight: bold;
  padding: 10px 8px;
  text-align: center;
}

.capitulo-10 table tbody td {
  border: 1px solid #333;
  padding: 8px;
  vertical-align: middle;
  background-color: #fff;
  color: #000;
  text-align: center;
}

.capitulo-10 table tbody td ul {
  margin: 4px 0 0 16px;
  padding: 0;
  list-style-type: disc;
}


/* Considerações finais */

.capitulo-11{
	width: 100%;
	height: auto;
	padding: 80px 30px;
}
.capitulo-11 h2{
	font-size: 30px;
	font-weight: bold;
	margin-top: 15px;
}
.capitulo-11 h3{
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
	cursor: pointer;
}
.capitulo-11 figure img{
	width: 100%;
	border-radius: 5px;
	margin: 80px 0px 0px 0px;
}
.capitulo-11 figure p{
	text-align: center;
	font-style: italic;
}
.capitulo-11 img::after{
	content: "";
	display: block;
	width: 325px;
	height: 2px;
	background: #333;
}
.capitulo-11 blockquote{
	font-weight: bold;
	font-size: 18px;
	line-height: 1.7em;
}
.capitulo-11 p{
	font-size: 16px;
	line-height: 1.8em;
}

/* Participantes das oficinas */

.capitulo-12{
	width: 100%;
	height: auto;
	padding: 80px 0;
	background: #fafafa;
}
.capitulo-12 h2{
	font-size: 30px;
	font-weight: bold;
	margin-top: 15px;
}
.capitulo-12 ul {
	padding: 0;
}
.capitulo-12 ul li{
	display: inline-block;
	padding: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	background: #fff;
	border-radius: 5px;
}


/* Footer */

.footer{
	width: 100%;
	height: auto;
	padding: 80px 0;
	background: #003366;
}
.footer h3{
	font-size: 20px;
	color: #fff;
	font-weight: bold;
}
.footer ul{
	margin: 0;
	padding: 0;
}
.footer ul li{
	list-style: none;
	color: #fff;
	font-size: 14px;
}
.footer hr{
	background: #fff;
}
.footer a{
	color: #fff;
}


/* Pos Footer */

.pos-footer{
	width: 100%;
	height: auto;
	padding: 20px 0;
	background: #003366;
	border-top: 1px solid rgba(255,255,255,0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
}
.pos-footer p{
	font-size: 14px;
	color: #fff;
}
.pos-footer ul {
	padding: 0;
}
.pos-footer ul li{
	display: inline-block;
	margin-right: 10px;
	color: #fff;
}



/* Configurações celular */

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

	.capitulo-12,.capitulo-10,.capitulo-9,.capitulo-8{
		padding: 30px;
	}
	.footer{
		padding: 30px;
	}
	.footer h3{
		margin-top: 16px;
	}
	.hero{
		width: 100%;
		height: 150px;
	}
}