.ui-widget {
    font-size: 12px !important;
}

.ui-layout-unit-top .ui-layout-bd {
    border: 0;
    background:url('img/subtopo.png') no-repeat;
}
.ui-layout-unit-center .ui-layout-bd{
    -moz-border-radius: 10px; /* Para Firefox */
    -webkit-border-radius: 10px; /*Para Safari e Chrome */
}
.ui-layout-unit-left .ui-layout-bd{
    border-top: 1px;
    -moz-border-radius: 10px; /* Para Firefox */
    -webkit-border-radius: 10px; /*Para Safari e Chrome */
}
.ui-layout-unit-center .ui-wizard-step-title {
    font-size: 12px;
}

.ui-wizard-step-title {
    font-size: 14px;
}
.ui-layout{
    border-top: 1px;
    border-left: 1px;
    border-right: 1px;
}

.layout-template{
    width: 970px!important;
    height: 880px!important;
    margin: 4px auto!important;
}
.ui-panel .ui-panel-content {
    /*padding: 1px 1px 1px 1px;*/
    /*margin: 1px 1px 1px 1px;*/
}
.sem_borda{
    border-top: 1px;
    border-left: 1px;
    border-right: 1px;
    border-bottom: 1px;
}

#top {
    background:url('img/fundo-topo.png');
    height:123px;
    border-bottom:2px solid #023A68;
}

body{
    padding: 0;
    margin: 0;
}

#topo1{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:12px;
    color: #333;
}

#container  {
    margin: 1em auto;
    width: 650px;  
}
#topo1{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:18px;
    color: #333;
}
#centro_topo{
    margin: auto;
    margin-top: 0px;
    width:900px;
    height:100px;
}
.texto_topo{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:30px;
    color: #333;
}
.texto_padrao{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:12px;
    color: #333;
    font-style:italic;
}
.texto_informativo {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:15px;
    text-align: center !important;
    font-weight: bold;
    color: #333;
    margin: 30px;
}
.texto_info_cadastro {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:15px;
    text-align: center !important;
    font-weight: bold;
    color: #333;
}
.texto_navegadores {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:15px;
    text-align: justify !important;
    font-weight: bold;
    color: #333;
}
.texto_informacao_prefeitura {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:13px;
    font-weight: bold;
    color: #333;
    margin: 30px;
}

.texto_informacao_prefeitura_contato {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:13px;
    font-weight: bold;
    color: #333;
    margin: 10px;
}

.texto_cont_nota{
    margin: 10px; 
    color: #333; 
    font-weight: bold; 
    font-size:12px;
}

.texto_informativo1{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight: bold;
    color: #333;
}

.texto_informativo2{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:15px;
    margin: 15px;
    font-weight: bold;
    color: #333;
    margin-top: 0px;
}
.texto_informativo_resultado{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:15px;
    font-weight: bold;
    color: #333;
}

.texto_menu2{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;    
    margin-left: 12px;
    font-weight: bold;
    color: #2c6d93;
    font-size: 14px;
}

.texto_data_notifica{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight: bold;
    color: #b1030f;
    margin-top: 0px;
}

.texto_subtopo{   
    font-size:14px;
    font-weight: bold;
    color: #023A68;
}

.texto_topocidade{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:25px;
    font-weight: bold;
    color: #023A68;
}

.texto_subtoposair { /* LAYOUT - NORTH - SAIR */
    font-size:14px;
    font-weight: bold;
    color: #023A68;
}

.imagem_fundo{
    background:url('img/fartura.png') no-repeat;
    background-position: center;
}

.texto_menu { /* LAYOUT - WEST */
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    border-spacing: 0px!important;
    margin-left: 4px;
    font-weight: bold;
    color: #2C6D93;
    font-size: 14px;
    vertical-align: middle;
}

.img_menu { /* LAYOUT - WEST */
    border: none;
    min-height: 32px;
    max-height: 32px;
    min-width: 32px;
    max-width: 50px;
    vertical-align: middle;
    text-align: justify!important;
}

.img_aviso { /* LAYOUT - WEST */
    border: none;
    min-height: 50px;
    max-height: 50px;
    min-width: 50px;
    max-width: 70px;
    vertical-align: middle;
    text-align: justify!important;
}

