html {
	font-size: 62.5%;
}

html, body {
	width: 100%;
	height: 100%;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

body {
	/*overflow-x: hidden;*/
}

p {
	margin-top: 4rem;
	margin-bottom: 4rem;
}

a {
	color: inherit;
}
h1 {
	font-size: 8rem;
	font-family: 'estadofinebold';
	text-align: center;
	padding-top: 4rem;
	text-transform: uppercase;
}

h1 span {
  display: block;
  font-size: 1.8rem;
  text-align: center;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  margin-top: 0.5rem;
  font-family: 'flamamedium';
  font-weight: 500;
}

h2 {
	margin: 0 auto;
	max-width: 700px;
	font-size: 5rem;
	font-family: 'estadofine';
	text-align: center;
	padding: 2rem 2rem 4rem 2rem;
}

h3 {
  font-size: 1.7rem;
  text-align: center;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  margin: 2.8rem;
}

/* loading */

.loading .titulo {
	letter-spacing:0.3em;
	opacity: 0;
	-webkit-transition: all 1s ease-in-out;
         transition: all 1s ease-in-out;
}

.loading #header h3, .loading #logoFixo {
	opacity: 0;
	-webkit-transition-delay: 1s;
   	transition-delay: 1s;
}

/* topo */

#logoFixo {
	font-family: 'Marcas Estadão';
	font-size: 3rem;
	position: absolute;
	top: 0;
	z-index: 1;
	color: #fff;
	opacity: 1;
	text-align: center;
	width: 100%;
	padding-top: 1.5rem;
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}

.titulo {
	padding-top: 8rem;
	opacity: 1;
	-webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

/* header */

#header {
   background-image:url("../img/header/1.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   background-color: #000000;
   background-position: center;
/*   background-attachment: fixed;*/
   width: 100%;
   height: 100%;
   position: relative;
   color:rgb(255,255,255);
}

#header h1 span {
	opacity: 1;
	/*-webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
   	-webkit-transition-delay: 1s;
   	transition-delay: 1s;*/
}

.scrollDown {
	position: absolute;
	text-align: center;
	right: 0;
	left: 0;
	margin-bottom: 10rem;
	bottom: 0;
}

.setaDesce {
	margin: 0 auto;
	left: 0;
	right: 0;
	font-size: 7rem !important;
}

.setaDesce:hover {
	opacity: 0.6;
	cursor: pointer;
}

/* barra */

#barraAjuste {
	width: 100%;
	height: 0px;
	position: fixed;
	-webkit-box-shadow: 0px 1px 21px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 21px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 21px 0px rgba(0,0,0,0.2);
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}

.show #barraAjuste {
	height: 56px;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
	background: #fff;
}

#logoSmall {
	opacity: 0;
	position: fixed;
	width: 100px;
	height: 45px;
	line-height: 56px;
	position: fixed;
	left: 0;
	right: 0;
	margin: 1rem auto;
}

#abrirMenu {
  position: fixed;
  right: 1.2rem;
  line-height: 56px;
  margin-left: 1rem;
  font-size: 3rem;
  height: 45px;
  text-transform: uppercase;
  opacity: 1;
}

#abrirMenu:hover {
	opacity: 0.25 !important;
}

#abrirMenu:hover {
	opacity: 0.6;
	cursor: pointer;
}


#logoCentro {
	font-family: 'Marcas Estadão';
	font-size: 3rem;
	position: fixed;
	width: 118px;
	height: 45px;
	/*background-color: yellow;*/
	margin: 1.5rem 1rem;
	opacity: 1;
}

#logoCentro:before {
  content: "";
}

.show #logoCentro, .show #abrirMenu {
	opacity: 0.5;
}

#shareDireita {
	position: fixed;
	width: 100px;
	height: 45px;
	/*background-color: rgb(211, 107, 107);*/
	right: 0;
}

#menuContent {
	width: 700px;
	height: 1000px;
	margin: 0 auto;
	margin-top: 8rem; 
	/*opacity: 0;*/
	/* display: none; */
}

#logo {
	font-family: 'Marcas Estadão';
	font-size: 3rem;
	padding: 1rem;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	display: inline-block;
	float: left;
}

#barra {
	position: fixed;
	width: 100%;
	height: 56px;
	/*background-color: #fff;*/
	top: 0px;
	z-index: 2;
	color: #fff;
	/*border-bottom: 1px solid #eaeaea;*/
	opacity: 0.97;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}

#barra.show {
	color: #000;
	opacity: 1;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

#barra.show #logoSmall { 
	opacity: 1;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-o-transition:-delay: 0.5s;
	transition-delay: 0.5s;
}

#barra.show button span {
	background-color: #000;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

