@charset "utf-8";
/* CSS Document */

/******************************************************
=> BLOCO AZUL
******************************************************/

div#bloco_azul {
	width:398px;
}
div#bloco_azul_conteudo {
	padding:0 11px;
	font:12px Arial, Helvetica, sans-serif;
/**/height:105px;
}

div#bloco_azul_conteudo .titulo {
	font:bold 11px Tahoma, Helvetica, sans-serif;
	color:#142E53;
}

div#bloco_azul_topo {
	height:10px;
}
div#bloco_azul_baixo {
	height:11px;
}
/******************************************************
=> BLOCO AZUL INTERNA
******************************************************/

div#bloco_azul_interna {
	width:200px;
}
div#bloco_azul_conteudo_interna {
	padding:0 12px;
	/**/height:100%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	text-decoration: none;	
}

div#bloco_azul_conteudo_interna .titulo {
	font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#142E53;
}

div#bloco_azul_topo_interna {
	height:10px;
}
div#bloco_azul_baixo_interna {
	height:11px;
}
/******************************************************
=> BLOCO DESTAQUES
******************************************************/

div#bloco_destaques {
	margin:0;
	width:570px;
}
div#bloco_destaques .destaque_verde {
	width:174px;
	height:133px;
	background-color:#ECFFCF;
	border:1px dashed #99CC00;
	font:11px Arial, Helvetica, sans-serif;
	color:#8EB55B;
	float:left;
	margin:3px;
	padding:3px
}
div#bloco_destaques .destaque_verde .titulo, div#bloco_destaques .destaque_verde_on .titulo {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#779A47;
}

div#bloco_destaques .destaque_verde .leia_mais a, div#bloco_destaques .destaque_verde_on .leia_mais a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#779A47;
	text-align:center;
	text-decoration:none
}

div#bloco_destaques .destaque_azul{
	width:174px;
	height:133px;
	background-color:#EAF8FF;
	border:1px dashed #6ACBFF;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#0099FF;
	float:left;
	margin:3px;
	padding:3px
}
div#bloco_destaques .destaque_azul .titulo, div#bloco_destaques .destaque_azul_on .titulo {
	font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#0099FF;
}

div#bloco_destaques .destaque_azul .leia_mais a, div#bloco_destaques .destaque_azul_on .leia_mais a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#0099FF;
	text-align:center;
	text-decoration:none;
}
/***on**/
div#bloco_destaques .destaque_azul_on{
	width:174px;
	height:133px;
	background-color:#B0E6FF;
	border:1px dashed #6ACBFF;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#0099FF;
	float:left;
	margin:3px;
	padding:3px
}
div#bloco_destaques .destaque_verde_on{
	width:174px;
	height:133px;
	background-color:#DDFFAA;
	border:1px dashed #99CC00;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#8EB55B;
	float:left;
	margin:3px;
	padding:3px
}
/******************************************************
=> PAGINA INICIAL
******************************************************/
div#menu_inicial {
	width:206px;
	float:left;
	clear:left;
}
div#conteudo_inicial {
	width:573px;
	float: left;
}
div#conteudo_central {
	width:398px;
	float:left;
}
div#conteudo_direita {
	width:175px;
	float:left;

}
.clear {
	clear:both;
}

/******************************************************
=> RODAPE
******************************************************/
div#rodape {
	clear:both;
}
/******************************************************
=> NO AR PEQUENO
******************************************************/
div#bloco_noar_peq {
	width:295px;
	height:195px;
	float:left;
}

div#bloco_noar_peq #cont_noar{
	width:251px;
	height:129px;
	float:left;
	padding:0 22px;
}
div#bloco_destaque {
	width:275px;
	height:195px;
	float:left;
}
/******************************************************
=> NOTICIAS - LINK
******************************************************/
.noticias:link {
	text-decoration: none;
	color: #000000;
}
.noticias:visited {
	text-decoration: none;
	color:#000000;
	
}
.noticias:hover {
	text-decoration: underline;
	color: #000066;
}
.noticias:active {
	text-decoration: none;
	color: #990000;	 
}

/******************************************************
=> CADASTRO DO USUARIO
******************************************************/
div#pg_promocao {}
div.nome_promocao {
	font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
	color:#FF3300;
	text-transform:capitalize;
}
div.data_promocao { font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#999999}
div.descricao_promocao {font:12px Arial, Helvetica, sans-serif;}


/******************************************************
=> TOP 20
******************************************************/
div#foto_artista {
	width:273px;
	height:228px;
	background:url(../img/layout/top20_bg_video.jpg) no-repeat center;
	padding:16px 12px 12px 11px;
}

div#musica_artista {
	width:226px;
	height:29px;
	background:url(../img/layout/top20_bg_musica.jpg) no-repeat center;
	padding:9px 0 0 70px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}
.artista {
	border:1px dashed #CCCCCC;
	margin:3px;
	padding:3px;
	cursor:pointer;
	background-color:#ffffff;
}
.artista_hover {
	border:1px dashed #FFCC00;
	margin:3px 0;
	padding:3px;
	background-color:#FCEBA3;
	cursor:pointer;
}
.artista_inicial {
	border:1px dashed #FCEBA3;
	clear:both;
	padding:5px 0;
	cursor:pointer;
	background-color:#FCEBA3;
}
.artista_hover_inicial {
	border:1px dashed #FFCC00;
	background-color:#fff;
	cursor:pointer;
	clear:both;
	padding:5px 0;
}

/** ESTILO DAS CAIXAS COM A COLOCAÇÃO DAS MUSICAS**/
td.top10 .item_1, td.top10 .item_2, td.top10 .item_3, td.top10 .itens {
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	width:30px;
	height:22px;
	display:block;
	float:left;
	text-align:center;
	margin:2px;
	padding-top:3px;
}
td.top10 .item_1 {
	background:url(../img/layout/top10/top10_1.jpg) no-repeat center;
}
td.top10 .item_2 {
	background:url(../img/layout/top10/top10_2.jpg) no-repeat center;
}
td.top10 .item_3 {
	background:url(../img/layout/top10/top10_3.jpg) no-repeat center;
}
td.top10 .itens {
	background:url(../img/layout/top10/top10_itens.jpg) no-repeat center;
}