/* CORPO E ESTRUTURA --------------------------------*/
* { margin:0; padding:0 }

body {
	font:11px Arial, Helvetica, sans-serif;
	background:#fff url(img/bgall.gif) no-repeat center top }
	
#all {
	position:relative;
	background:url(img/header.gif) no-repeat center top;
	width:770px; 
	margin:0 auto }

/* CABEÇALHO */
#header {
	position:relative;
	width:770px;
	height:180px;
	float:left }
	
#header .flashtop {
	float:left;
	background:none;
	position:absolute;
	right:0;
	top:-1px }
	
#header a, #header .data {
	display:block;
	position:absolute; 
	z-index:1 }
	
#header a { text-indent:-10000em }
	
#header .data {
	width:300px;
	top:155px;
	left:160px;
	padding:0 0 5px 0;
	border-bottom:1px solid #ccc }
	
#header a.radioaovivo { 
	width:200px;
	height:90px;
	top:42px;
	left:235px; }
	
#header a.aumentart { 
	width:25px; 
	height:25px; 
	top:250px;
	right:58px }

#header a.diminuirt { 
	width:25px; 
	height:25px; 
	top:267px;
	right:29px }
	
#header a.contato { 
	width:71px; 
	height:25px; 
	top:214px;
	right:10px }
	
/* //CABEÇALHO */
#c1, #c2, #c3, #c4, #detail {
	padding:5px;
	overflow:hidden; 
	position:relative; 
	float:left }

#c1 { width:145px }
#c2 { width:220px }
#c3 { width:220px; padding:5px }
#c4 { width:145px; padding:115px 5px 5px 5px }
#detail { width:450px }

#home { }
#detail { }

.default { margin:0 0 10px 0; clear:both }
	
/* CONFIGS GERAIS --------------------------------*/
a { color:#CC0000; 
	outline:0; 
	text-decoration:none }
	
a:hover { text-decoration:underline }
a.none:hover { text-decoration:none }
img { border:0 }
ul { list-style:none }
p { margin:0 0 10px 0 }

/* H1, H2, H3 ... -----------------------------------*/
h1 {
	text-indent:-100000em;
	height:24px }
	
html>body h1 { margin:0 0 5px 0 }
	
.empresa h1 { background:url(img/h1_aradio.gif) no-repeat left }
.cidade h1 { background:url(img/h1_acidade.gif) no-repeat left }
.abrangencia h1 { background:url(img/h1_areadeabrangencia.gif) no-repeat left }
.enquete h1 { background:url(img/h1_enquete.gif) no-repeat left}
.noticia h1 { background:url(img/h1_destaque.gif) no-repeat left }
.noticia_lista h1 { background:url(img/h1_maisnoticias.gif) no-repeat left }
#home .programacao h1 { background:url(img/h1_programacao.gif) no-repeat left }
#detail .programacao h1 { background:url(img/h1_programacaogeral.gif) no-repeat left }
.noar h1 { background:url(img/h1_noar.gif) no-repeat left; width:175px; height:38px; margin:0 0 5px 0  }
.recado h1 { background:url(img/h1_muralderecados.gif) no-repeat left }
.galeria h1 { background:url(img/h1_galeriasdefotos.gif) no-repeat left}
.galeria_lista h1 { background:url(img/h1_maisgalerias.gif) no-repeat left }
.topmusica h1 { background:url(img/h1_top5.gif) no-repeat left }
.evento h1 { background:url(img/h1_agendadeeventos.gif) no-repeat left; width:145px; height:38px; margin:0 0 5px 0  }
.fale h1 { background:url(img/h1_faleconosco.gif) no-repeat left }
.banner h1 { background:url(img/h1_parceiros.gif) no-repeat left }
.pesquisa h1 { background:url(img/h1_pesquisa.gif) no-repeat left }

h2 { }

/* MENU --------------------------------------------*/
ul.menu li { width:145px; margin:0 0 2px; overflow:hidden }
ul.menu a {
	color:#fff;
	display:block; 
	height:13px; 
	padding:2px 0 4px 10px; 
	background:url(img/bglinkmenu.gif) 0 -10px }
	
* html ul.menu a { padding:2px 0 3px 10px }
	
ul.menu li a:hover { background:url(img/bglinkmenu.gif) 0 -39px; font-weight:bold; text-decoration:none }

.previsao { float:left; width:145px; text-align:center }