.background-south { /* LAYOUT - SOUTH */
    background: #C4C4C4 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)))!important;
    border: 1px solid #A8A8A8;
    border-radius: 3px;
    width: 100%;
    height: 26px;
    vertical-align: middle;
    font-weight: bold;
}

.ui-accordion-content{
    padding: 1em!important;
}

a{
    text-decoration: none;
}

#centro{
    margin: auto;
    width:895px;
    text-align:left;
}
#centro_cadastro{
    margin: auto;
    width:830px;
    text-align:left;
}
.postagens{
    background-color:#f7f7f7;
    float:left;
    padding:20px 5px;
    margin:1px;
    display: block;
    text-decoration: none;
}
.postagens_centro{
    background-color:#f7f7f7;
    float:left;
    padding:20px 5px;
    margin:1px;
    display: block;
    text-decoration: none;
    margin: auto;

}
#postagens_1{
    background-color:#f7f7f7;
    width:937px;
    height:10px;
    padding:5px;
    margin:1px;
}
.texto_topico{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size:20px;
    color: #373b8a;
}
.button{
    width: 110px;
    height: 40px;
    font-weight: bold;
    color: #333333;
}

.fundo_cadeado{
    background:url('img/fundo.png') no-repeat;
    background-position: center;
}

.consulta{
    font-weight: bold; 
    color: #023A68;
    font-size: 22px;
}

.div_sobrepoe{

	position:absolute;
	
	top:15%;
	
	left:80%;
}

.seletor{
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    margin: 0 0 0 6px;
    padding: 4px 6px;
    width: 150px; 
    height: 40px;

    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:20px !important;
    font-weight: bold;
    color: #023A68;
}
.centerDialog{
    left: 40% !important;
    top: 50% !important;
}
.tamanhoTitlebar .ui-panel-titlebar {
    font-size: 10px !important;
    height: 8px;
    margin-top: -10px !important;
    padding: 5px;
}
.loadPanel.ui-dialog .ui-dialog-titlebar {
    display: none!important;
}
.tdSemBorda.ui-panelgrid td {
    border-width: 0px;
}

.panel-inicial {
    width: 300px;
    height: 95px;
    margin: auto;
    text-align: left;
}

#botao-whatsapp { /* LAYOUT - NORTH - SAIR */
    border: 2px solid #CCCCCC !important;
    border-radius: 0.5em 0.5em 0.5em !important; 
}

#botao-whatsapp:hover { /* LAYOUT - NORTH - SAIR */
    background-color: #EAEAEA !important;
}

#botao-sair { /* LAYOUT - NORTH - SAIR */
    border: 2px solid #CCCCCC;
    border-radius: 0.5em 0.5em 0.5em; 
}

#botao-sair:hover { /* LAYOUT - NORTH - SAIR */
    background-color: #EAEAEA;
}

#botao-ajuda { /* LAYOUT - NORTH - SAIR */
    border: 2px solid #CCCCCC;
    border-radius: 0.5em 0.5em 0.5em; 
}

#botao-ajuda:hover { /* LAYOUT - NORTH - SAIR */
    background-color: #EAEAEA;
    cursor: pointer;
}

.ui-layout-container{
    overflow: visible !important;
}
.div1:before,.div1:after {
    content: " ";
    display: table;
}

.div1:after {
    clear: both;
}
.div1{
    padding: 5px 0;
}
.subDiv{
    height: 100%;
    float: left;
}

.segundaDiv{
    width: 39%;
    padding-top: 5px;
}

h5 {
    color: #003B6B;
    font-size: 18pt !important;
    text-align: left;
    border-bottom: 1px solid #CCCCCC;
    margin: 5px 0px;
}

.texto_bem_vindo {
    font-size: 15px;
    margin-top: 60px;
}

.div_interna_meio_rodape_bem_vindo{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12pt; 
    clear: both; 
    color: #FFFFFF; 
    font-weight: bold; 
    padding: 20px; 
    text-align: center;
}
.ui-selectonemenu-label {
    width: 100%!important;
}

.img_cidade {
    vertical-align: middle;
    height: 60px;
    padding: -1em;
    margin: 1px;
}

