#pagina { background-color: #FFFDD0; border: solid 3px #CDCD7D;
          font-family: Arial, Helvetica, Sans-Serif; height: 100%;
          padding: 0.5em 0.5em 1em;  }
#pagina h1  { background-color: #EBEB4D; border: solid 1px #C5C528;
              font: bold 1em Arial, Helvetica, Sans-Serif; margin-bottom: 0.5em;
              padding: 0.5em 0; text-indent: 0.75em; }
#pagina h3 { font-weight: bold; padding: 0.75em 0; text-align: center; }
#pagina div { margin: 1em auto 0.3em; width: 100%; }
#pagina div p { font-size: 0.95em; line-height: 1.5em; padding: 0.5em 0; text-indent: 0.5em; }
#pagina div ul { font-size: 0.95em; height: 100%; margin: 0; padding: 0.5em 0 0; }
#pagina div ul li { line-height: 1.75em; margin-left: 0.75em; padding-bottom: 0.35em; }
#pagina div a { color: #550; text-decoration: none; }
#pagina div a img { border: solid 3px #C5C528; display: block; }
#pagina div a:hover img { border: solid 3px #000; }

#pagina strong { font-weight: bold; }


/* popup */
#popup { display: none; }
#popup a { color: #FF0; font: bold 1.5em Arial, Helvetica, Sans-Serif;
           height: 465px; left: 45%; margin: -206px auto auto -134px; position: absolute;
           text-align: center; top: 35%; width: 343px; z-index: 100; }

#popMovel { display: none; position:relative; z-index: 101; }
#popMovel a { color: #FF0; font: bold 1.5em Arial, Helvetica, Sans-Serif;
                height: 214px; left: 10px; position: absolute;
                text-align: center; top: 10px; width: 280px; }

/* importante */
div#importante { background-color: #FFF; border: solid 1px #888; height: 100%;
                 margin: 1em auto; text-align: center; width: 95%; }
div#importante h3 { color: #C51900; }
div#importante p { font-size: 0.95em; line-height: 1.5em; margin: 0.5em;
                   text-indent: 0.5em; }
div#importante span { color:#A0A021; display:block; font-weight:bold; padding:1em;
                      text-align:right; }
div#importante a:hover { text-decoration:underline; }
                      
/* aviso */
#pagina div.aviso { margin: 0.5em auto; text-align: center; }
#pagina div.aviso a { color: #C51900; font-size: 1.05em; font-weight: bold; }
#pagina div.aviso a span { display: none; }
#pagina div.aviso a:hover { color: #FFFDD0; background-color: #C51900; }
#pagina div.aviso a:hover span { color: #000; display: block; height: 315px; left: 50%;
                                 margin: -73px auto auto -217px; position: absolute; top: 50%;
                                 width: 414px; }
#pagina div.aviso a:hover span img { background-color: #99A507; margin: 0; position: absolute; }
/* HISTÓRIA */
#pagina div a.img_e { float: left; margin: 0.3em 0.75em auto 0.25em; }
#pagina div a.img_d { float: right; margin: 0.3em 0.25em auto 0.75em; }
#pagina div img.ultima { clear: both; display: block; margin: 1.3em auto 1.75em; }
/* CONTATO */
#pagina div ul.contato { list-style-type: none; }
#pagina div ul.contato a:hover { text-decoration: underline; }
/* EVENTO */
#evento table { margin: auto; width: 97%; }
#evento table caption { background-color: #414141; border: solid 1px #000; color: #EDEDED;
                        font-weight: bold; line-height: 2em; margin: 2em auto auto -1px;
                        padding: 0.5em; text-align: center; }
#evento table tr { background-color: #E6E641;  font-size: 0.9em; }
#evento table tr.invertido { background-color: #EDED87; }
#evento table th { background-color: #B4B4B4; border: 1px solid #000; line-height: 2em;
                   text-align: center; width: 25%; }
#evento table th.centro { width: 50%; }
#evento table td { border: solid 1px #61611B; line-height: 1.75em; text-align: center; }

/* LOJA */
#pagina div.produto p { background-color: #F5F591; border: solid 1px #CDCD00; float: left;
                        margin: 0.5em 1em 1.5em; padding: 0.5em; text-align: center; }
