/*Limpar Formatação Padrão*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*{
	margin: 0;
	padding: 0;
}

body{
	font-size: 1em;
	font-family: Helvetica, sans-serif ;
	background: #e6e6e6;
}

/* 
*******  LAYOUT  ******* */

#area-cabecalho{
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	background: #f7b600;
	padding: 15px;
	text-align: center;
	border-radius: 0px 0px 25px 25px;
}

#area-logo , #area-menu{
	padding: 10px;
}

#area-principal{
	width: 920px;
	margin: 0 auto;
	padding: 15px;
}

#area-postagens{
	width: 660px;
	float: left;
}

.postagem{
	padding: 20px;
	margin-bottom: 20px;
	background: white;
}

.conteudo-lateral{
	background: white;
	padding: 10px;
	margin-bottom: 20px;
}

#area-lateral{
	width: 240px;
	float: right;
}

.postagem-lateral{
	font-size: 0.8em;
	padding: 5px;
	border-bottom: 1px dotted #ccc;
}

.postagem-lateral{
	border-bottom: none;
}
#rodape{
	border-radius: 25px 25px 0px 0px;
	clear: both;
	background: #ccc;
	text-align: center;
	padding: 15px;

}
#rodape a{
	color: #000000;
}

/* 
*******  FORMATAÇÕES DE MENU  ******* */

a{
	text-decoration: none;
}

a:link , a:visited{
	color: #f7b600
}

a:hover{
	text-decoration: underline;
}

#area-cabecalho a:link , #area-cabecalho a:visited{
	color: #fff;
	padding: 8px 12px;
	border-radius: 8px;
	transition-duration: 0.5s;
}

#area-cabecalho a:hover{
	color: #f7b600;
	background: #fff;
	text-decoration: none;
}

/* 
*******  FORMATAÇÕES EM GERAL  ******* */

h1{
	color: #4e4e4e;
	font-size: 2.5em;
}

h2{
	color: #f7b600;
}

h3{
	color: #565656;
	background: #ccc;
	padding: 5px;
}

img{
	width: 620px;
}

.branco{
	color: white;
}

.data-postagem{
	font-size: 0.8em;
	border-bottom: 1px solid #f4f4f4;
	padding-bottom: 10px;
	margin-bottom: 10px;
	display: block;
}