html, /*body {
    margin: 0;
    padding: 0;content
}*/
body {
    font-family: Verdana,Geneva,sans-serif;
    font-size: 10pt;
    overflow-x: hidden;
    text-align: center;
    background-color: null;
    color: null;
}

* {
    border: medium none;
    margin: 0;
    padding: 0;
}


/* Estilo de alto contraste */
.alto-contraste {
    background-color: black;
    color: yellow;
}	

.alto-contraste * {
    background-color: black !important;
    color: yellow !important;
    border-color: yellow !important;
}

.alto-contraste input, .alto-contraste textarea{
    background-color: black !important;
    color: yellow !important;
    border-color: yellow !important;
}

.alto-contraste #menu span.top {
	filter:grayscale(100%);
	background: none;
	color: yellow !important;
}

.alto-contraste #menu ul li.selected .link_menu, .alto-contraste #menu ul li.selected {
	background: none;
}

/* Adicionar filtro para imagens em modo alto contraste */
.alto-contraste .img-inicio, .alto-contraste img {
    filter:grayscale(100%);
}


/* Outros estilos de alto contraste para elementos específicos */

html body .sumir--com-abas-adicionais > .ui-datatable.ui-widget.ui-datatable-scrollable  > .ui-widget-header.ui-datatable-scrollable-header,
html body .sumir--com-abas-adicionais > .ui-datatable.ui-widget.ui-datatable-scrollable  > .ui-widget-header.ui-datatable-scrollable-footer,
html body .sumir--com-abas-adicionais > .ui-datatable.ui-widget.ui-datatable-scrollable  > .ui-datatable-data.ui-widget-content > tr:first-child{
	display:none !important;
}

li, dd, blockquote {
    margin-left: 1em;
}

#topo-nav {
    background: none repeat scroll 0 0 #EBEBEB;
    height: 40px;
}

#topo-nav ul li {
    float: left;
}

#topo-nav ul li:hover {
    background-color: #D8D8D8;
}

#topo-nav ul {
    list-style: none outside none;
    margin: 0 auto;
    padding: 0;
    width: 968px;
}

#topo-nav ul li a {
    color: #666666;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 28px;
    padding: 12px 25px 0;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}

#topo {
    /*background: url("../../img/fundo-topo.png") repeat scroll 0 0 transparent;*/
    border-bottom: 2px solid #023A68;
    height: 110px;
    padding-top: 10px;
}

#topo > h1 {
    margin: 0 auto;
    padding: 0;
    width: 920px;
}


.pegaDuas{
	display: flex;
	flex-direction: row;
}




#topo > h1.cidadao {
    background: url("../../img/logo-transparencia.jpg") no-repeat scroll 0 0 transparent;
}

#topo > h1 > a {
    display: block;
    height: 100px;
    width: 259px;
}


#topo-cidade {
    margin: 0 auto;
    width: 940px;
}


#topo-cidade h1, #topo-cidade h1.portal-transparencia {
    border-bottom: 1px solid #BCBCBC;
    font-size: 20pt;
    font-weight: bold;
    margin: 0;
    padding: 7px;
    text-align: center;
}

#topo-cidade h2 {
    border-bottom: 2px solid #023A68;
    color: #003966;
    font-size: 10pt;
    font-weight: bold;
    margin: 0 auto;
    padding: 10px 10px 11px;
    text-align: left;
    width: 920px;
}

#topo-cidade h2 a {
    color: #003966;
    text-decoration: underline;
}

/* ======================= fim do topo ================ */

h2 {
    color: #003B6B;
/*    color: #4B463F;*/
    font-size: 23pt !important;
    text-align: left;
    border-bottom: 1px solid #CCCCCC;    
}

#wrapper {
    margin: 15px auto 0;
    min-height: 300px;
    padding: 0;
    text-align: left;
    /*width: 938px;*/
}

.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

#content {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    /*background: none repeat scroll 0 0 #F3F3F3;*/
    border-color: #CCCCCC -moz-use-text-color;
    border-image: none;
    border-style: solid none;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-width: 1px medium;
    margin-left: 250px;
    min-height: 600px;
    padding-top: 4px;
    text-align: left;
}
.clearfix {
    display: block;
}

