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

a {
    text-decoration: none;
}

body, html { 
	background-color: #E5E5E5;
	height: 100%;
}

.clear {
    clear: both;
}

input:focus, select:focus, textarea:focus, *:focus { 
    outline:none;
}

/*--- Textos ---*/
h1, .t1 {
    display: block;
    height: 25px;
    font: bold 16px Arial;
    color: #666666;
    padding: 7px 0 0 20px;
    border-bottom: 1px solid #CFCFCF;
    
    position: relative;
    z-index: 1;
    
    background: #F4F4F4;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F4F4F4), to(#E3E3E3));
	background: -webkit-linear-gradient(#F4F4F4, #E3E3E3);
	background: -moz-linear-gradient(#F4F4F4, #E3E3E3);
	background: -ms-linear-gradient(#F4F4F4, #E3E3E3);
	background: -o-linear-gradient(#F4F4F4, #E3E3E3);
	background: linear-gradient(#F4F4F4, #E3E3E3);
	-pie-background: linear-gradient(#F4F4F4, #E3E3E3);

	behavior: url(../../pie.htc);
}

p {
    display: block;
    font: normal 11px Arial;
    color: #666666;
    margin: 10px 0 0 10px;
}

h3 
{
    font: bold 16px Arial;
}

label {
    font: normal 11px Arial;
    color: #666666;
    float: left;
    margin: 3px 0 0 0;
}

.lstArquivosSpan {
    float: left;
    width: 100%;
}

.btnUploadNomeArquivo  {
    float: left;
    font: normal 11px Arial;
    color: #666666;
    margin: 0px 0 0 10px;
    padding: 0;
}

.btnUploadDownload, .btnUploadExcluir {
    float: left;
    margin: 3px 0 0 10px;
    padding: 0;
    width: 20px;
}

.btnUploadExcluir {
    margin-left: 0px;
}

.btnUploadDownload img, .btnUploadExcluir img {
    float: left;
}

.btnLink {
    font: normal 11px arial;
    color: #666;
    text-decoration: underline;
}

.txtRed {
    color: #FF0000;
}

.tdTextArea {
    white-space: normal;
    min-width: 250px;
}

.tituloRelatorioDinamico {
    font: normal 20px arial;
    color: #666;
    font-weight: bold;
}

/*-------------*/

#geral {  
	margin: 0 auto; 
	position: relative;
	min-height: 100%;
	height: auto !important;
	height:100%;
}

#topo {
    float: left;
    width: 100%;
    height: 78px;
    position: relative;
    top: 0;
    left: 0;
}

#topo .logoEmpresa {
    position: absolute;
    top: -4px;
    left: 0;
    z-index: 999;
    width: 240px;
    height: 82px;
    padding-right: 30px;
}

#topo .logoEmpresa a {
    background: #fff;
    float: left;
    width: 240px;
    height: 82px;
    text-align: center;
}

/*----- Menu -----*/
#menuSuperior {
    float: left;
    height: 56px;
    overflow:hidden;
}

#menuSuperior ul {
    float: left;
    margin: -4px 0 0 280px;
    list-style: none;
}

#menuSuperior ul li {
    float: left;
    margin: 0 0 0 5px;
}

#menuSuperior ul li a {
    float: left;
    margin: 0;
    padding: 12px 0 10px 9px;
}

#menuSuperior ul li a img {
    float: left;
}

#menuSuperior ul li a span {
    position: relative;
    z-index: 999;
    float: left;
    margin: 5px 0 0 10px;
    padding: 3px 5px;
    display: none;
    font: normal 13px arial;
    text-align: center;
    
    -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	behavior: url(../../pie.htc);
}

#menuSuperior ul li a:hover, #menuSuperior ul li a.ativo {
    background: url(../images/bg-menuAtivo.png) no-repeat top left;
}

#menuSuperior ul li a:hover span, #menuSuperior ul li a.ativo span {
    display: block;
}

/*----- barra final topo -----*/
#box-info 
{
    float: left;
    width: 100%;
    height: 22px;
    
    position: relative;
    z-index: 1;
    
    background: #ffffff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#E5E5E5));
	background: -webkit-linear-gradient(#ffffff, #E5E5E5);
	background: -moz-linear-gradient(#ffffff, #E5E5E5);
	background: -ms-linear-gradient(#ffffff, #E5E5E5);
	background: -o-linear-gradient(#ffffff, #E5E5E5);
	background: linear-gradient(#ffffff, #E5E5E5);
	-pie-background: linear-gradient(#ffffff, #E5E5E5);

	behavior: url(../../pie.htc);
}

#box-info .btn-configuracao {
    float: right;
    margin: 1px 5px 0 10px;
}

#box-info .btn-configuracao img {
    float: left;
    height: 15px;
}

#box-info p {
    float: left;
    font: normal 11px arial;
    margin: 5px 0 0 5px;
}

#box-info .txt-tipo {
    color: #A4A4A4;
    text-align: right;
    margin-left: 15px;
}

#box-info .txt-info {
    color: #737373;
    text-align: left;
}

#box-info .btn-sair {
    border: 0;
    cursor: pointer;
    background: url(../images/btn-sair.png) no-repeat left top;
    float: left;
    width: 22px;
    height: 12px;
    margin: 6px 0 0 20px;
}

