
* {
  margin:0;
  padding:0;
}
a img {
  border:0;
}
html{
  height:100%;
}
body {
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  font-style:normal;
  font-weight:normal;
  margin:0;
  padding:0;
  height: 100%;
}
hr {
  border:none;
  border-top:1px solid #CCC;
  height:1px;
  clear:both;
  margin:7px 0;
}
.clear {
  clear:both;
}
#container {
  display:block;
  background:#FFF;
  min-height:100%;
  position:relative;/*teste 15/07/21*/
}
ul, li, form, h1, h2, h3, h4, p {
  margin:0;
  padding:0;
}

th, tr, td
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  font-style:normal;
  font-weight:normal;
}
th
{
  font-weight:bold;
}

/* -------------- CABECALHO -------------- */
#header {
  display:block;
  height:73px;
  background:url(../images/bg_header.jpg) no-repeat #A0A0A0;
}
#header #logo {
  display:block;
  position:absolute;
  top:2px;
  left:14px;
  background:url(../images/bg_logo_left.jpg) no-repeat top left #FFF;
  z-index:8000;
  _width:100px;
}
#header #logo a {
  display:block;
  height:54px;
  background:url(../images/bg_logo_right.jpg) no-repeat top right;
  line-height:70px;
  padding:8px;
}
#header .user {
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#CCC;
  position:absolute;
  top:0;
  right:0;
  background:url(../images/bg_userbar.png) no-repeat;
  display:block;
  height:23px;
  padding:3px 5px 0 25px;
  line-height:10px;
}
#header .operador {
  position:absolute;
  top:9px;
  left:50%;
}
#header .operadorContainer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
  position:relative;
  left:-50%;
  height:100%;
  padding:7px;
  background:linear-gradient(0deg,#000,#444);
  border-radius:10px;
  color:#FFF;
  font-weight:bold;
  line-height:10px;
}
#loginframe {
  display:block;
  height:21px;
  width:370px;
  overflow:hidden;
}
#login {
  text-align:center;
  color:#FFF;
  padding-top:2px;
}
#login label {
  font-size:11px;
  text-align:left;
  display:block;
  float:left;
  padding:0 5px;
}
#login input {
  background:#FFF;
  width:63px;
  height:13px;
  border:1px solid #999;
  font-size:9px;
  margin-bottom:3px;
  float:left;
  display:block;
}
#login input.btentrar {
  display:block;
  width:15px;
  height:15px;
  margin:0 3px;
  background:url(../images/bgEntrar.jpg) no-repeat;
  text-indent:10000px;
  overflow:hidden;
  border:none;
}
#login a {
  color:#FFF;
  font-size:9px;
  text-decoration:underline;
}
#bodylogin {
  background:url(../images/bg_frame_userbar.png) center top;
}
#bodylogin img {
  display:block;
  float:left;
  margin-right:10px;
}
#bodylogin .info {
  display:block;
  float:left;
  padding-top:2px;
}
#bodylogin .info strong {
  color:#FFF;
}
#bodylogin .info span {
  padding-left:10px;
  color:#FFF;
}
/* === menu === */

#menu {
  display:block;
  height:31px;
  top:42px;
  position:relative;
  z-index:4000;
  text-align:left;
  background:url(../images/bg_menu.jpg) repeat-x;
  /*	padding-left:188px;*/
  padding-left:150px;
}
#menu .left {
  display:block;
  background:url(../images/bg_menu_left.jpg) no-repeat top left;
  /*	width:630px;*/
  width:728px;
  white-space:nowrap;
}
#menu .right {
  display:block;
  background:url(../images/bg_menu_right.jpg) no-repeat top right;
  height:31px;
  padding:0 31px;
}
#menu ul#sub-menu {
  display:block;
  height:31px;
}
#menu ul#sub-menu li{
  display:block;
  list-style:none;
  position:relative;
  float:left;
  /*background:url(../images/bg_menu_top.jpg) no-repeat;*/
  border-right:1px solid #EA8C00;
  height:31px;
  width:inherit;/* !important;*/
  _width:120px;
}
#menu ul#sub-menu li.over,
#menu ul#sub-menu li:hover{
}
#menu ul#sub-menu li.over a,
#menu ul#sub-menu li:hover a {
  color:#555;
}
#menu ul#sub-menu li.over li a,
#menu ul#sub-menu li:hover li a {
  color:#555;
}
#menu ul#sub-menu li ul{
  position:absolute;
  top:30px;
  width:inherit;
  float:none;
}
#menu ul#sub-menu li ul li,
#menu ul#sub-menu li ul li ul li{
  float:none;
  height:inherit;
  border:none;
}
#menu ul#sub-menu li ul li:hover {
  background-image:none;
  background-color:#CCC;
}
#menu ul#sub-menu li ul li ul{
  position:absolute;
  top:0;
  left:130px !important;
  left:155px;
  float:none;
}

