body{
margin:0;
padding:0;
background:url(../images/bg_principal.png) repeat-y center top
}
.div-principal{
width:783px;
display:block;
margin:0 auto;
padding:0;
background-color:#FFFFFF;
}

span.menu-topo{
display:block;
height:18px;
background-color:#4CAD00;
padding-top:6px;
z-index:0;
}
#span-logo{
z-index:0;
height:290px;
width:100%;
margin:auto;
}

img{
border:none;
}

span.menu{
height:45px;
width:100%;
display:block;
background:#4CAD00;
margin-top:0;
z-index:9999;
position:relative
}

.submenu{
display:block;
background:transparent url(../images/bg_submenu.png) no-repeat left top;
width:300px;
height:45px;
margin:0;
padding:2px 0px;
}
.submenu a, .submenu a:link, .submenu a:visited, .submenu a:active{
border:none;
margin-left:3px
}


ul{
float:left;
display:block;
margin:0;
padding:0;
}
ul li{
float:left;
list-style:none;
padding:5px 10px 0 0;
padding-left:0;
margin-right:15px;
background:url(../images/linha_vertical.png) no-repeat right 10px;
height:15px;
}
ul.menu{
margin:5px 0 0 15px;
background:transparent;
z-index:1000;
}
a, a:link, a:active, a:visited{
font:normal 12px Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none
}
a:hover{
text-decoration:underline
}

ul.senha, ul.busca{
font:bold 12px Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin-left:10px
}
ul.senha li, ul.busca li{
background:none;
margin:0
}
ul.senha li label, ul.busca li label{
margin-right:1px;
}
ul.busca{
float:right;
margin-right:15px;
font-weight:normal;
}
ul.busca label{
padding-right:5px
}



input.usuario, input.senha, input.busca, input.busca_img{
  background-image:url(../images/bg-input.png);
  background-repeat:repeat-x;
  background-position:left center;
  border:solid 1px #59acd9;
  height:14px;
  width:80px;
  font:bold 10px Arial, Helvetica, sans-serif;
}

input.busca_img{
  background-image:url(../images/search.gif);
  background-repeat:no-repeat;
  background-position:left center; 
  padding-left:20px
}
input.visto {
    background: url(../images/visto.png) no-repeat 0 -7px;
    content: ""; /* opera */
    display: inline-block; /* opera */
    width: 18px;
    height: 17px;
    line-height: 0; /* ie */    
	cursor:pointer;
	border:0;
	margin:0
}
.menu-topo, .menu-topo a, .menu-topo a:visited, .menu-topo a:active{
color:#999999;
font:normal 10px verdana,arial,sans-serif
}


.menu-topo a, .menu-topo a:visited, .menu-topo a:active{
color:#993300;
font-weight:bold;
margin:5px;
}

.menu-topo .links{
display:inline;
float:left;
margin:0 0 0 10px;
padding:0;
text-transform:uppercase;
}

.links a, .links a:visited,links a:active{
color:#fff;
margin:2px;
}



.conteudo{
margin:10px;
font:normal 10pt sans-serif;
}

div.imagem{
display:block;
width:100%;
text-align:center;
margin:5px auto
}


.ultimas-noticias{
display:block;
background:#fff url(../images/bg_ultimas_noticias.png) no-repeat center center;
width:783px;
height:424px;
margin-top:40px
}
div.noticia-principal{
display:block;
float:left;
width:380px;
height:381px;
margin:40px 0 0 15px;
}

div.noticia-principal a, div.noticia-principal a:active, div.noticia-principal a:visited{
color:#000000;
text-decoration:none;
font:bold 16px Arial, Helvetica, sans-serif;
} 
div.noticia-principal a:hover{
text-decoration:underline
}

div.noticia-principal #titulo{
display:block;
width:380px;
height:49px;
text-align:center
}
div.noticia-principal #foto{
display:block;
width:380px;
height:249px;
text-align:center
}

div.noticia-principal #foto img{
max-width:380px;
max-height:249px;
}

