/* CSS Document */
* {margin:0 auto;padding:0;list-style:none;text-decoration:none; }

html,address	{font:normal normal 12px Arial, Verdana, Tahoma,  Helvetica, sans-serif}
html,body	{text-align:center; height:100%;}
html				{height:100%;}
img				{border:none;}
a				{color:#000;}
a:hover			{ text-decoration:underline;}
small			{ display:none}

/*T�tulos*/
h1				{ font-size:18px}
h2				{ font-size:16px}
h3				{ font-size:14px}
h4				{ font-size:12px}
h5				{ font-size:10px}

/* CLASSES DE USO GERAL*/

.clear{clear:both;}
.fLeft{ width:auto; float:left; margin:0 5px 5px 0}
.fRight{ width:auto; float:right; margin:0 7px 5px 7px;}


/* FONTS*/
@font-face {font-family:"caviardreams";src:url("../font/CAVIARDREAMS_BOLD.eot"); /* EOT file for IE */ }
@font-face {font-family:"caviardreams"; src:url("../font/CAVIARDREAMS_BOLD.TTF") format("TrueType");}
@font-face {font-family:"urania";src:url("../font/URANIA_CZECH_2.eot"); /* EOT file for IE */ }
@font-face {font-family:"urania"; src:url("../font/URANIA_CZECH_2.TTF") format("TrueType");}

/*##################################################################################################*/
#principal{ width:100%; display:table; height:100%; background-position:top center; background-repeat:no-repeat}
#geral			{width:919px;display:block;position:relative; text-align:left; color:#000000;}



/*_________T�tulos____________*/
#topo h1 a span, #coluna2 #promocoes h2 span, #coluna2 .boxsC2 h2 span, #coluna2 .boxsMusica h2 span{
	display:none}
	
#topo h1 a{
	float:left;
	margin:27px 0 0 28px;}
	
#coluna2 #promocoes h2{
	width:280px;
	height:35px;
	float:left;
	margin-left:2px;
	background:url(../images/site/tit_programas.jpg) no-repeat 0 0}

#coluna2 .boxsC2 h2,#coluna2 .boxsMusica h2 {
	width:276px;
	float:left}

#coluna2 .boxsC2 #titBlog{
	height:32px;
	background:url(../images/site/titBlog.jpg)}
	
#coluna2 .boxsMusica #titMusica{
	height:32px;
	background:url(../images/site/titMusica.jpg)}


#coluna2 .boxsC2 #titEven{
	height:24px;
	background:url(../images/site/titEventos.jpg)}

#coluna2 .boxsC2 dl h4, #coluna2 .boxsC2 dl h4 a{
	color:#dd4242;
	margin-bottom:5px;}

.tit_vida_bom{ 
	width:572px; 
	height:47px; 
	background:url(../images/site/tit_vida.png) no-repeat; 
	float:left; 
	position:absolute; 
	left:125px;
	text-indent:-99999px;
	top:180px}

.tit_vida_bom{ 
	width:572px;
	height:47px; 
	background:url(../images/site/tit_vida.png) no-repeat; 
	float:left;
	margin:-5px 0 0 50px;
	text-indent:-99999px; margin:}
	
#vida_banner {float:left; margin-top:25px; width:279px; height:60px;}

.h3_artista {float:left; text-indent:-9999px; background:url(../images/site/h3_artista.jpg) no-repeat; width:274px; height:45px; margin-left:15px;}

/*_________Topo__________________________________________________*/
#topo{
	width:919px;
	float:left}

#topo #siga{
	width:175px;
	height:55px;
	float:left;
	margin:40px 0 0 242px;
	padding:38px 0 0 16px;
	background:url(../images/site/redes_sociais.png) no-repeat}

#topo #siga li, #topo #siga li a{
	display:inline;
	float:left}

#topo #siga li a{
	width:30px;
	height:30px;
	margin-left:8px;
	text-indent:-999999px}

/*##___Formul�rio da newsletter___##*/

#formNews{
	width:225px;
	height:90px;
	float:right;
	background:url(../images/site/cadastro.png) no-repeat;
	margin:30px 0 0 0;
	padding:22px 0 0 19px}

#formNews label{
	width:46px;
	float:left;
	color:#fff;
	margin-top:5px}