#box-info .box-logado {
    float: left;
    margin-left: 290px;
}

#box-info .acessoRapido {
    float: right;
    margin: 2px 10px 0 0;
}

#box-info .acessoRapido .input-buscar {
    float: right;
    width: 90px;
    height: 15px;
    margin-left: 25px;
    padding: 0px 5px 0 5px;
    border: 1px solid #DEDEDE;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #EDEDED;
    font: normal 11px arial;
    color: #666666;
    text-align: center;
}

#box-info .acessoRapido .btn-procurar {
    background: url(../images/btn-procurar.png) no-repeat left top;
    float: right;
    width: 24px;
    height: 17px;
    border: 0;
    cursor: pointer;
}

#box-info .acessoRapido .btn-ajuda {
    background: url(../images/btn-ajuda.png) no-repeat left top;
    float: right;
    width: 10px;
    height: 14px;
    margin: 2px 0 0 0;
}

#box-info .acessoRapido .barra {
    background: #E8E8E8;
    border-right: 1px solid #F5F5F5;
    float: right;
    width: 1px;
    height: 16px;
    margin: 2px 10px;
}

#box-info .acessoRapido .btn-messenger {
    background: url(../images/btn-messenger.png) no-repeat left top;
    float: right;
    width: 15px;
    height: 14px;
    margin: 2px 0 0 0;
}

/*----- Rodape -----*/
#rodape {
	background: url(../images/bg-rodape.jpg) repeat-x top left;
	position: absolute;
	bottom: 0 !important;
	width: 100%;
	height: 108px;
}

#rodape .btn-tera {
    float: left;
    width: 126px;
    height: 47px;
    margin: 30px 0 0 10px;
}

/*----- Conteudo -----*/
#conteudo {
	background: url(../images/bg-conteudo.jpg) repeat-x left top;
	background-color: #E5E5E5;
	border-top: 1px solid #fff;
	width: 100%;
	height: 100%;
	margin: 0 0 0 0;
	padding: 0 0 120px 0;
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
}

.bg-branco {
    display: block;
    margin: 20px 10px 0 10px;
    background: #fff;

}


/*--- Json ---*/
.box-centro {
    text-align: center;
    float: left;
    width: 100%;
}

.box-left150 {
    text-align: left;
    float: left;
    width: 100%;
    margin-left: 150px;
}

.box-list, .sanfona ul .box-list {
	margin: 25px auto;
	display: inline-block;
	width: auto;
	float: none;
}

#grid_total {
    margin-top: -20px;
}

.box-list li {
	margin: 0 auto;
	width: auto;
	float: none;
	display: block;
	padding: 5px 0;
	border-bottom: 1px solid #00125C;
}

.box-list li p {
	font: normal 11px Arial, Helvetica, sans-serif;
    color: #666;
	float: left;
	padding: 0;
	margin: 2px 0 0 10px;
	text-align: left;
	overflow: hidden;
}

.box-list .cabecalho {
	padding: 0;
	min-height: 20px;
}

.box-list .cabecalho .btnExcluir, .box-list .cabecalho .btnEditar, .box-list .cabecalho .btnExcluirRegLista {
	margin-top: 2px;
}

.box-list .cabecalho p {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #000;
}

.box-list li .btnExcluir, .box-list li .btnEditar, .box-list li .btnExcluirRegLista {
	float: right;
	margin: 2px 10px 0 0;
	width: 40px;
	text-align: center;
}

.box-list li .btnExcluir .botaoSubmit, .box-list li .btnEditar .botaoSubmit, .box-list li .btnExcluirRegLista .botaoSubmit {
	z-index: 1;
}

.box-list .txt1 {
	width: 30px;
}

.box-list .txt2 {
	width: 75px;
}

.box-list .txt75 {
	width: 75px;
}

.box-list .txtValor {
	width: 75px;
	text-align: right;
}

.box-list .center {
	text-align: center;
}

.box-list .right {
	text-align: right;
}

/*----- Sub Menu -----*/
.subMenu {
    background: url(../images/bg-conteudo.jpg) repeat-x left top;
	background-color: #E5E5E5;
	border-right: 1px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    min-width: 240px;
    display: none;
}

.subMenu .txt-modulo {
    display: block;
    background: url(../images/menu-seta.png) no-repeat right top;
    border-bottom: 1px solid #D8D8D8;
    height: 26px;
    font: bold 14px Arial;
    color: #3FA757;
    margin: 10px 10px 15px 10px;
    padding: 4px 0 0 0;
}

.subMenu ul {
    display: block;
    list-style: none;
}

