/* ========================================================================================== */
/* ==========================================================================================

   NAÇÃO FLAMENGO [www.nacaoflamengo.com.br] - Folha de Estilos 1.0 // Hotsite Hexa
   
   Arquivo idealizado e montado por Daniel Mandina [daniel.mandina@gmail.com]
   
   A reprodução e/ou cópia deste arquivo sem autorização prévia é expressamente proibida e 
   passível de punição em esfera criminal, de acordo com as leis vigentes.

   ========================================================================================== */
/* ========================================================================================== */

body {
   margin: 0px;
   background: #000 url('imagens/bg.jpg') no-repeat top center;
}

#container {
   width: 794px;
   height: auto;
   position: relative;
   left : 50%;
   margin-left: -398px;
   font: 12px Arial, Sans-Serif;
}

#topo {
   width: 794px;
   height: 35px;
   background: url('imagens/bg_topo.png') no-repeat top center;
   padding-top: 208px;
   margin-bottom: -5px;
}

#topo ul {
   width: auto;
   height: auto;
   margin: 0px;
   padding: 0px;
   font: 18px Arial, Sans-Serif;
   margin-left: 23px;
}

#topo ul li {
   width: auto;
   height: 20px;
   list-style: none;
   display: inline;
   color: #9f9999;
   margin-right: 20px;
}

#topo ul li a {
   color: #9f9999;
   text-decoration: none;
}

#topo ul li a:hover {
   color: #FFFF00;
   text-decoration: none;
}

#topo ul li b {
   color: #fff;
}

h1 {
   width: 754px;
   height: 38px;
   background: url('imagens/bg_titulo.png') no-repeat;
   padding: 20px;
   font: bold 25px Arial, Helvetica, sans-serif;
   color: #990000;
   margin: 0px;
}

#conteudo {
   width: 748px;
   height: auto;
   padding: 0px 23px 20px 23px;
   background: url('imagens/bg_meio.png');
   line-height: 18px;
}

#conteudo a {
   color: #990000;
   text-decoration: none;
}

#conteudo a:hover {
   color: #FF0000;
}

#rodape {
   width: 794px;
   height: 40px;
   padding: 30px 0px 10px 0px;
   background: url('imagens/bg_rodape.png') no-repeat;
   text-align: center;
   font: 22px Arial, Helvetica, sans-serif;
   color: #999999;
}

.imgAndrade {
   margin: 0px 5px 5px 0px;
   border: solid 2px #CCCCCC;
}

/* =============================================================================

Campanha

============================================================================= */

.jogosDatHorVsTop {
   width: 72px;
   height: 18px;
   background-color: #f4f4f4;
   float: left;
   text-align: center;
   padding: 7px 0px 5px 0px;
   font: bold 15px Arial;
   border-bottom: solid 1px #d2d2d2;
   border-top: solid 1px #d2d2d2;
}

.jogosTimeLocalTop {
   width: 130px;
   height: 18px;
   background-color: #f4f4f4;
   float: left;
   padding: 7px 0px 5px 0px;
   font: bold 15px Arial;
   border-bottom: solid 1px #d2d2d2;
   border-top: solid 1px #d2d2d2;
}

.jogosFichaTop {
   width: 82px;
   height: 18px;
   background-color: #f4f4f4;
   float: right;
   text-align: center;
   padding: 7px 0px 5px 0px;
   text-align: center;
   font: bold 15px Arial;
   border-bottom: solid 1px #d2d2d2;
   border-top: solid 1px #d2d2d2;
}

.jogosDatHor {
   width: 72px;
   height: 18px;
   float: left;
   text-align: center;
   padding: 7px 0px 5px 0px;
   font: 13px Arial;
   border-bottom: solid 1px #f0f0f0;
}

.jogosVs {
   width: 60px;
   height: 18px;
   float: left;
   text-align: center;
   padding: 7px 0px 5px 0px;
   font: 13px Arial;
   border-bottom: solid 1px #f0f0f0;
   color: #990000;
}

.jogosTimeLocal {
   width: 130px;
   height: 18px;
   float: left;
   padding: 7px 0px 5px 0px;
   font: 13px Arial;
   border-bottom: solid 1px #f0f0f0;
}

.jogosFicha {
   width: 82px;
   height: 18px;
   float: right;
   text-align: center;
   padding: 7px 0px 5px 0px;
   text-align: center;
   font: 13px Arial;
   border-bottom: solid 1px #f0f0f0;
   color: #c6c6c6;
}

/* =============================================================================

Depoimentos

============================================================================= */

.aspas {
   width: 40px;
   height: 50px;
   float: left;
   font: bold 60px Arial, Helvetica, sans-serif;
   color: #CCCCCC;
}

.depoimento {
   width: 680px;
   height: 40px;
   float: right;
   line-height: 18px;
   padding: 10px;
   font: bold italic 18px Arial, Helvetica, sans-serif;
}

.nome {
   width: 680px;
   height: 40px;
   float: left;
   line-height: 18px;
   padding: 10px;
   font: bold italic 16px Arial, Helvetica, sans-serif;
   color: #990000;
   text-align: right;
   margin-bottom: 20px;
}

.nome b {
   font: bold italic 16px Arial, Helvetica, sans-serif;
   color: #999999;
}

.aspasB {
   width: 40px;
   height: 40px;
   float: right;
   font: bold 60px Arial, Helvetica, sans-serif;
   color: #CCCCCC;
   margin-bottom: 20px;
}

/* =============================================================================

Downloads

============================================================================= */

.wallGeral {
   width: 220px;
   height: auto;
   margin: 0px 43px 0px 0px;
   float: left;
}

.wallGeralB {
   width: 220px;
   height: auto;
   margin-bottom: 1px;
   margin: 0px;
   float: right;
}

.wallImagem {
   width: 220px;
   height: 165px;
   margin-bottom: 1px;
}

.wallOp {
   width: 210px;
   height: auto;
   padding: 5px;
   margin-bottom: 1px;
   text-align: center;
   background-color: #f6f6f6;
}

.wallOp a {
   font: 12px Arial, Helvetica, sans-serif;
   color: #333333;
   text-decoration: none;
}

.wallOp a:hover {
   color: #FF0000;
}

.avatar {
   width: 100px;
   height: auto;
   float: left;
   margin-right: 8px;
   margin-bottom: 8px;
}

.avatarB {
   width: 100px;
   height: auto;
   float: right;
   margin-bottom: 8px;
}

/* =============================================================================

Elenco

============================================================================= */

.elencoFoto {
   width: 168px;
   height: 168px;
   margin: 0px 20px 20px 0px;
   float: left;
   border: solid 2px #CCCCCC;
}

.elencoFotoB {
   width: 168px;
   height: 168px;
   margin: 0px 0px 20px 0px;
   float: right;
   border: solid 2px #CCCCCC;
}

.elencoFoto, .elencoFotoB a {
   color: #CCCCCC;
}

.info {
   width: 168px;
   line-height: 18px;
}

h2 {
   width: 748px;
   height: 40px;
   font: bold 16px Arial, Helvetica, sans-serif;
   color: #666666;
   clear: both;
   margin: 0px;
   padding: 0px;
   padding-top: 20px;
}