#bloco_conteudo {
  float: left;
  width: 680px;
  padding: 0 20px;
  margin-bottom: 30px;
}

#bloco_extra {
  float: left;
  width: 240px;
  margin-left: 10px;
  margin-bottom: 30px;
}

#apoioFE {
  left: 9px;
}

#apoioFD {
  right: 9px;
}

#fomentoFE {
  left: 29px;
}

#fomentoFD {
  right: 29px;
}

#nomeSecao {
  margin-bottom: 30px;
  border-bottom: 3px solid #bc0000;
  font-size: 22pt;
  font-weight: bold;
  letter-spacing: -0.05em;
  color: #bc0000;
}

.quente {
  position: relative;
  margin-left: 55px;
}

.cabecalhoSocial, .rodapeSocial {
  display: block;
}

.cabecalhoSocial {
  margin-bottom: 20px;
}

.rodapeSocial {
  margin-top: 20px;
}

.social {
  display: block;
  height: 25px;
  font-size: 10pt;
}

.social li {
  display: block;
  float: left;
  width: 140px;
  vertical-align: top;
}

.social li div {
  display: inline;
}

.social li div.fb-like iframe {
  vertical-align: top; 
}

.social li.fb, .social li.in {
  width: 180px; 
}

#containerEsmigalhamento {
  margin: 20px 0;
  background: #f0f0f0;
}

  #containerEsmigalhamento #backToTheTop {
  float: right;
  margin-right: 0;
  color: #555;
  }

.esmigalhamento {
  display: inline-block;
  padding: 10px 16px;
  margin-right: 30px;
  font-size: 10pt;
}

.comentar {
  padding-left: 20px;
  color: #555;
  background: url(../img/icon-comment.png) no-repeat left center;
}

.email {
  padding-left: 20px;
  color: #555;
  background: url(../img/icon-email.png) no-repeat left center;
}

.tituloQuente {
  margin-bottom: 5px;
  font-size: 16pt;
  font-weight: bold;
  letter-spacing: -0.05em; 
}

.titulo {
  font-size: 12pt;
  font-weight: bold;
  letter-spacing: -0.05em;
  margin-bottom: 10px; 
}

.maisTitulo {
  font-size: 12pt;
  margin: 20px 0; 
}

.autorPeso {
  font-size: 10pt;
  font-style: italic;
  margin: 10px 0;
}

.descricao {
  line-height: 12pt;
  font-size: 10pt;
}

.barrinha {
  clear: both;
  display: block;
  margin: 25px 0;
  border-bottom: 1px dotted #ccc; 
}

.data,.dataOntem,.dataAntigo {
  float: left;
  width: 40px;
  margin-bottom: 25px;
}

.dia {
  padding-top: 3px;
  font-size: 24pt;
  font-weight: bold;
  text-align: center;
  letter-spacing: -0.05em;
}

.mes {
  padding: 3px;
  font-size: 10pt;
  font-weight: 800;
  text-align: center;
  color: #fff;
  letter-spacing: -0.05em;
}

.ano {
  padding: 3px;
  font-size: 10pt;
  font-weight: 800;
  letter-spacing: -0.05em;
  text-align: center;
}

.data>.dia {
  color: #b00; 
}

.data>.mes {
  background: #b00; 
}

.data>.ano {
  border-top: 1px solid #b00;
  color: #b00; 
}

.dataOntem>.dia {
  color: #777; 
}

.dataOntem>.mes {
  background: #777; 
}

.dataOntem>.ano {
  border-top: 1px solid #777;
  color: #777; 
}

.dataAntigo>.dia {
  color: #aaa; 
}

.dataAntigo>.mes {
  background: #aaa; 
}

.dataAntigo>.ano {
  border-top: 1px solid #aaa;
  color: #aaa; 
}

.quadradinho {
  margin-bottom: 20px;
  border: 1px solid #ccc;
}

.linha {
  height: 1px;
  margin: 12pt 0;
  border-bottom: 1px dotted #ccc;
}

.maisQuentes, .maisPeso {
  padding: 0 10px;
}

#botaoGuia {
  clear: both;
  height: 75px;
  margin: 30px 0;
  padding-top: 30px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: url(../img/barraSombra.png) no-repeat center top;
}

#botaoAnterior, #botaoProximo {
  float: left;
  width: 250px;
  margin-top: 7px;
}

#botaoAnterior {
  text-align: right;
}

#paginas {
  position: relative;
  margin: 0 5px;
  width: 100px;
  float: left;
  text-align: center;
}

#botaoProximo {
  text-align: left; 
}

.guia {
  font-weight: bold;
  letter-spacing: -0.05em; 
}

