#blog .box-left {float:left;width:940px;margin-top:40px;}
#blog .box-left .post {display:block;width:100%;margin-bottom:60px;}
#blog .box-left .post .titulo {text-align: center;font-size: 20px;color: #91827c;font-weight: 700;margin-bottom: 25px;}
#blog .box-left .post .cartola {margin-top:30px;text-align:center;font-weight:700;font-size :18px;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 {width:100%;height:325px;position:relative;border-radius: 10px;box-shadow: 0 0 50px rgba(221, 221, 221,0.5)}
#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:#514847;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:650px;color:#333333;font-size:14px;line-height:20px;color:#8f8f8f;text-align: justify;}
#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;width: 100%;margin-top: 10px;margin-bottom: 10px}
#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: 0;margin-bottom: 42px;color: #8b8279;font-weight: 600;font-size: 20px;}
#blog .box-right .box .content {background:#e8e0de;padding:35px 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 {background:#414141;}
#blog .box-right .box .tags li {float: left;width: calc(100% - 30px);padding: 15px 15px;border-radius: 3px;font-size: 15px;color: #4b4643;margin-right: 7px;margin-bottom: 7px;-webkit-transition: ease-out all 0.4s;transition: ease-out all 0.4s;background: #dfd7d5;text-align: left;}
#blog .box-right .box .tags li:hover {background: #463d3c;color: #e8e0de;}
#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;}




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

@media screen and (max-width:1200px) {
	#blog .box-left {width:610px;}
	#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;}
}