@charset "utf-8";

/*########################################
  Aviso
  ########################################*/
.mensagem-aviso {
  background: #ce4949;
  background: linear-gradient(#ce4949 50%, rgba(0,0,0,0.75));
  color: white;
  font-family: arial;
  font-size: 16px;
  text-align: center;
  margin: 5px 15px 5px 15px;
  padding: 15px 30px;
  border-radius: 5px;
}

:root {
  --cor-ideia-legislativa: #ff9900;
  --cor-evento-interativo: #117864;
  --cor-consulta-publica: #3E63F6;
  --cor-oficina-legislativa: #FFDB15;
  
  --cor-produto: #3E63F6;
  --cor-background: #F6F6F7;
  
  --cor-link-underline: black;
  --cor-link-hover: #f0f0f0;
}
#container-ideia-legislativa {
  --cor-produto: var(--cor-ideia-legislativa);
  --cor-link-underline: var(--cor-ideia-legislativa);
  --cor-link-hover: var(--cor-ideia-legislativa);
}
#container-evento-interativo {
  --cor-produto: var(--cor-evento-interativo);
  --cor-link-underline: var(--cor-evento-interativo);
  --cor-link-hover: var(--cor-evento-interativo);
}
#container-consulta-publica {
  --cor-produto: var(--cor-consulta-publica);
  --cor-link-underline: var(--cor-consulta-publica);
  --cor-link-hover: var(--cor-consulta-publica);
}

.back-gray {
  background-color: var(--cor-background);
}

/*########################################
  Tema
  ########################################*/
/* Pesquisa */
.portal-search {
  visibility: visible;
}
#toolbar {
    display: inherit;
}
/* Personal Tools */
#portal-personaltools-wrapper {
    display: none;
/*     display: inherit; */
}
#portal-breadcrumbs{
    /* display: none; */
}
.PortalTopo .PortalTopo-id {
    width: 66%;
}
.PortalTopo .PortalTopo-togglers {
    width: 34%;
    white-space: nowrap;
    padding-left: 0;
}

/*########################################
  Geral
  ########################################*/
.bold {
    font-weight: bold;
}

/* Link */
a {
  color:#3e6892;
}

/* Link padrão de produto */
a.lnk,
#content a.lnk:visited {
  color: #585858;
  color: var(--cor-link-underline);
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: black;
  border-bottom-color: var(--cor-link-underline);
  display: inline-block;
  margin-bottom: 11px;
  transition: background-color .5s ease-out, color 1s ease-out;
}
#content a.lnk:hover {
  color: #f0f0f0 !important;
  background-color: #888;
  background-color: var(--cor-link-hover);
  /* background: linear-gradient(rgba(0,0,0,0.05), var(--cor-link-hover) 66%); */
  border-radius: 3px;
}

/* Botão padrão de produto */
.btn[class*="back-color-"] {
    color: #fff;
}

.btn-quad {
  border-radius: 0;
}

.fixed-center {
  position: fixed;
  left: 0;
  right: 0;
  margin: auto;
}
/* .fixed-center { */
/*   position: fixed; */
/*   left: 50%; */
/*   transform: translateX(-50%); */
/* } */

/* z3c.form */
.formControls {
    text-align: right;
}

/* Tabela de grid */
table.grid-obj tr:nth-child(2n) {
    background-color: #ebebeb;
}

.box-borda {
  border: 1px solid #cccccc;
  padding: 5px;
}

/* Css figura e link */
.fig-link {
    font-size: 20px;
    font-weight: bold;
}
.fig-link img {
    width: 68px;
    margin-right: 8px;
}
.fig-link .td:last-child {
    vertical-align: middle;
    width: 88%;
}

.oficina-legislativa .fig-link img {
    background-color: var(--cor-oficina-legislativa);
}

/* Component trimmable */
.trimmable-img {
    width: 20px;
    display: none;
    cursor: pointer;
}
.trimmable-active {
    display: inline;
}

.box-forget-senha {
  margin: auto;
  width: 90%;
}
.box-forget-senha-msg {
}

.navbar-secundaria .navbar {
  margin-bottom: 8px;
}

/*########################################
  Produto
  ########################################*/
.produto-titulo {
  position: relative;
  color: var(--cor-produto);
  font-size: 26px;
  text-align:center;
  font-weight:bold;
  margin-bottom: 2px;
  text-transform: uppercase;
  
/*   background-position: 5px center; */
/*   background-repeat: no-repeat; */
/*   border-bottom: 1px solid #eee; */
/*   padding: 4px 0 4px 46px; */
/*   z-index: 1; */
/*   padding-left:0; */
/*   font-size:18px; */
}
.produto-titulo:before {
    position: absolute;
    border-top: 2px solid var(--cor-produto);
    content: "";
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    width: 100%;
    z-index: -1;
}
.produto-titulo span {
    background: var(--cor-background);
    padding: 0 12px;
}
.produto-subtitle {
    color:black;
    font-size: 16px;
    margin-bottom: 15px;
    padding: 0 20px;
    text-align:center;
    text-transform:uppercase;
}

.como-funciona {
  margin-bottom: 25px;
  text-align: right;
  text-transform: uppercase;
  padding-right: 1%;
  font-size: 11px;
}

.object-not-found {
  margin: 20px 0;
  text-align: center;
}
.object-not-found p {
  margin: 20px 0;
  text-align: center;
}

.borda-produto {
  background-repeat: repeat-x;
  padding: 40px 10px 30px 10px;
  
  /* Ideia default */
  background-image: url("++resource++img/bg-pagina-ideia.png");
  border: 1px solid #8D8918;
}
.borda-debate {
  background-image: url("++resource++img/bg--pagina-proponha.png");
  border: 1px solid #1e4772;
}

/* Pesquisa com filtro */
#pesquisa-filtro {
    margin-bottom: 10px;
}
#pesquisa-filtro header {
  border-bottom: 1px solid #cccccc;
}
#pesquisa-filtro h1 {
  margin-top: 0;
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 1.8em;
}
#pesquisa-filtro button {
  border: 0;
  background-color: transparent;
  margin-top: 0;
  margin-bottom: 0;
  height: 100%;
  color: #888;
  color: var(--cor-produto);
}
#pesquisa-filtro button:hover {
  font-weight: bold;
}
#pesquisa-filtro form {
  /* border: 1px solid #cccccc; */
  border-style: solid;
  border-color: #cccccc;
  border-width: 0px 1px 1px 1px;
  padding: 22px 10px 20px 10px;
}
#pesquisa-filtro form .row {
  margin-bottom: 15px;
}
/* Seletor :not(.btn) para não interferir em cor no input type radio. */
#pesquisa-filtro form label:not(.btn) {
  color: #5f5f5f;
  font-size: 15px;
  /* margin-bottom: 3px; */
  /* margin-top: 12px; */
}
input[type=text].campo-pesquisa {
  background-image: url("++resource++img/lupa.png");
  background-repeat: no-repeat;
  background-position: right;
  border: 1px solid #828282;
  width: 100%;
  padding: 5px 5px 5px 5px;
  /* height: 30px; */
}
#pesquisa-filtro form select {
  width: 100%;
  margin-bottom: 15px;
}
/* TODO btn-produto */
#pesquisa-filtro form input[type=submit] {
  background: var(--cor-produto);
  border-color: var(--cor-produto);
  color: #fff;
}
#pesquisa-filtro form input[type=submit]:hover {
  font-weight: bold;
}



/*########################################
  Ideia Legislativa
  ########################################*/
.color-ideia-legislativa {
  color: #ff9900;
  color: var(--cor-ideia-legislativa);
}
.back-color-ideia-legislativa {
  background-color: #ff9900;
  background-color: var(--cor-ideia-legislativa);
}
.back-ideia-legislativa {
/*   background-image: url("++resource++img/logo-ideia-legislativa-white.png"); */
}

/*########################################
  Visualização Ideia Legislativa
  ########################################*/
.msg-situacao-ideia {
   border: 1px solid #ddd;
   color: #555;
   padding: 9px 23px 9px 5px;
   text-align: justify;
   min-height: 60px;
}
.msg-situacao-ideia i {
/*   color: var(--cor-ideia-legislativa); */
  float: left;
  margin-right: 10px;
}
.msg-situacao-ideia p {margin-top:0.7em;}
.msg-situacao-ideia section {
  margin-left: 43px;
}

/*########################################
  Home Ideia Legislativa
  ########################################*/
.box-ideia-legislativa{
    border: solid 1px var(--cor-ideia-legislativa);
    padding: 12px;
    margin-bottom:30px;
}
.box-ideia-legislativa:hover {
    border-width: 5px;
}
.caixa-numero-ideia{
/*   border: 1px solid #ddd; 
     float: left;
 */
  color: #5a5a5a;
  margin-bottom:15px;
}
.caixa-numero-ideia .numero-ideia {
    font-size: 42px;
    color: var(--cor-ideia-legislativa);
    font-weight:bold;
}
.caixa-numero-ideia .texto-numero-ideia {
    font-size: 16px;
    /*
    margin-left: 56px;
    margin-top: 12px;
    line-height: 19px;
    */
}
.colecao-ideia-mais-popular > header {
  font-size: 16px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
  font-size: 23px;
  font-weight: bold;
  text-transform: uppercase;
}
.colecao-ideia-mais-popular a, 
 #content .colecao-ideia-mais-popular a:visited {
  color: #585858;
  font-weight: bold;
}
.resumo-ideia {
  color:#000;
  background-color: #fff;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 15px;
  padding: 15px 15px;
  border-radius: 5px;
}
.resumo-ideia > section {
    margin-bottom: 20px;
}
.resumo-ideia > section > a {
    font-size: 18px;
}
.resumo-ideia > section > div {
    font-size: 12px;
}

.btn-ideia-comissao{
 margin: 22px 0 15px;
}
.btn-enviar-ideia {
  padding: 8px 50px;
  font-size: 24px;
  font-weight: bold;
  border-radius: 0;
}
.video-principal-ideia{
    margin-bottom:1em;
}



.box-apoiamento-ideia {
  background: #efeaea none repeat scroll 0 0;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
}
.btn-apoiamento-ideia {
  border: 1px solid #cccccc;
  color: #ac982b;
  font-weight: bold;
  margin: 8px 0;
  padding: 5px 22px;
}

.sec-apoie-ideia {
  margin-top: 50px;
  text-align: center;
/*   border: 1px solid #ccc; */
}
.sec-apoie-ideia header {
  background-color: #efeaea;
  color: #8d8918;
  font-size: 16px;
  font-weight: bold;
  padding: 8px;
}
/* .sec-apoie-ideia #barra-voto { */
/*   padding: 36px 0; */
/* } */
#content #barra-voto .ideia-btn-apoio {
    background: darkgreen;
    color: white;
    width: 100%;
}
#nivel.ui-tabs .ui-tabs-panel {
  padding: 1px 0px;
}

.componente-grafico-ideia {
  margin-bottom: 22px;
}
.grafico-barra-ideia {
  background-color: #afafaf;
  border-radius: 12px;
  font-size: 16px;
  font-weight: bold;
  margin: 0 3% 0 0;
}
.part-barra {
  background-color: #3e6892;
  border-radius: 12px;
  color: #fff;
  height: 30px;
  line-height: 30px;
  white-space: nowrap;
  text-align: center;
}
.part-barra > span {
  padding-left: 16px;
}
.legenda-grafico-ideia {
  font-size: 18px;
  font-weight: bold;
  margin-left: 3%;
}
.legenda-grafico-ideia-qm {
  color: #777;
  font-size: 13px;
  font-style: italic;
  margin-right: 5%;
  text-align: right;
}

/* Gráfico Ideia Legislativa */
figure.grafico-ideia-legislativa {
}
figure.grafico-ideia-legislativa span:first-child {
}
figure.grafico-ideia-legislativa span:last-child {
    float: right;
}
figure.grafico-ideia-legislativa section {
  background-color: #aaaaaa;
  border-radius: 9px;
  margin-bottom: 4px;
}
figure.grafico-ideia-legislativa section div {
  background-color: var(--cor-produto);
  height: 8px;
  border-radius: 9px;
  max-width: 100%;
}
figure.grafico-ideia-legislativa header,
figure.grafico-ideia-legislativa footer {
  font-size: 16px;
  text-align: left;
  color: #000;
}
/* article#ideia-legislativa figure.grafico-ideia-legislativa { */
/*   margin: 23px 9%; */
/* } */

/*########################################
  Form Ideia Legislativa
  ########################################*/
form[class*=-ideiaform] #formfield-form-widgets-oficina {
    border-bottom: 3px solid var(--cor-ideia-legislativa);
    /* font-size: 18px */
}
form[class*=-ideiaform] #PainelOficinaLegislativa {
    background:var(--cor-ideia-legislativa);
    padding:15px 30px;
    border-radius:5px;
}
form[class*=-ideiaform] #formfield-form-widgets-codigo,
form[class*=-ideiaform] #formfield-form-widgets-codigo .formHelp,
form[class*=-ideiaform] #formfield-form-widgets-info {
    color: #fff;
}
form[class*="-ideiaform"] #formfield-form-widgets-codigo.error,
form[class*="-ideiaform"] #formfield-form-widgets-codigo.error .fieldErrorBox {
    background: var(--cor-ideia-legislativa);
    padding: 15px 5px;
    border-width: 2px;
    border-radius: 20px;
}
form[class*=-ideiaform] #PainelOficinaLegislativa section {
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 5px 15px;
}



