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

/*capa*/
.capa {
	background-image:url(img/capa.jpg);
	background-repeat:no-repeat;
	width:936px;
	height:620px;
}
#abertura{
	position:absolute;
	top:320px;
	left:15px;
	width:544px;
	padding:10px;
	background-image:url(img/bg-texto.png);
	border:1px solid #ff9900;
	height: 260px;
}
#abertura h2{
	margin-bottom:-18px;
	text-align:left;
	font-size:30px;
	color:#FFFFFF;
}
#abertura p{
	padding-top:10px;
	text-align:left;
	color:#FFFFFF;
}
#abertura p b{color:#FFFFFF;}
#abertura 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;
	margin:10px 0 0 0;
}
#abertura a.veja:hover {background-position:0px -30px;}
/*capa*/

/*internas*/
#conteudo #texto{
	display:block;
	width:305px;
	left:630px;
	overflow:hidden;
	position:absolute;
	top:28px;
}
#conteudo #texto h2{
	font-size:22px;
	font-weight:bold;
	text-align:left;
	color:#47423a;
}
#conteudo #foto {
	display:block;
	position:absolute;
	margin:20px 0 0 0;
}
#conteudo #texto ul{margin:0 0; padding: 0 0;}
#conteudo #texto li{}
#conteudo #texto li a{
	display:block;
	text-decoration:none;
	padding:0 9px;
	background-image:url(img/bullet1.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	color:#ff9900;
	font-weight:bold;
}
#conteudo #texto li a:hover{
	text-decoration:none;
	color:#47423a;
	padding:0 9px;
	background-image:url(img/bullet2.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
}
#legenda{
	font-size:11px;
	color:#beb7af;
	font-style:italic;
	position:absolute;
	top:452px;
	width:446px;
	left:0;
	z-index:10;
	background-color:#000;
	opacity:0.80;
	-moz-opacity: 0.80;
	filter: alpha(opacity=80);
	padding:2px;
}
#credito{
	font-size:11px;
	color:#beb7af;
	font-style:italic;
	position:absolute;
	top:486px;
}
#credito2{
	font-size:11px;
	color:#beb7af;
	font-style:italic;
	position:absolute;
	top:822px;
}
/*internas*/

/*outras*/
#bg_mapa{background-image:url(img/mapa.jpg); background-repeat:no-repeat; width:936px; height:2000px;}
#bg_pontes{background-image:url(img/pontes2.jpg); background-repeat:no-repeat; width:936px; height:2000px;}
#conteudo #texto2{
	display:block;
	overflow:hidden;
	position:absolute;
	top:15px;
	left:15px;
	width:450px;
	background-image:url(img/bg-texto.png);
	border:1px solid #ff9900;
	color:#ffffff;
	padding:0px 10px 5px 10px;
}
#conteudo #texto2 h2{
	font-size:22px;
	font-weight:bold;
	text-align:left;
	color:#ffffff;
}
#conteudo #texto3{
	position:absolute;
	top:15px;
	left:15px;
}
#conteudo #texto3 h2{
	font-size:22px;
	font-weight:bold;
	text-align:left;
	color:#47423a;
}
/*outras*/

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