/* Os estilos de cada info vão neste CSS */
* {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	line-height:150%;
	color:#fff;
}
#ipad {
	background:url(miolo/imgs/bg-ipad.jpg?v10) no-repeat;
	width:936px;
	height:864px;
	position:relative;
}
#screen {
	height: 563px;
    left: 100px;
    overflow: hidden;
    position: absolute;
    top: 37px;
    width: 751px;
}
.page {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
#home {
	background:url(miolo/imgs/bg-home.jpg?v10) no-repeat 0 0;
}
#page-1, #page-2, #page-3,  #page-4,  #page-5 {
	width:0%;
	height:0%;
	background:url(miolo/imgs/bg-1.jpg?v10) no-repeat 0 0;
	left:50%;
	top:50%;
	opacity:0.50;
	-moz-opacity:0.50;
	filter:alpha(opacity=50);
}

#page-1 div, #page-2 div, #page-3 div, #page-4 div, #page-5 div {
	display:none;
}
#segura0 {
	position:absolute;
	top:0px;
	left:75px;
	width:600px;/*background-image:url(miolo/imgs/bg-texto.png?v10);
	padding:0px 5px 20px 5px;
	box-shadow: 1px 2px 6px rgba #000;
	-moz-box-shadow: 1px 2px 6px #000;
	-webkit-box-shadow: 1px 2px 6px #000;*/
}
#segura0 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;
}
#segura0 a.veja:hover {
	background-position:0px -30px;
}
#segura1, #segura2, #segura3,  #segura4,  #segura5 {
	position:absolute;
	top:0;
	left:75px;
	width:600px;
    padding-top: 30px;
	/*background-image:url(miolo/imgs/bg-texto.png?v10);
	padding:0px 5px 20px 5px;
	box-shadow: 1px 2px 6px rgba #000;
	-moz-box-shadow: 1px 2px 6px #000;
	-webkit-box-shadow: 1px 2px 6px #000;*/
}
#segura2 {
	position:absolute;
	top:0;
	left:75px;
	width:600px;
}
#segura3 {
	position:absolute;
	top:0;
	left:75px;
	width:600px;
}

#segura4 {
	position:absolute;
	top:0;
	left:75px;
	width:600px;
}

#segura5 {
	position:absolute;
	top:0;
	left:75px;
	width:600px;
}
h1 {
	font-size:72px;
	text-align:center;
	margin:0 20px;
}
h2 {
	font-size:28px;
	text-align:center;
	margin:0 20px;
	padding:0px 0 15px;
}
p {
	font-size:12px;
	text-align:left;
	margin: 10px 0;
}
.icone {
	position:absolute;
	width:102px;
	height:106px;
	display:block;
	text-decoration:none;
}
.icone:hover {
	-moz-opacity:.75;
	filter:alpha(opacity=75);
	opacity:.75;
}
.icone span {
	position:absolute;
	top:70px;
	width:100%;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	left: 0px;
}
#icone-1 {
	background:url(miolo/imgs/icone-1.png?v10) no-repeat;
	top:383px;
	left:51px;
}
#icone-2 {
	background:url(miolo/imgs/icone-2.png?v10) no-repeat;
	top:383px;
	left:164px;
	
}
#icone-3 {
	background:url(miolo/imgs/icone-3.png?v10) no-repeat;
	top:383px;
	left:274px;
}

#icone-4 {
	background:url(miolo/imgs/icone-4.png?v10) no-repeat;
	top:383px;
	left:394px;
}

#icone-5 {
	background:url(miolo/imgs/icone-5.png?v10) no-repeat;
	top:420px;
	left:622px;
}
#relogio {
	position:absolute;
	top:37px;
	left:93px;
	width:751px;
	z-index:10;
	padding:0px;
	text-align:center;
	background-image:url(miolo/imgs/bg-texto.png?v10);
	box-shadow: 1px 2px 6px rgba #000;
	-moz-box-shadow: 1px 2px 6px #000;
	-webkit-box-shadow: 1px 2px 6px #000;
}
#relogio span {
	margin:0px 0px 0px 0px;
	font-size:12px;
	font-weight:bold;
}
#botao {
	background: none;
	display: none;
	height: 58px;
	left: 871px;
	position: absolute;
	top: 342px;
	width: 42px;
	z-index: 2;
	background:url(miolo/imgs/voltar.gif) no-repeat 2px 45px;
}
#botao:hover {
	background:url(miolo/imgs/voltar.gif) no-repeat 2px -55px;
}
.page p img, #slideInner-header div.slide p img {
	float:left;
	margin: 0 20px 10px 0;
	border:5px solid white;
}

#fechar1, #fechar2, #fechar3, #fechar4, #fechar5 {
	position: absolute;
	top: 10px;
	left: 680px;
	cursor: pointer;
}

#slideshow {
	overflow: hidden;	
}

#rightControl-header {
	height: 101px;
	width: 100px;
	background: url("miolo/imgs/rightb.png?v10") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	position: absolute;
	top: 294px;
	left: 171px;
	text-indent: -9999px;
	cursor: pointer;
}

#leftControl-header {
	height: 101px;
	width: 100px;
	background: url("miolo/imgs/leftb.png?v10") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	position: absolute;
	top: 294px;
	left: -24px;
	text-indent: -9999px;
	cursor: pointer;
}

.iframes {
	border: none;
	height:460px;
	width: 600px;	
	overflow: hidden;
}

.capa {
	background: url(miolo/imgs/comparacao.jpg?v10);	
	height:800px;
}