#pagina div.produto p b { display: block; margin: 0.3em auto 0.75em; padding: 0.3em 0 0.5em; }
#pagina div.produto p a { float: left; margin: auto 0.75em 1.5em; }
#pagina div.produto p a img { border-width: 1px; }
#pagina div.produto p a:hover img { border-width: 1px; }
#pagina div.produto p strong { font-weight: bold; }
#pagina div.produto p span { display: block; margin: 0.75em auto; text-align: center; }
#pagina div.produto p span a { float: none; margin: auto; }
#pagina div.produto p span a:hover { text-decoration: underline; }
#pagina div.produto br { clear: left }
/* NOTICIAS */
#noticia { text-align: left; width: 98%; }

#noticia h3 { color: #CD5F00; padding: 0.3em 0; font-size: 0.97em; margin: 1em auto 0;
              text-align: left; text-indent: 0.75em; }
#noticia hr { color: #CD5F00; background-color: #CD5F00; border: 0; height: 1px; }
#noticia p { font-size: 0.93em; line-height: 1.75em; }

#noticia ul { margin: 0.5em auto; padding: 1em 0; text-align: center; }
#noticia li { display: inline; }
#noticia li b { background-color: #B4B4B4; border: solid 1px #787878; margin: 0 0.15em;
                padding: 0.3em; }
#noticia li a { background-color: #E9E969; border: solid 1px #AFAF2F;
                margin: 0 0.15em; padding: 0.3em; }
#noticia li a:hover { background-color: #F0F032; }

#noticia img { float: left; margin: 1em 0.75em; }

#noticia h4 { background-color: #FFDC75; border: solid 1px #FFBE00; font-weight: bold;
              margin: 1em auto 0.3em; padding: 0.5em 0; text-indent: 0.75em; width: 95%; }
              
#noticia ul.mes { margin: 0.5em auto auto 0.5em; text-align: left; }
#noticia ul.mes li { display: inline; padding: 0.15em; }
#noticia ul.mes li a { background-color: Transparent; border: 0; color: #C85000; }
#noticia ul.mes li a:hover { background-color: Transparent; text-decoration: underline; }

#noticia h4.ano { background-color: #EBCD67; border: solid 1px #CD9D00;
                  text-align: center; }
#noticia ul.ano { margin-left: 0.5em; }
#noticia ul.ano li { display: block; }
#noticia ul.ano li b,
#noticia ul.ano li a { background-color: Transparent; border: 0; font-weight: bold;
                       padding: 0; }
#noticia ul.ano li a:hover { background-color: Transparent; text-decoration: underline; }

/* JOGADORES */
#pagina div.jogador ul { list-style: outside disc; }
#pagina div.jogador ul li { margin-left: 2em; text-transform:capitalize; }
#pagina div.jogador h2 { background-color: #EBEB67; border: solid 1px #CBCB49; font-weight: bold;
						 margin: 2em 1em 1em; padding: 0.5em 0; text-align: center; }
/* JOGOS */
div#jogos { margin-bottom: 0.75em; padding: 0 0.3em; text-align: left; width: 97%; }
/* proximo */
div#jogos div#proximo h3 { background-color: #ADADAD; border: solid 1px #3F3F3F; line-height: normal;
                           margin-top: 1.3em; padding: 0.75em 0 0.5em; }
div#jogos div#proximo p { background-color: #FAFA7D; border: solid 1px #969600; border-top: 0;
                          font-size: 0.95em; line-height: 2em; padding-bottom: 1em; }
div#jogos div#proximo p strong { font-weight: bold; padding-left: 1em; }
div#jogos div#proximo p span { display: block; font-size: 1.07em; line-height: 2em; margin: 0.5em;
                               text-align: center; }
