/* CSS Document */
*{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
}
html{
	overflow-y:scroll;
}
body{
	background-image:url(../img/bg_rajada.jpg);
	background-repeat:no-repeat;
	background-color:#002180;
	color:#717171;
}

a img{
	border:none;
}

/* === LOCALIZE SUA CARGA ====*/
#cnpj_cliente{
	width:600px;
	height:100px;
	overflow: auto;
	border:1px dotted #d8d8d8;
}

/*===== estrutura principal =====*/
#tablePrincipal{
	width:1000px;
}
#tablePrincipal .topoP{
	background-image:url(../img/tbl_bg_topo.png);
	background-repeat:no-repeat;
}
#tablePrincipal .bottomP{
	background-image:url(../img/tbl_bg_bottom.png);
	background-repeat:no-repeat;
	height:33px;
}
#tablePrincipal .meioP{
	background-color:#E7E7E7;
	border:1px solid #DDD;
	padding-left:20px;
	padding-right:20px;
	/*height:200px;*/
	vertical-align:top;
}
/*=== fim estrutura principal ===*/

/* ====== conteudo geral ===== */
#conteudoGeral{
	width:960px;
}
#conteudoGeral .topo{
	background-image:url(../img/tbl_conteudo_topo.gif);
	background-repeat:no-repeat;
	height:19px;
}
#conteudoGeral .meio{
	background-image:url(../img/tbl_conteudo_meio.gif);
	background-repeat:repeat-y;
	/*height:200px;*/
	padding-left:1px;
	padding-right:5px;
	vertical-align:top;
}
#conteudoGeral .bottom{
	background-image:url(../img/tbl_conteudo_bottom.gif);
	background-repeat:no-repeat;
	height:19px;
}
/* ==== fim conteudo geral === */

/* ====== topo Logo ===== */
#topoLogo{
	width:954px;
	background-image:url(../img/bg_topo_logo.jpg);
	height:173px;
}
#topoLogo .logo{
	width:240px;
	height:135px;
	text-align:center;
	padding-right:18px;
}
#topoLogo .user{
	padding-left:20px;
	padding-right:10px;
	height:25px;
}
#topoLogo .topMenu{
	padding-right:25px;
	text-align:right;
}
#topoLogo a{
	font-weight:bold;
	text-decoration:none;
	color:#717171;
}
#topoLogo a:hover{
	font-weight:bold;
	text-decoration:underline;
	color:#0E498D;
}
/* ==== fim topo Logo === */

/* ====== conteudoColunas ===== */
#conteudoColunas{
	width:910px;
	margin-top:20px;
	margin-left:18px;
	margin-right:24px;
}
#conteudoColunas .colMenu{
	width:220px;
	vertical-align:top;
}
#conteudoColunas .meioM{
	background-color:#fff;
	background-image:url(../img/menu_bg.gif);
	background-repeat:repeat-y;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:5px;
}
#conteudoColunas .negocio{
	width:696px;
	padding-left:20px;
}
/* ==== conteudoColunas === */

/* ====== menu ===== */
#menuSisot{
	width:220px;
}
#menuSisot .titMenu{
	background-image:url(../img/menu_top.gif);
	text-align:center;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	height:30px;
}
/* ==== fim menu === */

/* ====== menu ===== */
#menuRastreamento{
	width:220px;
}
#menuRastreamento .titMenu{
	background-image:url(../img/menu_top.gif);
	text-align:center;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	height:30px;
}
/* ==== fim menu === */

/* ====== Coluna Negócio ===== */
#colNegocio{
	width:672px;
	
}
#colNegocio .titPagina{
	background-image:url(../img/conteudo_topo.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	font-size:13px;
	padding-left:35px;
	height:29px;	
}
#colNegocio .meioN{
	background-image:url(../img/conteudo_meio.gif);
	height:200px;
	vertical-align:top;
}
#colNegocio .btVoltar{
	background-image:url(../img/conteudo_meio.gif);
	height:20px;
	text-align:right;
	padding-right:15px;
}
/* ==== Coluna Negócio === */

