*{ margin: 0; padding: 0; }
p{ padding-bottom: 10px; }
img{ border: none; }
img.png {behavior: url(/js/pngHack.htc);}

h2{ position: absolute; top: 30px; left: 40px; }
h2.home{ top: 0;  left: 0; }
h3{ padding-bottom: 15px; font-size: 10px; color: #350C04; }
h3 strong{ color: #921601; font-size: 12px; }
h4{ padding-bottom: 15px; color: #D42E12; font-size: 10px; }
h4.home{ text-align: center; clear: both; padding: 20px 0 5px 0; }

a{ color: #350C04; }

.hr{ background-color: #C5C5C5; height: 1px; margin: 5px 0 15px 0; clear: both; }
.hr hr{ display: none; }
.red{ background-color: #CE2E0E; }

body{ background: #F7F7F7 url(../img/background_degrade.gif) repeat-x 0 172px; font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #350C04; }
#wrapper{ background:  url(../img/background_grama.jpg) repeat-x top left; float: left; width: 100%;}

#container{ width: 765px; padding: 1px; }

#sidebar{ float: left; width: 155px; margin: 6px; }
* html #sidebar{ margin: 6px 3px; }

ul#nav{ background: #fff url(../img/bg_nav.gif) no-repeat bottom left; padding: 9px 6px 6px 6px; list-style: none; margin-bottom: 6px; }
ul#nav li{ display: inline; }
ul#nav li a{ display: block; height: 0; padding-top: 24px; overflow: hidden; background: url(../img/nav_sobre.gif) no-repeat 0 -24px; }
   ul#nav li a:hover{ background-position: 0  0; }
      ul#nav li a.sobre { background-image: url(../img/nav_sobre.gif); }
      ul#nav li a.times { background-image: url(../img/nav_times.gif); }
      ul#nav li a.campos { background-image: url(../img/nav_campos.gif); }
      ul#nav li a.jogos { background-image: url(../img/nav_jogos.gif); }
      ul#nav li a.classificacao { background-image: url(../img/nav_classificacao.gif); }
      ul#nav li a.resultados { background-image: url(../img/nav_resultados.gif); }
      ul#nav li a.fotos { background-image: url(../img/nav_fotos.gif); }
      ul#nav li a.tribunal { background-image: url(../img/nav_tribunal.gif); }
      ul#nav li a.regulamento { background-image: url(../img/nav_regulamento.gif); }
      ul#nav li a.contato { background-image: url(../img/nav_contato.gif); }
         
         /* menu on */
         .sobre ul#nav li a.sobre,
         .times ul#nav li a.times,
         .campos ul#nav li a.campos,
         .jogos ul#nav li a.jogos,
         .classificacao ul#nav li a.classificacao,
         .resultados ul#nav li a.resultados,
         .fotos ul#nav li a.fotos,
         .tribunal ul#nav li a.tribunal,
         .regulamento ul#nav li a.regulamento,
         .contato ul#nav li a.contato{ background-position: 0 0; }
         
#realizacao{ width: 155px; margin-bottom: 6px; }
#realizacao img{ margin: 0 6px; }

.sidebarHome{ width: 145px; background-color: #D42F13; font-size: 14px; color: #fff; font-weight: bold; margin: 0 auto; }

#vendaProibida{ width: 155px; margin-bottom: 6px; padding-top: 4px; }
#vendaProibida p{ width: 120px; margin: 0 auto; }

#header{ float: right; height: 150px; width: 594px; position: relative; background: url(../img/bola.gif) no-repeat 390px 0; }

#extra{ position: absolute; top: 16px; left: 645px; height: 240px; }

.decorativo{position: absolute; bottom: 0px; left: 0; width: 96px; text-align: center; }

p.bebaModeracao{ background: url(../img/bebe_moderacao.gif) no-repeat top left; width: 8px; height: 0; padding: 87px 0 0 0; overflow: hidden; position: absolute; bottom: 0px; left: 95px; }

#content{ float: right; background: url(../img/bg_content.gif) no-repeat top left; width: 534px; padding: 30px; height: auto!important; height: 350px; min-height: 350px; }

#footer{ background-color: #0C680C; height: 26px; width: 100%; display: block; clear: both; }
#footer p{ width: 775px; text-align: center; padding: 6px; }

#subNav{ list-style: none; }
   #subNav li{ display: inline; padding-right: 5px; }
   
table.classificacao, table.times{ width: 100%; }
table.classificacao th, table.times th{ background-color: #C72F08; color: #fff; padding: 5px; text-align: left; }
table.classificacao td, table.times td{ background-color: #FFD50B; color: #350C04; padding: 5px; text-transform: uppercase; }

table.classificacao th{ width: 15px; }
table.classificacao th.first{ width: 150px; }

p.contato{ line-height: 18px; }

.tribunal p strong, .regulamento p strong{ color: #D42E12; }

.listFotos{ width: 420px; }
.listFotos select{ width: 100px; border: 1px solid #999999; padding: 1px; font: 10px verdana; width: 150px; }

#fotos{ margin: 0 auto; width: 554px; padding: 20px; margin: 0 -30px; background: url(../img/bg_bot_fotos.gif) repeat-x bottom left; height: auto!important; height: 420px; min-height: 420px; position: relative; }
#fotos h5{ width: 554px; background: url(../img/bg_top_fotos.gif) repeat-x top left; padding: 20px; margin: 0 -20px; }
#fotos h5 strong{ color: #D42E12; }
#fotos .date{ position: absolute; top: 40px; right: 30px; font-weight: bold; }
#fotos div img{ border: 1px solid #BEBEBE; display: block; float: left; margin: 10px 8px; }


/* HOME */

#contentHome{ float: right; background: url(../img/bg_content.gif) no-repeat top left; width: 594px; padding: 30px 0; height: auto!important; height: 350px; min-height: 350px; }
.destaque{ width: 420px; padding: 0 30px 30px 30px; line-height: 15px; }

.boxHome{ background: #fff url(../img/bottom_box.gif) no-repeat bottom center; width: 163px; height: 230px; padding: 0 12px 0 12px; float: left; }
   .boxHome h3{ padding-bottom: 2px; margin: 0 -12px; } 
   .boxHome.mid{ margin: 0 16px; }
   .boxHome img{ margin-bottom: 8px; }
   .boxHome p{ line-height: 15px; }
   .boxHome a{ color: #350C04; text-decoration: none; }
      .boxHome a strong{ color: #D42E12; }

.home #realizacao{ display: none; }

.boxRealizacao{ width: 564px; clear: both;  background: url(../img/bg_bot_fotos.gif) no-repeat bottom center; border-top: 1px solid #D5D5D5; text-align: center; padding: 15px; }
.boxRealizacao img{ vertical-align: middle; }


/* pop */
body#pop{ background: url(../img/bg_pop.jpg) no-repeat top left; }
body#pop h1{ position: absolute; top: 8px; left: 8px; }
.creditos{ position: absolute; top: 68px; left: 92px; }



#glossario{ width: 535px; height: 95px; position: relative; margin: 0 auto; background: url(../img/glossario.gif) no-repeat top left; padding-top: 30px; }

#glossario dt{ position: absolute; top: 5px; left: 5px; font-weight: bold; color: #350D05; }

#glossario dd{
   display: block; text-align: center; float: left;  padding: 1px; text-align: center; color: #7B7B7B; letter-spacing: -1px;
}
#glossario strong{
   display: block; padding-bottom: 10px; font-size: 10px; color: #350D05; letter-spacing: normal;
}ul#nav li a.calendario {  background-image: url(../img/nav_calendario.gif)}
.calendario ul#nav li a.calendario {  background-position: 0cm 0cm}
.impressos ul#nav li a.impressos {  background-position: 0px 0px}
ul#nav li a.impressos {  background-image: url(../img/nav_impressos.gif)}
.grupos ul#nav li a.grupos {  background-position: 0px 0px}
ul#nav li a.grupos {  background-image: url(../img/nav_grupos.gif)}
.comunicado ul#nav li a.comunicado {  background-position: 0px 0px}
ul#nav li a.comunicado {  background-image: url(../img/nav_comunicado.gif)}
.artilharia ul#nav li a.artilharia {  background-position: 0px 0px; background-image: url(../img/nav_artilharia.gif)}
ul#nav li a.artilharia {  background-image: url(../img/nav_artilharia.gif)}
ul#nav li a.ficha {  background-image: url(../img/nav_ficha.gif)}
.ficha ul#nav li a.ficha {  background-position: 0px 0px}
ul#nav li a.posadas {  background-image: url(../img/nav_posada.gif)}
.posadas ul#nav li a.posadas {  background-position: 0px 0px}