/* PADRÃO */
section,
article { width: 100%; height: auto; position: relative; clear: both; overflow: hidden; padding: 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; }
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: 100%; margin: 0px 0px 25px 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; position: relative; overflow: hidden; height: 165px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 20px 0px; border-bottom: 2px solid #f4f6f8; }
section .blog .post ul li .avatar { margin: 0px 0px 10px 20px; position: relative; width: 165px; height: 165px;float: left; position: relative; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
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: 645px; padding: 8px 15px; height: auto; position: relative; float: right; }
section .blog .post ul li .area .nome-servico { width: 100%; font-size: 20px; font-weight: 400; position: relative; font-family: 'Nunito'; color: #373435; 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: 'Nunito'; color: #696969; text-align: left; line-height: 18px; height: auto; margin: 0px 0px 12px 0px; }
section .blog .post ul li .area .acao { width: 100%; font-size: 12px; font-weight: 400; font-family: 'Nunito'; color: #373435; 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: 'Nunito'; color: #373435; 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: #ffffff; border-bottom: 2px solid rgba(255,255,255,0) }

section .blog .post ul li.vazio { border-bottom: none !important }
section .blog .post ul li.vazio .area { width: 100%; padding: 0px; }
section .blog .post ul li.vazio .area .nome-servico { text-align: left !important; width: 100%; }
section .blog .post ul li.vazio:hover { background: transparent !important; }

section .blog .post ul li.destaque { width:100%; margin: 0px !important; position: relative; overflow: hidden; height: auto; padding: 0px !important; background-color: transparent; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;border-bottom: 2px solid rgba(255,255,255,0) }
section .blog .post ul li.destaque .avatar { margin: 0px 0px 10px 0px; background-color: #000000; position: relative; width: 100%; height: auto; max-height: 300px; float: none; position: relative; overflow: hidden;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; }
section .blog .post ul li.destaque .avatar img { opacity: 0.4; -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: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -o-calc(100% - 40px); width: calc(100% - 40px); padding: 20px; height: auto; position: absolute; z-index: 10; top: 0px; }
section .blog .post ul li.destaque .area .nome-servico { width: 100%; font-size: 32px; font-weight: 500; position: relative; font-family: 'Nunito'; color: #ffffff; text-align: left; line-height: 36px; height: auto; margin: 0px 0px 10px 0px; }
section .blog .post ul li.destaque .area .introducao { color: rgba(255,255,255,0.6); }
section .blog .post ul li.destaque .area .acao { color: rgba(255,255,255,0.6); }
section .blog .post ul li.destaque .area .mais-acao { color: rgba(255,255,255,0.6); }
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: 10px; float: right; height: auto; padding: 0px 0px 20px 0px; border-left: 2px solid #ffffff; overflow: hidden; }
section .navblog ul { width: 100%; height: auto; position: relative; clear: both; margin: 30px 0px 0px 0px;  padding: 0px; }
section .navblog ul li { width: 100%; height: auto; position: relative; clear: both; margin: 0px 0px 10px 0px; font-weight: 500; color: #373435; text-align: left; font-size: 18px; font-family: 'Nunito', 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: 'Nunito', 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); padding: 0px 15px 0px 25px; font-weight: 700; color: #373435; text-align: left; margin: 30px 0px 4px 0px; font-size: 13px; font-family: 'Nunito', Arial; line-height: 16px; }
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: 400; color: rgba(0,0,0,0.4); padding: 0px 15px 0px 25px; text-align: left; font-size: 13px; font-family: 'Nunito', Arial; line-height: 16px; }
section .navblog ul li #buscador { width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); height: auto; overflow: hidden; position: relative; clear: both; padding-left: 20px; padding-top: 10px; }
section .navblog ul li #buscador input[type=text] { width: 70%; padding: 10px 0px 10px 10px; font-weight: 500; color: #373435; text-align: left; font-size: 14px; float: left; font-family: 'Nunito', Arial; line-height: 20px;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; overflow: hidden; }
section .navblog ul li #buscador input[type=submit] { cursor: pointer; width: 20%; padding: 0px; background: #ffffff url(../imagens/lupa-busca.png) no-repeat center center; height: 40px; float: right;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; overflow: hidden; }
section .navblog ul li.tag { font-weight: 800; border-bottom: 2px solid #ffffff; color: #373435; text-align: left; font-size: 18px; font-family: 'Nunito', Arial; line-height: 20px; padding-bottom: 15px; padding-left: 20px; }
section .navblog ul li.cats { font-weight: 400; color: #949494; text-align: left; padding: 4px 0px; margin: 0px 20px 0px 20px; font-size: 13px; font-family: 'Nunito', Arial; line-height: 20px;-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
section .navblog ul li.cats:hover { padding-left: 5px; color: #373435; font-weight: 800; } 

@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; margin: 0px 0px 25px 0px; 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 { 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; }
}