div.noticia-principal #destaque{
display:block;
width:357px;
height:74px;
text-align:justify;
margin-left:10px
}
div.noticia-principal #destaque a, div.noticia-principal #destaque a:visited, div.noticia-principal #destaque:active{
font-size:12px;
font-weight:normal
}
div.outras-noticias{
display:block;
float:right;
width:358px;
height:258px;
margin:90px 7px 0 0!important;
margin:90px 5px 0 0;
}
div.outras-noticias table{
border:0
}
div.outras-noticias table td{
padding-bottom:15px
}
table#outras-noticias a{
font:normal 10px Arial, Helvetica, sans-serif;
text-decoration:none;
color:#333333
}
table#outras-noticias a:hover{
text-decoration:underline
}
div.leia-mais-noticias{
position:relative;
float:right;
padding:40px 25px 0 0;
}
div.leia-mais-noticias a{
font:bold 12px Arial, Helvetica, sans-serif;
color:#34554b;
letter-spacing:1px;
text-transform:uppercase
}


span.botoes{
width:440px;
height:110px;
float:right;
margin:20px 5px 0 0;
text-align:center;

}

span.botoes a{
display:inline;
margin:0;
}


span.desafio{
clear:both;
display:block;
width:410px;
height:143px;
float:right;
background:url(../images/bg-desafio.png) no-repeat center center;
margin:10px 10px 0 0;
text-align:center;
}

span.desafio div{
font:bold 18px arial,verdana,serif;
margin:45px auto auto auto; 
}

span.desafio div span.vs{
font-size:24px;
margin:10px;
}

span.desafio div.local{
margin:8px 0 0 0;
padding:0;
font:bold 10px arial,verdana,sans-serif;
color:#878686;
}


span.galeria{
display:block;
width:319px;
height:262px;
background:url(../images/bg-galeria.png) no-repeat center center;

}
span.galeria table{
margin:30px auto 0 auto;
width:90%;
height:90%;
text-align:center
}

span.mural{
display:block;
width:405px;
height:401px;
float:right;
background:url(../images/bg_mural.png) no-repeat center center;
margin:10px 10px 0 5px;
}
span.mural table{
margin:45px auto 0 auto;
width:90%;
text-align:justify
}
span.mural table td.nome{
color:#afb1b3;
font:bold 22px Verdana, Arial, Helvetica, sans-serif
}
span.mural table td.data{
color:#666666;
font:bold 9px Geneva, Arial, Helvetica, sans-serif
}
span.mural table td.msg{
font:bold 12px Geneva, Arial, Helvetica, sans-serif;
color:#000000;
padding:10px 0 15px 25px;
background:url(../images/aspas.png) no-repeat left 5px
}
a.leia-mural, a.deixar-mensagem{
font:bold 12px Arial, Helvetica, sans-serif;
color:#7a0202;
text-transform:uppercase;
display:block;
float:right;
margin:2px 5px
}
a.deixar-mensagem{
padding-top:10px;
color:#3f6f25
}
a.leia-mural{
width:90%;
text-align:right
}

div.lmural-foto{
position:absolute;
display:inline;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
overflow:hidden;
padding:3px;
margin:30px 10px;
}

div.ldocumento .foto{
position:absolute;
display:inline;
background:#FFFFFF none repeat scroll 0 0;
overflow:hidden;
float:left;
}

div.lmural{
padding-bottom:30px;
width:80%;
margin:15px auto;
}

div.lmural span.nome{
color:#afb1b3;
font:bold 22px Verdana, Arial, Helvetica, sans-serif
}

div.lmural span.data{
color:#666666;
font:bold 10px Geneva, Arial, Helvetica, sans-serif;
margin:10px;
text-align:left;
display:block
}

div.lmural span.msg{
font:bold 12px Geneva, Arial, Helvetica, sans-serif;
color:#111;
padding:10px 0 10px 30px;
background:url(../images/aspas.png) no-repeat left 5px;
line-height:21px
}

form.mural{
position:absolute;
margin:40px 0 0 0
}

form.mural div{
font:normal 12px Geneva, Arial, Helvetica, sans-serif;
color:#111;
margin:10px
}

/**
 *
 * ENQUETE
 *
 */

