/* --------------------*/
/* zerar todos estilos */
/* --------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ------------------------*/
/* zerar todos estilos fim */
/* ------------------------*/

body{
	text-align:center;
	background: url(../img/fundo.jpg) repeat top left;	
	font: normal 80% verdana,arial,Bitstream Charter,DejaVu Sans Mono;
}

a {text-decoration: none; color: #000000;}                      
.flash { font-size:15px; font-family: arial, serif; color:black; }		
.prog { font-size:12px; font-family: arial, serif; color:white; }			

#tudo {
	position: relative;
	width:760px;
	height: auto;
	text-align:left;
	margin:0px auto 0px auto;
}

#fundo_cima {
	background: url(../img/fundo_fundo.gif) no-repeat top left;
}

#fundo_baixo {
	background: url(../img/microfone.gif) no-repeat bottom right;	
}

#banner {
	position:relative;
	width:760px;
	height:170px;
	text-align: center;
	background:url(../img/FUNDO-CABECALHO.gif) no-repeat 0 0;
	overflow: hidden;
	z-index: 1;
}

#programacao {
	position:absolute;
	width:240px;
	top:120px;
	left:260px;
	z-index: 2;
	overflow: hidden;
}

#dwnflash {
	position: relative; 	
	width:760px; 
	height:20px; 
	background-color: #ffffe1;
}

#btnplay {
	text-align: right;
	position: relative; 	
	width:760px; 
	height:70px; 
	top:68px;
}

#destaques {
	position: relative;
	width:760px;
	height:120px;
	padding: 0px 0px 0px 8px;
	overflow: hidden;
	padding-top: 20px;
	
}

#programa {
	float: left;
	width:600px;
	height:120px;
	background:url(../img/FUNDO-PRINCIPAIS-PROGRAMAS.gif) no-repeat 21% 10%;
	text-align:center;
	padding: 0px 0px 0px 0px;
}

#tempo {
	float: right;
	width:160px;
	height:110px;
	text-align: center;
	padding: 0px 0px 0px 0px;
}

#programas_destaque {
	width: 600px;
	height: 120px;
	float: left;
}

/*MENU*/
#menu {position: relative; width: 760px; height: 38px; margin: 35px 0px 0px 0px; overflow: hidden;} /* define o posicionamento do menu */
#menu ul { list-style: none;} /* define que não vai ter estilo de lista */
#menu ul li { display: inline;} /* define que todos os LI´s vão ficar em horizontal */
#menu ul li.primeira { margin-left: 0; } /* define que o primeiro LI nao vai ter margem esquerda, alinhando-se a tudo */
#menu ul li a.selecionado { background-image: url(../img/menu_sel.gif); color: #cacaca; text-decoration: none; padding: 8px 1px 0px 0px;}
/* define fundo, cor de texto, e padding(alinhamento do texto) para o botao selecionado */
#menu ul li a:hover.selecionado { background-image: url(../img/menu_sel.gif); color: #999999; text-decoration: none; padding: 8px 1px 0px 0px;}
/* define fundo, cor de texto e padding(alinhamento do texto) para botao selecionado quando ativo */
#menu ul li a:hover { background-image: url(../img/menu_hover.gif); color: #FFF; text-decoration: none; }
/* define fundo cor e decoracao de texto para menu quanto ativo */
#menu ul li a {
	float: left; /* PRA QUE SERVE? */
	height: 38px; /* width e height definem tamanho do fundo */
  width: 132px; /* width e height definem tamanho do fundo */
	padding: 15px 1px 0px 0px; /* define local do texto */
	background: url(../img/menu.gif) no-repeat 0 0; /* define fundo */
	color: #5f5f5f; /* cor do texto */
	font-weight: bold; /* texto em negrito */
	text-align: center; /* alinhamento do texto */
}
#submenu {
	position: relative;
	width: 760px;
	height: 20px;
	background: #ba3b3b url(../img/submenu.gif) no-repeat 0 0;
	border-bottom:1px;
	border-bottom-color: #FFFFFF;
	border-style: solid;
	font: bold 105% Arial, Sans;
	color: white;
	text-indent: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#submenu a.selecionado { color: #cacaca; text-decoration: none; padding: 8px 1px 0px 0px;}
/* define fundo, cor de texto, e padding(alinhamento do texto) para o botao selecionado */
#submenu a:hover.selecionado { color: #999999; text-decoration: none; padding: 8px 1px 0px 0px;}
/* define fundo, cor de texto e padding(alinhamento do texto) para botao selecionado quando ativo */
#submenu a:hover { color: #CCC; text-decoration: none; }
#submenu a { color: #FFF;}

#centro {
	position: relative;
	width: 760px;
	height:auto;
	background: white;
	padding-bottom: 20px;	
}

.clear { clear: both; }

#rodape {	
	width: 760px;
	height:70px;
	background: url(../img/RODAPE.gif) no-repeat 0 0;
	clear:both;
	text-align: center;
	padding: 15px 0px 0px 0px;
	color: #FFFFFF;
	font-size: 80%;
}
#rodape a { color:#797979; }
#rodape a:hover { color: #FFFFFF; }

#infoway {
	position: relative;
	float: right;
	color: #FFFFFF;
	padding: 0px 100px 0px 0px;
}					 	 	   

#slideshow_ant {
	position: absolute;
	top:	190px;
	left:	8px;
	background: #FFF;
	z-index:	9999;
}