body.noScroll #barra.show button span {
	background-color: transparent;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

#barra.show button span:before {
	background-color: #000;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
} 

#barra.show button span:after {
	background-color: #000;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
} 


#nav {
	display: none;
}

#barra nav {
	text-transform: uppercase;
	font-size: 1.6rem;
	font-family: 'flama';
}

#nomeEspecial {
	font-size: 1.8rem;
	font-family: 'flama';
	font-weight: 800;
	margin-top: 1.5rem;
	text-transform: uppercase;
	color: #939e36;
}

#nomeEspecial::before {
	content: "";
	height: 30px;
	width: 1px;
	background-color: #d0d0d0;
	float: left;
	margin: -8px 1.8rem 0 1rem;
}

#botaoCapitulos {
  width: 202px;
  margin: -16px 0 0 215px;
  font-weight: 400;
  opacity: 0.8;
}

#botaoCapitulos:hover {
	cursor: pointer;
}

/* barra que expande */

#barraDesce {
	width: 100%;
	height: 0px;
	background-color: #fff;
	position: fixed;
	top: 0;
	z-index: 1;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

/* animações da barra */
/*
.show {
	top: 0px !important;
}
*/
.abreMenu {
	height: 100% !important;
}

/* conteúdo */

#conteudo {
	padding: 5.8rem 0 0 0;
}

.textBox {
	width: 700px;
	margin: 0 auto;
	margin-bottom: 8rem;
}

#conteudo p {
  max-width: 700px;
  margin: 0 auto;
  padding: 2rem;
  font-family: 'freightbook';
  font-size: 2.2rem;
  line-height: 1.5;
}

/* número na abertura */

.abreNumero {
	font-family: 'estadofine';
  	font-size: 4rem;
  	text-align: center;
}

/* capitular */

.capitular:first-letter {
	font-size: 29px;
	float: left;
	line-height: 0.8;
	margin: 6px 6px 0 0;
	font-family: 'estadoheadlineroman';
	color: #fff;
	background-color: #939e36;
	padding: 1.4rem;
}

/* olho */

.olho {
	text-align: center;
    max-width: 400px !important;
    font-family: 'estadoheadlineitalic' !important;
    margin: 0 auto !important;
}
 .olho::after {
	content: '';
	margin: 0 auto;
	margin-top: 1em;
	width: 100px;
	height: 1px;
	background-color: #222;
	display: block;
 }

 .olho::before {
	content: '';
	margin: 0 auto;
	margin-bottom: 1em;
	width: 100px;
	height: 1px;
	background-color: #222;
	display: block;
 }

 /* próximo capítulo */

.proximoCapitulo {
	  font-family: 'estadofine';
	  font-size: 4rem;
	  text-align: center;
	  padding: 6rem 3rem;
	  margin-top:2rem;
	  color: #000;
	  border-top: 1px solid #eaeaea;
	  -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.proximoCapitulo:hover {
	cursor: pointer;
	background:#f6f6f6;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.proximoCapitulo span {
	display: block;
	font-size: 2rem;
	margin-top: 2rem;
}

/* menu */

a {
	display: block;
}

.textLink {
	display: inline !important;
	font-weight: bold;
	color: #939e36;
	border-bottom: 1px solid #939e36;
}

.textLink:hover {
	opacity: 0.6;
}

#menu {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin-top: 20rem;
	z-index: 100;
	display: none;
}

.ativo {
	opacity: 1 !important;
	/*display: block !important;*/
}

.item {
	width: 200px;
	height: 200px;
	background-color: #eaeaea;
}

/* itens do menu */

ol.menu {
	margin-bottom: 8rem;
}

.menuItem {
	width: 100%;
	/*margin: 1rem 0 1rem 0;*/
	/*background-color: #eaeaea;*/
}

.menuLink {
	width: 100%;
	padding: 2rem 0 2rem 0;
	height: 134px;
}

.menuLink.last {
	border-bottom: none !important;
}

.img-menu {
	float: left;
	height: 134px;
	width: 200px;
	overflow: hidden;
}

.img-menu {}

.img-menu img {
	width: 100%;
}

.itemInfo {
  font-size: 3.4rem;
  color: #939e36;
  font-family: 'estadofine';
  float: left;
  width: 380px;
  margin-left: 2rem;
  height: 134px;
  /* text-transform: uppercase; */
}


.itemInfo span {
	margin-top: 2.5rem;
	display: block;
	font-size: 1.8rem;
	color: #222;
}

/* classes para ajustes */

.scroll {
	overflow-y: scroll;
}

.noScroll {
	overflow-y: hidden;
}

.display {
	display: block !important; 
}

/* overlay */

