@import url(http://fonts.googleapis.com/css?family=Capriola);
@import url(http://fonts.googleapis.com/css?family=PT+Sans:700);




.tituloPrefeitura{
  font-family: 'PT Sans', sans-serif!important;
  color: black; 
  font-size: 42px; 
  text-shadow: white 0.1em 0.1em 0.2em; text-transform: uppercase;
    
}
.sloganPrefeitura{
  font-family: 'PT Sans', sans-serif!important;
   font-size: 24px;
   text-transform: uppercase;
}
.esquecisenha{
    color: black!important;
}
.pn50{
  width: 50%;  
}

.pnOpcao{
    background: silver;
    width: 100%;
}
.tituloNaoLogado{
   border-bottom: 3px solid gray; 
   width: 100%;  
   padding: 10px;
   background-color: silver;
  background-color: silver;
  background: rgb(238,238,238); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

.esquerdaInterno{
    float: left;
    width: 66%;
    height: 100%;
   
    margin: 0;
}

.direitaInteriro{
    float: right;
    width: 33%;
    height: 100%;
    margin-top: 2px!important;
}
.modal{
   margin: 0;  
   width: 400px;
   height: 400px;
       
}

.conteudoCompleto {
width: 100%;
}


.semBorda tr, .semBorda td {  
    border: none !important;
    background: none !important;
    width: 100%;
    padding: 0;
    
 }
 
 .pnBordaEsquerda{
     border-left: 1px solid #F9F9F9;
     padding-left: 10px;
     height: 200px;
      width: 305px;
 }
 
 
 .texto{
     font-size: 12px;
 }
 
 .pn33{
    width: 33%;
    
 }
 
 .pn34{
   width: 34%;  
 }
.pn10{
  width: 10%;    
}
.pn20{
  width: 20%;    
}
.pn30{
  width: 30%;    
}
.pn40{
  width: 40%;    
}
.pn60{
  width: 60%;    
}
.pn70{
  width: 70%;    
}
.pn80{
  width: 80%;    
}
.pn90{
  width: 90%;    
}
.pnPesquisa{
  width: 600px;  
 }
 .pnPesquisaPeq{
  width: 300px;  
 }
 .pnPesquisaQua{
  width: 300px;
  height: 300px;
 }
 
 .textoPeq{
  font-size: 12px;   
 }
 
 .ajax-status{
     bottom: 0px; right: 0px; position: fixed; 
     z-index: 99999;
     
 }

 .rotulo{
     font-size: 14px;
     font-weight: bold;
    
 }
 
 .textArea{
     font-family: 'Courier New',Courier,monospace; font-size: 12px!important; font-style: normal; font-weight: normal; overflow: hidden!important; resize: none;
    
 }
 
  .textAreaEmitir{
     font-family: 'Courier New',Courier,monospace; font-size: 15px; font-style: normal; font-weight: normal;
     text-transform: uppercase;
 }
 
 
  
  
 .pnDescontos{
     border-right: 1px #000000 solid;     
 }


.pnBordaRedonda{
    width: 100%;
    border: 1px solid #F9F9F9;
    border-radius: 4px;
}
.subtitulo{
    font-size: 16px;
    width: 100%;
   
}

.bordaRedonda{
    width: 100%;
    border: 1px solid silver;
    border-radius: 8px;
    padding: 4px;
}
 
.desTabela{
  font-size: 12px;  
}
.ajuda_barra{
    background-color:transparent;
    border:0px;
    padding: 0;
    font-size:0px;
    width:80px;
    height:36px;
    background-repeat:no-repeat;
    cursor: pointer;
    background-color: transparent!important;
    border: none!important;
    background-image:url("/nfse/resources/barra/ajuda.png");
}
.ajuda_barra:hover{
    background-image:url("/nfse/resources/barra/ajuda_hover.png");
 
}

.pnAjuda{
    width: 500px;
    font-size: 12px;
    text-align: left;
    padding: 0;
    padding-right: 2px;
}

.campos{
    text-transform: uppercase;
}

.pnBordaDetalhes{
 width: 100%;
 background-color: #FEFAAA;
 padding: 3px;
 border: 1px solid black;
 border-radius: 20px;
    
}
.botoesDialog{
  width: 100%;
  background-color:#808080;
}
.bordaRedondaDet{
 border: 1px solid #808080;
 border-radius: 5px;  
 width: 100%;
 padding: 3px;
}

.btVerde, .btAmarelo, .btVermenlho, .buttonDownload{
   	-moz-border-radius:6px !important;
	-webkit-border-radius:6px !important;
	border-radius:6px !important;
	border:1px solid #268a16 !important;
	display:inline-block !important;
	cursor:pointer !important;
	color:#ffffff !important;
	font-family:arial !important;
	font-size:15px !important;
	font-weight:bold !important;
	padding:6px 24px !important;
	text-decoration:none !important;
	text-shadow:0px 1px 0px #aade7c !important;
    
} 


.btVerde, .buttonDownload {
   	-moz-box-shadow:inset 0px 1px 0px 0px #caefab !important;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab !important;
	box-shadow:inset 0px 1px 0px 0px #caefab !important;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811)) !important;
	background:-moz-linear-gradient(top, #77d42a 5%, #5cb811 100%) !important;
	background:-webkit-linear-gradient(top, #77d42a 5%, #5cb811 100%) !important;
	background:-o-linear-gradient(top, #77d42a 5%, #5cb811 100%) !important;
	background:-ms-linear-gradient(top, #77d42a 5%, #5cb811 100%) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811',GradientType=0) !important;
	background-color:#77d42a !important;
}



.btVerde:hover, buttonDownload:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a)) !important;
	background:-moz-linear-gradient(top, #5cb811 5%, #77d42a 100%) !important;
	background:-webkit-linear-gradient(top, #5cb811 5%, #77d42a 100%) !important;
	background:-o-linear-gradient(top, #5cb811 5%, #77d42a 100%) !important;
	background:-ms-linear-gradient(top, #5cb811 5%, #77d42a 100%) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a',GradientType=0) !important;
	background-color:#5cb811 !important;
}


.btVermenlho {
	-moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0 !important;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0 !important;
	box-shadow:inset 0px 1px 0px 0px #f7c5c0 !important;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d));
	background:-moz-linear-gradient(top, #fc8d83 5%, #e4685d 100%) !important;
	background:-webkit-linear-gradient(top, #fc8d83 5%, #e4685d 100%) !important;
	background:-o-linear-gradient(top, #fc8d83 5%, #e4685d 100%) !important;
	background:-ms-linear-gradient(top, #fc8d83 5%, #e4685d 100%) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d',GradientType=0);
	background-color:#fc8d83 !important;

}
.btVermenlho:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #fc8d83)) !important;
	background:-moz-linear-gradient(top, #e4685d 5%, #fc8d83 100%) !important;
	background:-webkit-linear-gradient(top, #e4685d 5%, #fc8d83 100%) !important;
	background:-o-linear-gradient(top, #e4685d 5%, #fc8d83 100%) !important;
	background:-ms-linear-gradient(top, #e4685d 5%, #fc8d83 100%) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83',GradientType=0) !important;
	background-color:#e4685d !important;
}


.btAmarelo {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1!important;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1!important;
	box-shadow:inset 0px 1px 0px 0px #fce2c1!important;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25))!important;
	background:-moz-linear-gradient(top, #ffc477 5%, #fb9e25 100%)!important;
	background:-webkit-linear-gradient(top, #ffc477 5%, #fb9e25 100%)!important;
	background:-o-linear-gradient(top, #ffc477 5%, #fb9e25 100%)!important;
	background:-ms-linear-gradient(top, #ffc477 5%, #fb9e25 100%)!important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25',GradientType=0)!important;
	background-color:#ffc477!important;

}
.btAmarelo:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477))!important;
	background:-moz-linear-gradient(top, #fb9e25 5%, #ffc477 100%)!important;
	background:-webkit-linear-gradient(top, #fb9e25 5%, #ffc477 100%)!important;
	background:-o-linear-gradient(top, #fb9e25 5%, #ffc477 100%)!important;
	background:-ms-linear-gradient(top, #fb9e25 5%, #ffc477 100%)!important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477',GradientType=0)!important;
	background-color:#fb9e25!important;
}
.btAmarelo:active, .btVermenlho:active, .btVerde:active, buttonDownload:active  {
	position:relative!important;
	top:1px!important;
}


.botoes{
  margin-top: 3px;
  margin-left: 5px;
  margin-right: 10px;
  width: 100%;
  border-radius: 8px;

  padding: 5px;
  padding-bottom: 10px;
  
    
}


.dica{
    border-radius: 15px;
    border-color: #FE0012;
    background-color: #FEFAAA;
    color:black;
    font-size: 12px;
    padding: 10px;
    text-align: center;
}

.linha1{
    background-color: #AFAFAF;
    width: 100%;
    padding: 2px;

}

.linha2{

    background-color: #dddddd;
    width: 100%;
    padding: 2px
}


.textoLinha{
    padding: 5px;
    font-size: 16px;

}

.campos{
    padding: 5px!important;
    font-size: 20px!important;  

}

.tituloTabela {
    width: 100%; 
    font-size: 18px;
 } 

.filtraResul{
    font-size: 12px!important; 

}

.imgInicio{
    width: 96px;
    height: 96px;
    border-radius: 15px;
    text-align: center;
    vertical-align: middle;
}

.textoTabela{
    font-size: 14px;
    text-transform: uppercase;
    
}


.titulo{
  font-size: 16px;
  font-family: Capriola, Helvetica, sans-serif;
}


.tituloMao{
  width: 100%;  
  text-align: center;  
  font-size: 22px;
  font-family: Capriola, Helvetica, sans-serif;
}

.loginimage {
	width: 128px;
	height:128px;
   }

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

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

.bread a:link{
  text-transform: uppercase;
}

.bread a:link:hover{
  text-decoration: none;
}


.imgFooter{
    text-align: center;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    border-radius: 50px;
}

.pontos{
    width: 100%;
    height: 24px;
    background-image:url("/nfse/resources/geral/outros/pontos.png");
    background-repeat: repeat-x;
    margin-bottom: 5px;
}

.opcoes{
    width: 100%;
    margin-top: 5px;  
    height: 100%; 
    
}
.tituloOpcao{
   font-family: Capriola, Helvetica, sans-serif;
   text-align: center;
   color: #777;
   font-size: 18px;
    
}

.pnNeutro{
    padding: 25px;
    background-color: #dddddd;
    border-radius: 3px;
}


.separacao{
    width: 100%;
    margin-top: 10px;
    margin-left: 10px;
   
}


.separacao{
    width: 100%;
    margin-top: 10px;
    margin-left: 10px;
   
}


.tituloCor{
    color: grey;
    font-size: 16px;
}

.tituloPage{
    width: 100%;
    text-align: left;

}
.tutloNaPagina{
    padding: 20px;
    padding-top: 5px;
    font-size: 20px;
    font-family: Capriola, Helvetica, sans-serif;
    text-shadow: 0px 2px 3px #666;
    text-transform: uppercase;
    color: #000000;
}


.tituloRodape, .txRodape{
  color: #777;
  font-size: 14px;
  font-weight: bold;
    
}

.txRodape{
  font-size: 12px;  
   font-weight: normal;  
}
.btIniLogado{
    border-radius: 50px!important;
    width: 100px;
    height: 100px;
    text-align: center;
     cursor: pointer;
    box-shadow: 1px 1px 4px #888888;
    
}
.btIniLogado:hover{
    background-color:yellow!important;
    box-shadow: none;
    border-radius: 50px!important;
}

.linhaRodeada{
  padding: 2px;
  border: 1px solid #000000;
  border-radius: 10px;
    
}

.textoTabelaPed{
 font-size: 10px;   
    
}


.pnBordaRedondaN{
 padding: 4px;
 border: 1px solid silver;
 border-radius: 4px;
 text-align: left;
    
}
.pnBordaRedondaADM{
 border: 1px solid silver;
 border-radius: 8px;
 text-align: left;
 
}

.ui-tabs .ui-tabs-panel {
      padding:2px 2px !important;
}

.ui-panel .ui-panel-content {
     padding:2px 2px !important;
}

.tituloTabela{
  padding: 5px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: silver;
  background: rgb(238,238,238); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
}

.espaco{
  margin-top: 10px;
  margin-bottom:10px;
    
}

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


#menubotao a:link{
    color: black!important;
    
}

#menubotao label{
     color: black!important;
}

.bodaRedonda{
  border: 1px solid silver;
  padding: 2%;
  border-radius: 4px;
}

#detalhesnota{
 width: 100%;

}

#detalhesnota .campos{
    font-weight: normal;
}

#detalhesnota label{
    font-weight: bold;
}


#confirmacao label{
   font-weight: normal;
}

.bread-nao-ativo{
    color: gray;
}




.detTabela{
  background-image:url("/nfse/resources/32/det.png")!important;  
  background-position: center;
  background-repeat: no-repeat;
  width: 48px;
  height: 48px;

   
}



.bt-menu-portal{
  border: 1px solid silver;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  height: 120px;
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.15);
-moz-box-shadow:    1px 1px 1px 0px rgba(50, 50, 50, 0.15);
box-shadow:         1px 1px 1px 0px rgba(50, 50, 50, 0.15);
    
}

.bt-menu-portal:hover{
-webkit-box-shadow:none;
-moz-box-shadow:    none;
box-shadow:         none;
 background-color: silver;   
}
.bt-menu-interno{
    width: 100%;
     vertical-align: middle;
  text-align: center;
  color: gray!important;
font-weight: bolder!important;
text-decoration: none!important;
}
.txbotao:hover{
   text-decoration: none!important;
}

.bordaredonda{
    width: 100%;
    border-radius: 4px;
    padding: 2px;
    border: 1px solid #F3F5F6;
    background-color: #F3F5F6;
}
.bordaRedonda-nota{
    width: 100%;
    border: 1px solid silver;
    border-radius: 4px;
    padding: 2px;
}

.btInicio{
    width: 250px;
    height: 100px;
    background-color: #F8F8F8;
}

.pnTituloSessao{
    color: white !important;
}
.pnTituloSessao{

    text-align: center;
    width: 100%;
    height: 30px;
    color: #808080;
    font-size: 24px;
    font-family: Capriola, cursive;
    padding: 3px;
    border-left: none;
    border-right: none;
    border-top: none; 
    border-radius: 3px !important;
   
}