/* ====== Coluna Negócio ===== */
#conteudo{
	width:672px;
	
}
#conteudo .meioC{
	background-image:url(../img/bg_logo.gif);
	background-repeat:no-repeat;
	padding:20px;
	height:200px;
	vertical-align:top;
}

#conteudo .fieldsetModulo{
	width:588px;
	padding:10px;
	text-align:right;
	border:1px solid #cdcdcd;
}
/* ==== Coluna Negócio === */

/* ==== Barra Progresso === */
#barraProgresso {
	background-image:url(../img/botoes/barra_progresso.gif);
	background-repeat:no-repeat;
	color:#d7d7d7;
	/*padding-left:10px;*/
	width:600px;
	height:35px;
}
#barraProgresso li{
	display:inline;
	margin-right:50px;
	font-size:11px;
}
#barraProgresso b, strong{
	color:#012F6B;
	font-size:11px;
}
/* ==== Fim Barra Progresso === */



/* input */
input {
	border:1px solid #cdcdcd;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	height:19px;
}

/* fim input */

/* select */
select {
	border:1px solid #cdcdcd;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	height:25px;
}

.selectMedio {
	width:170px;
	
}

/* fim select */


/* checkbox */
checkbox {
	border:none;
}
/* fim checkbox */

/* fieldset */
fieldset{
	width:625px;
	margin-top:10px;
	/*padding:10px;*/
	border:1px solid #cdcdcd;
}
fieldset legend{
	font-weight:bold;
}

.fieldsetGrande{
	width:430px;
	margin-top:10px;
	padding:3px;
	border:1px solid #cdcdcd;
}

.fieldsetMedio{
	width:280px;
	margin-top:10px;
	padding:3px;
	border:1px solid #cdcdcd;
	min-height:50px;
}

/* fim fieldset */

/*===== busca =====*/
#busca{
	width:630px;
	border:1px solid #E5E5E5;
}


/* ====== Atencao ===== */
#atencao{
	width:625px;
	padding:10px;
	margin-bottom:20px;
}
#atencao td{
	color:#990000;
	background-color:#e7e7e7;
	border:1px dotted #ccc;
}

/* ====== Atencao ===== */
#atencao2{
	width:625px;
	padding:10px;
	margin-bottom:20px;
}
#atencao2 td{
	color:#990000;
	font-weight:bold;
	border:1px dotted #ccc;
}




/* ====== Formularios de cadastro ===== */
#formCadastros{
	width:625px;
}
#formCadastros td{
	width:150px;
}
#formCadastros .tdMini{
	width:90px;
}

#formCadastros .td100{
	width:100px;
}

#formCadastros .tdMedia{
	width:290px;
}

#formCadastros .td200{
	width:215px;
}

#formCadastros .tdGrande{
	width:450px;
}
#formCadastros .tdGG{
	width:625px;
}

#formCadastros .inputGG{
	width:607px;
}

#formCadastros .inputGrande{
	width:450px;
}
#formCadastros .inputMedio{
	width:290px;
}
#formCadastros .inputPeq{
	width:140px;
}
#formCadastros .inputMini{
	width:45px;
}
#formCadastros .input100{
	width:90px;
}
#formCadastros .input200{
	width:205px;
}
#formCadastros .selectUF{
	width:140px;
}

#formCadastros .selectNomesUsu{
	width:150px;
}

.textAreaGrande{
	width:600px;
}

#formCadastros .textAreaGrande{
	width:600px;
}
#formCadastros .textAreaMedio{
	width:290px;
}
#formCadastros .txtArea{
	width:590px;
	padding:5px;
}

#formCadastros .txtAreaG{
	width:420px;
}

#formCadastros .selectMultiple{
	height:90px;
}
#formCadastros .txtAreaM{
	width:280px;
	padding:5px;
}

