/* MATERIA */
.espaco_topo_post { width: 100%; height: 135px; position: relative; clear: both; }
article { width: 800px; height: auto; clear: both; padding: 10px 0px 50px 0px; float: left; }
article img.principal { width: 100% !important; }
article .infos { height: auto; padding: 0px 0px 25px 0px; width:100%; text-align: center; }
article p img, article img, article .infos img { width: auto; display: block; margin-left: auto; margin-right: auto; max-width: 100%; height:auto; opacity: 1; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; padding: 0px; margin-top: 10px; margin-bottom: 10px; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; }
article .infos h1 { font-size: 42px; color: #000000; font-weight: 100; font-family: 'Roboto'; text-align: left; height: auto; padding: 25px 0px 35px 0px; line-height: 38px; position: relative; clear: both; }
article .infos .breadcrumb { width: 100%; height: auto; position: relative; }
article .infos .breadcrumb ul { width: 100%; height: auto; position: relative; }
article .infos .breadcrumb ul li { float: left; width: auto; padding: 0px 6px 15px 0px; font-size: 10px; color: #9b9b9b; font-weight: 400; font-family: 'Roboto'; text-align: left; height: auto; line-height: 10px; }
article .infos .breadcrumb ul li:hover { text-decoration: underline; color: #000000; }
article .infos .veja { font-size: 14px; color: #9b9b9b; font-weight: 300; font-family: 'Roboto'; text-align: left; width: 100%; height: 30px; line-height: 30px; }
article .infos .veja .autor_post { width: 30px; height: 30px; margin: 0px 10px 0px 0px; position: relative; float: left; overflow: hidden; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; overflow: hidden;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
article .infos .veja .autor_post img { width: 30px; margin: 0; height: 30px; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; -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 .infos .veja .categoria_post { float: right; width: auto; padding: 4px 10px; line-height: 18px; height: auto; font-weight: 600; color: #ffffff; font-size: 10px; font-family: 'Roboto'; text-align: left; text-transform: uppercase; letter-spacing: 1px; overflow: hidden; display: inline-block;  text-transform: uppercase; background: rgb(140,213,11); background: -moz-linear-gradient(90deg, rgba(140,213,11,1) 0%, rgba(102,159,0,1) 100%); background: -webkit-linear-gradient(90deg, rgba(140,213,11,1) 0%, rgba(102,159,0,1) 100%); background: linear-gradient(90deg, rgba(140,213,11,1) 0%, rgba(102,159,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8cd50b",endColorstr="#669f00",GradientType=1); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; overflow:hidden; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
article .infos h2 { font-size: 15px; color: #000000; font-weight: 300; font-family: 'Roboto'; text-align: left; height: auto; line-height: 26px; padding: 30px 0px; }
article .infos h2 a { font-size: 15px; text-decoration: underline; }
article .infos h2 a:hover,
article .infos h2 p a:hover { text-decoration: underline; background-color: #f4f6f8; }
article .infos iframe { left: 0px; }
article .infos h3 { font-size: 15px; color: #9b9b9b; font-weight: 300; font-family: 'Roboto'; text-align: left; height: auto; line-height: 20px; padding: 0px; }
article .infos { margin: 0px; }

article .infos .tags { position: relative; clear: both; width: 100%; height: auto; padding: 20px 0px 30px 0px; }
article .infos .tags .chama { float: left; width: auto; padding: 0px 5px 0px 0px; font-size: 15px; color: #000000; font-weight: 500; font-family: 'Roboto'; height: auto; }
article .infos .tags .itens { float: left; width: auto; padding: 0px 7px 0px 7px; font-size: 15px; color: #000000; text-decoration: none; font-weight: 300; font-family: 'Roboto'; height: auto;  -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; overflow: hidden; margin: 0px 3px; }
article .infos .tags .itens:hover { background-color: #001559; color: #ffffff; }

article .curtas { position: relative; height: 20px; padding: 0px; }
article .curtas .fb_iframe_widget { display: block !important; float: left !important; }
article .curtas .IN-widget { float: right; }
article .comente { width: 100%; height: auto; position: relative; clear: both; }

article aside { width: auto; max-width: 100%; height: 70px; margin: 40px 0px; padding: 25px; border-bottom: 1px solid #f4f6f8; background-color: #f4f6f8; clear: both; overflow: hidden; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; overflow: hidden; }
article aside .imagem { width: 70px; height: 70px; background-color: #4ba5a5; overflow: hidden; float: left; margin: 0px 25px 10px 0px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; }
article aside .imagem img { width:auto !important; min-width: 70px; max-height: 70px; min-height: 70px; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; margin: 0px !important }
article aside h4 { font-size: 24px; color: #000000; font-weight: 300; font-family: 'Roboto'; text-align: left; width: 100%; height: auto; padding: 3px 0px 0px 0px; line-height: 24px; }
article aside p { text-transform: uppercase; font-size: 10px; color: #9b9b9b; font-weight: 400; font-family: 'Roboto'; text-align: left; width: 100%; height: auto; line-height: 10px; }
article aside h5 { font-size: 14px; color: #9b9b9b; font-weight: 300; font-family: 'Roboto'; text-align: left; width: 100%; height: auto; line-height: 18px; padding: 5px 0px 10px 0px; }

.titulo_padrao { width: 100%; height: auto; border-top: 1px solid #f4f6f8; text-transform: uppercase; padding: 30px 0px 40px 0px; font-size: 40px; font-family: 'Roboto'; color: #000000; text-align: left; line-height: 40px; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; font-weight: 100; }

article .relacionados { width: 100%; height: auto; padding-bottom: 30px; position: relative; clear: both; overflow: hidden; margin-top: 40px; }
article .relacionados .tag { width: 100%; text-align: left; color: #4ba5a5; font-size: 24px; line-height: 80px; font-family: 'Roboto'; font-weight: 600; }
article .relacionados ul { width: 100%; height: auto; padding: 0px; position: relative; clear: both; overflow: hidden; }
article .relacionados ul li { width:320px; height: 400px; margin-right: 50px; float: left; position: relative; overflow: hidden; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
article .relacionados ul li img { width: 100%; height: auto; margin-top: 0px !important; margin-bottom: 5px !important; }
article .relacionados ul li .infos { width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); height: auto; margin: 0px; padding: 0px 20px 10px 0px;  -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
article .relacionados ul li .infos .tituloo { width: 280px; padding: 5px 20px 10px 0px; height: auto; font-weight: 300; color: #000000; font-size: 18px; font-family: 'Roboto'; text-align: left; }
article .relacionados ul li .infos .introducaoo { font-size: 14px; color: #9b9b9b; font-weight: 300; font-family: 'Roboto'; text-align: left; width: 100%; height: auto; line-height: 22px; padding: 0px 0px 10px 0px; }
article .relacionados ul li .infos .veja { font-size: 14px; color: #000000; font-weight: 400; font-family: 'Roboto'; text-align: left; width: 100%; height: 30px; line-height: 30px; }
article .relacionados ul li .infos .veja .autor_mais { width: 30px; height: 30px; margin: 0px; position: relative; float: right; overflow: hidden; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; overflow: hidden;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
article .relacionados ul li .infos .veja .autor_mais img { width: 30px; height: 30px; margin: 0px; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; -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 .relacionados ul li:hover { background-color: #f4f6f8; }
article .relacionados ul li:hover .infos { padding: 0px 10px 10px 10px; }
article .relacionados #pager2, article .relacionados #pager { width: 100%; height: 10px; margin: 15px 0px 0px 0px; text-align: center; position: relative; }
article .relacionados #pager2 a, article .relacionados #pager a { opacity: 1; display: inline-block; text-indent:9999px; outline:none; margin:0px 4px; width:25px; height:15px; background-color: #dbdbdb; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; cursor: pointer; }
article .relacionados #pager2 a:hover, article .relacionados #pager a:hover { opacity: 1; display: inline-block; text-indent:9999px; outline:none; margin:0px 4px; width:25px; height:15px; background-color: #dbdbdb; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; cursor: pointer; }
article .relacionados #pager2 a span, article .relacionados #pager a span { display: none; }
article .relacionados #pager2 a.selected, article .relacionados #pager a.selected { -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; width: 50px; height: 15px; cursor: pointer; background: rgb(140,213,11); background: -moz-linear-gradient(90deg, rgba(140,213,11,1) 0%, rgba(102,159,0,1) 100%); background: -webkit-linear-gradient(90deg, rgba(140,213,11,1) 0%, rgba(102,159,0,1) 100%); background: linear-gradient(90deg, rgba(140,213,11,1) 0%, rgba(102,159,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8cd50b",endColorstr="#669f00",GradientType=1); }

article .comente { width: 100%; text-align: left; color: #4ba5a5; font-size: 24px; padding-top: 50px; line-height: 80px; font-family: 'Roboto'; font-weight: 600; }

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

	.espaco_topo_post { height: 50px; }

	article { width: 100%; float: none; }

	article { width: 94%; margin: 10px 3% 0px 3%; }
	article .infos { padding-top: 25px; }
	article .infos .breadcrumb { padding-top: 0px; }
	article .infos .breadcrumb ul li.primeiro { display: none; }
	article .infos h2,
	article .infos h2 p,
	article .infos p { line-height: auto !important; }

	article .infos h3 { text-align: center; }

	article .infos .veja { height: auto; }
	article .infos .veja .categoria_post { float: none; margin-top: 10px; display: table; }

	article .infos .tags { text-align: center; }
	article .infos .tags .chama { clear: both; margin-bottom: 10px; width: 100%; padding-left: 0px; padding-right: 0px; margin-top: 20px; }
	article .infos .tags .chama, article .infos .tags .itens { float: none; display: inline-block; margin-bottom: 4px; }

	article aside { width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: -o-calc(100% - 50px); width: calc(100% - 50px); height: auto; margin: 40px 0px; padding: 25px; position: relative; overflow: hidden;-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-color: #f4f6f8; }
	article aside .mais { opacity: 1; }
	article aside:hover { height: auto; position: relative;  }

	article .relacionados .tag { text-align: center; }

	article .relacionados ul { text-align: center; }
	article .relacionados ul li { width:310px; height: auto; margin: 5px 5px 45px 5px; float: none; display: inline-block; }
	article .relacionados ul li .infos .tituloo { width: 100%; padding: 5px 0px 10px 0px; text-align: center; }
	article .relacionados ul li .infos .dataa { width: 100%; padding: 5px 0px 5px 0px; text-align: center; }
	article .relacionados ul li .infos .veja { padding-left: inherit; text-align: center; }

	article .comente { text-align: center; }
}