.overlay {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 100% !important;
	background-color: rgba(255, 255, 255, 1);
	opacity: 0;
	visibility: hidden;
	transition: opacity .25s ease-in-out, visibility 0s linear 0.5s;
    -moz-transition: opacity .25s ease-in-out, visibility 0s linear 0.5s;
    -webkit-transition: opacity .25s ease-in-out, visibility 0s linear 0.5s;
    transition: opacity .25s ease-in-out, visibility 0s linear 0.5s;
}

.abre {
	visibility: visible;
	opacity: 1;
	transition-delay: 0s;
}

/* legendas */
/*
figure {
	margin: 0 auto;
	width: 100%;
	max-width: 660px;
}
*/
figure {
	margin: 0 auto;
	width: 100%;
	max-width: 970px;
}

figure img {
	width: 100%;
}

figcaption {
  margin-top: 2rem;
  opacity: 0.8;
  border-left: 4px solid #eaeaea;
  padding-left: 2.3rem;
  padding-right: 2.3rem;
  font-size: 1.6rem;
  font-style: italic;
  line-height: 1.4;
  letter-spacing: 0.01rem;
  margin-bottom: 4rem;
}

/* vinicius */

#conteudo p img {
	max-width: 100%;
}

#conteudo .destaque {
	font-weight: bold;
	font-family: 'flama';
}

.menuLink {
	height: 175px;
	border-bottom: 1px solid #eaeaea;
 	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


.menuItem.atual {
	opacity: 0.2;
	margin-left: 48px;
}

.menuItem:first-child {
	/*background: #f5f5f5;*/
}


.itemInfo h3 {
	font-family: 'flamamedium';
	font-weight: 500;
	color: #ccc;
	margin: 0;
	text-align: left;
}


.itemInfo h2 {
	font-size: 3rem;
	text-align: left;
	padding: 1rem 0 0 0;
	color: #000;
}

/* tiago */

#header-paginas{
	margin: auto;
	max-width: 960px;
	width: 100%;
	margin-top: 112px;
}

#header-paginas img{
	max-width: 960px;
	width: 100%;
}

/* setas - responsivo */

@media screen and (max-width: 960px) {
    nav a {
		position: absolute;
		display: block;
		outline: none;
		text-align: left;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	nav a.prev {
		position: absolute !important;
		left: 0;
	}
	nav a.next {
		position: absolute !important;
		right: 0;
	}
	#header-paginas {
		margin-top: 56px;
	}
}

/* menu responsivo */

@media screen and (max-width: 960px) {
	#menuContent {
		max-width: 460px;
		width: 100%;
		padding: 2rem;
	}
	.img-menu {
		float: none !important;
	}
	.itemInfo {
		float: none; 
		margin-left: 0;
		margin-top: 2rem;
		height: auto;
		width: 100%;
	}
	.img-menu {
		float: left;
		height: auto; 
		width: 100%;
	}
	.menuLink {
		width: 100%;
		padding: 2rem 0 2rem 0;
		height: auto; 
	}
	.atual {
		margin-left: 0px !important;
	}
}

/* hover do menu */

@media screen and (min-width: 960px) {

	.menuLink:hover {
		padding-left: 24px;
	 	-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.menuLink:hover .itemInfo h2 {
	 	color: #939e36;
		-webkit-transition: all 0.3s ease-in-out;
	  	-moz-transition: all 0.3s ease-in-out;
	  	-o-transition: all 0.3s ease-in-out;
	  	transition: all 0.3s ease-in-out;
	}
}

/* ajustes responsivos no texto */

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

	h2 {
		font-size: 4rem;
	}
	#conteudo p {
		font-size: 2rem;
}

}

/* marca do especial responsiva */


/* logo que muda */

@media screen and (min-width: 560px) {

	#logoCentro:before {
		content: "";
	}

}

/* mapa */

#map {
	width: 100%;
	height: 500px;
}   

/* ajuste scroll mobile */

.setaWrap {
	right: 0 !important;
  	padding: 0 !important;
  	-webkit-transform: none !important;
  	transform: none !important;
  	overflow: hidden !important;
  	top: 0 !important;
  	pointer-events: none;
}


/* tabela créditos */

table {
	border-collapse: collapse;
	border-spacing: 0;
	color: #686868;
	width: calc(100% - 4rem);
	max-width: 520px;
	background-color: transparent;
	font-size: 2rem;
	margin: 2rem auto 4rem;
}

table tr:first-child {
	/*border-top: none;*/
}

table tr {
	border-top: 1px solid #eaeaea;
}

table td:first-child {
	text-transform: uppercase;
	font-size: 1.2rem;
	font-weight: 500;
	letter-spacing: 0.2rem;
	color: #999;
	line-height: 1.3;
 	font-family: 'flama';
}