/* ====== Formularios de cadastro Carga ===== */
#formCadastrosC{
	width:620px;
}
#formCadastrosC td{
	width:100px;
}
#formCadastrosC .tdMini{
	width:40px;
}
#formCadastrosC .tdMedia{
	width:200px;
}
#formCadastrosC .tdEx{
	width:160px;
}
#formCadastrosC .tdGrande{
	width:300px;
}
#formCadastrosC .tdGG{
	width:620px;
}

#formCadastrosC .inputGG{
	width:607px;
}

#formCadastrosC .inputGrande{
	width:280px;
}
#formCadastrosC .inputMedio{
	width:190px;
}
#formCadastrosC .inputEx{
	width:150px;
}
#formCadastrosC .inputPeq{
	width:80px;
}
#formCadastrosC input{
	width:80px;
}
#formCadastrosC .inputMini{
	width:40px;
}
#formCadastrosC .selectUF{
	width:140px;
}
#formCadastrosC .textAreaGrande{
	width:600px;
}
#formCadastrosC .textAreaMedio{
	width:180px;
}
#formCadastrosC .txtArea{
	width:280px;
	padding:5px;
}
#formCadastrosC .selectMultiple{
	height:90px;
}
#formCadastrosC .txtAreaM{
	width:180px;
	padding:5px;
}

/* ====== Formularios de cadastro ===== */
#formCadastrosEC{
	width:560px;
}
#formCadastrosEC td{
	width:110px;
}
#formCadastrosEC .tdMedia{
	width:250px;
}
#formCadastrosEC .tdGrande{
	width:410px;
}
#formCadastrosEC .tdGG{
	width:560px;
}

#formCadastrosEC .inputGG{
	width:550px;
}

#formCadastrosEC .inputGrande{
	width:410px;
}
#formCadastrosEC .inputMedio{
	width:250px;
}
#formCadastrosEC .inputPeq{
	width:110px;
}
#formCadastrosEC .inputMini{
	width:40px;
}
#formCadastrosEC .selectUF{
	width:110px;
}
#formCadastrosEC .textAreaGrande{
	width:550px;
}
#formCadastrosEC .textAreaMedio{
	width:250px;
}


/* ==== fim Formularios de cadastro === */

/* ===== botoes ======*/
.botaoSalvar {
	background-image:url(../img/botoes/salvar_over.gif);
	width:91px;  
	height:27px;
	border:none;
	color:#01397F;
	font-weight:bold;
	padding-left:10px
}
.botaoSalvar:hover{
	background-image:url(../img/botoes/salvar_down.gif);
	width:91px;  
	height:27px;
	border:none;
	color:#01397F;
	font-weight:bold;
	padding-left:10px
}
.botaoEscolher {
	background-image:url(../img/botoes/escolher_over.gif);
	width:91px;  
	height:27px;
	border:none;
	color:#01397F;
	font-weight:bold;
	padding-left:10px
}
.botaoEscolher:hover{
	background-image:url(../img/botoes/escolher_down.gif);
	width:91px;  
	height:27px;
	border:none;
	color:#01397F;
	font-weight:bold;
	padding-left:10px
}
.botaoBuscar {
	background-image:url(../img/botoes/buscar_over.gif);
	width:91px;  
	height:27px;
	border:none;
	color:#01397F;
	font-weight:bold;
	padding-left:10px
}
.botaoBuscar:hover{
	background-image:url(../img/botoes/buscar_down.gif);
	width:91px;  
	height:27px;
	border:none;
	color:#01397F;
	font-weight:bold;
	padding-left:10px
}
.botaoImprimir {
	background-image:url(../img/botoes/imprimir_down.gif);
	width:35px;  
	height:27px;
	border:none;
	color:#01397F;
	font-weight:bold;
}
.botaoImprimir:hover{
	background-image:url(../img/botoes/imprimir_over.gif);
	width:35px;  
	height:27px;
	border:none;
	color:#01397F;
	font-weight:bold;
}
.botaoExportar {
	background-image:url(../img/botoes/exportar_over.gif);
	width:35px;  
	height:27px;
	border:none;
	color:#01397F;
	font-weight:bold;
}
.botaoExportar:hover{
	background-image:url(../img/botoes/exportar_down.gif);
	width:35px;  
	height:27px;
	border:none;
	color:#01397F;
	font-weight:bold;
}
.botaoProximo {
	background-image:url(../img/botoes/proximo_over.gif);
	width:91px;  
	height:27px;
	border:none;
	color:#01397F;
	font-weight:bold;
	padding-left:10px
}
.botaoProximo:hover{
	background-image:url(../img/botoes/proximo_down.gif);
	width:91px;  
	height:27px;
	border:none;
	color:#01397F;
	font-weight:bold;
	padding-left:10px
}
.botaoAddCarga {
	background-image:url(../img/botoes/addCarga_over.gif);
	width:150px;  
	height:27px;
	border:none;
	color:#01397F;
	font-weight:bold;
	padding-left:10px
}
.botaoAddCarga:hover{
	background-image:url(../img/botoes/addCarga_down.gif);
	width:150px;  
	height:27px;
	border:none;
	color:#01397F;
	font-weight:bold;
	padding-left:10px
}
.botaoSubCarga {
	background-image:url(../img/botoes/subCarga_over.gif);
	width:150px;  
	height:27px;
	border:none;
	color:#01397F;
	font-weight:bold;
	padding-left:10px
}
.botaoSubCarga:hover{
	background-image:url(../img/botoes/subCarga_down.gif);
	width:150px;  
	height:27px;
	border:none;
	color:#01397F;
	font-weight:bold;
	padding-left:10px
}

