/*   https://www.terra.com.br/noticias/infograficos/horizontal-scroll/horizontal-scroll.css   */

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

div#container {
	width:936px;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	overflow:hidden;
	border:0;
	background-image: url(bg.jpg);
}

div#menu {
	position:absolute;
	z-index:10;
	left: 0;
	top: 0;

}

#menu a {
	position: absolute;
	display:block;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	color:red;
	text-transform:uppercase;
	text-decoration:none;
	font-size:11px;
	background-image: url(mn.png);
	color: #fff;
}

#menu a.sel {
	color:#fff;
		background-position: 0 -50px;
}
#menu a#link-pagina1{	display: none;}
#menu a#link-pagina2{	left: 280px;	top: 270px;}
#menu a#link-pagina3{	left: 560px;	top: 400px;}
#menu a#link-pagina4{	left: 400px;	top: 200px;}
#menu a#link-pagina5{	left: 500px;	top: 300px;}
#menu a#link-pagina6{	left: 690px;	top: 330px;}
#menu a#link-pagina7{	left: 535px;	top: 120px;}
#menu a#link-pagina8{	left: 725px;	top: 210px;}

#menu a:hover {
	color:#f90;
	background-position: 0 -25px;
}

a.proxima-pagina, a.pagina-anterior {
	cursor:pointer;
	position:absolute;
	z-index:9;
	width:1%;
	height:1%;
	top:0;
	background:url(proxima.png) 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(anterior.png) 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;
	-moz-opacity:.80; filter:alpha(opacity=80); opacity:.80;
	padding:10px 20px 20px 20px;
	width:400px;
	color:#fff;
}

.box h2 {
	font-size:24px;
	padding:0;
	margin:5px 0 10px 0;
	font-weight:normal;
	font-family: 'Bevan', serif;
}

.box p {
	font-size:12px;
	line-height:18px;
	padding:0;
	margin:0 0 5px 0;
}
#mascara{
	height: 162px;
	width: 332px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(pavilhoes-titulo.jpg);
	z-index: 8;
}