a, a:link, a:visited, a:hover, a:active {
    outline: 0 none;
    text-decoration: none;
}

#rodape2 {
    background: none repeat scroll 0 0 #023A68;
    font-family: verdana;
    margin-top: 25px;
}

#rodape2rodape {
    background: none repeat scroll 0 0 #012D50;
    clear: both;
    color: #FFFFFF;
    font-size: 10pt;
    font-weight: bold;
    padding: 20px;
    text-align: center;
}

#rodape2rodape a {
    color: #FFFFFF;
    text-decoration: none;
}

h3 {
    color: #013967;
    font-size: 11pt !important;
    text-align: left;
    border-bottom: 1px solid #CCCCCC;
    margin-top: 10px; 
}

.sem_borda{
    border-top: 1px;
    border-left: 1px;
    border-right: 1px;
    border-bottom: 1px;
}

#menu {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #EBEBEB;
    border: #CCCCCC;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 1px medium 1px 1px;
    float: left;
    width: 241px;
}


#menu div.top {
    border-bottom: 1px solid #E4E4E4;
    color: #003B6B;
    display: block;
    font-size: 2em;
    font-weight: bold;
    padding: 10px 10px 10px 25px;
}

#menu ul {
    background: none repeat scroll 0 0 #F2F2F2;
    border-bottom: 1px solid #CDCDCD;
    border-top: 1px solid #CDCDCD;
    list-style: none outside none;
    margin: 0 0 20px;
    padding: 0;
}

#menu ul li {
    margin: 0;
    padding: 0;
}

#menu ul li:hover {
    background-color: #E6E6E6;
    cursor: pointer;
}

#menu ul li.selected {
    background: url("../../img/arrow-menu.gif") no-repeat scroll right center transparent;
    margin-bottom: 1px;
    padding-right: 7px;
    width: 241px;
}

#menu ul li .link_menu {
    border-bottom: 1px solid #E4E4E4;
    color: #666666;
    display: block;
    font-weight: bold;
    padding: 10px 10px 10px 25px;
}

#menu ul li.selected .link_menu {
    background: url("../../img/fundo-menu.png") repeat scroll 0 0 #023A68;
    color: #FFFFFF;
}

#menu ul li .link_menu_calamidade {
    border-bottom: 1px solid #E4E4E4;
    color: #d24040;
    display: block;
    font-weight: bold;
    padding: 10px 10px 10px 25px;
}

#menu ul li.selected .link_menu_calamidade {
    background: url("../../img/fundo-menu-calamidade.png") repeat scroll 0 0 #d24040;
    color: #FFFFFF;
}

.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
#content {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #F3F3F3;
    border-color: #CCCCCC -moz-use-text-color;
    border-image: none;
    border-style: solid none;
    border-width: 1px medium;
    margin-left: 250px;
    min-height: 600px;
    padding-top: 4px;
    text-align: left;
}

.ui-widget-header {    
    height: 32px;
    text-align: center;
}

.ui-widget {
 font-size: 13px;
}

.ui-slidemenu-backward{
    height: 20px;
}

.define{    
    width: 99%;
    height: auto;
    background: none repeat scroll 0 0 #F3F3F3;
}

.corpo{
    float: left;
}


.corpo:before,.corpo:after {
	content: " ";
	display: table;
}

.corpo:after {
	clear: both;
}

.imagem{
    width: 20%;
}

p{
	padding: 5px;
	width: 65%;
	font-size: 1.3em;
	margin-left: auto;
    margin-right: auto;
	text-align: justify;
  	text-justify: inter-word;
}

td{
	padding: 5px;
}

tr{
	padding: 5px;
}

.tableods{
	width: 65%;
	font-size: 1.4em;
	margin-left: auto;
    margin-right: auto;
	text-align: justify;
  	text-justify: inter-word;
}

.imagemODS{
	width: 65%;
	padding: 10px;
	display: block;
    margin-left: auto;
    margin-right: auto

}
.texto{
    width: 70%;
    padding-left: 5%;
}

