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

/*capa*/
#abertura {
	background-image:url(img/capa2.jpg);
	background-repeat:no-repeat;
	width:936px;
	height:830px;
}
#abertura h2{
	width:330px;
	padding-left:40px;
	padding-top:40px;
	color:#FFF;
	font-size:26px;
	margin-bottom:-10px;
}
#abertura p{
	width:330px;
	padding-left:40px;
	padding-top:20px;
	color:#FFF;
	font-size:12px;
	margin-bottom:-20px;
}
#abertura a.veja {
	position:absolute;
	left:42px;
	display:block;
	width:123px;
	height:24px;
	background:url(https://www.terra.com.br/economia/infograficos/15-passos-para-virar-milionario/img/veja-mais.gif);
	text-indent:-5000px;
	margin:30px 0 0 0;
}
#abertura a.veja:hover {background-position:0 -30px;}
/*capa*/

/*internas*/
#bg{
	background-image:url(img/bg.jpg);
	background-repeat:no-repeat;
	width:936px;
	height:500px;
	opacity:0.80;
	-moz-opacity: 0.80;
	filter: alpha(opacity=80);
}
#conteudo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#conteudo #texto{
	display:block;
	width:255px;
	left:649px;
	overflow:hidden;
	position:absolute;
	top:28px;
	color:#4a2a38;
}
#conteudo #texto h2{
	font-size:30px;
	font-weight:bold;
	text-align:left;
	color:#4a2a38;
	padding:40px 0px 0px 0px;
}
#conteudo #texto h2 strong{
	width:55px;
	height:55px;
	line-height:55px;
	font-size:22px;
	display:block;
	float:left;
	margin:0 10px 0 0;
	text-align:center;
	color:#fff;
	background-color:#ff9900;
	display:none;
}
#conteudo #texto h3{
	font-size:22px;
	font-weight:bold;
	padding-bottom:0px;
	text-align:left;
	height:55px;
	color:#47423a;
	line-height:27px;
	margin-top:17px;
}
#conteudo #texto h3 strong{
	width:55px;
	height:55px;
	line-height:55px;
	font-size:22px;
	display:block;
	float:left;
	margin:0 10px 0 0;
	text-align:center;
	color:#fff;
	background-color:#ff9900;
	display:none;
}
#conteudo #foto {
	display:block;
	position:absolute;
	margin:15px 0 0 5px;
}
/*internas*/

/*thumbs*/
#thumbs{
	position:absolute;
	left:620px;
	top:215px;
	width:302px;
	height:243px;
	
}
#thumbs a{
	display:block;
	border:3px solid #ff9900;
	width:89px;
	height:67px;
	float:left;
	margin:5px 5px 0 0;
}
#thumbs a:hover{
	border:3px solid #47423a;
}
#thumbs a.foto01{background-image:url(img/foto-01p.jpg);}
#thumbs a.foto02{background-image:url(img/foto-02p.jpg);}
#thumbs a.foto03{background-image:url(img/foto-03p.jpg);}
#thumbs a.foto04{background-image:url(img/foto-04p.jpg);}
#thumbs a.foto05{background-image:url(img/foto-05p.jpg);}
#thumbs a.foto06{background-image:url(img/foto-06p.jpg);}
#thumbs a.foto07{background-image:url(img/foto-07p.jpg);}
#thumbs a.foto08{background-image:url(img/foto-08p.jpg);}
#thumbs a.foto09{background-image:url(img/foto-09p.jpg);}
/*thumbs*/

/* calculadora */
#calculadora{
	position:absolute;
	left:620px;
	top:50px;
	padding:3px;
	background-color:#462936;
	opacity:0.80;
	-moz-opacity: 0.80;
	filter: alpha(opacity=80);
}
#calculadora td{ padding:2px}
.b1{ border-top:#ff9900 solid 1px; border-left:#ff9900 solid 1px;}
.b2{ border-top:#ff9900 solid 1px; border-left:#ff9900 solid 1px; border-right:#ff9900 solid 1px;}
.b3{ border-top:#ff9900 solid 1px; border-bottom:#ff9900 solid 1px; border-left:#ff9900 solid 1px;}
.b4{ border-top:#ff9900 solid 1px; border-bottom:#ff9900 solid 1px; border-left:#ff9900 solid 1px; border-right:#ff9900 solid 1px;}
/* calculadora */