body,
html{
	margin:  0; 
	padding: 0;
	font-size:18px;
}



a, a img{/* tipo de texto e borda*/
	text-decoration:none;
	border:none;
}

img{
	max-width:100%;/*largura maxima*/
	height:auto;/* altura automatica*/
}

.principal{/*tamanho da pagina principal*//*de tudo que esta contido nela*/
	width: 960px;
	color: #444;
	margin: 0 auto;/* alinhar ao centro*/
	font-family:sans-serif;
}

.cabecalho, 
.logo, 
.rodape,
.menu{
	width:100%;
	display:block;
	clear:both;
}

.cabecalho{/* tamanho cabeçalho*/
	height:100px;
}

.logo-cabecalho{/*projeto de pesquisa e pesquisar a esquerda*/
	float:left;
}

.logo-cabecalho a{
	font-size:50px;/*tamanho da fonte*/
	font-style:italic;
	text-decoration:none;
	color:#000;
	display:block;
	padding:20px 0 0 0;/*espaçamento do topo*/
}

.logo{
	float:right;
	margin-top:40px;
	margin-right:10px;
}

.menu{
	background: rgba(119,170,224,0.8);/*cor dos links*/
	border-radius: 10px;
}

.menu ul li, 
.menu ul{
	margin:0;
	padding:0;
	list-style:none;
}

.menu ul li{/*alinhamento dos links*/
	display:inline-block;
}

.menu ul li a{
	display:block;/*barra dos link(tamanho)*/
	color:#fff;/*cor branca*/
	padding:13px 20px;/*tamanho dos link*/
	
}

.menu ul li a:hover{	
	background:rgba(201, 186, 186, 0.938);
	border-radius: 10px;
}

.corpo{
	position:relative;
	overflow:hidden;/*O conteúdo é cortado e nenhuma barra de rolagem é exibida.*/
}

.artigos{/*esquerda*/
	float:left;
	
}

.artigos, .artigos:before{
	width:100%;
}

.artigos:before{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	background: rgba(248, 244, 244, 0.884);
	z-index:-1;
	content:'';
}
.espacamento{
	padding:20px;
}

.rodape{
	padding:20px;
}

.inter{
	margin:auto;
	width: 315px;
    height: 25px;
    background-color: black;
    color: #FFF;
}

.inter.a:before{
	color: white;
}