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

/* fonte somente para título da capa*/
@import url(https://fonts.googleapis.com/css?family=Michroma|Telex|Magra);
/* fonte somente para título da capa*/

/*capa*/
*{
	font-family:Arial, Helvetica, sans-serif;}
	
.capa {
	background-image:url(img/capa.jpg);
	background-repeat:no-repeat;
	width:936px;
	height:625px;
	text-decoration:none;
}
#abertura{
	position:absolute;
	top:25px;
	left:25px;
	width:390px;
	padding:10px;
	background-image:url(img/bg-texto.png);
	border:1px solid #ff9900;
	box-shadow: 1px 2px 6px rgba #000;
	-moz-box-shadow: 1px 2px 6px #000;
	-webkit-box-shadow: 1px 2px 6px #000;
	height: 490px;
	text-decoration:none;
}
#abertura h2{
	margin-bottom:-8px;
	text-align:left;
	font-size:40px;
	color:#FFFFFF;
	font-family: 'Telex', sans-serif;
	text-decoration:none;
}
#abertura p{
	padding-top:10px;
	text-align:left;
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
}
#abertura p b{color:#FFFFFF;}
#abertura 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;
	text-decoration:none;
}
#abertura a.veja:hover {background-position:0px -30px;}

#conteudo #creditocapa{
	font-size:10px;
	color:#beb7af;
	font-style:italic;
	position:absolute;
	top:606px;
	left:0;
	z-index:5;
	background-image:url(img/bg-texto.png);
	padding:3px;
	text-decoration:none;
}
/*capa*/


/*internas*/
#bg1{background-image:url(img/providencias.jpg); background-repeat:no-repeat; width:936px; height:645px;}
#bg2{background-image:url(img/riscos.jpg); background-repeat:no-repeat; width:936px; height:655px;}
#bg3{background-image:url(img/cge.jpg); background-repeat:no-repeat; width:936px; height:645px;}
#bg4{background-image:url(img/previsao.jpg); background-repeat:no-repeat; width:936px; height:645px;}
#bg5{background-image:url(img/criticidade.jpg); background-repeat:no-repeat; width:936px; height:645px;}
#color{background-color:#e0e4ef; position:absolute; background-repeat:no-repeat; width:936px; height:775px;}
#bg7{background-image:url(img/chuvas.jpg); background-repeat:no-repeat; width:936px; height:2000px;}
#bg8{background-image:url(img/alagamentos.jpg); background-repeat:no-repeat; width:936px; height:2000px;}
#bg9{background-image:url(img/inundou.jpg); background-repeat:no-repeat; width:936px; height:705px;}
#bg10{background-image:url(img/inundou2.jpg); background-repeat:no-repeat; width:936px; height:635px;}
#bg11{background-image:url(img/inundou3.jpg); background-repeat:no-repeat; width:936px; height:635px;}


#conteudo{font-size:12px;}
#conteudo span{
	font-size:11px;
	color:#beb7af;
	font-style:italic;
	text-decoration:none;
}

#conteudo #texto1{
	display:block;
	overflow:hidden;
	position:absolute;
	top:119px;
	left:0px;
	width:260px;
	color:#47423a;
	padding:0px 10px 0px 10px;
	height: 589px;
	text-decoration:none;
}

#conteudo #texto2{
	display:block;
	
	position:absolute;
	top:13px;
	left:0px;
	width:880px;
	color:#47423a;
	height: auto;
	text-decoration:none;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#conteudo #texto2 h2{
	font-size:48px;
	margin: 0 0 2px 0;
	
}
	

#conteudo #texto1 h2{
	font-size:28px;
	font-weight:bold;
	text-align:left;
	color:#FFF;
	margin:10px 0px 0px 0px;
	text-decoration:none;
	/*display:none;*/
}
#credito{
	font-size:11px;
	color:#beb7af;
	font-style:italic;
	position:absolute;
	top:617px;
	left:0;
	z-index:5;
	background-image:url(img/bg-texto.png);
	padding:3px;
	display:none;
	text-decoration:none;
}
#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:none;
}
/*internas*/

/*pontos*/

/*mapa*/
#conteudo #color iframe {
	display:block;
	float:right;
	width: 897px;
	height: 517px;
	background:none;
	margin-top: 240px;
	margin-right: 20px;
}
/*mapa*/

/*link*/

#texto1 h3{
	margin-top: 18px;
	display:block;
	float:left;	
	font-size: 12px;
	color:#5d5850;
	
	
	
	}
	
#texto1 h3 a{
	color:#5d5850;
	font-size:12px;
	text-decoration:none;
	padding: 0 11px 0 11px;
	
	
	}
	
#texto1 h3 a:hover{
	text-decoration:none;
	color:#ff9900;
	}
#texto1 h3.sel a{color:#ff9900;}
/*link*/

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