/* Os estilos de cada info vão neste CSS */

/*@import url(https://fonts.googleapis.com/css?family=Averia+Libre);*/

/*capa*/
#abertura{
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	top:40px;
	left:420px;
	z-index:10;
	width:490px;
}
#abertura a{
	text-decoration:none;
	display:block;
}
#abertura h1{
	/*font-family: 'Averia Libre', cursive;*/
	color:#ffbe00;
	text-align:right;
	text-shadow: 2px 4px #efecbd;
	font-size:50px;
	font-weight:bold;
	line-height:50px;
	margin:0px 0px 20px 0px;
}
#abertura p{
	padding-left:120px;
	text-align:right;
	font-size:14px;
	/*color:#FFF;*/
	margin:0px 0px 10px 0px;
}
#abertura p strong{font-weight:normal;}
#abertura a.veja {
	position:absolute;
	left:425px;
	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;
	margin:5px 0px 0px 0px;
}
#abertura a.veja:hover {background-position:0 -30px;}
#fonte{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#beb7af;
	font-style:italic;
	position:absolute;
	top:608px;
	width:150px;
	left:0;
	z-index:10;
	/*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;*/
	padding:2px;
}
.foto{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	margin:0px 0px;
	padding:0px 0px;
	border:none;
	z-index:1;
}
.foto a{
	text-decoration:none;
	display:block;
}
.foto img {border:none;}
/*capa*/

/*internas*/
#conteudo{font-size:13px;}
#conteudo strong{font-weight:normal;}
#conteudo span{
	font-size:11px;
	color:#beb7af;
	font-style:italic;
}

#conteudo #texto1{
	z-index:10;
	display:block;
	overflow:hidden;
	position:absolute;
	top:50px;
	left:510px;
	width:350px;
	color:#fff;
	/*background-image:url(img/bg-texto.png);
	border:1px solid #ff9900;
	padding:0px 10px 0px 10px;
	box-shadow: 1px 2px 6px rgba #000;
	-moz-box-shadow: 1px 2px 6px #000;
	-webkit-box-shadow: 1px 2px 6px #000;*/
}
#conteudo #texto2{
	z-index:10;
	display:block;
	overflow:hidden;
	position:absolute;
	top:15px;
	left:15px;
	width:300px;
	color:#FFF;
	background-image:url(img/bg-texto.png);
	border:1px solid #ff9900;
	padding:0px 10px 0px 10px;
	box-shadow: 1px 2px 6px rgba #000;
	-moz-box-shadow: 1px 2px 6px #000;
	-webkit-box-shadow: 1px 2px 6px #000;
}
#conteudo #texto3{
	z-index:10;
	display:block;
	overflow:hidden;
	position:absolute;
	top:15px;
	left:15px;
	width:380px;
	color:#FFF;
	background-image:url(img/bg-texto.png);
	border:1px solid #ff9900;
	padding:0px 10px 0px 10px;
	box-shadow: 1px 2px 6px rgba #000;
	-moz-box-shadow: 1px 2px 6px #000;
	-webkit-box-shadow: 1px 2px 6px #000;
}
#conteudo #texto4{
	z-index:10;
	display:block;
	overflow:hidden;
	position:absolute;
	top:50px;
	left:510px;
	width:400px;
	/*color:#FFF;
	background-image:url(img/bg-texto.png);
	border:1px solid #ff9900;
	padding:0px 10px 0px 10px;
	box-shadow: 1px 2px 6px rgba #000;
	-moz-box-shadow: 1px 2px 6px #000;
	-webkit-box-shadow: 1px 2px 6px #000;*/
}
#conteudo #texto5{
	z-index:10;
	display:block;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:340px;
	width:585px;
	color:#FFF;
	/*background-image:url(img/bg-texto.png);
	border:1px solid #ff9900;
	padding:0px 10px 0px 10px;
	box-shadow: 1px 2px 6px rgba #000;
	-moz-box-shadow: 1px 2px 6px #000;
	-webkit-box-shadow: 1px 2px 6px #000;*/
}
#conteudo #texto6{
	z-index:10;
	display:block;
	overflow:hidden;
	position:absolute;
	top:80px;
	left:15px;
	width:540px;
	color:#FFF;
	/*background-image:url(img/bg-texto.png);
	border:1px solid #ff9900;
	padding:0px 10px 0px 10px;
	box-shadow: 1px 2px 6px rgba #000;
	-moz-box-shadow: 1px 2px 6px #000;
	-webkit-box-shadow: 1px 2px 6px #000;*/
}
#conteudo #texto7{
	z-index:10;
	display:block;
	overflow:hidden;
	position:absolute;
	top:253px;
	left:296px;
	width:590px;
	color:#FFF;
	/*background-image:url(img/bg-texto.png);
	border:1px solid #ff9900;
	padding:0px 10px 0px 10px;
	box-shadow: 1px 2px 6px rgba #000;
	-moz-box-shadow: 1px 2px 6px #000;
	-webkit-box-shadow: 1px 2px 6px #000;*/
}
#conteudo #texto8{
	z-index:10;
	display:block;
	overflow:hidden;
	position:absolute;
	top:278px;
	left:462px;
	width:437px;
	color:#FFF;
	/*background-image:url(img/bg-texto.png);
	border:1px solid #ff9900;
	padding:0px 10px 0px 10px;
	box-shadow: 1px 2px 6px rgba #000;
	-moz-box-shadow: 1px 2px 6px #000;
	-webkit-box-shadow: 1px 2px 6px #000;*/
}
#conteudo #texto9{
	z-index:10;
	display:block;
	overflow:hidden;
	position:absolute;
	top:73px;
	left:500px;
	width:400px;
	color:#FFF;
	/*background-image:url(img/bg-texto.png);
	border:1px solid #ff9900;
	padding:0px 10px 0px 10px;
	box-shadow: 1px 2px 6px rgba #000;
	-moz-box-shadow: 1px 2px 6px #000;
	-webkit-box-shadow: 1px 2px 6px #000;*/
}
#conteudo #texto10{
	z-index:10;
	display:block;
	overflow:hidden;
	position:absolute;
	top:232px;
	left:47px;
	width:550px;
	color:#FFF;
	/*background-image:url(img/bg-texto.png);
	border:1px solid #ff9900;
	padding:0px 10px 0px 10px;
	box-shadow: 1px 2px 6px rgba #000;
	-moz-box-shadow: 1px 2px 6px #000;
	-webkit-box-shadow: 1px 2px 6px #000;*/
}

#conteudo #texto1 h1,
#conteudo #texto2 h1,
#conteudo #texto3 h1,
#conteudo #texto4 h1,
#conteudo #texto5 h1,
#conteudo #texto6 h1,
#conteudo #texto7 h1,
#conteudo #texto8 h1,
#conteudo #texto9 h1,
#conteudo #texto10 h1{
	font-size:46px;
	font-weight:bold;
	text-align:left;
	color:#FFF;
	margin:0px 0px 0px 0px;
	/*display:none;*/
}
#conteudo #texto4 h1{color:#000;}
#credito{
	font-size:11px;
	color:#beb7af;
	font-style:italic;
	position:absolute;
	top:605px;
	left:840px;
	z-index:5;
	background-image:url(img/bg-texto.png);
	padding:3px;
}
#conteudo a{
	color:#ff9900;
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
}
#conteudo a:hover{
	color:#ff9900;
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:underline;
}
/*internas*/

/*prox_ant*/
#prox_ant{left:878px; top:5px}
/*prox_ant*/