div#jogos div#proximo p span b { font-size: 0.95em; }
div#jogos div#proximo p span img { margin: 0 auto 0; }
div#jogos div#proximo p span.lado { float: left; font-size: 1em; width: 40%; }
div#jogos div#proximo p span.centro { float: left; font-size: 1em; width: 8%; }
div#jogos div#proximo p span strong { padding-left: 0; }
div#jogos div#proximo p br.limpar { clear: left; }
/* background-color: #C5C541; border: solid 1px #73731B; */
div#jogos img { display: block; margin: 0.5em auto 1.3em; text-align: center; }
div#jogos table { border: 1px solid #2B2B2B; margin: auto; width: 100%; }
div#jogos caption { font-weight: bold; line-height: 2em; padding-bottom: 0.25em;
							text-align: center; }
div#jogos strong { font-weight: bold; }
div#jogos tr { background-color: #DFDF6E; font-size: 0.9em; width: 99%; }
div#jogos tr.amarelo { background-color: #E1E141; }
div#jogos th { background-color: #797979; border: 1px solid #2B2B2B; color: #F3F3F3;
               font-weight: bold; line-height: 2em; text-align: center; width: 40%; }
div#jogos th.extra { background-color: #999999; color: #000; }
div#jogos th.data { width: 20%; }
div#jogos td { border-left: 1px solid #2B2B2B; padding-bottom: 0.25em; text-align: center; }
div#jogos strong, div#jogos th,
div#jogos td { height: 100%; line-height: 2em; }
/* TÍTULOS */
#pagina div ul.titulo { list-style: outside square; margin: 0 1em; }
#pagina div ul.titulo li b { display: block; margin: 0.15em; }
#pagina div ul.titulo li span { color: #333; font-weight: bold; }
#pagina div ul.titulo li div { margin: 0 auto 1.3em; }
#pagina div ul.titulo li a { float: left; margin: 1em auto auto 1em; }
#pagina div ul.titulo li br { clear: left; }
/* FOTOS - VIDEOS */
#pagina div.fotos, #pagina div.video,
#pagina div.simbolo { display: block; overflow: hidden; padding: 0 0.5em; width: 97%; }
#pagina div.fotos h2,
#pagina div.video h2 { background-color: #EBEB67; border: solid 1px #CBCB49; font-weight: bold;
                       margin: 2em auto 0.15em; padding: 0.5em 0; text-align: center; }
/* FOTOS */
#pagina div.fotos h3 { background-color: #FFFF8C; border: solid 1px #D5D578; margin: 0.5em auto 0;
                       padding: 0.5em; }
#pagina div.fotos span.numero { display: block; font-size: 0.95em; margin: 1em 0 1.75em;
                                padding: 0.5em; text-align: right; }
#pagina div.fotos a { float: left; margin: 0.5em 0.3em; }
#pagina div.fotos a img { border-width: 1px; }
#pagina div.fotos a:hover img { border-width: 1px; } 
#pagina div.fotos br { clear: left; }
#pagina div.fotos ul { margin: 0.5em auto; padding: 1em 0; text-align: center; }
#pagina div.fotos li { display: inline; }
#pagina div.fotos li b { background-color: #B4B4B4; border: solid 1px #787878; margin: 0 0.15em;
                         padding: 0.3em; }
#pagina div.fotos li a { background-color: #E9E969; border: solid 1px #AFAF2F; float:none;
                         margin: 0 0.15em; padding: 0.3em; }
#pagina div.fotos li a:hover { background-color: #F0F032; }
#pagina div.fotos ul.galeria li { display: block; }
#pagina div.fotos ul.galeria li b { background-color: Transparent; border: 0; padding: 0; }
#pagina div.fotos ul.galeria li a { background-color: Transparent; border: 0; padding: 0; }
#pagina div.fotos ul.galeria li a:hover { background-color: Transparent; }
/* FOTOS - VIDEOS */
#pagina div.fotos ul.galeria,
#pagina div.video ul { margin-top: 0.5em; font-size: 0.85em; list-style: none inside;
                       padding-bottom: 0; }
