/* -------------------------------- 

Primary style

-------------------------------- */
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

body, html {
  position: relative;
  height: 100%;
  margin:0;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
}

ul {
	list-style-type: none;
}

ul, li { 
	margin: 0; padding: 0;
}

p {
	font-size: 14px;
}

h1,h2,h3,h4,h5{
	font-weight: normal;
}

@font-face {
    font-family: 'flama_condensedmedium';
    src: url('../fonts/flamacondensed-medium-webfont.eot');
    src: url('../fonts/flamacondensed-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/flamacondensed-medium-webfont.woff2') format('woff2'),
         url('../fonts/flamacondensed-medium-webfont.woff') format('woff'),
         url('../fonts/flamacondensed-medium-webfont.ttf') format('truetype'),
         url('../fonts/flamacondensed-medium-webfont.svg#flama_condensedmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #4d4d4f;
	margin:0;
	padding:0;
	background: #fff;
	overflow: hidden;
}


#container{
	position: relative;
	width: 100%; height: 100%;
	z-index: 100;
	overflow: hidden;
}

#top {
	position: fixed;
	display:block;
	margin:0;
	width: 100%;
	height: 240px;
	overflow:hidden;
	background: #eef1f3;
	box-shadow: inset 0 -10px 40px -10px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 -10px 40px -10px rgba(0,0,0,0.15);
    -webkit-box-shadow: inset 0 -10px 40px -10px rgba(0,0,0,0.15);
	/* url("../img/bottom-gradient2.png") repeat-x bottom center;*/
	/*border-bottom: 30px solid #fff;*/
	z-index:1000;
}

#btOpenTimeline{
	border-top: 1px solid #fff;
	background: #eef1f3 url('../img/arrow-top-bottom.png') no-repeat center -20px;
	display: block; bottom:0px;
	width: 100%;height:25px;
	position: absolute;
	z-index:1000;
}
#btOpenTimeline.open{
	background-position: center 3px;
}
#content{
	position: relative;
	width: 100%; height: 100%;
	max-width: 970px;
	margin: 0px auto 0 auto;
	overflow: hidden;
	padding: 0;
	/*padding-top: 280px;*/
}
#sideMenu{
	display:block;
	width: 160px; height: 100%;
	min-height: 480px;
	overflow:hidden;
	position: absolute;
	left:0px; margin-left: 0;
	margin-top:0;
	padding-top: 280px;
	padding-bottom: 80px;
	z-index:100;
}
#timeline{
	height: 260px;	
}

#scrollTab{
	display:none;
	width: 100%; height: 20px;
	background: #eff2f3 url('../img/arrow-top-bottom.png') no-repeat center bottom;
	position: absolute;
	z-index:100;
	bottom:0;
}
#scrollTab.active{
	background-position: center top;
}

#textBlock{
	position:relative;
	font-family:Georgia, "Times New Roman", Times, serif;
	width: 100%; height: 100%;
	float:right;
	margin-left: -240px;
	padding-top: 280px;
	padding-left: 210px;
	margin-right: 0px;
	z-index:1;
	overflow: hidden;
}
#textMore{
	background: url('../img/fade-to-white.png') repeat-x;
	height: 80px; width: 100%;
	display:block;
	position: absolute;
	bottom:0; right:0;
	z-index:100;
	padding-top:50px;
	padding-left: 210px;
	text-align: center;
}

#menuMore{
	background: url('../img/fade-to-white-2.png') repeat-x;
	height: 50px; width: 100%;
	display:block;
	position: absolute;
	bottom:80px; left:0;
	z-index:100;
	padding-top:10px;
	text-align: center;
}
#menuMore img{
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	margin-bottom: 6px;
}

#sectionList{
	list-style:none;
	width: 180px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: scroll;
 	-webkit-overflow-scrolling: touch;
	height: 100%;
	margin-bottom: -20px;
}
#sectionList li{
	font-family: 'flama_condensedmedium';/*'flama_ultracondensedsemibold';*/
	display:block;
	overflow: hidden;
	margin-bottom:4px;
}
#sectionList li a{
	display: block;
	background: #e8edef;
	padding: 6px 10px;
	color: #90adbb;
	text-transform:uppercase;
	font-size:1em;
	letter-spacing:0.05em;
	
	-webkit-transition: background 0.2s ease-out;
    transition: background 0.2s ease-out;
}

#sectionList li a.homeBt{
	display: block;
	background: #006392 url('../img/arrow-back.png') no-repeat 5px 7px !important; 
	padding: 6px 10px 6px 30px;
	color: #fff;
}



#sectionList li a:hover{
	background: #df7f1b;
	color: #fff;
	
	-webkit-transition: background 0.2s ease-in;
    transition: background 0.2s ease-in;
}
#sectionList li a.active{
	background: #df7f1b;
	color: #fff;
}