span.enquete{
display:block;
width:319px;
height:405px;
float:left;
background:url(../images/bg-enquete.png) no-repeat center center;
margin:5px 0 0 5px;
}
span.enquete table{
margin:45px auto 0 auto;
width:90%;
text-align:center;
font:bold 14px Verdana, Arial, Helvetica, sans-serif
}
span.enquete table th{
color:#666666
}

span.patrocinio{
display:block;
float:left;
width:100%;
margin-top:40px;
font:bold 12px Geneva, Arial, Helvetica, sans-serif;
text-align:center;
color:#000
}


span.rodape{
display:block;
width:785px;
margin:auto;
font:bold 10px Geneva, Arial, Helvetica, sans-serif;
text-align:center;
background-color:#2E6700;
color:#CCCCCC;
}
span.rodape img{
margin:5px
}
span.rodape p{
padding:0;
margin:0;
}

.paginacao{
clear:both;
display:block;
float:right;
margin:20px 80px;
font:bold 10px verdana,arial,serif;
}

.paginacao a, .paginacao a:link, .paginacao a:active, .paginacao a:visited{
color:#3399ff;
line-height:20px
}
.paginacao a:hover{
text-decoration:none;
color:#000
}

.paginacao div.pagina a, .paginacao div.pagina span{
padding:2px 3px;
border:solid 1px #ccc;
font-size:10px;
}
.paginacao div.pagina span{
border-color:#000;
font-size:9px
}

/**
*
*Formulário de Cadastro
*/
.formu {
		font: 0.8em Arial, Helvetica, sans-serif;
		width:613px;
		height:465px;		
		padding:100px 0 0 100px;
		background: url(../images/bg_formulario.png) no-repeat center center;
		margin:auto
}
.form-mural {
		font: 0.8em Arial, Helvetica, sans-serif;
		width:503px;
		height:465px;		
		padding:110px 0 0 50px;
		background: url(../images/form_mural.png) no-repeat center center;
		margin:auto;
}

.formlogin {
		font: 0.8em Arial, Helvetica, sans-serif;
		width:417px;
		height:255px;		
		padding:110px 0 0 100px;
		background: url(../images/bg_login.png) no-repeat center center;
		margin:auto
}

.formu input#nome, .formu input#email, .formu input#site, .formu input#usuario, .formu input#senha, .formu input#resenha {
		width:25.0em;
		border:#eee 1px solid;
}
.formu input#nome:focus, .formu input#email:focus {
		background: #ffe;
}


.formulario dt {margin-top:1.5em;}
.formulario dd {margin:0; padding:0;}

.messagebox{
 position:absolute;
 width:100px;
 margin-left:30px;
 border:1px solid #c93;
 background:#ffc;
 padding:3px;
}
.messageboxok{
 position:absolute;
 width:auto;
 margin-left:30px;
 border:1px solid #349534;
 background:#C9FFCA;
 padding:3px;
 font-weight:bold;
 color:#008000;
}
.messageboxerror{
 position:absolute;
 width:auto;
 margin-left:30px;
 border:1px solid #CC0000;
 background:#F7CBCA;
 padding:3px;
 font-weight:bold;
 color:#CC0000;
}


.menssagemok,.menssagemerror{
 width:270px;
 margin-left:30px;
 border:1px solid #000;
 background:#339900;
 padding:3px;
 font-weight:bold;
 color:#fff;
}
.menssagemerror{
 background:#993300;
}

p.edicao{
text-align:right
}

/**
  *
  *
**/
input.usuario_img{
  background-image:url('../../../../public/images/usuario.png'); 
  padding-left:56px;
}
input.senha_img{
  background-image:url('../../../../public/images/senha.png');
  padding-left:56px; 
}
input.usuario_img, input.senha_img{
  background-repeat:no-repeat;
  background-position:left top;
  border:solid 1px #ccc;
  height:20px;
  width:120px;
  font:bold 10px Arial, Helvetica, sans-serif;
}


input.submit_img {
    background: url(../../../../public/images/visto.png) no-repeat 0 0;
    content: ""; /* opera */
    display: inline-block; /* opera */
    width: 71px;
    height: 34px;
    line-height: 0; /* ie */    
	cursor:pointer;
	border:0;
	margin:0
}
p.novo-cadastro{
font:normal 12px Verdana,arial,serif;
}  

