/* ESTILO GERAL */

html, body {
  height: 100%;
}

body {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-family: "Arial Condensed", Arial, sans-serif;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  background: #000;
}

hr.special {
  clear: both;
  display: block;
  visibility: hidden;
}

div.secret {
  width: auto;
  padding: 10px;
  display: none;
}

.subtitle{color:#cb9741;}
.title{color:#9e4f02;}

#loading {
  position:fixed;
  top:40%;
  left:43%;
  width:auto;
  padding:10px;
  background-color:#CCCCCC;
  color:#000000;
  font-weight:bold;
  display:none;
  z-index:8000;
}

#main {
  position: relative;
  width: 1112px;
  min-height: 700px;
  height: auto;
  margin: 0 auto;
  z-index: 1;
  background: url('../imagens/fundo.png') no-repeat;
}

#topo {
  position: relative;
  width: 100%;
  height: 160px;
  padding: 45px 0px 0px 0px;
}

#receba {
  position: absolute;
  top: 10px;
  right: 155px;
  width: 122px;
  height: 16px;
  background: url('../imagens/receba.png') no-repeat;
  z-index: 3;
}

#telefones {
  position: absolute;
  top: 10px;
  right: 0px;
  width: 153px;
  height: 33px;
  background: url('../imagens/telefones.png') no-repeat;
  z-index: 3;
}

#barra {
  position: relative;
  top: -13px;
  width: 1117px;
  height: 296px;
  background: url('../imagens/topo.png') no-repeat;
  z-index: 1;
}

#botao1 {
  position: absolute;
  top: 70px;
  left: 30px;
  width: 92px;
  height: 16px;
  background: url('../imagens/lordpub.png') no-repeat 0px 0px;
}

#botao2 {
  position: absolute;
  top: 69px;
  left: 168px;
  width: 129px;
  height: 18px;
  background: url('../imagens/programacao.png') no-repeat 0px 0px;
}

#botao3 {
  position: absolute;
  top: 69px;
  left: 328px;
  width: 116px;
  height: 17px;
  background: url('../imagens/mundo_lord.png') no-repeat 0px 0px;
}

#logo {
  position: absolute;
  top: -15px;
  left: 490px;
  width: 146px;
  height: 174px;
  background: url('../imagens/escudo.png') no-repeat;
}

#botao4 {
  position: absolute;
  top: 69px;
  left: 685px;
  width: 73px;
  height: 16px;
  background: url('../imagens/bandas.png') no-repeat 0px 0px;
}

#botao5 {
  position: absolute;
  top: 66px;
  left: 808px;
  width: 143px;
  height: 19px;
  background: url('../imagens/fotos_e_videos.png') no-repeat 0px 0px;
}

#botao6 {
  position: absolute;
  top: 69px;
  left: 962px;
  width: 146px;
  height: 18px;
  background: url('../imagens/seu_aniversario.png') no-repeat 0px 0px;
}

#conteudo {
  position: relative;
  z-index: 3;
}

#conteudo_real {
  padding-left:80px;
  font-size:11px;
}

#conteudo_real #destaque {
  width:727px;
  height:265px;
  margin: 0px 0px 0px 100px;
  background:url('../imagens/banner.png') no-repeat;
  z-index:1000;
}

#conteudo_real #destaque #dentro {
  position: relative;
  top: 41px;
  left: 31px;
  width: 665px;
  height: 183px;
}

#conteudo_real #stuff {
  width:920px;
  padding-bottom:140px;
}

#conteudo_real #stuff div.in {
  position:relative;
  width:195px;
  margin-right:80px;
  float:left;
  z-index:10;
}

#rodape {
  position: relative;
  width: 1112px;
  height: 225px;
  margin: 54px 0px 0px 0px;
  background: url('../imagens/rodape.png') no-repeat;
}

#redes_sociais {
  position: absolute;
  bottom: 25px;
  left: 50px;
}

#twitter {
  position: relative;
  width: 50px;
  height: 50px;
  background: url('../imagens/twitter.png') no-repeat;
  float: left;
}

#facebook {
  position: relative;
  width: 50px;
  height: 50px;
  background: url('../imagens/facebook.png') no-repeat;
  float: left;
}

#orkut {
  position: relative;
  width: 50px;
  height: 50px;
  background: url('../imagens/orkut.png') no-repeat;
  float: left;
}

#rss {
  position: relative;
  width: 50px;
  height: 50px;
  background: url('../imagens/rss.png') no-repeat;
  float: left;
}

#endereco {
  position: absolute;
  bottom: 30px;
  left: 300px;
}

#caixas {
  position: absolute;
  top: -60px;
  right: 12px;
  width: 234px;
  height: 238px;
  background: url('../imagens/caixas.png') no-repeat;
}

a:link { text-decoration: none; color: white; }
a:visited { text-decoration: none; color: white; }
a:active { text-decoration: none; color: white; }
a:hover { text-decoration: none; color: white; }

.clear { clear: both; }