#blog {background: #fff}
#blog .box-left {float:left;width:calc(100% - 380px);margin-top:40px;}
#blog .box-left .post {display:block;width:100%;margin-bottom:60px;}
#blog .box-left .post .titulo {color: #666666;text-align: left;font-size: 22px;font-weight: 700;letter-spacing: 1px;margin-top: 10px;text-align: left;margin-bottom: 15px;}
#blog .box-left .post .cartola {margin-top: 17px;text-align: left;font-weight: 600;font-size: 17px;margin-bottom: 27px;color: #e70e11;line-height: 29px;letter-spacing: 0.5px;}
#blog .box-left .post .resumo {margin-top: 40px;text-align: left;font-weight: 600;font-size: 24px;margin-bottom: 57px;color: #666666;}
#blog .box-left .post .data {display: table; font-size: 13px; color: #838383; text-align: left; font-weight: 400; position: relative; z-index: 3; margin: 5px 0 20px 3px;}
#blog .box-left .post .foto {max-width:100%;height:325px;position:relative;border-radius:4px;background: #000000;transition-duration: .8s;}
#blog .box-left .post:hover .foto {box-shadow: 5px 6px 15px 0px #ff631926;transition-duration: .8s;}
#blog .box-left .post .foto .background {position: absolute;width: 100%;height: 100%;border-radius: 4px;opacity: .6;transition-duration: .8s;}
#blog .box-left .post .interna {height:460px!important; cursor: pointer;}
#blog .box-left .post .foto .background-interno{position: absolute;width: 100%;height: 100%;border-radius: 4px;transition-duration: .8s;}
#blog .box-left .post .foto .shadow {position:absolute;width:100%;height:100%;background:#000000;-webkit-transition:ease-out all 0.8s;transition:ease-out all 0.8s;opacity:.1;border-radius:4px;}
#blog .box-left .post:hover .foto .shadow {opacity:0.5;}
#blog .box-left .post .foto .leia-mais {width:200px;border-radius:16px;height:32px;line-height:32px;text-transform:uppercase;background:#ff6319;font-size:13px;color:#ffffff;text-align:center;font-weight:700;letter-spacing:1.5px;position:relative;z-index:3;position:absolute;left:50%;transform:translateX(-50%);bottom:16px;-webkit-transition:ease-out all 0.4s;transition:ease-out all 0.4s;opacity:0;}
#blog .box-left .post:hover .foto .leia-mais {opacity:1;bottom:36px;}
#blog .box-left .post .texto {display:table;margin:0 auto;margin-top:40px;width:calc(100% - 40px);color:#333333;font-size:13px;line-height:20px;color:#8f8f8f;text-align: justify;}
#blog .box-left .post .texto p {text-align: justify;padding-bottom: 20px;}
#blog .box-left .post .detalhe {font-size: 29px;}
#blog .box-left .post .texto div {text-align: justify;}
#blog .box-left .post .texto strong {font-weight: bold;}
#blog .box-left .post .texto iframe,
#blog .box-left .post .texto table {width:100% !important;}
#blog .box-left .post .texto iframe {height:320px;margin-top:40px;}
#blog .box-left .post .texto img {height: auto;max-width: 100%;margin-top: 10px;margin-bottom: 10px;position: relative;left: 50%; transform: translateX(-50%);}
#blog .box-left .post .fotos {margin:0 auto;margin-top:40px;margin-bottom:40px;margin-left: 10px;}
#blog .box-left .post .fotos a {float: left;width: calc(48% - 10px);margin: 10px;height: 294px;transition-duration:0.8s;border-radius: 4px;}
#blog .box-left .post .fotos a:hover {opacity: 0.8;transition-duration:0.8s;}
#blog .box-right {float:right;width:380px;margin-top:40px;}
#blog .box-right .box {margin-bottom:25px;}
#blog .box-right .box .titulo {margin-left: 20px;margin-top: 12px;color: #676767;font-weight: 700;font-size: 17px;}
#blog .box-right .box .content {background: url(../img/bg_posts.jpg);padding: 8px 20px;border-radius:4px;}
#blog .box-right .box .menu {width:100%;}
#blog .box-right .box .menu li {padding:15px 20px;color:#9d9d9d;text-transform:uppercase;font-size:18px;font-weight:700;-webkit-transition:ease-out all 0.8s;transition:ease-out all 0.8s;}
#blog .box-right .box .menu li:hover, #blog .box-right .box .menu li.active {background:#414141;}
#blog .box-right .box .categorias li {float: left;width: calc(100% - 30px);padding: 8px 15px 8px 15px;border-radius:30px;font-size: 12px;color: #ffffff;margin-right: 7px;margin-bottom: 7px;-webkit-transition: ease-out all 0.8s;transition: ease-out all 0.8s;background: #011f5c;text-align: left;font-family: "Open Sans", sans-serif;font-weight: 700;transition: all 0.8s ease-out 0s;text-transform: uppercase;}
#blog .box-right .box .categorias li:hover,#blog .box-right .box .tags li.active {width: calc(100% - 40px);background:#ff6319;color: #fff;padding: 8px 15px 8px 25px}
#blog .box-right .box .tags li {float: left;width: calc(100% - 30px);padding: 8px 15px;border-radius:18px;border: solid 2px #ff6319;letter-spacing: 1px;font-weight: 700 !important; font-size: 10px;color: #ff6319;margin-right: 7px;margin-bottom: 7px;-webkit-transition: ease-out all 0.8s;transition: ease-out all 0.8s;background: #ffffff;text-align: left;font-family: "Open Sans", sans-serif;transition: all 0.8s ease-out 0s;text-transform: uppercase;}
#blog .box-right .box .tags li:hover,#blog .box-right .box .tags li.active {background:#ff6319;color: #ffffff;border: solid 2px #ff6319;}
#blog .box-right .box .tags li.tag {width: auto;}
#blog .box-right a img {width: calc(100% - 35px);border-radius:4px;margin: 0px 20px;}
#blog .box-right a {margin-bottom: 20px;display: block;}
#blog .no-register {font-size: 13px;color: #8d847d;}
#blog .voltar {margin-top: 40px !important; width: 140px;padding: 8px 15px;border-radius: 30px;border: solid 2px #ff6319;letter-spacing: 1px;font-size: 10px;color: #ff6319;-webkit-transition: ease-out all 0.8s;transition: ease-out all 0.8s;background: #ffffff;text-align: center;font-family: "Open Sans", sans-serif;font-weight: 550;transition: all 0.8s ease-out 0s;text-transform: uppercase;display:table;margin:0 auto;}
#blog .voltar:hover {background:#ff6319;color: #fff;border: solid 2px #ff6319;}

#blog table {width: 100%!important;border-bottom: 1px solid #d8d8d8;}
#blog table thead tr {background: #969696;}
#blog table thead tr th {font-size: 12px;padding: 8px;color: #fff;font-weight: bold;}
#blog table tr {}
#blog table tbody tr:nth-child(even) {background-color: #f3f3f3}
#blog table tbody tr td {margin-left: 0px!important;text-align: justify;font-size: 13px;padding: 8px;}


.lg-backdrop{background-color: rgba(0, 0, 0, 0.5)!important;}

@media screen and (max-width:1400px) {
	#blog .box-left {width:calc(100% - 350px);}
	#blog .box-right {width:350px;}
}

@media screen and (max-width:1200px) {
	#blog .box-left {width:calc(100% - 330px);}
	#blog .box-right {width:330px;}
}

@media screen and (max-width:960px) {
	#blog .box-left {width:90%;float:none;margin-left:5%;}
	#blog .box-left .post .texto {width:100%;display:block;}
	#blog .box-right {width:100%;float:none;}
}