/* Infra Tab */
.infra-tab {
    /* border: 1px solid #e5e5e5; */
    border-radius: 4px;
    /* background: #fff; */
    margin-bottom: 20px;
}
.infra-tab > ul {
    background: #f2f1f1;
    /* font-size: 12px; */
    /* border-bottom: 1px solid #e5e5e5; */
}
.infra-tab > ul > li {
}
.infra-tab > ul > li.active {
    /* top: 0; */
}
.infra-tab ul > li:hover {
    /* top: 1px; */
    box-shadow: 0px -1px 1px;
}
.infra-tab > ul > li > a {
}
.infra-tab > ul > li.active > a {
    box-shadow: 1px -1px 1px;
    outline: 0;
}
.infra-tab > .tab-content {
    background: linear-gradient(#fefefe, transparent);
    padding: 6px 12px;
}



/* Panel expansível */
.expansivel {
}
.expansivel a[data-toggle=collapse] {
  display: block;
  color: #006296;
}
.expansivel a[data-toggle=collapse]::before {
  font-family: arial;
  content: "\25BA";
  float: left;
  margin-right: 5px;
}
.expansivel a[data-toggle=collapse][aria-expanded=true]::before {
  transform: rotate(90deg);
}
.expansivel a[data-toggle=collapse]:focus {
  text-decoration: underline #ccc;
}
/* Panel expansível Content Border */
.expansivel-panel .collapse,
.expansivel-panel .collapsing {
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 3px;
  text-align: justify;
}

/* Panel Filter */
.panel-filter {
}
.panel-filter .filter-attribute {
  font-weight: bold;
  margin-right: 15px;
}
.panel-filter .filter-value {
  font-size: 15px;
}
.panel-filter ul {
  background-color: #337ab7;
}
.panel-filter li:hover {
  /* font-weight: bold; */
  cursor: pointer;
  margin-left: 3px;
}
.panel-filter a[data-toggle] {
  display: block;
}
.panel-filter a[data-toggle]::before {
  font-family: arial;
  content: "\25BA";
  float: left;
  margin-right: 5px;
}
.panel-filter a[data-toggle][aria-expanded=true]::before {
  transform: rotate(90deg);
}
.panel-filter a[data-toggle]:focus {
  text-decoration: underline #ccc;
}



/*########################################
  Libras
  ########################################*/
.libras {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}
.colecao-player-libras header {
    font-size: 16px;
    margin-bottom: 14px;
}
.colecao-player-libras section {
}
.colecao-player-libras hr {
    border-top-color: #ccc;
    margin-bottom: 50px;
}
.PortalTopo-toggler--libras {
    background-color: #004b93;
}



/* Home Consulta Publica */
.box-est-cp {
  border: 1px solid #ddd;
  color: #5a5a5a;
  min-height: 90px;
  margin-bottom: 20px;
  padding: 8px;
  text-align: right;
}
.box-est-cp header {
  color: var(--cor-produto);
  font-size: 35px;
  line-height: 45px;
}
.box-est-cp small {
    font-size: 15px;
}
.mais-cp {
    text-align: center;
    font-size: 19px;
}
.mais-cp .fa-check {
    color: darkgreen;
}
.mais-cp .fa-close {
    color: darkred;
}
.titulo-mais-populares{
   padding-left: 10px;
   font-size: 16px;
   border-bottom: 1px solid #ddd;
   margin-bottom: 15px;
   font-size: 23px;
   font-weight: bold;
   text-transform: uppercase;
}
.item-mais-populares {
  text-align: left;
  margin-bottom: 10px;
  line-height: 19px;
  color:#000;
  font-size: 14px;
}



#home {
  min-height: 500px;
  width: 995px;
  margin: 0 auto;
}
#e-fiscalizacao {
    float: left;
    width: 330px;
}

#e-legislacao {
    float: left;
    width: 330px;
}

#e-representacao {
    float: left;
    width: 330px;
}

.tituloBloco {
    display: block;
}

.itemBloco {
    display: block;
}

.banco-ideias {
    text-align: center;
}

.banco-ideias .pesquisa {
    float: left;
    width: 30%;
}
.banco-ideias .consulta {
    float: left;
    width: 70%;
}

.titulo-destaque-cidadania {
    color: #687F96;
    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
    font-size: 19px;
    font-weight: bold;
    padding-top: 20px;
}



p {
    margin: 0;
}

.texto-destaque-cidadania {
    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
    font-size: 13px;
    margin-bottom: 30px;
}

#cursosIlb {
    clear: right;
    float: right;
    margin-right: 100px;
    margin-top: -155px;
}

.descVideo {
    color: #205C90;
    font-size: 12px;
}


.descCursos {
    color: #205C90;
    font-size: 12px;
}

.leiaMaisCursos {
    font-size: 11px;
    font-weight: bold;
}

.leiaMaisCursos a{
  
}



#bloco3 h1, #bloco2 h1, #bloco1 h1{
  color: #425A82;
  font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
  font-weight:bold;
  font-size:19px;
}

.list {
    font-size: 12px;
    padding-left: 39px;
}


#list {
    margin-top: 16px;
}

.leiaMais {
    font-size: 11px;
    font-weight: bold;
    padding-left: 46px;
}

#contblocoe3 {
    margin: 15px;
    width: 260px;
}

#bloco{
    border-left: 1px dotted #CCCCCC;
    float: left;
    height: auto;
    width: 300px;
}

#contbloco2 {
    margin: 15px;
    width: 260px;
}

#contbloco3{
    margin: 15px;
    width: 260px;
}

#bloco1 {
    border-left: 1px dotted #CCCCCC;
    float: left;
    height: auto;
    width: 300px;
}


#contbloco1 {
    margin: 15px;
    width: 260px;
}

.ortlocal {
    clear: both;
    color: #333333;
    float: left;
    font-size: 14px;
    margin-left: -38px;
}
#conteudoPagina p {
    margin-bottom: 0;
    padding: 8px;
}

#list ul li a {
  border-bottom:0 none;
}
  
/* css dos formulários */

#frame {
/*     margin: 0 128px; */
/*     width: 676px; */
    text-align: center;
}

.titform h1 {
    color: #425a82;
    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
    font-size: 19px;
    font-weight: bold;
    padding-top: 20px;
}


.texto {
    color: #565656;
    font-family: "Trebuchet MS";
    font-size: 14px;
    text-align: justify;
}


.titBoxForm {
    background: url("../img/bullet_menor.jpg") no-repeat scroll left 4px transparent;
    color: #687F96!important;
    font-size: 15px;
    font-weight: normal;
    line-height: 15px;
    margin: 0 0 20px;
    padding: 0 0 0 10px;
}

.list li a {
    list-style-image: url("++resource++img/seta-down.png");
    margin-left: 2em;
}


/*
Alteração Educaçao
*/

.videoh1 h1 {
    color: #425A82;
}


.descVideo {
    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
    font-size: 11px;
}



/**
Basic
**/
.center {
  text-align: center;
}
.nodisplay {
    display: none;
}
.hidden {
    visibility: hidden;
}



/**
Widget
**/
.button {
    background-color: #E7E7E7;
    border-radius: 10px 10px 10px 10px;
    border-width: thin;
    font-size: 12px;
    margin: 10px;
    padding: 7px;
}
#informativo {
    color: #214462;
    font-size: 11px;
    font-weight: bold;
}



/**
Layout
**/



/**
Table
**/
.table {
  display: table;
  width: 100%;
}
.tr {
  display: table-row;
}
.td {
  display: table-cell;
}

.table-colecao {
    font-size: 9px;
    margin-left: 40px;
}
.table-colecao tr:nth-child(odd) {
    background: #eeeeee;
}
.table-colecao td {
    padding-right: 10px;
}
.table-colecao a {
    text-decoration: underline;
}

/**
Textareacount
**/
div.originalTextareaInfo {
    text-align: right;
}



/**
Fase II
**/
.box-line {
    float: left;
    width: 100%;
}
.box-line > div {
    overflow:auto;
}
#TituloSubcomissao {
    border-bottom: 3px solid #000000;
    color: #000000;
    font-size: 15px;
    height: 19px;
    margin: 25px 0 20px;
    padding-bottom: 2px;
    width: 98%;
    text-transform: uppercase;
}
#TituloSubcomissao .tituloAudiencia{
  display:inline-block;
  float:left;
}
#TituloSubcomissao .tituloAudienciaDir{
  display:inline-block;
  float:right;
  font-size: 0.8em;
}
#linkMaisComentarios{
    display: block;
    font-size: 0.8em;
    text-align: center;
    clear:both;
}
#voltarProjeto {
    display: table;
    float: right;
    margin: 20px 0;
}

#paginaComentarios {
    margin: 0 auto;
    width: 900px;
}
#paginaComentarios .titulo-comentarios {
    color: #3386AF;
}
.bt-comentar {
    background-image: url("++resource++img/audiencia/bt-comentar.png");
    border: 0 none;
    color: #FFFFFF;
    font-size: 11px;
    height: 24px;
    margin-top: 5px;
    width: 68px;
}



/**
ConsultaPublica
**/
#consulta-publica .box-left {
    float: left;
    width: 646px;
}
#consulta-publica .box-right {
    width: 324px;
}
#consulta-publica .box-superior{
}
#consulta-publica textarea {
  width: 98%;
}
.dispositivo {
  display: block;
  text-align: justify;
}
div.dispositivo {
  padding-bottom: 10px;
}
a.dispositivo {
  cursor: pointer;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
a.dispositivo:hover {
  border-top: 2px solid #3386AF;
  border-bottom: 2px solid #3386AF;
  color: orange;
}
a.dispositivo-click {
    background: #F5F5F5;
    border-top: 2px solid #3386AF;
    border-bottom: 2px solid #3386AF;
}

.cp-comentar {
  height: 24px;
  text-align: right;
  width: 537px;
}
.comentario-dispositivo #form-widgets-texto{
  min-height: 150px;
}
.nome-agrupador {
  text-align: center;
}
#box-like-dislike {
  font-size: 10px;
    text-align: right;
}
#box-like-dislike img {
    cursor: pointer;
}
#box-like-dislike img.transparent {
    opacity: 0.3;
}

#consulta-publica {
    color: #333333;
    font-size: 13px;
}
#topo-projeto {
    background: url("++resource++img/topo-projeto.png") no-repeat scroll 0 0 transparent;
    height: 42px;
    width: 646px;
    float:left;
}
#bloco-projeto {
    background: url("++resource++img/corpo-projeto.png") repeat-y scroll 0 0 transparent;
    float: left;
    height: auto;
    width: 646px;
    min-height: 800px;
}
#rodape-projeto {
    background: url("++resource++img/rodape-projeto.png") no-repeat scroll 0 0 transparent;
    height: 56px;
    width: 646px;
    float:left;
}
#box-cabecalho {
    float: left;
    height: auto;
    width: 100%;
}
#box-facebook {
    float: right;
    height: auto;
    margin: 0 20px 0 0;
    text-align: right;
    width: 40%;
}
#container-dispositivo {
    float: left;
    margin: 15px 0 0;
    overflow: auto;
    padding: 0 20px;
}
#linha-comentarios {
    border-bottom: 1px solid #003366;
    height: 47px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
#consulta-publica .info {
    color: #040707;
    font-size: 11px;
    text-align: center;
}
#img-ver-todas {
    float: left;
    height: auto;
    margin-top: 20px;
    width: 100%;
}
#totais #contador {
    background: url("++resource++img/fundo-totais.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 60px;
    margin: 12px;
    width: 82px;
}

#contador .labelCtd {
    font-size: 0.7em;
    text-align: center;
}
#contador .valorCtd {
    font-weight: bold;
    font-size: 2em;
    margin: 8px;
    text-align: center;
}
#caixa-comentarios {
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
}
#caixa-comentarios-topo{
    background: url("++resource++img/topo-comentarios.png") no-repeat scroll 0 0 transparent;
    width: 324px;
    height:34px;
    clear:both;
}

#box-comentarios {
    height: 400px;
    overflow: auto;
    padding: 14px;
    width: 300px;
}

#sidebar-comentario .linha-box-bot {
    border-bottom: 1px solid #D2D2D2;
    float: left;
    height: 8px;
    width: 312px;
}

#consulta-publica .titulo-comentarios {
    color: #41671F;
    font-size: 12px;
    font-weight: bold;
}
#titulo-sessao-comentarios{
    color: #41671F;
    font-size: 14px;
    text-align:center;
}
#consulta-publica .texto-comentarios {
    border-bottom: 1px dotted #CCCCCC;
    color: #333333;
    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
    font-size: 12px;
    margin-bottom: 5px;
    margin-left: 5px;
    cursor: default;
}
#consulta-publica .box-captcha {
    border: 1px solid #CCCCCC;
    float: left;
    height: auto;
    padding: 10px 4px;
    text-align: center;
    width: 240px;
}
form.pesquisa {
    border: 1px solid #CCCCCC;
    padding: 5px;
    width: 300px;
    font-size: 13px;
}
#ws-colecao-proposicao {
  margin-left: 30px;
}
.ws-proposicao {
  border-bottom: 1px dotted;
    cursor: pointer;
    font-size: 11px;
    padding-bottom: 10px;
    padding-top: 5px;
}
.ws-proposicao-invalida {
  border-bottom: 1px dotted;
    font-size: 11px;
    padding-bottom: 10px;
    padding-top: 5px;
}
.ws-proposicao > div {
    color: blue;
    font-weight: bold;
}
.barra-acao {
    margin-top: 5px;
    margin-bottom: 20px;
}
.barra-acao img {
    cursor: pointer;
    margin-right: 20px;
}
#epigrafe {
    font-weight: bold;
    text-align: center;
}
#ementa {
    float: right;
    font-weight: normal;
    height: auto;
    margin: 27px 15px 0 36px;
    text-align: justify;
/*     width: 46%; */
    width: 90%;
}
#preambulo {
    float: left;
    font-weight: normal;
    height: auto;
    margin: 27px 0 0 36px;
    text-align: left;
    width: 94%;
}
.omissis {
  padding-left: 50px;
}
.proposicao-rotulo {
  font-weight: bold;
}
.dispositivo-paragrafo {
  padding-left: 50px;
}
#rotulo-selecionado {
  background: #f5f5f5;
  text-align: center;
}
#form-comentario .fieldErrorBox {
  color: red;
}
.dispositivo-alteracao {
    font-size: 12px;
    padding-left: 55px;
}
.dispalterador {
    float: left;
    overflow: auto;
    padding: 0 40px 0 20px;
}

.dispalterado {
    float: left;
    margin: 0 33px;
    overflow: auto;
    padding: 0 40px 0 20px;
}
#consulta-publica #box-anexos {
    float: left;
    margin: 0 0 0 21px;
    width: 230px;
}

#consulta-publica span.btn-acao {
    color: #7A9165;
    cursor: pointer;
    font-size: 12px;
    margin-left: 10px;
    padding: 0 10px 0 20px;
    background-color: transparent;
    background-repeat: no-repeat;
}
#consulta-publica span.btn-acao-click {
    background-color: #DCE7F4;
    border-radius: 10px 10px 10px 10px;
}
#consulta-publica span.acao-favor {
    background-image: url("++resource++img/cp/acao-favor.png");
}
#consulta-publica span.acao-contra {
    background-image: url("++resource++img/cp/acao-contra.png");
}
#consulta-publica span.acao-modificar {
    background-image: url("++resource++img/cp/acao-modificar.png");
}
#consulta-publica span.acao-novo {
    background-image: url("++resource++img/cp/acao-novo.png");
}

