:root {
  --font: Arial, Helvetica, sans-serif;
  --font-size: 12px;
  --text: #000000;
  --bg: #f2f2f2;
  --container: 770px;
  --green: #00733a;
  --green-dark: #01723a;
  --green-menu: #008040;
  --gray-text: #999999;
}

html {
  font-size: 12px;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--font);
  font-size: var(--font-size);
  color: var(--text);
  background: var(--bg);
}

img {
  border: 0;
  vertical-align: top;
}

.content-col img,
.historia-block img {
  max-width: 100%;
  height: auto;
}

.destaques-row img,
.marcas-grid img,
.logo-cell img,
.ident-row img {
  max-width: none;
  height: auto;
}

.logo-cell img {
  height: 123px;
}

a {
  color: inherit;
}

.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  background: #000;
  color: #fff;
  padding: 8px 12px;
  z-index: 100;
}

.skip-link:focus {
  left: 8px;
  top: 8px;
}

.site {
  min-height: 100vh;
}

.layout-table {
  width: 770px;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  border-spacing: 0;
}

.layout-table td {
  padding: 0;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  vertical-align: top;
  line-height: 0;
}

.layout-table td.text-cell,
.layout-table .content-col,
.layout-table .sidebar-col,
.layout-table .footer-cookies,
.layout-table .textopreto,
.layout-table .textocinza,
.layout-table .textopretopq {
  line-height: normal;
}

/* Header slices — widths from original spacer row */
.logo-cell {
  background: #00733a;
  line-height: 0;
}

.logo-cell a {
  display: block;
  line-height: 0;
}

.logo-cell img {
  display: block;
  width: 279px;
  height: 123px;
  max-width: none;
}

.bg-topo-01 { background: url("/images/topo_01.jpg") repeat-x left top; }
.bg-topo-02 { background: url("/images/topo_02.jpg") repeat-y left top; }
.bg-topo-04 { background: url("/images/topo_04.jpg") no-repeat left top; }
.bg-topo-05 { background: url("/images/topo_05.jpg") no-repeat left top; }
.bg-topo-06 { background: url("/images/topo_06.jpg") repeat-y left top; }
.bg-topo-07 { background: url("/images/topo_07.jpg") no-repeat left top; }
.bg-topo-09 { background: url("/images/topo_09.jpg") no-repeat left top; }
.bg-topo-10 { background: url("/images/topo_10.jpg") no-repeat left top; }
.bg-topo-11 { background: url("/images/topo_11.jpg") no-repeat left top; }
.bg-topo-12 { background: url("/images/topo_12.jpg") no-repeat left top; }
.bg-topo-13 { background: url("/images/topo_13.jpg") no-repeat left top; }
.bg-topo-14 { background: url("/images/topo_14.jpg") no-repeat left top; }
.bg-topo-16 { background: url("/images/topo_16.jpg") no-repeat right top; text-align: right; }
.bg-topo-18 { background: url("/images/topo_18.jpg") repeat-x left top; }
.bg-topo-19 { background: url("/images/topo_19.jpg") no-repeat right top; text-align: right; }
.bg-topo-20 { background: url("/images/topo_20.jpg") no-repeat left top; }

.home-btn-cell {
  text-align: right;
  line-height: 0;
}

.home-btn-cell img {
  display: inline-block;
}

/* Main / sidebar */
.bg-principal-01 { background: url("/images/principal_01.jpg") repeat-y left top; width: 5px; }
.bg-principal-04 { background: url("/images/principal_04.jpg") repeat-y left top; width: 10px; }
.bg-principal-05 {
  background: url("/images/principal_05.jpg") no-repeat left top;
  width: 165px;
  height: 143px;
}

.layout-table td.bg-principal-05 {
  vertical-align: middle;
  line-height: normal;
  height: 143px;
  width: 165px;
}

.side-menu {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
}

.layout-table td.menu-bottom,
.layout-table td.menu-mid {
  line-height: 14px;
  padding: 0;
}

.layout-table td.menu-bottom {
  vertical-align: bottom;
}

.layout-table td.menu-mid {
  vertical-align: middle;
}

