html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  border: 0;
  outline-top-width: 0;
  outline-left-width: 0;
  outline-right-width: 0;
  outline-bottom-width: 0;
  padding: 0;
  margin: 0;
}
:focus {
  outline: 0;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}
.clear {
  clear:both;
}
.center {
  text-align:center;
}
.nomargin {
  margin:0;
}
.aviso {
  background: #FFA;
  border:2px solid #DD8;
  padding: 1em;
}
.aviso h2 {
  font-size: 2em;
  line-height: 1.5em;
}
/*
 * Layout
 */ 
html {
  background: url("bgbaixo.jpg") bottom repeat-X;
  min-height:100%;
}
body {
  _background: url("bgbaixo.jpg") bottom repeat-X;
  font: .75em/1.7em "Trebuchet MS", Arial, sans-serif;
  text-align:center;
}
.topo {
  background: url("bgcima.jpg");
  display: block;
  height: 99px;
  text-align:center;
}
.topo h1 {
  display:block;
  height:99px;
  width: 256px;
  margin: 0 auto;
  position: relative;
}
.topo h1 span {
  background: url("logo.gif");
  position:absolute;
  top: 0;
  left:0;
  width:100%;
  height:99px;
}
.conteudo {
text-align:left;
}
/**
 * Menu
 *****************************/
.menu {
  background: url("menu.jpg");
  height: 35px;
  line-height: 35px;
  position:relative;
}
.menu ul {
  width:750px;
  position:absolute;
  left: 50%;
  margin-left: -374px;
}
.menu ul li {
  border-right: 1px solid #CCC;
  display: inline;
}
.menu ul li.last {
  border:0;
}
.menu ul li a {
  margin: 0 10px;
  color: #7F7E7D;
  text-decoration: none;
  text-transform: capitalize;
}
/**
 * Institucional
 *****************************/
.b-institucional {
  background: url("binstitucional.jpg") center top;
  height: 180px;
  width:100%;
  text-align: center;
  position: relative;
  margin-bottom: 2em;
}
.b-institucional span {
  background: url("institucional.jpg") center center no-repeat;
  display:block;
  position:absolute;
  top:0;
  left: 50%;
  width:580px;
  height:180px;
  margin-left: -290px;
}
.c-institucional {
  width: 782px;
  height: 304px;
  margin: 0 auto;
  display:table;
}
.c-institucional p {
  margin: 2em 0;
  width: 460px;
}
.c-institucional p.lateral {
  float:right;
  height:370px;
  width:158px;
  border: 1px solid #CCCCCC;
  background: #FFFFFF url("mundo.gif") no-repeat scroll top center;
  color: #AAA;
}
.c-institucional p.lateral img {
  display: block;
  margin: .5em auto 1.5em;
}
.c-institucional p.lateral span {
  display: block;
}
.c-institucional p.lateral span.produto {
  margin-top: 180px;
}
.c-institucional address {
  width: 100%;
  margin: 0;
  margin-right: 0px;
  margin-bottom: 100;
}
/**
 * Publicidade
 *****************************/
.b-publicidade {
  background: url("bblicidade.jpg") center top;
  height: 180px;
  width:100%;
  text-align: center;
  position: relative;
  margin-bottom: 2em;
}
.b-publicidade span {
  background: url("blicidade.jpg") center center no-repeat;
  display:block;
  position:absolute;
  top:0;
  left: 50%;
  width:580px;
  height:180px;
  margin-left: -290px;
}
.c-publicidade {
  width: 782px;
  height: 304px;
  margin: 0 auto;
}
.c-publicidade .audiencia {
  width: 195px;
  border:1px solid #AAAAAA;
  float:left;
}
.c-publicidade .audiencia h2 {
  background: #DDDDDD;
  font-size: 2em;
  height: 2em;
  line-height:2em;
  text-indent:.4em;
  color:#888888;
  position:relative;
  border-bottom:2px solid #AAAAAA;
}
.c-publicidade .audiencia h2 span {
  position:absolute;
  top: -12px;
  right: -20px;
  width: 78px;
  height: 78px;
  background: url("grafico.gif");
}
.c-publicidade .audiencia h3 {
  margin: 10px 5px;
}
.c-publicidade .audiencia p {
  margin:0 5px;
}
.c-publicidade .audiencia p.email {
  margin-bottom:10px;
}
.c-publicidade .formatos {
  float:right;
  width:550px;
  border:1px solid #AAAAAA;
  margin-bottom:3em;
}
.c-publicidade .formatos table {
  width:100%;
  border-collapse:collapse;
  margin:0;
  border:0;
  background: #FFFFFF;
}
.c-publicidade .formatos table caption {
  background: #DDDDDD;
  height:2em;
  line-height:2em;
  text-align:center;
  font-size:2em;
  font-weight:600;
  color:#555555;
}
.c-publicidade .formatos table th.block {
  background:#FDC800;
  line-height:2em;
  height:2em;
  text-align:center;
  font-size:1.2em;
  font-weight:600;
  text-indent:0;
}
.c-publicidade .formatos table th {
  background: #4E4B49;
  color:#FFFFFF;
  text-indent: 1em;
}
.c-publicidade .formatos table td {
  text-indent: 1em;
}
.c-publicidade .formatos table th.block2 {
  background:#F99F3D;
}
/**
 * Trabalhe
 *****************************/