.subMenu li {
    display: block;
}

.subMenu li a {
    border-bottom: 1px solid #D8D8D8;
    display: block;
    margin: 0 10px;
    padding: 5px 0;
    font: normal 13px Arial;
    color: #606060;
    white-space: nowrap;
}

.subMenu li a span {
    float: none;
    background: url(../images/btn-pagRight.png) no-repeat right 5px;
    width: 0px;
    height: 8px;
    margin: 5px 0 0 0;
    padding: 0 0 0 15px;
    opacity: 0.2;
    -moz-opacity: 0.2;
    filter: alpha(opacity=20);
    font: normal 13px arial;
}

.subMenu li ul {
    margin-left: 20px;
}

.subMenu li ul li a {
    margin-left: 20px;
    color: #898989;
}

.xNetSubMenuInterna {
    display: block;
    position: relative;
}

.xNetSubMenuInterna-ScroolBarInterno {
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
}


/*----- BTN do MODULO -----*/
.box-btnModulo {
    display: block;
    margin: 10px 10px 0 10px;
}

.box-btnModulo .btn-abas, .box-btnModulo .btn-abasAtivo {
    background: url(../images/btn-abas.jpg) repeat-x left top;
    float: left;
    min-width: 106px;
    height: 19px;
    margin: 10px 10px 0 0;
    padding: 3px 5px 0 5px;
    font: normal 13px Arial;
    color: #606060;
    text-align: center;
    position: relative;
    z-index: 1;
    
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	behavior: url(../../pie.htc);
}

.box-btnModulo .btn-abas:hover, .box-btnModulo:hover, .box-btnModulo .btn-abasAtivo {
    background-position: left bottom;
    color: #ffffff;
}

.box-btnModulo .btn-mostraFiltro, .box-btnModulo .btn-abaExportar {
    background: url(../images/btn-abas.jpg) repeat-x left top;
    float: left;
    width: 116px;
    height: 19px;
    margin: 10px 10px 0 10px;
    padding: 3px 0 0 0;
    font: normal 13px Arial;
    color: #909090;
    text-align: center;
    position: relative;
    z-index: 1;
    
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	behavior: url(../../pie.htc);
}

/*----- Relacao -----*/
.lista-relacao {
    display: block;
    position: relative;
    margin: 15px 10px 0 10px;
}

.lista-relacao .over {
    background-color: #ECECEC;
}

.lista-relacao .overClick {
    background-color: #ECECEC;
}

.lista-relacaoScroolBarInterno {
    display: block;
    height: 100%; /* AQUI QUE TÁ DANDO PROBLEMA NO PDF */
    margin: 0;
    padding: 0;
}

.tabela-relacao {
    font: normal 11px Arial;
    color: #000000;   
    min-width: 100%;
    padding-bottom: 10px;
}

.tabela-relacao td {
    white-space: nowrap;
}

.tabela-relacao .wsn {
    white-space: normal;
}

/*-- Topo tabela relacao --*/
.relacao-thead {

}

.relacao-thead tr {
    
}

.relacao-thead tr td {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #C6C6C6;
    font: bold 12px Arial;
    
    padding-left: 5px;
    padding-right: 5px;
}

.printExportacao .relacao-thead tr td {
    border: 1px solid #C6C6C6;
}

/*--- corpo tabela relacao ---*/
.relacao-tbody, .relacao-tfoot {
    background: #ffffff;
}

.relacao-tbody tr, .relacao-tfoot tr {
    
}

.relacao-tbody tr td, .relacao-tfoot tr td {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #C6C6C6;
    
    padding-left: 5px;
    padding-right: 5px;
}

/*--- Checkbox relacao ---*/
.relacao-checkbox, .form .relacao-checkbox {
    float: left;
    width: 12px;
    height: 12px;
    position: relative;
    margin: 0;
    margin-left: 5px;
}

.relacao-checkbox .fake-checkbox, .relacao-checkbox .fake-checkbox-ativo, .form .lista-relacao .relacao-checkbox .fake-checkbox, .form .lista-relacao .relacao-checkbox .fake-checkbox-ativo {
    background: url(../images/bg-checkbox.png) no-repeat left top;
    float: left;
    width: 12px;
    height: 12px;
}

.relacao-checkbox .fake-checkbox, .form .lista-relacao .relacao-checkbox .fake-checkbox {
    background-position: left top;
}

.relacao-checkbox .fake-checkbox-ativo, .form .lista-relacao .relacao-checkbox .fake-checkbox-ativo {
    background-position: left bottom;
}

.relacao-checkbox input[type=checkbox], .relacao-checkbox input[type=radio], .form .lista-relacao .relacao-checkbox input[type=checkbox], .form .lista-relacao .relacao-checkbox input[type=radio] { 
    position: absolute;
    top: 0; 
    left: 0;
    width: 12px;
    height: 12px;
    opacity: 0.0;
    -moz-opacity: 0.0;
    margin: 0;
    filter: alpha(opacity=00);
}

