/*********************************************************
      Versão: 2007.1
     Projeto: Solucionator
  Criado por: alex.sevilla@gmail.com
Data criacao: 26/08/2007
Alterado por: 
   Descricão: estilo básico para Rádio Guaíba 
*********************************************************
                 http://www.solucionator.comS
*********************************************************/
/* Tags */
body,div,ul,ol,li,input,select,textarea,p,td,h1,h2,h3{
		color:#000;
		font-family:Verdana,Arial,sans-serif;
		font-size:10px;
		margin:0;
		padding:0
}
body{
  text-align:center
}
form{
  margin:0;
	padding:0
}
b,strong{
  font-weight:700
}
img{
  border:0;
	margin: 0;
}
ul{
  list-style:none;
}
ol li{
  float:none
}
dfn{ 
  font-weight: bold;
  font-variant: small-caps;
  font-style: normal;
}
h1{
  font-size: 14px;
}
h2{
  font-size: 12px;
}
h3{
  font-size: 12px;
}
p{
  text-align: justify;
  font-size: 12px;
	margin-top: 10px;
	line-height: 18px; 
}
a{
  text-decoration: none;
	color: #000;
}
table{
  border: 1px solid #ccc;
}
th{
  background-color: #666;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	padding:0px 5px;
	line-height: 25px;
	height: 80px;
	text-align: left;
	vertical-align: bottom;
}
td{
  font-size: 10px;
	color: #000;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 15px;
}
/* Tags */

/* Estruturais */
.container{
  width: 780px;
	position: relative;
	z-index: 100;
	text-align:left;
	margin: 0 auto;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}
.top{
	width: 780px;
	height: 185px;
	z-index: 120;
	margin-bottom: 0px;
	background-color: transparent;
	background-image: url(imagens/barra_verde_base.jpg);
	background-repeat:repeat-x;
	background-position:0px 53px;
}
#logo{
	width: 169px;
	height: 140px;
	position: absolute;
	top: 20px;
	left: 10px;
	z-index: 240;
	background-image: url(imagens/logo_guaiba.png);
	background-position:center;
	background-repeat:no-repeat;
}
.navegador{
  width: 200px;
	margin:0px;
	float:left;
	width: 780px;
	margin-top: -12px;
	background-image: url(imagens/fundo_menu.gif);
	background-repeat: repeat-x;
}
.principal{
  width: 395px;
	background-color: #fff;
	padding-top: 10px;
	margin:0px;
	margin-left: 160px;
	margin-bottom: 10px;
}
.menu{
   width: 100%;
   margin-top: 25px;
	 padding-bottom: 25px;
   z-index: 1100;
}
#rodape{
  position: relative;
	margin-top: 10px;
	bacskground-color: #eee;
	border-top: 1px solid #ccc;
}
#toc{
  min-height: 120px;
  width: 100%;
	padding: 20px 0px;
	color: #999;
	height: auto;
	background-color: #eee;
}
.tocItem{
  margin-left: 20px;
	float: left;
}
.tocItem a{
  color: #999;
}
.tocItem li a:hover{
  color: #090;
}
.tocItem h3{
  color: #666;
}
.endereco{
	display: none;
}
.creditos{
  display: none;
}
/* Estruturais */

/* fundo  */
.banda{
   z-index: 0;
   position: absolute;
   height: 135px;
   width: 380px;
   background-repeat: no-repeat;
   background-position: left;
}
.banda.esquerda{
	 top: 38px;
   background-image: url(imagens/barras_extras.jpg);
	 background-position:right top;
	 z-index: 0;
	 left: 50%;
	 margin-left: -770px;
}
.banda.direita{
	 right: 0px;
	 top: 53px;
   background-image: url(imagens/barras_extras.jpg);
	 background-position:left bottom;
}
/* fundo */

/* Adicionais */
/** Menu **/
.itemMenu{
	text-align: right;
}
.itemMenu a{
	text-decoration: none;
	color: #999;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	line-height: 24px;
}
.itemMenu a:hover{
	color: #000;
}
.selecionado a{
	color: #666;
}
.selecionado{
	background: #ccc;
}
.marcado a{
  background-color: #ccc;
	border-top: 4px solid #ccc;
}
/** Menu **/
/** Miolo **/
.principal div{
  margin-left: 10px;
	margin-right: 10px;
}
/** Miolo **/
/** Rodape **/
.rodape a{
	text-decoration: none;
	color: #999;
	cursor: pointer;
}
.rodape a:hover{
  text-decoration: underline;
	color: #fff;
}
.endereco p, .creditos p{
  margin: 0px;
  margin-right: 5px;
}
.endereco p{
  text-align: right;
  font-size: 10px;
}
/** Rodape **/
/* Extras */
.loader{
  position: absolute;
  background-color: red;
  color: #fff;
  top: 0px;
  right: 0px;
}
#dial{
  position: absolute;
	top: 2px;
	margin-left: 5px;
	color: #666;
	font-size: 10px;
}
#rede{
  position: absolute;
	width: 400px;
	top: 37px;
	margin-left: 210px;
	color: #999;
	font-size: 14px;
	font-weight: bold;
}
.itemRede{
  float: left;
	margin-right: 30px;
}
.itemRede a:hover{
  text-decoration: underline;
	color: #060;
}
/* Extras */
/* Adicionais */

