﻿/* *************** Inicio Estilos Gerais **************/

body {
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:verdana, Arial, Helvetica, sans-serif;
	color:#DDE4E4;
	font-size:10px
}
td,th,div{
	font-size: 10px;
	font-family: Arial, verdana, Helvetica, sans-serif;
	color:#DDE4E4;
	font-size:10px	
}
/* Link Colors*/
A
{ 
	FONT-FAMILY:verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	font-size:10px;
	COLOR: #E39D00;
	font-weight:bold
}
A:visited 
{ 
	COLOR: #E39D00; 
}
A:active 
{ 
	COLOR: #E39D00; 
}
A:hover 
{
	COLOR: #E39D00; 
	TEXT-DECORATION: underline;
}

A.cinza
{ 
	FONT-FAMILY:Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	COLOR: #CCCCCC;
	font-weight:bold
}
A.cinza:visited 
{ 
	COLOR: #CCCCCC; 
}
A.cinza:active 
{ 
	COLOR: #CCCCCC; 
}
A.cinza:hover 
{
	COLOR: #CCCCCC; 
	TEXT-DECORATION: underline;
}
A.cinza14
{ 
	FONT-FAMILY:Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	COLOR: #CCCCCC;
	FONT-SIZE:14PX
}
A.cinza14:visited 
{ 
	COLOR: #CCCCCC; 
}
A.cinza14:active 
{ 
	COLOR: #CCCCCC; 
}
A.cinza14:hover 
{
	COLOR: #CCCCCC; 
	TEXT-DECORATION: underline;
}
A.amarelo
{ 
	FONT-FAMILY:Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	COLOR: #B6B802;
	font-weight:bold
}
A.amarelo:visited 
{ 
	COLOR: #B6B802;
}
A.amarelo:active 
{ 
	COLOR: #B6B802; 
}
A.amarelo:hover 
{
	COLOR: #B6B802; 
	TEXT-DECORATION: underline;
}
A.amareloTorrado
{ 
	FONT-FAMILY:verdana, arial, helvetica, sans-serif;
	TEXT-DECORATION: none;
	COLOR: #E39D02;
	font-weight:bold
}
A.amareloTorrado:visited 
{ 
	COLOR: #E39D02;
}
A.amareloTorrado:active 
{ 
	COLOR: #E39D02; 
}
A.amareloTorrado:hover 
{
	COLOR: #E39D02; 
	TEXT-DECORATION: underline;
}
A.laranja
{ 
	FONT-FAMILY:Arial, verdana, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	COLOR: #E35D02;
	font-weight:bold
}
A.laranja:visited 
{ 
	COLOR: #E35D02;
}
A.laranja:active 
{ 
	COLOR: #E35D02; 
}
A.laranja:hover 
{
	COLOR: #E35D02; 
	TEXT-DECORATION: underline;
}
A.branco
{ 
	FONT-FAMILY:Arial, verdana, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	COLOR: #FFFFFF;
	font-weight:bold
}
A.branco:visited 
{ 
	COLOR: #FFFFFF; 
}
A.branco:active 
{ 
	COLOR: #FFFFFF; 
}
A.branco:hover 
{
	COLOR: #FFFFFF; 
	TEXT-DECORATION: underline;
}
A.verde
{ 
	FONT-FAMILY:Arial, verdana, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	COLOR: #767F7F;
	font-weight:bold
}
A.verde:visited 
{ 
	COLOR: #767F7F; 
}
A.verde:active 
{ 
	COLOR: #767F7F; 
}
A.verde:hover 
{
	COLOR: #767F7F; 
	TEXT-DECORATION: underline;
}

.cinzaTexto14 {
	color:#E3E5E5;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
	font-size:14px
}
.cinzaTexto18 {
	color:#E3E5E5;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:18px
}
.cinzaTexto30 {
	color:#E3E5E5;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:30px
}

.dataTexto {
	color:#CDCDCD;
	font-family: Verdana, Arial,  Helvetica, sans-serif;
	font-weight:normal;
	font-size:8px;
	text-align:left;
	padding:2px
}
/* A few IE bug fixes */
* {
	margin: 0;
	padding: 0
}
* html ul ul li a  {
	height: 100%; 
}
* html ul li a  {
	height: 100%; 
}



/* *************** Fim Estilos Gerais **************/

/* *************** Incio Estrutura *************** */

#leaderBoard{
	width:728px;
}