.relacao-checkbox label, .form .lista-relacao .relacao-checkbox label {
    display: none;
}

.selectAno, .form li select.selectAno, .filtro ul li select.selectAno, .filtro ul li .selectAno {
    width: 60px;
    float: none;
}

.selectMes, .form li select.selectMes, .filtro ul li select.selectMes, .filtro ul li .selectMes {
    width: 80px;
    float: none;
}

/*--- botoes Opções ---*/
.box-opcoes {
    display: block;
    width: 120px;
}

.btn-opcoes {
    float: left;
    margin: 0 0 0 5px;
    width: 12px;
}

.btn-opcoesExcluir {
    background: url(../images/btn-excluir.png) no-repeat top left;
    height: 13px;
    cursor: pointer;
}
/*--- Filtro ---*/
.filtro {
    background: #D6D6D6;
    display: block;
    margin: 15px 10px 0 10px;
    padding: 0 0 10px 0;
    display: none;
}

.filtro ul {
    display: block;
    width: 950px;
    list-style: none;
}

.filtro ul li {
    float: left;
    /*width: 250px;*/
    height: 22px;
    padding: 2px;
    margin: 10px 10px 0 10px;
    border: 1px solid #D6D6D6;
}

.filtro ul li:hover {
    border: 1px solid #fff;
}

.filtro ul li.btn-semBorda:hover{
    border: 1px solid #D6D6D6;
}

.filtro ul li.fundo {
    background: #F5F5F5;
    border: 1px solid #EDEDED;
}

.filtro ul li label {
    float: left;
    font: normal 11px Arial;
    color: #666666;
    padding: 5px 5px;
}

.filtro ul li .label-filtro {
    /*width: 80px;*/
}

.filtro ul li input[type=text], .filtro ul li .inputText, .filtro ul li select {
    font: normal 11px Arial;
    color: #666666;
    padding: 3px 5px;
    border: 0;
    float: left;
    width: 150px;
    min-width: 0;
}

.filtro ul li select {
    width: 160px;
}

.filtro ul li input[type=radio] {
    border: 0;
    float: left;
    width: 12px;
    height: 12px;
    margin: 5px 5px 0 5px;
}

.filtro .btn-esconderFiltro {
    background: #C9C9C9;
    float: right;
    padding: 5px 10px;
    font: normal 12px Arial;
    color: #606060;
}

.filtro .btn-executarFiltro {
    background: url(../images/btn-abas.jpg) repeat-x left top;
    float: right;
    width: 116px;
    height: 19px;
    margin: 0;
    padding: 3px 0 0 0;
    font: normal 13px Arial;
    color: #606060;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 1;
    
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	behavior: url(../../pie.htc);
}

.filtro .btn-executarFiltro:hover {
    background-position: left bottom;
    color: #ffffff;
}

/*--- fake combo ---*/
.fake-combo {
    background: #fff;
    border: 1px solid #EDEDED;
    float: left;
    width: 252px;
    padding: 0;
}

.fake-combo p {
    background: url(../images/btn-combo.png) no-repeat right top;
    float: left;
    width: 247px;
    height: 17px;
    padding: 3px 0 0 5px;
    margin: 0;
    font: normal 11px Arial;
    color: #000000;
    cursor: pointer;
}

.caixaScroolBar {
    background: #ffffff;
    float: left;
    width: 100%;
    height: 250px;
    max-height: 250px;  
    position: relative;
    z-index: 9999;
    display: none;
}

.scroolBarInterno {
    float: left;
    width: 100%;
    height: 100%;
    min-height: 100%;
}

.fake-combo ul {
    background: #fff;
    float: left;
    width: 230px;
    list-style: none;   
}

.fake-combo ul li, .filtro .fake-combo ul li {
    float: left;
    width: 100%;
    height: auto;
    padding: 0 0 0 0;
}

.fake-combo ul li input[type=checkbox] {
    float: left;
    width: 12px;
    height: 12px;
    margin: 1px 0 0 0;
}


.fake-combo ul li label {
    float: left;
    width: 185px;
    padding: 0px 5px 0 5px;
}

/*--- rodape relacao ---*/
.rodape-relacao {
    background: #ECECEC;
    display: block;
    min-height: 30px;
    margin: 0 10px 0 10px;            
}

.acoes-relacao {
    float: left;
    width: 250px;
    margin: 7px 0 0 10px;
}

.acoes-relacao select {
    float: left;
    width: 235px;
    font: normal 11px Arial;
    color: #AAAAAA;    
}

.legenda-relacao {
    float: left;
    min-width: 480px;
    margin: 9px 0 0 10px;
}

.legenda-relacao p {
    float: left;
    font: normal 10px Arial;
    color: #666666;
    margin: 0 0 0 10px;
}

.legenda-relacao img {
    float: left;
    margin: 0 0 0 10px;
}

