/************
CONTEÚDO
*************/
/* GERAL DA SECTION */
.section {padding-bottom: 180px; align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; max-height: 999999px;}
.clear {clear: both;}
.float {float: left; width: 300px; margin: 5px 10px;}
.erro404 { background-size: 100% 100%; -webkit-background-size: 100%; -o-background-size: 100%; -khtml-background-size: 100%; -moz-background-size: 100% 100%;}

/* VÍDEOS */

.videos {position: relative; border-top: 4px solid #007DF9;}
.videos .content {width:300px; height: 190px; list-style:none; padding: 0;}
.videos .content .li a {text-decoration:none;}
.videos .content .li article {background: url(../img/block_3d_blue.png); background-size: 100% 100%; -webkit-background-size: 100%; -o-background-size: 100%; -khtml-background-size: 100%; -moz-background-size: 100% 100%;}
.videos .content .li article img {margin-left: 60px; margin-top: 10px; height: 190px;}
.videos .content .li div {height: 38px; background: #007DF9; font-size: 15px; text-align: top; padding: 5px 5px; margin-top: 5px; color:#FFF;}
.videos .content .li div:hover{background: #676F75;}

/* CAMPANHAS */
.campanhas {position: relative; border-top: 4px solid #007DF9;}
.campanhas .content {width:300px; list-style:none; padding: 0;}
.campanhas .content .li a {text-decoration:none;}
.campanhas .content .li div {background: #007DF9; font-size: 15px; padding: 5px; margin-top: 5px; color:#FFF;}
.campanhas .content .li div:hover{background: #676F75;}

/* ACESSO RÁPIDO */
.balaodialogo {position: relative; color: white; background-color: #DAA520;}
.balaodialogo .ul .li {display: block; font-size: 19px; height: 40.4px; margin-left: -30px;}
.balaodialogo .ul .li:after {content: ''; position: absolute; width: 0; height: 0; border: 15px solid; border-top-color: #DAA520; top: 100%; left: 50%; margin-left: -15px; /* ajustar pela largura do balão */}
.balaodialogo .ul .li a {text-decoration: none; color: #fff;}
.balaodialogo .ul .li a:hover {color: #B8860B;}
.balaodialogo .ul .li span:before {font-size: 28px;}

/* PUBLICAÇÕES */
.posts {position: relative; width: 620px; border-top: 4px solid #007300;}
.posts span h3 {color: #007300;}
.posts span {display: inline-block;}
.posts span a {background: #007300; font-size:12px; text-decoration:none; color:#FFF; text-transform:uppercase; padding: 5px;}
.posts span a:hover{background: #676F75;}

.posts .content {position: relative; float: left; list-style: none; background: #fff; padding: 5px 20px; margin: 0; border: 1px solid #ddd; background: #f8f8f8;}
.posts .content .li {float: left; width: 280px; margin-bottom: 15px;}
.posts .content .li p {margin: 0;}
.posts .content .marg_dir {margin-right: 15px;}
.posts .content .li a {text-decoration: none; color: #2E2E2E; font-weight: bold;}
.posts .content .li a:hover {text-decoration: underline;}
.posts .content .li .imgLiquid {float: left; margin-top: 6px; margin-right: 5px; width: 90px; height: 90px;}
.posts .content .li .resumo {font-size: 13px; padding: 2px; color: #1766A2; text-align: justify;}
.posts .content .li .categoria {font-size: 12px; padding: 2px; color: #006393;}

/* AVISO PLENÁRIO */
.aviso_plenario {position: relative; width: 300px; border-top: 4px solid #006393;}
.aviso_plenario span h3 {color: #006393;}
.aviso_plenario .ul .li{background-color: #006393; margin-left: -40px; color: white; text-align: left; display: block; font-size: 19px; padding: 10px;}
.aviso_plenario .ul .li:after {content: ''; position: absolute; width: 0; height: 0; border: 15px solid; border-top-color: #006393; top: 100%; left: 50%; margin-left: -15px; /* ajustar pela largura do balão */}
.aviso_plenario .ul .li span:before {font-size: 28px;}
.aviso_plenario .ul .li span {vertical-align: middle;}
.aviso_plenario .ul .li a {text-decoration: none; color: #fff;}
.aviso_plenario .ul .li a:hover {color: #FA8072;}

/* PRA VOCÊ */
.pra_voce {position: relative; width: 300px;}
.pra_voce span h3 {color: #A52A2A;}
.pra_voce .ul .li{background-color: #A52A2A; margin-left: -40px; color: white; text-align: left; display: block; font-size: 19px; padding: 10px;}
.pra_voce .ul .li:after {content: ''; position: absolute; width: 0; height: 0; border: 15px solid; border-top-color: #A52A2A; top: 100%; left: 50%; margin-left: -15px; /* ajustar pela largura do balão */}
.pra_voce .ul .li span:before {font-size: 28px;}
.pra_voce .ul .li span {vertical-align: middle;}
.pra_voce .ul .li a {text-decoration: none; color: #fff;}
.pra_voce .ul .li a:hover {color: #FA8072;}

/* LINKS */
.externo {position: relative; width: 300px;}
.externo span h3 {color: #018166;}
.externo .ul .li {background-color: #018166; margin-left: -40px; color: white; text-align: left; display: block; font-size: 19px; padding: 10px;}
.externo .ul .li:after {content: ''; position: absolute; width: 0; height: 0; border: 15px solid; border-top-color: #018166; top: 100%; left: 50%; margin-left: -15px; /* ajustar pela largura do balão */}
.externo .ul .li span:before {font-size: 28px;}
.externo .ul .li span {vertical-align: middle;}
.externo .ul .li a {text-decoration: none; color: #fff;}
.externo .ul .li a:hover {color: #9ACD32;}

/*******************************************************************
NOVA HOME
*******************************************************************/

.block {position: relative; float: left; width: 100%; background: #f2f2f2;}

.rapido {position: relative; float: left; width: 940px; padding-bottom: 20px;}
.rapido .destaque {margin: 0; color: #2C3E50; font-size: 2em; text-align: center;}
.rapido .line {margin: 0; color: #e3e3e3; text-align: center;}
.rapido .ul {padding: 0; text-align: center; display: inline;}
.rapido .ul .li {width: calc(910px/6); display: inline-table;}
.rapido .ul .li .icon {margin-bottom: 0; font-size: 40px; color: #09F;}
.rapido .ul .li .descricao {font-size: 1.2em; color: #2C3E50;}

.block .multimedia {position: relative; float: left; width: 940px; left: calc((100% - 940px)/2); margin-top: 10px;}
.block .multimedia .link {position: relative; height: 45px; bottom: 55px; padding: 5px; background: rgba(0, 0, 0, 0.7); color: #c1c1c1;}
.block .multimedia a {color: #fff;}
.block .destaque {margin: 0; color: #2C3E50; font-size: 2em; text-align: center;}
.block .line {margin: 0; color: #e3e3e3; text-align: center;}
.block .descricao {font-size: 1.2em; color: #005574; font-weight: bold;}

.block .multimedia .plenario {float: left; width: 300px; margin-right: 20px}
.block .multimedia .plenario .ul {padding: 0;}
.block .multimedia .plenario img {width: 300px;}

.block .multimedia .parlamento {float: left; width: 300px; margin-right: 20px}
.block .multimedia .parlamento .ul {padding: 0;}

.block .multimedia .campanha {float: left; width: 300px;}
.block .multimedia .campanha .ul {padding: 0;}

.pra-voce {position: relative; float: left; width: 940px; padding-bottom: 20px; margin-top: 10px;}
.pra-voce .destaque {margin: 0; color: #2C3E50; font-size: 2em; text-align: center;}
.pra-voce .line {margin: 0; color: #e3e3e3; text-align: center;}
.pra-voce .ul {padding: 0; text-align: center; display: inline;}
.pra-voce .ul .li {width: calc(910px/5); display: inline-table;}
.pra-voce .ul .li .icon {margin-bottom: 0; font-size: 40px; color: #00A39C;}
.pra-voce .ul .li .descricao {font-size: 1.2em; color: #2C3E50;}

.block .publicacoes {position: relative; float: left; width: 940px; left: calc((100% - 940px)/2); margin-top: 10px; padding-bottom: 20px;}
.block .publicacoes .ul {background: #fff; padding: 20px; border: 1px solid #e3e3e3; margin-top: 25px;}
.block .publicacoes .ul .marg_dir {margin-right: 25px;}
.block .publicacoes .ul .li {width: 435px; margin-bottom: 15px; text-align: justify; display: inline-table;}
.block .publicacoes .li p {margin: 0;}
.block .publicacoes .ul .li a {text-decoration: none; color: #2E2E2E; font-weight: bold;}
.block .publicacoes .ul .li a:hover {text-decoration: underline;}
.block .publicacoes .ul .li .resumo {font-size: 13px; padding: 2px; color: #232B64;}
.block .publicacoes .ul .li .categoria {font-size: 12px; padding: 2px; color: #006393;}

.link-externo {position: relative; float: left; width: 100%; background: #e1e1e1;}
.link-externo .content {position: relative; float: left; width: 940px; left: calc((100% - 940px)/2); margin-top: 10px; padding-bottom: 20px;}
.link-externo .destaque {margin: 0; color: #2C3E50; font-size: 2em; text-align: center;}
.link-externo .line {margin: 0; color: #ccc; text-align: center;}
.link-externo .ul {padding: 0; text-align: center; display: inline;}
.link-externo .ul .li {width: calc(910px/3); display: inline-table;}
.link-externo .ul .li .icon {margin-bottom: 0; font-size: 40px; color: #3A53C2;}
.link-externo .ul .li .descricao {font-size: 1.2em; color: #2C3E50;}