.textoODS{
	width: 65%;
	font-size: 1.2em;
	padding: 10px;
	margin-left: auto;
    margin-right: auto;
	text-align: justify;
  	text-justify: inter-word;
}


.sessaoBottom{
    width: 99%;
    margin-top:80px;
    font-size: 0.9em;
    text-align: center;
}

.centralizaDefine{
    margin: 0 auto;
    width: 80%;
    background: none repeat scroll 0 0 #FFF;
    margin-top:5px;
    margin-bottom: 5px;
}
.centralizaDefine:before,.centralizaDefine:after {
    content: " ";
    display: table;
}

.centralizaDefine:after {
    clear: both;
}

.sessaoTitulo{
    text-align: left;
    font-size: 2.5em;
    padding-top: 6%;
}

.sessaoSubTitulo{
    text-align: left;
    padding-top: 2%;
}

.destacaCidade{
    color:#0078ca;
}

.panelArquivosHabilitado{
    font-weight: bolder;
    border: 1px solid #000000
}
.panelArquivosDesabilitado{
    font-weight: normal;
    border: 1px solid #dddddd
}

.ui-panelgrid tr,
.ui-panelgrid td {
    background: none;
    border-style: none !important;
}

.servico{
    
    background: none repeat scroll 0 0 #E9E9E9;
    border: 5px solid #CCCCCC;
    border-radius: 20px;
    color: #5C5046;
    display: block;
    margin: 0% 0;
    text-align: justify;
}

.servico:hover{
    background: none repeat scroll 0 0 #E9E9E9;
    border: 5px solid #003b6b;
}

.servico-interno{
    border-radius: 15px;
    margin: 3% 0;
    padding: 2%;
}

.servico-interno:hover{
    background: none repeat scroll 0 0 #F0FAFF;
    
}

.ladoDireito{
    width: 50%;
}

.ladoEsquerdo{
    width: 50%;
}

.configIcone {
    width: 28px;
    height: 28px;
    
}

.esquerda {
    float: right;
    width: 23px;
}

.direita {
    float: right;
    width: 23px;
}

.textoIntroducao{
	color: #003B6B;
}

#rodape_logo {
	margin: 10px;
    height: 40px;
}

#calamidade {
	background: #d24040; 
	color: #FFFFFF; 	
	margin-top: 10px; 
	padding: 30px; 
	font-weight: bold; 
	font-size: 15px;
}

/*MEDIDA PALIATIVA #131*/
@media(max-width:1300px){
	
	.fix--filters-errors .ui-fieldset-content table{
		display:block;
	}
	
	.fix--filters-errors .ui-fieldset-content table tbody{
		display:flex;
		flex-wrap:wrap;
	}
	
	.fix--filters-errors .ui-fieldset-content table tbody > tr{
		flex-grow:1;
		width:100%;
		display:flex;
		flex-wrap:wrap;
	}
	
	.fix--filters-errors .ui-fieldset-content table tbody > tr > td{
		width:calc(100% - 50px);
		margin-bottom:15px;
	}
	
	.fix--filters-errors .ui-fieldset-content table tbody > tr > td input{
		width:100%;
	}
	
	.fix--filters-errors .ui-fieldset-content table tbody > tr > td > div{
		width:100% !important;
	} 
	
	.fix--filters-errors .ui-fieldset-content table tbody > tr > td .ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all{
		margin-top:15px;
	}
	
	.fix--filters-errors .ui-fieldset-content table tbody > tr > td .ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all{
		width:calc(100% - 32px);
	}
	
	.fix--filters-errors .ui-fieldset-content table tbody > tr > td .ui-inputfield.hasDatepicker{
		width:calc(100% + 18px);
	}
	
	.fix--filters-errors .ui-fieldset-content table tbody > tr > td button{
		width:100%;
		margin-left:auto;
		margin-right:auto;
		max-width:55px;
		display:block;
	}
	
	.fix--filters-errors .ui-fieldset-content table tbody > tr > td:nth-child(odd){
		text-align:left;
		width:100%;
	}
	
}