/***************
INDEX OF CIDADÃO
***************/
.galeria {position: relative; float: left; width: 900px;}
.galeria .contents .ul {list-style: none; padding: 0;}
.galeria .contents .li span {font-size: 5em;}
.galeria .contents .li {float: left; width: 140px; height: 135px; text-align: center; padding: 5px; margin-bottom: 20px;}
.galeria .contents .li.marg-dir {margin-right: calc((900px - 4*150px)/3);}

.galeria .contents .ul a {text-decoration: none; color: #fff;}

/***************
PORTAL DA TRANSPARÊNCIA
***************/
.transparencia {position: relative; float: left; width: 900px; min-height: 483px;}
.transparencia .bloco {position: relative; float: left;}
.transparencia .bloco .ul {list-style: none; padding: 0;}
.transparencia .bloco .li span {font-size: 3.5em;}
.transparencia .bloco .li {float: left; width: 140px; height: 135px; text-align: center; padding: 5px; margin-bottom: 20px; color: #fff; cursor: pointer;}
.transparencia .bloco .li.marg-dir {margin-right: 37.5px;}

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

.transparencia .j_close_transp {float: right; cursor: pointer;}
.transparencia .form {position: relative; float: left; width: 100%; display: none;}
.transparencia .form form {display: inline;}
.transparencia .form form  select {font-size: 15px; font-family: 'Century Gothic', CenturyGothic, AppleGothic, "Trebuchet MS", Arial, Helvetica, sans-serif;}
.transparencia .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;}
.transparencia .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;}
.transparencia .form {margin-bottom: 20px;}
.transparencia .lendoartigos {left: 44%;}
.transparencia .topo {display: none;}

