/* 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%; background:#eaeaea; color:#000}
html			{height:100%;}
img				{border:none;}
a				{color:#444;}
a:hover			{ text-decoration:underline;}
a:focus{outline: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 0 5px 5px;}
.no_right{ margin-right:0!important}
.no_border{ border:none!important}
.left{ float:left}
.justificado{ text-align:justify; margin-right:20px;}


/*##################################################################################################*/
/* ESTRUTURA */
div#principal{
	width:100%;
	background:url(../images/site/bg_tudo.gif) repeat-x;
	position:relative;
	text-align:left;
	min-height:100%}
/* {behavior:url(js/iepngfix.htc);}*/ /*png para ie6*/
.ie6 #principal {
	height:100%}

/* _____________TITULOS______________ */
h1 a{
	width:250px;
	height:74px;
	float:left;
	text-indent:-99999px;
	margin:0 6px 0 0;
	background:url(../images/site/logo_siderall.jpg)}

.titulos{ 
	height:21px;
	float:left;
	background:url(../images/site/titulos.gif) no-repeat;  
	text-indent:-99999px}

#tit_not, #tit_radio, #tit_agenda, #tit_entre, #tit_serv{
	width:120px;
	margin-bottom:10px}
	
#tit_not{
	background-position:0 0;
	margin-top:14px}

#tit_radio{
	background-position:0 -31px}

#tit_agenda{
	background-position:0 -58px;
	height:26px}

#tit_entre{
	background-position:0 -94px}

#tit_serv{
	background-position:0 -122px}

	
/* _____________TOPO________________ */
#topo{
	width:996px;
	height:227px;
	padding-top:40px;
	display:block}

#iframe{
	width:100%;
	height:26px;
	display:table;
	position:absolute;
	top:0;
	text-align:center;
	background:url(../images/site/bg_iframe.jpg) repeat-x #000000}

/* _____________MENUS________________ */
#menu{
	width:996px;
	height:76px;
	margin-top:-11px;
	background:url(../images/site/bg_menu.gif) no-repeat;
	float:left}

#menu ul{
	width:738px;
	float:left;
	margin:30px 0 0 100px;}
	
#menu li { display:inline }

#menu li a {
	background:url(../images/site/menu.png) no-repeat;
	text-indent:-99999px;
	height:21px;
	float:left}
	
#menu li a.mn_inicial{background-position:0 0;  width:152px;}
#menu li a.mn_inicial:hover{background-position:0 -30px;}
#menu li a.mn_radio{background-position:-163px 0;  width:120px;}
#menu li a.mn_radio:hover, #menu li.headlink:hover a.mn_radio{background-position:-163px -30px;}
#menu li a.mn_entredimento{background-position:-283px 0;  width:182px;}
#menu li a.mn_entredimento:hover{background-position:-283px -30px;}
#menu li a.mn_mercado{background-position:-464px 0;  width:214px;}
#menu li a.mn_mercado:hover{background-position:-464px -30px}
#menu li a.mn_contato{background-position:-678px 0;  width:60px;}
#menu li a.mn_contato:hover{background-position:-678px -30px}

#menu_rodape{
	width:450px;
	margin:50px 0 0 270px;
	float:left}

#menu_rodape li{
	text-transform:uppercase;
	background:url(../images/site/ico_menu.gif) no-repeat right;
	margin-right:12px;
	padding-right:12px;
	display:inline}

.no_image{ background:none!important}

.sub_menu{
	width:180px!important;
	z-index:1000;
	position:absolute;
	float:left;
	top:-10px;
	left:-100px;}

.sub_menu ul{
	width:130px!important;
	padding:10px 10px 0px 10px;
	display:block;
	background:#eaeaea}
	
.sub_menu ul li a{
	width:130px;
	display:block;
	margin-bottom:5px;
	font-size:11px;
	background:url(../images/site/ico_menu.png) no-repeat 0 3px!important;
	text-indent:10px!important;
	text-transform:none!important;
	border-bottom:1px dotted #172323}

.sub_menu ul li a:hover{
	text-decoration:none;
	color:#666}

.detalhe{
	width:140px;
	height:11px;
	float:left;
	margin-left:100px;
	background:url(../images/site/pt2_menu.png) no-repeat}
	
	/* _____________HEADLINK_________ */
li.headlink .sub_menu{ display: none}
li.headlink:hover .sub_menu{ display: block; z-index:10000}


/* _____________CONTEUDO____________ */

#conteudo{
	width:977px;
	background:#fff;
	display:table;
}

#conteudo_content{
	display:inline}

/* _____________BANNER________________ */
.banner_160x60{
	width:auto;
	float:left;
	margin-bottom:3px}

.banner_arcevo{
	width:auto;
	float:left;
	margin:20px 0 20px 0 }

.banner_145x120{
	width:auto;
	float:left;
	margin:20px 0 20px 0;}
/* _____________BOTOES________________ */
.botoes, .botoes a{
	background-image:url(../images/site/botoes.gif)!important;
	background-repeat:no-repeat;
	float:left;
	text-indent:-99999px;
	border:0!important;
	cursor:pointer;
	border:none;}

.bt_bck1, .bt_bck2{
	text-indent:0!important;
	background-position:0 -38px!important}
	
a.bt_bck2{
	background-position:0 -74px!important; 
	color:#fff}
	
.bt_bck1:hover, .bt_bck2:hover{ 
	text-decoration:none}
	
.bt_buscar{
	width:71px;
	height:28px;
	background-position:0 0;
	margin:2px 0 0 5px}

.form_musica .bt_enviar, .form_news .bt_enviar{
	width:110px;
	height:20px}

.form_musica .bt_enviar{background-position:0 -140px;}
.form_news .bt_enviar{background-position:0 -110px}

.ler_mais_agenda{width:249px; padding:5px 7px 5px 5px; text-align:center; float:right; margin-right:10px}

/* _____________COLUNAS_INDEX________ */
#col1{ width:130px; float:left; padding-left:9px;}
#col2{ width:715px; float:left;}
#col3{ width:122px; float:right;}


/* _____________LISTA_______________ */
#col1 .lista_itens{
	width:120px;
	float:left;
	margin-bottom:15px;}

#col1 .lista_itens li{
	width:120px;
	display:block;
	float:left;
	font-size:10px}

