a:link{
  text-transform: none !important; 
    text-decoration: none !important;
    
}
.fonte-de-link{
    font-family: sans-serif; 
}

 .nomePrefeitura{
  font-family: sans-serif;
  font-size: 80px; 
  color:#DF3F3F;
  text-transform: uppercase;  
}

.titulo-esquerda{
    width: 100%;
    padding: 2%;
    font-size: 16px;
    
}
.tx-display{
    font-size: 12px;
    color: #888888;
}
label{
    font-weight: bold!important;
}
.btInicio{ 
   background-color:white;
    border-radius: 60px;
    border:15px solid #DF3F3F;
    font-size:0px;
    width:100px;
    height:100px;
    background-repeat:no-repeat;
    background-position: center;
    cursor: pointer;
    box-shadow: 3px 3px 5px #888888;
 }
 .btInicio:hover{
     border:13px solid #DF3F3F;
     box-shadow: 2px 2px 3px #888888;
   
 }

 
 
 

 .pnBotaoTexto{
   width: 100%;
   padding-top: 10px;
   text-align: center;
 
     
 }
 
 .pnBotaoInicio{
   padding: 10px;
   font-size: 18px; 
  
     
 }
 
 .textoPeq{
  font-size: 12px;   
 }
 .btDireita{
   width: 80px;
   height: 80px;
   text-align: center;
   vertical-align: middle;
   border-radius: 8px;
   color: black;
   
 border: 1px solid silver;

 }
 .btDireita-inicio{
     background-color: #E8EEF2;
     padding: 3px;
 }
 
 .tituloSlide{
    font-size: 30px; text-shadow: silver 0.1em 0.1em 0.2em;
    color: black;
 }
 .textoslide{
   font-size: 18px;  
 }
 
 .imgslide{
    padding: 0;

 }
 


.slogan{
   font-family: Impact, Charcoal, sans-serif; font-size: 18px; text-shadow: silver 0.1em 0.1em 0.2em;
   color:#DF3F3F
}

.btUser{
  
    background-image:url("/portaltransparencia/resources/32/user.png");

}

.btLogin{
 background-image:url("/portaltransparencia/resources/32/login.png");
}


.btMani{
  
    background-image:url("/portaltransparencia/resources/32/mani.png");

}

.btAcomp{
    background-image:url("/portaltransparencia/resources/32/acomp.png"); 
}
.iniTitulo{
 font-size: 20px;
 font-weight: bold;
 
}

.iniTexto{
   font-size: 14px; 
}

.titulo, .bemvindo, .subTitulo{
  font-family: 'Capriola';
  padding: 5px;
  text-align: center;
  width: 100%;
  font-size: 24px;
}

.titulo{
  background-color: #DF3F3F;
  color: white;

  
}

.subTitulo{
 text-align: left;
 font-size: 18px;
 color: gray;
}

.campos{
     font-size: 20px!important;
     text-transform: uppercase;
     font-weight: normal!important;
}

.pn10{
  width: 10%;    
}
.pn20{
  width: 20%;    
}
.pn30{
  width: 30%;    
}
.pn40{
  width: 40%;    
}
.pn60{
  width: 60%;    
}
.pn70{
  width: 70%;    
}
.pn80{
  width: 80%;    
}
.pn90{
  width: 90%;    
}