.item {
    float: left;
    width: 200px;
    white-space: nowrap;
    padding-bottom: 10px;
}

/*--- Paginacao ---*/
.paginacao {
    background: #C5C5C5;
    float: right;
    width: 215px;
    height: 30px;
    padding-left: 10px;
}

.paginacao a, .paginacao p {
    float: left;
    font: bold 13px Arial;
    color: #666666;
    margin: 0px 0 0 5px;
    padding-bottom: 3px;
}

.paginacao .btn-seta {
    margin-top: 11px;
}

.paginacao .btn-txt {
    margin-top: 7px;
}

.paginacao a:hover {
    border-bottom: 1px solid #E5E5E5;
}

.paginacao a.desativado {
    opacity: 0.2;
    -moz-opacity: 0.2;
    filter: alpha(opacity=20);
}

.paginacao .input-paginacao {
    border: 1px solid #E5E5E5;
    float: left;
    width: 65px;
    height: 13px;
    margin: 8px 0 0 25px;
    text-align: center;
    font: normal 10px Arial;
    color: #666666;
}

.paginacao .btn-enviar {
    background: url(../images/btn-enviar.png) no-repeat left top;
    border: 0;
    float: left;
    width: 17px;
    height: 15px;
    margin: 8px 0 0 10px;
    text-align: center;
    font: normal 10px Arial;
    color: #666666;
    cursor: pointer;
}

/*--- box-login ---*/
.box-login {
    display: block;
}

.box-login .form-login {
    float: left;
    width: 250px;
}

.box-login ul {
    float: left;
    width: 100%;
    list-style: none;
    margin: 15px 0 0 20px;
}

.box-login ul li {
    list-style: none;
    float: left;
    width: 100%;
    margin: 5px 0 0 0;
}

.box-login ul li.bg {
    background: #F5F5F5;
    border: 1px solid #D2D2D2;
}

.box-login ul li label {
    float: left;
    width: 40px;
    list-style: none;
    font: normal 11px Arial;
    color: #666666;
    padding: 2px 0 2px 10px;
}

.box-login ul li .input-login {
    background: #F5F5F5;
    float: left;
    list-style: none;
    font: normal 11px Arial;
    color: #666666;
    
    width: 190px;
    height: 15px;
    margin: 0px 0 0 0px;
    padding: 2px 5px 0 5px;
}

.box-login ul li .btn-esqueciSenha {       
    background: url(../images/btn-abas.jpg) repeat-x left top;
    float: right;
    height: 19px;
    margin: 0px 10px 0 0;
    padding: 3px 10px 0 10px;
    font: normal 13px Arial;
    color: #606060;
    text-align: center;
    
    position: relative;
    z-index: 1;
    
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	behavior: url(../../pie.htc);
}

.box-login ul li .btn-esqueciSenha:hover {
    background-position: left bottom;
    color: #ffffff;
}

.box-login ul li .btn-ok {       
    background: url(../images/btn-abas.jpg) repeat-x left bottom;
    float: right;
    height: 22px;
    margin: 0px 0px 0 0;
    padding: 3px 15px;
    font: normal 13px Arial;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    
    position: relative;
    z-index: 1;
    
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	behavior: url(../../pie.htc);
}

.box-login ul li .btn-ok:hover { 
    background-position: left top;
    color: #606060;
}

.msg-erro, .msg-ok {   
    float: left;
    margin: 20px 0 0 20px;
    padding: 10px 20px;
    text-align: left;
    
    position: relative;
    z-index: 1;
    
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	behavior: url(../../pie.htc);
}

.msg-erro b, .msg-ok b {
    font-size: 12px;
}

.msg-erro {   
    background: #F5F5F5;
    border: 1px solid #ff0000;
    font: normal 11px Arial;
    color: #ff0000;
}

.msg-ok {   
    background: #F5F5F5;
    border: 1px solid #D2D2D2;
    font: normal 11px Arial;
    color: #666666;
}

/*----- Sanfona -----*/
.sanfona {
	display: block;
	margin: 0 10px 0 10px;
}

.sanfona ul {
	background: #fff;
	float: left;
	width: 100%;
	list-style: none;
}

.sanfona ul .itemSanfona{
	float: left;
	width: 100%;
	padding: 0;
	margin: 5px 0 0 0;
	height: auto;
}

.sanfona ul .itemSanfona:first-child {
    /*margin-top: 10px;*/
}