#col1 .lista_itens li a{
	width:120px;
	float:left;
	padding:6px 0 5px 2px;
	color:#000}

#col1 .lista_itens li a:hover{
	background:#ededed;
	text-decoration:none}

.lista_banner{
	width:auto;
	float:left;
	margin-bottom:37px}
	
.lista_banner li{
	margin-top:10px}

.banner_lista1, .banner_lista2{
	padding:5px 0 5px 5px; height:50px; float:left; width:115px;}

.banner_lista1 img, .banner_lista2 img{
	float:left;
	margin-right:5px}

.banner_lista1 a, .banner_lista2 a{
	color:#cb7c01;
	font-weight:bold}
	
.banner_lista1, .banner_lista2{
	font-size:11px}
	
.lista1, .banner_lista1{
	background:url(../images/site/bg_arcevo.gif)}
	
.lista2{
	background:url(../images/site/bg_arcevo2.gif)}

.lista3{
	background:url(../images/site/bg_tipo2.jpg)}
	
.lista4{
	background:url(../images/site/bg_tipo3.gif)}


/* _____________FORMUL�RIOS__________ */
fieldset{
	border:0;
}
	
.fomularios{
	background:url(../images/site/fomulario.gif) no-repeat;
	border:none;
	float:left}

.form_busca{
	width:350px;
	float:right;
	display:block;
	position:relative;
	margin-top:41px;
	z-index:10}

.form_busca .campo_texto{
	width:235px;
	font-size:16px;
	padding:5px 5px 0 5px;
	float:left;
	background-position:0 -122px;
	height:24px}

.form_musica{
	width:120px;
	padding:98px 0 2px 3px;
	margin-bottom:20px;
	margin-top:20px;
	border:1px #ccc solid;
	background:url(../images/site/musica.jpg) no-repeat top;
	float:left;}

.form_musica fieldset{
	width:122px;
	position:relative}

.form_musica label, .form_news label{
	margin-left:3px;
	font-size:11px;
	font-weight:bold}

.form_musica .campo_texto, .form_musica .campo_area{
	width:110px;
	font-size:12px;
	padding:0 2px 0 3px;
	margin-bottom:3px;
	float:left;
	color:#666}

.form_musica .campo_texto{
	height:24px}



.form_musica .campo_area{
	height:44px;
	overflow:auto;
	background-position:0 -34px}

.form_news{
	width:120px;
	background:url(../images/site/newsletter.jpg) no-repeat #d5cfc5;
	padding:143px 0 3px 3px;
	float:left}

.form_news fieldset {
        width: 110px;
        position: relative;
}

.form_news .campo_texto{
        width: 110px;
	margin-bottom:5px;}

/* _____________SOCIAL______________ */
.midias_sociais{
	width:930px;
	float:left}

.midias_sociais li{
	display:inline}
	
.social{ 
	width:145px;
	height:64px;
	float:left;
	margin:26px 22px 0 0;
	text-indent:-9999px;
	background:url(../images/site/midias_sciais.gif) no-repeat}

.twitter{ background-position:0 0; margin-left:90px}
.facebook{ background-position:0 -296px;}
.orkut{ background-position:0 -74px}
.youtube{ background-position:0 -148px}
.navegador{ background-position:0 -222px}

/* _____________RODAP�______________ */
div#rodape{
	width:100%; 
	height:124px;
	background:url(../images/site/bg_rodape.jpg) repeat-x 0 10px;
	position:absolute; 
	bottom:-140px; 
	left:0;
	}

div#rodape #rodape_content{
	width:996px;
	height:179px;
	background:url(../images/site/bg_rodape_content.gif) no-repeat 0 0px}

/* _____________MENSAGEM______________ */
#mensagem { display:block; padding:5px 0 5px 26px; font-weight:bold; margin:10px 0; }

.msg_erro .msg_sucesso .msg_alerta {
	width: 100%; background: #FCFAF1;}

.msg_erro    {  border:solid 1px #FF0000; color:#993300;}
.msg_sucesso { border:solid 1px #95A486; color:#3D6611;}
.msg_alerta  { border:solid 1px #FFFF00; color:#000;}

.errors{ color: #F00;}

.ajax {
	position: absolute;
	background: #CCC;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 100}

.ajax img {
	margin:45% 0 0 45%}
	
.display_b {
	display: block;}
	
.display_n {
	display: none;}

/* _____________ENQUETE RESILTADOS______________ */
#enquete_corpo{
	width:100%;
	float:left;
	min-height:350px;
	text-align:left;
	background:#fff}

.resultado{
	width:300px;
	border:1px solid #ccc;
	margin:0 0 5px 15px;
	padding:5px;
	float:left}

.tit_enquete{
	font-size:16px;
	color:#333;
	margin:20px 0 20px 15px}

.resultado dt{
	width:100px;
	float:left}

.resultado dd{
	width:50px;
	float:left}
	

.construir{
	width:159px;
	height:37px;
	float:right;
	text-indent:-99999px;
	margin:40px 20px 0 0;
	background:url(../images/site/construir.jpg) no-repeat}