/* PADRÃO */
section,
article { width: 100%; height: auto; position: relative; clear: both; overflow: hidden; padding: 0px 0px 0px 0px; margin: 0px; }

/* BLOG */
section .blog { width: -moz-calc(100% - 270px); width: -webkit-calc(100% - 270px); width: -o-calc(100% - 270px); width: calc(100% - 270px); height: auto; position: relative; float: left; text-align: center; padding: 0px 0px 35px 0px; margin-top: 10px; }
section .blog .post { width: 100%; height: auto; position: relative; clear: both; }
section .blog .post ul { width: 100%; height: auto; padding: 10px 0px 0px 0px; list-style-type: none; position: relative; overflow: hidden; }
section .blog .post ul li { width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); margin: 0px 10px 25px 10px; position: relative; overflow: hidden; height: 185px; padding: 0px; background-color: #f4f6f8;}
section .blog .post ul li .avatar { margin: 0px 0px 10px 0px; position: relative; width: 185px; height: 185px;float: left; position: relative; overflow: hidden; }
section .blog .post 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); }
section .blog .post ul li .area { width: 535px; padding: 8px 15px; height: auto; position: relative; float: right; }
section .blog .post ul li .area .nome-servico { width: 100%; font-size: 20px; font-weight: 300; position: relative; font-family: 'Roboto'; color: #000000; text-align: left; line-height: 22px; height: auto; margin: 0px 0px 10px 0px; }
section .blog .post ul li .area .introducao { width: 100%; font-size: 14px; font-weight: 300; font-family: 'Roboto'; color: #696969; text-align: left; line-height: 18px; height: auto; margin: 0px 0px 12px 0px; }
section .blog .post ul li .area .acao { background-image: url(../imagens/globe.png); background-repeat: no-repeat; background-size: 12px auto; background-position: center left; padding-left: 20px; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); font-size: 14px; font-weight: 400; font-family: 'Roboto'; color: #545454; text-align: left; line-height: 20px; height: auto; margin: 5px 0px 10px 0px; }
section .blog .post ul li .area .mais-acao { width: auto; height: auto; text-decoration: underline; font-size: 14px; font-weight: 500; font-family: 'Roboto'; color: #545454; line-height: 20px; text-align: left; position: relative; }
section .blog .post ul li:hover .avatar img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
section .blog .post ul li:hover { background-color: #eaeaea; }
section .blog .post ul li.destaque { width:100%; margin: 0px 0px 25px 0px; position: relative; overflow: hidden; height: auto; padding: 0px; background-color: transparent;}
section .blog .post ul li.destaque .avatar { margin: 0px 0px 10px 0px; position: relative; width: 100%; height: auto; max-height: 300px; float: none; position: relative; overflow: hidden; overflow: hidden; }
section .blog .post ul li.destaque .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); }
section .blog .post ul li.destaque .area { width: 100%; padding: 8px 0px; height: auto; position: relative; float: right; }
section .blog .post ul li.destaque .area .nome-servico { width: 100%; font-size: 32px; font-weight: 500; position: relative; font-family: 'Roboto'; color: #545454; text-align: left; line-height: 36px; height: auto; margin: 0px 0px 10px 0px; }
section .blog .post ul li.destaque .area .introducao { width: 100%; font-size: 14px; font-weight: 300; font-family: 'Roboto'; color: #696969; text-align: left; line-height: 18px; height: auto; margin: 0px 0px 12px 0px; }
section .blog .post ul li.destaque .area .acao { background: url(../imagens/globe.png) no-repeat top left; padding-left: 30px; width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -o-calc(100% - 30px); width: calc(100% - 30px); font-size: 14px; font-weight: 400; font-family: 'Roboto'; color: #545454; text-align: left; line-height: 20px; height: auto; margin: 5px 0px 10px 0px; }
section .blog .post ul li.destaque .area .mais-acao { width: auto; height: auto; text-decoration: underline; font-size: 14px; font-weight: 500; font-family: 'Roboto'; color: #545454; line-height: 20px; text-align: left; position: relative; }
section .blog .post ul li.destaque:hover .avatar img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

section .navblog { width: 250px; margin-top: 0px; background-color: #ffffff; float: right; height: auto; padding: 0px 0px 20px 0px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; overflow: hidden; }
section .navblog ul { width: 100%; height: auto; position: relative; clear: both; margin: 15px 0px 35px 0px; padding: 0px; }
section .navblog ul li { width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -o-calc(100% - 40px); width: calc(100% - 40px); height: auto; position: relative; clear: both; margin: 0px 20px 10px 20px; font-weight: 500; color: #545454; text-align: left; font-size: 18px; font-family: 'Roboto', Arial; line-height: 20px; }
section .navblog ul li.nots { width: 100%; height: auto; position: relative; clear: both; margin: 0px; padding: 0px; font-weight: 700; color: #af0005; text-align: left; margin: 0px 0px 10px 0px; font-size: 18px; font-family: 'Roboto', Arial; line-height: 20px; }
section .navblog ul li.nots .postg { width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -o-calc(100% - 40px); width: calc(100% - 40px); border-left: 3px solid #968d8d; padding: 0px 15px 0px 25px; font-weight: 700; color: #545454; text-align: left; margin: 30px 0px 10px 0px; font-size: 14px; font-family: 'Roboto', Arial; line-height: 22px; }
section .navblog ul li.nots .introd { width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -o-calc(100% - 40px); width: calc(100% - 40px);font-weight: 300; color: #968d8d; padding: 0px 15px 0px 25px; text-align: left; font-size: 14px; font-family: 'Roboto', Arial; line-height: 22px; }
section .navblog ul li #buscador { width: 100%; height: auto; overflow: hidden; position: relative; clear: both; border: 1px solid #a9a9a9; }
section .navblog ul li #buscador input[type=text] { width: 70%; padding: 10px 0px 10px 10px; font-weight: 500; color: #545454; text-align: left; font-size: 14px; float: left; font-family: 'Roboto', Arial; line-height: 20px; }
section .navblog ul li #buscador input[type=submit] { cursor: pointer; width: 20%; padding: 0px; background: url(../imagens/lupa-busca.png) no-repeat center center; height: 40px; float: right; }
section .navblog ul li.tag { font-weight: 300; color: #aa3738; text-transform: uppercase; text-align: left; font-size: 18px; font-family: 'Roboto', Arial; line-height: 20px; }
section .navblog ul li.cats { font-weight: 300; color: #968d8d; text-align: left; padding: 6px 0px; border-bottom: #968d8d 1px solid; margin: 0px 20px 0px 20px; font-size: 15px; font-family: 'Roboto', Arial; line-height: 20px; }

@media screen and (max-width: 1150px) {
	section .blog { left: 10px; margin-top: 0px; width: -moz-calc(100% - 290px); width: -webkit-calc(100% - 290px); width: -o-calc(100% - 290px); width: calc(100% - 290px); }
	section .blog .post ul { padding-top: 0px; }
	section .blog .post ul li { width:300px; margin: 0px 10px 25px 10px; display: inline-block; }
	section .blog .post ul li .area { width: 108px; padding: 8px 15px 8px 10px; height: auto; padding-top: 20px; float: right; text-align: left; }
	section .blog .post ul li .area .nome-servico { text-align: left; clear: both; font-size: 16px; font-weight: 500; line-height: 20px; }
	section .blog .post ul li .area .acao { text-align: left; clear: both; width: 100%; margin:  0px 0px 10px 0px; line-height: 14px; padding-left: 26px; background: url(../imagens/globe.png) no-repeat center left; }
	section .blog .post ul li .area .mais-acao, section .blog .post ul li .area .introducao { display: none; }
	section .blog .post ul li.destaque .area .introducao, section .blog .post ul li.destaque .area .mais-acao { display: block; }
	section .navblog { width: 250px; margin-right: 10px; margin-top: 0px; }
}
@media screen and (max-width: 850px) {
	section .blog .post ul li.destaque { width:300px; margin: 0px 0px 25px 0px; display: inline-block; }
	section .blog .post ul li.destaque .area { float: none; text-align: center; }
	section .blog .post ul li.destaque .area .nome-servico,section .blog .post ul li.destaque .area .introducao { text-align: center; clear: both; }
	section .blog .post ul li.destaque .area .acao { width: auto; display: inline-block; text-align: left; }
	section .blog .post ul li.destaque .area .mais-acao { width: 100%; text-align: center; float: none; }
}
@media screen and (max-width: 620px) {
	section .blog { width: 300px; margin: 30px 0px 0px 0px; left: 0px; float: none; display: inline-block; }
	section .blog .post ul li { width:300px; height: auto; margin: 0px 0px 25px 0px; display: inline-block; text-align: center; float: none; }
	section .blog .post ul li .avatar { display: inline-block; vertical-align: top; float: none; }
	section .blog .post ul li .area { width: 94%; padding: 8px 3% 8px 3%; height: auto; padding-top: 20px; float: none; display: block; text-align: left; }
	section .blog .post ul li .area .nome-servico { text-align: center; clear: both; font-size: 16px; font-weight: 500; line-height: 20px; }
	section .blog .post ul li .area .acao { text-align: center; clear: both; width: 100%; margin:  0px 0px 10px 0px; line-height: 14px; padding-left: 0px; background: transparent; }
	section .blog .post ul li .area .mais-acao, section .blog .post ul li .area .introducao { display: none; }
	section { text-align: center; }
	section .navblog { margin-top: 0px; margin-right: 0px; width: 300px; float: none; display: inline-block; }
	section .navblog ul li.nots, .mlidas { display: none; }
	section .blog .post ul li .area { padding-top: 8px !important; }
}