#comentarios p.acao-favor {
    background: url("++resource++img/cp/acao-favor.png") no-repeat scroll 0 50% transparent;
    padding-left: 20px;
}
#comentarios p.acao-contra {
    background: url("++resource++img/cp/acao-contra.png") no-repeat scroll 0 50% transparent;
    padding-left: 20px;
}
#comentarios p.acao-modificar {
    background: url("++resource++img/cp/acao-modificar.png") no-repeat scroll 0 50% transparent;
    padding-left: 20px;
}
#comentarios p.acao-novo {
    background: url("++resource++img/cp/acao-novo.png") no-repeat scroll 0 50% transparent;
    padding-left: 20px;
}

/*########################################
  Evento Interativo
  ########################################*/
.color-evento-interativo {
  color: #117864;
  color: var(--cor-evento-interativo);
}
.back-color-evento-interativo {
  background-color: #117864;
  background-color: var(--cor-evento-interativo);
}
.back-evento-interativo {
/*   background-image: url("++resource++img/logo-evento-interativo-white.png"); */
}

#audiencia {
    color: #333333;
}
#bloco-coluna-esquerda {
    float: left;
    height: auto;
    width: 562px;
    margin-top: 10px;
}
#bloco-coluna-direita {
    float: right;
    margin-top: 10px;
    width: 430px;
}
#info-tv .texto-info{
    padding: 30px; 
    height: 229px;
    overflow: hidden;
}
#info-tv{
    border: 1px solid #1F537A;
    float: left;
    font-size: 1.1em;
    height: 326px;
    width: 560px;
}
#info-tv .info-titulo-audiencia{
    color: #063C66;
    font-weight: bold;
    padding: 0 0 20px;
}

#info-tv .info-complementares-audiencia {
    margin: 0 0 20px;
}

.info-descricao-audiencia {
    height: 140px;
    overflow: auto;
}

#audiencia .info {
    font-size: 18px;
    margin: 10px auto 0;
    text-align: left;
}



/*########################################
  Pesquisa Evento Interativo
  ########################################*/
.pesquisa-evento-interativo {
}
.pesquisa-evento-interativo figure {
  margin-bottom: 8px;
}
.pesquisa-evento-interativo figure img {
  width: 100%;
  /* max-width: 400px; */
  /* max-height: 200px; */
}
.pesquisa-evento-interativo hr {
  border-top-color: #ccc;
  margin-top: 15px;
  margin-bottom: 15px;
}

.sec-pesquisa-situacao-audiencia {
    font-size: 23px;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 0px;
    border-left: 8px solid var(--cor-situacao-audiencia, blue);
    padding-left: 5px;
}

.resumo-audiencia {
    background: #fff;
    font-size: 15px;
    margin-bottom: 15px;
    padding: 20px 5px;
    border-radius: 5px;
}
.resumo-audiencia figure {
    color: var(--cor-evento-interativo);
    font-size: 14px;
}
.resumo-audiencia figure header {
    margin-bottom: 8px;
}
.resumo-audiencia figure footer {
    text-align: center;
}
.resumo-audiencia figure footer img {
    width: auto;
    margin: 0 3px;
}
.resumo-audiencia figure footer em {
    font-style: normal;
    font-weight: bold;
}
.box-evento-interativo {
  font-size: 16px;
  /* margin-bottom: 23px; */
}
.box-evento-interativo header {
  margin-bottom: 12px;
}
.box-evento-interativo header span {
  display: inline-block;
  margin: 0 5px 2px 0;
  color: #888;
/*   background-color: #e6e5e5; */
/*   padding: 3px; */
/*   font-style: italic; */
}
.box-evento-interativo section {
  margin-bottom: 15px;
}
#content .box-evento-interativo section a {
  color: black;
  font-size: 18px;
  font-weight: bold;
}
.box-evento-interativo footer .comissao {
    color: #888;
    margin-bottom: 20px;
    font-weight: bold;
    /* font-size: 14px; */
}
.box-evento-interativo footer span {
    /* background-color: gray; */
    /* background-color: var(--cor-evento-interativo); */
    padding: 0px 3px;
}

.badge.ao-vivo {
    background-color: #c91633;
    color: #fff;
    font-style: normal;
    font-weight: normal;
    white-space: nowrap;
}

.link-mod-audiencia {
    font-size: 16px;
    cursor: pointer;
    display: none;
    transition: all 0.3s ease, transform 1s ease;
    float: right;
}
.link-mod-audiencia:hover {
  font-size: 24px;
  transform: rotate(360deg);
}

/* #container-evento-interativo .status-agendado { */
/*     background-color: #B78D00; */
/* } */
/* #container-evento-interativo .status-publicado { */
/*     background-color: #103DBA; */
/* } */
/* #container-evento-interativo .status-andamento { */
/*     background-color: #0D5E04; */
/* } */
/* #container-evento-interativo .status-encerrado { */
/*     background-color: #444444; */
/* } */



/*########################################
  Pesquisa Ferramenta Consulta Pública
  ########################################*/
#box-reunioes {
/*     border: 1px solid #D2D2D2; */
    display: table;
/*     padding: 10px; */
    width: 600px;
    margin-top: 15px;
}
#box-reunioes-topo {
    color: #FFFFFF;
    display: block;
    font-size: 0.8em;
    height: 22px;
    text-transform: uppercase;
    width: 195px;
}
#box-reunioes-cantoDir{
      background-image: url("++resource++img/convidados-dir2.png");
    height: 22px;
    width: 9px;
    float:left;
}
#box-reunioes-cantoEsq{
      background-image: url("++resource++img/convidados-esq2.png");
    height: 22px;
    width: 9px;
    float:left;
}
#box-reunioes-titulo{
    background-color: #324254;
    display: inline-block;
    float: left;
    height: 20px;
    padding: 1px 10px;
}
#reunioes-banners {
    float: left;
    margin: 23px 16px;
    width: 300px;
}
#info-reunioes {
    padding: 20px;
}

#box-consulta {
  margin-left: 15px;
  width: 580px;
}
#item-consulta {
  font-size: 0.9em;
  margin-bottom: 8px;
}

#info-alosenado {
    border: 1px solid #D2D2D2;
    display: table;
    margin: 0 0 10px;
    padding: 10px 10px 7px;
    text-align: center;
    width: 365px;
}

#info-alosenado img {
    float: left;
}
#info-alosenado .dscAloSenado {
    color: #08416D;
    float: left;
    font-weight: bold;
    margin: 10px 0 0 25px;
}
#info-alosenado-box {
    clear: both;
    padding: 0 24px;
}

#link-anexosEsq{
  background-image: url("++resource++img/anexos-cantoEsq.png");
  width:10px;
  height:30px;
  float:left;
}
#link-anexosDir{
  background-image: url("++resource++img/anexos-cantoDir.png");
  width:10px;
  height:30px;
  float:left;
}
#link-anexos {
    background-image: url("++resource++img/anexos-corpo.png");
    float: left;
    height: 25px;
    padding-top: 5px;
    text-align: center;
    width: 90%;
}
#link-anexos a{
    color:#fff !important;
}

#box-anexos-topo{
    color: #FFFFFF;
    display: block;
    font-size: 0.8em;
    height: 22px;
    margin: 0 0 0 38px;
    text-transform: uppercase;
    width: 195px;
}
#box-anexos-cantoDir{
      background-image: url("++resource++img/docs-dir.png");
    height: 22px;
    width: 9px;
    float:left;
}
#box-anexos-cantoEsq{
      background-image: url("++resource++img/docs-esq.png");
    height: 22px;
    width: 9px;
    float:left;
}
#box-anexos-titulo{
    background-color: #636363;
    border-bottom: 1px solid #D2D2D2;
    display: inline-block;
    float: left;
    height: 20px;
    margin: 1px 0 0;
    padding: 0 5px;
}
#box-anexos {
    float: left;
    margin: 0 0 0 21px;
    width: 391px;
}

.canto1 {
    background-image: url("++resource++img/box-canto1.png");
    float: left;
    height: 9px;
    width: 9px;
}
.canto2 {
    background-image: url("++resource++img/box-canto2.png");
    float: left;
    height: 9px;
    width: 9px;
}
.canto3 {
    background-image: url("++resource++img/box-canto3.png");
    float: left;
    height: 9px;
    width: 9px;
}

.canto4 {
    background-image: url("++resource++img/box-canto4.png");
    float: left;
    height: 9px;
    width: 9px;
    clear:both;
}

 .linha-box-top {
    border-top: 1px solid #D2D2D2;
    float: left;
    height: 9px;
    width: 373px;
}

.linha-box-bot {
    border-bottom: 1px solid #D2D2D2;
    float: left;
    height: 8px;
    width: 373px;
}

.titulo-convidados {
    margin: 0 !important;
}

.linha-box-bot-comentarios {
    border-bottom: 1px solid #D2D2D2;
    float: left;
    height: 8px;
    width: 544px;
}

#bordas-laterais {
    border-left: 1px solid #D2D2D2;
    border-right: 1px solid #D2D2D2;
    display: table;
    width: 390px;
}

#bordas-laterais-comentarios {
    border-left: 1px solid #D2D2D2;
    border-right: 1px solid #D2D2D2;
    display: table;
    width: 389px;
}

.box-conteudo-comentarios{
  margin-bottom: 30px;
}

#box-titAudiencia {
    background-color: #566D7F;
    color: #FFFFFF;
    margin: 0 0 6px;
    padding: 6px;
    text-align: center;
  }
#box-titComentarios-topo {
    color: #FFFFFF;
    display: block;
    height: 33px;
    margin: 0px 0px 0px 0px;
    text-transform: uppercase;
    width: 562px;
    font-size: 1.1em;
}
#box-titComentarios-cantoDir {
    background-image: url("++resource++img/convidados-dir.png");
    float: left;
    height: 33px;
    width: 9px;
}
#box-titComentarios-cantoEsq {
    background-image: url("++resource++img/convidados-esq.png");
    float: left;
    height: 33px;
    width: 9px;
}
#box-titComentarios-titulo {
    background-color: #566d7f;
    display: inline-block;
    float: left;
    height: 19px;
    padding: 0 5px;
    padding: 7px;
    width: 530px;
    text-align: center;
}

#box-convidados-topo {
    color: #FFFFFF;
    display: block;
    height: 33px;
    margin: 0px 0px 0px 21px;
    text-transform: uppercase;
    width: 395px;
    font-size: 1.1em;
}
#box-convidados-cantoDir {
    background-image: url("++resource++img/convidados-dir.png");
    float: left;
    height: 33px;
    width: 9px;
}
#box-convidados-cantoEsq {
    background-image: url("++resource++img/convidados-esq.png");
    float: left;
    height: 33px;
    width: 9px;
}
#box-convidados-titulo {
    background-color: #566d7f;
    display: inline-block;
    float: left;
    height: 19px;
    padding: 0 5px;
    padding: 7px;
    width: 360px;
    text-align: center;
}
#box-conteudo {
    float: left;
    height: auto;
    margin: 10px;
    max-height: 300px;
    overflow: auto;
    width: 95%;
}
#box-noticias-anexos {
    float: left;
    height: auto;
    margin: 5px 0;
    width: 100%;
}
#box-anexos ul {
    list-style: none;
    margin-left: 0;
}
.titulo-anexos {
    color: #3386AF;
    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
    font-size: 12px;
}
.texto-anexos {
    color: #333333;
    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
    font-size: 12px;
}
.tipo-arquivo {
    border-bottom: 1px dotted #CCCCCC;
    color: #333333;
    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
    font-size: 12px;
    margin-bottom: 20px;
}

#content #box-anexos a:link, #content #box-anexos a:visited {
    color: #636363;
    font-size: 12px;
}



/**
Audiencia Design 2018
**/

/* Cor situacao audiencia */
.situacao-audiencia-REGISTRADO {
  --cor-situacao-audiencia: #e3bd00;
}
.situacao-audiencia-AGENDADO {
  --cor-situacao-audiencia: #0011ff;
}
.situacao-audiencia-EM_ANDAMENTO {
  --cor-situacao-audiencia: #fe0100;
}
.situacao-audiencia-ENCERRADO {
  --cor-situacao-audiencia: #bababa;
}
.situacao-audiencia-CANCELADO {
  --cor-situacao-audiencia: #000000;
}

/* Carousel Audiencia */
/* Background com gradient*/
#carousel-audiencia .slide .active::before {
  /* opacity: .5; */
  background: linear-gradient(rgba(0,0,0,0) , rgba(0,0,0,0.7) 70%);
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  content: no-open-quote;
  color: transparent;
}
/* Barra com cor da situacao */
#carousel-audiencia .carousel-caption::after {
  background: blue;
  background: var(--cor-situacao-audiencia, blue);
  width: 8px;
  height: 95%;
  position: absolute;
  bottom: 5px;
  left: 10px;
  content: no-open-quote;
}
#carousel-audiencia .carousel-caption::before {
  background: transparent;
}
#carousel-audiencia .carousel-control,
#carousel-audiencia .carousel-indicators {
  display: none;
}
#carousel-audiencia .carousel-caption {
  padding-bottom: 0;
  padding-left: 25px;
  text-align: left;
}
#carousel-audiencia .carousel-caption span {
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
}
#carousel-audiencia .carousel-caption .glyphicon {
  float: left;
  font-size: 40px;
  margin-right: 10px;
  margin-bottom: 5px;
}

.pesquisa-evento-interativo #carousel-audiencia .carousel-caption {
  min-height: 30%;
  vertical-align: middle;
}
.pesquisa-evento-interativo #carousel-audiencia .carousel-caption .glyphicon {
  display: none;
}

.pesquisa-evento-interativo .situacao-audiencia-ENCERRADO .active > img,
.pesquisa-evento-interativo .situacao-audiencia-CANCELADO .active > img {
  filter: grayscale(85%);
}
.pesquisa-evento-interativo .situacao-audiencia-ENCERRADO .active > img:hover,
.pesquisa-evento-interativo .situacao-audiencia-CANCELADO .active > img:hover {
  filter: grayscale(0%);
}

#container-comentario {
  border-left: 1px solid #ddd;
  padding-left: 5px;
}

#container-documento {
margin-top: 30px;
}

/* Audiencia Player */
#container-video {
    z-index: 1;
}
#container-video footer {
/*     min-height: 16px; */
}
#sem-video-gravado {
  height: 292px;
  background-image: url("++resource++img/senado.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.5;
  border: 2px solid;
  margin: 10px;
}
.instalacao-plugin {
  text-align: right;
}
.instalacao-plugin a {
  color: #999999;
  cursor: pointer;
  font-size: 11px;
}

/* Comentario */
#div-comentarios {
}
#div-comentarios textarea {
    width: 100%;
    height: 100px;
}
.check-termo-uso a {
    text-decoration: underline;
}
#audiencia label {
  font-weight: normal;
}

