@charset "utf-8";

/* ESTRUTURA GERAL */

* { margin:0; padding:0;}
body { padding:0; margin:0; background:#000 url(../img/layout/bg.jpg) repeat-x top}
div#global {width:1000px; position:relative; font:11px Arial, Helvetica, sans-serif; color:#000; background-color:#FFFFFF; float:left }
ul.menu { list-style:none}
ul.menu li {display:inline}
img { border:0}

/* CABECALHO */

div#cabecalho div#barra_topo { height:15px; padding:8px; background:#000 url(../img/layout/bg_barra_topo.gif) repeat-x top; color:#666; border-bottom:1px solid #FFFFFF }
div#cabecalho div#barra_logo { height:136px; background:#FFF url(../img/layout/bg_barra_logo.gif) repeat-x top; position: relative ; text-align:center}
div#cabecalho div#barra_logo img#logo { position:absolute; left:24px; top:7px; z-index:10 }

div#cabecalho div#barra_menu { height:43px; background:#202020 url(../img/layout/bg_barra_menu.gif) repeat-x top; position: relative }
div#cabecalho div#barra_menu a { display:block; float:left; height:43px; font:bold 12px Arial, Helvetica, sans-serif, "Arial Narrow"; color:#fff; text-decoration:none ; background:#3D3D3D url(../img/layout/menu_bg.gif) repeat-x; }
div#cabecalho div#barra_menu a span.e { display:block; float:left; height:43px; background:url(../img/layout/menu_esq.gif) no-repeat left; padding-left:16px;}
div#cabecalho div#barra_menu a span.d { display:block; float:left; height:38px; background:url(../img/layout/menu_dir.gif) no-repeat right; padding-right:16px; line-height:43px; padding-top:5px}
div#cabecalho div#barra_menu a:hover, div#cabecalho div#barra_menu a.ativo { background-color:#FFCC00}

div#cabecalho div#barra_submenu { height:33px; background:#FFCC00 url(../img/layout/submenu_bg.gif) repeat-x top; position: relative }
div#cabecalho div#barra_submenu a { display:block; float:left; height:33px; font:11px Arial, Helvetica, sans-serif, "Arial Narrow"; color:#fff; text-decoration:none ; line-height:33px; border-left:1px solid #FFFF00; border-right:1px solid #E68F00; padding:0 10px }
div#cabecalho div#barra_submenu a:hover { background-color:#FFCC00 }

div#cabecalho div#barra_submenu div { width:100%}

/* BARRA_DESTAQUES */
div#barra_destaques { background-color:#202020;  position:relative; height:240px; float:left}
div#barra_destaques div#destaques { width:560px; height:225px; padding:8px; float:left}
div#barra_destaques div#ult-noticias { width:416px; height:225px; padding:8px 8px 8px 0; float:left}
div#barra_destaques div#ult-noticias h1 { background:#efefef url(../img/layout/h1_ult-noticias_bg.gif) repeat-x; font:bold 11px Arial, Helvetica, sans-serif, "Arial Narrow"; text-transform:uppercase; height:27px; color:#333333; position:relative}
div#barra_destaques div#ult-noticias h1 span { display:block; height:17px; padding:5px 5px 5px 32px; background: url(../img/layout/h1_ult-noticias_span.gif) no-repeat 1px 0 ; }

div#barra_destaques div#ult-noticias ul { display:block; border-top:1px solid #000; border-bottom:1px solid #333; float:left}
div#barra_destaques div#ult-noticias ul a { display:block; border-top:1px solid #333333; border-bottom:1px solid #000; padding:3px; float:left; width:409px; text-decoration:none; position:relative}
div#barra_destaques div#ult-noticias ul a:hover { background-color:#333333}
div#barra_destaques div#ult-noticias ul a  img.img { float:left; margin:0 3px 0 0; border:none}
div#barra_destaques div#ult-noticias ul a  img.mais { position:absolute; right:4px; top:8px; border:none}
div#barra_destaques div#ult-noticias ul a  span.data {display:block; font:10px Arial, Helvetica, sans-serif, "Arial Narrow"; color:#464646;}
div#barra_destaques div#ult-noticias ul a  span.titulo {display:block; font:bold 11px Arial, Helvetica, sans-serif, "Arial Narrow"; color:#FFCC00;}
div#barra_destaques div#ult-noticias ul a  span.desc {display:block; font:11px Arial, Helvetica, sans-serif, "Arial Narrow"; color:#999;}

div#barra_destaques img.mais-news { position:absolute; top:240px; right:0; z-index:99}

/* CONTEUDO */

div#conteudo { margin:0 7px; width:986px; background-color:#DDDDDD; float:left; padding-bottom:7px; position:relative}
div#conteudo div#a{ width:468px; float:left; margin:3px 0 0 3px }
div#conteudo div#b{ width:186px; float:left; margin:3px 0 0 3px }
div#conteudo div#c{ width:319px; float:left; margin:3px 0 0 3px }
div#conteudo h1 { background:#333 url(../img/layout/h1_cont_bg.gif) repeat-x; font:bold 11px Arial, Helvetica, sans-serif, "Arial Narrow"; text-transform:uppercase; height:27px; color:#fff; position:relative; margin:3px}
div#conteudo h1 span { display:block; height:17px; padding:7px 5px 5px 32px; background: url(../img/layout/h1_cont_span.gif) no-repeat 1px 0 ; }
div#conteudo h1 a { text-decoration:none; color:#FFFFFF}
div#conteudo h1 a:hover { text-decoration:underline}
div#conteudo h1 span.icones { background:none; position:absolute; top:0; right:5px}
div#conteudo .bloco {background-color:#FFFFFF; border:1px solid #CCCCCC; margin-top:3px; padding:3px;}



/* - bloco a */

div#conteudo div#a div#banner468 { width:468px; height:60px; background-color:#FFFFFF;} 
div#conteudo div#a div#not-musicais {  width:460px; float:left; position:relative} 
div#conteudo div#a div#not-musicais img.mais { position:absolute; bottom:0; right:0; border:none; display:none}
div#conteudo div#a div#not-musicais ul.destaques a { text-decoration:none; border:1px solid #efefef; background-color:#fafafa; display:block; float:left; height:170px; width:145px; margin:3px; cursor:pointer}
div#conteudo div#a div#not-musicais ul.destaques a span.img { border:none; margin:3px 0 0 2px; display:block; width:140px; height:77px;}
div#conteudo div#a div#not-musicais ul.destaques a span.data { display:block; font:10px Arial, Helvetica, sans-serif, "Arial Narrow"; color:#CCCCCC; text-align:center; padding:2px} 
div#conteudo div#a div#not-musicais ul.destaques a span.titulo { display:block; font:11px Arial, Helvetica, sans-serif, "Arial Narrow"; color:#666; text-align:center; padding:2px} 
div#conteudo div#a div#not-musicais ul.destaques a:hover { background-color:#efefef}

div#conteudo div#a div#not-musicais ul.ult, div#conteudo ul.ult{ clear:both;}
div#conteudo div#a div#not-musicais ul.ult a, div#conteudo ul.ult a { text-decoration:none; border-top:1px solid #efefef; display:block; cursor:pointer; padding:5px; color:#333333}
div#conteudo div#a div#not-musicais ul.ult a.cinza , div#conteudo ul.ult a.cinza { background-color:#fafafa;}
div#conteudo div#a div#not-musicais ul.ult a strong, div#conteudo ul.ult a strong { color:#999999; font:bold 11px Arial, Helvetica, sans-serif, "Arial Narrow"}
div#conteudo div#a div#not-musicais ul.ult a:hover, div#conteudo ul.ult a:hover { background-color:#efefef}

div#conteudo div#a div#cotacao {  width:298px; float:left; position:relative; margin-top:3px; color:#666}
div#conteudo div#a div#cotacao span.titcompra { color:#CCCCCC; position:absolute; top:13px; left:200px;}
div#conteudo div#a div#cotacao span.titvenda { color:#CCCCCC; position:absolute; top:13px; right:18px;}
div#conteudo div#a div#cotacao div.opcao { border-bottom:1px dashed #ccc; float:left; padding:4px 0}
div#conteudo div#a div#cotacao div.opcao span.tipo{ display:block; width:180px; float:left; padding:0 0 0 5px}
div#conteudo div#a div#cotacao div.opcao span.compra{ display:block; width:56px; text-align:center; float:left}
div#conteudo div#a div#cotacao div.opcao span.venda{ display:block; width:56px; text-align:center; float:left}

div#conteudo div#a div#banner159 {  float:right; width:159px; height:129px; margin-top:4px; background-color:#FFFFFF}

/* - bloco b */
div#conteudo div#b div#enquete { margin-top:0; height:259px; position:relative}
div#conteudo div#b div#enquete span.pergunta {  display:block; padding: 4px 2px; border-bottom:2px solid #efefef; font:bold 11px Arial, Helvetica, sans-serif, "Arial Narrow"; color:#333333; text-align:center}
div#conteudo div#b div#enquete div.opcao {  padding: 7px 2px; border-bottom:1px dashed #efefef; font:11px Arial, Helvetica, sans-serif, "Arial Narrow"; color:#666; }
div#conteudo div#b div#enquete img.votar { position:absolute; left:5px; bottom: 8px; border:none }
div#conteudo div#b div#enquete img.resultado { position:absolute; right:5px; bottom: 8px; border:none } 
.barra_resultado { background:url(../enquete/barra2.gif) repeat-x; height:17px;	width:100%;}
.barra_resultado div {position:absolute}
.bg_resultado {	background:url(../enquete/bg.gif) repeat-x center; color:#000000; position:relative;}
#enquete i {font:10px Arial, Helvetica, sans-serif; text-align:left}


div#conteudo div#b div#tempo { height:241px}

/* - bloco c */
div#conteudo div#c div.a { width:196px; float:left;}
div#conteudo div#c div.b { width:120px; float:left; margin-left:3px; margin-top:26px}
div#conteudo div#c div.b div.banner120 { width:120px; height:60px; background-color:#FFFFFF; margin-bottom:3px;}
/**/
div#conteudo div#banner-lateral { width:120px; float:right; margin-right:3px; margin-top:26px}

div#conteudo div#banner-lateral div, div#conteudo div.banner-lateral div { width:120px; height:60px; background-color:#FFFFFF; margin-bottom:3px;}
/**/
div#conteudo div#c div#agenda { width:312px; float:left; margin-top:0; position:relative}
div#conteudo div#c div#agenda img.mais { position:absolute; bottom:0; right:0; display:none; border:none}
div#conteudo div#c div#agenda div.a { width:128px; float:left; position:relative; background:url(../img/icones/calendario.gif) no-repeat center; height:118px}
div#conteudo div#c div#agenda div.a span.mes { display:block; font:bold 12px Arial, Helvetica, sans-serif, "Arial Narrow"; color:#FFFFFF; text-align:center; margin-top:10px}
div#conteudo div#c div#agenda div.a span.dia { display:block; font:bold 60px Arial, Helvetica, sans-serif, "Arial Narrow"; color:#333; text-align:center; margin-top:10px; position:absolute; width:128px}
div#conteudo div#c div#agenda div.a span.sem {  display:block; font:11px Arial, Helvetica, sans-serif, "Arial Narrow"; color:#666; text-align:center; margin-top:70px; position:absolute; width:128px}

div#conteudo div#c div#agenda div.evento { width:180px; float:right; color:#666666}
div#conteudo div#c div#agenda div.evento a.titulo{ display:block; border-bottom:1px dashed #ccc; color:#333333; padding:4px 0; text-decoration:none}
div#conteudo div#c div#agenda div.evento a:hover.titulo { border-bottom:1px dashed #333;}
div#conteudo div#c div#agenda div.evento a.titulo span.data{ display:block; font: 10px  Arial, Helvetica, sans-serif, "Arial Narrow"; color:#999999}

/* RODAPE */

div#rodape { height:64px; position:relative; background: #202020 url(../img/layout/bg_rodape.gif) repeat-x; width:1000px; float:left; text-align:center; color:#666666; padding:40px 0 0 0}
div#rodape .negrito { color:#CCCCCC}

div#rodape img.titulo { position:absolute; top:25px; left:25px}
div#rodape img.apkomp { position:absolute; bottom:3px; right:3px; border:none; z-index:10}
div#rodape img.css { position:absolute; bottom:3px; right:64px; border:none; z-index:10}
div#rodape img.xhtml { position:absolute; bottom:3px; right:86px; border:none; z-index:10}
div#rodape div.links { position:absolute; top:0; right:0; background-color:#333333; width:303px; height:104px}
div#rodape div.links-fm { position:absolute; top:8px; left:712px; color:#999; width:133px; border-right:2px solid #202020}
div#rodape div.links-fm a { display:block; font:10px Tahoma, Arial, Helvetica, sans-serif, "Arial Narrow"; text-decoration:none;color:#999; padding:2px 0}
div#rodape div.links-fm a:hover { text-decoration:underline}

div#rodape div.links-am { position:absolute; top:8px; left:855px; color:#999; width:133px}
div#rodape div.links-am a { display:block; font:10px Tahoma, Arial, Helvetica, sans-serif, "Arial Narrow"; text-decoration:none;color:#999; padding:2px 0}
div#rodape div.links-am a:hover { text-decoration:underline}


/* CONTEUDO INTERNO */
div#titulo-pagina { height:50px; position:absolute; background-color:#202020; width:990px; padding-left:10px; margin-left:-7px; z-index:10 }
div#titulo-pagina img.voltar { position:absolute; top:50px; right:0px} 

div#conteudo div#cont-int { margin-top:50px}
div#conteudo div#cont-int div#a { width:650px}
div#conteudo div#cont-int div#b { width:200px}
div#conteudo div#cont-int div#b ul.categ a { text-indent:7px; background-image:url(../img/icones/seta.gif); background-repeat: no-repeat; background-position:3px center  }

div#ultimas h2 { font:bold 16px Arial, Helvetica, sans-serif, "Arial Narrow"; color:#333; padding:0px 5px 10px; border-bottom:1px dashed #efefef}
div#ultimas span.data { font: 11px Arial, Helvetica, sans-serif, "Arial Narrow"; color:#999; display:block; padding-left:5px}
div#ultimas span.conteudo { font: 12px Arial, Helvetica, sans-serif, "Arial Narrow"; color:#333; display:block; padding:5px}
div#ultimas span.conteudo p { padding:5px 0}
div#ultimas span.fonte { padding:5px 10px 5px 0; background-color:#efefef; border:1px dashed #CCC; border-width:1px 0; display:block; font-style:italic; text-align:right; }

/*contato*/
form#form-cadastro div.opcao { width:364px; height:34px; background:url(../img/layout/input-bg.gif) no-repeat; position:relative }
form#form-cadastro div.opcao-focus { width:364px; height:34px; background:url(../img/layout/input-bg-focus.gif) no-repeat; position:relative }
form#form-cadastro div.opcao label, form#form-cadastro div.opcao-focus label { font:bold 11px Arial, Helvetica, sans-serif, "Arial Narrow"; color:#666666; position:absolute; top:10px; left: 10px }
form#form-cadastro div.opcao input, form#form-cadastro div.opcao-focus input { width:264px; background:none; border:none; font:11px Arial, Helvetica, sans-serif, "Arial Narrow"; color:#666; position:absolute; left:91px; top:9px;  outline:none}

form#form-cadastro div.opcao-text { width:364px; height:138px; background:url(../img/layout/textarea-bg.gif) no-repeat; position:relative }

form#form-cadastro div.opcao-text-focus { width:364px; height:138px; background:url(../img/layout/textarea-bg-focus.gif) no-repeat; position:relative }

form#form-cadastro div.opcao-text label{ font:bold 11px Arial, Helvetica, sans-serif, "Arial Narrow"; color:#666666; position:absolute; top:10px; left: 15px }
form#form-cadastro div.opcao-text textarea { width:340px; height:94px; background:none; border:none; font:11px Arial, Helvetica, sans-serif, "Arial Narrow"; color:#666; position:absolute; left:8px; top:35px;  outline:none}

#loading .sucesso { position:fixed; top:0; right:0; padding:10px; color:#FFFFFF; background-color:#99CC00; z-index:300}
#loading .erro { position:fixed; top:0; right:0; padding:10px; color:#FFFFFF; background-color:#CC0000; z-index:300}
#loading .carregando { position:fixed; top:0; right:0; padding:10px; color:#666; background-color:#fff; z-index:300}