/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

body {
  font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  background: url(images/fundo.jpg) top center no-repeat #191919;
  color: #fff;
}

img.logo {
  border: none;
  margin: 30px 0 0 0;
}

div#container {
  width: 634px;
  margin: 0 auto;
}

div#container div.box {
  clear: both;
  padding: 15px 0 0 0;
}

a {
  height: 46px;
  text-indent: -1000000000000px;
  outline: none;
}

a.quemsomos {
  float: left;
  display: block;
  width: 149px;
  background: url(images/btnquemsomos.png) top center no-repeat;
}

a.produtos {
  margin-left: 140px;
  float: left;
  display: block;
  width: 97px;
  background: url(images/btnprodutos.png) top center no-repeat;
}

a.contato {
  margin-left: 140px;
  float: left;
  display: block;
  width: 98px;
  background: url(images/btnendereco.png) top center no-repeat;
}

a:hover {
  background-position: bottom center;
}

ul.menu {
  width: 634px;
  margin: 30px 0 30px 0;
  padding: 0;
}

ul.menu li {
  display: inline;
}

p {
  display: block;
  font-size: 18px;
  padding: 0;
  line-height: 24px;
}

ul li {
  font-size: 18px;
  color: #6b6b6b;
}

a.mail {
  font-size: 18px;
  color: #6b6b6b;
  text-indent: 0;
}