.sanfona ul li .btn {
	border-bottom: 1px solid #CFCFCF;
	display: block;
    height: 25px;
    font: bold 16px Arial;
    color: #666666;
    padding: 7px 0 0 20px;
    cursor: pointer;
    
    position: relative;
    z-index: 1;
    
    background: #F4F4F4;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F4F4F4), to(#E3E3E3));
	background: -webkit-linear-gradient(#F4F4F4, #E3E3E3);
	background: -moz-linear-gradient(#F4F4F4, #E3E3E3);
	background: -ms-linear-gradient(#F4F4F4, #E3E3E3);
	background: -o-linear-gradient(#F4F4F4, #E3E3E3);
	background: linear-gradient(#F4F4F4, #E3E3E3);
	-pie-background: linear-gradient(#F4F4F4, #E3E3E3);

	behavior: url(../../pie.htc);
}

.sanfona ul li .btn.txtRed {
    color: #FF0000;
}

.sanfona ul li .btn span{
	background: url(../images/sanfona-seta.png) no-repeat left bottom;
	float: left;
	width: 24px;
	height: 12px;
	margin-left: 0;
	margin-top: 3px;
}

.sanfona ul li .btn:hover {
	
}

.sanfona ul li .btn:hover span {
	background-position: left top;
}

.sanfona ul li .sanfonaConteudo {
	float: left;
	width: 100%;
	margin: 5px 0 0 0;
	padding-bottom: 30px;
	display: none;
}

.sanfona ul .on .btn {
}

.sanfona ul .on .btn span {
	background-position: left top;
}

.sanfona ul .on .sanfonaConteudo {
	display: block;
}

/*----- TOOLTIP -----*/
#tooltip {
	position: absolute;
	z-index: 3000;
	background: #F5F5F5;
    border: 1px solid #EDEDED;
    color: #666666;
	padding: 5px;
	opacity: 0.85;
}

#tooltip h3, #tooltip div { margin: 0; }

#tooltip h3 {
	font: bold 11px Arial;
	color: #666666;
}

#tooltip div {
	font: normal 11px Arial;
	color: #666666;
}

/*----- Formulários -----*/
.form {
    display: block;
    padding: 0;
    list-style: none;
}

.form li {
    float: left;
    margin: 10px 0 0 30px;
    white-space: nowrap;
    border: 1px solid #fff;
    padding: 2px;
    padding-right: 25px;
    min-height: 26px;
}

.form li.textarea {
    white-space:normal;
}

.form li.subForm {
    width: 100%;
    margin: 0;
    padding: 0;
}

.form li.subForm:hover {
    border: 1px solid #fff;
}

.form li:hover {
    border: 1px solid #CFCFCF;
}

.form li.listaDivisao {
    width: 100%;
    margin: 0;
    padding: 2px 0;
    border: 0;
    min-height: 0;
}

.form li.listaDivisao:hover {
    border: 0;
}

.form li.listaDivisao2 {
    width: 100%;
    padding: 20px 0;
    margin: 0;
    border: 0;
}

.form li.listaDivisao:hover, .form li.listaDivisao2:hover {
    border: 0;
}

.form li.semBorda {
    border: #fff;
}

.form li.semBorda:hover {
    border: #fff;
}

.form li.listaDivisao .barraDivisao {
    border-top: 1px solid #D8D8D8;
    display: block;
    margin: 20px 10px 0 10px;
}

.form li.listaDivisao .tituloDivisao {
    font: bold 11px Arial;
    color: #666666;
    display: block;
    margin: 10px 0 0 10px;
    text-align: left;
}

.form li label {
    font: normal 11px Arial;
    color: #666666;
    float: left;
    margin: 3px 0 0 0;
    text-align: right;
}

.form li input[type=text], .form li input[type=password], .form li select, .form li textarea {
    background: #F5F5F5;
    border: 1px solid #EDEDED;
    font: normal 11px Arial;
    color: #666666;
    float: left;
    padding: 2px 5px;
    margin: 0 0 0 5px;
}

.form li input[type=text]:focus, .form li input[type=radio]:focus, .form li input[type=password]:focus, .form li select:focus, .form li textarea:focus {
    outline:none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}

.form li select {
    padding: 0;
    width: 230px;
    height: 20px;
}

.form li .inputGeral {
    width: 220px;
}

.form li .inputData {
    width: 57px;
}

.form li .inputHora {
    width: 80px;
}

.form li .btn-acessar, .btn-enviarMenor {
    background: url(../images/btn-acessar.jpg) repeat-x left bottom;
    float: left;
    height: 18px;
    margin: 1px 0 0 10px;
    padding: 0px 15px 0 15px;
    font: normal 13px Arial;
    color: #606060;
    text-align: center;
    position: relative;
    z-index: 1;
    
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	behavior: url(../../pie.htc);
}

.form li .btn-acessar:hover, .btn-enviarMenor:hover {
    background-position: left top;
    color: #fff;
}

.form li fieldset{
	float: left;
	width: auto;
	height: 20px;
	margin: 0;
	padding: 0;
	border: 0;
} 

.form .inputRadio {
    
}

.form .inputRadio input[type=radio], .form .inputCheckbox input[type=checkbox], .form input[type=checkbox] {
	float: left;
	width: 13px;
	height: 13px;
	overflow: hidden;
	padding: 0;
	margin: 4px 5px 0 15px;
	border: 0;
}

.xNetMenu_ImagemRadioButton {
    float: left;
    margin: -7px 0 0 5px;
}

.form .botaoSubmit, .botaoSubmit {
    background: url(../images/btn-acessar.jpg) repeat-x left bottom;
    float: left;
    height: 18px;
    margin: 1px 0 0 10px;
    padding: 0px 15px 0 15px;
    font: normal 13px Arial;
    color: #606060;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 1;
    
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	behavior: url(../../pie.htc);
}

.box-list .botaoSubmit {
    font-size: 11px;
}

.box-list .botaoSubmit:hover {
    background-position: left top;
    color: #ffffff;
}

.form .botaoSubmit:hover {
    background-position: left top;
    color: #ffffff;
}

.form .alignVerticalBtnAcessar {
    float: left;
}

.formTabela li {
    margin: 0 0 0 30px;
}
.formTabela li label {
    width: 180px;
    text-align: right;
}


/*--- Validacao ---*/
.form li select.error, .form input.error, .form textarea.error {
	border-color: #ff0000;
	background: none;
}

.form li label.error {
	background: url(../images/validacao_erro.png) no-repeat left top;
	float: left;
	width: auto;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: red;
	text-align: left;
	padding: 0 0 0 20px;
	margin: 3px -25px 0 5px;
	height: 15px;
	overflow: hidden;
}

.form li .error.ok {
	background-position: left bottom;
}


/*--- Padroes texto / input ---*/
.inputCaixaCurta {
	width: 50px;
	text-align: left;
}

span.inputText, .form span.inputText {
	float: left;
	margin: 3px 0 0 10px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #666;
	width: auto;
}
.grid_inputText, .box-list li .grid_inputText2{
	width: 150px;
}

.inputText, .box-list li .inputText {
	min-width: 250px;
}

.grid_inputText, .box-list li .grid_inputText{
	width: 100px;
}

.inputText2, .box-list li .inputText2 {
	width: 150px;
}

.grid_inputText3, .box-list li .grid_inputText3{
	width: 480px;
}

.grid_inputText4, .box-list li .grid_inputText4 {
	width: 200px;
}

.inputText3, .box-list li .inputText3 {
	width: 60px;
}

.inputText4 {
	width: 45px;
}

.grid_inputCep, .box-list li  {
	min-width: 55px;
}

.inputCep {
	width: 65px;
}

.grid_inputCnpj, .box-list li .grid_inputCnpj {
	min-width: 110px;
}

.inputCnpj {
	width: 120px;
}

.grid_inputCpf, .box-list li .grid_inputCpf {
	min-width: 80px;
}

.inputCpf {
	width: 90px;
}

.grid_select1, .box-list li .grid_select1 {
	min-width: 90px;
}

.select1 {
	width: 250px;
}

.grid_select2 {
	min-width: 90px;
}

.select2 {
	width: 150px;
}

.grid_inputData, .box-list li .grid_inputData {
	min-width: 55px;
	text-align: center;
}

.inputData {
	width: 65px;
}

.inputDataMes {
	width: 15px;
}

.inputDataAno {
	width: 30px;
}

.inputHoraHM {
	width: 35px;
}

.grid_inputHoraHM, .box-list li .grid_inputHoraHM {
	min-width: 35px;
}

.inputHoraHMS {
	width: 55px;
}

.grid_inputHoraHMS, .box-list li .grid_inputHoraHMS {
	min-width: 50px;
    text-align: center;
}

.grid_mw80
{
    min-width: 80px;
}

/*funções horaHM e horaHMS*/

.grid_inputNumero, .box-list li .grid_inputNumero {
	min-width: 50px;
	text-align: center;
}

.inputProtocolo {
    width: 90px;
	text-align: center;
}

.grid_inputProtocolo, .box-list li .grid_inputProtocolo {
    min-width: 90px;
	text-align: left;
}

.inputLicenca {
    width: 70px;
	text-align: center;
}

.grid_inputProtocolo, .box-list li .grid_inputProtocolo {
    min-width: 70px;
	text-align: left;
}

.inputNumero {
	width: 50px;
	text-align: left;
}

.grid_inputNumeroFloat, .box-list li .grid_inputNumeroFloat {
	min-width: 50px;
	text-align: right;
}

.inputNumeroFloat {
	width: 60px;
	text-align: right;
}

.grid_inputPlacaCarro, .box-list li .grid_inputPlacaCarro {
	min-width: 50px;
}

.inputPlacaCarro {
	width: 60px;
}

.grid_inputRadio, .box-list li .grid_inputRadio {
	min-width: 70px;
}

.grid_inputTelefone, .box-list li .grid_inputTelefone, .grid_inputTelefoneBR, .box-list li .grid_inputTelefoneBR {
	min-width: 100px;
}

.inputTelefone {
	width: 100px;
}

.grid_textArea1, .box-list li .grid_textArea1 {
	min-width: 250px;
}

.grid_textArea2 {
	min-width: 400px;
}

.grid_espaco, .box-list li .grid_espaco{
    padding-left: 25px;
}

.textArea1 {
	width: 250px;
	height: 120px;
}

.textArea2 {
	width: 550px;
	height: 350px;
}

.inputUF {
    width: 20px;
}


/*----- Chat -----*/
#chat {
    position: absolute;
    top: 83px;
    right: 10px;
    z-index: 999;
    display: none;
    
    width: 375px;
    height: 420px;
    
    border: 1px solid #CFCFCF;
    background: #F3F3F3;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F3F3F3), to(#D2D2D2));
	background: -webkit-linear-gradient(#F3F3F3, #D2D2D2);
	background: -moz-linear-gradient(#F3F3F3, #D2D2D2);
	background: -ms-linear-gradient(#F3F3F3, #D2D2D2);
	background: -o-linear-gradient(#F3F3F3, #D2D2D2);
	background: linear-gradient(#F3F3F3, #D2D2D2);
	-pie-background: linear-gradient(#F3F3F3, #D2D2D2);

	behavior: url(../../pie.htc);
}

#chat h2 {
    display: block;
    font: normal 16px Arial;
    color: #666666;
    background-color: #F5F5F5;
    padding: 5px 10px;
}

#chat .msgRecebida, #chat .msgEnviar {
    border: 1px solid #DBDBDB;
    font: normal 11px Arial;
    color: #666666;
    float: left;
    width: 345px;
    margin: 10px 0 0 10px;
    padding: 5px;
    resize: none; 
}

#chat .msgRecebida {
    height: 218px;
}

#chat .msgEnviar {
    height: 92px;
}

#chat .listaUsuarios {
    border: 1px solid #DBDBDB;
    float: left;
    width: 230px;
    height: 20px;
    margin: 10px 0 0 30px;
}

#chat .btn-enviarMenor {
    margin: 11px 0 0 10px;
    padding: 0 20px;
}

/*-- Classes especiais --*/

.escondeObjeto {
    display: none;
}

.xNetEsconder {
    display : none;
}

.printExportacao .lista-relacaoScroolBarInterno {
    display: block;
    margin: 0;
    padding: 0;
} 

.PDF .lista-relacaoScroolBarInterno {
    height: 0;
}

.printExportacao #geral {  
	margin: 0 auto; 
	position: relative;
	min-height: 0;
	height: auto;
}

.printExportacao #conteudo {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
	left: 0;
}

