* {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

div#container {
	width:400px;
	height: 170px;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	overflow:hidden;
	
	
}

div#menu {
	position:fixed;
	z-index:10;	
	margin-top:135px;
	margin-left:18px;
	
	
	/*-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 {
	background-image: url(button/button-f90.png);
	display:block;
	padding:10px;
	margin-left:4px;
	font-weight:bold;
	color:#fff;	
	text-decoration:none;
	font-size:14px;	
	float:left;
}

#menu a.sel {
	color:#ffe4b4;
	background-image: url(button/button.png);
}

#menu a:hover {
	background-image: url(button/button.png);
}

a.proxima-pagina, a.pagina-anterior {
	cursor:pointer;
	position:absolute;
	z-index:9;
	width:100%;
	height:100%;
	top:0;
	background:url(button/proxima.gif) no-repeat right center;
	-moz-opacity:.100; filter:alpha(opacity=100); opacity:.100;
}

a.pagina-anterior {
	left:0;
	top:0;
	display:none;
	width:40%;
	background:url(button/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;	
	margin-left: 29px;
	padding:10px 20px 20px 20px;
	width:400px;
	color:#5d5850;
}

.box h2 {
	font-size:16px;
	padding:0;
	margin:5px 0 10px 0;
	font-weight:bold;
	
}
.box h2 i{
	font-size:16px;
	padding:0;
	margin:5px 0 10px 0;
	font-weight:bold;
	
	
}

.box p {
	font-size:12px;
	line-height:18px;
	padding:0;
	margin:0 0 5px 0;
}
