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;*/
}

#video-background{
	left: 0;
	top: 0;
	min-height: 100%;
	min-width: 100%;
	width: auto;
	height: auto;
	z-index: -10;
	visibility: visible;
}


#titulo{
    position: absolute;
    top: 30%;
    width: 100%;
    left: 50%;
    transform: translate(-50%, -30%);
	text-align: center;
}
p {
	margin-top: 4rem;
	margin-bottom: 4rem;
}

a {
	color: inherit;
}
h1 {
	font-size: 8rem;
	font-family: 'estadofinebold';
	text-align: center;
	text-transform: uppercase;
}
/*
hr {
	border: none;
	border-top:1px solid #FFFFFF;
	width: 5%;
	margin: auto;
	margin-top: 50px;
	margin-bottom: 50px;
}
*/

#conteudo > article {
	border-top: 1px solid #eee;
}

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

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

#conteudo > article {
	padding: 8rem 0;
}

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

h4 {
	font-family: 'flamabook';
	font-size: 1.6rem;
	color: #888;
	padding-top: 1rem;
}

.sub h4 {
	-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;
}

/* 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 {

	opacity: 1;
	-webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

/* header */

#header {
   width: 100%;
   height: 100%;
   position: relative;
   color: #fff;
   background-color: rgba(0,0,0,0.5);
}

#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;
	bottom: 1rem;
}

.setaDesce {
	margin: 0 auto;
	left: 0;
	right: 0;
	font-size: 2.6rem;
	left: 0;
	right: 0;
	text-align: center;
	cursor: pointer;
}

.setaDesce:hover {
	opacity: 0.5;
}

/* 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: 120px;
	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:hover {
	opacity: 0.6;
}

.show #logoCentro:hover {
	opacity: 0.3;
}

#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: 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;
}

#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;
	background:#fff;
}

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

#conteudo article.info-box {
  width: calc(100% - 48px);
  max-width: 660px;
  background: #eee;
  margin: 4rem auto;
  padding: 2rem 4rem;
  height: 500px;
  overflow: hidden;
  overflow-y: scroll;
}

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

#conteudo p.abre-last {
	margin-bottom: 8rem;
}


/* número na abertura */

.abreNumero {
	font-family: 'estadoheadlineregular';
  	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: #b22225;
	padding: 1.4rem;
}

/* olho */

.olho {
	text-align: center;
	max-width: 360px !important;
	font-family: 'flamabold' !important;
	text-transform: uppercase;
	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: 'estadoheadlineregular';
	font-size: 4rem;
	text-align: center;
	padding: 6rem 3rem;
	margin-top: 6rem;
	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: 133px;
	width: 200px;
	overflow: hidden;
}

.img-menu {}

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

.itemInfo {
  font-size: 3.4rem;
  color: #939e36;
  font-family: 'estadoheadlineregular';
  float: left;
  width: 440px;
  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;
  	-webkit-overflow-scrolling: touch;
}

.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;
}

.imagem-grande {
	margin: 0 auto;
	width: 100%;
	max-width: 960px;
	padding: 2rem 2rem;
}

.imagem-alinhada {
	margin: 0 auto;
	width: 100%;
	max-width: 660px;
	/* padding: 2rem 0; */
	padding: 2rem;
}

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;
}

/* 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%;
}

.linha-do-tempo {
	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;
	}
	nav#hideOnMobile {
		display:none;
	}
}

/* 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: 1025px) { /* 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: #b22225;
		-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 .menuLink:hover {
		padding-left: 0px;
	} 
}

/* 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: 'estadoheadlineregular';;
}

#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: 2rem 0;
	padding: 2.8rem;
}

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

/* logo principal responsivo */

#logoPrincipal {
	max-width: 50%;
}