.bt {
   display: block;
    float: left;
    position: relative;
    height: 40px;
    width: 190px;
    margin: 0 10px 18px 0;
    text-transform: uppercase; 
    text-decoration: none;
    font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 25px;
    text-align: center;
     -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.gray,
.gray:hover {
    color: white;
    border-bottom: 4px solid #b2b1b1;
    background: #CBC9C5;
}
 
.gray:hover { 
    background: #e2e2e2;
 
}

.laranja,
.laranja:hover {
    color: white;
    border-bottom: 4px solid #E36D1F;
    background: coral;
}
 
.laranja:hover { 
    background: #E36D1F;

}

.btLogado, .btLogadoMaior, btDetalhe{
    width: 130px;
    height: 130px;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    background: transparent;
    color: white;
}
.btLogado{
    font-size: 18px;
    border: none !important;
}
.btLogadoMaior{
    background: none;
    width: 140px;
    height: 140px;
    box-shadow: 1px 1px 1px #888888;
}


.pnMenuTodo{
  width: 100%;
  height: 540px;
  border-radius: 10px;
}

.pageTitle, .pnTituloSessaodentro{
  margin: 0;
  width: 100%;
  height:50px;
  text-align: left;
  font-size: 18px; 
  padding-left: 5px;
  font-family: Capriola, Helvetica, sans-serif;
  padding-bottom: 2px;
  font-size: 35px;
  
  border-bottom-right-radius:20px;
  border-bottom-left-radius: 10px;
  width: 100%;
  height: auto;
  color: white;
  }

.pageTitle a {
 text-shadow: none;
 text-decoration: none;

}

.ui-breadcrumb{
    font-size:10px!important;
    background-image: none!important;
    background: none!important;
    border: none!important;
    width: 200px;
    padding: 0!important;
    color: white !important;
}

.bread{
    color: white !important;
    padding: 0!important;
    width: 100%!important;
    text-align: right!important;
    font-size: 10px!important;
    font-family: cursive!important;
}

.bread a:link{
   color: silver !important;
   font-weight: normal !important;
   text-decoration: none;
}


.ajax-status{
     bottom: 0px; right: 0px; position: fixed; 
     z-index: 99999;
  }
  
  .btTabela{
    height: 48px;
    width: 48px;
    padding-top: 28px!important;
    font-size: 8px!important;
    background-position: top !important;
    text-align: left!important;
    background-repeat: no-repeat !important;
  }
  
  .btTodas{
         background-image:url("/portaltransparencia/resources/32/todas.png") !important;
  }
  
  .btNaoRespondida{
      background-image:url("/portaltransparencia/resources/32/naorespondida.png") !important;  
      
  }
  
  .btRespondida{
      background-image:url("/portaltransparencia/resources/32/respondida.png") !important;  
      
  }
  .btEncaminhadas{
      background-image:url("/portaltransparencia/resources/32/encaminhadas.png") !important;  
      
  }
  .btNovos{
      background-image:url("/portaltransparencia/resources/32/novos.png") !important;  
      
  }
  
  .capriola{
    
  }
  .bordaRedonda{
 border: 1px solid silver;
 border-radius: 8px;
 text-align: left;
 padding: 5px;
 
}

.bordaredonda{
 border: 1px solid silver;
 border-radius: 3px;
 text-align: left;
 padding: 2px;
 width: 100%;
 
}

.botoes{
  width: 100%;
  padding-left: 10px;
  padding-top: 20px;
  padding-bottom: 50px;
}

.separacao{
    width: 100%;
    height: 2px;
    margin-bottom: 4px;
    border-bottom:1px dashed silver;
}

 .pnBordaEsquerda{
     border-left: 1px dashed silver;
     padding-left: 3px;
    
 }
 .fonteTitulo, .bemvindo{
     
 }
 
 .manuscrito{
   font-family: 'Coming Soon', cursive;
     
 }
 
 .paper {
        margin: 0 auto;
        padding: 6px 5px 4px 42px;
        position: relative;
        color: #444;
        line-height: 20px;
        background: #fff;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#d9eaf3), color-stop(4%, #fff)) 0 4px;
        background: -webkit-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
        background: -moz-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
        background: -ms-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
        background: -o-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
        background: linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
        -webkit-background-size: 100% 20px;
        -moz-background-size: 100% 20px;
        -ms-background-size: 100% 20px;
        -o-background-size: 100% 20px;
        background-size: 100% 20px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        
       -ms-transform: rotate(-1deg); /* IE 9 */
       -webkit-transform: rotate(-1deg); /* Chrome, Safari, Opera */
       transform: rotate(-1deg);

	
}
 
.paper::before {
        content: '';
        position: absolute;
        width: 4px;
        top: 0;
        left: 30px;
        bottom: 0;
        border: 1px solid;
        border-color: transparent #efe4e4;
     
}

.nomeOuvidor{
    font-size: 16px;
    font-weight: bold;
    font-family: 'Rock Salt', cursive;
}

.bola{
    width: 49px;
    height: 49px;
    text-align: center;
    vertical-align: middle;
}
.ouvidoriaLogo{
  padding: 1px;

}
.ouvidoriaSlogan{
    font-size: 22px;
    text-shadow: silver 0.1em 0.1em 0.2em;
     background-color: #DF3F3F;
     color: white;
}

.tituloTabela{
  padding: 3px;
  color: white;
  font-size: 25px;
  text-transform: uppercase;
  background-color: #DF3F3F;
  border-top-right-radius:2px;
  border-top-left-radius: 2px;
  margin-left: 15px;
  width: 70%;
}

.tituloTabelaCompleto {
    border-bottom: 2px solid #DF3F3F;
    width: 100%;
    height: auto;
}
.pnMenuTodo{
  width: 100%;
  height: 540px;
  border-radius: 10px;
  width: 100%; height: auto;
  padding-bottom: 10px;
}
.painel-logado-ini{
 width: 100%;
 font-size: 14px;
 text-align: justify;
}

.painel-logado-ini h1{
 font-size: 16px;
 
}

.pn100{
   width: 100%; 
}

.menuinicio{
    text-align-last: center;
    padding-left: 8%;
}

.menuinicio .btDireita{
 text-align: center;   


}

.menuinicio .btDireita:hover{
-webkit-box-shadow: -1px 9px 29px -7px rgba(0,0,0,0.69);
-moz-box-shadow: -1px 9px 29px -7px rgba(0,0,0,0.69);
box-shadow: -1px 9px 29px -7px rgba(0,0,0,0.69);
}
.btEsquerda{
  width: 100%;  
  text-align: center;
  font-size: 12px !important;
  color: gray!important;
  text-decoration: none;
  text-shadow: white 0.1em 0.1em 0.2em;
}

.btEsquerda a:link{
   font-size: 14px;
    color: gray!important;
    text-align: center;
  text-decoration: none!important;
  text-shadow: white 0.1em 0.1em 0.2em;
}

.bread-interno{
  font-size: 14px;
  color: silver;
  text-decoration: none;
  text-shadow: none;
}
#formulario{
    padding: 10px;
    font-size: 20px;
    font-weight: normal;
} 


