* {
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:12px;
}

div#container {
	width:930px;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	overflow:hidden;
	border:3px solid #eceae7;
	background:black;
}

div#menu {
	position:fixed;
	z-index:10;
	background-image:url(https://www.terra.com.br/noticias/infograficos/horizontal-scroll/img/bg-texto.png);
	padding:10px 20px 20px;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(30, 30, 30, 0.3);
	-moz-box-shadow: 2px 2px 2px 0px rgba(30, 30, 30, 0.3);
	box-shadow: 2px 2px 2px 0px rgba(30, 30, 30, 0.3);
}

#menu a {
	clear:both;
	display:block;
	padding:10px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	font-size:11px;
	border-bottom:1px solid #47423a;
}

#menu a.sel {
	color:#ffe4b4;
}

#menu a:hover {
	color:#f90;
}

a.proxima-pagina, a.pagina-anterior {
	cursor:pointer;
	position:absolute;
	z-index:9;
	width:100%;
	height:100%;
	top:0;
	background:url(https://www.terra.com.br/noticias/infograficos/horizontal-scroll/img/proxima.gif) no-repeat right center;
	-moz-opacity:.20; filter:alpha(opacity=20); opacity:.20;
}

a.pagina-anterior {
	left:0;
	top:0;
	display:none;
	width:50%;
	background:url(https://www.terra.com.br/noticias/infograficos/horizontal-scroll/img/anterior.gif) no-repeat left center;
}

#scroll-container {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	overflow:visible;
}

div.pagina {
	position:absolute;
	left:0;
	width:100%;
	height:100%;
}

.box {
	position:absolute;
	z-index:11;
	background-image:url(https://www.terra.com.br/noticias/infograficos/horizontal-scroll/img/bg-texto.png);
	padding:10px 20px 20px 20px;
	width:400px;
	color:#fff;
}

.box h2 {
	font-size:30px;
	padding:0;
	margin:5px 0 10px 0;
	font-weight:normal;
	text-transform:uppercase;
}

.box p {
	font-size:12px;
	line-height:18px;
	padding:0;
	margin:0 0 5px 0;
}
.credito {
	font-size:10px!important;
	font-style:italic;
	color:#666;
}