#header {
	position:relative;
	width:900px;
	z-index:100
}
#wall 
{
	position:relative;
	width:876px;
	z-index:0;
	text-align:left;
}
#footer {
	position:relative;
	width:900px;
	z-index:100;
}
/* *************** Fim Estrutura *************** */


/* *************** Inicio Topo *************** */
#areaNav{
	width:900px;
	height:44px;
	background-image:url(../../images/bg_areanav_new.gif);
	background-position:top;
	background-repeat:repeat-x;
	margin-bottom:12px
}
#dinamicDuo
{ 
	margin:0;
	/*overflow:auto; */
	overflow:hidden;
}

#arealogin
{
	position:relative;    
	padding-right:3px;
	float:right;  
	height:16px; 
	text-align:right;  
	width:332px;
}

#login
{
	background-image:url(../../images/bg_login_new.png);
	background-position:top;
	background-repeat:no-repeat;
	width:331px; 
	height:16px;
}

#locutor
{
	position:absolute;
	padding-left:425px;  
	z-index:0; 
	width:209px; 
	height:190px;
}

/*Inicio Acabou de Tocar*/
#acabou_detocar
{ 
 
	width:388px;
	position:absolute;
	z-index:999;
	padding-left:294px;
	padding-top:176px; 

}
#acabou_detocar_opened{
	width: 388px;
	background-image:url(../../images/bg_scroll_acaboudeouvir_new.png);
	height:179px;
	display:none;
	padding:0;
	margin:0;
	z-index:999
}
#acabou_detocar_list
{

	text-align:left;    
	width:388px;
	padding:40px 0px 0px 0px;
	margin:0;
}
	#acabou_detocar_list ul.items {
		margin:0;
		padding:0;
	}
	#acabou_detocar_list ul.items li
	{
		list-style-type:none;
		list-style:none;
		margin:0;
		padding: 0 0 0px 25px;
		border:0px;
		font-size:12px;
		color:#12547d
	}
	#acabou_detocar_list ul.items li a.white{
		text-decoration:none;
		color:white;
		font-style:italic;
		font-weight:bold
	}	
	#acabou_detocar_list ul.items li a.yellow{
		text-decoration:none;
		color:#f1f057;
		font-weight:bold
	}
	#acabou_detocar_list ul.items li a.orange{
		text-decoration:none;
		color:#ADADAD;
		font-weight:bold
	}
	#separador_acabou_detocar {
	width:338px;
	height:1px;
	background-color:#FF5A23;
	margin:7px 0 6px 0
}	
/*Fim Acabou de Tocar*/

#ticker_acabou_tocar
{
	position:relative; 
	padding-top:175px;
	padding-left:294px;  
	width:388px; 
	height:35px;
}

#ticker
{
	position:relative;
	width:388px; 
	height:35px; 
	background-image:url(../../images/noArAgora_new.png); 
	background-position:top; 
	background-repeat:no-repeat; 
	float:right; 
	text-align:left; 
}

#logoMega
{ 
	width:206px;
	height:221px;
	margin:0;
	padding: 10px 10px 0px 0;
	float:left;  
}

/*Locutor*/
#locutor_acabou_tocar
{  
	/*width:684px;*/
	width:684px;
	height:205px;
	margin:0;
	padding:5px 0 0px 0px;
	text-align:right;  
	float:left;  
}

/* autenticacao*/
#autenticacao{
	position:absolute;
	left:0px;
	top:5px;
	width:320px;
	height:15px;
}
.logininput {
    BORDER-RIGHT: #5E5E5E 1px solid; 
    BORDER-TOP: #5E5E5E 1px solid; 
    BORDER-LEFT: #5E5E5E 1px solid; 
    BORDER-BOTTOM: #5E5E5E 1px solid; 
    COLOR: #FFFFFF; 
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; 
    BACKGROUND-COLOR: transparent;
    FONT-SIZE: 10px;
	font-weight:normal;
	height:12px;
	width:55px;	
    TEXT-DECORATION: none;
	z-index:1;
	padding:0;
	margin:0;
	top:0px
}
.searchinput 
{ 
    BORDER-RIGHT: #5E5E5E 1px solid; 
    BORDER-TOP: #5E5E5E 1px solid; 
    BORDER-LEFT: #5E5E5E 1px solid; 
    BORDER-BOTTOM: #5E5E5E 1px solid; 
    COLOR: #FFFFFF; 
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; 
    BACKGROUND-COLOR: #8A3C09;
    FONT-SIZE: 10px;
	font-weight:normal;
	margin-top:5px;
	height:14px;
	width:160px;	
    TEXT-DECORATION: none;
	z-index:1
}
/* pesquisa*/
#pesquisa{
	position:absolute;
	left:270px;
	top:5px;
	width:300px;
	height:15px
}

