/*
RADIO GLOBO - ESPECIAL COPA 2006
www.radioglobonatal.com.br
- - - -
CSS por Jose Luiz Coe
http://www.joseluizcoe.com
*/

th.grupo { text-align : left;}

div.google_horizontal {
margin : 40px 0;
text-align : center;
width : 100%;
}

div#capa,
div#copa {
clear : both;
width : 775px;
border-top : 2px solid #000;
overflow : hidden;
}

div#copa {
background : url(../imgs/bg_copa.png) repeat-x;
}

div#copa div#copa_topo {
width : 775px;
height : 55px;
background : url(../imgs/bg_top.gif) repeat-x;
border-bottom : 2px solid #5E92C4;
}

#copa #copa_topo h2{
background : url(../imgs/tit_copa.jpg) no-repeat;
text-indent : -3000px;
overflow : hidden;
width : 253px;
height : 55px;
display : block;
float : left;
margin : 0 0 0 6px;
}

#copa #copa_topo h2 a{
display : block;
width : 253px;
height : 55px;
}


#copa #copa_topo h3 {
background : url(../imgs/top_hotsite.jpg) no-repeat;
text-indent : -3000px;
overflow : hidden;
width : 472px;
height : 24px;
float : right;
display : block;
}

#copa #copa_topo ul {
float : left;
display : block;
margin : 1px 0 0 20px;
height : 30px;
font-family : Arial, Helvetica;
font-size : 8pt;
text-transform : uppercase;
letter-spacing : 0px;
clear : none;
}

#copa #copa_topo ul li#noticias,
#copa #copa_topo ul li#classificacao,
#copa #copa_topo ul li#blog ,
#copa #copa_topo ul li#selecoes,
#copa #copa_topo ul li#jogos,
#copa #copa_topo ul li {
display : inline;
padding : 0;
margin : 0;
float : left;
}


#copa #copa_topo ul li a{
color : #000;
padding : 8px;
float : left;
border : 0;
}

#copa #copa_topo ul  li#noticias a,
#copa #copa_topo ul li a { 
border-left  : 1px solid #F2C200;
border-right : 1px solid #F4D900;
}

#copa #copa_topo ul li.selecionado a,
#copa #copa_topo ul li a:hover {
background : #5E92C4;
color : #fff;
border-left  : 1px solid #1566AF;
border-right : 1px solid #86BDEF;
text-decoration : none;
}

#copa #copa_selo {
position : relative;
z-index : 2;
top : -32px;
left : 681px;
background : url(../imgs/selo_fifa.jpg) no-repeat;
text-indent : -3000px;
overflow : hidden;
width : 94px;
height : 109px;
}

/*   G O O G L E   */
#copa #google_vertical {
position : absolute;
top : 335px;
left : 650px;
overflow : none;
}

#copa #google_vertical {
color : #000;
}

#copa div#conteudo_copa {
position : relative;
z-index  : 0;
top      : -109px;
background : url(../imgs/bg_conteudo.jpg) repeat-x;
overflow   : hidden;
width : 620px;
margin: 0;
clear : none;
padding : 0;
}


/* C  A  P  A */

div#capa {
background-position : 0 20px;
float : left;
width : 700px;
border : 0;
padding : 18px 14px;
}


div#capa div#noticias_copa {
width : 480px;
float : right;
margin : 2px 0;
}

div#capa div#jogos_copa{
width : 200px!important;
width : 185px;
float : left;
padding : 0 0 50px 12px!important;
padding : 0 0 50px 0px;
}

ul.noticias,
ul.noticias li{
clear : none;
border : 0;
padding : 0;
font-size :1em;
display : block;
}

ul.noticias li{
clear : both;
float : left;
border-bottom : 1px dotted #ccc;
width : 100%;
}

ul.noticias li a{
display : block;
padding : 1px;
font-size : 0.9em;
}

ul.noticias li span {
display : block;
font-size : 0.8em;
font-weight : bold;
}

div#capa div#jogos_copa h3,
div#capa div#noticias_copa h3#tit_noticias{
width : 423px;
height : 53px;
overflow : hidden;
text-indent : -3000px;
background : url(../imgs/capa_tit_noticia.png) no-repeat;
}

div#capa div#noticias_copa h3#tit_noticias{
margin : 12px 0 0 0;
}

div#capa ul.noticias h3{
padding : 10px 0 0 0;
}

div#capa div#jogos_copa h3#jogos_hoje,
div#capa div#jogos_copa h3#proximos_jogos {
margin-top : 5px;
width : 200px;
height : 35px;
background : url(../imgs/capa_tit_jogos.png) no-repeat;
}

div#capa div#jogos_copa h3#jogos_hoje{
background : url(../imgs/capa_tit_hoje.png) no-repeat;
}

div#capa div#jogos_copa {
font-size : 0.8em;
}

div#capa div#jogos_copa span {
display : block;
font-size : 0.8em;
font-weight : bold;
}

div#capa div#jogos_copa img {
display : inline;
border : 2px solid #ddd;
vertical-align : middle;
margin : 2px;
}

div#capa div#jogos_copa ul li {
text-align : center;
padding : 4px 2px;
border-bottom : 1px dotted #D1E7EF;
}

/* ajuste no bloco de fotos na capa*/
#capa ul.foto{
margin : 10px 0 0 9px!important;
margin : 10px 0 0 -3px;
}


/* I N T E R N A S */

