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

/*capa*/
#abertura {
	background-image:url(img/capa.jpg);
	background-repeat:no-repeat;
	width:936px;
	height:620px;
}
#abertura h2{
	width:800px;
	padding-left:80px;
	padding-top:30px;
	margin-bottom:-18px;
	color:#FFF;
	text-align:right;
	font-size:55px;
}
#abertura p{
	width:360px;
	padding-left:518px;
	padding-top:20px;
	color:#FFF;
	text-align:right;
}
#abertura p b{color:#FFF;}
#abertura a.veja {
	position:absolute;
	left:810px;
	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:0 -30px;}
#fonte{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#beb7af;
	font-style:italic;
	position:absolute;
	top:603px;
	width:150px;
	left:0;
	z-index:10;
	background-image:url(img/bg-texto.png);
	padding:2px;
}
/*capa*/

/*internas*/
#bg1{background-image:url(img/foto-01.jpg); background-repeat:no-repeat; width:936px; height:2000px;}
#bg2{background-image:url(img/foto-02.jpg); background-repeat:no-repeat; width:936px; height:2000px;}
#bg3{background-image:url(img/foto-03.jpg); background-repeat:no-repeat; width:936px; height:2000px; background-position:0px 113px;}
#bg3b{background-image:url(img/foto-03b.jpg); background-repeat:no-repeat; width:936px; height:2000px; background-position:0px 113px;}
#bg4{background-image:url(img/mapa.jpg); background-repeat:no-repeat; width:936px; height:2000px; background-position:0px 50px;}

#conteudo #texto{
	display:block;
	overflow:hidden;
	position:absolute;
	top:10px;
	left:10px;
	width:896px;
	background-image:url(img/bg-texto.png);
	color:#FFF;
	padding:0px 10px 10px 10px;
}
#conteudo #texto2{
	display:block;
	overflow:hidden;
	position:absolute;
	top:10px;
	left:10px;
	width:300px;
	background-image:url(img/bg-texto.png);
	color:#FFF;
	padding:0px 10px 10px 10px;
}
#conteudo #texto h2,
#conteudo #texto2 h2{
	font-size:22px;
	font-weight:bold;
	text-align:left;
	color:#FFF;
}
#credito{
	font-size:11px;
	color:#beb7af;
	font-style:italic;
	position:absolute;
	top:617px;
	left:0;
	z-index:5;
	background-image:url(img/bg-texto.png);
	padding:3px;
}
/*internas*/

/*briga de gigantes*/
/*submenu*/
/*#submenu{
	width:936px;
	height:50px;
	border-top:1px solid #d5d0cb;
	border-bottom:1px solid #d5d0cb;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 358px;
}
#submenu h4{
	width: auto;
	height: 50px;
	float: left;
}
#submenu h4 a{
	width: auto;
	height: 13px;
	line-height: 13px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0 15px;
	border-right: 1px solid #bbb7b3;
	color: #bbb7b3;
	display: block;
	font-size:24px;
	text-decoration:none;
}
#submenu h4 a:hover,
#submenu h4#sel a{
	color: #ff9900;
	font-size:24px;
}*/
/*submenu*/

/*botao*/
#botao{
	/*position : absolute;
	left : 5px;
	top : 270px;
	z-index : 5;*/
	width:936px;
	border-top:1px solid #d5d0cb;
	/*border-bottom:1px solid #d5d0cb;*/
	border-bottom:1px dotted #ebe9e6;
	float:left;
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 195px;
}
#botao h4{
	margin : 0px 0px 0px 15px;
	padding:0px 0px;
	text-align : center;
	line-height : 30px;
	font-size : 12px;
	font-weight : bold;
	width : 250px;
	height : 30px;
	float: left;
}
#botao h4 a{
	width : 250px;
	height : 30px;
	display : block;
	color : #fff;
	border : 1px solid #ff9900;
	background-color : #ff9900;
	text-transform : uppercase;
	text-decoration:none;
}
#botao h4 a:hover{
	width : 250px;
	height : 30px;
	display : block;
	border : 1px solid #47423a;
	background-color : #47423a;
	color : #fff;
}
#botao h4 .selc{
	width : 250px;
	height : 30px;
	display : block;
	border : 1px solid #47423a;
	background-color : #47423a;
	color : #fff;
}
/*botao*/

#conteudo #bg3 h2,
#conteudo #bg3b h2{
	font-size:30px;
	font-weight:bold;
	color:#5d5850;
}
#conteudo #texto3{
	display:block;
	overflow:hidden;
	position:absolute;
	top:148px;
	left:10px;
	width:896px;
	background-image:url(img/bg-texto.png);
	color:#FFF;
	padding:0px 10px;
}
#credito2{
	font-size:11px;
	color:#beb7af;
	font-style:italic;
	position:absolute;
	top:758px;
	left:0;
	z-index:5;
	background-image:url(img/bg-texto.png);
	padding:3px;
}
#texto3 p a{
	font-weight:bold;
	color:#ff9900;
	text-decoration:none;
}	
#texto3 p a:hover{text-decoration:underline;}
/*briga de gigantes*/