#formulario label, #cadastrar input{
    font-size: 20px;
    text-transform: none;
}
#formulario input, #cadastrar input{
    font-size: 25px;
    text-transform: uppercase;
}

#captcha input, #captcha input{
    text-transform: none!important;
     font-weight: normal;
     font-size: 20px!important;
}



.pageTitleGeral{
  text-align: center;
  color: white;
  font-size: 35px;

  text-transform: uppercase;
  background-color: #DF3F3F;
  border-bottom-right-radius:5px;
  border-bottom-left-radius: 5px;
  width: 100%;
  height: auto;
  margin-bottom: 3px;
}

.pnLogin{
      margin-bottom: 10%;
      padding: 2%;
      border-radius: 2px;
      text-align: center;
           
}

.explicacaopequeno{
    width: 100%;
    height: 48px;
    text-align: center;
    vertical-align: middle;
    font-family: 'Changa One', sans-serif;
    font-size: 30px;
    background: silver;
}

.explicacaogrande{
    text-align: left;
  font-size: 14px; 
  width: 100%;
}
.explicacao-titulo{
    font-family: 'Indie Flower', cursive;
    font-weight: bold;
    font-size: 18px; 
}

.bread-inativo{
   text-decoration: none !important;
   cursor: default;
   background-color: transparent !important;
   border: none !important;
   padding: 0 !important;
}

 .objeto-escolhido{
     width: 100%; background-color: white; border-top-left-radius: 0; border-top-right-radius: 0;
     
 }
 
 .ui-paginator{
    font-size: 12px !important;   
}

.tab-sem-borda, .ui-tabs .ui-tabs-panel {
      padding:2px 2px !important;
}

.fim-rodape{
    background-color: #1F1238;
}
.logo-rodape{
    background-color: #E8EEF2;
    padding: 2px;
}

.esquecisenha{
    font-weight: bold !important; 
}

.linktabela{
    font-size: 16px;
    color: white;
    font-weight: bold;
}

.botao-na-tabela{
    font-size: 16px !important;
   
}

.botao-na-pagina{
    font-size: 18px !important;
  
}
.linktabela:hover{
    text-decoration: underline;
}
.botao-na-pagina{
    font-size: 18px !important;
}

