.main .container { position:relative; }

.topTitle { float:left; width:100% }
.topTitle .date { color: #C9C9C9; float: left; width: 100%; text-align: center; margin: 0 0 70px; font-size: 17px; font-weight: 300; font-family: lato; }
.topTitle .compartilhe { width: 320px; height: 21px; position: absolute; left: 50%; margin-left: -160px; bottom: 40px; top:auto }
.conteudo { float:left; width:100% }

.conteudoBlog {margin-top: 100px; width:100%}
.conteudoBlog .box { float: left; padding: 0 40px; width: 50%; margin-bottom: 50px; }
.conteudoBlog .box .BlogConteudoBox { float: left; width: 100%; }
.conteudoBlog .box .BlogConteudoBox .imageCrop { background: #333 none repeat scroll 0 0; float: left; height: 400px; overflow: hidden; width: 100%; }
.conteudoBlog .box .BlogConteudoBox .imageCrop img { width: 100%; height: auto; }
.conteudoBlog .box .BlogConteudoBox .infoBlog { float: left; min-height: 400px; padding: 30px 0; position: relative; width: 100%; }
.conteudoBlog .box .BlogConteudoBox .infoBlog a { float:left; width:100%; height:100% }
.conteudoBlog .box .BlogConteudoBox .infoBlog h2 { color: #007CC6; font-size: 36px; margin: 0; float: left; width: 100%; font-weight: 900; font-family: lato; }
.conteudoBlog .box .BlogConteudoBox .infoBlog .compartilhe { display:none !important }
.conteudoBlog .box .BlogConteudoBox .infoBlog .data { width: 100%; color: #CF0400; font-family: lato; font-size: 28px; float: left; margin: 5px 0 0; }
.conteudoBlog .box .BlogConteudoBox .infoBlog .divider { width: 90px; height: 7px; background: #CF0400; float: left; margin: 35px 0 40px; }
.conteudoBlog .box .BlogConteudoBox .infoBlog .texto { float:left; width:100% }
.conteudoBlog .box .BlogConteudoBox .infoBlog .texto p { color: #888; font-family: lato; font-size: 17px; }
.conteudoBlog .box .BlogConteudoBox .infoBlog .vejaMais { background: rgba(0, 0, 0, 0) url("../images/veja.html") no-repeat scroll 0 0; bottom: 30px; font-size: 0; height: 46px; line-height: 0; position: absolute; right: 30px; text-indent: -999em; width: 180px;}


.menuLateral { display:none; position: absolute; top: -102px; right:15px; }

.busca { float: left; position: relative; margin-right: 15px; }
.busca .form-group { margin-bottom: 0; }
.busca .form-control {border: 1px solid #ccc; border-radius: 0; color: #999; font-family: open sans; font-size: 15px; height: 41px; padding-right: 60px; text-transform: uppercase; width: 438px; }
.busca .enviar-blog { background: rgba(0, 0, 0, 0) url("../images/lupaBlog.html") no-repeat scroll 0 0; border: medium none; font-size: 0; height: 20px; line-height: 0; position: absolute; right: 10px; text-indent: -999em; top: 10px; width: 20px; }

.categorias { float: right; margin-right:20px}
.categorias .input { border: 1px solid #ccc; height: 41px; position:relative; width: 231px; }
.categorias .input h2 { color: #777; font-family: open sans; font-size: 15px; line-height: 41px; margin: 0; padding: 0 15px; text-transform: uppercase; }
.categorias .input .abreCat { background: rgba(0, 0, 0, 0) url("../images/seta.html") no-repeat scroll center center; border: medium none; height: 40px; padding: 0; position: absolute; right: 1px; top: 0; width: 40px; }
.categorias ul.cat { Background: #fff none repeat scroll 0 0; border:1px solid #ccc; border-top:none;  max-height: 0; margin-top: -1px; overflow: hidden; padding: 0; transition: all 0.2s ease 0s; }
.categorias ul.cat.open { max-height: 1000px; }
.categorias ul.cat li { border-top: 1px solid #ccc; list-style: outside none none; padding: 9px 15px; }
.categorias ul.cat li a { color: #000; font-family: open sans; }

.arquivos { float: right;}
.arquivos .input { border: 1px solid #ccc; height: 41px; position:relative; width: 231px; }
.arquivos .input h2 { color: #777; font-family: open sans; font-size: 15px; line-height: 41px; margin: 0; padding: 0 15px; text-transform: uppercase; }
.arquivos .input .abreArc { background: rgba(0, 0, 0, 0) url("../images/seta.html") no-repeat scroll center center; border: medium none; height: 40px; padding: 0; position: absolute; right: 1px; top: 0; width: 40px; }
.arquivos ul.arc { Background: #fff none repeat scroll 0 0; border:1px solid #ccc; border-top:none;  max-height: 0;; margin-top: -1px; overflow: hidden; padding: 0; transition: all 0.2s ease 0s; }
.arquivos ul.arc.open { max-height: 1000px; }
.arquivos ul.arc li { border-top: 1px solid #ccc; list-style: outside none none; padding: 9px 15px; }
.arquivos ul.arc li a { color: #000; font-family: open sans; }

.conteudoBlogDetalhe { margin-bottom: 100px; float:left; width:100%; }

.conteudoBlogDetalhe img { max-width: 100%; width:100% }
.conteudoBlogDetalhe h2 { color: #007cc6; font-size: 36px; margin: 100px 0 40px; float: left; width: 100%; font-weight: 900; font-family: lato; }
.conteudoBlogDetalhe .date { font-size: 28px; font-family: lato; color: #CF0400; float: left; width: 100%; margin: 20px 0; }
.conteudoBlogDetalhe .divider { width: 90px; height: 7px; background: #CF0400; float: left; margin: 0 0 30px; }
.conteudoBlogDetalhe .texto { float:left; width:100%; color: #888; font-family: lato; font-size: 17px;  }
.conteudoBlogDetalhe .texto p { color: #888; font-family: lato; font-size:20px; }

.conteudoBlogDetalhe .centraliza { margin: 0 auto; width: 700px; }
.conteudoBlogDetalhe .centraliza .carousel { position: relative; float: left; width: 100%; }


.menuLateralInterno { float: left; max-width: 300px; width: 30%; }

.menuLateralInterno .busca .form-control { width:100% }
.menuLateralInterno .categorias { float: left; margin:50px 0 0 }
.menuLateralInterno .arquivos { float: left; }

.menuLateralInterno .voltar { background: rgba(0, 0, 0, 0) url("../images/voltar.html") no-repeat scroll 0 0; float: left; font-size: 0; height: 46px; line-height: 0; width: 180px; }



.menuLateralInterno .compartilhe { float: left; margin: 23px 0 0; width: 100%; }
.menuLateralInterno .compartilhe a { float: left; font-size: 0; height: 100%; line-height: 0; text-indent: -999em; width: 100%; }
.menuLateralInterno .compartilhe .faceShare { background: rgba(0, 0, 0, 0) url("../images/face.html") no-repeat scroll 0 0; float: left; height: 29px; margin-right: 10px; width: 89px; }
.menuLateralInterno .compartilhe .twtShare { background: rgba(0, 0, 0, 0) url("../images/twt.html") no-repeat scroll 0 0; float: left; height: 29px; width: 72px; }

.interno-blog .topBanner .carousel-inner { height: 70px; }

.interno-blog .banners.principal { display:none }
.interno-blog .titlePage { display:none }
.interno-blog .menuLateralInterno { display:none }


#blog.interno-blog .main .title { font-size: 22px; text-transform: uppercase; font-family: lato; font-weight: 300; color: #97191D; height: 34px; float: left; width: 100%; line-height: 30px; margin: 100px 0 15px; text-align: center; }
#blog.interno-blog .main .title svg { float: none; margin-right: 0; position: relative; top: 7px; }

#blog .bread { height: 46px; background: none; float: left; width: 100%; }
#blog .bread ul { width: 100%; float: left; margin: 13px 0; padding: 0; }
#blog .bread ul li { display:none; float: left; list-style: none; background: url("../images/setaBread.html") no-repeat right 8px; padding: 0 15px 0 0; margin-right: 15px; }
#blog .bread ul li a { float: left; font-size: 14px; font-family: lato; color: #000; }
#blog .bread ul li.back { float: right; list-style: none; background: #cf0400; display: block; width: 100px; line-height: 33px; height: 35px; text-align: center; padding: 0; margin: 0; border-radius: 20px; }
#blog .bread ul li.back a { float: left; font-size: 18px; font-family: lato; color: #fff; width: 100%; }

.compartilhe { top: 25px; }

@media (max-width: 735px) {

	#blog .topTitle { float: left; width: 100%; padding: 0 15px; } 

	#blog .main .conteudo .container { display: flex; flex-direction: column; width: 100% !important; }
	#blog .conteudoBlog { order: 2; width: 100%; }
	#blog .conteudoBlog .box { float: left; margin-bottom: 50px; padding: 0 15px; width: 100%; }
	#blog .conteudoBlog .box .BlogConteudoBox .infoBlog { height:auto }
	#blog .conteudoBlog .box .BlogConteudoBox .infoBlog h2 { font-size: 25px; }
	#blog .conteudoBlog .box .BlogConteudoBox .infoBlog .data { font-size: 20px; position: relative; right: auto; top: auto; }
	#blog .conteudoBlog .box .BlogConteudoBox .infoBlog .vejaMais { bottom: auto; float: right; position: relative; right: auto; }
	#blog .conteudoBlog .box .BlogConteudoBox .imageCrop { height:auto }

	#blog .menuLateral { right:0; float: left; left: auto; order: 1; padding: 0 15px; position: relative; top: auto; width: 100%; }
	#blog .menuLateral .busca { float: left; position: relative; width: 100%; margin: 0 0 15px; }
	#blog .menuLateral .busca .form-control { width:100% }
	#blog .menuLateral .arquivos { float: left; margin-bottom:15px; width: 100%; }
	#blog .menuLateral .arquivos .input { width: 100%; }
	#blog .menuLateral .categorias { float: left; margin-right: 0; margin-bottom:15px; width: 100%; }
	#blog .menuLateral .categorias .input { width: 100%; }

	#blog .conteudoBlogDetalhe { float: left; padding: 0 15px; width: 100%; }
	#blog .conteudoBlogDetalhe .centraliza { float: left; width: 100%; }

	#blog .menuLateralInterno .voltar { background: rgba(0, 0, 0, 0) url("../images/voltar.html") no-repeat scroll 0 0 / 100% auto; float: left; font-size: 0; height: 46px; left: 50%; line-height: 0; margin-left: -50px; position: absolute; top: -38px; width: 100px; }
	#blog .menuLateralInterno { float: left; max-width: none; padding: 0 15px; width: 100%; }
	#blog .menuLateralInterno .busca { width:100% }
	#blog .menuLateralInterno .categorias { float: left; margin:15px 0; width: 100%; }
	#blog .menuLateralInterno .categorias .input { width: 100%; }
	#blog .menuLateralInterno .arquivos { float: left; margin:0 0 50px; width: 100%; }
	#blog .menuLateralInterno .arquivos .input { width: 100%; }

	
	#blog .main .topTitle .container { width: 100% !important; }
	#blog .compartilhe { width: 220px; height: 21px; position: absolute; bottom: 20px; left: 50%; margin-left: -110px; }
	#blog .compartilhe .faceShare { width:40px }
	#blog .compartilhe .twtShare { width:40px }
	#blog .compartilhe .whatsShare { width:40px }
	#blog .compartilhe .gplusShare { width:40px }
	#blog .compartilhe .pintShare { width:40px }
	#blog .compartilhe .impre { width:40px }
	#blog .compartilhe .inShare { width:40px }
	#blog .compartilhe .mailShare { width:40px }

	#blog .bread { padding: 0 0 0 15px; }

	#blog.interno-blog .main .title { height:auto; margin-top:50px }

	#blog.interno-blog .menuLateral { display:none }
	#blog.interno-blog .comentarios-produtos { width: 100%; float: left; margin: 0 0 50px; }

	.conteudoBlogDetalhe h2 { font-size: 20px; }
	.conteudoBlogDetalhe .date { font-size: 15px; }
	.conteudoBlogDetalhe .texto p { font-size: 14px; }

	.compartilhe { top: 20px; }
}