#audiencia #comentarios {
/*     border: 1px solid #CCCCCC; */
/*     max-height: 520px; */
/*     overflow: auto; */
/*     padding: 0 10px; */
  margin-top: 20px;
  margin-bottom: 30px;
  clear: both;
}
#audiencia .comentario {
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right:5px;
  border-bottom: 1px solid #CCCCCC;
}
#audiencia .comentario-lido {
  border: 1px solid #117864;
  padding-top: 5px;
}

#audiencia .link-mais-comentarios {
    text-align: center;
    border: 1px solid #ddd;
    margin: 0 20%;
    margin-bottom: 30px;
    padding: 10px;
    color: var(--cor-consulta-publica);
    cursor: pointer;
    display: none;
}

#audiencia .btn-dialog-comentario {
  text-align: center;
  padding: 10px;
  background-color: #117864;
  color: #fff;
  border: 1px solid #ddd;
  text-decoration: none;
  margin-top: 10px;
  display: block;
  font-size: 20px;
  border-radius: 6px;
  font-weight:bold;
}
#audiencia .btn-dialog-comentario:visited {
  color: #fff;
}

#audiencia .link-votar {
  text-align: center;
  padding: 10px;
  background-color: #427597;
  color: #fff;
  border: 1px solid #ddd;
  text-decoration: none;
  margin-top: 10px;
  display: block;
  font-size: 20px;
  border-radius: 6px;
  font-weight:bold;
}
#audiencia .link-votar:visited {
  color: #fff;
}

.link-declaracao-participacao span {
  background: #117864;
  color: white;
  display: inline-block;
  font-size: 15px;
  cursor: pointer;
  padding: 5px 15px;
  border-radius: 3px;
  transition: all 0.3s ease;
}
.link-declaracao-participacao span:hover {
  padding: 8px 15px;
}
.link-declaracao-participacao span i {
  font-size: 15px;
}



#audiencia .sec-barra-audiencia {
  height: 70px;
  background: #ebebeb;
}

/* Bootstrap Placeholder */
/* .form-control::-moz-placeholder { */
/*   color: #999; */
/*   opacity: 1; */
/*   font-size: 15px; */
/* } */

/* Placeholder. Utilizar .form-control */
.textarea-comentario-audiencia::-webkit-input-placeholder {
  color: #555;
  opacity: 1;
  font-size: 15px;
}
.textarea-comentario-audiencia::-moz-placeholder {
  color: #555;
  opacity: 1;
  font-size: 15px;
}
.textarea-comentario-audiencia:-ms-input-placeholder {
  color: #555;
  opacity: 1;
  font-size: 15px;
}

.acc-visualizacao-audiencia .panel-heading {
  color: #427597;
}
.acc-visualizacao-audiencia a[data-toggle] {
  display:block;
}
.acc-visualizacao-audiencia a[data-toggle]::after {
  font-family: arial;
  content: "\25BC";
  float: right;
}
.acc-visualizacao-audiencia a[data-toggle].collapsed::after {
  content: "\25BA";
  /* transform: rotate(90deg); */
}

.acc-visualizacao-audiencia .panel-default {
  margin-bottom:25px; 
}
.acc-visualizacao-audiencia .panel-default .panel-heading {
  background-color: #fff; 
}

.impressao-comentarios-audiencia{
  float: right;
  font-size: 12px;
}
.impressao-comentarios-audiencia:before {
    font-family: 'Glyphicons Halflings';
    content: "\e045";
    float: left;
    color: #427597;
    margin-right: 3px;
}

.link-comentario-telefone{
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 15px;
}
.link-comentario-telefone:before {
    font-family: 'Glyphicons Halflings';
    content: "\e183";
    color: #427597;
    margin-right: 5px;
}

#audiencia div.originalTextareaInfo {
  font-size:11px;
  text-align: left;
}

#audiencia .titulo-comentarios {
  font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
  font-size: 13px;
  font-weight: bold;
}

#audiencia .horadata-comentarios {
    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
    font-size: 10px;
    padding-bottom: 5px;
}

.texto-comentarios {
  color: #333333;
  font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
  font-size: 12px;
  padding-bottom: 5px;
}

#audiencia .momento-comentario {
  background: #117864;
  color: white;
  font-size: 11px;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 10px;
  padding: 2px 2px 2px 10px;
  transition: all 0.1s ease;
}
#audiencia .momento-comentario > span {
  background: white;
  color: #117864;
  padding: 0 5px;
  margin-left: 10px;
}
#audiencia .momento-comentario:hover {
  border-left: 5px solid #ddd;
  border-radius: 3px;
}
#audiencia .momento-comentario i {
  color: #aaa;
  font-size: 80%;
  transition: all 0.5s ease;
  margin-left: 5px;
}
#audiencia .momento-comentario:hover i {
  margin-left: 10px;
  color: #686868;
}

#audiencia .container-video-detached {
    position: fixed;
    bottom: 30px;
    left: 140px;
    width: 43%;
    max-width: 500px;
}
#audiencia .container-video-detached .glyphicon-share {
    background-color: #fff;
    font-size: 20px;
    outline: 1px solid #000;
    border-radius: 8px;
    padding: 5px;
}

.audiencia-titulo {
    color: #444444;
    font-size: 24px;
    margin-bottom: 12px;
    line-height: 24px;
    margin-top: 12px;
    clear: both;
}
.audiencia-data {
    color: #444444;
    font-size: 12px;
    margin-bottom: 10px;
    font-weight: bold;
}

.wrap-comentario {
}
.wrap-comentario input[type="text"] {
  display: inline;
  width: 100%;
  max-width: 80px;
  background-color: #555;
  color: white;
  border: 1px solid black;
  border-radius: 5px;
  text-align: right;
  padding: 3px;
  font-weight: bold;
  font-family: sans-serif;
}
.wrap-comentario input[type="text"]:focus {
}
.modlc-momento > section {
    display: inline-block;
}
.modlc-momento-header {
    margin-bottom: 15px;
    text-decoration: underline;
}
.modlc-momento i.fa-check-circle {
  color: green;
}
.modlc-command {
  white-space: nowrap;
  font-size: 15px;
}
.modlc-command i {
    cursor: pointer;
    transition: all 0.3s;
}
.modlc-command i:hover {
  font-size: 19px;
}
.modlc-command i.modlc-instant:hover {
  transform: rotate(360deg);
}
.modlc-command i.modlc-del {
  float: right;
}
.modlc-command i.modlc-del:hover {
  color: #d9534f;
}

#audiencia .tag-collection {
  margin-top:10px;
}
.audiencia-tag {
  color: #444444;
  font-size: 16px;
  margin-bottom: 10px;
  background: #ddd;
  font-style: italic;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 5px;
  line-height: 36px;
}
.audiencia-titulo {
    color: #444444;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 23px;
    line-height: 24px;
}
.audiencia-agenda {
    color: #444444;
    font-size: 12px;
    margin-bottom: 10px;
}
.audiencia-situacao {
    font-size: 12px;
}
.audiencia-local {
}
.audiencia-finalidade {
    font-size: 14px;
}
.audiencia-pauta {
    margin-bottom: 10px;
}
.audiencia-topico {
    font-size: 23px;
    margin-bottom: 15px;
    line-height: 23px;
}

.box-comentarios-titulo {
  font-size: 18px;
  font-weight: bold;
  border-bottom: 3px solid #ddd;
}
.titulo-comentarios-audiencia{
  background-color: #ddd;
  padding-right: 10px;
}

.audiencia-alo-senado {
  margin-bottom: 30px;
  text-align: center;
}
.audiencia-alo-senado img {
  max-width: 100%;
}

/* Convidado */
#box-convidados {
  margin-bottom: 30px;
}
.convidado-documento {
    font-size: 11px;
    padding-left: 30px;
    text-decoration: underline;
}

/* Anexo */
.colecaoAnexo {
}
.box-anexo {
  clear: both;
  margin-bottom: 10px;
  min-height: 50px;
}
.box-anexo-img {
    float: left;
    margin-right: 5px;
}
.box-anexo-texto {
    padding-left: 5px;
}
.titulo-anexo {
    font-size: 12px;
    font-weight: bold;
}
.descricao-anexo {
    font-size: 12px;
}

/* Aviso */
#container-aviso {
}
.audiencia-aviso {
    background-color: #F3F3F3;
    background-image: url("++resource++img/audiencia/icon-aviso-ecidadania.png");
    background-position: 1px center;
    background-repeat: no-repeat;
    color: #333333;
    margin: 10px 0px;
    padding: 20px 20px 15px 60px;
    position: relative;
}
.aviso-close {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

/* Declaração de participação */
.validacao-declaracao {
}
.validacao-declaracao h3 {
  margin: 40px 0;
  text-align: center;
}
.validacao-declaracao .sec-validacao-declaracao {
  text-align: center;
  font-size: 19px;
  margin-bottom: 50px;
}
.validacao-declaracao .declaracao-texto {
  margin-bottom: 35px;
}
.validacao-declaracao .cidadao-nome {
  font-weight: bold;
  text-transform: uppercase;
}
.validacao-declaracao .cidadao-email {
  text-transform: lowercase;
}
.validacao-declaracao .declaracao-data {
  text-align: right;
  font-size: 19px;
  margin-bottom: 50px;
}
.validacao-declaracao .declaracao-logo img {
  width: 22%;
  max-width: 260px;
  margin-right: 30px;
}
.validacao-declaracao .sec-validacao-declaracao-comentario {
  text-align: left;
  font-size: 14px;
  margin: 80px 70px;
}
.validacao-declaracao .declaracao-endereco {
  text-decoration: underline;
  margin-bottom: 30px;
  display: inline-block;
}
.validacao-declaracao .declaracao-comentario {
  font-size: 12px;
  margin-bottom: 15px;
}
.validacao-declaracao .declaracao-comentario header {
  font-weight: bold;
  margin-bottom: 2px;
}
.validacao-declaracao .declaracao-leitura-comentario {
  background: #117864;
  color: white;
  font-size: 11px;
  display: inline-block;
  margin-bottom: 5px;
  padding: 2px 5px;
}



#moderacao-comentario .texto-comentarios-moderacao {
    border-bottom: 1px dotted #CCCCCC;
    color: #333333;
    font-size: 12px;
    margin-bottom: 20px;
    width: 500px;
}
.moderacao-quantidade {
    font-weight: bold;
    padding-left: 20px;
    padding-right: 40px;
}

.ui-tabs .tabs-nav-small {
    font-size: 10px;
}

#peticao-informacao-audiencia {
    margin-left: 20px;
    margin-bottom: 50px;
}
#peticao-informacao-audiencia .t1 {
    color: #4F8CBD;
    font-size: 20px;
    font-weight: bold;
}
#peticao-informacao-audiencia .t2 {
    font-size: 15px;
    font-weight: bold;
}
#peticao-informacao-audiencia .t3 {
  font-size: 13px;
}



/**
Moderacao
**/
.comentario-moderacao {
  clear: both;
  margin-left: 60px;
  padding-top: 3%;
}
.comentario-moderacao > div {
  float: left;
  padding-left: 5%;
}
.comentario-moderacao img {
    cursor: pointer;
  height: 40px;
    width: 60px;
}

table.grid-moderacao {
    margin: auto;
    width: 95%;
}
table.grid-moderacao tr {
    vertical-align: top;
}
table.grid-moderacao td {
    
}
table.grid-moderacao th {
    background: #DCD5A7;
}



/* Cidadao */
.termoDominioMail {
  border: 1px solid orange;
  padding: 7px;
  border-radius: 5px;
  margin: 0 0 15px 0;
}



#participacao-cidadao {
  font-size: 11px;
  margin: auto;
  width: 95%;
  text-align: left;
}
#participacao-cidadao .sec-cidadao {
  border: 1px solid #ccc;
  margin-bottom: 22px;
  border-radius: 3px;
  padding: 8px;
  background-color: #ebebeb;
}
#participacao-cidadao #cidadaoNome {
  font-size: 12px;
  margin: 0 18px;
  text-transform: capitalize;
}
#participacao-cidadao #cidadaoEmail {
  font-size: 12px;
  font-weight: bold;
  text-transform: lowercase;
}
#participacao-cidadao #cidadaoConfirmado {
  margin: 30px;
  font-size: 12px;
  color: green;
}
#participacao-cidadao #cidadaoNaoConfirmado {
  margin: 30px;
  font-size: 12px;
  color: #b43c40;
}
#participacao-cidadao .colecaoContaRedeSocial {
  margin-left: 15px;
}
#participacao-cidadao header {
  border-bottom: 1px solid #ccc;
  font-size: 16px;
  margin-bottom: 10px;
  text-align: center;
}
#participacao-cidadao img.cmd-produto {
  margin: 14px 0;
}
#participacao-cidadao .data {
  font-size: 80%;
  font-weight: bold;
}
#participacao-cidadao .situacao {
  color: navy;
  font-size: 80%;
  font-weight: bold;
}
.participacao-cidadao-form {
  border: 1px solid #dedede;
  margin-bottom: 23px;
  padding: 12px;
}
.participacao-cidadao-form input {
  margin-right: 8px;
  text-align: center;
}

.form-erro-validacao {
    font-size: 13px;
    color: red;
}

span.tab-count {
    color: darkred;
    font-size: 12px;
}

#horizon {
    width: 100%;
    height: 100%;
    min-height: 100%;
    background: #cccccc;
    overflow: hidden;    
}

#header, #footer {
    width: 480px;
    height: auto;
    overflow: hidden;
    background: teal;
    padding: 10px;
    color: #ffffff;
}

#wrapper {
    width: 500px;
    height: auto;
    overflow: hidden;
    background: #ffffff;
    margin: 0 auto;
}

#content-wrapper {
    width: 100%;
    height: auto;
    overflow: hidden;
}




#sidebar-comentario {
  float: right;
  background-color: white;
  /* 
  z-index: -1;
  */
}

.sidebar-comentario-fixed {
  position: fixed;
  top: 0;
  right: 8px;
}


/**
Moderacao
**/
#moderacao-filtro {
    float: left;
    margin-left: 50px;
    margin-bottom: 20px;
    margin-top: 15px;
}

.moderacao-quant {
    font-size: 80%;
    margin-left: 12px;
}



/*########################################
  Consulta Publica [Materia]
  ########################################*/
.color-consulta-publica {
  color: #3E63F6;
  color: var(--cor-consulta-publica);
}
.back-color-consulta-publica {
  background-color: #3E63F6;
  background-color: var(--cor-consulta-publica);
}
.back-consulta-publica {
/*   background-image: url("++resource++img/logo-consulta-publica-white.png"); */
}