#copa #conteudo_copa h3#fotos,
#copa #conteudo_copa h3#jogos,
#copa #conteudo_copa h3#classificacao,
#copa #conteudo_copa h3#selecoes,
#copa #conteudo_copa h3#noticias,
#copa #conteudo_copa h3#blog {
text-indent : -3000px;
overflow : hidden;
width : 669px;
height : 63px;
z-index  : 0;
top : 0;
clear : none;
margin : 15px 0 0 12px;
}

#copa #conteudo_copa h3#fotos {
background : url(../imgs/tit_fotos.jpg) no-repeat;
}

#copa #conteudo_copa h3#jogos {
background : url(../imgs/tit_jogos.jpg) no-repeat;
}

#copa #conteudo_copa h3#classificacao {
background : url(../imgs/tit_classificacao.jpg) no-repeat;
}

#copa #conteudo_copa h3#selecoes {
background : url(../imgs/tit_selecoes.jpg) no-repeat;
}

#copa #conteudo_copa h3#noticias {
background : url(../imgs/tit_noticias.jpg) no-repeat;
}

#copa #conteudo_copa h3#blog {
background : url(../imgs/tit_blog.jpg) no-repeat;
}

/* G R U P O S */

div.conteudo_interno_copa ul.grupotime {
margin : 2px 12px;
}

div.conteudo_interno_copa ul.grupotime li,
div.conteudo_interno_copa ul.grupotime li h3 {
padding : 0;
margin : 0;
}

div.conteudo_interno_copa ul.grupotime li h3 {
font-size : 0.9em;
text-align : center;
background : #D1E7EF;
color : #1E647D;
padding : 3px;
border-bottom : 2px solid #E0ECEF;
}

div.conteudo_interno_copa ul.grupotime li {
border : 1px solid #E0ECEF;
display : inline;
width : 120px;
height : auto;
float : left;
margin : 0 10px 10px 0;
}

div.conteudo_interno_copa ul.grupotime{
padding : 6px;
}

div.conteudo_interno_copa ul.grupotime li ul li {
color : #666;
padding : 0px;
margin : 0;
font-size : 0.8em;
border : 0;
height : 23px;
border-bottom : 1px solid #E0ECEF;
vertical-align : middle;
}

div.conteudo_interno_copa ul.grupotime li ul li img {
margin : 2px;
vertical-align : middle;
display : inline;
border : 2px solid #eee;
}


/* N O T I C I A S */

ul.noticias {
clear : none;
padding : 5px 0 5px  14px ;
width : 385px!important;
width : 340px;
float : left;
}


ul.noticias h3{
color : #3E9F3B;
border-bottom : 2px solid #FFD100;
padding : 20px 0 0 0;
margin : 0 0 5px 0;
display : block;
float : left;
width : 100%;
}

ul.noticias li {
clear : both;
text-align : justify;
border-bottom : 1px dotted #E0ECEF;
float : left;
overflow : hidden;
}

ul.noticias li a {
display : block;
padding : 4px 1px;
}

#conteudo_copa #post{
padding : 12px;
width : 595px;
}

#conteudo_copa #post h3{
margin : 0;
padding : 0;
color : #076F15;
font-family : Arial, Helvetica, Sans;
font-size : 2em;
letter-spacing : -1.5px;
}

#conteudo_copa #post p {
letter-spacing : 0;
line-height : 1.5em;
text-align : justify;
}

#conteudo_copa #post q {
font-weight : bold;
font-size : 0.8em;
margin-bottom : 20px;
display : block;
color : #666;
}


#copa_foto {
width : 200px;
float : left;
margin : 31px 20px 0 0;
}

#copa_foto {
margin : 0 20px 0 0;
}


/* F O T O S */

#copa_foto  ul.sessao_fotos {
display : block;
width : 625px!important;
width : 625px;
float: left;
margin-bottom: 10px;
padding: 3px;
font: 0.85em Arial,"Trebuchet MS","Luxi Sans";
left: 2px;
}

#copa_foto  ul.foto li ,
#copa_foto  ul.sessao_fotos li {
display : block;
float : left;
height : 210px;
width : 200px;
overflow : hidden;
margin-right : 1px;
background : #fff;
padding : 0;
}

#copa_foto  ul.foto li span.credito,
#copa_foto ul.sessao_fotos li span.credito {
padding : 1px;
width   : 200px;
height  : 25px;
position : relative;
z-index : 2;
top : 146px;
left : 1px;
color : #fff;
background : #000;
/* As linhas abaixo sao recursos 
 de transparencia do navegador e 
 nao sao padronizados pela W3C */
opacity:.60;
filter: alpha(opacity=60); 
-moz-opacity: 0.6;
}


#copa_foto  ul.sessao_fotos li.titulo {
display : block;
clear : both;
width : 600px;
height : 30px;
overflow : hidden;
float : left;
margin : 10px 0 0 0;

}

#copa_foto  ul.sessao_fotos li.titulo h3 {
color : green;
font-size : 1.8em;
display : block;
float : left;
height : 20px;
width : 600px;
padding : 2px;
border-bottom : 2px solid #FFE900;
}

#copa_foto  ul.foto li p,
#copa_foto  ul.sessao_fotos li p {
display : block;
width : 196px!important;
height : 50px;
margin-top : 1px;
background : #FFD100;
font-size : 0.8em;
font-weight : bold;
padding : 4px 2px;

}


#copa_foto  ul.foto li a,
#copa_foto  ul.sessao_fotos  li a {
padding : 0px;
margin : -13px 0px 0 0;
height : 160px;
width  : 200px;
overflow : hidden;
display : block;
border : 0;
}

#copa_foto  ul.foto li a img,
#copa_foto  ul.sessao_fotos  li a img{
padding : 0;
border : 0;
margin : 0;
}