.transparencia .resultado_pesq {position: relative; float: left; margin-bottom: 10px; width: auto; height: 100%; background: #f5f5f5; border: 1px solid #ccc; padding: 10px 10px; display: none;}
.transparencia .resultado_pesq .celulares {width: 600px;}
.transparencia .resultado_pesq .celulares .cab {display: inline-table; padding: 0;}
.transparencia .resultado_pesq .celulares .li {display: inline-table; padding: 0;}

/*DataTables*/
.transparencia .resultado_sub_rem_tce {position: relative; float: left; font-size: 0.7em; margin-bottom: 10px; width: 900px; display: none;}
.transparencia .resultado_sub_rem_tce table.dataTable tbody td {text-align: right;}
.transparencia .resultado_sub_rem_tce table.dataTable tbody .name-align {text-align: left;}
/***************
NOSSA HISTÓRIA
***************/
.historia {position: relative; float: left; width: 900px; min-height: 463px; margin-bottom: 20px;}
.historia a {text-decoration: none; color: #007DF9;}
.historia a:hover {color: #676F75;}
.historia img {width: 900px; margin-bottom: 5px;}
.historia .links {position: absolute; z-index: 1; top: 2812px; left: 70px; width: 760px; height: 795px;}
.historia .links ul {padding: 0; margin: 0;}
.historia .links ul li{border: 1px solid #ccc; width: 760px; height: 30px; cursor: pointer;}
.historia .content .volta_sumario {position: relative; left: 700px;}
.historia .content .topo {position: fixed; bottom: 10px; display: none;}

/***************
EXPEDIENTE
***************/
.expediente {position: relative; float: left; width: 900px; min-height: 463px; margin-bottom: 20px;}
.expediente .ul {list-style: none; padding: 0;}
.expediente .ul a {text-decoration: none; color: #007DF9;}
.expediente .ul a:hover {text-decoration: underline; color: cornflowerblue;}
.expediente .ul span {color: #DAA520;}
.expediente .ul .li {background: #f1f1f1; padding: 5px; margin-bottom: 15px;}
.expediente .ul .fin {position: relative; float: left; width: 48%; height: 220px; margin-right: 15px;}
.expediente .ul .jur {position: relative; float: left; width: 48%; height: 220px;}
.expediente .ul .exp {text-align: center;}

/***************
SEC. DE ADM. E FIN. E SEC. DE ASS. JURÍDICOS
***************/
.adm-jur {position: relative; float: left; width: 900px; min-height: 463px; margin-bottom: 20px;}
.adm-jur .ul {list-style: none; padding: 0;}
.adm-jur .ul a {text-decoration: none; color: #007DF9;}
.adm-jur .ul a:hover {text-decoration: underline; color: cornflowerblue;}
.adm-jur .ul span {color: #DAA520;}
.adm-jur .ul .li {background: #f1f1f1; padding: 5px; margin-bottom: 15px;}

/***************
LINKS
***************/
.links_externos {position: relative; float: left; width: 910px; min-height: 463px; margin-bottom: 20px;}
.links_externos .ul {list-style: none; padding: 0; background: #f1f1f1;}
.links_externos .ul a {text-decoration: none; color: #007DF9;}
.links_externos .ul a:hover {text-decoration: underline; color: cornflowerblue;}
.links_externos .ul span {color: #DAA520;}
.links_externos .ul.esq {position: relative; float: left; width: 49.15%; margin-right: 15px;}
.links_externos .ul.dir {position: relative; float: left; width: 49.15%;}
.links_externos .ul .li {padding: 5px;}

/***************
DOWNLOADS
***************/
.downloads {position: relative; float: left; width: 900px; min-height: 463px; margin-bottom: 20px;}
.downloads .ul {list-style: none; padding: 0;}
.downloads .ul a {text-decoration: none; color: #007DF9;}
.downloads .ul a:hover {text-decoration: underline; color: cornflowerblue;}
.downloads .ul span {color: #DAA520;}
.downloads .ul .li {background: #f1f1f1; padding: 5px; margin-bottom: 15px;}

/***************
DESAPARECIDOS
***************/
.desaparecidos {position: relative; float: left; width: 900px; margin-bottom: 20px;}
.desaparecidos p {text-align: justify;}
.desaparecidos a {text-decoration: none; color: #007DF9;}
.desaparecidos a:hover {text-decoration: underline; color: cornflowerblue;}
.desaparecidos .links {list-style: none; background: #f1f1f1;}
.desaparecidos .links .li {padding: 5px;}
.desaparecidos .ul {list-style: none; padding: 0;}
.desaparecidos .ul span {color: #DAA520;}
.desaparecidos .pessoas .li {position: relative; float: left; background: #f1f1f1; border: 1px solid #e5e5e5; height: 300px; margin-bottom: 15px; display: inline-block; margin-right: 10px;}
.desaparecidos .pessoas .li span {font-size: 0.7em; width: 100%; padding: 5px; display: block; text-align: center; color: #000;}
.desaparecidos .pessoas .li .imgLiquid {width: 100%; height: 200px;}

/***************
CLIPPING
***************/
.clipping {position: relative; width: 975px;}
.clipping .content {position: relative; float: left; width: 972px; margin-bottom: 10px; border: 1px solid #E0E0E0; background: #e7e7e7;}
.clipping .content .ul {padding: 0; text-align: justify;}
.clipping .content .li {margin: 10px 10px; padding: 5px; border: 1px dotted #E0E0E0; background: #fff;}
.clipping .content .data {margin: 10px 10px; padding: 5px; border: 1px dotted #E0E0E0; background: #fff; font-size: 20px; color: #007DF9;}
.clipping .content .titulo {font-weight: bold; font-size: 18px; color: #006393; margin: 0;}
.clipping .content .autor {font-size: 14px; margin: 0; color: #696969;}
.clipping .content .autor a {text-decoration: none; color: #C69720;}
.clipping .content .autor a:hover {color: #007DF9;}
.clipping .content .resumo {}
.clipping .content .link {color: #006393;}
.clipping .content .icon-link {color: #DAA520;}
.clipping .content .li a:hover {text-decoration: underline; color: #006393;}

.clipping .paginator {width: 965px; position: relative; float: left; background: #e7e7e7;}
.clipping .paginator input[type=text] {width: 200px;}