#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 {font-family: 'latoLight';color: #011d35;text-align: left;font-size: 48px;margin-top: 10px;margin-bottom: 45px;}
#blog .box-left .post .resumo {font-weight:500;font-size :18px;color:#011d35;margin-bottom:40px; padding: 40px; background: #fef6f4;}
#blog .box-left .post .data {font-size: 13px;color: #011d35;left: 10px;letter-spacing: 1px;position: absolute;z-index: 3;margin-top: 10px;padding: 10px;transition: all 0.3s ease-out 0s;}
#blog .box-left .post:hover .data {background: #ffffff;padding: 10px 15px;border-radius: 2px;transition: all 0.3s ease-out 0s;}
#blog .box-left .post .data-active {font-size: 13px;color: #011d35;left: 10px;letter-spacing: 1px;position: absolute;z-index: 3;margin-top: 10px;background: #ffffff;padding: 10px 15px;border-radius: 2px}
#blog .box-left .post .foto {max-width:100%;height:325px;position:relative;background: #fbded3;}
#blog .box-left .post .foto .background {position: absolute;width: 100%;height: 100%;opacity: .9;transition-duration: .5s;}
#blog .box-left .post .foto .shadow {position:absolute;width:100%;height:100%;background: #fbded3;-webkit-transition:ease-out all 0.4s;transition:ease-out all 0.4s;opacity:.5;}
#blog .box-left .post:hover .foto .shadow {opacity:0.1;}
#blog .box-left .post .foto .leia-mais {padding: 10px 15px;text-transform: uppercase;background: #011d35;font-size: 12px;color: #ffffff;text-align: center;z-index: 3;left: 10px;bottom: 16px;-webkit-transition: ease-out all 0.4s;transition: ease-out all 0.4s;opacity: 0;position: absolute;border-radius: 1px;}
#blog .box-left .post:hover .foto .leia-mais {opacity:1;padding: 10px 20px}
#blog .box-left .post .texto {display:table;margin:0 auto;margin-top:40px;width:calc(100% - 40px);color:#011d35;font-size:13px;line-height:20px;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:25px;}
#blog .box-right .box .titulo {font-family: 'latoregular';left: 20px;font-size: 16px;color: #011d35;text-transform: uppercase;margin-top: 20px;position: relative;}
#blog .box-right .box .content {background: url(../img/bg_posts.jpg);padding: 8px 20px;}
#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.9s;transition:ease-out all 0.9s;}
#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: 23px 25px 20px 25px;font-size: 14px;color: #011d35;margin-right: 7px;margin-bottom: 2px;-webkit-transition: ease-out all 0.9s;transition: ease-out all 0.9s;background: #ffdfd4;text-align: left;transition: all 0.3s 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: #011d35;color: #fff;padding: 23px 15px 20px 45px;}
#blog .box-right .box .tags li {float: left;width: calc(100% - 30px);padding: 8px 9px;border: solid 1px #dde8f1;letter-spacing: 1px;font-weight: 700 !important;font-size: 9px;color: #7996af;margin-right: 3px;margin-bottom: 3px;-webkit-transition: ease-out all 0.4s;transition: ease-out all 0.4s;background: #ffffff;text-align: left;font-family: "Open Sans", sans-serif;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:#7996af;color: #ffffff;border: solid 1px #7996af;}
#blog .box-right .box .tags li.tag {width: auto;}
#blog .box-right a img {width: calc(100% - 35px);border-radius: 4px;padding-bottom: 40px;margin: 0 auto;display: table;}
#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 #011d35;letter-spacing: 1px;font-size: 10px;color: #011d35;-webkit-transition: ease-out all 0.4s;transition: ease-out all 0.4s;background: #ffffff;text-align: center;font-family: "Open Sans", sans-serif;font-weight: 550;transition: all 0.3s ease-out 0s;text-transform: uppercase;display:table;margin:0 auto;}
#blog .voltar:hover {background:#011d35;color: #fff;border: solid 2px #011d35;}

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

.titulo-small {font-family: 'latoLight';color: #011d35;text-align: left;font-size: 18px;margin: 40px 0 0 34px;width: 300px;}

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