/* links menu */
#menu ul#sub-menu li{ /* tirar margem inferior excessiva do menupai - IEHACK */
  margin:0;
}
#menu ul#sub-menu li a{
  display:block;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:bold;
  text-align:center;
  color:#FFF;
  text-decoration:none;
  margin:0 2px;
  height:28px;
  line-height:28px;
  padding:0 20px;
}
#menu ul#sub-menu li a:hover{
}
#menu ul#sub-menu li.menupai {
  background:url(../images/bg_menupai.png) no-repeat center right;
  padding-right:10px;
}

/* links submenus */
#menu ul#sub-menu li ul li{
  background:#C0C0C0;
  padding:0 2px 1px;
  z-index:10000;
  height:21px;
  overflow:hidden;
}
#menu ul#sub-menu li ul li a{
  display:block;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:normal;
  text-align:left;
  color:#555;
  text-decoration:none;
  width:180px;
  margin:0;
  border:none;
  border-bottom:1px solid #D9D9D9;
  background-image:none;
  height:21px;
  line-height:21px;
  padding:0 10px;
  overflow:hidden;
}
#menu ul#sub-menu li ul li a:hover{
  background-color:#CCC;
}
/* Funcionamento */
#menu ul#sub-menu ul {
  display: none;
  background:#fff;
}

#menu ul#sub-menu li ul li .over{ /* deixar o menupai selecionado { */
  background:url(../images/menu_seta_hover.gif) center right no-repeat #CCC !important;
}
#menu ul#sub-menu li ul li .over a, .over ul .over a, .over ul li a:hover, .over ul .over ul li a:hover{
  color:#555 !important;
}
#menu ul#sub-menu li ul li .over ul li a, .over ul .over ul li a{
  color:#555 !important;
}

#menu ul#sub-menu li:hover ul ul,
#menu ul#sub-menu li:hover ul ul ul,
#menu ul#sub-menu li.over ul ul,
#menu ul#sub-menu li.over ul ul ul {
  display: none;
} /* Esconder Sub-menus */

#menu ul#sub-menu li:hover ul,
#menu ul#sub-menu li li:hover ul,
#menu ul#sub-menu li li li:hover ul,
#menu ul#sub-menu li.over ul,
#menu ul#sub-menu li li.over ul,
#menu ul#sub-menu li li li.over ul {
  display: block;
} /* A mágica */

#menu ul#sub-menu li ul li.menupai {
  background:url(../images/menu_seta.gif) center right no-repeat #C0C0C0;
}

#menu ul#sub-menu li ul li.menupai:hover {
  background-color:#CCC;
}



/* tools */
#tools {
  display:block;
  position:absolute;
  right:0;
  margin-top:20px;
  z-index:6000;
}
#tools #placas,
#tools #minmax {
  text-indent:-1000px;
  display:block;
  overflow:hidden;
  height:17px;
  float:left;
}
#tools #placas {
  width:100px;
  background:url(../images/menu_placas_off.png) no-repeat center;
  border-right:1px solid #000;
}
#tools #placas:hover {
  background-image:url(../images/menu_placas_on.png);
}
#tools #placasautorizadas {
  display:none;
  position:absolute;
  /*width:66px;*/
  background:#F79700;
  padding:7px;
  margin-top:23px;
  /*left:10px;*/
  right:43px;
  z-index:9999;
}
#tools #placasautorizadas a {
  color:#FFF;
  font-weight:bold;
  text-decoration:none;
  line-height:200%;
  white-space:nowrap;
  display:block;
}
#tools #minmax {
  width:31px;
  background:url(../images/seta_minimiza_off.png) center center no-repeat;
  border-left:1px solid #333;
}
/* -------------- CORPO -------------- */

#main {
  background-color:#FFFFFF;
  clear:both;
  position:relative;
  padding-bottom:calc(65px + 20px);/*teste 15/07/21*/
}

#main #centercolumn {
  vertical-align:top;
  padding:10px;
}

/* blocos */


/* conteudo central */
#main #centercolumn h1,
#main #centercolumn h1 {
  display:block;
  font-size:12px;
  font-weight:bold;
  color:#F3AE0C;
  padding:4px 4px 4px 8px;
  border-bottom:1px solid #F3AE0C;
  margin-bottom:7px;
}
#main #centercolumn #centerleftcolumn h1,
#main #centercolumn #centerrightcolumn h1 {
  border-bottom:1px solid #F3AE0C;
}

/* formulario */
#main #centercolumn fieldset {
  border:1px solid #CCC;
  padding:5px 10px;
  background:#EEE;
  margin-bottom:7px;

  position: relative;
  margin-top:1em;
  padding-top:.75em;
}
#main #centercolumn fieldset legend {
  padding:5px;
  font-weight:normal;
  color:#333;
  padding:0;
  font-size:11px;

  position:absolute;
  top: -1.5em;
  left: .5em;
  padding-left:3px;
  padding-right:3px;
}
#main #centercolumn  input, select, textarea {
  font-size:11px;
}
#main #centercolumn .corpoform input,
#main #centercolumn .corpoform select,
#main #centercolumn .corpoform textarea {
  float:left;
}
#main #centercolumn .corpoform .linha {
  clear:both;
  padding:4px;
  *padding:2px;
}
#main #centercolumn .corpoform .linha span {
  padding-top:3px;
}
#main #centercolumn .corpoform label {
  display:block;
  text-align:right;
  float:left;
  margin-right:5px;
  padding-top:2px;
}
#main #centercolumn .corpoform span {
  float:left;
}