.layout-table td.menu-h25 { height: 25px; }
.layout-table td.menu-h35 { height: 35px; }
.layout-table td.menu-h55 { height: 55px; }
.layout-table td.menu-h10 { height: 10px; }
.bg-principal-12 { background: url("/images/principal_12.jpg") repeat-y left top; width: 6px; }
.bg-principal-13 { background: url("/images/principal_13.jpg") repeat-y left top; }

.content-col {
  width: 615px;
  background: #ffffff;
  vertical-align: top;
}

.sidebar-col {
  width: 140px;
  vertical-align: top;
}

.sidebar-menu {
  width: 165px;
}

.rolloverbrancocinza {
  font-size: 12px;
  text-decoration: none;
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
}

.rolloverbrancocinza:hover {
  color: #cccccc;
  text-decoration: none;
}

.rolloverpretoverde {
  font-size: 12px;
  text-decoration: none;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
}

.rolloverpretoverde:hover {
  color: #01723a;
  text-decoration: none;
}

.textopreto {
  font-size: 12px;
  text-decoration: none;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
}

.textopretopq {
  font-size: 11px;
  text-decoration: none;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
}

.textocinza {
  font-size: 11px;
  text-decoration: none;
  color: #999999;
  font-family: Arial, Helvetica, sans-serif;
}

.textobranco {
  font-size: 12px;
  text-decoration: none;
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
}

.formulario {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  border: 1px #000000 solid;
  background: #f1f1f1;
  box-sizing: border-box;
}

.bot {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  text-decoration: none;
  color: #000000;
  border: 1px #cccccc solid;
  background: #f1f1f1;
  cursor: pointer;
}

.bordacinza {
  border: 2px solid #eeeeee;
}

.ident-row {
  text-align: right;
  line-height: 0;
}

.ident-row img {
  display: inline-block;
  width: 591px;
  height: 33px;
}

.page-pad {
  padding: 0;
}

.destaques {
  width: 96%;
  margin: 0 auto;
}

.destaques-row td {
  width: 25%;
  text-align: center;
  vertical-align: middle;
}

.destaques-row a {
  display: inline-block;
  line-height: 0;
}

.destaques-row img {
  width: 140px;
  height: 150px;
}

.marcas-wrap {
  width: 96%;
  margin: 0 auto;
}

.marcas-grid {
  width: 100%;
  border-collapse: collapse;
  background: #f1f1f1;
}

.marcas-grid td {
  width: 25%;
  height: 60px;
  text-align: center;
  vertical-align: middle;
  background: #ffffff;
  padding: 3px;
}

.marcas-grid img {
  max-width: 110px;
  height: auto;
}

.content-inner {
  width: 98%;
  margin: 0 auto;
}

.content-inner p {
  margin: 0 0 1em;
  text-align: justify;
}

.info-links-box {
  width: 95%;
  margin: 0 auto;
  background: #f1f1f1;
}

.info-links-box table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 5px;
}

.info-links-box td {
  width: 33.33%;
  text-align: center;
  vertical-align: middle;
  background: #ffffff;
  padding: 5px;
}

.section-title-row {
  width: 95%;
  margin: 0 auto;
}

.section-title-row td {
  font-family: Arial, Helvetica, sans-serif;
}

.form-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px;
}

.form-table td {
  background: #ffffff;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  vertical-align: top;
}

.form-table input[type="text"] {
  width: 100%;
  max-width: 240px;
}

.form-table textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.form-msg {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin: 8px 0;
}

.form-msg.ok { color: #00733a; }
.form-msg.err { color: #990000; }

/* Footer */
.bg-rodape-01 { background: url("/images/rodape_01.jpg") repeat-y left top; width: 4px; }
.bg-rodape-02 {
  background: url("/images/rodape_02.jpg") no-repeat left top;
  width: 205px;
  height: 55px;
}

.footer-cookies p {
  margin: 0;
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
}

.historia-block img {
  max-width: 180px;
  height: auto;
}

.tabela-diametros {
  overflow-x: auto;
}

.tabela-diametros table {
  font-family: Arial, Helvetica, sans-serif;
}

@media (max-width: 780px) {
  body {
    overflow-x: auto;
  }

  .site {
    min-width: 770px;
  }
}