/* PUBLICIDADE */
.secundario{
  width: 220px;
	top: 200px;
	right: 0px;
	padding-top: 12px;
	padding-left: 3px;
	background-image:url(imagens/publicidade.gif);
	background-position:left top;
	background-repeat:no-repeat;
	position: absolute;
}
.anuncio{
  margin-bottom: 3px;
}
/* PUBLICIDADE */

/*AO VIVO*/
#aovivo{
  position: absolute;
	width: 320px;
	height: 173px;
	background-image: url(imagens/microfone.png);
	background-repeat:no-repeat;
	background-position:top right;
	margin-left: 500px;
	z-index: 400;
}
#amfm{
	background-image: url(imagens/aovivo.png);
	background-repeat:no-repeat;
	background-position:top right;
  position: absolute;
	z-index: 0;
	width: 129px;
	height: 38px;
	margin-top: 140px;
	margin-left: 100px;
	cursor: pointer;
}
#escutar{
  position: absolute;
	top: 23px;
	right: 40px;
	width: 400px;
	height: 195px;
	background-image: url(imagens/aovivo_topo.png);
	background-repeat:no-repeat;
	background-position:top left;
	z-index: 1;
	vertical-align: top;
	cursor:pointer;
	display: none;
}
#escutar .dados{
	background-image: url(imagens/aovivo_meio.png);
	background-repeat: repeat-y;
	background-position:top left;
	margin-top: 30px;
	padding:0px 10px;
	height: 150px;
	z-index: 100;
}
#escutar .final{
	background-image: url(imagens/aovivo_embaixo.png);
	background-repeat: no-repeat;
	background-position:bottom left;
	height: 40px;
}
#escutar div{
  color: #fff;
}
#escutar .dadosAM, #escutar .dadosFM{
  width: 180px;
	float: left;
	margin-top: -25px;
	height: 200px;
	z-index: 200px;
	_padding-top: 65px;
}
#escutar .dadosFM{
  margin-left: 15px;
}
#escutar .programa{
  font-size: 24px;
	font-weight: 900;
	color: #9C0;
	height: 60px;
	vertical-align: bottom;
	display: table-cell;
	_position: absolute;
	_margin-top: -60px;
}
#escutar .dadosFM .programa{
  color: #F90;
}
#escutar .apresentador{
  font-size: 14px;
	font-weight: 700;
	height: 40px;
}
#escutar .apresentador span{
  font-size: 10px;
	font-weight: normal;
	margin-right: 5px;
	vertical-align: top;
	font-variant:small-caps;
}
#escutar .horarios{
  font-size: 18px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: right;
	color: #6C0;
}
#escutar .dadosFM .horarios{
  color: #FC0;
}
#escutar .dias{
  font-variant:small-caps;
	text-align: right;
	font-size: 12px;
	margin-top: -5px;
}
#escutar .clique{
	background-image: url(imagens/aovivo_clique.gif);
	background-repeat: no-repeat;
	background-position:10px bottom;
	height: 76px;
	margin-right: 15px;
}
#escutar .dadosFM .clique{
  background-position:right bottom;
}
/*AO VIVO*/

/*PROGRAMAS*/
#area_programas{
	width: 150px;
	top: 200px;
	floast: left;
	position: absolute;
}
.link_programa{
  margin: 2px;
	margin-left: 4px;
}
.programa{
  margin-top: 10px;
}
.programa div{
  margin: 0px;
}
/*PROGRAMAS*/

/*NOTICIAS RSS*/
#noticiasRSS{
  position: absolute;
	z-index: 300;
	width: 270px;
	height: 100px;
	margin-top: 65px;
	margin-left: 210px;
	color: #fff;
}
#rssTop{
	background-image: url(imagens/rss_top.png);
	background-repeat:no-repeat;
	background-position:top left;
	font-size: 9px;
	height: 14px;
	line-height: 14px;
	padding-left: 20px;
	color: #fff;
}
#rssMeio{
	background-image: url(imagens/rss_middle.png);
	background-repeat:repeat-y;
	background-position:top left;
	font-size: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.noticia{
	font-size: 10px;
	font-weight: bold;
	line-height: 15px;
	padding-left: 10px;
}
.noticia a{
  background-image: url(imagens/rss_seta.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left: 13px;
  color: #fff;
}
.noticia a:hover{
  text-decoration: underline;
}
#rssBaixo{
	background-image: url(imagens/rss_bottom.png);
	background-repeat:no-repeat;
	background-position:top left;
	height: 17px;
}
.aSeguir{
	font-size: 12px;
	font-weight: bold;
	padding-left: 20px;
}
.aSeguir a{
  color: #fff;
}
/*NOTICIAS RSS*/