.botaoEntrar{
	background-image:url(../img/botoes/entrar_over.gif);
	width:91px;  
	height:27px;
	border:none;
	color:#01397F;
	font-weight:bold;
	padding-left:10px;
}

.botaoEntrar:hover{
	background-image:url(../img/botoes/entrar_down.gif);
	width:91px;  
	height:27px;
	border:none;
	color:#01397F;
	font-weight:bold;
	padding-left:10px;
}

.botaoEnviar{
	background-image:url(../img/botoes/enviar_over.gif);
	width:91px;  
	height:27px;
	border:none;
	color:#01397F;
	font-weight:bold;
	padding-left:10px;
}

.botaoEnviar:hover{
	background-image:url(../img/botoes/enviar_down.gif);
	width:91px;  
	height:27px;
	border:none;
	color:#01397F;
	font-weight:bold;
	padding-left:10px;
}

/* === fim botoes ====*/

/* === tabela abas === */
#tbAbas{
	border:1px solid #ccc;
	border-top:none;
	padding:10px;
	width:600px;
	margin-bottom:20px;
}

/*== fim tabela abas ==*/

/* === controle de abas === */
.abaativa {
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: capitalize;
    color:#01397F;
    background-color: #fff;
	border:1px solid #ccc;
	border-bottom:none;
}

.abainativa {
    line-height: normal;
    
    font-variant: normal;
    text-transform: capitalize;
    color: #999;
    background-color: #E7E7E7;
	border:1px solid #ccc;
}
/* == fim controle de abas == */

/* === lista ===*/
#lista{
	width:632px;
}
#lista th{
	color:#FFFFFF;
	background-color:#023B7E;
}
#lista .registro{
	border:1px dotted #023B7E;
	border-bottom:none;
	text-align:right;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}
#lista .destAntesTh{
	border:1px solid #023B7E;
	border-bottom:none;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}
/* == fim lista ==*/
/* === legenda ===*/
#divLegenda{
	width:632px;
}
#legenda{
	width:440px;
	border:1px dotted #ccc;
	margin-top:20px;
}
#legenda b,strong{
	color:#023B7E;
}
#legenda th{
	background-color:#F1F0F6;
}

/* == fim legenda == */

