@charset "UTF-8";
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  height: 100%;
  overflow: hidden; }

@media print {
    .no-print, .no-print * {
        display: none !important;
    }
}

body {
  font-size: 12px;
  font-family: Tahoma;
  padding: 0; }
  body #container {
    height: 100%; }
    body #container #cabecalho {
      background-image: url(../imagens/hdbg.jpg);
      background-repeat: repeat-x;
      overflow: hidden;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 10;
      width: 100%;
      height: 69px; }
      body #container #cabecalho #logo {
        float: left; }
      body #container #cabecalho #infoCliente {
        float: left;
        width: 300px; }
        body #container #cabecalho #infoCliente #nomeCliente {
          font-size: 22px; }
        body #container #cabecalho #infoCliente #filial {
          margin-top: 10px; }
      body #container #cabecalho #infoUsuario {
        float: right;
        padding-right: 8px;
        padding-top: 24px; }
      body #container #cabecalho #dataLocal {
        margin-top: 49px;
        padding-right: 8px;
        text-align: right; }
    body #container #menuPrincipal {
      position: absolute;
      top: 69px; }
    body #container #corpo {
      position: absolute;
      top: 104px;
      right: 0;
      bottom: 46px;
      left: 0;
      height: auto;
      margin-top: 20px;
      overflow: auto; }
      body #container #corpo #conteudo {
        top: 0;
        bottom: 0;
        right: 0;
        height: auto;
        padding: 0;
        padding-left: 8px;
        padding-right: 8px; }
        body #container #corpo #conteudo .titulo {
          color: #8F884D;
          font-size: 18px;
          font-weight: bolder; }
    body #container #rodape {
      background-image: url(../imagens/ft-mdbg.jpg);
      background-repeat: repeat;
      overflow: hidden;
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 9;
      width: 100%;
      height: 46px; }
      body #container #rodape #logo {
        float: left; }
      body #container #rodape #infoSuporte {
        float: left;
        padding-left: 14px;
        padding-top: 5px; }
      body #container #rodape #copyright {
        float: right;
        margin-top: 12px;
        margin-right: 8px; }

.obrigatorio {
  color: blue; }

.button {
  height: 24px;
  background: url(../imagens/btbg.jpg) repeat-x top;
  border: 1px solid #cccccc;
  padding-left: 4px;
  padding-right: 4px; }

.linha .button {
  margin-top: -4px; }

.campo {
  border: 1px solid #DEDEDE;
  width: 100%; }

input[type=text] {
  /* height: 20px; */
  margin-top: -2px;
  padding: 1px 1px 1px 3px; }

input[type=checkbox] {
  margin-right: 4px;
  vertical-align: text-bottom; }

input[type=radio] {
  margin-right: 4px;
  vertical-align: text-bottom; }

select {
  height: 20px;
  margin-top: -2px; }

textarea {
  padding-left: 3px; }

.alinhado-centro {
  text-align: center; }

.alinhado-direita {
  text-align: right; }

img.lupa {
  cursor: pointer;
  vertical-align: middle; }

img.link {
  cursor: pointer; }

img.exclusao {
  margin-left: 16px; }

/* trazido do site.css */
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
  color: #ff0000; }

.field-validation-valid {
  display: none; }

.input-validation-error {
  border: 1px solid #ff0000;
  background-color: #ffeeee; }

.validation-summary-errors {
  font-weight: bold;
  color: #ff0000; }

.validation-summary-valid {
  display: none; }

/* Mudanþas para jquery-ui. */
.ui-widget {
  font-family: Tahoma;
  font-size: 12px; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Tahoma;
  font-size: 12px; }

/* -------------------------------------------------------------------------
    Estilos customizados para as cores do PetOffice.
   ------------------------------------------------------------------------- */
.top-bar {
  background: #f4f4ec;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f4f4ec 0%, #e1dcc7 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4ec), color-stop(100%, #e1dcc7));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f4f4ec 0%, #e1dcc7 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f4f4ec 0%, #e1dcc7 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f4f4ec 0%, #e1dcc7 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f4f4ec 0%, #e1dcc7 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4ec', endColorstr='#e1dcc7', GradientType=0 );
  /* IE6-9 */
  margin-top: 0; }

.nav-bar li, .nav-bar li:last-child {
  border-color: #A9A9A9; }

.nav-bar li a {
  color: Black; }

.nav-bar li:hover {
  background-color: #D3D3D3; }

.nav-bar li.active a {
  color: Yellow; }

.top-bar ul > li a:not(.button) {
  color: #8f884d;
  font-size: 14px; }

.top-bar ul > li:not(.name):hover, .top-bar ul > li:not(.name).active, .top-bar ul > li:not(.name):focus {
  background: #e1dcc7; }

.top-bar ul > li:not(.name):hover a, .top-bar ul > li:not(.name).active a, .top-bar ul > li:not(.name):focus a {
  color: Black; }

.top-bar ul > li.has-dropdown .dropdown {
  background: #e1dcc7;
  left: 0;
  margin: 0;
  padding: 9px 0 0 0;
  position: absolute;
  visibility: hidden;
  z-index: 99; }

.top-bar ul > li.has-dropdown .dropdown li {
  background: #e1dcc7;
  line-height: 1;
  min-width: 100%;
  padding-bottom: 5px; }

.top-bar ul > li.has-dropdown .dropdown li a {
  color: #6f682d;
  font-weight: normal;
  height: 100%;
  line-height: 1;
  padding: 5px 17px 5px 15px;
  white-space: nowrap; }

.top-bar ul > li.has-dropdown .dropdown li a:hover, .top-bar ul > li.has-dropdown .dropdown li a:focus {
  background: #3c3c3c;
  color: White; }

ul.flyout li a, .nav-bar li ul li a {
  background: #e1dcc7;
  border: 1px solid #e6e6e6;
  border-width: 1px 1px 0 0;
  color: #555;
  display: block;
  font-size: 12px;
  height: auto;
  line-height: 1;
  padding: 15px 20px;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }

hr {
  border: solid #dddddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 12px 0 12px;
  height: 0; }

.dropdrown {
  border-left: 1px solid Gray;
  border-right: 1px solid Gray;
  border-bottom: 1px solid Gray; }

/*# sourceMappingURL=layout.css.map */