.vereadores {width: 990px;}
.vereadores h1 {color: #007DF9;}
.vereadores .bloco {float: left; width: 990px; padding: 0 10px;}
.vereadores .content {float: left; width: 990px; display: inline; list-style:none; padding: 0;}
.vereadores .content .li {float: left; display: inline; width: 290px; height: 450px; margin-bottom: 20px; padding: 10px 10px; background: #F0F0F0; border: 1px solid #E0E0E0;}
.vereadores .content .marg_dir {margin-right: 15px;}
.vereadores .content .li .ver {text-align: center;}
.vereadores .content .li .ver .imgLiquid {width: 288px; height: 350px; border: 1px solid #E0E0E0; margin-bottom: 10px;}
.vereadores .content .li .cargo {width: 290px; padding: 0; margin: 0; text-align: justify; color: #007DF9;}
.vereadores .content .li .nome {width: 290px; padding: 0; margin: 0; text-align: justify;}
.vereadores .content .li .partido {width: 290px; padding: 0; margin: 0;}
.vereadores .content .li .dados {background: #fff; padding: 10px 10px; border: 1px solid #E0E0E0; height: 65px;}
.vereadores .content .li .dados p {width: 100%; padding: 0; margin: 0; text-align: center; font-size: 0.8em; font-weight: bold;}

/***************
GABINETE ON LINE
***************/
.gab-online {margin-bottom: -30px;}

.gab-online .destaque {margin: 0; color: #2C3E50; font-size: 2em; text-align: center;}
.gab-online .line {margin: 0; color: #e3e3e3; text-align: center;}

.gab-online .capa {position: relative; float: left; width: 100%; background: #f2f2f2;}
.gab-online .capa .imgLiquid {width: 990px; height: 400px; margin-left: calc((100% - 990px)/2);/* -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80);*/}
.gab-online .capa .info .ul {position: absolute; font-size: 2em; z-index: 1; color: #e8e8e8; text-shadow: 1px 0 0 #333333, -1px 0 0 #333333, 0 1px 0 #333333, 0 -1px 0 #333333, 1px 1px #333333, -1px -1px 0 #333333, 1px -1px 0 #333333, -1px 1px 0 #333333;  left: calc((100% - 990px)/2);}
.gab-online .capa .info .email {position: relative; top: 240px;}

.gab-online .institucional {position: relative; float: left; width: 990px; left: calc((100% - 990px)/2); padding-bottom: 20px;}
.gab-online .institucional .ul {padding: 10px; text-align: center;}
.gab-online .institucional .ul .li {width: calc(920px/4);}
.gab-online .institucional .ul .li .icon {font-size: 2em; color: #0099FF;}
.gab-online .institucional .ul .li .titulo {margin: 5px; color: #2C3E50; font-size: 1.5em;}
.gab-online .institucional .ul .li .content {margin: 5px;}
.gab-online .institucional .ul .li a {text-decoration: none; color: #000;}
.gab-online .institucional .ul .li a:hover {color: cornflowerblue;}

.gab-online .biografia {position: relative; float: left; width: 100%; padding: 20px 0;}
.gab-online .biografia .content {width: 990px; margin-top: 10px; margin-left: calc((100% - 990px)/2);}
.gab-online .biografia .ul {padding: 10px; text-align: center;}
.gab-online .biografia .ul .li .texto {margin: 0; text-align: justify; max-height: 999999px;
										-moz-column-count: 2;
										-moz-column-gap: 30px;
										-moz-column-rule: 1px solid #e3e3e3;
										-webkit-column-count: 2;
										-webkit-column-gap: 30px;
										-webkit-column-rule: 1px solid #e3e3e3;}

.gab-online .atuacao {position: relative; float: left; width: 100%; background: #f2f2f2;}
.gab-online .atuacao .content {width: 950px; margin-top: 25px; margin-left: calc((100% - 950px)/2); padding: 0 10px}
.gab-online .atuacao .ul {text-align: center; display: inline;}
.gab-online .atuacao .ul .li {width: calc(920px/6); display: inline-table;}
.gab-online .atuacao .ul .li .icon {margin-bottom: 0; font-size: 2em; color: #1ABC9C;}
.gab-online .atuacao .ul .li .titulo {color: #2C3E50; font-size: 1.2em;}
.gab-online .atuacao .ul .li a {text-decoration: none; color: #2C3E50;}

.gab-online .social {position: relative; float: left; width: 100%; background: #f2f2f2; padding: 20px 0;}
.gab-online .social .content {width: 950px; margin-top: 25px; margin-left: calc((100% - 950px)/2); padding: 0 10px}
.gab-online .social .content .table {width:100%; table-layout: fixed; text-align: center; cellpadding: 3;}
.gab-online .social .content .table .links .titulo {margin: 0; color: #2C3E50;}
.gab-online .social .content .table .links a {text-decoration: none; color: #2C3E50;}
.gab-online .social .content .table .links a:hover {color: cornflowerblue;}
.gab-online .social .content .table .links .icon-twitter {background: #02ACEC;}
.gab-online .social .content .table .links .icon-youtube {background: red;}
.gab-online .social .content .table .links .icon-instagram {background: #FFA500;}
.gab-online .social .content .table .links .share {color: #fff; font-size: 20px; padding: 10px;}
.gab-online .social .content .table .links .share:hover {background: #676F75;}

/***************
ATUAÇÃO
***************/
.atuacao {position: relative; width: 900px;}
.atuacao .tipo_prop {float: right; background: #007DF9; color: #fff; padding: 2px 5px; font-size: 0.7em; font-weight: normal;}

.atuacao .paginator {width: 890px;}
.atuacao .result_busca {position: relative; float: left; width: 100%; font-size: 0.8em;}
.atuacao .result_busca .ul {padding: 0; list-style: none;}
.atuacao .result_busca .ul .li {background: #f3f3f3; padding: 5px; margin-bottom: 15px;}
.atuacao .result_busca .ul .li a {text-decoration: none; color: #007DF9; font-weight: bold;}
.atuacao .result_busca .ul .li a:hover {text-decoration: underline; color: cornflowerblue;}
.atuacao .result_busca .propositura {color: #006393; font-weight: bold; font-size: 1.2em; margin: 0;}
.atuacao .result_busca .assunto {font-size: 1.1em;}
.atuacao .result_busca .titulo {font-size: 1.1em; margin: 0; padding: 0;}
.atuacao .result_busca .ul .revog {margin: 5px 0; line-height: 0; color: red; font-weight: bold; font-size: 1.2em;}
.atuacao .form {display: inline;}

.atuacao .form-filtro {margin-top: 7px;}
.atuacao .form-filtro label {color: #007DF9; font-weight: bold;}
.atuacao .form-filtro .button {width: 100px; background: #007DF9; color: #fff; padding: 5px 5px; border: none; cursor: pointer;}
.atuacao .form-filtro .button:hover {background: #696969;}

/***************
COMISSÕES DA CÂMARA DE DIADEMA
***************/
.comissoes {position: relative; float: left; width: 900px; min-height: 483px;}
.comissoes .bloco {position: relative; float: left;}
.comissoes .bloco .ul {list-style: none; padding: 0;}
.comissoes .bloco .li span {font-size: 2.5em;}
.comissoes .bloco .li {float: left; width: calc(900px/5); height: 135px; text-align: center; padding: 5px; margin-bottom: 20px; color: #fff; cursor: pointer;}
.comissoes .bloco .li.marg-dir {margin-right: 46px;}

.comissoes .formularios {position: relative; float: left; width: 100%; margin: 0;}

.comissoes .j_close_comissao {float: right; cursor: pointer;}
.comissoes .form {position: relative; float: left; width: 100%; display: none;}
.comissoes .form form {display: inline;}
.comissoes .form form  select {font-size: 15px; font-family: 'Century Gothic', CenturyGothic, AppleGothic, "Trebuchet MS", Arial, Helvetica, sans-serif;}
.comissoes .form h4 {padding: 15px 5px; margin-bottom: 10px; background: -moz-linear-gradient(bottom, #f5f5f5 90%, #b1b1b1); background: -webkit-linear-gradient(bottom, #f5f5f5 90%, #b1b1b1); background: linear-gradient(bottom, #f5f5f5 90%, #b1b1b1); transition: background-color .2s; -moz-transition: background-color .2s; -o-transition: background-color .2s; -webkit-transition: background-color .2s;}
.comissoes .form .button {background: #007DF9; color: #fff; font-size: 15px; padding: 2px 5px; border: none; cursor: pointer; font-family: 'Century Gothic', CenturyGothic, AppleGothic, "Trebuchet MS", Arial, Helvetica, sans-serif;}
.comissoes .imgLiquid {width: 288px; height: 350px; border: 1px solid #E0E0E0; margin-bottom: 10px;}
.comissoes .form, .comissoes .topo {margin-bottom: 20px;}
.comissoes .topo {display: none;}

.comissoes table {width: 100%;}
.comissoes .membros {padding: 0; margin: 0;}
.comissoes .membros li {width: 150px; height: 300px; margin-bottom: 20px; padding: 10px 10px; background: #F0F0F0; border: 1px solid #E0E0E0;}
.comissoes .membros li .imgLiquid {width: 150px; height: 183px; border: 1px solid #E0E0E0; margin-bottom: 10px;}
.comissoes .membros li .cargo {width: 150px; padding: 0; margin: 0; text-align: justify; color: #007DF9;}
.comissoes .membros li .nome {width: 150px; padding: 0; margin: 0; text-align: justify;}
.comissoes .membros li .partido {width: 150px; padding: 0; margin: 0;}
.comissoes .membros li .dados {background: #fff; padding: 10px 10px; border: 1px solid #E0E0E0; height: 82px;}
.comissoes .membros li .dados p {width: 100%; padding: 0; margin: 0; text-align: center; font-size: 0.8em; font-weight: bold;}

/***************
GABINETE ON LINE ANTIGO
***************/
.gabinete {margin-bottom: 15px;}

.j_gabinete {float: right; font-size: 0.6em; background: #007DF9; color: #fff; padding: 5px 5px; font-weight: normal;}
.j_gabinete:hover {cursor: pointer; background: #696969;}

.gabinete .social {float: right;}
.gabinete .social .icon-facebook {background: #325C99; color: #fff; padding: 3px; margin-right: -7px;}
.gabinete .social .icon-twitter {background: #02ACEC; color: #fff; padding: 3px; margin-right: -7px;}
.gabinete .social .icon-play3 {background: red; color: #fff; padding: 3px; margin-right: -7px;}
.gabinete .social .icon-instagram {background: #DAA520; color: #fff; padding: 3px;}
.gabinete .social .share {font-size: 20px;}
.gabinete .social .share:hover {background: #676F75;}

.institucional {position: relative; float: left; width: 600px;}
.institucional .info .ul {list-style: none; padding: 0;}
.institucional .info .li {float: left; display: inline; margin-right: 10px;}
.institucional .info .li.info {width: 368px; height: 270px;border: 1px solid #ddd; padding: 0 5px;}
.institucional .info .li.info p {margin: 8px 0 0 0;}
.institucional .info .li.info .social {font-size: 3em; text-align: center;}
.institucional .info .li.info a {text-decoration: none; color: #000;}
.institucional .info .li.info p a:hover {color: cornflowerblue;}
.institucional .info .li.info span {color: #325C99;}
.institucional .info .li.biografia {width: 578px; height: 340px auto; text-align: justify; padding: 0 5px; margin-top: 10px; border: 1px solid #ddd;}

.gabinete .index {float: left; width: 255px;}
.gabinete .index .ul {list-style: none; padding: 0;}
.gabinete .index .li span {font-size: 2em;}
.gabinete .index .li {float: left; width: 115px; height: 110px; text-align: center; padding: 5px; margin-bottom: 5px;}
.gabinete .index .li.marg-dir {margin-right: 5px;}
.gabinete .index .ul a {text-decoration: none; color: #fff;}