/* BLOG */
.pagina { width: 100%; position: relative; padding: 20px 0px 0px 0px; }

.destaques { width: 100%; height: auto; position: relative; clear: both; }
.destaques ul { width: 100%; height: auto; padding: 10px 0px 0px 0px; clear: both; list-style-type: none; position: relative; overflow: hidden; text-align: center; }
.destaques ul li { display: inline-block; vertical-align: top; width: 340px; margin: 0px 10px 40px 10px; position: relative; height: auto; background-color: #f9f9f9; }
.destaques ul li .avatar { background: #901122 url(../imagens/hover-noticias.png) no-repeat center center; margin: 0px 0px 0px 0px; position: relative; width: 340px; height: 260px; overflow: hidden; }
.destaques ul li .avatar img { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); }
.destaques ul li .area { width: 280px; padding: 30px; height: auto; position: relative; }
.destaques ul li .area .nome-servico { width: 100%; font-size: 20px; font-weight: 600; position: relative; color: #901122; text-align: left; line-height: 22px; height: auto; margin: 0px 0px 15px 0px; }
.destaques ul li .area .introducao { width: 100%; font-size: 14px; font-weight: 300; color: #606060; text-align: left; line-height: 18px; height: auto; margin: 0px 0px 25px 0px; }
.destaques ul li .area .acao { width: 100%; font-size: 14px; font-weight: 300; color: #555555; text-align: left; line-height: 14px; height: auto; margin: 0px 0px 15px 0px; }
.destaques ul li:hover .avatar img { opacity: 0.4; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
/*.destaques ul li:hover { -webkit-box-shadow: 0px 10px 12px 0px rgba(0,0,0, 0.2); -moz-box-shadow: 0px 10px 12px 0px rgba(0,0,0, 0.2); box-shadow: 0px 10px 12px 0px rgba(0,0,0, 0.2); }*/

@media screen and (max-width: 1000px) {
	.destaques { width: 100%; height: auto; position: relative; clear: both; }
	.destaques ul { text-align: center; height: auto; }
	.destaques ul li { width: 290px; margin: 0px 5px 40px 5px; }
	.destaques ul li .avatar { margin: 0px 0px 0px 0px; width: 100%; height: auto; }
	.destaques ul li .avatar img {  width: 100%; height: auto; }
	.destaques ul li .area { width: 270px; padding: 30px 10px; height: auto; }
	.destaques ul li .area .nome-servico,
	.destaques ul li .area .introducao { text-align: center;  }
	.destaques ul li .area .acao { text-align: center; }
}