.panel_cidade {
    height: 90px;
    width: 90%;
    border: 2px solid transparent;
}
.panel_cidade .ui-panel-content {
    padding: 0px 0px 0px 0px;
}
.panel_cidade:hover {
    background: none repeat scroll 0 0 #CCCCCC;
    border: 2px solid #A8A8A8;
}
.panel_consulta {
    height: 64px;
    width: 98%;
    vertical-align: middle;
    border: none;
}
.panel_consulta:hover {
    background: none repeat scroll 0 0 #CCCCCC;
    border: 2px solid #A8A8A8;
}
.panel_manual {
    height: 32px;
    max-height: 32px;
    vertical-align: top;
    text-align: center;
    border: 2px solid transparent;
}
.panel_manual .ui-panel-content {
    padding: 0px 0px 0px 0px;
}
.panel_manual:hover {
    background: none repeat scroll 0 0 #CCCCCC;
    border: 2px solid #A8A8A8;
}
.textFormat {
    white-space: pre-wrap!important;
    text-align: justify;
}
.limitedSize {
    display: block;
    width: 100%;
    max-height: 375px;
    overflow: auto;
}
.limitedSize2 {
    display: block;
    min-width: 99%;
    max-width: 100%;
    max-height: 200px;
    overflow: auto;
}

.buttonFormat {
    vertical-align: middle;
    font-size: 16px!important;
    font-weight: bold!important;
}

.com_borda {
    border: 1px solid #A8A8A8;
    border-radius: 3px;
    padding: 5px 5px 5px 5px;
    margin: 0px 0px 0px 0px;
}
.sem_espaco {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.cl_bt_panel { border: 1px solid #A8A8A8; }
.cl_bt_panel:hover {
    background: none repeat scroll 0 0 #CCCCCC;
    border: 4px solid #F6ADA5;
}

.cl_bt_txt {
    font-weight: bold;
    color: #0015B7!important;
    border: 1px solid transparent;
    padding: 0 2px 0 1px;
    border-radius: 4px;
}
.cl_bt_txt:hover {
    border: 1px solid black;
}
.ui-inputfield {
    overflow: visible;
}
.ui-widget input:disabled,       .ui-inputfield:disabled {
    font-weight: bold!important;
    color: #D20005!important;
    opacity: .55!important;
}
.ui-widget input:disabled:hover, .ui-inputfield:disabled:hover {
    background: #FCF8E3;
    opacity: .99!important;
}

.txt-info   { font-weight: bold!important; color: #0400A3!important; }
.txt-error  { font-weight: bold!important; color: #D20005!important; }

.text-center-mid { text-align: center; vertical-align: middle!important; }
.text-center-top { text-align: center; vertical-align: top; }
.text-center-bot { text-align: center; vertical-align: bottom; }
.text-left-bot { text-align: left; vertical-align: bottom; }
.text-left-mid { text-align: left; vertical-align: middle; }
.text-right-mid { text-align: right; vertical-align: middle; }

.column-99 { width: 99%; }
.column-90 { width: 90%; }
.column-80 { width: 80%; }
.column-75 { width: 75%; }
.column-67 { width: 67%; }
.column-60 { width: 60%; }
.column-58 { width: 58%; }
.column-55 { width: 55%; }
.column-50 { width: 50%; }
.column-40 { width: 45%; }
.column-40 { width: 40%; }
.column-33 { width: 33%; }
.column-30 { width: 30%; }
.column-25 { width: 25%; }
.column-20 { width: 20%; }
.column-17 { width: 17%; }
.column-16 { width: 16%; }
.column-15 { width: 15%; }
.column-12 { width: 12.5%; }
.column-10 { width: 10%; }
.column-05 { width: 20%; }
.column-5 { width: 05%; }
.column-01 { width: 01%; }
.column-0  { width: min-content; }
.column-undefined { }

button.keypad-trigger {
    vertical-align: middle;
    width: 25px;
    padding: 0px;
}

.cadastro_topo{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #373B8A;
    width: 100%;
}

.col {
    top: 0; bottom: 0; 
}

.scroll-x { 
    overflow-x: auto; 
}

.scroll-y { 
    overflow-y: auto; 
}

.datatable-cabecalho-branco .ui-datatable-header{
	background:#FFFFFF;
}
.datatable-esconde-titulo-coluna .ui-state-default{
	background:#FFFFFF;
	padding: 0px 0px 0px 0px;
	visibility: hidden;
}