/* Os estilos de cada info vão neste CSS */
*{text-decoration:none;}
body{color:#47423a;}
img{border:none;}

/*capa*/
#abertura{
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	top:185px;
	left:15px;
	z-index:10;
	width:564px;
	padding:15px 10px 10px 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;
	height: 503px;
}
#abertura a{
	text-decoration:none;
	display:block;
}
#abertura h1{
	/*color:#1783cf;*/
	color: #ffffff;
	/*text-align:right;*/
	font-style:italic;
	font-size:36px;
	font-weight:bold;
	line-height:36px;
	margin:0px 0px 20px 0px;
	/*text-shadow: -3px 0 4px #000000;*/
}
#abertura h1 em{color: #ffffff;}
#abertura p{
	/*padding-left:100px;*/
	text-align: justify;
	font-size:12px;
	color:#ffffff;
	margin:0px 0px 10px 0px;
	/*width:300px;*/
}
#abertura p b{color:#ffffff;}
#abertura p strong{color:#ffffff;}
#abertura a{text-decoration:none;}
a:hover{text-decoration:none;}
#paises{
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	top:185px;
	left:618px;
	z-index:10;
	width:295px;
	padding:10px 10px 05px 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;
	height: 514px;
}
#paises a{
	text-decoration:none;
	display:block;
}
#paises h1{
	/*color:#1783cf;*/
	color: #ffffff;
	/*text-align:right;*/
	font-style:italic;
	font-size:26px;
	font-weight:bold;
	line-height:26px;
	margin:05px 0px 05px 0px;
	/*text-shadow: -3px 0 4px #000000;*/
}
#paises h1 em{color: #ffffff;}
#paises p{
	/*padding-left:100px;*/
	/*text-align:right;*/
	font-size:12px;
	color:#ffffff;
	margin:0px 0px 10px 0px;
	/*width:300px;*/
}
#paises p b{color:#ffffff;}
#paises p strong{color:#ffffff;}
#paises a{text-decoration:none;}
a:hover{text-decoration:none;}

a.veja {
	position:absolute;
	top:682px;
	left:527px;
	z-index:50;
	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:0px 0px 0px 0px;
}
a.veja:hover {background-position:0px -30px;}
.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;
}
.classtexto{background-image:url(img/bg-texto.png); padding:3px;}
/*capa*/

/*internas*/
#conteudo{
	position:absolute;
	top:25px;
	left:175px;
	width:760px;
}
#conteudo #boxesquerda{
	float:left;
	border:none;
	padding:0 5px 0 5px;
	width:370px;
	text-align:justify !important;
	background-color:#F5F4F4;

}              
#conteudo #boxdireita{
	float:right;
	border:none;
	padding:0 5px 0 5px;
	width:370px;
	text-align:justify !important;
	background-color:#F5F4F4;

}
#conteudo #boxesquerda a,
#conteudo #boxdireita a{color:#ff9900 !important; font-weight:bold;}
#conteudo #boxesquerda a:hover,
#conteudo #boxdireita a:hover{color:#ff9900; text-decoration:underline;}
/*internas*/

/*prox_ant*/
#prox_ant{left:870px; z-index:1000;}
/*prox_ant*/

a.creditos {
	font-weight:bold;
	font-size:12px;
	position:absolute;
	top:689px;
	left:856px;
	z-index:50;
	display:block;
	text-align:center;
	text-decoration: none;
	color: #ff9900;
	padding:0px 0px 0px 0px;
	border:1px solid #ff9900;
	height: 16px;
	width:70px;
	text-indent:0px;
	margin:0px 0px 0px 0px;
}

#paises #credito {
	clear: both;
	display:block;
	width: 247px;
	position: absolute;
	left: -1px;
	top: 254px;
	background-color: #000;
	border: 1px dotted #fff;
	padding: 5px;
	text-align:left;
	height: 262px;
}
#paises #credito p{
	clear: both;
	display:block;
	font-size: 12px;
	color: #fff;
	margin: 05px 05px 0 05px;

}
#paises #credito a.fechar{
	clear: both;
	display:block;
	position: absolute;
	text-align: center;
	top: 5px;
	width: 15px;
	height: 15px;
	line-height: 15px;
	font-size: 14px;
	border: 1px solid #fff;
	color: #ff9900;
	font-weight: bold;
	left: 233px;
}