article#materia-legislativa {
	margin-bottom: 100px;
}

.link-consulta-publica-box {
  margin-bottom: 30px;
}
.link-consulta-publica-box .glyphicon-file {
  color: var(--cor-consulta-publica);
}

.light-text {
  color: #888;
}

select.materia-sigla {
    width: 295px;
}

.materia-identificacao {
    font-size: 18px;
    margin-bottom: 30px;
}
.materia-identificacao header {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  display: inline;
}
.materia-identificacao section {
  font-size: 16px;
  margin-bottom: 30px;
  display: inline-block;
}
.materia-identificacao footer {
    font-size: 16px;
    line-height: 22px;
}
.materia-ementaExplicacao {
    margin-bottom: 25px;
}
.materia-autor {
    margin-bottom: 30px;
}
.materia-autor header {
    font-size: 12px;
    font-weight: bold;
}
.materia-autor section {
}
.materia-votacao {
  text-align: center;
  margin-bottom: 30px;
}
.titulo-materia-ti {
    margin-bottom: 16px;
}
.titulo-materia-ti header {
    font-weight: bold;
}
.borda-interna {
    margin: auto;
    width: 95%;
}
.linha-topico {
    background: #ddd;
    height: 5px;
    margin-bottom: 12px;
}
.link-materia {
    background: #EEE9E9;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
    white-space: nowrap;
}
#content a.link-materia:link, #content a.link-materia:visited {
/*     color: #8A814C; */
    color: #555;
}
.grupo-texto-integral {
    background: #DDDDDD;
    font-weight: bold;
    height: 30px;
}
.titulo-apoie-materia {
    color: #AD913E;
    font-size: 16px;
    font-weight: bold;
}
.tramitacao-encerrada {
    color: #555;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}
.identificacao-materia {
    color: #777777;
    font-size: 16px;
    font-weight: bold;
}
.cp-msg-result {
    font-size: 19px;
    margin-bottom: 15px;
}
.cp-pergunta {
    color: var(--cor-produto);
    font-size: 19px;
    margin-bottom: 12px;
}
#content #barra-voto a {
    border-radius: 0;
    font-weight: bold;
    font-size: 18px;
    padding: 5px 15%;
    cursor: pointer;
    white-space: nowrap;
}
#content #barra-voto a:hover {
    color: white !important;
    text-decoration: none;
/*     font-size: 19px; */
}
#content #barra-voto .mti-btn-voto-favor {
    background: darkgreen;
    color: white;
/*     color: darkgreen; */
}
/* #content #barra-voto a.mti-btn-voto-favor:hover { */
/*     background: darkgreen; */
/* } */
#content #barra-voto .mti-btn-voto-contra {
    background: darkred;
    color: white;
/*     color: darkred; */
}
/* #content #barra-voto a.mti-btn-voto-contra:hover { */
/*     background: darkred; */
/* } */
/* #content #barra-voto a img { */
/*     vertical-align: middle; */
/*     width: 30px; */
/* } */
/* .bloco-result-votos span { */
/*   font-family: "Trebuchet MS","Times New Roman"; */
/*   font-size: 19px; */
/*   margin-right: 5px; */
/*   margin-left: 22px; */
/*   vertical-align: middle; */
/* } */
/* .bloco-result-votos img { */
/*   margin-right: 8px; */
/*   width: 40px; */
/* } */
.informativo-voto {
  color: #214462;
  font-size: 16px;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 16px;
  display: none;
}
.text-voto-favor {
    color: #5cb85c;
    font-weight: bold;
}
.text-voto-contra {
    color: #d9534f;
    font-weight: bold;
}
#msg-contabilizacao-voto {
  font-size: 11px;
  text-align: center;
  font-weight: normal;
  margin-bottom: 20px;
}
.share-bar {
    margin: 23px 0;
}
.container-video-materia {
    margin: 10px auto 43px auto;
    /* width: 50%; */
}
.res26 {
    color: #555;
    font-size: 12px;
    text-align: center;
    width: 85%;
    margin: 0 auto 30px auto;
}
.res26 a {
  color: #205c90 !important;
}

/* Gráfico Consulta Pública */
figure.grafico-consulta-publica {
}
figure.grafico-consulta-publica span:first-child {
}
figure.grafico-consulta-publica span:last-child {
    float: right;
}
figure.grafico-consulta-publica section {
  background-color: #ac2925;
  border-radius: 9px;
}
figure.grafico-consulta-publica section div {
  background-color: var(--cor-produto);
  height: 8px;
  margin-bottom: 4px;
  border-radius: 9px;
}
figure.grafico-consulta-publica header,
figure.grafico-consulta-publica footer {
  font-size: 16px;
  text-align: left;
  color: #000;
  font-weight: bold;
}
article#materia-legislativa figure.grafico-consulta-publica {
  margin: 23px 9%;
}

/* Celular */
.sec-votacao-celular {
    bottom: 0px;
    z-index: 1;
    background-color: #fff;
    padding-top: 8px;
    border-top: 1px solid #e5e5e5;
    box-shadow: 0 -2px 6px #d5d5d5; /* #00000029 */
}
#content .sec-votacao-celular #barra-voto a {
  margin-bottom: 8px;
}

/*########################################
  Pesquisa Consulta Publica
  ########################################*/
.resumo-materia {
    background-color: #fff;
    font-size: 15px;
    margin-bottom: 25px;
    padding: 8px 08px;
    border-radius: 5px;
}
.resumo-materia > header {
    font-size: 18px;
}
#container-consulta-publica .resumo-materia > header a {
  color: #808080;
  font-weight: bold;
}
.resumo-materia > section {
  font-size: 16px;
  margin-bottom: 5px;
}
.resumo-materia > section > a,
.resumo-materia > section > a:visited {
  color: inherit;
}
.resumo-materia > footer {
  text-align: center;
  font-size: 12px;
}
.resumo-materia a:hover {
    text-decoration: none;
}
.btn-pesquisar-materia {
color: white;
    font-weight: bold;
    border-radius: 0px;
    padding: 6px 39px;
    border: 1px solid transparent;
    height: 30px;
}
#filtros-materia{
  border: 1px solid #cccccc;
  padding-top: 20px;
  padding-bottom: 20px; 
  margin-bottom: 25px;
  display:none;
}



.apoio-form {
}
.apoio-form form {
    border: 1px solid #CCCCCC;
}
.apoio-form #form .field {
    margin: 20px;
}
.apoio-form #form .field label {
    color: #8D8918;
    font-size: 1.2em;
}
.apoio-form form #form-widgets-captcha {
    width: 145px;
}
.apoio-form form img {
    margin-left: 20px;
}
.apoio-form form .formControls {
    background: none repeat scroll 0 0 #EFEAEA;
    border: 0 none;
    margin: 0px;
    height: 45px;
    text-align: center;
}
.apoio-form form .formControls input {
    background: url("++resource++img/imagem-link.png") no-repeat scroll 0 0 #EFEAEA;
    border: 1px solid #CCCCCC;
    color: #AC982B;
    font-weight: bold;
    height: 30px;
    margin: 10px;
    padding: 3px 0 3px 22px;
}
.apoio-form-titulo {
    font-family: arial;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 5px solid black;
    margin-bottom: 15px;
}
.apoio-form-descricao {
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
}

/* .link-opine { */
/*     float:right;  */
/*     background: #e9eaa0; */
/*     font-weight: bold; */
/*     padding-left: 10px; */
/*     padding-right: 10px; */
/*     border-radius: 5px; */
/* } */
.link-opine {
  padding-left: 40px;
  padding-right: 40px;
  margin: 22px 0;
}

.destaque-texto-novo {
    background: none repeat scroll 0 0 #B0AA86;
    font-size: smaller;
    padding-left: 5px;
    padding-right: 5px;
}

/* #content a.link-opine:link, #content a.link-opine:visited { */
/*     color: #77782d; */
/* } */

.tip-palavra-chave {
    font-size: 11px;
}





select{
  margin:0px;
}

/*########################################
  Menu Superior
  ########################################*/
  
#menu-borda
{
  background: url("++theme++senado.tema/ecidadania/img/bgNovoMenu.gif") no-repeat #fff;
  color: #ddd;
  height: 35px;
  padding-top: 6px;
  margin-top: 10px;
  text-align: center;
  width: 985px;
}

/*########################################
  Estrutura do conteúdo
  ########################################*/

#conteudoPagina
{
  color: #333333;
  cursor: default;
  float: left;
  font-size: 13px;
  margin: 0 0 0 0;
  padding-top: 0 10px 10px 0;
  width: 990px;
}
#conteudoPagina p
{
  padding: 8px;
}
#conteudoPagina a
{
  text-decoration: none;
}
#conteudoPagina a:hover
{
  text-decoration: underline;
}

/*########################################
  Estilo do menu
  ########################################*/
  
.linkMenu
{
  color: #6b6b6b;
  font: normal 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  text-decoration: none;
}
a.linkMenu
{
  color: #6b6b6b;
  text-decoration: none;
}
a.linkMenu:hover
{
  color: #6594d3;
  text-decoration: none;
}

/*########################################
  Estilo das caixas
  ########################################*/
  
#caixa-fiscalizacao
{
  display: none;
  float: left;
  height: auto;
  margin: 30px 10px 10px;
  width: 300px;
}
#caixa-legislacao
{
  display: none;
  float: left;
  margin: 30px 10px 10px;
  width: 300px;
}
#caixa-representacao
{
  display: none;
  float: left;
  margin: 30px 10px 10px 32px;
  width: 300px;
}

/*########################################
  Efeito dos botões
  ########################################*/
.botao-fiscalizacao
{
  float: left;
  height: 155px;
  margin: 0px;
  padding: 0px;
  width: 248px;
}
.botao-fiscalizacao a
{
  background-image: url("++resource++img/caixa-efiscalizacao-desfoque.png");
  display: block;
  height: 155px;
  width: 248px;
}
.botao-fiscalizacao a:hover
{
  background-image: url("++resource++img/caixa-efiscalizacao.png");
  display: block;
  height: 155px;
  width: 248px;
}
.botao-legislacao
{
  float: left;
  height: 155px;
  margin: 0px;
  padding: 0px;
  width: 248px;
}
.botao-legislacao a
{
  background-image: url("++resource++img/caixa-elegislacao-desfoque.png");
  display: block;
  height: 155px;
  width: 248px;
}
.botao-legislacao a:hover
{
  background-image: url("++resource++img/caixa-elegislacao.png");
  display: block;
  height: 155px;
  width: 248px;
}
.botao-representacao
{
  float: left;
  height: 155px;
  margin: 0px;
  padding: 0px;
  width: 248px;
}
.botao-representacao a
{
  background-image: url("++resource++img/caixa-erepresentacao-desfoque.png");
  display: block;
  height: 155px;
  width: 248px;
}
.botao-representacao a:hover
{
  background-image: url("++resource++img/caixa-erepresentacao.png");
  display: block;
  height: 155px;
  width: 248px;
}

/*########################################
  Estilo dos blocos
  ########################################*/
#bloco1
{
  float: left;
  height: auto;
  width: 300px;
  border-left: 1px dotted #CCC;
}
#bloco2
{
  border-left: 1px dotted #CCC;
  float: left;
  height: auto;
  width: 320px;
}
#bloco3
{
  float: left;
  height: auto;
  width: 310px;
}

/*########################################
  Conteudo dos blocos
  ########################################*/
  
#conteudo-bloco2
{
  float: left;
  margin-left: 10px;
  width: 90%;
}
#bloco-coluna1
{
  float: left;
  margin-top: 10px;
  padding-bottom: 20px;
  margin-left: 10px;
}
#bloco-coluna1-banner
{
  padding-bottom: 12px;
  width: 100%;
}
#listaSenadoresEmExercicioSgls {
    margin-bottom: 18px !important;
}
#divPontilhada{
  border-bottom: 1px dotted #537636;
  margin-bottom: 10px;
}
#bloco-coluna2
{
  border-bottom: 1px dotted #8d8918;
  float: left;
  margin-top: 10px;
  padding-bottom: 10px;
  width: 100%;
}
#bloco-coluna3 {
    border-bottom: 1px dotted #607EB0;
    float: left;
    margin-left: 0;
    margin-top: 10px;
    padding-bottom: 10px;
    width: 300px;
}
#bloco-veja
{
  float: left;
  margin-top: 10px;
  padding-bottom: 10px;
  text-align: right;
  width: 100%;
}

#bloco-coluna1 a{
  color:black !important;
}

/*########################################
  Páginas internas
  ########################################*/
.titulo-destaque-verde
{
  color: #537636;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 14px;
  font-weight: bold;
}
.titulo-destaque-azul
{
  color: #425a82;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 14px;
  font-weight: bold;
}
.secao-destaque-amarelo
{
  color: #8d8918;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 15px;
  font-weight: bold;
}
.titulo-destaque-amarelo
{
  color: #8d8918;
  font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
  font-size: 13px;
}
.titulo-destaque-amarelo a, a.titulo-destaque-amarelo:link
{
  color: #8d8918;
  text-decoration: none;
}
a.titulo-destaque-amarelo:hover
{
  color: #8d8918;
  text-decoration: underline;
}
.texto-destaque
{
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 12px;
}
.texto-destaque a, a.texto-destaque:link
{
  color: #333;
  text-decoration: none;
}
.retranca-destaque
{
  color: #537636;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 10px;
}
a.texto-destaque:hover
{
  text-decoration: underline;
}
.caixa-img-principal
{
  background-color: #999;
  float: left;
  height: 220px;
  margin-bottom: 10px;
  margin-left: 8px;
  text-align: center;
  width: 450px;
}
.caixa-img-conteudo
{
  float: left;
  height: auto;
  margin-bottom: 5px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 12px;
  width: auto;
}
.caixa-img-conteudo-principal
{
  float: left;
  height: auto;
  margin-bottom: 10px;
  margin-left: 15px;
  margin-top: 10px;
  width: auto;
}
.tarja-noticia
{
  background-color: #CCC;
  color: #333;
  float: left;
  height: auto;
  margin-bottom: 10px;
  padding: 10px 0 10px 0;
  width: 285px;
}
.tarja-noticia-default
{
  background-color: #CCC;
  color: #333;
  float: left;
  height: auto;
  margin-bottom: 10px;
  padding: 10px 0 10px 0;
  width: 270px;
}
#coluna-esquerda
{
  float: left;
  height: auto;
  margin: 20px 10px 20px 22px;
  width: 500px;
}
#coluna-direita
{
  float: left;
  height: auto;
  margin: 13px 10px 20px 10px;
  width: 400px;
}
#coluna-1
{
  float: left;
  height: auto;
  margin: 13px 10px 20px 10px;
  width: 300px;
}
#coluna-2
{
  float: left;
  height: auto;
  margin: 13px 10px 20px 10px;
  width: 300px;
}
#coluna-3
{
  float: left;
  height: auto;
  margin: 13px 10px 20px 10px;
  width: 300px;
}
#conteudo-coluna
{
  border-bottom: 1px dotted #CCC;
  float: left;
  height: auto;
  margin-bottom: 20px;
  margin-left: 10px;
  padding-bottom: 20px;
  width: 280px;
}
#conteudo-coluna-enquete
{
  border-bottom: 1px dotted #CCC;
  float: left;
  height: auto;
  margin-bottom: 20px;
  margin-left: 5px;
  padding-bottom: 20px;
  width: 280px;
}
#conteudo-coluna-default
{
  border-bottom: 1px dotted #CCC;
  float: left;
  height: auto;
  margin-bottom: 20px;
  margin-left: 3px;
  padding-bottom: 20px;
  width: 280px;
}
#box-noticia
{
  border: 1px solid #d5dadf;
  float: left;
  margin-left: 0px;
  width: 300px;
}
#box-noticia-default
{
  border: 1px solid #d5dadf;
  float: left;
  margin-left: 2px;
  width: 285px;
}