/*onde brigam*/
/*pontos*/
#pontos h2 {}
#pontos h2 a{border:none;}
#pontos h2 a img{border:none;}
#pontos h2.t01 a {
	position:absolute;
	left:81px;
	top:238px;
	width:25px;
	height:25px;
	background:url(img/ponto.png) -0px -0px;
	border:none;
	display:block;
	overflow:hidden;
	text-indent:5000px;
}
#pontos h2.t02 a {
	position:absolute;
	left:821px;
	top:251px;
	width:25px;
	height:25px;
	background:url(img/ponto.png) -0px -0px;
	border:none;
	display:block;
	overflow:hidden;
	text-indent:5000px;
}
#pontos h2.t03 a {
	position:absolute;
	left:393px;
	top:231px;
	width:25px;
	height:25px;
	background:url(img/ponto.png) -0px -0px;
	border:none;
	display:block;
	overflow:hidden;
	text-indent:5000px;
}
#pontos h2.t04 a {
	position:absolute;
	left:436px;
	top:196px;
	width:25px;
	height:25px;
	background:url(img/ponto.png) -0px -0px;
	border:none;
	display:block;
	overflow:hidden;
	text-indent:5000px;
}
#pontos h2.t05 a {
	position:absolute;
	left:849px;
	top:264px;
	width:25px;
	height:25px;
	background:url(img/ponto.png) -0px -0px;
	border:none;
	display:block;
	overflow:hidden;
	text-indent:5000px;
}
#pontos h2.t06 a {
	position:absolute;
	left:862px;
	top:244px;
	width:25px;
	height:25px;
	background:url(img/ponto.png) -0px -0px;
	border:none;
	display:block;
	overflow:hidden;
	text-indent:5000px;
}
#pontos h2.t07 a {
	position:absolute;
	left:864px;
	top:483px;
	width:25px;
	height:25px;
	background:url(img/ponto.png) -0px -0px;
	border:none;
	display:block;
	overflow:hidden;
	text-indent:5000px;
}
#pontos h2.t08 a {
	position:absolute;
	left:413px;
	top:212px;
	width:25px;
	height:25px;
	background:url(img/ponto.png) -0px -0px;
	border:none;
	display:block;
	overflow:hidden;
	text-indent:5000px;
}
#pontos h2.t09 a {
	position:absolute;
	left:454px;
	top:231px;
	width:25px;
	height:25px;
	background:url(img/ponto.png) -0px -0px;
	border:none;
	display:block;
	overflow:hidden;
	text-indent:5000px;
}
#pontos h2.t10 a {
	position:absolute;
	left:417px;
	top:184px;
	width:25px;
	height:25px;
	background:url(img/ponto.png) -0px -0px;
	border:none;
	display:block;
	overflow:hidden;
	text-indent:5000px;
}
#pontos h2.t01 a:hover {background:url(img/ponto.png) -0px -25px;}
#pontos h2.t02 a:hover {background:url(img/ponto.png) -0px -25px;}
#pontos h2.t03 a:hover {background:url(img/ponto.png) -0px -25px;}
#pontos h2.t04 a:hover {background:url(img/ponto.png) -0px -25px;}
#pontos h2.t05 a:hover {background:url(img/ponto.png) -0px -25px;}
#pontos h2.t06 a:hover {background:url(img/ponto.png) -0px -25px;}
#pontos h2.t07 a:hover {background:url(img/ponto.png) -0px -25px;}
#pontos h2.t08 a:hover {background:url(img/ponto.png) -0px -25px;}
#pontos h2.t09 a:hover {background:url(img/ponto.png) -0px -25px;}
#pontos h2.t10 a:hover {background:url(img/ponto.png) -0px -25px;}

#conteudo #texto4{
	display:block;
	overflow:hidden;
	position:absolute;
	top:450px;
	left:35px;
	width:400px;
	background-image:url(img/bg-texto.png);
	color:#FFF;
	padding:0px 10px;
}
#conteudo #texto4 h3{
	font-size:20px;
	font-weight:bold;
	border-bottom:#bbb7b3 1px solid;
	margin:10px 0px 0px 0px;
	padding:0px 0px;
}
#texto4 p a{
	font-weight:bold;
	color:#ff9900;
	text-decoration:none;
}	
#texto4 p a:hover{text-decoration:underline;}
/*pontos*/

#conteudo #bg4 h2{
	font-size:30px;
	font-weight:bold;
	color:#5d5850;
}
/*onde brigam*/

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