.textoPagina {
  width: 45px;
  height: 30px;
  text-align: center;
  border: 1px solid #ccc; 
  background: #fafafa;
}

#totalPagina {
  display: block;
  margin-top: 7px;
  font-size: 10pt;
  font-weight: bold;
  letter-spacing: -0.05em;
  color: #999;
}

#dummy {
  display: block;
  position: absolute;
  top: 20px;
  right: 15px;
  width: 20px;
  height: 20px;
  background: url(../img/botaoReload.png) no-repeat center; 
  cursor: pointer;
}

#backToTheTop {
  font-size: 10pt;
  text-decoration: underline;
  color: #999;
}

#fundoConteudo {
  clear: both;
  margin: 50px 0;
}

#texto {
  letter-spacing: 0.01em; 
  line-height: 16pt;
  color: #333; 
}

#texto font[face="Verdana"] {
  font-family: Arial, Sans-Serif; 
}

#texto font[size="1"] {
  font-size: 10pt; 
}

#texto font[size="2"] {
  font-size: 12pt; 
}

#texto font[size="3"] {
  font-size: 14pt; 
}

#texto p[align="left"] {
  text-align: left; 
}

#texto p[align="right"] {
  text-align: right; 
}

#texto p[align="center"] {
  text-align: center; 
}

#texto p {
  margin: 20px 0;
  text-align: justify;
}

#texto b {
  font-weight: bold;
}

#texto strong {
  font-weight: bold; 
}

#texto i {
  font-style: italic; 
}

#texto em {
  font-style: italic; 
}

#texto u {
  text-decoration: underline; 
}

#texto sup {
  vertical-align: super;
  font-size: 10pt;
}

#texto sub {
  vertical-align: sub;
  font-size: 10pt; 
}

#texto a {
  text-decoration: underline;
  color: #bc0000;
}

#texto img[align="left"] {
  display: block;
  float: left;
  margin-right: 10px;
}

#texto img[align="right"] {
  display: block;
  float: right;
  margin-left: 10px;
}

#texto ul {
  margin: 15px;
  list-style-type: disc;
}

#texto ul li {
  margin: 15px 0 15px 15px;
}

  #texto ul li * {
    display: inline;
  }

#texto ol {
  margin: 15px;
  list-style-type: decimal;
}

#texto ol li {
  margin: 15px 0 15px 15px;
}

  #texto ol li * {
    display: inline;
  }

#texto blockquote {
  margin-left: 30px; 
}

#texto table {
  margin: 20px auto;
  border: 1px solid #333;
  border-collapse: collapse; 
}

#texto table tr td {
  padding: 3px;
  border: 1px solid #333;
  vertical-align: middle;
}

#texto table tr td p {
  margin: 0; 
}

#containerTitulo {
  margin: 0 20px 30px 20px;
}

#chapeu {
  margin-bottom: 5px;
  margin-left: 3px;
  font-size: 10pt;
  font-weight: bold;
  color: #555;
}

#titulo {
  margin-bottom: 20px;
  font-size: 24pt;
  letter-spacing: -0.01em; 
  color: #bc0000;
}

#resenha {
  margin-bottom: 20px;
  margin-left: 3px;
  font-size: 12pt;
  line-height: 16pt;
  color: #999;
}

#autor {
 margin-bottom: 20px;
 margin-left: 3px;
 font-style: italic;
 font-size: 12pt;
 color: #555; 
}

.dataPublicacao {
  margin-left: 3px;
  font-weight: normal;
  font-size: 10pt;
}

.quentesLinha, .pesoLinha {
  clear: both;
  overflow: hidden;
}

.ultimaQuente, .artigo, .coluna  {
  float: left;
  width: 190px;
  padding: 20px 20px;
}

.quenteTitulo, .pesoTitulo, .colunaTitulo {
  margin-bottom: 10pt;
  font-size: 12pt;
  font-weight: bold;
  letter-spacing: -0.05em; 
}

.quenteResenha, .pesoResenha, .pesoAutor, .colunaResenha, .colunaAutor {
  font-size: 10pt;
  line-height: 12pt;
}

.pesoAutor, .colunaAutor {
  margin: 12pt 0;
  font-style: italic;
}

.coluna {
  width: 202px;
}

#quentes {
  clear: both; 
}

/*---experimental---*/

.mes {
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
  border-radius: 3px;
}

.textoPagina {
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
  border-radius: 5px;
 -moz-box-shadow: inset 0 1px 5px #ccc;
 -webkit-box-shadow: inset 0 1px 5px #ccc;
  box-shadow: inset 0 1px 5px #ccc;     
}