/* == voltar == */

#voltar{
	text-align:center;
	height:30px;
	padding:5px;
}

/* == fim voltar == */

/* === pagina login === */
#tblGeral{
	/*height:200px;*/
	width:100%;
}
#login{
	width:200px;
	border-bottom:1px solid #ABABAB;
}
#login td{
	background-color:#F2F2F2;
	text-align:left;
	padding-left:5px;
	padding-bottom:5px;
	
}
#login .esqAdmin{
	border-left:1px solid #ABABAB;
}
#login .dirAdmin{
	border-right:1px solid #ABABAB;
}

/* fim pagina login ===*/

a{
	color:#01397F;
	text-decoration:none;
}

a:hover{
	color:#01397F;
	text-decoration:underline;
}

/*=====ABAS SET ====*/
#aba_set table {
	color: #000000;
}

#aba_set .menu {
	color:#01397F;
	padding-left: 25px;
	cursor: hand;
}

#aba_set .menu-sel {
	padding-left: 25px;
	cursor: hand;
}

#aba_set .tb-conteudo {
	border:none;
	padding-top:10px;
	vertical-align:top;
}

#aba_set .conteudo {
	padding-top:10px;
	width: 620;
	vertical-align:top;
}

#ccp{
	width:150px;
	float:left;
}

.titCDC{
	border-top:1px #CCCCCC solid;
	padding:5px;
	font-weight:bold;
	padding-left:10px;
}

.titCDC span{
	padding:5px;
	padding-left:10px;
	color:#FF0000;
	font-weight:normal;
}

.dir{
	width:160px;
	float:left;
	padding:5px;
	padding-left:10px;
}

#CCPGeral{
	background-color:#FFFFFF;
	width:500px;

}

#EndGeral{
	background-color:#FFFFFF;
	width:500px;
	height:400px;
}

#CCPGeral .filtro{
	width:450px;
	height:19px;
	margin-left:15px;
	padding:5px;
	border:1px solid #CCCCCC;
}

/* =========== Lista END ================*/
#listaEnd{
	/*width:930px;*/
	font-weight:normal;
	background-color:#FFFFFF;
}

#listaEnd th{
	font-weight:bold;
	background-color:#01397F;
	color:#FFFFFF;
}

#listaEnd td{
	border:1px solid #d8d8d8;
}

#listaEnd .peq{
	width:40px;
}

#listaEnd .media{
	width:80px;
}

#listaEnd .grande{
	width:120px;
}

#listaDivEnd{
	width:980px;
	overflow:scroll;
	/*overflow-x:hidden;*/
	height:160px;
	background-color:#FFFFFF;
	padding-bottom:10px;
	border-bottom:1px solid #CCCCCC;
	padding-top:10px;
	border-top:1px solid #CCCCCC;
}


/* =========== Lista CCP ================*/
#listaCCP{
	width:480px;
	font-weight:normal;
	background-color:#FFFFFF;
}

#listaCCP th{
	font-weight:bold;
	background-color:#01397F;
	color:#FFFFFF;
}

#listaCCP td{
	border:1px solid #d8d8d8;
}

#listaDiv{
	width:500px;
	overflow:scroll;
	overflow-x:hidden;
	height:160px;
	background-color:#FFFFFF;
	padding-bottom:10px;
	border-bottom:1px solid #CCCCCC;
	padding-top:10px;
	border-top:1px solid #CCCCCC;
}

#formCCProjeto{
	width:500px;
	height:100px;
}

#formCCProjeto .linha1Col1{
	width:180px;
	height:50px;
	float:left;
	padding:5px;
}
#formCCProjeto .linha1Col2{
	width:280px;
	height:50px;
	float:left;
	padding:5px;
}

#formCCProjeto .linha2Col1{
	width:350px;
	height:50px;
	float:left;
	padding:5px;
}
#formCCProjeto .linha2Col2{
	width:100px;
	height:50px;
	float:left;
	padding:5px;
}
