/* PAGINAS *****************************************************************************/

.bannerPG{
	float: left;
	margin: 145px 0 20px 0;
	width: 100%;
	height: 73px;
	background: url(../imagens/bnnPG.jpg);
	}
	
.ilustra-artigo{
	float:right;
	width: 350px;
	margin: 0 0 20px 30px;
	padding: 0 0 10px 0;
	text-align: center;
	background:#0b3b78;
	}

.ilustra-artigo img{
	margin: 0;
	width: 100%;
	border: 1px solid #999;
	}
	
.link-lista{
	font-size: 19px;
	font-weight: 300;
	letter-spacing: -1px;
	text-decoration: underline;
	color: #000;
	}
	
.parceiros img{
	max-width: 150px;
	max-height: 120px;
	margin: 10px 30px;
	}
	
.livros{
	float: left;
	margin: 5px 0;
	width: 100%;
	padding: 20px;
	text-align: left;
	background: #f2f2f2;
	}
	
.livros img{
	width: 150px;
	max-height: 300px;
	margin: 0 30px 0 0;
	border: 1px solid #666;
	box-shadow: 3px 3px 8px #666;
	}
	
.legislacao{
	float: left;
	margin: 1px 0.5%;
	width: 49%;
	padding: 10px;
	text-align: left;
	background: #f2f2f2;
	}
	
.legislacao img{
	margin: 0;
	}
	
.colunistas{
	width: 100%;
	}
	
.colunistas img{
	margin: 0 20px 10px 0;
	width: 20%;
	border: 1px solid #666;
	}
	
.imprensa img{
	max-width: 100%;
	}
	
.face-materias{
	float: right;
	margin-top: 10px; 
	}
	
.botao-wpp{
  margin: 0 5px;
  text-decoration: none;
  color: #eee;
  display: none;
  background-color: #25d366;
  font-size: 14px;
  font-weight: bold;
  padding: 1px 10px;
  border-radius: 3px;
}

.botao-wpp:hover{
  background-color: darken(#25d366, 5%);
}

.botao-wpp img{
  width: 18px;
}
	
	



/***********************************************************************************/
/* MÍDIA QUERIES */
/***********************************************************************************/


/* 1200px – Desktops, notebooks com monitores widescreen --------------------------*/

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

}


/* 960px – Tablets no formato paisagem e alguns monitores mais antigos ------------*/

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

.bannerPG{
	margin: 128px 0 0 0;
	height: 65px;
	}

}


/* 768px – Tablets no formato retrato, como o iPad --------------------------------*/

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

.bannerPG{
	margin: 120px 0 0 0;
	height: 60px;
	}
	
.legislacao{
	margin: 1px 1%;
	width: 98%;
	padding: 5px;
	}
	
.livros img{
	max-width: 120px;
	max-height: 250px;
	margin: 0 20px 0 0;
	}
	
.ilustra-artigo{
	width: 300px;
	margin: 0 0 20px 30px;
	}
	
.colunistas img{
	width: 25%;
	}
	
.botao-wpp{
  	display: inline-block;
	}

}



/* 480px – Smartphones no formato paisagem com tela pequena -----------------------*/

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

.bannerPG{
	margin: 110px 0 0 0;
	height: 40px;
	}
	
.parceiros img{
	max-width: 120px;
	max-height: 100px;
	margin: 5px 10px;
	}
	
.livros img{
	max-width: 100px;
	max-height: 200px;
	margin: 0 10px 0 0;
	}
	
.ilustra-artigo{
	width: 250px;
	margin: 0 0 10px 20px;
	}
	
.colunistas img{
	margin: 0 10px 5px 0;
	width: 35%;
	}
	
.botao-wpp{
  	margin: 0 5px 10px 0;
	}

}


/* 320px – Smartphones no formato retrato com tela pequena ------------------------*/

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

.bannerPG{
	margin: 130px 0 0 0;
	}
	
.link-lista{
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.5px;
	}
	
.legislacao img{
	display: none;
	}
	
.parceiros img{
	max-width: 100px;
	max-height: 100px;
	margin: 10px 5px;
	}
	
.livros img{
	max-width: 80px;
	max-height: 160px;
	margin: 0 10px 0 0;
	}
	
.ilustra-artigo{
	width: 100%;
	margin: 0 0 10px 0;
	}
	
.colunistas img{
	width: 45%;
	}
	
.face-materias{
	float: left;
	width: 100%;
	margin: 10px 0;
	}

}