.titulo {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media all and (max-width: 560px) {
	.titulo {

		-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: 1rem;
		left: 50%;
		min-width: 200px;
  		line-height: 1.2;
		-webkit-transform: translateX(-50%);
     		-ms-transform: translateX(-50%);
         		transform: translateX(-50%);	
	}
}

@media all and (min-width: 720px) {
	.titulo {
		-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;
}

/* ícone de câmera */

.fa-camera {
	padding: 0 1rem 0 1rem;
} 

/* owl-carousel */

.galeria-thumb {
	margin: 0px 6px 0px 6px;
}

/* video */

/*#bgvid {
    position:absolute;
    height:100%;
    width:100%;
    overflow: hidden;
}

#bgvid  video {
    min-width: 100%;
    min-height: 100%;
}*/

/*#bgvideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}*/

/*#bgvideo video {
	min-width: 100%;
	min-height: 100%;
}*/

#bgvideo video{
	position: fixed;
	right: 0;
	bottom: 0;
	width: auto;
	min-width: 100%;
	height: auto;
	min-height: 100%;
	z-index: -100;
	background: transparent url(video-bg.jpg) no-repeat;
	background-size: cover;
}

#sp-line {
	width: 120px;
	margin: 0 auto;
	margin-bottom: 2rem;
}

.menuSub {

}

.abreNumero + h3 {
	border-top: 2px solid #222;
	display: inline-block;
	border-bottom: 2px solid #222;
	margin: 2.8rem auto;
	position: relative;
	padding: 18px 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.sub h4:hover {
	-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;
	padding-left: 1rem;
	color: #b22225;
}

.shadow {
	filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
	filter: url(#drop-shadow);
	-webkit-filter: drop-shadow(12px 12px 7px rgba(0,0,0,0.5));
	filter: drop-shadow(12px 12px 7px rgba(0,0,0,0.5));
}

#colunas {
	max-width: 960px;
	width: 100%;
	margin: 0 auto;
	overflow: auto;
}

#esquerda {
	float: left;
  	max-width: 480px;
  	width: 100%;
}

#direita {
	float: left;
  	max-width: 480px;
  	width: 100%;
}

.foto-entrevista {
	  margin: 2rem;
}

@media screen and (max-width: 960px) {
	#esquerda {
		float: none;
	  	max-width: 960px;
	  	width: 100%;
	}
	#direita {
		float: none;
	  	max-width: 960px;
	  	width: 100%;
	  	border-top: 1px solid #ccc;
		margin-top: 4rem;
		padding-top: 4rem;
	}
}

#conteudo p.data-atualizacao {
  font-family: 'flamabook';
  font-size: 1.4rem;
  text-align: center;
}

.imagem-grande.mapaEmbed #map-canvas {
	padding: 0;
	margin: 2rem auto;
  -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);
}

article#esquerda h3, article#direita h3 {
	text-align: left;
}

#conteudo article#esquerda p, #conteudo  article#direita p {
	padding: 0rem 2rem;
}

#conteudo article#esquerda p.pergunta, #conteudo  article#direita p.pergunta {
	font-weight: bold;
	padding: 6rem 2rem 2rem;
}

#audio-btn {
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  text-align: left;
  font-size: 2.6rem;
  cursor: pointer;
}

#audio-btn:hover {
  opacity: 0.5;
}

#audio-btn.paused.fa-volume-up:before {
  content: "\f026" !important;
}

article#esquerda {
	border-right: 1px solid #ccc;
}

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

#conteudo p.linhaAbre {
	font-family: 'flamabook', sans-serif;
	text-transform: uppercase;
	text-align: center;
	max-width: 600px;
}

@media screen and (max-width: 1025px) {
    #header {
		background-image: url("../img/video.png");
		background-repeat: no-repeat;
		background-size: cover;
		background-color: #000000;
		background-position: center;
	}
	#audio-btn {
		display: none;
	}
	#bgvideo {
		display: none;
	}
	#conteudo article.info-box {
		padding: 0rem 0rem;
		height: auto;
	}
}

.bt-acervo {
	color: #b22225;
}

.bt-acervo:hover {
	opacity: 0.5;
}

.titulo-info {
	font-size: 1.7rem;
	text-align: left; 
	letter-spacing: 0.2rem;
	text-transform: uppercase;
	margin: 2.8rem 0rem;
	line-height: 1.2;
}

.titulo-entrevista {
	font-family: 'flama', sans-serif !important;
	text-transform: uppercase;
	text-align: center; 
	/*padding-top: 2rem !important;*/ 
	padding-bottom: 2rem !important;
}

#conteudo p.swipe {
	font-family: 'flamamedium';
	font-size:1.4rem;
	opacity: 0.33;
	text-align: center;
	padding: 0 2rem 1rem;
}

#conteudo p.swipe img {
	width: 2.0rem;
	clear:both;
	float:none;
	margin: 0 1rem;
}