/* A CIDADE --------------------------------------------*/
.cidade .arquivo { float:right; margin:0 0 10px 10px }
.cidade .fonte { color:#666 }

/* ENQUETE --------------------------------------------*/
.enquete .pergunta { font-weight:bold; display:block; margin:0 0 5px }
.enquete table { margin:0 0 5px 0 }
.enquete table tr td { border-bottom:1px solid #DDD; padding:3px 0 3px 0 }
* html .enquete table tr td { padding:0 }
.enquete .opcao { color:#999 }

.enquete ul#resultados li { clear:both }
.enquete ul#resultados li .opcao { float:left; font:10px Tahoma, Arial, Helvetica, sans-serif }
.enquete .barratotal { float:left; margin:0 0 3px 0; display:block; width:245px }
.enquete .barra { color:#FFF; float:left; height:10px; text-align:center }	
.enquete .porcento { color:#333; margin:0 0 0 5px; float:left; font:9px Tahoma, Arial, Helvetica, sans-serif }

.enquete .botoes a { text-indent:-100000em; display:block; float:left; margin:0 2px 0 0  }
.enquete .botoes a.votar { background:url(img/btn_votar.gif); width:50px; height:19px }
.enquete .botoes a.resultado { background:url(img/btn_resultado.gif); width:90px; height:19px }
.enquete .botoes a.voltar { background:url(img/btn_voltar.gif); width:50px; height:19px }

/* NOTÍCIA --------------------------------------------*/
#home .noticia { }
#detail .noticia { }
.noticia span { display:block }
.noticia .data  { color:#666 }
.noticia h2 { color:#CC0000; font-weight:bold }

#home .noticia h2 { font-size:13px } 
#home .noticia p { color:#000 }
#home .noticia .arquivo { }
#home .noticia .arquivo img { }

#detail .noticia h2 { font-size:16px }
#detail .noticia p br { margin:0 0 15px; display:block }
#detail .noticia .fonte { color:#666; margin:10px 0 0 0 }
#detail .noticia .arquivo { float:right; margin:0 0 10px 10px; padding:5px; background:#DDD; width:250px }
#detail .noticia .arquivo img { border:1px solid #BBB; width:250px }
#detail .noticia .arquivo .legenda { color:#666; padding:3px 0 0 0 }
* html #detail .noticia .arquivo .legenda { padding:0 }

/* MAIS NOTÍCIAS ----------------------------------------*/
.noticia_lista ul li { border-bottom:1px dashed #DDD; padding:0 0 5px 0; margin:0 0 5px 0 }
.noticia_lista .data { color:#666; display:block }
.noticia_lista .titulo { color:#000; font-weight:bold }
.noticia_lista a:hover .titulo { color:#CC0000 }

#detail .noticia_lista ul { }
#detail .noticia_lista ul li { }
#detail .noticia_lista .data { }
#detail .noticia_lista .titulo { }

/* PROGRAMAÇÃO ----------------------------------------*/
#home .programacao .diasemana { color:#CC0000; font:bold 12px Arial, Helvetica, sans-serif }
#home .programacao table tr.linhab { background:#EEE }
#home .programacao table tr td { padding:2px 0 2px 0 }

#detail .programacao h2 { 
	color:#CC0000; 
	font:bold 15px Arial, Helvetica, sans-serif; 
	text-align:center; 
	margin:10px 0 0 0;
	padding:0 0 5px;
	border-bottom:1px solid #CC0000 }
	
#detail .programacao span { display:block }
#detail .programacao .data { color:#666 }
#detail .programacao .titulo { font:bold 13px Arial, Helvetica, sans-serif }
	
#detail .programacao table tr td table tr td { padding:4px }
#detail .programacao .linhab { background:#EEE }

/* NO AR ------------------------------------------*/
.noar img { float:left; margin:0 5px 10px 0 }
.noar .data { color:#999 }
.noar .locutor { color:#CC0000 }

/* RECADOS ----------------------------------------*/
#detail .recado .botoes { float:right; width:95px }
.recado .botoes a { width:95px; height:19px; display:block; text-indent:-10000em; float:left; margin:0 2px 0 0 } 
.recado .botoes a.deixar { background:url(img/btn_deixarrecado.gif) } 
.recado .botoes a.mais { background:url(img/btn_maisrecados.gif) }
.recado ul li { border-bottom:1px dashed #DDD; padding:0 0 5px 0; margin:0 0 5px 0; clear:both }
.recado .de { font-weight:bold }
.recado .para { color:#CC0000 }

#home #formrecado, #detail #formrecado {
	position:absolute;
	display:block;
	background:#EEE;
	border:1px solid #CCC;
	width:153px;
	padding:10px }
	
#home #formrecado { top:75px; left:5px }
#detail #formrecado { top:70px; right:5px }
	
#formrecado label { float:left; width:40px; padding:3px 0 0 0 }
#formrecado input.text,
#formrecado select,
#formrecado textarea { font-size:11px; margin:0 0 2px 0 }
#formrecado select { width:110px }
#formrecado textarea { width:143px }
#formrecado .botoes a { width:70px; height:19px; display:block; text-indent:-10000em; float:left; margin:0 2px 0 0 } 
#formrecado .botoes a.postar { background:url(img/btn_postar.gif) } 
#formrecado .botoes a.cancelar { background:url(img/btn_cancelar.gif) }

/* GALERIA DE FOTOS ----------------------------------------*/
#home .galeria ul li { 
	border-bottom:1px dashed #DDD; 
	padding:0 0 5px 0;
	margin:0 0 5px 0; 
	float:left;
	width:220px }
	
#home .galeria img { width:100px; float:right; margin:0 0 5px 5px; border:1px solid #ccc }
.galeria .titulo, .galeria_lista .titulo { font:bold 13px Arial, Helvetica, sans-serif; display:block }
.galeria .resumo, .galeria_lista .resumo { color:#000 }

#detail .galeria .data, #detail .galeria .legenda { color:#666 }
#detail .galeria .arquivo { float:left; width:327px; margin:0 5px 0 0; background:url(img/loading.gif) no-repeat 27px 12px }
#detail .galeria .arquivo img, #detail .galeria .thumb ul li img { border:1px solid #CCC }
#detail .galeria .arquivo img {	width:327px }
#detail .galeria .legenda { display:block; padding:2px 0 2px; text-align:center }
#detail .galeria h2 { color:#CC0000; font:bold 13px Arial, Helvetica, sans-serif; display:block }
#detail .galeria p {  }
#detail .galeria .thumb { float:left; width:114px }
#detail .galeria .thumb li { float:left; margin:0 5px 5px 0 }
#detail .galeria .thumb li img { 
	cursor:pointer;
	background:#eee url(img/loading2.gif) no-repeat center center;
	width:50px; 
	height:38px;
	display:block }
	
#detail .galeria_lista ul li {  
	border-bottom:1px dashed #DDD; 
	padding:0 0 5px 0;
	margin:0 0 5px 0; 
	float:left;
	width:440px }	
	
#detail .galeria_lista img { width:100px; float:left; margin:0 5px 5px 0; border:1px solid #ccc }

/* TOP MUSICAS ----------------------------------------*/
.topmusica ul li { clear:both; width:220px; padding:0 0 5px 0; margin:0 0 5px 0; clear:both }
.topmusica .posicao {
	text-align:center;
	color:#FFF;
	font:bold 12px Arial, Helvetica, sans-serif; 
	float:left;
	width:29px; 
	height:18px;
	padding:4px 0 2px;
	margin:0 5px 0 0;
	background:url(img/bgposicaooutros.gif) no-repeat center center }

* html .topmusica .posicao { margin:0 }
	
.topmusica .um .posicao { 
	font:bold italic 15px Arial, Helvetica, sans-serif; 
	height:23px;
	padding:6px 0 0 0; 
	background:url(img/bgposicaoum.gif) no-repeat center center }
	
.topmusica .um .dados { color:#CC0000 }
.topmusica .dados { width:186px }
.topmusica .musica { display:block; font-weight:bold }
.topmusica .artista { display:block }

/* EVENTOS ----------------------------------------*/
.evento ul li { margin:0 0 5px 0 }
.evento .data { display:block; font:bold 15px Arial, Helvetica, sans-serif }
.evento .titulo { display:block }
.evento .local { color:#999 }

/* BANNERS ----------------------------------------*/
.banner {  }
.banner ul {  }
.banner ul li {  }

/* FALE CONOSCO -----------------------------------*/
.fale h2 { color:#CC0000; font:bold 15px Arial, Helvetica, sans-serif; margin:0 0 5px }
.fale label { float:left; width:70px; color:#333 }
html>body .fale label, html>body .fale input { margin:0 0 3px 0 }
.fale .botoes a { width:95px; height:19px; display:block; text-indent:-10000em; float:left; margin:0 2px 0 0 } 
.fale .botoes a.enviaremail { background:url(img/btn_enviaremail.gif) } 

/* LISTA DE PESQUISA ------------------------------*/
.pesquisa .resultado { font-size:12px; margin:0 0 10px 0; color:#666 }
.pesquisa span { display:block }
.pesquisa ul li { border-bottom:1px dashed #DDD; padding:0 0 5px 0; margin:0 0 5px 0 }
.pesquisa .categoria { color:#CC0000; margin:10px 0 5px 0; font-weight:bold; font-size:12px; border-bottom:1px solid #CC0000 }
.pesquisa .data { color:#666 }
.pesquisa .titulo { color:#000; font-weight:bold }
.pesquisa a:hover .titulo { color:#CC0000 }

/* DIVERSOS ---------------------------------------*/
.formbusca { 
	display:block; 
	clear:both;
	padding:10px; 
	border:1px solid #CCC; 
	background:#DDD; 
	font-weight:bold;
	color:#666 }
	
.paginador { display:block; color:#666 }
.paginador ul, .paginador ul li { display:inline }

/* FORMULÁRIOS ------------------------------------*/
input.text, select, textarea { 
	font:12px Arial, Helvetica, sans-serif; 
	color:#666;
	border:1px inset #CCC;
	padding:2px }
	
input.button { font-size:11px }

/* RODAPÉ -----------------------------------------*/
#footer {
	padding:30px 0 0 0;
	position:relative;
	background:url(img/bgfooter.jpg) no-repeat bottom center;
	width:770px;
	height:55px;
	clear:both }
	
#footer .copy {
	position:absolute;
	width:655px;
	left:63px;
	top:61px;
	color:#FFF; 
	text-align:center }
	
#footer ul {
	position:absolute;
	left:65px;
	top:30px; 
	color:#666 }
	
#footer ul li { display:inline }
#footer ul li a { color:#999 }

#footer a.linkramaweb {
	position:absolute;
	text-indent:-1000000em;
	display:block;
	right:67px;
	top:32px;
	width:60px;
	height:8px }