/*########################################
  Login / cadastro
  ########################################*/
#bloco-login
{
  background-color: #FFF;
  border: 1px solid #ccc;
  float: left;
  height: auto;
  margin: 10px 20px 10px 40px;
  padding: 10px;
  width: 400px;
}
#bloco-cadastro
{
  background-color: #FFF;
  border: 1px solid #ccc;
  float: left;
  margin: 10px 20px 40px 10px;
  padding: 10px;
  width: 400px;
}
#div-box-login
{
  float: left;
  height: auto;
  margin-bottom: 5px;
  margin-left: 10px;
  width: 90%;
}
#div-box-bt-login
{
  float: left;
  height: 50px;
  margin-left: 10px;
  width: 90%;
}
#div-box-bt-cadastro
{
  float: left;
  height: 50px;
  margin-left: 5px;
  width: 90%;
}
.titulo-login-cadastro
{
  color: #8d8918;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 17px;
}
.titulo-login-cadastro-proponha
{
  color: #1e4772;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 17px;
}
.texto-login-cadastro
{
  color: #333;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 12px;
}
.borda-login-cadastro
{
  border: 1px solid #ccc;
  margin-bottom: 10px;
  padding: 4px;
  width: 300px;
}
.bt-login-cadastro
{
  background-color: #CCC;
  border: 1px solid #CCC;
  font-size: 12px;
  height: 20px;
  padding: 2px;
  width: 90px;
}

.confirmacao-cidadao .confirmado span {
    color:green;
    font-size:24px;
    margin-bottom: 8px;
}
.confirmacao-cidadao .nao-confirmado span {
    color:red;
    font-size:24px;
    margin-bottom: 8px;
}

.confirmacao-cidadao img {
    margin: auto;
    margin-bottom: 8px;
}

#table-confirmacao-cidadao {
    width: 55%;
}
#table-confirmacao-cidadao .td {
    padding: 10px;
}

/*########################################
  Busca
  ########################################*/
.texto-situacao {
  font-size: 11px;
  text-align: center;
  margin-bottom: 20px;
}
.pesquisa-list {
  margin-bottom: 20px;
}
.pesquisa-list .th {
  text-align: center;
  background-color: #286090;
  color: #fff;
  padding: 1px 0;
}
#container-ideia-legislativa .pesquisa-list .th {
  background-color: #DCD5A7;
  color: #000;
  font-weight: bold;
}
.pesquisa-list .tr:nth-child(2n+1) {
  background-color: #f0f0f0;
}
.pesquisa-list .tr:nth-child(2n) {
  background-color: #fff;
}
.pesquisa-list .td {
  padding: 3px 15px;
}
.pesquisa-nenhum-registro {
  text-align: center;
  margin-bottom: 20px;
}

/* #div-busca { */
/*     margin: 20px auto; */
/* } */
#div-busca .odd{
    background-color:#fff;
}
#div-busca .even{
    background-color:#efefef;
}
/* #div-busca table { */
/*     border: 1px solid #CCCCCC; */
/* } */
/* #ideia-legislativa #div-busca table th { */
/*     background-color: #DCD5A7; */
/*     text-align: center; */
/* } */
/* #proposta-debate #div-busca table th { */
/*     background-color: #92BBDB; */
/*     text-align: center; */
/* } */
/* #div-busca tr.odd{ */
/*     background-color:#fff; */
/* } */
/* #div-busca tr.even{ */
/*     background-color:#efefef; */
/* } */
/* #div-busca tr td{ */
/*   padding:3px; */
/* } */

#div-box-busca
{
  float: left;
  height: auto;
  margin-bottom: 5px;
  margin-left: 30px;
  width: 90%;
}
.titulo-busca
{
  color: #036;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 17px;
}
.topico-busca
{
  color: #333;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 17px;
}
.item-busca
{
  color: #333;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 14px;
}

.plugin-datatables {
    width: 99%;
    margin: auto;
}

/*########################################
  Pesquisa de ideias
  ########################################*/
#bloco-pesquisa
{
  border: 1px solid #ccc;
  float: left;
  height: auto;
  margin: 10px 20px 10px 40px;
  padding: 10px;
  width: 700px;
}
#div-box-pesquisa
{
  float: left;
  height: auto;
  margin-bottom: 5px;
  margin-left: 10px;
  width: 90%;
}
.titulo-pesquisa
{
  color: #8d8918;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 17px;
}
.titulo-pesquisa-proponha
{
  color: #1e4772;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 17px;
}
.texto-pesquisa
{
  color: #333;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 12px;
}
.borda-pesquisa
{
  background-image: url("++resource++img/lupa.png");
  background-position: right;
  background-repeat: no-repeat;
  border: 1px solid #ccc;
  float: left;
  margin-bottom: 10px;
  padding: 4px;
  width: 400px;
}

/*########################################
  Confirmacao de cadastro
  ########################################*/
  
#bloco-confirmacao-cadastro
{
  border: 1px solid #ccc;
  float: left;
  height: auto;
  margin: 10px 20px 10px 40px;
  padding: 10px;
  width: 90%;
}
#div-box-confirmacao-cadastro
{
  float: left;
  height: auto;
  margin-bottom: 15px;
  margin-left: 10px;
  width: 100%;
}
.titulo-confirmacao-cadastro-proponha
{
  color: #425a82;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 17px;
}
.titulo-confirmacao-cadastro
{
  color: #8d8918;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 17px;
}
.texto-confirmacao-cadastro
{
  color: #333;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 12px;
}

/*########################################
  Estilo dos titulos
  ########################################*/
.titulo-menu-portal
{
  color: #036;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 13px;
  font-weight: bold;
}
.secao-menu-eFiscalizacao
{
  color: #537636;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 15px;
  font-weight: bold;
}
.titulo-menu-eFiscalizacao
{
  color: #537636;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 13px;
}
.titulo-menu-eLegislacao
{
  color: #8d8918;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 13px;
  font-weight: bold;
}
.titulo-menu-eRepresentacao
{
  color: #425a82;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 13px;
  font-weight: bold;
  margin: 0px 0 0 0;
}
.titulo-menu-eRepresentacao a, .titulo-menu-eRepresentacao a:link
{
  color: #425a82;
  text-decoration: none;
}
.titulo-menu-eRepresentacao a:hover
{
  text-decoration: underline;
}

/*########################################
  bloco e-cidadania
  ########################################*/
  
#img-eCidadania
{
  border-bottom: 1px solid #CCC;
}
#bloco-eCidadania
{
  border: 1px solid #cdd9c4;
  height: auto;
/*   margin-top: 20px; */
  padding-bottom: 30px;
/*   width: 100%; */
}
#bloco-sombra-eCidadania
{
  background-position: bottom;
  float: left;
  height: 30px;
  margin-bottom: 10px;
  margin-left: -8px;
  width: 962px;
}
#bloco-eCidadania-video
{
  background-color: #000;
  background-image: url("++resource++img/play_video.png");
  background-position: center;
  background-repeat: no-repeat;
  float: left;
  height: 275px;
  margin-left: 0px;
  margin-top: 40px;
  width: 380px;
}
#bloco-duvidas
{
  float: left;
  margin-top: 10px;
  width: 100%;
}
.titulo-materia-eCidadania
{
  color: #1a7cb3;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 14px;
  padding: 8px 0 5px 10px;
}
.texto-materia-eCidadania
{
  color: #333;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 13px;
}
.titulo-duvidas
{
  color: #600;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 12px;
  padding: 5px 0 5px 10px;
}
.titulo-duvidas a, .titulo-duvidas a:link
{
  color: #600;
  text-decoration: none;
}
.titulo-duvidas a:hover
{
  color: #600;
  text-decoration: underline;
}

/*########################################
  Estilo do menu
  ########################################*/
.menu-portal
{
  border-bottom: 1px dotted #333;
  color: #036;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 12px;
  padding-bottom: 10px;
}
.menu-portal a, .menu-portal a:link
{
  color: #036;
  text-decoration: none;
}
.menu-portal a:hover
{
  color: #000;
  text-decoration: underline;
}
.menu-eFiscalizacao
{
  border-bottom: 1px dotted #8D8918;
  color: #537636;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 12px;
  padding-bottom: 10px;
}
.menu-eFiscalizacao a, .menu-eFiscalizacao a:link
{
  color: #537636;
  text-decoration: none;
}
.menu-eFiscalizacao a:hover
{
  color: #000;
  text-decoration: underline;
}
.menu-eLegislacao
{
  border-bottom: 1px dotted #8D8918;
  color: #8D8918;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 12px;
  padding-bottom: 10px;
}
.menu-eLegislacao a, .menu-eLegislacao a:link
{
  color: #8D8918;
  text-decoration: none;
}
.menu-eLegislacao a:hover
{
  color: #000;
  text-decoration: underline;
}
.menu-eRepresentacao
{
  color: #425a82;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 12px;
  padding-bottom: 10px;
}
.menu-eRepresentacao a, .menu-eRepresentacao a:link
{
  color: #425a82;
  text-decoration: none;
}
.menu-eRepresentacao a:hover
{
  color: #000;
  text-decoration: underline;
}

/*########################################
  Estilo do mapa do site
  ########################################*/
#bloco0-mapa
{
  float: left;
  height: auto;
  margin-left: 43px;
  margin-top: 10px;
  width: 200px;
}
#bloco1-mapa
{
  float: left;
  height: auto;
  margin-left: 15px;
  margin-top: 10px;
  width: 200px;
}
#bloco2-mapa
{
  float: left;
  height: auto;
  margin-left: 15px;
  margin-top: 10px;
  width: 200px;
}
#bloco3-mapa
{
  float: left;
  height: auto;
  margin-left: 15px;
  margin-top: 10px;
  width: 200px;
}
#bloco-coluna0-mapa
{
  float: left;
  margin-top: 10px;
  padding-bottom: 20px;
  width: 99%;
}
#bloco-coluna1-mapa
{
  float: left;
  margin-top: 10px;
  padding-bottom: 20px;
  width: 99%;
}
#bloco-coluna2-mapa
{
  float: left;
  margin-top: 10px;
  padding-bottom: 10px;
  width: 99%;
}
#bloco-coluna3-mapa
{
  float: left;
  margin-left: 20px;
  margin-top: 10px;
  padding-bottom: 10px;
  width: 99%;
}
.menu-eRepresentacao-mapa
{
  border-bottom: 1px dotted #425a82;
  color: #425a82;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 12px;
  padding-bottom: 10px;
}
.menu-eRepresentacao-mapa a, .menu-eRepresentacao-mapa a:link
{
  color: #425a82;
  text-decoration: none;
}
.menu-eRepresentacao-mapa a:hover
{
  color: #000;
  text-decoration: underline;
}

/*########################################
  Lista e-legislacao
  ########################################*/
.list-senadores
{
  border: 1px solid #537636!important;
  color: #537636;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 10px;
  padding-left: 5px;
  width: 270px!important;
}

/*########################################
  Link e legislacao
  ########################################*/
.texto-eLegislacao, .texto-eLegislacao a
{
  color: #8d8918;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 12px;
}
.texto-eLegislacao a:link
{
  text-decoration: none;
}
.texto-eLegislacao a:hover
{
  text-decoration: underline;
}

/*########################################
  Link eFiscalizacao
  ########################################*/
.texto-eFiscalizacao, .texto-eFiscalizacao a
{
  color: #537636;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 12px;
}
.texto-eFiscalizacao a:link
{
  text-decoration: none;
}
.texto-eFiscalizacao a:hover
{
  text-decoration: underline;
}

/*########################################
  Link eRepresentacao
  ########################################*/
.texto-eRepresentacao, .texto-eRepresentacao a
{
  color: #425a82;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 12px;
}
.texto-eRepresentacao a:link
{
  text-decoration: none;
}
.texto-eRepresentacao a:hover
{
  text-decoration: underline;
}

/*########################################
  Texto banner
  ########################################*/
.texto-banner, .texto-banner a
{
  color: #333;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 12px;
}
.texto-banner a:link
{
  text-decoration: none;
}
.texto-banner a:hover
{
  text-decoration: underline;
}
/*########################################
  Imagem
  ########################################*/
#div-imagem-coluna
{
  float: left;
  height: auto;
  width: 100%;
}
#imagem-coluna
{
  background-color: #666;
  float: left;
  height: 130px;
  margin-bottom: 5px;
  margin-left: 3px;
  max-width: 270px;
  width: 270px;
}
#imagem-coluna-2
{
  background-color: #666;
  float: left;
  height: 62px;
  margin-right: 8px;
  margin-top: 12px;
  width: 72px;
}

/*########################################
  linha
  ########################################*/
.linha
{
  border-bottom: 1px dotted #8d8918;
  float: left;
  margin-bottom: 15px;
  width: 90%;
}
.linha-banner
{
  border-bottom: 1px solid #CCC;
  float: left;
  margin-bottom: 15px;
  margin-left: 10px;
  margin-top: 20px;
  width: 98%;
}

/*########################################
  banner
  ########################################*/
#box-banner
{
  float: left;
  height: auto;
  margin-left: 20px;
  width: 100%;
}
#bloco-banner
{
  float: left;
  height: auto;
  margin-left: 50px;
  margin-right: 10px;
  width: auto;
}
#banner-coluna
{
  float: left;
  height: auto;
  margin-left: 0px;
  width: 100%;
}
/*########################################
  enquete
  ########################################*/