efetue-login{
-x-system-font:none;
font-family:Verdana;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
}
h1{
font:bold 18px verdana,arial,serif; 
}

.subir{
clear:both;
display:block;
width:783px;
text-align:center;
padding-top:50px;
margin:10px auto;
}

/**
*Tabelas
*
**/
.grupo{
display:block;
width:308px;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
background:#FFFFFF url(../../../../public/images/fundo_data.png) repeat-x top;
margin:20px; 
border:solid 1px #CCCCCC
}
.grupo table{
width:100%;

}
.grupo table td{
text-align:center;
color:#000;
width:32%;
font-weight:normal;
padding-top:15px
}

.grupo table th{
text-transform:uppercase;
padding-top:5px;
font-size:20px;
}

table.resultados{
background-color:#F7F7F7
}

table.resultado{
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
margin:30px auto;
width:100%;
border:solid 1px #ccc;
background-color:#FFFFFF
}

table.resultado th{
border-bottom:solid 1px #ccc;
background:url(../../../../public/images/fundo_data.png) repeat-x top;
height:20px;
line-height:20px;
padding-left:5px;
}
table.resultado td{
width:180px;
padding-top:10px;
text-align:center
}
table.resultado td.local{
width:300px;
text-align:right
}

table.resultado span.result{
border:solid 1px #000;
width:15px;
height:15px;
display:block;
text-align:center;
margin:auto
}
table.resultado .bandeirinha{
widht:15px;
height:11px;
}
table.resultado .bandeirao{
widht:30px;
height:21px;
}
table.resultado td.time{
width:60px;
color:#006600
}

h1.modalidade, div.regiao{
margin:auto;
text-align:center;
font:bold 30px Genova,verdana,serif;
color:#81B1BC;
text-transform:uppercase
}


div.regiao{
font-size:18px;
color:#cccccc;
}

a.logout-menu{
color:#ffcc00;font-weight:bold
}


/**
 *
 * ENQUETE
 *
 */

span.enquete{
display:block;
width:316px;
height:405px;
float:left;
background:url(../images/bg-enquete.png) no-repeat center center;
margin:5px 0 0 5px;
}
span.enquete table{
margin:45px auto 0 auto;
width:90%;
text-align:center;
font:bold 12px Verdana, Arial, Helvetica, sans-serif
}
span.enquete table th{
color:#666666
}

span.enquete table td{
font-size:10px;
font-weight:normal;
text-align:left;
color:#000
}

span.rodape{
display:block;
float:left;
width:100%;
margin-top:40px;
font:bold 10px Geneva, Arial, Helvetica, sans-serif;
text-align:center
}
span.rodape img{
margin:5px
}
span.rodape p{
padding:0;
margin:0;
}
/**
 * Paginação
  *
  **/
.paginacao{
clear:both;
display:block;
float:right;
margin:20px 80px;
font:bold 10px verdana,arial,serif;
}

.paginacao a, .paginacao a:link, .paginacao a:active, .paginacao a:visited{
color:#3399ff;
line-height:20px
}
.paginacao a:hover{
text-decoration:none;
color:#000
}

.paginacao div.pagina a, .paginacao div.pagina span{
padding:2px 3px;
border:solid 1px #ccc;
font-size:10px;
}
.paginacao div.pagina span{
border-color:#000;
font-size:9px
}

/**
* Grupos
**/

.grupo table th{
font:bold 6pt Verdana,Arial,Helvetica,sans-serif;
}

.grupo{
background:url("../images/fundo_data.png") repeat-x scroll center top #fff;
display:block;
float:left;
font:bold 8pt Verdana,Arial,Helvetica,sans-serif;
margin:3px 35px;
width:300px;
}

table.resultado{
width:35%;
float:left;
border:none;
margin:30px 35px;
width:300px;
}

table.resultado th{
background:url("../images/fundo_data.png") repeat-x scroll center top transparent;
border:none;
height:20px;
line-height:20px;
padding-left:5px;
}
table.resultado small{
font-weight:normal;
}

.contador{
width:100%;
display:block;
color:#4CAD00;
text-align:center;
font:normal 8pt sans-serif
}