/* CSS Document */

body {
  background:url(imagens/fundo.jpg) left top repeat-x #FFF;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  letter-spacing:0.5px;
}

a {
  text-decoration:none;
  color:#000;
  }

h1 {
  color:#FF8A00;
  display:block;
}

div.principal {
  width:900px;
  margin:0 auto;
}

div.principal div.topo {
  width:100%;
  height:83px;
  background:none;
  position:relative;
}

div.principal div.topo div.logo a{
  background:url(imagens/logomarca.jpg) left top no-repeat;
  width:249px;
  height:68px;
  text-indent:-9000px;
  float:left;
  margin-top:5px;
}

div.principal div.topo div.logo_login{
  background:url(imagens/logomarca.jpg) center top no-repeat;
  width:249px;
  height:68px;
  text-indent:-9000px;
  margin:5px auto;
}

div.caixa_login {
  width:350px;
  height:150px;
  margin: 100px auto;
  background:url(imagens/fundo_login.jpg) left top repeat-x;
  border-left:1px solid #F0F0F0;
  border-right:1px solid #F0F0F0;
}

div.caixa_login span{
  width:100%;
  height:20px;
  display:block;
  background-color:none;
  text-align:center;
  line-height:20px;
  color:#333333;
  font-weight:bold;
}

/*---------------------- MENU SUPERIOR-------------------*/

div.principal div.topo div.menu {
  position:absolute;
  float:right;
  _width:500px;
  background:url(imagens/canto_menu.jpg) left top no-repeat;
  margin-top:51px;
  right:0;
  background-color:none;
}

div.principal div.topo ul.menu_superior {
 background:url(imagens/fundo_menu.jpg) left top repeat-x;
 height:32px;
 display:block;
 margin-left:31px;
 cursor:pointer;
}

div.principal div.topo ul.menu_superior li{
  width:104px;
  float:left;
  display:table;
  line-height:32px;
  text-align:center;
}

div.principal div.topo ul.menu_superior li.pipe{
  width:2px;
  color:#000000;
  font-size:10px;
}

div.principal div.topo ul.menu_superior li.mov, div.principal div.topo ul.menu_superior li.uti,  div.principal div.topo ul.menu_superior li.cad {
  width:104px;
}

div.principal div.topo ul.menu_superior li.rel {
  width:145px;
}

div.principal div.topo ul.menu_superior li:hover {
  background:url(imagens/seta.gif) center top no-repeat;
}

div.principal div.topo ul.menu_superior li b{
  cursor:pointer;
  font-weight:normal;
}

div.principal div.topo ul.menu_superior li ul.display {
  position:relative;
  display:none;
}

div.principal div.topo ul.menu_superior li ul.display.relatorio li{
  width:145px;
}

div.principal div.topo ul.menu_superior li ul.display li a{
  background-color:#FFB32F;
  display:block;
  line-height:20px;
  border-bottom:1px solid #FF8A00;
  text-align:left;
  padding-left:5px;
}

div.principal div.topo ul.menu_superior li ul.display li a:hover{
  background:none;
  background-color:#FFA70F;
}

/*----------------------- MENSAGEM -------------------------*/

div.mensagem {
  position:absolute;
  background:#FCC143;
  height:20px;
  top:0;
  left:260px;
  line-height:20px;
  float:left;
  font-size:12px;
}

span.usu_logado {
  position:absolute;
  height:25px;
  right:0;
  float:right;
  margin-top:10px;
  line-height:25px;
}

span.usu_logado img{
  float:left;
  margin:0;
  margin-right:2px;
}

div.titulo {
  height:25px;
  display:block;
  line-height:25px;
}

/*---------------------- CORPO-------------------*/

div.corpo {
  background:url(imagens/funco_conteudo.jpg) left 25px repeat-x;
  width:100%;
  height:350px;
  margin:0;
  border:0;
  clear:both;
  
}


/*---------------------- MENU INFERIOR-------------------*/

div.corpo ul.menu_inferior {
  background:#CCC;
  border:0;
  border-right:1px solid #B1B1B1;
  border-bottom:1px solid #B1B1B1;
  height:20px;
  float:left;
  padding:2px;
  margin:1px 0 20px 1px;  
}

div.corpo ul.menu_inferior li, div.corpo ul.menu_inferior li a {
  display:block;
  float:left;
  width:18px;
  height:18px;
  margin:1px 2px;
  text-indent:-9000px;
}

div.corpo ul.menu_inferior li a{
  margin:0;
}

div.corpo ul.menu_inferior li.gravar{
  background:url(imagens/gravar.gif) left top no-repeat;
}

div.corpo ul.menu_inferior li.excluir{
  background:url(imagens/excluir.gif) left top no-repeat;
}

div.corpo ul.menu_inferior li.consultar{
  background:url(imagens/consultar.gif) left top no-repeat;
}

div.corpo ul.menu_inferior li.incluir{
  background:url(imagens/add.gif) left top no-repeat;
}

div.corpo ul.menu_inferior li.voltar{
  background:url(imagens/voltar.gif) left top no-repeat;
}

div.corpo ul.menu_inferior li.confirmar{
  background:url(imagens/ok.gif) left top no-repeat;
}