.printExportacao .xNetEsconder {
    display: block;
}

.printExportacao .xNetBotaoExportacao 
{
    width: 1px;
    height: 1px;
    display: none;
    visibility:hidden;
    left: -3000;
    top: 0;
    position:absolute;
}

.box-btnExportar {
    float: left;
    width: 100%;
    min-height: 100%;
    margin: 100px 0 0 0;
    text-align: center;
}
.box-btnExportar img  
{
    margin: 0 15px;
}
.box-btnExportar p
{
    display: inline-table;
}

.msgRetorno {
    background: #fff;
    display: block;
    margin: 0 10px;
    padding-bottom: 20px;
}

.treeView a {
    font: normal 11px Arial;
    color: #666;
    padding: 3px 0 0 0;
    float: left;
}

.gridOperacao td {
    font: normal 13px Arial;
    color: #666;
    padding: 5px 0 0 5px;
    margin: 0;
}

.gridOperacao a {
    float: left;
    font: normal 13px Arial;
    color: #666;
}

.form li .gridOperacao select {
    margin: 5px 0 0 0;
}

.form li .gridOperacao .url {
    width: 400px;
}

.form li .gridOperacao .operacao {
    width: 150px;
}

.box-fluante {
    position: absolute;
    top: 0px;
    right: 25%;
    border: 2px solid #ccc;
    background-color :#ffffff;
    width: 250px;
    min-height: 30px;
    padding: 10px;
    z-index: 50;
    font: normal 11px Arial;
}

.pnlBotaoBuscaCep {
    float: left;
}


/*--- box modal ---*/
#mask {
    position:absolute;
    z-index:9998; /* O z-index do div#mask deve ser menor que do div#boxes e do div.window */
    background-color:#000;
    display:none;
    top: 0;
    left: 0;
}

#modal .window {
    background-color: #fff;
    position: absolute;
    width: 400px;
    height: 300px;
    /*padding: 20px;*/
    display: none;
    z-index: 9999;
}

/* Personalize a janela modal aqui. Você pode adicionar uma imagem de fundo. */

#modal .interno {
    display: block;
    position: relative;
}

#modal .internoScroolBarInterno, #modal .iframe {
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
}

#modal .close {
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 20; 
}

#modal .close img {
    max-width: 30px;
    max-height: 30px;   
}


/* Auxiliares */

.minWidth0
{
    min-width: 0px;
}

.w100
{
    width: 100px;
    min-width: 100px;
}

.w50
{
    width: 50px;
    min-width: 50px;
}

.w40
{
    width: 40px;
    min-width: 40px;
}