#formNews .campoTexto, #formNews .campoTexto2{
	height:18px;
	font-size:12px;
	color:#fff;
	float:left;
	margin-bottom:8px;
	background:url(../images/site/bckCampo.jpg);
	border:1px solid #fff}

#formNews .campoTexto{
	width:157px}

#formNews .campoTexto2{
	width:114px}

#formNews #btOK{
	width:38px;
	height:22px;
	border:0;
	margin-left:5px;
	background:url(../images/site/btOK.jpg)}

#formNews ul{
	width:221px;
	float:left;
	display:block;
	font-size:11px}

#formNews ul li{
	display:inline;
	margin-right:20px}

#formNews ul li a{
	color:#fff;
	text-decoration:underline}


/*Alterado em 28/10/09 - Por N�lio Fraz�o*/
.logado{
	width:215px;
	display:block;
	position:relative;
	margin:-8px 0 0 0;
	float:left}

.logado a{
	color:#fff;
	display:block;
	font-weight:bold}

.logado dt img{
	width:auto;
	margin-right:10px;
	border:1px solid #fff;
	float:left}

.logado dd{
	position:absolute;
	bottom:20px;
	right:30px;
	line-height:180%}

/*##___Menu___________##*/
#topo #menu{
	width:923px;
	height:56px;
	float:left;
	margin:78px 0 0 25px}

#topo #menu li{
	display:inline}

#topo #menu li span{
	display:none}


#topo #menu li a{
	font-family:caviardreams;
	float:left;
	color:#fff;
	padding:3px 9px 3px 12px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:13px!important}

#topo #menu li a:hover{ background:url(../images/site/menu_hover.jpg); text-decoration:none}




/*_________Conteudo__________________________________________________*/
#conteudo{
	width:919px;
	float:left;
	display:block;
	margin:34px 0 0 12px}

#conteudo #banners dt{
	float:left}

#banners{ width:960px; float:left; height:88px}

#conteudo #banners #banner2{
	margin:-10px 0 0 10px}

/*_________#coluna1__________________________________________________*/
#coluna1{
	width:623px;
	float:left;
	display:block;}

	#banda_player {width:65px; background: #d9d9d9; position:absolute; top:10px; right:10px; z-index:-10; display:block;}
	#esconde_player {width:20px; height:21px; background:#d9d9d9; position:absolute; top:10px; right:10px; z-index:999; display:block;}

/*_________#coluna2__________________________________________________*/
#coluna2{
	width:286px;
	float:right;
	display:block;}

#coluna2 #promocoes{
	width:286px;
	height:236px;
	float:left;
	
	margin:15px 0 5px 0;
	background:url(../images/site/promo.png) no-repeat;
	position:relative}

#coluna2 #promocoes #titPromo{
	width:280px;
	height:40px;
	float:left;
	margin:0px;}

#coluna2 #promocoes li{
	width:250px;
	
	margin:0 0 5px 5px;
	float:left}
	
#coluna2 #promocoes li a{
	color: #6088A1;
	font-weight: bold;
}	

#coluna2 #promocoes li img.promimg{
	width:77px;
	height:55px;
	border: 1px solid #0156BF;
	float:left;
	margin-right: 5px}

#coluna2 #promocoes #vMais, .boxsC2 p a{
	position:absolute;
	bottom:0;
	right:-4px}

#coluna2 #promocoes #vMais, #coluna2 #promocoes #titPromo{
	border:none;
	bottom:-50px;}

#coluna2 #promocoes #vMais{
	width:62px;}
	
#coluna2 #promocoes #vMais{
	bottom:-4px;}

/*##___boxsC2___________##*/
.boxsC2{ 
	width:284px;
	height:134px;
	float:left;
	margin-top:5px;
	position:relative;
	background:url(../images/site/boxsC2.png) repeat-y}
	
.boxsMusica{ 
	width:284px;
	height:134px;
	float:left;
	margin-top:40px;
	position:relative;
	background:url(../images/site/bgMusica.jpg) repeat-y}
	
.boxsC2 dl{
	width:247px;
	margin:5px 0 0 7px;
	font-size:11px;
	float:left}

.boxsC2 dt img{
	width:auto;
	padding:3px;
	margin-right:10px;
	float:left;
	background:url(../images/site/bckfoto5.jpg) no-repeat}

.boxsC2 .bt_votar{
	bottom:40px;
	position:absolute;
	top:50px;
	right:-5px}