div.corpo ul.menu_inferior li.avancar{
  background:url(imagens/avancar.gif) left top no-repeat;
}

div.corpo ul.menu_inferior li.importar{
  background:url(imagens/import.gif) left top no-repeat;
}

div.corpo ul.menu_inferior li.exportar{
  background:url(imagens/export.gif) left top no-repeat;
}

form {
  display:block;
  float:left;
  margin-bottom:5px; _margin-bottom:0; !margin-bottom:0;
}

form label {
  display:block;
  float:left;
  clear:both;
  height:20px;
  width:100px;
  line-height:20px;
  text-align:right;
  margin: 2px 0;
}

form label.p {
  width:55px;
}

.check_desc{
  display:block;
  float:left;
  height:20px;
  width:120px;
  line-height:20px;
  text-align:left;
  margin: 2px 0px 0px 2px;
  color:#000;
  
}

.mensagem_ajuda{
  display:block;
  float:left;
  height:20px;
  width:380px;
  line-height:20px;
  text-align:left;
  margin: 2px 0px 0px 2px;
  color:#000;
  
}

.checkbox_normal {
  width:20px;
  line-height:20px;
  text-align:right;
  margin: 5px 0px 0px 4px;
}

form input, textarea {
  display:block;
  float:left;
  height:16px;
  width:320px;
  border:1px solid #CCC;
  margin: 2px;
  padding-left:2px;
}

form textarea {
  height:100px;
}

form select {
  display:block;
  float:left;
  height:20px;
  border:1px solid #CCC;
  margin: 2px;
}

form input.pp {
  width:20px;
}

form input.p {
  width:70px;
}

form input.m {
  width:200px;
}

form input.btn {
  border:0;  
  height:23px;
}

form input.auto {
  background-color:#D8D8D8;
  cursor:default;
  color:#7F7F7F;
}

form input.file {
  height:20px;
}

form.login {
  width:280px;
}
form.login label {
  width:70px;
}

form.login input.login {
  width:50px;
  cursor:pointer;
  float:right;
  background-color:#D1D1D1;
  border:1px solid #D1D1D1;
  border-left:1px solid #999;
  border-bottom:1px solid #999;
}

form input.buscar {
  background: url(imagens/buscar.gif) center no-repeat;
  width:18px;
  cursor:pointer;
}

form input.buscarg {
  width:50px;
  background-color:#CCCCCC;
  height:19px;
  display:block;
  cursor:pointer;
  line-height:18px;
  border:0;
  border-bottom:1px solid #999999;
  border-left:1px solid #999999;
  font-size:11px;
}

form input.file {
  border:1px solid #CCC;
}

form input.hidden {
  height:0px;
  width:0px;
  border:0px;
}

/*------------------------- Tabela ----------------------------*/

table {
  width:890px;
  display:block;
  margin:0px 5px 5px;
  clear:both;
}

table th {
  height:20px;
  background-color:#CCC;
  border:1px solid #F7F7F7;
  line-height:20px;
  text-align:left;
  padding-left:2px;/*padding:0 3px;*/
}

table tr {
  height:20px;
  line-height:20px;
  border:1px solid #F7F7F7;
  
}

table tr td{
  border:1px solid #F7F7F7;
  padding-left:2px;
}

table tr td.alterar a, table tr td.excluir a, table tr td.selecionar a{
  height:20px;
  width:20px;
  display:block;
  text-indent:-9000px;
  margin:0 auto 1px;
}

table tr td.alterar a {
  background:url(imagens/editar.gif) left top no-repeat;
}

table tr td.excluir a{
  background:url(imagens/excluir.gif) left top no-repeat;
}

table tr td.selecionar a{
  background:url(imagens/ok.gif) left top no-repeat;
}
/*-------------------- Paginação -----------------------*/

.paginacao {
  width:880px;
  border-top:1px solid #F68C00;
  margin:10px auto 0;
  text-align:center;
  clear:both;
  float:left;
  padding: 6px 2px;
}

.paginacao p {
  float:right;
  margin:0px;
}

.paginacao p a {
  background-color:none;
  text-decoration:none;
  font-weight:normal;
  padding:0px 4px;
  margin:0 2px;
  display:inline;
}

.paginacao p a:hover {
  background-color:#FFAB3F;
  text-decoration:none;
}

.paginacao p span {
  background-color:#F68C00;
  padding:0px 4px;
}

.paginacao h4 {
  float:left;
  font-size:11px;
  color:#F68C00;
}

/* Giovani */

div.grid  {
  display:block;
  margin:0px 1px 0px 0px;
  border:0px 0px 0px 0px;
  clear:both;
  width:882px;
  height:300px;
  overflow-x:hidden;
  overflow-y:scroll;
}

div.grid_cabecalho  {
  display:block;
  margin:0px 1px 0px 0px;
  border:0px 0px 0px 0px;
  clear:both;
  width:882px;
  height:30px;
  
}


.desc_marcar{
  display:block;
  float:left;
  height:20px;
  width:110px;
  line-height:20px;
  text-align:left;
  margin: 2px 0px 0px 2px;
  color:#0000FF;
  text-decoration: underline;
  
}