/*MENU PRINCIPAL*/
.menu{
  margin-top: 0px;
	padding-bottom: 0px;
	z-index: 100;
}
.menuTop{
  width: 30px;
	height: 15px;
	float: left;
	background-image: url(imagens/slide.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
.itemMenu{
	float: left;
	height: 15px;
	background-color: transparent;
	background-image: url(imagens/divide_menu.gif);
	background-repeat: no-repeat;
	background-position: center right;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
}
.itemMenu a{
  line-height: 15px;
	background-color: transparent;
	color: #FFF;
	margin-top: -1px;
}
.itemMenu a:hover{
	color: #0c0;
}
.selecionado a{
	color: #fff;
}
.selecionado{
	background: #060;
	color: #060;
}
/*MENU PRINCIPAL*/

/*PRINCIPAL*/
#manchete{
  border-bottom: 1px dotted #999;
	margin: 0px;
}
#manchete div{
  margin: 0px 5px 0px 5px;
	padding: 0px;
}
#manchete .chamada{
  font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:22px;
	color: #666;
}
#manchete .subtitulo{
	font-size:11px;
	font-weight: bold;
	color: #060;
	margin: 5px;
	margin-top: 10px;
}
#manchete .resumo{
	font-size:10px;
	color: #666;
	margin: 5px;
}
#anunciocentral{
  position: relative;
	margin: 0px;
	margin-top: 3px;
	text-align: center;
	min-height: 65px;
}
#especiais{
  margin: 0px;
	font-size: 10px;
	background-image: url(imagens/miolo_especiais_1.jpg);
	background-repeat: no-repeat;
	background-position:center;
	border-bottom: 1px dotted #999;
}
#especiais div{
  margin: 0px;
}
.especial_esq, .especial_dir{
  width: 150px;
  padding-bottom: 5px;
	border-top: 1px dotted #999;
}
.especial_dir{
	float: right;
}
.especial{
  background-image: url(imagens/bullet_especiais.gif);
	background-repeat: no-repeat;
	background-position:left 4px;
	padding-left: 16px;
	padding-bottom: 5px;
}
.titulo_especial{
  font-size: 11px;
	font-weight: bold;
	color: #333;
}
.chamada a{
	text-decoration: none;
}
.especiais_lista{
  background-image: url(imagens/seta_especiais.gif);
	background-repeat: no-repeat;
	background-position:14px center;
	padding-left: 24px;
	font-weight: bold;
	font-size: 9px;
}
#titulo_navegador{
  font-size: 12px;
	height: 15px;
	margin-top: -4px;
	mmmargin-bottom: 20px;
	border-bottom: 1px solid #999;
}
#titulo_navegador .area{
  float: left;
	margin-right: 10px;
}
#titulo_navegador .subarea{
  float: left;
	padding-left: 15px;
  background-image: url(imagens/seta_navegador.gif);
	background-repeat: no-repeat;
	background-position:left center;
}
#titulo_navegador a:hover{
  text-decoration: underline;
}
/*PRINCIPAL*/

/* TABELA DE PREÇOS */
.tabelaTarifas{
  text-align: center;
}
.tarifas{
	margin-bottom: 20px;
	background-position:center -20px;
	background-repeat:no-repeat;
}
.am{
  background-image:url(imagens/tarifas_am.jpg);
}
.fm{
  background-image:url(imagens/tarifas_fm.jpg);
}
.tarifas th{
  background-color:transparent;
}
.par{
  background-color: #eee;
}
.impar{
  background-color: #fff;
}
.valor{
  text-align: right;
	font-weight: bold;
}
/* TABELA DE PREÇOS */



/*  LISTA */
.listagem{
	margin-top: 15px;
}
.listagem h3{
  color: #060;
	font-size: 12px;
	padding-left: 10px;
  background-image: url(imagens/seta_navegador.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.listagem ol, .listagem ul{
	margin-left: 15px;
	list-style-position: inside;
}
.listagem ul{
	list-style-image: url(imagens/bullet_especiais.gif);
}
.listagem a:hover{
  text-decoration: underline;
}
/*  LISTA */
/* FORMULARIO */
.formulario{
	margin-left: 20px;
}
.formulario div{
  font-size: 10px;
  margin-left: 0px;
}
.formulario form{
  margin-left: 20px;
} 
/* FORMULARIO */