/* PADRÃO */
article { width: 100%; height: auto; background-color: #ffffff !important; position: relative; clear: both; overflow: hidden; padding: 0px; margin: 0 auto; }
section { padding: 0px; }

.banner_alone{width:100%; height:560px; left: 0; margin-left: inherit; position: relative; }
.banner_alone .item { width:100%; height:560px; position: absolute; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; background-color: #ffffff; }
.banner_alone .item .mascara-banner { width:100%; height:560px; top: 0px; position: absolute; background-color: rgba(0,0,0,0.85); }
.banner_alone .item .cta-titulo { position: absolute; margin: 0px; height: auto; width: 100%; text-align: center; }
.banner_alone .item .cta-titulo .chamada { width: 70%; clear: both; color: #ffffff; font-weight: 100; font-size: 24px; font-family: 'Muli'; text-align: left; padding: 0px 0px 15px 0px; line-height: 30px; position: relative; z-index: 10; margin: 0px; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.banner_alone .item .cta-titulo .intros { width: 70%; clear: both; color: #939292; font-weight: 400; font-size: 15px; font-family: 'Muli'; text-align: left; padding: 0px 0px 20px 0px; }
.banner_alone .item .cta-titulo .cta-consulta { color: #ffffff; font-size: 11px; letter-spacing: 1px; font-family: 'Muli'; font-weight: 600; line-height: 38px; text-align: center; width: auto; padding: 0px 15px; height: 38px; margin: 15px auto; position: relative; clear: both; float: left; border: 1px solid #707070; animation: pulse 2s infinite; }
.banner_alone .item:hover .cta-titulo .cta-consulta { border: 1px solid #ffffff; background-color: #ffffff; color: #707070; }
.banner_alone .item:hover .mascara-banner { background-color: rgba(0,0,0,0.95); }

/* 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; padding-top: 40px; }
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 50px 10px; position: relative; overflow: hidden; height: auto; padding: 0px; background-color: #ffffff; text-align: center; }
section .blog .post ul li .avatar { margin: 0px 30px 10px 0px; position: relative; width: 300px; height: 260px; display: inline-block; vertical-align: top; position: relative; overflow: hidden; }
section .blog .post ul li .avatar img { width: 300px; height: 260px; -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: 470px; padding: 8px 0px; height: auto; position: relative; display: inline-block; vertical-align: top; }
section .blog .post ul li .area .data { width: 100%; font-size: 11px; letter-spacing: 1px; font-family: 'Muli'; color: #707070; text-decoration: none; font-weight: 800; text-align: left; }
section .blog .post ul li .area .area { width: 100%; font-size: 25px; line-height: 26px; letter-spacing: 1px; font-family: 'Muli'; color: #707070; text-decoration: none; font-weight: 200; text-align: left; padding-top: 10px; }
section .blog .post ul li .area p { width: 100%; font-size: 14px; letter-spacing: 1px; font-family: 'Muli'; color: #6f6f6f; font-weight: 400; text-align: left; padding: 10px 0px; }
section .blog .post ul li .area .cta { color: #707070; font-size: 11px; letter-spacing: 1px; font-family: 'Muli'; font-weight: 600; line-height: 38px; text-align: center; width: auto; padding: 0px 15px; height: 38px; margin: 15px 0px 0px 0px; position: relative; float: left; border: 1px solid #707070;}
section .blog .post ul li:hover .area .cta { border: 1px solid rgba(0,0,0,0.6); background-color: rgba(0,0,0,0.6); color: #ffffff; }
section .blog .post ul li:hover .avatar img { opacity: 0.8; -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 .avatar .mais { opacity: 1; }

section .navblog { width: 250px; background-color: #f7f7f7; float: right; height: auto; padding: 40px 0px 20px 0px; overflow: hidden; }
section .navblog ul { width: 100%; height: auto; position: relative; clear: both; margin: 5px 0px 0px 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: 'Muli', Arial; line-height: 20px; }
section .navblog ul li.nots { width: 86%; height: auto; position: relative; clear: both; }
section .navblog ul li.nots .espa { width: 100%; padding: 0px 0px 25px 0px; height: auto; position: relative; display: inline-block; vertical-align: top; }
section .navblog ul li.nots .espa .data { width: 100%; font-size: 11px; letter-spacing: 1px; font-family: 'Muli'; color: #707070; text-decoration: none; font-weight: 800; text-align: left; }
section .navblog ul li.nots .espa .area { width: 100%; font-size: 25px; line-height: 26px; letter-spacing: 1px; font-family: 'Muli'; color: #707070; text-decoration: none; font-weight: 200; text-align: left; padding-top: 10px; }
section .navblog ul li.nots .espa p { width: 100%; font-size: 14px; letter-spacing: 1px; font-family: 'Muli'; color: #6f6f6f; font-weight: 400; text-align: left; padding: 10px 0px; }
section .navblog ul li.nots .espa .cta { color: #707070; font-size: 11px; letter-spacing: 1px; font-family: 'Muli'; font-weight: 600; line-height: 38px; text-align: center; width: auto; padding: 0px 15px; height: 38px; margin: 15px 0px 0px 0px; position: relative; float: left; border: 1px solid #707070;}
section .navblog ul li.nots:hover .espa .cta { border: 1px solid rgba(0,0,0,0.6); background-color: rgba(0,0,0,0.6); color: #ffffff; }
section .navblog ul li.nots:hover .avatar img { opacity: 0.8; -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 ul li.nots:hover .avatar .mais { opacity: 1; }
section .navblog ul li #buscador { width: 100%; height: auto; overflow: hidden; position: relative; clear: both; }
section .navblog ul li #buscador input[type=text] { background-color: #ffffff; height: 40px; padding: 5px 12px; width: 90%; margin: 0px 6px 6px 0px; font-size: 11px; letter-spacing: 1px; line-height: 38px; font-family: 'Muli'; color: #5c5c5c; height: 38px; -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 #buscador input[type=submit] { cursor: pointer; width: 22px; padding: 0px; background: #ffffff url(../imagens/lupa-busca.png) no-repeat center right; height: 40px; position: absolute; margin: -52px 0px 0px 168px; }
section .navblog ul li.tag { font-weight: 600; color: #5c5c5c; text-align: left; font-size: 18px; font-family: 'Muli', Arial; line-height: 20px; padding-bottom: 5px; }
section .navblog ul li.tag span { font-family: 'Muli', Arial; }
section .navblog ul li.mlidas { margin-top: 45px; }
section .navblog ul li.cats { padding: 0px; margin: 0px 20px 5px 20px; text-decoration: none; width: auto; height: auto; line-height: 14px; text-align: left; color: #5c5c5c; font-size: 11px; font-weight: 400; font-family: 'Muli'; letter-spacing: 1px; -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 { color: #5c5c5c; text-decoration: underline; }

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

	.banner_alone .item { width:100%; height:560px; position: absolute; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; }

	section { padding: 90px 0px 0px 0px; }
	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; }
	section .blog .post ul li.destaque .mascara-marca { display: none; }
	section .blog .post ul li.destaque .avatar, section .blog .post ul li .avatar, section .blog .post ul li,
	section .blog .post ul li.destaque .avatar img, section .blog .post ul li .avatar img { height: auto !important; width: 100% !important; }
	section .blog .post ul li .avatar .mais,
	section .blog .post ul li.destaque .avatar .mais { display: none; }
}
@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: 0px 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: 100%; padding: 8px 0px 8px 0px; height: auto; padding-top: 20px; float: none; text-align: center; }
	section .blog .post ul li .area .nome-servico { text-align: center; clear: both; font-size: 24px; font-weight: 700; line-height: 32px; }
	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: 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; }
}