@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	border: 0;
	padding: 0;
	box-sizing: border-box;

}

body {

	min-height: 100vh;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: center;

}

.principal {

	width: 99%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	gap: 10px;
	
}

.cabecalho {

	width: 99%;
	display: flex;
	flex-direction: column;
	align-items: center;

}

.imagem_cabecalho {

	width: 100%;
	border-radius: 10px;

}

.propaganda1 {

	width: 99%;
	height: 300px;
	border-radius: 10px;
	background-size: cover;
		
}

.hr1 {

	width: 99%;
	border: 2px solid rgb(245, 243, 242);
	margin-top: 10px;
	margin-bottom: 10px;

}

.conteudos2 {

	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	gap: 10px;
	
}

.conteudo3 {

	width: 60%;
	height: auto;
	display: flex;
	flex-direction: column;
	height: auto;
	color: #fff;
	align-items: center;
	
}

.noticia_imagem{

	width: 100%;
	height: 410px;
	background-size: cover;
	border-radius: 10px;
	
}

.noticia_titulo {

	padding: 15px;
	height: auto;
	width: 100%;
	color: #000;
	font-size: 30px;
	font-weight:bold;
	text-align: center;

}

.noticia_credito {

	width: 100%;
	height: auto;
	color: rgba(7, 29, 241, 0.7);
	text-align: left;
	padding-left: 5px;

}

.noticia_subtitulo {

	padding: 10px;
	width: 100%;
	height: auto;
	text-align: justify;
	color: rgba(0, 0, 0, 0.4);
		
}

.noticia_noticia {
	
	padding: 10px;
	margin-top: 40px;
	width: 100%;
	text-align: justify;
	color: #000;
	border-radius: 8px;
	
}

.propaganda_baixa {

	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;

}

.propagando_baixa_img {

	width: 150px;
	height: 150px;
	padding: 5px;
	border-radius: 10px;
}

.conteudo4 {

	width: 40%;
	height: auto;
	display: flex;
	gap: 10px;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;

}

.cabecalho_previsao_tempo {

	width: 100%;
	height: 50px;
	display: flex;
	background-color: blue;
	justify-content: center;
	text-align: center;
	align-items: center;
	font-size: 30px;
	color: #fff;
	border-radius: 10px;

}

.previsao_tempo {

	width: 100%;
	display: flex;
	justify-content: center;
	text-align: center;

}

.iframe_previsao{

	width: 100%;
	height: 400px;
}

.cabecalho_economia {

	width: 100%;
	height: auto;
	display: flex;
	background-color: blue;
	justify-content: center;
	text-align: center;
	align-items: center;
	font-size: 30px;
	text-shadow: #000 0.3em 0.3em 0.3em;
	padding: 5px;
	color: #fff;
	border-radius: 10px;
	border-bottom: 5px solid black;

}

.economia {

	width: 100%;
	height: auto;
	display: flex;
	background-size: cover;
	background-position: center;
	border-radius: 10px;

}

.propaganda_lateral{

	width: 100%;
	height: 600px;
	background-size: cover;
	background-position: center;
	border: #000 10px outset;
	border-radius: 10px;

}

.rodape {

	width: 99%;
	display: flex;
	flex-direction: column;
	align-items: center;
		
}

.imagem_rodape {

	width: 96vw;
	border-radius: 10px;

}

@media only screen and (max-width: 1024px){


}

@media only screen and (max-width: 1000px) {

.conteudos2 {

	flex-direction: column;
	
}

.conteudo3 {

	width: 100%;
				
}

.noticia_imagem{

	width: 100%;
	
}

.noticia_titulo {

	width: 100%;
	height: auto;
	font-size: 40px;
			
}

.noticia_credito {

	width: 100%;
	font-size: 30px;
	
}

.noticia_subtitulo {

	width: 100%;
	height: auto;
	font-size: 35px;
}

.noticia_noticia {
	
	width: 100%;
	height: auto;
	font-size: 40px;
	
}

.propaganda_baixa {

	width: 100%;
	
		
}

.propagando_baixa_img {

	width: 450px;
	height: 450px
}

.conteudo4 {

	width: 100%;
	flex-direction: column;
	
}

.cabecalho_previsao_tempo {

	width: 100%;
	
}

.previsao_tempo {

   width: 100%;
	height: 450px;
	
}

.iframe_previsao{

	width: 100%;
	height: 450px;
}	
	

.cabecalho_economia {

	width: 100%;
	
}

.economia {

	width: 100%;
	height: auto;

}

.propaganda_lateral{

	width: 100%;
	height: 1000px;
	background-position: top;
	
}	
	
}