/* 
    Document   : css
    Created on : 10/01/2012, 08:14:59
    Author     : raphael
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
body{
    background: url("imagens/fundo.jpg");
}
.degrade{
    background: url("imagens/degrade.png") repeat-x;
}
input[type=text], input[type=password]{
    border: 2px #999999 solid;
}
dt{
    width: 10%;
    float: left;
}
dd{
    width: 80%;
    float: left;
}
.centro{
    margin-right: auto;
    margin-left: auto;
}
.cabecalho{
    background: url("imagens/cabecalho.png") no-repeat;
    height: 176px;
    width: 800px;
    margin-top: -8px;

}
.inicial{
    float: left;
    width: 180px;
    height: 176px;
}
.menu{
    width: 620px;
    float: left;
    padding-top: 120px;
    font-size: 13px;
    height: 30px;
}
.menu div{
    float: left;
    margin-right: 30px;
    border-right: 1px #fff solid;
    padding-right: 30px;
}
.menuItem{
    width: 50px;
}
.menuItem div{
    clear: both;
}
.menu a:hover, .menu a:link, .menu a:active, .menu a:visited{
    font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
    text-decoration:none;
    color:#FFFFFF;
}
.menu a:hover{
    background:#024b00;
}
.banner{
    min-height: 200px;
    background: #FFF;
    width: 800px;
}
.banner div{
    float: left;
    width: 370px;
    height: 180px;
    margin: 10px;
    margin-bottom: 0px;
    padding-top: 10px;
}
.conteudo{
    min-height: 200px;
    background: #FFF;
    width: 800px;
}
.conteudoInterno{
    padding-top: 10px;
    width: 780px;
}
.rodape{
    min-height: 120px;
}
.rodapeInterno{
    width: 780px;
    border-top: 5px #013300 solid;
}
.rodapeEsquerda{
    float: left;
    height: 100px;
    margin-top: 20px;
}
.rodapeDireita{
    float: right;
    height: 100px;
    margin-right: 20px;
    margin-top: 20px;
}
.rodapeWibc{
    margin-top: 70px;
    float: right;
}
.rodapeTitulo{
    color: #033303;
    font-weight: bold;
}
.rodapeTexto{
    font-size: 13px;
}
.pagina{
    font-size: 25px;
    font-weight: bold;
    color: #033303;
    margin-bottom: 10px;
    margin-top: 10px;
}
.titulo{
    font-weight: bold;
    color: #033303;
}
.noticias{
    margin-top: 20px;
    width: 390px;
    float: left;
    min-height: 244px;
}
.login{
    margin-top: 20px;
    background: url("imagens/login.png");
    width: 317px;
    float: left;
    height: 244px;
}
.resultados{
    background: url("imagens/ultimos.png");
    width: 290px;
    float: left;
    height: 303px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.galeria{
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 20px;
    float: left;
    width: 780px;
    height: 303px;
}
.tituloNegrito{
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 5px;
}
.texto{
    margin-top: 5px;
    font-size: 15px;
}
.noticiaInicial{
    padding: 15px;
}
.noticiaInicial a:hover, .noticiaInicial a:link, .noticiaInicial a:active, .noticiaInicial a:visited{
    font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
    text-decoration:none;
    color: #000;
}
.noticiaInicial a:hover{
    background:#EEE;
}
.leiaMais{
    margin-left: 10px;
    float: inherit;
    color: #013302;
    font-size: 11px;
    border-bottom: 1px #013302 dashed;
    width: 90%;
    padding-bottom: 5px;
    font-weight: bold;
}
.foto{
    width: 200px;
    height: 200px;
    float: left;
    margin-right: 10px;
}
.fotoMenor{
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 10px;
    border: 1px #013302 dashed;
}
.menuTitulo{
    float: left;
}
.menuTitulo div{
    float: left;
    margin-bottom: 10px;
}
.moduloTitulo{
    width: 100%;
}
.moduloTitulo div{
    width: 50%;
}
.menuTituloCabecalho{
    width: 100%;
    background: #033303;
    color: #FFF;
    font-size: 20px;
    margin-bottom: 10px;
    padding-top: 5px;
}
.diretoria{
    width: 49%;
}
.diretoria div{
    float: left;
}
.agenda{
    width: 100%;
}
.agenda div{
    width: 19%;
}
.jogo{
    font-size: 15px;
    margin: 15px;
    border-bottom: 1px #000 dashed;
    height: 90px;
}
.gol{
    font-size: 25px;
}
.resultado{
    float: right;
    margin-right: 10px;
    font-size: 12px;
    font-weight: bold;
}
.resultados a:hover, .resultados a:link, .resultados a:active, .resultados a:visited{
    text-decoration:none;
    color: #000;
}
.galeria a:hover, .galeria a:link, .galeria a:active, .galeria a:visited,.noticias a:hover, .noticias a:link, .noticias a:active, .noticias a:visited{
    text-decoration:none;
    color: #000;
}
.album a:hover, .album a:link, .album a:active, .album a:visited{
    text-decoration:none;
    color: #000;
}
.eventoFoto{
    width: 32%;
}
.classificacao{
    height: 20px;
}
.classificacao div{
    width: 30px;
    float: left;
}
.grupos{
    background: #000;
    color: #FFF;
}
.cinza{
    background: #EEEEEE;
    height: 20px;
}
.jogos{
    width: 100%;
    height: 20px;
    background: #000;
    color: #fff;
}
.jogos div{
    float: left;
}
.jogoValor div{
    float: left;
}