html {
  color: #333;
  background: #fff;
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  font-family:
    "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, Verdana,
    sans-serif;
  font-size: 100%;
  height: 100%;
  text-align: center;
}
#bleed {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
}
#bleed .top,
#hd-link .top {
  height: 2.25em;
  background: #333;
  display: block;
}
#bleed .bottom {
  height: 3.5em;
  background: white;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 1em;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 1em;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 1em;
}
#container {
  margin: 0 auto;
  text-align: left;
  height: auto;
  min-height: 100%;
  width: 100%;
  max-width: 77em;
  position: relative;
}
#hd-link {
  width: 100%;
  max-width: 77em;
}
#hd-link .bottom {
  height: 3.5em;
  background: white;
}
.lang-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.lang-list li {
  float: right;
  font-size: 0.875em;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  padding: 0.25em 0.75em;
}
.lang-list li:hover {
  background-color: #8a8d99;
}
.lang-list a {
  color: #fff;
  text-decoration: none;
}
.ispr {
  background-image: url(../images/sprites.svg);
  -webkit-background-size: 3em 46em;
  -o-background-size: 3em 46em;
  -moz-background-size: 3em 46em;
  background-size: 3em 46em;
  background-repeat: no-repeat;
}
.ilng {
  font-size: 0.5em;
  width: 3em;
  height: 2em;
  float: left;
  margin: 0.4em 0.25em 0 0;
}
.ien {
  background-position: 0 0;
}
.ies {
  background-position: 0 -3em;
}
.ipt {
  background-position: 0 -6em;
}
.iit {
  background-position: 0 -9em;
}
.ifr {
  background-position: 0 -12em;
}
.ide {
  background-position: 0 -15em;
}
.izh {
  background-position: 0 -18em;
}
.iico {
  font-size: 0.5em;
  width: 3em;
  height: 3em;
  float: left;
  margin: 0.4em 0.25em 0 0;
  display: none;
}
.pla-img {
  width: 90%;
  margin: 0.5em 0 1.5em;
}
.ihom {
  background-position: 0 -21em;
}
.itrk {
  background-position: 0 -25em;
}
.iobj {
  background-position: 0 -29em;
}
.ifaq {
  background-position: 0 -33em;
}
.iwrl {
  background-position: 0 -37em;
}
.imai {
  background-position: 0 -41em;
  font-size: 0.75em;
  width: 3em;
  height: 2em;
  float: left;
  margin: 0.25em 0.25em 0 0;
}
#logo {
  float: left;
  margin: 0.125em;
  border: 1px solid #000;
  max-width: 3em;
  height: auto;
}
.menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.menu li {
  float: left;
  margin-top: 0.5em;
  padding: 0.25em 0.75em;
  font-size: 1.125em;
}
.menu li:hover {
  background-color: #ddd;
}
.menu a {
  color: #a40000;
  text-decoration: none;
}
.row {
  clear: both;
  overflow: hidden;
}
.cont100 {
  width: 100%;
}
.cont50 {
  width: 50%;
  overflow: hidden;
}
.ad50r {
  width: 50%;
  float: right;
}
.cont40 {
  width: 40%;
  float: left;
}
.cont30 {
  width: 27%;
  float: left;
  margin-left: 3%;
}
.icon {
  float: left;
  margin: 0;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 1000%;
  line-height: 80%;
  color: #000;
}
.ic-cont {
  margin-left: 7em;
}
#ad300 {
  margin-left: 7em;
}
#ad728 {
  margin: 0 auto;
}
#pie {
  clear: both;
  text-align: center;
  margin-top: 1.75em;
  border-top: solid 1px #999;
  border-bottom: solid 1px #999;
}
h1,
h2,
h3,
h4 {
  font-weight: normal;
  margin: 0;
  color: #000;
}
h1 {
  font-size: 2.25em;
  clear: both;
}
h2 {
  font-size: 1.5em;
  color: #8a8d99;
  margin-bottom: 0.875em;
}
h3 {
  font-size: 1.875em;
  margin: 0.2em 0 0.7em 0;
}
h4 {
  font-size: 1.5em;
  margin: 1em 0 0.75em 0;
}
.cont40 h4,
.cont30 h4 {
  min-height: 2.5em;
}
p {
  margin: 0 0 0.375em 0;
  font-size: 0.875em;
}
.l {
  float: left;
}
.r {
  float: right;
}
.red {
  color: #a40000;
}
.b {
  font-weight: bold;
}
.bot0 {
  margin-bottom: 0;
}
.bot1 {
  margin-bottom: 1.5em;
}
.m1 {
  margin-left: 3em;
}
.div1 {
  height: 1.5em;
}
.pla {
  background-image: url(../images/truco-pedro-responde-1.1.gif);
  width: 90%;
  height: 90%;
  max-width: 28em;
  min-height: 10em;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: #3d0003;
  margin: 0.5em 0 1.5em 0;
  text-align: left;
  overflow: hidden;
}
.pet,
.que {
  clear: both;
  padding-left: 4%;
}
.pet {
  padding-top: 1.25em;
}
.que {
  padding-top: 0.75em;
}
.inp,
.btn,
.lbl,
.ans {
  font-family: Georgia, "Times New Roman", Times, serif;
}
.lbl {
  float: left;
  color: #baa384;
  font-size: 1em;
  margin-top: 0.25em;
}
.inp {
  width: 60%;
  height: 1.5em;
  font-size: 0.875em;
  font-weight: bold;
  color: #3d0003;
  background-color: #fff;
  border: 1px solid #baa384;
  margin-left: 5.5em;
  padding: 0;
}
.ans {
  font-size: 1em;
  font-weight: bold;
  color: #baa384;
  padding-top: 1.25em;
  padding-left: 4%;
}
.btn {
  float: right;
  color: #baa384;
  background: #3d0003;
  border: 1px solid;
  border-color: #baa384;
  font-weight: bold;
  font-size: 0.625em;
  width: 5.5em;
  height: 2em;
  margin-top: -0.5em;
  margin-right: 2%;
  padding: 0.75em 0 0 0;
  text-align: center;
}
.ul-mail {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ul-mail li {
  line-height: 2em;
}
#mail1,
#mail2,
#mail3 {
  display: none;
}
@media (max-width: 1090px) {
  #ad300 {
    margin: 0 auto;
  }
}
@media (max-width: 790px) {
  #bleed .top,
  #hd-link .top {
    height: 3.5em;
  }
  .menu li {
    margin: 0;
    padding: 0 0.75em 0.25em 0.75em;
    font-size: 1em;
  }
  .menu a {
    text-decoration: underline;
  }
  .r {
    float: none;
  }
  .cont100,
  .cont50,
  .cont40,
  .cont30 {
    float: none;
    width: 96%;
    margin: 0.25em 2% 1em 2%;
  }
  .ad50r {
    float: none;
    width: 100%;
    margin: 0.25em auto 1em auto;
  }
  .cont40 h4,
  .cont30 h4 {
    min-height: 1em;
  }
  .bot1 {
    margin-bottom: 0;
  }
}
@media (max-width: 740px) {
  #ad300 {
    margin: 0 auto;
  }
}
@media (max-width: 480px) {
  #bleed .top,
  #hd-link .top {
    height: 15.5em;
  }
  #bleed .bottom,
  #hd-link .bottom {
    height: 2.5em;
  }
  .lang-list li {
    float: none;
    font-size: 1.25em;
    height: 1.25em;
    width: 100%;
  }
  #logo {
    margin: 0.125em;
    max-width: 2em;
  }
  .menu li {
    float: left;
    margin: 0;
    padding: 0 0.5em;
    font-size: 1.25em;
  }
  h1 {
    font-size: 1.75em;
  }
  h2 {
    font-size: 1.25em;
    margin-bottom: 0.75em;
  }
  h3 {
    font-size: 1.25em;
    margin: 0.2em 0 0.25em 0;
  }
  h4 {
    font-size: 1.25em;
    margin: 0 0 0.25em 0;
  }
  .icon {
    font-size: 800%;
    line-height: 80%;
  }
  .ic-cont {
    margin-left: 0;
  }
  #bleed .top,
  #hd-link .top {
    display: none;
  }
  .tlnk {
    display: none;
  }
  .iico {
    display: block;
    font-size: 0.55em;
  }
  .pla {
    width: 100%;
    height: 100%;
    margin: 0.5em 0 1em 0;
  }
  .lbl {
    font-size: 0.75em;
    margin-top: 0.188em;
  }
  .inp {
    height: 1.75em;
    font-size: 0.75em;
    margin-left: 5.25em;
  }
}