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



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

/*------------------------------------ CORREÇÔES ------------------------------------------*/

body {
	margin:0;
	padding:0;
}


/*------------------------------------ GERAL ------------------------------------------*/

#compartilhar-top {
	position:absolute;
	left:678px;
	top:228px;
	z-index:3;
}
#like-top {
	position:absolute;
	left:846px;
	top:225px;
	z-index:50;
}
#rodape {
	position:relative;
	width:936px;
	height:60px;
	border-top:1px solid #eceae7;
	padding:10px 0 0;
}

/*------------------------------------ NAVEGACAO ------------------------------------------*/

#prox_ant {
	position : absolute;
	left : 880px !important; 
	top : 13px !important;
	z-index : 10;
	display : block;
	height : 26px;
	width:53px;
}
#prox_ant a {
	display : block;
	position : absolute;
	width : 24px;
	height : 24px;
	margin : 1px;
	cursor:pointer;
}
#prox_ant a:hover { background-position : 0 -24px; }
#prox_ant a.pro {
	background-image:url(img/prox.gif);
	right : 0;
	top : 0px
}
#prox_ant a.ant {
	background-image:url(img/ant.gif)
	right : 29px;
	top : 0;
}

/*------------------------------------ MIOLO ------------------------------------------*/

#abertura {
	width:936px;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:10px;
}
#abertura h2 {
	color:#47423a;
	font-size:31px;
	padding:5px 0 10px;
	font-weight:bold;
	margin:0;
}
#abertura p, #abertura p b {
	line-height:18px;
	color:#7f7871;
	margin:0;
	font-size:12px;
}

#conteudo {
	width:936px;
	height:800px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#conteudo p b {
	color:#FFFFFF;
	
}

#conteudo h3 {
	color:#FFFFFF;
	
}

#conteudo strong {
	color:#FFFFFF;
	
}

/*------------------------------------ COMPARTILHAR ------------------------------------------*/

#compartilhar {
	width:154px;
	height:14px;
	background:url(../img/compartilhar.png) no-repeat 0 -141px;
	position:absolute;
	z-index:3;
}
#rodape #compartilhar { top:15px; right:0; left:auto; }
#compartilhar li {
	float:right;
}
#compartilhar li a {
	background-image:url(../img/compartilhar.png);
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin-right:13px;
}
#compartilhar li a#link-facebook {
	background-position:0 0;
	width:14px;
	height:14px;
	margin-right:0;
}
#compartilhar li a#link-twitter {
	background-position:0 -20px;
	width:14px;
	height:14px;
}
#compartilhar li a#link-orkut {
	background-position:0 -40px;
	width:14px;
	height:14px;
}

/*------------------------------------ MENU ------------------------------------------*/

#menu {
	position : absolute;
	left : 0px;
	top : 250px;
	width : 936px;
	height : 36px;
	border-top : 1px solid #d5d0cb;
	border-bottom : 1px dotted #ebe9e6;
	z-index : 20;
}
#menu h2 {
	width : auto;
	height : 40px;
	line-height : 40px;
	float : left;
}
#menu h2 a {
	width : auto;
	height : 13px;
	line-height : 13px;
	float : left;
	margin : 10px 0 0 0;
	padding : 0 10px;
	border-right : 1px solid #bbb7b3;
	color : #a39e98;
	display : block;
}
#menu h2.mne {
	border:medium none;
	float:right;
	padding:0 10px 0 0;
	color:#F90
}
#menu h2.mne a {
	border:medium none;
	float:right;
	color:#F90;
	padding:0 0;
}
#menu h2 a:hover, #menu h2.sel a, .p0 #menu h2.mn0 a, .p1 #menu h2.mn1 a, .p2 #menu h2.mn2 a, .p3 #menu h2.mn3 a, .p4 #menu h2.mn4 a, .p5 #menu h2.mn5 a, .p6 #menu h2.mn6 a, .p7 #menu h2.mn7 a, .p8 #menu h2.mn8 a, .p9 #menu h2.mn9 a, .p10 #menu h2.mn10 a, #menu.mais h2.mne a {
	color : #ff9900;
}
h2.mne a:hover {
	text-decoration:underline;
}

/*------------------------------------ MAIS ------------------------------------------*/

#mais {
	width : 960px;
	height:595px;
	position : absolute;
	left : 00px;
	z-index : 9;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
}
#mais h3 {
	font-size:22px;
	color:#47423a;
	position:absolute;
	left:20px;
	top:10px;
}
#mais #texto {
	height:580px;
	left:0;
	width:960px;
	position:absolute;
}
#mais #texto p {
	display : block;
	float : left;
	width : 220px;
	height : 70px;
	margin : 10px 20px 0 0;
}
#mais #texto p a {
	width : 220px;
	height : 70px;
	display : block;
	color:#5d5850;
	text-decoration:none;
}
#mais #texto p a {
	font-weight : bold;
	line-height : 16px;
	font-size:11px;
}
#mais #texto p a:hover { color : #ff9900; }
#mais #texto p a img {
	border : 3px solid #fff;
	float : left;
	margin : 0 5px 0 0;
}
#mais #texto p a:hover img { border : 3px solid #ff9900; }


#pagina-bg { width:100%; position:relative; width:936px; overflow:hidden; }

.capa { background:url(info/capa.jpg) no-repeat; height:1100px;  }

.dados { background:url(info/dados.jpg) no-repeat; height:1080px;  }

.ficar { background:url(info/comer-beber.jpg) no-repeat; height:1300px;  }

#texto-direita {
	position:absolute;
	right:0px;
	top:0px;
	width:420px;
	height:100%;
	border: 1px solid #333;
	background-color:#000;
	box-shadow: 0 1px 5px rgba(0,0,0,0.75);
	-moz-opacity:.90; filter:alpha(opacity=90); opacity:.90;
}
#texto-direita.big {
	width:580px;
}
#texto-direita p {
	padding:5px 15px 0;
	color:#d6d0c9;
	line-height:16px;
}
#texto-direita p a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
#texto-direita p a:hover {
	color:#f90;
	text-decoration:none;
}
#texto-direita h2 {
	padding:5px 15px 0;
	margin:10px 0 0;
	color:#fff;
	font-size:32px;
}
a.veja {
	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;
	float:left;
	margin-top:15px;
}
a.veja:hover {
	background-position:0 -30px;
}