/* Os estilos de cada info vão neste CSS */
.capa {
	background: url(img/capa.jpg) no-repeat;	
	height: 700px;
}

#abertura p, #abertura p b {
	margin: 105px 259px 20px;
}

html body div#abertura.capa h2, html body div#abertura.turne h2, html body div#abertura.polemicas h2 {
	text-indent: -9999px;	
}

a.veja {
    background: url("https://www.terra.com.br/economia/infograficos/15-passos-para-virar-milionario/img/veja-mais.gif") repeat scroll 0 0 transparent;
    display: block;
    height: 24px;
    left: 258px;
    margin: 0;
    position: absolute;
    text-indent: -5000px;
    top: 475px;
    width: 67px;
    z-index: 50;
}
a.veja:hover {
    background-position: 0 -30px;
}

.wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 936px;
	height: 700px;	
}

.turne {
	background: url(img/turne.jpg) no-repeat;	
	height: 700px;
}



.imagem {
	float: left;
    margin-top: 49px;
	margin-bottom: 29px;
}

#abertura.turne p, #abertura.polemicas p {
	margin: 105px 19px 20px;
}

#abertura.turne p strong {
	background-color: #F0F0F0;
    float: left;
    margin: 15px -18px;
    padding: 11px 8px;
    width: 103%;
}

.textwrap {
	margin-right: 20px;
    margin-top: 6px;
}

.polemicas {
	background: url(img/polemicas.jpg) no-repeat;	
	height: 700px;
}

.polemicasimg1 {
	margin-top: 20px;	
}

#abertura.polemicas h2 {
	text-indent: 0 !important;
	padding-top: 130px;
}

.documentario {
	background: url(img/documentario.jpg) no-repeat;	
	height: 700px;
}


#abertura.documentario h2 {
  margin-left: 30px;
    padding-top: 130px;
    text-indent: 0 !important;
}

#abertura.documentario p {
  font-size: 14px;
    margin: 25px 33px 20px;
    width: 700px;
}