/* -----------------------------------------------------------------------

 Blueprint CSS Framework 0.8
 http://blueprintcss.org

   * Modificado por Filipe Rocha (filipe@viaoceanica.com)
   * Via Oceânica (www.viaoceanica.com)

----------------------------------------------------------------------- */
@import url("reset.css");
@import url("typography.css");
@import url("forms.css");

/* Containers e caixas
-------------------------------------------------------------- */
.container { width:950px; margin:44px auto; background:#f2f2f2; position:relative; text-align:left; }
.colEsq    { width:521px; float:left; margin-left:3px; background:none; text-align:left; }
.colMain   { padding:25px; }
.colDir    { width:423px; float:right; margin-right:3px; background:none; text-align:left; }
.rod       { background:url(../../img/bg-rodape.gif) top no-repeat; padding:15px 12px 12px 12px; }

/* NOTA: o clear está escrito no reset.css */


/* Cabeçalho.
-------------------------------------------------------------- */
.topFlash{ background:#fff; height:134px; overflow:hidden; }

/* Menu. */
/* Menu Principal */
#nav { background:url(../../img/bg-menu2.jpg) repeat-x left bottom; margin:0; list-style:none; width:950px; z-index:998;  height:40px; }
#nav li { position:relative; float:left; }
#nav li a { display:block; height:40px; margin:0 5px; }
li .subnav { list-style:none; position:absolute; width:120px; margin:0; left:0px; top:40px; display:none; z-index:999; }
#nav li .subnav li { float:none; text-align:left; }
#nav li .subnav li a { height:auto; width:120px; padding:4px; border-top:1px dotted #999; text-decoration:none; color:#e3d02c; background:#070506; }
#nav li .subnav li a:hover { background:#fff; color:#070506; }	
/* Holly Hack. IE Requirement \*/
* html ul li {float: left; height: 1%;}
* html ul li a {height: 1%;}
/* The magic */
li:hover .subnav, li.over .subnav {display: block;} 
/* --- */
#nav .home { width:20px; background:url(../../img/b-home.gif) top center no-repeat;}
#nav .home:hover { background:url(../../img/b-home.gif) top center no-repeat; }
#nav .federacao { width:67px; background:url(../../img/b-federacao.gif) top center no-repeat;}
#nav .federacao:hover { background:url(../../img/b-federacao.gif) bottom center no-repeat;}
#nav .associacoes { width:81px; background:url(../../img/b-associacoes.gif) top center no-repeat;}
#nav .associacoes:hover { background:url(../../img/b-associacoes.gif) bottom center no-repeat;}
#nav .disciplinas { width:81px; background:url(../../img/b-disciplinas.gif) top center no-repeat;}
#nav .disciplinas:hover { background:url(../../img/b-disciplinas.gif) bottom center no-repeat;}
#nav .multimedia { width:81px; background:url(../../img/b-multimedia.gif) top center no-repeat;}
#nav .multimedia:hover { background:url(../../img/b-multimedia.gif) bottom center no-repeat;}
#nav .noticias { width:57px; background:url(../../img/b-noticias.gif) top center no-repeat;}
#nav .noticias:hover { background:url(../../img/b-noticias.gif) bottom center no-repeat;}
#nav .contactos { width:71px; background:url(../../img/b-contactos.gif) top center no-repeat;}
#nav .contactos:hover { background:url(../../img/b-contactos.gif) bottom center no-repeat;}
#nav .links { width:41px; background:url(../../img/b-links.gif) top center no-repeat;}
#nav .links:hover { background:url(../../img/b-links.gif) bottom center no-repeat;}
#nav .comunicados { width:90px; background:url(../../img/b-comunicados.gif) top center no-repeat;}
#nav .comunicados:hover { background:url(../../img/b-comunicados.gif) bottom center no-repeat;}
#nav .arbitros { width:65px; background:url(../../img/b-arbitros.gif) top center no-repeat;}
#nav .arbitros:hover { background:url(../../img/b-arbitros.gif) bottom center no-repeat;}
#nav .atletas { width:56px; background:url(../../img/b-atletas.gif) top center no-repeat;}
#nav .atletas:hover { background:url(../../img/b-atletas.gif) bottom center no-repeat;}
#nav .treinadores { width:84px; background:url(../../img/b-treinadores.gif) top center no-repeat;}
#nav .treinadores:hover { background:url(../../img/b-treinadores.gif) bottom center no-repeat;}





/* Coluna Esquerda.
-------------------------------------------------------------- */

.colEsq {}

/* Notícias */

.noticias { background:url(../../img/bg-pesquisa.gif) top repeat-y;}

.noticias a { color:#067123; text-decoration:none; font-weight:bold; display:block;}
.noticias a:hover { color:#3ac45f;}

.noticias .pesquisa { height:27px; text-align:right; margin:9px 11px 11px 0;}

.noticias .pesquisa .input { background:url(../../img/pesquisainput.gif) no-repeat; width:233px; height:27px; margin:0; border:none; float:none;}

.noticias .pesquisa .pesquisar { background:url(../../img/pesquisar.gif) no-repeat; width:71px; height:27px; margin:0 0 0 4px; margin:0; border:none; float:none;}



/* Coluna do Conteudo.
-------------------------------------------------------------- */
.texto { padding:10px; width:880px;}

.listagem{ margin:0 0 .5em 0;}
.listagem .img{ float:left; overflow:hidden; width:100px; height:75px; text-align:center; margin:0 5px 5px; }
.texto     { float:left; width:700px; }
.texto h3{ margin:0; padding:0; }
.texto span{ font-size:.9em; color:#666; }

.paginacao { clear:both; }
.activo, .inativo { display:block; padding:5px; margin:1px; float:left; }
.activo, .inativo:hover { background:#000; color:#fff; }
.inativo { background:#666; color:#000; }


/* Coluna da Direita.
-------------------------------------------------------------- */

.colDir {}

.marquee { background:url(../../img/bg-marquee.gif) no-repeat; width:421px; height:29px; margin:5px 0; padding-top:13px;}

.marquee marquee { padding:0; margin:0 22px 0 90px; color:#000;}



/* Rodapé.
-------------------------------------------------------------- */

.rodape { background:url(../../img/bg-rod.gif) repeat-x; height:27px; color:#a4a4a4; padding:26px 12px 0 12px;}

.rodape a { color:#a4a4a4; text-decoration:none;}



/* Extras.
-------------------------------------------------------------- */

.box1 { background:url(../../img/box1-bg.jpg) repeat-y; }
.box2 { background:url(../../img/box2-bg.jpg) repeat-y; }
.box3 { background:url(../../img/box2-bg.jpg) repeat-y; }
.box1Top,
.box1Bottom,
.box2Top,
.box2Bottom,
.box3Top,
.box3Bottom { display:block; height:4px; }
.box1Top { background:url(../../img/box1Top.gif); }
.box1Bottom { background:url(../../img/box1Bottom.gif); }
.box2Top { background:url(../../img/box2Top.gif); }
.box2Bottom { background:url(../../img/box2Bottom.gif); }
.box3Top { background:url(../../img/box2Top.gif); }
.box3Bottom { background:url(../../img/box2Bottom.gif); }

/* listagem */

.lista { background:#f3f3f3; padding:0px; margin:1px 5px;}
.lista table { padding:0; border:none; margin:0;}
.lista td { padding:4px;}

/* listagem cinza */

.listacinza { background:#f5f5f5; margin:1px 5px; color:#4e4d4d; font-size:11px; display:block; padding:5px;}
.listacinza:hover { background:#ebebeb;}

/* outros */

.cinza { color:#797979; font-size:11px;}

.branco { color:#fff;}

.titulo { background:url(../../img/bg-titulo.gif); width:395px; height:15px; color:#bbbbba; padding:10px; text-align:left; margin:0 0 5px 4px;}

.titulo2 { background:url(../../img/bg-titulo2.gif); width:493px; height:15px; color:#bbbbba; padding:10px; text-align:left; margin:0 0 5px 4px;}

.albuns a { background:url(../../img/setinha.gif) left no-repeat; color:#010101; display:block; margin:2px 0 0; padding:0 0 0 14px;}
.albuns a:hover { background:none;}

.paginacao { padding:3px 0; margin:10px 0; border-top:dotted 1px #666;}

/* galeria */

.foto { padding:3px; border:1px solid #999; float:left; margin:4px; display:block; width:100px; height:75px; text-align:center;}

.separador { border-top:dotted 1px #666; height:1px;}