table td {
	padding: 2rem 1rem;
	border-style: none;
	word-break: normal;
	font-size: 2rem;
	line-height: 1.5;
	color: #000;
	font-weight: 300;
	margin: 0 auto;
	max-width: 700px;
	font-family: 'estadofine';
}

#logoCredito {
	font-family: 'Marcas Estadão';
	font-size: 6rem;
	position: relative;
	text-align: center;
	margin: 1.5rem;
	opacity: 1;
	color: #222222;
}

#logoCredito:before {
	content: '';
}

table td:first-child {
	text-transform: uppercase;
	font-size: 1.2rem;
	font-weight: 500;
	letter-spacing: 0.2rem;
	color: #999;
	font-family: 'flamamedium';
}

@media all and (min-width: 960px) {
	table td:first-child {
		width:calc(200px + 2rem);
	}
}

.creditoItem {
	margin: 2.9rem 0;
	padding: 2.8rem;
}

.creditoItem:hover {
	opacity: 0.5;
	background:#eeeeee;
}

/* logo principal responsivo */

#logoPrincipal {
	max-width: 50%;
}

@media all and (max-width: 560px) {
	.titulo {
	  	padding-top: 4rem !important;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.scrollDown {
  		display: none;
  		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	#header h1 span {
		position: absolute;
		bottom: 4rem;
		left: 50%;
		-webkit-transform: translateX(-50%);
     		-ms-transform: translateX(-50%);
         		transform: translateX(-50%);	
	}
}

@media all and (min-width: 720px) {
	.titulo {
	  	padding-top: 4rem;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
}

/* animação do menu */

.line {
  display: inline-block;
  width: 24px;
  height: 4px;
  background-color: #006293;
}

button {
  border: 0;
  padding: 22px 12px;
  background: transparent;
  font-size: 0;
  cursor: pointer;
}
button:focus {
  outline: 0;
}

button span {
  display: inline-block;
  width: 24px;
  height: 4px;
  background-color: #fff;
  position: relative;
  	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	/*transition-delay: .2s;*/
}

button span:before, button span:after {
  display: inline-block;
  width: 24px;
  height: 4px;
  background-color: #fff;
  content: '';
  position: absolute;
  left: 0;
  transition: transform .2s, top .2s;
  transition-delay: 0s, .3s;
}

button span:before {
  top: -8px;
  	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
  /*background-color: #fff;*/
}

button span:after {
  top: 8px;
  	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
  /*background-color: #fff;*/
}

.animate span, .animate:hover span {
  background-color: transparent;
}

.animate span:before,
.animate:hover span:before,
.animate span:after,
.animate:hover span:after {
  transition: top .2s, transform .2s;
  transition-delay: 0s, .3s;
}

.animate span:before,
.animate:hover span:before {
  top: 0;
  transform: rotate(-45deg);
}

.animate span:after,
.animate:hover span:after {
  top: 0;
  transform: rotate(45deg);
}


/* gif wrap */
.gifWrap img:last-child, .gifWrap.loaded img:first-child  {
	display:none;
}
.gifWrap.loaded img:last-child {
	display:block;
}

figure.mapaEmbed {
	width: calc(100% - 10rem);
}

/* imagem menor */

.imgMenor {
	width: 30%;
}

/* hover no venobox */

.venobox img:hover {
	opacity: 0.8;
}

/* mosaico */

.mosaicoContainer {
	max-width: 970px;
	width: 100%;
	margin: 0 auto;
	margin-top: 2rem;
	margin-bottom: 2rem;
	overflow: auto;

}

.mosaicoItem {
	width: 49%;
	margin-bottom: 2%;
}

.m1 {
	float: left;
	margin-right: 1%;
}

.m2 {
	float: left;
	margin-left: 1%;
}
.m3 {
	float: left;
	margin-right: 1%;
}
.m4 {
	float: left;
	margin-left: 1%;
}

.mosaicoItem img {
	width: 100%;
}

/* mosaico responsivo */

@media screen and (min-width: 460px) {
	.mosaicoItem:hover {
		cursor: pointer;
		opacity: 0.75;
	}	

}

@media screen and (max-width: 460px) {
	.mosaicoItem {
		width: 100%;
		margin-bottom: 2%;
	}
	.m1{
		clear: both;
		margin-right: 0%;
	}
	.m2 {
		clear: both;
		margin-left: 0%;
	}
	.m3 {
		clear: both;
		margin-right: 0%;
	}
	.m4 {
		clear: both;
		margin-left: 0%;
	}


}

/* ajuste botão do menu */

.troca:before {
  content: "\f00d" !important;
}



/*.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  content: "\f0c9";
}*/