/* Os estilos de cada info vão neste CSS */
@import url(https://fonts.googleapis.com/css?family=Archivo+Black);





*{text-decoration:none; font-family: Arial, Helvetica, sans-serif}
img{border:none;}

/*capa*/
#abertura{
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	top:10px;
	left:10px;
	z-index:10;
	width:450px;
	padding:0px 10px 30px 10px;
	background-image:url(img/bg-texto.png);
	border:1px solid #000000;
	box-shadow: 1px 2px 6px rgba #000;
	-moz-box-shadow: 1px 2px 6px #000;
	-webkit-box-shadow: 1px 2px 6px #000;
}
#abertura a{
	text-decoration:none;
	display:block;
}
#abertura h1{
	padding:0px 0px 0px 0px;
	margin:10px 0px 15px 0px;
	color:#fccf00;
	font-size:31px;
	line-height:30px;
	font-family: 'Archivo Black', sans-serif;
	text-shadow: 1px 1px 0px #000000; /* horizontal-offset vertical-offset 'blur' colour */
	-moz-text-shadow: 1px 1px 0px #d6d6d6;
	-webkit-text-shadow: 1px 1px 0px #d6d6d6;
}
#abertura p{
	/*padding-left:100px;*/
	/*text-align:right;*/
	text-align:justify;
	font-size:12px;
	/*color:#47423a;*/
	color:#fff;
	margin:0px 0px 10px 0px;
	/*width:300px;*/
}
#abertura p b{color:#fff;}
#abertura p strong{color:#fff;}
#abertura a{text-decoration:none;}
a:hover{text-decoration:none;}
a.veja {
	position:absolute;
	top:245px;
	left:22px;
	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;}
#fonte{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-style:italic;
	position:absolute;
	top:604px;
	width:120px;
	left:2px;
	z-index:10;
	padding:3px;
	background-image:url(img/bg-texto.png);
}
.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*/
#bg1{background-image:url(img/lula-10-anos-01.jpg); background-repeat:no-repeat; width:936px; height:2000px;}
#bg2{background-image:url(img/lula-10-anos-02.jpg); background-repeat:no-repeat; width:936px; height:2000px;}
#bg3{background-image:url(img/lula-10-anos-03.jpg); background-repeat:no-repeat; width:936px; height:2000px;}
#bg4{background-image:url(img/lula-10-anos-04.jpg); background-repeat:no-repeat; width:936px; height:2000px;}
#bg5{background-image:url(img/lula-10-anos-05.jpg); background-repeat:no-repeat; width:936px; height:2000px;}
#bg6{background-image:url(img/lula-10-anos-06.jpg); background-repeat:no-repeat; width:936px; height:2000px;}
#bg7{background-image:url(img/lula-10-anos-07.jpg); background-repeat:no-repeat; width:936px; height:2000px;}
#bg8{background-image:url(img/lula-10-anos-08.jpg); background-repeat:no-repeat; width:936px; height:2000px;}
#bg9{background-image:url(img/lula-10-anos-09.jpg); background-repeat:no-repeat; width:936px; height:2000px;}
#bg10{background-image:url(img/lula-10-anos-10.jpg); background-repeat:no-repeat; width:936px; height:2000px;}

#conteudo{font-size:12px; }
#conteudo a{text-decoration:none; font-weight:normal!important;}
#conteudo a:hover{text-decoration:none; font-weight:normal!important;}
#conteudo span{
	font-size:11px;
	color:#beb7af;
	font-style:italic;
}

#conteudo #texto1{
	display:block;
	overflow:hidden;
	position:absolute;
	top:350px;
	left:20px;
	width:400px;
	color:#FFF;
	text-align:justify;
	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{
	display:block;
	overflow:hidden;
	position:absolute;
	top:90px;
	left:10px;
	width:250px;
	color:#FFF;
	background-image:url(img/bg-texto.png);
	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{
	display:block;
	overflow:hidden;
	position:absolute;
	top:90px;
	left:10px;
	width:600px;
	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{
	display:block;
	overflow:hidden;
	position:absolute;
	top:10px;
	left:10px;
	width:250px;
	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{
	display:block;
	overflow:hidden;
	position:absolute;
	top:50px;
	left:10px;
	width:450px;
	color:#FFF;
	background-image:url(img/bg-texto.png);
	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{
	display:block;
	overflow:hidden;
	position:absolute;
	top:90px;
	left:10px;
	width:830px;
	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{
	display:block;
	overflow:hidden;
	position:absolute;
	top:10px;
	left:10px;
	width:450px;
	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{
	display:block;
	overflow:hidden;
	position:absolute;
	top:10px;
	left:10px;
	width:450px;
	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{
	display:block;
	overflow:hidden;
	position:absolute;
	top:10px;
	left:10px;
	width:450px;
	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{
	display:block;
	overflow:hidden;
	position:absolute;
	top:10px;
	left:10px;
	width:450px;
	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 h2,
#conteudo #texto2 h2,
#conteudo #texto3 h2,
#conteudo #texto4 h2,
#conteudo #texto5 h2,
#conteudo #texto6 h2,
#conteudo #texto7 h2,
#conteudo #texto8 h2,
#conteudo #texto9 h2,
#conteudo #texto10 h2{
	font-size:28px;
	line-height:26px;
	font-weight:bold;
	text-align:left;
	color:#FFF;
	margin:7px 0px 0px 0px;
	/*display:none;*/
}
#legenda,
#legenda2{
	font-size:12px;
	color:#fff;
	position:absolute;
	top:675px;
	left:0;
	z-index:5;
	width:926px;
	text-align:center;
	background-image:url(img/bg-texto.png);
	padding:5px;
}
#legenda2{top:875px;}
#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*/

/*botao*/
#subtitulo{
	z-index:10;
	width:936px;
	float:left;
	height:40px;
	display:block;
	margin:0;
	background-color:#000;
	}
	#subtitulo h2{ margin:0; padding:0; font-size: 24px; color: #999; line-height: 40px; text-indent: 15px; }
#botao{
	z-index:10;
	width:936px;
	float:left;
	height:40px;
	display:block;
	margin:0;
	background-color:#000;
}

#botao h4{
	margin:0px 0px 5px 15px;
	padding:0px 0px;
	text-align:center;
	line-height:30px;
	font-size:12px;
	font-weight:bold;
	width:200px;
	height:30px;
	float: left;
}
#botao h4 a{
	width:200px;
	height:30px;
	display:block;
	border:1px solid #ff9900;
	background-color:#ff9900;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif
}
#botao h4 a:hover{
	width:200px;
	height:30px;
	display:block;
	border:1px solid #47423a;
	background-color:#47423a;
	color:#fff;
	text-decoration:none;
}
#botao h4 .selc{
	width:200px;
	height:30px;
	display:block;
	color:#ff9900;
	border:1px solid #ff9900;
	background-color:#fff;
}
/*botao*/

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