#box-enquete
{
  float: left;
  width: 270px;
  margin-left: 10px;
}
#img-sombra-enquete
{
  background-image: url("++resource++img/img-sombra.png");
  background-repeat: no-repeat;
  float: left;
  height: 28px;
  margin-left: 10px;
  width: 270px;
}
#box-enquete-interno
{
  float: left;
  margin-left: 3px;
  width: 270px;
}
#img-sombra-enquete-interno
{
  background-image: url("++resource++img/img-sombra.png");
  background-repeat: no-repeat;
  float: left;
  height: 28px;
  margin-left: 0px;
  width: 270px;
}


/*########################################
  Fale com o senador
  ########################################*/
#box-fale-senador
{
  float: left;
  width: 270px;
}
.fieldset
{
  border: 1px solid #ced7e7;
  float: left;
  margin: 10px 0 0 20px;
  padding: 5px;
  width: 100%;
}
.txt-fieldset
{
  color: #999;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 10px;
  padding-left: 5px;
}
#botao-formulario
{
  float: left;
  height: auto;
  margin-left: 25px;
  margin-top: 10px;
  text-align: right;
  width: 100%;
}
/*########################################
  Box
  ########################################*/
#borda-Portal
{
  border: 1px solid #efefef;
  float: left;
  height: auto;
  margin-left: -10px;
  margin-top: 20px;
  padding-bottom: 20px;
  width: 97%;
}
#borda-eFiscalizacao
{
  border: 1px solid #537636;
  float: left;
  height: auto;
  margin-left: -10px;
  margin-top: 20px;
  width: 97%;
}
#borda-eLegislacao
{
  border: 1px solid #8D8918;
  float: left;
  height: auto;
  margin-left: -10px;
  margin-top: 20px;
  padding-bottom: 30px;
  width: 995px;
}
#borda-eRepresentacao
{
  border: 1px solid #425a82;
  float: left;
  height: auto;
  margin-left: -10px;
  margin-top: 20px;
  padding-bottom: 30px;
  width: 995px;
}
#borda-cadastro
{
  border: 1px solid #8D8918;
  float: left;
  height: auto;
  margin-left: -8px;
  margin-top: 20px;
  padding: 0px 0 30px 0;
  width: 97%;
}
#borda-banco-ideias, #borda-banco-ideias-beta
{
  background-color: #FFF;
  background-image: url("++resource++img/bg-pagina-ideia.png");
  background-repeat: repeat-x;
  border: 1px solid #8D8918;
  float: left;
  height: auto;
  margin-top: 20px;
  padding: 40px 0 30px 5px;
  width: 985px;
  
}

.link-beta {
    color: #66839D !important;
    text-decoration: underline;
}

#borda-proponha
{
  background-color: #FFF;
  background-image: url("++resource++img/bg--pagina-proponha.png");
  background-repeat: repeat-x;
  border: 1px solid #1e4772;
  float: left;
  height: auto;
  margin-top: 20px;
  padding: 40px 0 30px 0;
  width: 985px;
}

#borda-consulta-publica{
  background-color: #FFF;
  background-image: url("img/bg-pagina-consulta.png");
  background-repeat: repeat-x;
  border: 1px solid #BFCFC3;
  float: left;
  height: auto;
  margin-top: 20px;
  padding: 40px 0 30px 0;
  width: 985px; 
}



/*########################################
  migalha
  ########################################*/
#div-migalha
{
/*   float: left; */
  height: auto;
  text-align: left;
  width: 100%;
  margin-top: 5px;
}

/*########################################
  Cortina Balao
  ########################################*/
#caixa
{
  display: block;
  list-style-type: none;
}
#caixa .estilo-menu li
{
  display: none;
  float: left;
}
.estilo-menu
{
  display: block;
  height: 155px;
  margin-left: -40px;
  margin-top: 0px;
  margin-top: -13px;
  text-align: left;
  width: 248px;
}
#caixa li:hover ul
{
  display: block;
  margin-left: -175px;
  margin-left: 35px;
  margin-top: -12px;
  margin-top: 150px;
  position: absolute;
}
#caixa li:hover ul li
{
  background: #fff;
  display: block;
  float: none;
  margin-left: -75px;
  margin-top: -10px;
  position: absolute;
  width: 248px;
}

/*########################################
  Menu Banco de Ideias
  ########################################*/
#div-menu-banco
{
  border-bottom: 1px solid #4c453b;
  float: left;
  height: auto;
  margin-bottom: 30px;
  margin-left: 20px;
  margin-top: 0px;
  text-align: right;
  width: 95%;
}
.menu-banco
{
  color: #473e2a;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 13px;
  font-weight: bold;
}
.menu-banco a, .menu-banco a:link
{
  color: #473e2a;
  text-decoration: none;
}
.menu-banco a:hover
{
  color: #000;
  text-decoration: underline;
}

/*########################################
  Estrutura do banco de ideias
  ########################################*/
  
/* #box-estrutura-left */
/* { */
/*   float: left; */
/*   height: auto; */
/*   margin-left: 25px; */
/*   padding-bottom: 50px; */
/*   width: 300px; */
/* } */
/* #box-pesquisa-ideias */
/* { */
/*   height: auto; */
/*   margin-bottom: 45px; */
/*   padding: 10px; */
/*   width: 610px; */
/*   float:right; */
/* } */
#box-estrutura-texto-right
{
  float: left;
  height: auto;
  margin-bottom: 25px;
  margin-left: 30px;
  width: 550px;
}
/* #box-estrutura-left-tema */
/* { */
/*   float: left; */
/*   height: auto; */
/*   margin-bottom: 25px; */
/*   width: 650px; */
/* } */
#box-estrutura-right-tema
{
  border: 1px solid #473e2a;
  float: right;
  height: auto;
  margin-bottom: 25px;
  margin-left: 10px;
  padding: 10px 5px 10px 5px;
  width: 265px;
}
#box-estrutura-form
{
  float: left;
  height: auto;
  margin-bottom: 25px;
  width: 100%;
}
#box-estrutura-input-form
{
  background-color: #F2FBFF;
  float: left;
  height: auto;
  width: auto;
}
.box-estrutura-input-form
{
  background-color: #F2FBFF;
  float: left;
  height: auto;
  width: auto;
}

#borda-banco-ideias fieldset{
  border:0px !important;
}
#borda-banco-ideias .pesquisa
{
    border: 1px solid #CCCCCC;
    /* float: right; */
    height: auto;
    margin: 10px;
    padding: 5px;
    width: 300px;
}

#borda-banco-ideias .pesquisa-opine
{
    border: 1px solid #CCCCCC;
    height: auto;
    margin: 10px;
    padding: 5px;
    border-radius: 5px;
}

#borda-consulta-publica .pesquisa
{
    border: 1px solid #CCCCCC;
    float: right;
    height: auto;
    margin: 10px;
    padding: 5px;
    width: 300px;
}

#borda-proponha .pesquisa
{
    border: 1px solid #CCCCCC;
    float: right;
    height: auto;
    margin: 10px;
    padding: 10px;
    width: 300px;
}
.campo-busca-banco
{
  background-image: url("++resource++img/lupa.png");
  background-position: right;
  background-repeat: no-repeat;
  border: 1px solid #828282;
  height: 30px;
  margin-bottom: 10px;
  padding: 5px 5px 5px 5px;
  width: 98%;
}
.campo-busca-banco-opine
{
  background-position: right;
  background-repeat: no-repeat;
  border: 1px solid #828282;
/*   height: 15px; */
  margin-bottom: 10px;
  padding: 5px 5px 5px 5px;
  width: 80px;
}
.campo-busca-banco-opine-pc {
  width: 450px;
}
.table .parametros-pesquisa .td {
    padding-top: 15px;
}
#content select.materia-sigla {
    vertical-align: middle;
}
div.pesquisa-opine form {
    margin-left: 15px;
}

#box-video
{
  background-color: #000;
  background-image: url("++resource++img/play_video.png");
  background-position: center;
  background-repeat: no-repeat;
  float: left;
  height: 185px;
  margin-bottom: 5px;
  width: 300px;
}
#retranca
{
  background-color: #473e2a;
  float: left;
  height: auto;
  margin-bottom: 20px;
  width: 100%;
}
#midias-banco
{
  float: left;
  height: auto;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 90%;
}
.txt-midias
{
  color: #473e2a;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 11px;
  padding-left: 10px;
}
.titulo-materia
{
  color: #473e2a;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 15px;
  font-weight: bold;
}
.retranca-materia
{
  color: #fff;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 14px;
  padding-left: 10px;
}
.txt-video-banco
{
  color: #707070;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 12px;
}
.txt-explicacao-accordion
{
  color: #333;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 12px;
}
.txt-formulario
{
  color: #000;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 12px;
}
.espaco-img
{
  margin-bottom: 10px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-top: 10px;
}
.linha-img
{
  border-bottom: 1px dotted #036;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
#img-logo-il
{
  display: block;
  float: left;
  margin-left: 20px;
  margin-top: 5px;
}



/*########################################
  Debate
  ########################################*/
.cor-debate {
    color: #1e4772;
}

/*########################################
  menu proponha um debate
  ########################################*/
#div-menu-proponha
{
  border-bottom: 1px solid #1e4772;
  float: left;
  height: auto;
  margin-bottom: 30px;
  margin-left: 20px;
  margin-top: 0px;
  text-align: right;
  width: 95%;
}
.menu-proponha
{
  color: #1e4772;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 13px;
  font-weight: bold;
}
.menu-proponha a, .menu-proponha a:link
{
  color: #1e4772;
  text-decoration: none;
}
.menu-proponha a:hover
{
  color: #000;
  text-decoration: underline;
}
/* #box-estrutura-left */
/* { */
/*   float: left; */
/*   height: auto; */
/*   margin-left: 25px; */
/*   padding-bottom: 50px; */
/*   width: 325px; */
/*   clear:both; */
/* } */

#box-busca
{
  border: 1px solid #CCC;
  float: left;
  height: auto;
  margin-bottom: 10px;
  width: 300px;
}

#box-video
{
  background-color: #000;
  background-image: url("++resource++img/play_video.png");
  background-position: center;
  background-repeat: no-repeat;
  float: left;
  height: 185px;
  margin-bottom: 5px;
  width: 300px;
}
#retranca
{
  background-color: #473e2a;
  float: left;
  height: auto;
  margin-bottom: 20px;
  width: 100%;
}
#midias-banco
{
  float: left;
  height: auto;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 90%;
}
.txt-midias
{
  color: #473e2a;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 11px;
  padding-left: 10px;
}
.titulo-materia
{
  color: #473e2a;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 15px;
  font-weight: bold;
}
.retranca-materia
{
  color: #fff;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 14px;
  padding-left: 10px;
}
.txt-explicacao-accordion
{
  color: #333;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 12px;
}
.txt-formulario
{
  color: #000;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 12px;
}
.espaco-img
{
  margin-bottom: 10px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-top: 10px;
}



/*########################################
  Forms
  ########################################*/

/*
.field{
    margin: 0.7em;
    padding:5px;
    min-width: 25px;
    float:left;
    clear:none;
}

label.horizontal
{
    color:#8D8918;  
    font-weight: normal;
    padding: 3px;
    display:block;
}
input.textarea-widget, input.text-widget, input.password-widget, input.date-widget, input.select-widget{
    border: 1px solid #828282;
    padding: 5px;
    clear:both;
}
#formfield-form-widgets-nome .field input, 
#formfield-form-widgets-email .field input, 
#formfield-form-widgets-emailCheck .field input{
  width:21em !important;
}
.required.horizontal{
    display: inline-block;
    float: left;
    margin: 8px;
}
.formHelp{
    margin: 8px;
    font-size:0.8em;
}
select
{
  width:auto;
  margin:0px;
  background-color: #fff;
  font-size:0.8em;
}
*/
.titBoxForm
{
  color: #333;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 14px;
  margin-left: 20px;
  margin-top: 20px;
}
.txtBoxForm
{
  color: #333;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 13px;
  margin: 20px 0 20px 20px;
}
.campo-form
{
  border: 1px solid #828282;
  height: 20px;
}
.boxForm
{
  border: 0px;
  margin-bottom: 50px!important;
}
.campo-area
{
  border: 0px solid #828282;
  height: 150px;
  width: 90%;
}
#area-form
{
  float: left;
  height: auto;
  margin-left: 15px;
  width: 95%;
}
#box0form
{
  background-color: #e4e6e6;
  float: left;
  height: 25px;
  margin-bottom: 15px;
  padding: 15px;
  width: auto;
}
#box1form
{
  background-color: #e4e6e6;
  float: left;
  height: 25px;
  margin-bottom: 15px;
  padding: 15px;
  text-align: center;
  width: 40px;
}

#box2form
{

}

#div-geral-bt-left
{
  float: left;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-top: 20px;
  width: 50%;
}
#div-geral-bt-right
{
  float: right;
  margin-bottom: 20px;
  margin-right: 100px;
  margin-top: 30px;
  width: 50%;
}
#div-box-etapa
{
  float: right;
  margin-right: 5px;
  width: auto;
}
#div-box-etapa-resultado
{
  float: left;
  margin-right: 5px;
  margin-top: 20px;
  text-align: right;
  width: 85%;
}

/*########################################
  Painel 3 Mais
  ########################################*/
aside.container-painel-mais {
}
aside.container-painel-mais .painel-mais {
  margin-bottom: 50px;
}
/* aside .painel-mais header { */
/*   font-size: 12px; */
/*   border-bottom: 1px solid #ddd; */
/*   margin-bottom: 15px; */
/*   line-height: 48px; */
/* } */
/* aside .painel-mais header img { */
/*   margin-right: 5px; */
/* } */
/* aside .painel-mais section { */
/*   color: black; */
/*   font-size: 12px; */
/*   margin-left: 10px; */
/*   text-align:left; */
/*   margin-bottom: 10px; */
/*   line-height: 19px; */
/* } */

/* .painel-mais-ideia > header span { */
/*     color: var(--cor-ideia-legislativa); */
/* } */
/* .painel-mais-audiencia > header span { */
/*     color: var(--cor-evento-interativo); */
/* } */
/* .painel-mais-materia > header span { */
/*     color: var(--cor-consulta-publica); */
/* } */



/*########################################
  Outros Estilos
  ########################################*/
#clear{
  display:block;
  clear:both;
}
#custom-tweet-button{
    display:inline-block;
    width:32px;
}
#custom-facebook-button{
    display:inline-block;
    width:32px;
}
#custom-google-button{
    display:inline-block;
    width:32px;
}
#custom-email-button{
    display:inline-block;
    width:32px;
}