/* navegacao menu*/
#menu{
	position:relative;
	top:28px;
	left:0px;
	width:900px;
	height:35px
}
#menu p.items {
	margin:0;	
}
img.valignMenu {
	display:inline;
	vertical-align:top;
	border:0px;
}

img.valign {
	display:inline;
	vertical-align:top;
	border:0px;
}
img.valignBottom {
	display:inline;
	vertical-align:bottom;
	border:0px;
}
img.valignMiddle {
	display:inline;
	vertical-align:middle;
	border:0px;
}


/* *************** Fim Topo *************** */

/* ************ Incio Footer  **************** */
#banner{
	width:728px;
	padding:5px 0 14px 0
}

#barraFooter{
	position:relative;
	width:874px;
	height:13px;
	border:#1A1E1E;
	border-style:solid;
	border-width:1px;
	background-image:url(../../images/bg_barra_footer.gif);
	background-position:top;
}

#menuFooter{
	position:relative;
	width:876px;
	height:20px;
	top:20px
}

#direitos{
	position:relative;
	width:874px;
	height:25px;
	font-weight:bold;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	top:20px
}

#institucional{
	position:relative;
	width:874px;
	height:50px;
	top:20px
}

#pub{
	position:relative;
	width:874px;
	height:50px;
	top:20px
}
/* ************ Fim Footer  **************** */

/* Variados efeitos */
/* fixBugs */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	
}

.bgTabTitle{
	background-image:url(../../images/bg_tab_title.jpg);
	height:21px;
	width:100%;
	text-align:left;
	background-position:top;	
	border:0px;
	margin:0px
}

/* Efeitos */
.fadeFx img{
	border: 1px solid #ccc;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
	-moz-opacity: 0.8;
}
.fadeFx:hover img{
	border: 1px solid #FFCC00;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
}
.fadeFx:hover{
	color: red; /* irrelevant definition to overcome IE bug */
}
hr.hr1 {
  color: #949494;
  height: 1px;
  float:left;
  width:100%
}

.cx_box {
    BORDER-RIGHT:none;
    BORDER-TOP:none;
    BORDER-LEFT:none;
    BORDER-BOTTOM:none;
    COLOR: #777777; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
    BACKGROUND-COLOR: white;
    FONT-SIZE: 10px;
	font-weight:normal;
    text-decoration: none;
	margin-bottom:5px
}
.cx_box_sigleline {
    BORDER-RIGHT:none;
    BORDER-TOP:none;
    BORDER-LEFT:none;
    BORDER-BOTTOM:none;
    COLOR: #777777; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
    BACKGROUND-COLOR: white;
    FONT-SIZE: 10px;
	font-weight:normal;
    text-decoration: none;
	margin:2px;
	padding:3px
}
.cx_box_multiline {
    BORDER-RIGHT:none;
    BORDER-TOP:none;
    BORDER-LEFT:none;
    BORDER-BOTTOM:none;
    COLOR: #777777; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
    BACKGROUND-COLOR: white;
    FONT-SIZE: 10px;
	font-weight:normal;
    text-decoration: none;
	margin-bottom:10px;
	padding:5px
}
.orangeButton {
	color: #FFF;
	background-color: #F3662E;
	border-style:none;
	font-size: 10px;
	padding:1px
}
.laranjaTexto {
	color:#E35D02;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
}
.brancoTexto {
		color:#FFFFFF;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		text-align:left;
		padding:2px 0 0 2px
}
.but_red {
    BORDER-RIGHT: #CC3300 1px solid; 
    BORDER-TOP: #CC3300 1px solid; 
    BORDER-LEFT: #CC3300 1px solid; 
    BORDER-BOTTOM: #CC3300 1px solid; 
    COLOR: #FFFFFF; 
    font-family: Verdana, Arial,  Helvetica, sans-serif; 
    BACKGROUND-COLOR: #CC3300;
    FONT-SIZE: 10px;
	font-weight:normal;
    text-decoration: none;
    cursor:hand;
}
.tituloUL {
	color:#AAA82E;
	font-size:12px;
	font-weight:bold
}