.boxsC2 .bt_parcial{
	position:absolute;
	right:-5px;
	bottom:15px}
	
.boxTwitter{width:622px; height:171px; background:url(../images/site/boxTwitter.jpg) no-repeat; margin:10px 0 10px 0;}
.twitterTexto{width:469px; height:120px;margin:40px 0 0 90px; position:absolute;}
.twtr-hd, .twtr-ft{display:none;}

/*_________#Rodape__________________________________________________*/

#rodape{
	width:100%;
	margin-top:30px;
	float:left;
	}

#rodapeContent{
	width:919px;
	display:block;
	height:238px;
	position:relative}

#rodapeContent #menu_rodape{
	width:auto;
	float:left;
	text-transform:uppercase;
	margin:40px 0 0 230px}
	
#rodapeContent #menu_rodape li{
	font-family:caviardreams;
	padding-right:10px}

#rodapeContent #menu_rodape li a{ padding:0 10px 0 0; color:#fff}
#rodapeContent #menu_rodape li a:hover{ text-decoration:underline}

#rodapeContent p{
	position:absolute;
	bottom:55px;
	left:5px}

#rodapeContent, #rodapeContent a:hover{
	color:#FFF;
	text-decoration:none}

#rodapeContent ul li{
	display:inline}

#rodapeContent #noimg{
	background:none}

#logo{
	position:absolute;
	right:0;
	bottom:15px}
	
/*_________LAYOUTS____________*/
#escolha_layout{ width:200px; float:left; margin:30px 0 0 400px}
#escolha_layout li, #escolha_layout li a{ display:inline; float:left}
#escolha_layout li{  padding:12px 0 0 0}
#escolha_layout li a{ width:20px; height:20px; text-indent:-99999px; border:1px solid #d9d9d9; margin-left:5px; outline:none}
.layout_verde #escolha_layout #verde, .layout_amarelo #escolha_layout #amarelo, 
.layout_azul #escolha_layout #azul, .layout_preto #escolha_layout #preto, 
.layout_rosa #escolha_layout #rosa, .layout_verde2 #escolha_layout #verde2, .layout_laranja #escolha_layout #laranja{background:url(../images/site/seta_seleciona.png) 10px 0 no-repeat;}
/*verde*/
.layout_verde{ background:url(../images/site/bg_layout_verd.jpg) #108b16 }
.layout_verde #rodape{background:url(../images/site/bg_rodape_verde.jpg) repeat-x}
#escolha_layout #verde a{ background:#0f8b15}
/*amarelo*/
.layout_amarelo{ background:url(../images/site/bg_layout_amarelo.jpg) #f1c001 }
.layout_amarelo #rodape{background:url(../images/site/bg_rodape_amarelo.jpg) repeat-x}
#escolha_layout #amarelo a{ background:#f0c001}
/*azul*/
.layout_azul{ background:url(../images/site/bg_layout_azul.jpg) #1556a6 }
.layout_azul #rodape{background:url(../images/site/bg_rodape_azul.jpg) repeat-x}
#escolha_layout #azul a{ background:#1657a7}
/*preto*/
.layout_preto{ background:url(../images/site/bg_layout_preto.jpg) #181818 }
.layout_preto #rodape{background:url(../images/site/bg_rodape1.jpg) repeat-x}
#escolha_layout #preto a{ background:#181818}

/*Rosa*/
.layout_rosa{ background:url(../images/site/bg_layout_rosa.jpg) #cc6699 }
.layout_rosa #rodape{background:url(../images/site/bg_rodape_rosa.jpg) repeat-x}
#escolha_layout #rosa a{ background:#cc6699}

/*layout_verde2*/
.layout_verde2{ background:url(../images/site/bg_layout_verd2.jpg) #84ca82 }
.layout_verde2 #rodape{background:url(../images/site/bg_rodape_verde2.jpg) repeat-x}
#escolha_layout #verde2 a{ background:#84ca82}

/*layout_laranja*/
.layout_laranja{ background:url(../images/site/bg_layout_laranja.jpg) #fe6601 }
.layout_laranja #rodape{background:url(../images/site/bg_rodape_laranja.jpg) repeat-x}
#escolha_layout #laranja a{ background:#fe6601}


a.linkMusica  img{ margin:30px 0 10px 5px; }