#pagina div.video ul.galeria li,
#pagina div.video li { line-height: 2em; }
#pagina div.fotos ul.galeria li a:hover,
#pagina div.video a:hover { text-decoration: underline; }
/* VIDEOS */
#pagina div.video p { margin: 0.5em auto; text-align: center; }
/* BANDEIRAS */
#pagina ul.bandeira li img { display: block; margin: 0 auto 0.5em; text-align: center; }
/* PATROCINADORES */
#pagina ul.patrocinador { margin: 0.75em auto; padding: 0; width: 100%; }
#pagina ul.patrocinador li { margin: 0.75em auto 2.5em; text-align: center; }
#pagina ul.patrocinador li.ultimo { margin-bottom: 0; }
#pagina ul.patrocinador b { display: block; font-size: 1.1em; font-weight: bold;  }
#pagina ul.patrocinador img { margin: 0 auto; padding: 0; text-align: center; }
/* DIVERSAO */
#pagina div#diversao { line-height: 1.75em; margin: 1em 0.5em 0; }

/* TIMES */
#pagina div.zonas { padding: 0.5em; width: 97%; }
#pagina div.zonas h3 { background-color: #D2D26E; border: solid 1px #ADAD49;
                       border-bottom-color: #C1C15D; margin-top: 0.75em; }
#pagina div.zonas h3.proximo { margin-top: 1.75em; }
#pagina div.zonas ul { background-color: #E6E682; border: solid 1px #ADAD49; border-top: 0;
                       margin: 0; padding: 1em 0 1em 1.5em; }
/* ERROS */
#pagina div ul.erros { list-style-type: circle; margin-top: 1.3em; }
#pagina div ul.erros li { margin-left: 2em; }
#pagina div ul.erros li b { display: block; font-weight: bold; padding-bottom: 0.75em; }
/* FORMULARIO */
.formulario table { margin: 0 auto; text-align: center; width: 93%; }
.formulario th { line-height: 2em; padding-right: 0.75em; text-align: right; }
.formulario th.titulo { text-align: left; }
.formulario td { text-indent: 0.5em; vertical-align: middle; }
.formulario td span { color: #E63600; display: block; font-size: 0.93em; line-height: 2em;
                      text-align: right; }
.formulario td span.menor { margin-right: 4.5em; } 
.formulario td span.alerta { display: inline; }
.formulario td span.informacao { color: #2300CD; }
.formulario td span.informacao-menor { color: #2300CD; margin-right: 4.5em; }
.formulario strong { font-weight: bold; font-size: 1.04em; }
.formulario input, .formulario select, .formulario textarea { margin: 0.75em auto; }
.formulario td.botao { cursor: pointer; margin: 1.5em auto 0.25em; text-align: center; width: auto; }
/* CONFIRMACAO */
div#confirmacao a:hover { text-decoration: underline; }
/* ADICIONAL */
span.espaço { cursor: pointer; }
span.falha { color: #F00; }
span.sucesso { color: #2300CD; }
span.amarelo { color: #550; }

@media print 
{
	a:after { content: " ( " attr(href) " )"; font-size: 90%; }
    h1 { background: white none; border: 0; font-size: 14pt; }
    h2 { font-size: 13pt; }
        
	#pagina, pagina h1,
	#pagina div { background-color: #FFF; border: 0; color: #000;
	              font: normal 10pt Georgia, "Times New Roman", Times, serif; height: auto;
	              line-height: 120%; margin: 0 5%; padding: 0; width: auto; word-spacing: 1px; }

	#pagina div a.img_e, #pagina div a.img_d { background-color: #FFF; border: 0; }
	
	#pagina div.aviso a:after, #pagina div a.img_e:after, #pagina div a.img_d:after,
	#pagina p a:after, #pagina div ul.titulo li a:after, #pagina div.fotos a:after,
	#pagina div.simbolo ul a:after, #pagina div.simbolo ul a.ultimo:after { content: normal; }
	
	#pagina img, #pagina div a img { border: solid 1pt #000; }

	#popup, #pagina div.fotos span.numero, #pagina div.produto span a,
	#pagina div.fotos h2, #pagina div.fotos ul,
	#pagina div.fotos img + #pagina div.fotos br,
	#pagina div.video h2, #pagina div.video ul { display: none; }

	#pagina div.fotos h3 { margin-bottom: 20px; width: 90%; }
	#pagina div.fotos, #pagina div.video,
	#pagina div.zonas { margin: 20px auto 20px; width: 100%; }

	#pagina div.zonas h3, #pagina div.zonas ul { background-color: #FFF; }
}