#main #centercolumn .barbt {
  text-align:center;
  border-top:1px solid #CCC;
  padding:5px;
  margin-top:20px;
  clear:both;
  display:block;
}
#main #centercolumn input.btform {
  display:inline;
  color:#FFFFFF;
  background:#624F02;
  font-size:10px;
  text-align:center;
  width:inherit;
  padding:0 5px;
  float:none;
  border:1px solid #624F02;
}
#main #centercolumn input.btform:disabled {
  background:#AAAAAA;
}
#main #centercolumn .paginacao {
  background:#EEE;
  padding:0;
  height:22px;
  height:16px;
  clear:both;
}
#main #centercolumn .paginacao span {
  display:block;
  float:right;
  white-space:nowrap;
}
#main #centercolumn .paginacao button {
  border:none;
  background:#EEE;
  padding:0;
  margin:0;
  float:left;
}
#main #centercolumn .paginacao select {
  float:left;
}
#main #centercolumn .paginacao span.total {
  float:left;
  display:inline;
  color:#000;
  text-align:center;
}
#main #centercolumn .paginacao a,
#main #centercolumn .paginacao .desabilitado {
  display:block;
  float:left;
  height:20px;
  margin:0 4px;
}
#main #centercolumn .paginacao a:hover {
  background:#FFF;
}
#main #centercolumn .paginacao .total {
  display:block;
  float:left;
  height:17px;
  padding:3px 6px 0;
}
#main #centercolumn .listtabela {
  border-top:1px solid #666;
  border-bottom:1px solid #666;
  border-right:1px solid #666;
  margin:5px 0;
}
#main #centercolumn .listtabela tr.linha1 {
  background:#FFF;
}
#main #centercolumn .listtabela tr.linha2 {
  background:#EEE;
}
#main #centercolumn .listtabela tr.linhaHighlight {
  background:#FFB7B7;
}
#main #centercolumn .listtabela th {
  background-color:#777;
  color:#FFF;
  padding:3px;
  border-left:1px solid #666;
}
@media screen {
  #main #centercolumn .stickytable th {
    position: sticky;
    top: 0;
  }
}
#main #centercolumn .listtabela th a {
  color:#FFF;
}
#main #centercolumn .listtabela td {
  color:#666;
  padding:3px;
  border-left:1px solid #666;
}

#main #centercolumn .listtabelaJornadaTrabalho {
  border-top:1px solid #666;
  border-right:1px solid #666;
  margin:5px 0;
}
#main #centercolumn .listtabelaJornadaTrabalho tr.linha1 {
  background:#FFF;
}
#main #centercolumn .listtabelaJornadaTrabalho tr.linha2 {
  background:#EEE;
}
#main #centercolumn .listtabelaJornadaTrabalho tr.linhaHighlight {
  background:#FFB7B7;
}
#main #centercolumn .listtabelaJornadaTrabalho th {
  background-color:#777;
  color:#FFF;
  padding:3px;
  border-left:1px solid #666;
}
#main #centercolumn .listtabelaJornadaTrabalho th a {
  color:#FFF;
}
#main #centercolumn .listtabelaJornadaTrabalho td {
  color:#666;
  padding:3px;
  border-left:1px solid #666;
  border-bottom:1px solid #666;
}

/* -------------- RODAPÉ -------------- */

#footer {
  background:url(../images/bg_footer.jpg) repeat-x;
  padding:10px;
  height:65px;
  position:absolute;
  width:calc(100% - 20px);
  bottom:0;
}
#footer .title {
  display:block;
  float:left;
  color:#FFF;
}
#footer .copy {
  display:block;
  float:right;
  color:#FFF;
}
.loginlabel {
  text-align:right;
  white-space:nowrap;
  vertical-align:top;
}
.logindesc {
  font-weight:bold;
  text-align:left;
  vertical-align:top;
}

#iframeplacas {
  display:block;
  position: absolute;
  z-index:9990;
  top:20px;
  right:43px;
  padding:0;
  margin:0;
}

.BotaoVoltar
{
  border:0px;
  background-color:transparent;
  font-size:11px;
  font-weight:normal;
}

#main #centercolumn .listtabelaInterna {
  border:0px solid #666;
  margin:5px 0;
}
#main #centercolumn .listtabelaInterna tr{
  background:#FFF;
}
#main #centercolumn .listtabelaInterna th {
  background-color:#777;
  color:#FFF;
  padding:3px;
  border-left:0px solid #666;
}
#main #centercolumn .listtabelaInterna th a {
  color:#FFF;
}
#main #centercolumn .listtabelaInterna td {
  color:#666;
  padding:3px;
  border:0px solid #666;
}

/*-- Autocomplete --*/
.styleCampoAutocomplete
{
  position:absolute;
  border:1px solid gray;
  height:157px;
  visibility:hidden;
  z-index:9990;
}
