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

/* MATERIA */
.aviso1 { width: auto; max-width:100%; height: auto; padding: 20px; text-align: center;color: #ffffff; background-color: #fc0000; font-family: 'Montserrat'; font-weight: 400; font-size: 18px; margin-bottom: 25px; }
.aviso2 { width: auto; max-width:100%; height: auto; padding: 20px; text-align: center;color: #ffffff; background-color: #228200; font-family: 'Montserrat'; font-weight: 400; font-size: 18px; margin-bottom: 25px; }

.MsoNormal { font-family: 'Montserrat' !important; font-size: 15px !important; margin-bottom: inherit !important; }

.titulo_padrao { padding: 60px 0px 10px 0px; width: 100%; font-size: 34px; font-family: 'Montserrat'; color: #5c5c5c; font-weight: 900; text-align: left; }

article .banner_alone{width:100%; height:560px; left: 0; margin-left: inherit; position: relative; }
article .banner_alone .item { width:100%; height:560px; position: absolute; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; background-color: #ffffff; }
article .banner_alone .item .mascara-banner { width:100%; height:560px; top: 0px; position: absolute; background-color: rgba(0,0,0,0.85); }
article .banner_alone .item .cta-titulo { position: absolute; margin: 0px; height: auto; width: 100%; text-align: center; }
article .banner_alone .item .cta-titulo h1 { width: 70%; clear: both; color: #ffffff; font-weight: 600; font-size: 24px; font-family: 'Montserrat'; 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; }
article .banner_alone .item .cta-titulo h2 { width: 70%; clear: both; color: #eaeaea; font-weight: 400; font-size: 15px; font-family: 'Montserrat'; text-align: left; padding: 0px 0px 20px 0px; }
article .banner_alone .item .cta-titulo .cta-consulta { color: #ffffff; font-size: 11px; letter-spacing: 1px; font-family: 'Montserrat'; font-weight: 600; line-height: 11px; text-align: center; width: auto; padding: 0px; height: 11px; margin: 0px; position: relative; clear: both; float: left; }

article .post { width: 800px; height: auto; position: relative; z-index: 10; margin: 0 auto; float: left; }
article .post .infos { height: auto; padding: 10px 0px 25px 0px; width:100%; }
article .post .infos .avatar { margin: 15px 0px; position: relative; width: 100%; height: auto; position: relative; overflow: hidden; }
article .post .infos .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); }
article .post .infos .avatar:hover 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); }
article .post .infos h3 { font-size: 15px; color: #5c5c5c; font-weight: 400; font-family: 'Montserrat' !important; text-align: left; height: auto; line-height: 28px; padding: 20px 0px 20px 0px; }
article .post .infos h3 a { font-size: 15px !important; margin-bottom: inherit !important; font-family: 'Montserrat' !important; text-decoration: underline; }
article .post .infos h3 img { width: auto; height: auto; max-width: 100%; }
article .post .infos .curtas { position: absolute; left: 50%; margin: -20px 0px 0px 303px; width: 200px; height: 30px; overflow: hidden; }
article .post .infos iframe { left: 0px; }
article .post .tags { position: relative; width: 100%; height: auto; padding: 20px 0px 30px 0px; }
article .post .tags .chama,
article .post .tags .itens { float: left; width: auto; padding: 0px 5px 0px 0px; font-size: 12px; color: #000000; font-weight: 400; font-family: 'Montserrat'; height: auto; }
article .post .tags .itens:hover { text-decoration: underline; }

article .volta { width: auto; position: absolute; left: 50%; margin-left: -325px; font-size: 14px; font-weight: 700; font-family: 'Montserrat'; color: #88bac7; text-align: left; line-height: 14px; height: auto; padding-left: 13px; background-image:url(../imagens/seta-vermelha-esquerda.png); background-position: left 1px; background-repeat: no-repeat; margin-right: 25px; }
article .volta:hover { background-position: 3px 1px; }

#shareRoundIcons { position: absolute; margin: -80px 0px 0px 0px; }
.jssocials-share-link { border-radius: 50%; }
.jssocials-share-logo { color: #ffffff !important; font-size: 1.0em !important; }

.brelaciona { width: 100%; height: auto; position: relative; text-align: center; padding: 100px 0px 50px 0px; }
.brelaciona .titulo { padding: 80px 0px 20px 0px; width: 100%; font-size: 32px; font-family: 'Montserrat'; color: #5c5c5c; font-weight: 600; text-align: left; }
.brelaciona .relacionados { width: 100%; height: auto; position: relative; clear: both; }
.brelaciona .relacionados ul { width: 580px; margin: 0px auto; height: auto; padding: 10px 0px; list-style-type: none; position: relative; overflow: hidden; }
.brelaciona .relacionados ul li { width: 260px; margin: 12px; float: left; position: relative; height: 260px; }
.brelaciona .relacionados ul li .avatar { margin: 0px 0px 10px 0px; background-color: #000000; position: relative; width: 260px; height: 260px; position: relative; overflow: hidden; }
.brelaciona .relacionados ul li .avatar img { opacity: 0.7; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); }
.brelaciona .relacionados ul li .nome-servico { bottom: 15px; width: 220px; font-size: 16px; z-index: 100; font-weight: 700; padding: 20px 20px 10px 20px; position: absolute; font-family: 'Montserrat'; color: #ffffff; text-align: left; line-height: 20px; height: auto; }
.brelaciona .relacionados ul li:hover img { opacity: 0.5;  -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.brelaciona .relacionados #p2 { background-image:url(../imagens/seta-branca-esquerda.png); top:50%; margin-top: -40px; position:absolute; margin-left: -350px; left:50%; } 
.brelaciona .relacionados #n2 { background-image:url(../imagens/seta-branca-direita.png); top:50%; margin-top: -40px; position:absolute; margin-right: -350px; right: 50%; }
.brelaciona .relacionados #pager2 { width: 100%; height: auto; position: relative; text-align: center; }

.navblog { width: 250px; background-color: #f7f7f7; float: right; height: auto; padding: 40px 0px 20px 0px; overflow: hidden; }
.navblog ul { width: 100%; height: auto; position: relative; clear: both; margin: 5px 0px 0px 0px;  padding: 0px; }
.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: 'Montserrat', Arial; line-height: 20px; }
.navblog ul li.nots { width: 86%; height: auto; position: relative; clear: both; }
.navblog ul li.nots .espa { width: 100%; padding: 0px 0px 25px 0px; height: auto; position: relative; display: inline-block; vertical-align: top; }
.navblog ul li.nots .espa .data { width: 100%; font-size: 11px; letter-spacing: 1px; font-family: 'Montserrat'; color: #d02621; text-decoration: none; font-weight: 800; text-align: left; }
.navblog ul li.nots .espa .area { width: 100%; font-size: 25px; line-height: 26px; letter-spacing: 1px; font-family: 'Montserrat'; color: #d02621; text-decoration: none; font-weight: 200; text-align: left; padding-top: 10px; }
.navblog ul li.nots .espa p { width: 100%; font-size: 14px; letter-spacing: 1px; font-family: 'Montserrat'; color: #6f6f6f; font-weight: 400; text-align: left; padding: 10px 0px; }
.navblog ul li.nots .espa .cta { color: #fa504b; font-size: 11px; letter-spacing: 1px; font-family: 'Montserrat'; 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 #fa504b;}
.navblog ul li.nots:hover .espa .cta { border: 1px solid rgba(207,37,33,1); background-color: rgba(207,37,33,1); color: #ffffff; }
.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); }
.navblog ul li.nots:hover .avatar .mais { opacity: 1; }
.navblog ul li #buscador { width: 100%; height: auto; overflow: hidden; position: relative; clear: both; }
.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: 'Montserrat'; 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; }
.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; }
.navblog ul li.tag { font-weight: 600; color: #5c5c5c; text-align: left; font-size: 18px; font-family: 'Montserrat', Arial; line-height: 20px; padding-bottom: 5px; }
.navblog ul li.tag span { font-family: 'Montserrat', Arial; }
.navblog ul li.mlidas { margin-top: 45px; }
.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: 'Montserrat'; 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; }
.navblog ul li.cats:hover { color: #5c5c5c; text-decoration: underline; }

@media screen and (max-width: 1100px) {
	article { text-align: center; padding-top: 105px; }
	article .post { width: 80%; padding: 0px 5%; margin: 0px 5% 0px 5%; }
	article .post .infos h1, article .post .infos h2, article .post .infos h3 { text-align: center; }
	article .post .infos h3 { font-size: 18px; line-height: 29px; }
	article .post .infos h1 { padding-top: 0px; }
	article .post .infos .divisa { margin: 10px auto; }
	article .post .tags { text-align: center; }
	article .post .tags .chama, article .post .tags .itens { float: none; display: inline-block; }
	article .post .infos .curtas { position: relative; left: inherit; margin: 10px auto; width: 200px; text-align: center; height: 30px; overflow: hidden; }

	article .comente { width: 94%; padding: 30px 0px; margin: 20px 3%; }

	article .volta { width: auto; display: inline-block; position: relative; left: inherit; text-align: center; margin: 10px auto; }

	#shareRoundIcons { position: relative; left: inherit; margin: 0px; }

	.navblog { display: none; } 

	.brelaciona { width: 100%; height: auto; position: relative; clear: both; text-align: center; padding: 30px 0px 50px 0px; }
	.brelaciona .relacionados ul { width: 100%; overflow: hidden; text-align: center;height: auto; }
	.brelaciona .relacionados ul li { float: none; display: inline-block; }
}