.b-trabalhe {
  background: url("btrabalhe.jpg") center top;
  height: 180px;
  width:100%;
  text-align: center;
  position: relative;
  margin-bottom: 2em;
}
.b-trabalhe span {
  background: url("trabalhe.jpg") center center no-repeat;
  display:block;
  position:absolute;
  top:0;
  left: 50%;
  width:680px;
  height:180px;
  margin-left: -340px;
}
.c-trabalhe {
  width: 782px;
  height: 304px;
  margin: 0 auto;
  text-align:center;
}
.c-trabalhe p {
  margin: 10px 0;
  font-size:1.3em;
  line-height: 1.3em;
}
.c-trabalhe p.email {
  font-size:2.5em;
}
/**
 * Parceiros
 *****************************/
.b-parceiros {
  background: url("bparceiros.jpg") center top;
  height: 180px;
  width:100%;
  text-align: center;
  position: relative;
  margin-bottom: 2em;
}
.b-parceiros span {
  background: url("parceiros.jpg") center center no-repeat;
  display:block;
  position:absolute;
  top:0;
  left: 50%;
  width:680px;
  height:180px;
  margin-left: -340px;
}
.c-parceiros {
  width: 782px;
  height: 304px;
  margin: 0 auto;
  text-align:center;
}
/**
 * Contato
 *****************************/
.b-contato {
  background: url("bcontato.jpg") center top;
  height: 180px;
  width:100%;
  text-align: center;
  position: relative;
  margin-bottom: 2em;
}
.b-contato span {
  background: url("contato.jpg") center center no-repeat;
  display:block;
  position:absolute;
  top:0;
  left: 50%;
  width:680px;
  height:180px;
  margin-left: -340px;
}
.c-contato {
  width: 782px;
  height: 304px;
  margin: 0 auto;
}
.c-contato form {
  margin-bottom: 3em;
}
.c-contato form p {
  line-height: 2.5em;
  height: 2.5em;
  padding-top:.3em;
}
.c-contato form p label {
  float:left;
  line-height: 2em;
  width: 220px;
  margin-right: 10px;
  text-align: right;
  clear:both;
}
.c-contato form textarea {
  width: 300px;
  margin-top: -2.3em;
  margin-left: 230px;
}
.c-contato form input {
  width: 300px;
}
.c-contato form #telefoneddd {
  width: 70px;
}
.c-contato form #telefone {
  width: 158px;
}
.c-contato form input.enviar {
  width: 60px;
  border:0;
  height: 22px;
  background: url("enviarbnt.jpg") center center no-repeat;
  color: #FFFFFF;
  font-weight: 600;
}


/**
 * Termos
 *****************************/
.b-termos {
  background: url("btermos.jpg") center top;
  height: 180px;
  width:100%;
  text-align: center;
  position: relative;
  margin-bottom: 2em;
}
.b-termos span {
  background: url("termos.jpg") center center no-repeat;
  display:block;
  position:absolute;
  top:0;
  left: 50%;
  width:680px;
  height:180px;
  margin-left: -340px;
}
.c-termos {
  width: 782px;
  height: 304px;
  margin: 0 auto;
  text-align:center;
}
.c-termos textarea,
.c-politica textarea {
  width: 600px;
  height: 300px;
  margin: 10px auto 3em;
}
/**
 * Política
 *****************************/
.b-politica {
  background: url("bpolitica.jpg") center top;
  height: 180px;
  width:100%;
  text-align: center;
  position: relative;
  margin-bottom: 2em;
}
.b-politica span {
  background: url("politica.jpg") center center no-repeat;
  display:block;
  position:absolute;
  top:0;
  left: 50%;
  width:680px;
  height:180px;
  margin-left: -340px;
}
.c-politica {
  width: 782px;
  height: 304px;
  margin: 0 auto;
  text-align:center;
}