.link-rodape{
    color: white!important;
    text-decoration: none!important;
}
.link-rodape:hover{
    color: white!important;
    text-decoration: underline!important;
}
.ouvidoriaLogo{
    padding: 3px;
    color: white;
    background-color: #007EB6;
    border-left: none !important;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

label{
    font-weight: bold!important;
}

.btInicio{ 
    background-color:white;
    border-radius: 60px;
    border:15px solid gray;
    font-size:0px;
    width:100px;
    height:100px;
    background-repeat:no-repeat;
    background-position: center;
    cursor: pointer;
    box-shadow: 3px 3px 5px #888888;
}

.btInicio:hover{
    border: 13px solid #EFB31E;
    box-shadow: 2px 2px 3px #888888;

}
.btInicioPequeno{
    color: black; 
}
.pnBotaoInicio{
    padding: 10px;
    font-size: 18px; 
}

.textoPeq{
    font-size: 12px;   
}


.tituloSlide{

    font-size: 30px; text-shadow: gray 0.1em 0.1em 0.2em;
    color: white;
}
.textoslide{
    font-size: 18px;  
}

.imgslide{
    padding: 0;

}

.slogan{
    font-family: Impact, Charcoal, sans-serif; font-size: 18px; text-shadow: gray 0.1em 0.1em 0.2em;
    color:#007EB6
}


.btUser{

    background-image:url("/portaltransparencia/resources/32/user.png");

}

.btLogin{
    background-image:url("/portaltransparencia/resources/32/login.png");
}


.btMani{

    background-image:url("/portaltransparencia/resources/32/mani.png");

}

.btAcomp{
    background-image:url("/portaltransparencia/resources/32/acomp.png"); 
}


.iniTexto{
    font-size: 14px; 
}

.titulo, .bemvindo, .subTitulo{
    font-family: 'Capriola';
    padding: 5px;
    text-align: center;
    width: 100%;
    font-size: 24px;
}
.titulo{
    background-color: grey;
    color: white;
}
.subTitulo{
    text-align: left;
    font-size: 18px;
    color: gray;
}

.campos{
    font-size: 20px!important;
    text-transform: uppercase;
    font-weight: normal!important;
}

.pn10{
    width: 10%;    
}
.pn20{
    width: 20%;    
}
.pn30{
    width: 30%;    
}
.pn40{
    width: 40%;    
}
.pn60{
    width: 60%;    
}
.pn70{
    width: 70%;    
}
.pn80{
    width: 80%;    
}
.pn90{
    width: 90%;    
}

.bt {
    display: block;
    float: left;
    position: relative;
    height: 40px;
    width: 190px;
    margin: 0 10px 18px 0;
    text-transform: uppercase; 
    text-decoration: none;
    font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 25px;
    text-align: center;
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
    border-radius: 3px;
}


.gray,
.gray:hover {
    color: white;
    border-bottom: 4px solid #b2b1b1;
    background: #CBC9C5;
}

.gray:hover { 
    background: #e2e2e2;

}

.laranja,
.laranja:hover {
    color: white;
    border-bottom: 4px solid #E36D1F;
    background: coral;
}

.laranja:hover { 
    background: #E36D1F;

}


.btLogado, .btLogadoMaior, btDetalhe{
    width: 130px;
    height: 170px;
    border-radius: 3px;
    padding: 5px;
    text-align: center;
    vertical-align: middle;

}

.btLogadoMaior{
    background: gray;
    width: 90px;
    height: 140px;
    
}

.btLogado:hover{

}
.btLogadoMaior:hover{
   background-color:  gray;
   border: none;
   box-shadow: none;
}

.pnMenuTodo{
    width: 100%;
    height: 540px;
    border-radius: 10px;
}


.ui-breadcrumb{
    font-size:10px!important;
    background-image: none!important;
    background: none!important;
    border: none!important;
    width: 200px;
    padding: 0!important;
    color: white !important;
}

.bread{
    color: white !important;
    padding: 0!important;
    width: 100%!important;
    text-align: right!important;
    font-size: 10px!important;
    font-family: cursive!important;
}

.bread a:link{
    color: gray !important;
    font-weight: normal !important;
    text-decoration: none;
}
.ajax-status{
    bottom: 0px; right: 0px; position: fixed; 
    z-index: 99999;
}

.pnLogin{
    margin-top:8%;
    margin-bottom: 10%;
    padding: 2%;
    text-align: center;
    background-color: gray;

}
.esquerda{
    width: 100%;
    min-height: 100%;
    height: 100% !important;
    background: #E8EEF2;

}
#esquerda h2{
    background-color: #007EB6;
    color: white;
    padding: 2%;

}


#esquerda h3{
    padding-left: 5%;
    font-size: 18px;
    color:gray;
    text-shadow: white 0.1em 0.1em 0.2em;
}

.textoslide{
    color: silver; 
}
 

 .btInicioPequeno{
     font-size: 14px !important;
     text-shadow:none !important;
   
 }
 
 .pnMenuTodo{
  width: 100%;
  height: 200px;
  border-radius: 10px;
}
.txAcessibilidade{
    color: white !important;
    box-shadow: none !important;
    font-size: 16px !important;
    text-decoration: none !important;
        
}
.txAcessibilidade a{
    font-weight: bold !important;
}
 

.bt-rodape{
    font-size: 14px !important;
    color: white;
    padding: 0;
    width: auto;
    height: auto;
}

.bt-rodape:hover{
    background: #FFBF00;
    background: -moz-linear-gradient(left, #FFBF00 0%, #FFBF00 50%, #FFBF00 100%);
    background: -webkit-linear-gradient(left, #FFBF00 0%, #FFBF00 50%, #FFBF00 100%);
    background: linear-gradient(to right, #FFBF00 0%, #FFBF00 50%, #FFBF00 100%);
}