/* #box-pesquisa-ideias #botaoLink{   */
/*     width: 25%; */
/* } */



/* Barra Rede Social */
.share-rede-social {
}
.share-rede-social a {
    text-decoration: none;
}
.facebook-btn i.fa-circle {
    color: #4e70a3;
}
.facebook-btn:hover i.fa-circle {
    color: #3b5998;
}
.google-btn i.fa-circle {
    color: #D74936;
}
.google-btn:hover i.fa-circle {
    color: #EB4026;
}
.twitter-btn i.fa-circle {
    color: #1F8AB5;
}
.twitter-btn:hover i.fa-circle {
    color: #4ABADC;
}

.fa-stack-x-twitter{
   position: relative;
    display: inline-block;
    width: 1.7em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}    
    
.icone-x-twitter-panel{
    vertical-align: -0.015em ;
    fill: white;
    margin-left: 7px;
    width: 1em;
    height: 1em;
 }
.stack-twitter{
    background: #333;
    border-radius: 50%;
    width: 1.7em;
    height: 1.7em;
    display: block;
    margin-top: 2px;
}

.whatsapp-btn i.fa-circle {
    color: #009688;
}
.whatsapp-btn:hover i.fa-circle {
    color: #43d854;
}
.telegram-btn i.fa-telegram {
  color: #38afe3;
  font-size: 30px;
}
.telegram-btn:hover i.fa-telegram {
    color: #1C93D2;
}
.email-btn i.fa-circle {
    color: #888;
}
.email-btn:hover i.fa-circle {
    color: #aaa;
}



#botaoLink{  
    background-color: #E7E8E8;
    border: 1px solid #7C7C7C !important;
    border-radius: 10px;
    clear: both;
    margin: 10px;
    padding: 8px;
    font-size:12px;
    color:#000 !important;
    display:inline-block;
/*     width: 50%; */
}

#content .titulo-apoie-ideia {
  margin-bottom: 8px;
  margin-top: 8px;
}

.sub-titulo-apoie-ideia {
    background-color: #F8F8F8;
    border: 1px solid #EFEFEF;
    color: #333333;
    font-size: 13px;
    padding: 5px;
}

/* .apoio .numerodeapoios{ */
/*     background-color: #F8F8F8; */
/*     border: 1px solid #EFEFEF; */
/*     color: #333333; */
/*     font-size: 16px; */
/*     padding: 5px; */
  
/* } */

.botao-fiscalizacao-p {
    float: left;
    height: 90px;
    margin: 0;
    padding: 0;
    width: 248px;
}
.botao-fiscalizacao-p a {
    background-image: url("++resource++img/caixa-efiscalizacao-p-desfoque.png");
    display: block;
    height: 90px;
    width: 248px;
}
.botao-fiscalizacao-p a:hover {
    background-image: url("++resource++img/caixa-efiscalizacao-p.png");
    display: block;
    height: 90px;
    width: 248px;
}
.botao-legislacao-p {
    float: left;
    height: 90px;
    margin: 0;
    padding: 0;
    width: 248px;
}
.botao-legislacao-p a {
    background-image: url("++resource++img/caixa-elegislacao-p-desfoque.png");
    display: block;
    height: 90px;
    width: 248px;
}
.botao-legislacao-p a:hover {
    background-image: url("++resource++img/caixa-elegislacao-p.png");
    display: block;
    height: 90px;
    width: 248px;
}
.botao-representacao-p {
    float: left;
    height: 90px;
    margin: 0;
    padding: 0;
    width: 248px;
}
.botao-representacao-p a {
    background-image: url("++resource++img/caixa-erepresentacao-p-desfoque.png");
    display: block;
    height: 90px;
    width: 248px;
}
.botao-representacao-p a:hover {
    background-image: url("++resource++img/caixa-erepresentacao-p.png");
    display: block;
    height: 90px;
    width: 248px;
}


.campo-busca-lexml {
    background-image: url("++resource++img/lupa.png");
    background-position: right center;
    background-repeat: no-repeat;
    border: 1px solid #9E9564;
    height: 15px;
    margin-bottom: 10px;
    margin-left: 3px;
    margin-top: 10px;
    padding: 8px 5px;
    width: 269px;
}

.dotted-line {
   border-bottom: 1px dotted #537636;
}

img.browser-icon {
    margin-right: 10px;
}
#content .plugin-test {
    border-style: dashed;
    margin: 0;
    padding: 20px;
    padding-top: 0;
    width: 250px;
    height: 230px;
}
#content .plugin-test legend{
    background: white;
}

/*########################################
  Página de Login
  ########################################*/
  
#PaginaLogin #login_form, #PaginaLogin #login-novo-usuario {
    border: 1px solid #CCCCCC;
    float: left;
    min-height: 260px;
    width: 400px;
    margin: 15px;
    padding: 20px;
}
#PaginaLogin h1 {
    color: #757575;
}
#PaginaLogin .formControls input {
    background-color: #E7E8E8;
    border: 1px solid #7C7C7C !important;
    border-radius: 10px 10px 10px 10px;
    clear: both;
    margin: 10px;
    padding: 5px;
    font-size:12px;
    cursor:pointer;
}
#PaginaLogin {
    border: 1px solid #000000;
    display: table;
    padding: 20px;
    width: 953px;
}

#PaginaLogin #botaoLink{
  float:right;
}

#content {
  margin:0px;
}

#bloco-coluna1 p,#bloco-coluna2 p,#bloco-coluna3 p{
  margin:0px;
}

.tituloHomePortal{
  color:#fff;
}

.acoes .linha-acoes{
  height:1px;
  border-bottom:1px solid black;
}

/* the overlayed element */
.simple_overlay {
 
    /* must be initially hidden */
    display:none;
 
    /* place overlay on top of other elements */
    z-index:10000;
 
    /* styling */
    background-color:#fff;
 
    width:370px;
    min-height:200px;
    border:1px solid #b6b6b6;
    padding:50px;
    
    left:100px !important;
 
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #666666;
    -webkit-box-shadow: 0 0 90px #666666;
}
 
/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url("++resource++img/close.png");
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}


#box1 {
    background-image: url("++theme++senado.tema/ecidadania/img/bg-boxconsulta.png");
    float: left;
    height: 196px;
    margin: 0 23px 20px 0;
    width: 277px;
}

#e1{
    width: 270px;
    height: 30px;
}

#e1 .tituloConsulta{
    color: #FFFFFF;
    font-size: 1em;
    height: 25px;
    margin-left: 10px;
    padding-top: 8px;
    width: 260px;
}

#e1 .linkMais{
    color: #FFCC00;
    float: right;
    font-size: 0.7em;
    font-weight: bold;
    height: 20px;
    width: 30px;
}

#box1 .descricaoConsulta {
    color: #333333;
    font-size: 1em;
    padding: 11px;
}

.detalhe-consulta .tituloConsultaPub{
    color:#426D37;
    font-weight: bold;
}

.detalhe-consulta .textoConsultaPub{
    padding: 0px 0px 0px 10px;
}

#box-lista-consultas {
    float:left;
    display: table;
    margin: 30px 0;
    width: 600px;
}

#box-descricao-consulta .coluna1 {
    float: left;
    padding: 30px 30px 30px 0;
    width: 588px;
}
#box-descricao-consulta .coluna2 .tituloTelaConsulta {
    color: #537636;
    font-weight: bold;
}
#box-descricao-consulta .coluna2 {
    float: left;
    margin: 0 0 0 30px;
    padding: 10px;
    width: 320px;
}

#box-explicacao-consultas {
    float: right;
    margin: 30px 5px;
}

.vejaMateriaConsultaPub{
    background-color: #426D37;
    margin: 10px auto;
    text-align: center;
    width: 160px;
}
.vejaMateriaConsultaPub a{
   color: #FFFFFF !important;
   text-decoration: none;
}

.vejaMateriaConsultaPub a:hover{
   color: #FFFFFF !important;
   text-decoration: none !important;
}



/*########################################
  Skin
  ########################################*/

/**
Login Form
**/
.skin-container-login #login-form .formControls input {
    /* background-color: #E7E8E8; */
    /* border: 1px solid #7C7C7C; */
    border-radius: 10px 10px 10px 10px;
    cursor: pointer;
    padding: 5px;
    font-size: 15px;
}
.skin-container-login #login-form .field input[size] {
    width: 90%;
}
.skin-container-login #login-form .field label {
    text-align: left;
}

.skin-painel-login {
    /* background: #eeeeee;
    border: 1px solid #CCCCCC; */
    border-radius: 15px 15px 15px 15px;
    padding: 10px;
    margin: 2px auto;
    max-width: 300px;
    min-height: 62px;
/*     float: left; */
/*     margin: 15px; */
/*     width: 42%; */
}
.skin-painel-login h1 {
    color: #757575;
}

#painel-new-user-login {
    text-align: center;
}

.oauth-hint {
    display: none;
}
.oauth-login-button {
    position: relative;
    text-align: center;
}

.oauth-login-successfull {
    display: none;
}
.oauth-login-successfull .oauth-name {
    font-weight: bold;
}
.oauth-login-successfull .oauth-email {
    font-style: italic;
    font-size: 90%;
}
.oauth-login-successfull .link-next {
    font-size: 105%;
    font-weight: bold;
}
.oauth-require-access {
    display: none;
}

.login-termo {
    text-align: left;
    margin: 12px 0;
    font-size: 14px;
}
.login-termo label {
    display: inline;
}



/**
Termo
**/
.termo {
    margin: auto;
    text-align: justify;
    width: 70%;
}
.termo strong {
    font-size: 15px;
}
.termo .instrucao-titulo {
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 17px;
    text-align: left;
}
.termo .instrucao-topico {
    font-weight: bold;
    margin-top: 15px;
}
.termo .instrucao-frisa {
    font-weight: bold;
}
#conteudoPagina .termo a {
  text-decoration: underline;
}

.secao-informacao-cadastro {
  margin: auto;
  text-align: justify;
  width: 90%;
}



/** Home Destaque **/
.home-destaque {
    margin-bottom: 25px;
}

#carousel-destaque .carousel-caption {
  text-align: left;
}
#carousel-destaque .carousel-indicators {
  top: inherit;
  bottom: 1px;
}
#carousel-destaque .carousel-indicators li {
  cursor: alias;
}

/** Home Produto **/
.home-produto {
  margin-bottom: 60px;
  text-align: center;
}
.home-produto header {
  border-bottom: 1px solid #ccc;
  font-size: 19px;
  margin-bottom: 10px;
}
.home-produto a img {
  margin: 0px auto 10px auto;
}
.cmd-produto {
}

/** Home Resultados **/
.home-resultados {
  background-color: #eee;
  margin-bottom: 30px;
  padding-left: 10px;
  padding-right: 10px;
}
.home-resultados header {
  border-bottom: 2px solid #ccc;
  font-size: 130%;
  margin-bottom: 10px;
  padding-top: 5px;
}
.home-resultados footer {
  border-top: 1px solid #ccc;
  padding-top: 5px;
  padding-bottom: 5px;
}
.home-resultados a {
  display: block;
  margin-bottom: 15px;
  margin-left: 10px;
}

/** Home Side Box **/
.home-side-box {
  margin-bottom: 25px;
  padding-left: 10px;
  padding-right: 10px;
}
.home-side-box header {
  border-bottom: 2px solid #ccc;
  font-size: 130%;
  margin-bottom: 10px;
  padding-top: 5px;
}
.home-side-box a {
  display: block;
  margin-bottom: 3px;
  margin-left: 10px;
}



/*
============================== 
Form style
==============================
*/
form div[id^="formfield-form-widgets-"] [id^="form-widgets-"] {
  /* Bootstrap .form-control */

  /* display: block; */
  /* width: 100%; */
  /* height: 34px; */
  /* padding: 6px 12px; */
  padding: 2px 5px;
  /* font-size: 14px; */
  /* line-height: 1.42857143; */
  color: #555;
  /* background-color: #fff; */
  background-image: none;
  /* border: 1px solid #ccc; */
  border-radius: 4px;
  /* -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); */
  /* box-shadow: inset 0 1px 1px rgba(0,0,0,.075); */
  /* -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; */
  /* -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; */
  /* transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; */
}
form div[id^="formfield-form-widgets-"]
  input[id^="form-widgets-"][type=text] {
  background-color: #f3f3f3;
  width: 100%;
  height: 35px;
}
form div[id^="formfield-form-widgets-"]
  input[id^="form-widgets-"][type=text].datetime-widget {
  width: inherit;
}
form div[id^="formfield-form-widgets-"]
  textarea[id^="form-widgets-"] {
  background-color: #f3f3f3;
  width: 100%;
}
form div[id^="formfield-form-widgets-"]
  select[id^="form-widgets-"] {
  background-color: #f3f3f3;
  width: 100%;
}
form div[id^="formfield-form-widgets-"]
  select[id^="form-widgets-"].datetime-widget {
  width: inherit;
  height: 34px;
}



/*
==============================
Css property fix
Correção para navegador como IE.
==============================
*/
#container-ideia-legislativa a.lnk,
#container-ideia-legislativa a.lnk:visited {
  border-bottom-color: #ff9900;
}
#container-ideia-legislativa a.lnk:hover {
  background-color: #ff9900;
}

#container-evento-interativo a.lnk,
#container-evento-interativo a.lnk:visited {
  border-bottom-color: #117864;
}
#container-evento-interativo a.lnk:hover {
  background-color: #117864;
}

#container-consulta-publica a.lnk,
#container-consulta-publica a.lnk:visited {
  border-bottom-color: #3E63F6;
}
#container-consulta-publica a.lnk:hover {
  background-color: #3E63F6;
}





/*
==============================
Bootstrap Media Queries
==============================
*/

/* Extra small - Phone */
@media(max-width:767px){

        /* Ideia */
        .sec-apoie-ideia {
          position: fixed;
          left: 0;
          right: 0;
          margin: auto;
          
          bottom: 0px;
          z-index: 1;
          background-color: #ebebeb;
          border-top: 1px solid #aaa;
        }
        #content .sec-apoie-ideia #barra-voto a {
          margin-top: 5px;
          margin-bottom: 5px;
          padding: 5px 30%;
        }

        /* Materia */
        article#materia-legislativa figure.grafico-consulta-publica {
          margin: 23px 0%;
        }

} /* @media xs */

/* Small - Tablet */
@media(min-width:768px){

} /* @media sm */

/* Medium - Desktop */
@media(min-width:992px){

} /* @media md */

/* Large - Desktop */
@media(min-width:1200px){

} /* @media lg */