/* Os estilos de cada info vão neste CSS */

/*capa*/
.capa {
	background-image:url(img/capa.jpg);
	background-repeat:no-repeat;
	width:936px;
	height:720px;
}
.capa a{text-decoration:none;}
.capa a:hover{text-decoration:none;}

#abertura{
	position:absolute;
	top:20px;
	left:20px;
	width:400px;
	padding:10px;
	background-image:url(img/bg-texto.png);
	border:1px solid #ff9900;
	box-shadow: 1px 2px 6px rgba #000;
	-moz-box-shadow: 1px 2px 6px #000;
	-webkit-box-shadow: 1px 2px 6px #000;
}
#abertura h2{
	margin-bottom:-8px;
	text-align:left;
	font-size:32px;
	color:#ffffff;
}
#abertura p{
	padding-top:10px;
	text-align:left;
	color:#ffffff;
	font-size:12px;
}
#abertura p b{color:#ffffff;}
#bot{
	position:absolute;
	top:500px;
	left:32px;
	z-index:10;
}
#bot a.veja {
	display:block;
	width:67px;
	height:24px;
	background:url(https://www.terra.com.br/economia/infograficos/15-passos-para-virar-milionario/img/veja-mais.gif);
	text-indent:-5000px;
}
#bot a.veja:hover {background-position:0px -30px;}
/*capa*/

/*prox_ant*/
#prox_ant{left:870px;}
/*prox_ant*/