/* iFrame com a barra do Estadão */
#siteBar, #siteBarMobile{
	width:100%;
	height:30px; left: 0px; top: 0;
	z-index:1000;
	text-align:center;
	border-top: 1px solid #d6d6d6;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.5);
	overflow: hidden;
	position: fixed; display:block;
	background: #006392;
}
#siteBarMobile{
	display:none;
	height:35px;
}
#siteBarMobile a#logoBt {
	background: url(https://www.estadao.com.br/estadao/img/logos/logo-barra.png) 0 0 no-repeat;
	display: inline-block;
	width: 95px;
	height: 40px;
	text-indent: -999px;
	overflow: hidden;
	vertical-align: middle;
}

a.topButton{
	display:none;
	width: 30px; height: 24px;
	margin-top: 6px;
	float: left; margin-left: 5px;
}
a.topButton img{
	height:20px;
}
a.topButton#menuBt{
	float: right; 
	margin-left: 0px; margin-right: 5px;
}

/* Banners */
#superBanner{
	width:100%;max-width: 970px;
	/*background: rgba(0,0,0,0.02);*/
	margin: 10px auto 10px auto;
	position: absolute;
	text-align: center;
	padding-top: 255px;
	z-index:999;
}
#superBanner.tClosed{
	padding-top: 255px;
}
#OAS_Position1{
	height: 95px;
	overflow: visible;
}
#smallBanner{
	position: absolute;
	bottom:5px; left: 0;
	width: 160px; height: 55px;
	/*background: rgba(0,0,0,0.02);*/
	z-index: 999;
}

/* Redes sociais */
#shareBar{
	width: 120px; height: 40px;
	margin:0px -10px 0 0;
	float: right;
	z-index: 1001;
	position: absolute;
	right: 20px; top:24px;
}
#shareBar a{
	display:block; float:left;
	text-decoration: none;
	width: 30px; height: 30px;
	margin-left: 10px;
	background: transparent url('https://infograficos.estadao.com.br/geral/img/social-icons-round.png') no-repeat center top;
}
#shareBar a span{
	display: block;
	text-decoration: none;
	text-align: center;
	color: #ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-top: 22px;
}

#shareBar a#btFbShare{ background-position: -40px 0; margin-left: 0; }
#shareBar a#btFbShare:hover{ background-position: -40px -40px; }
#shareBar a#btGPlusShare{ background-position: -80px 0; }
#shareBar a#btGPlusShare:hover{ background-position: -80px -40px; }
#shareBar a#btTwitterShare{ background-position: 0 0; }
#shareBar a#btTwitterShare:hover{ background-position: 0 -40px; }

@media all and (max-width: 960px){
	#siteBar{
		display:none;
	}
	#siteBarMobile{
		display:block;
	}
	#sideMenu{
		left: 20px;
	}
	#textBlock{
		margin-right: 20px;
		padding-left: 220px;
	}
	#smallBanner{
		left: 20px;
	}
	
}


@media all and (max-width: 480px){
	a.topButton{
		display:block;
	}
	#top{
		display:none;
		height:100%;
	}
	#top.active{
		display:block;
	}
	#timeline{
		height:  100%;	
		margin-bottom: -20px;
	}
	#btOpenTimeline{
		display:none;
	}
	#decadeList{
		width: 850px;
	}
	#decadeList li{
		margin-left:12px; margin-right:12px;
	}
	#sideMenu{
		width: 100%;
		height:280px; min-height: 280px;
		position: fixed;
		left:0; top:0;
		padding:0;
		background: #eff2f3;
		
		border-right: 1px solid #dedede;
		margin-top:-300px;
		overflow:hidden;
		z-index:1000;
		
		-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
		-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.5);
		box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.5);
		
	}
	#menuMore{
		display:none;
	}
	#scrollTab{
		display:block;
		/*background: #df7f1b;*/
	}
	#sectionList{
		/*height: auto;
		overflow:hidden;
		position: absolute;*/
		width:105%;
		margin:0 0 -5% 0; padding: 35px 0 30px 0;
	}
	#sectionList li{
		font-family: 'flama_condensedmedium';
		display:block;
		overflow: hidden;
		margin-bottom:1px;
		
	}
	#textBlock{
		width: 100%;
		margin: 0;
		padding: 0px 0px 110px 10px;
		margin-top: 5px;
	}
	#siteBar{
		display:none;
	}
	#siteBarMobile{
		display:block;
	}
	
	/* Banners */
	#superBanner{
		width:100%;
		padding: 40px 0px 10px 0px;
		position: relative;
		text-align: center;
	}
	#OAS_Position1{
		height: 65px;
		overflow: visible;
	}
	#smallBanner{
		margin-left: 50%;
		left: -80px;
		bottom: 0px;
	}
	#textMore{
		padding-left: 0px;
		bottom:80px;
	}

}