#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: 18px;font-weight: 700;letter-spacing: 1px;margin-top: 10px;text-align: center;margin-bottom: 15px;}
#blog .box-left .post .cartola {margin-top:30px;text-align:center;font-weight:700;font-size :16px;color:#808080;margin-bottom:27px;}
#blog .box-left .post .data {display:table;margin:0 auto;width:200px;border-radius:20px;height:32px;line-height:32px;text-transform:uppercase;background:#f1f1f1;font-size:14px;color:#838383;text-align:center;font-weight:700;letter-spacing:1.5px;position:relative;z-index:3;margin-bottom:-16px;}
#blog .box-left .post .foto {max-width:100%;height:325px;position:relative;border-radius: 10px;box-shadow: 0 0 50px rgba(221, 221, 221,0.5);background: #f4f4f4;}
#blog .box-left .post .foto .background {position: absolute;width: 100%;height: 100%;border-radius: 10px;opacity: .7;transition-duration: .5s}
#blog .box-left .post .foto .shadow {position:absolute;width:100%;height:100%;background:url(../img/sombra.png) repeat-x center bottom;-webkit-transition:ease-out all 0.4s;transition:ease-out all 0.4s;opacity:0;border-radius: 10px;}
#blog .box-left .post:hover .foto .shadow {opacity:1;}
#blog .box-left .post .foto .leia-mais {width:200px;border-radius:20px;height:32px;line-height:32px;text-transform:uppercase;background:#00c2f8;font-size:14px;color:#ffffff;text-align:center;font-weight:400;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:14px;line-height:20px;color:#8f8f8f;text-align: justify;}
#blog .box-left .post .texto p {text-align: justify;padding-bottom: 20px;}

#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 {display:table;margin:0 auto;margin-top:40px;margin-bottom:40px;}
#blog .box-left .post .fotos a {float:left;width:200px;height:150px;margin:0px 10px;}
#blog .box-right {float:right;width:380px;margin-top:40px;}
#blog .box-right .box {margin-bottom:55px;}
#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: 10px;}
#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.4s;transition:ease-out all 0.4s;}
#blog .box-right .box .menu li:hover, #blog .box-right .box .menu li.active {background:#414141;}
#blog .box-right .box .tags li {float: left;width: calc(100% - 30px);padding: 8px 15px;border-radius: 3px;font-size: 15px;color: #5b5b5b;margin-right: 7px;margin-bottom: 7px;-webkit-transition: ease-out all 0.4s;transition: ease-out all 0.4s;background: #f4f4f4;text-align: left;font-family: "Open Sans", sans-serif;font-weight: 700;transition: all 0.3s ease-out 0s;text-transform: uppercase;}
#blog .box-right .box .tags li:hover,#blog .box-right .box .tags li.active {background:#00c2f8;color: #fff}
#blog .box-right .box .tags li.tag {width: auto;}
#blog .box-right a img {width: 100%;border-radius: 10px;}
#blog .box-right a {margin-bottom: 20px;display: block;}
#blog .no-register {font-size: 14px;color: #8d847d;}
#blog .voltar {width:140px;height:28px;line-height:28px;border:2px solid #a4a4a4;border-radius:22px;text-transform:uppercase;color:#a4a4a4;font-weight:700;font-size:16px;text-align:center;letter-spacing:1px;display:table;margin:0 auto;margin-top:40px;}

#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;}
}