/* CSS Document */

/* PADRÃO */

*{margin: 0; padding: 0;}
br.clear{clear:both;font-size:0;height:0;line-height:0;display:block;}
ul,ul li,a{list-style-type:none; text-decoration: none;}
.block {  display: block }
body { background: url(imagens/bg-body.gif) repeat center top #A4B1BD; font-family: Trebuchet MS, Arial, Helvetica;  color: #fff; font-size: 13px; }
h1 { margin:0;	height: 148px;	width: 260px;	background: url(imagens/logo.gif);}
h1 span{ height: 1px; width: 1px; position: absolute; overflow: hidden;}
#main { width: 770px; margin: 0 auto;}
#header { background: #192227 ; width: 770px; height: 148px;}
#footer { width: 770px; height: 30px; background: url(imagens/bg-footer.jpg) no-repeat; line-height: 30px;}
#footer ul li{ float:left;}
#footer .copyright{ width: 685px; height: 30px; font-size: 13px; text-align: center;}
#footer a span{ height: 1px; width: 1px; position: absolute; overflow: hidden; font-size: 0px; line-height: 0px;}
#footer .fator{ display: block;	width: 85px; height: 30px; background: url(imagens/logo-fator.jpg) no-repeat;}

/* CSS DESTE SITE */

#logo {
	float: left;
}

#logo a{
	display: block;
	height: 148px;
	width: 260px;
}

#banner {
	background: url(imagens/bg-banner.jpg) no-repeat; 
	width: 490px; 
	height: 60px;
	float: left;
	padding: 13px 0 0 20px;	
}

#banner img{
	display: block;
	margin: 0 auto;
}

#content {
	width: 770px;
}

#left {
	float: left;
	width: 260px;
}

#right {
	float: left;
	width: 510px;
}

#top10 {	
	width: 235px;
	height: 219px;
	padding: 42px 0 0 25px;
	background: url(imagens/bg-top10.jpg);
	font-size: 11px;
}

#top10 ol li{	
	margin: 5px 0 0 20px;
	line-height: 12px;		
}

#promocoesHome {	
	width: 235px;
	height: 117px;
	padding: 42px 0 0 25px;
	background: url(imagens/bg-promo.jpg);
	font-size: 11px;
}

#promocoesHome li{	
	width: 210px;
	height: 19px;
	overflow: hidden;
	display: block;
}

#promocoesHome a{	
	color: #fff;
}

#promocoesHome a:hover{	
	color: #fc0;
}

#sobre{	
	width: 458px;
	height: 137px;
	background: url(imagens/bg-sobre.jpg);
	font-size: 11px;
	padding: 45px 20px 0 32px;
	overflow: hidden;	
}

#enquete{	
	width: 201px;
	height: 375px;
	background: url(imagens/bg-enquete.jpg);
	font-size: 11px;
	padding: 45px 15px 0 25px;
	overflow: hidden;
	float: left;	
}

#enquete p{		
	color: #fcc427;	
}

.enqueteBt{		
	background: url(imagens/bt-votar.gif) no-repeat;
	width: 134px;
	height: 21px;
	border: none;	
	cursor: pointer;
	margin-top: 5px;		
}

.verResultado{		
	background: url(imagens/bt-resultado.gif) no-repeat;
	width: 134px;
	height: 23px;
	border: none;
	float: left;			
}

#desenho{	
	width: 269px;
	height: 420px;
	background: url(imagens/bg-desenho.jpg);
	float: left;	
}

h2 { height: 51px;	width: 510px;}
h2 span{ height: 1px; width: 1px; position: absolute; overflow: hidden;}
.aradio {background: url(imagens/tit-radio.jpg) no-repeat;}
.equipe {background: url(imagens/tit-equipe.jpg) no-repeat;}
.anuncie {background: url(imagens/tit-anuncie.jpg) no-repeat;}
.ouvir {background: url(imagens/tit-ouvir.jpg) no-repeat;}
.orkut {background: url(imagens/tit-orkut.jpg) no-repeat;}
.contatos {background: url(imagens/tit-contatos.jpg) no-repeat;}
.programacao {background: url(imagens/tit-programacao.jpg) no-repeat;}
.promocoes {background: url(imagens/tit-promocoes.jpg) no-repeat;}
.downPlayer {background: url(imagens/tit-player.jpg) no-repeat;}
.downWall {background: url(imagens/tit-wall.jpg) no-repeat;}
.mural {background: url(imagens/tit-mural.jpg) no-repeat;}
.top20 {background: url(imagens/tit-top20.jpg) no-repeat;}
.cadastro {background: url(imagens/tit-cadastro.jpg) no-repeat;}
.login {background: url(imagens/tit-login.jpg) no-repeat;}

#fundoContent {
	background: url(imagens/bg-interna.jpg);
	width: 510px;
	height: 552px;	
}

#conteudo {	
	width: 460px;
	height: 532px;
	overflow: auto;
	margin: 0 auto;
}

#conteudo p{	
	text-align: justify;
	margin-bottom: 15px;
}

#menu {
	width: 510px; 
	height: 75px;
	float: left;
}

#menu a{
	height: 75px;
	float: left;
	background: top left no-repeat;
	display: block;
}

#menu a:hover{
	background-position: 0 -75px;
}

#menu a span{ display: none;}
#menu .programacao{	width: 82px; background: url(imagens/menu_1.gif);}
#menu .top50{ width: 97px; background: url(imagens/menu_2.gif);}
#menu .promocoes{ width: 86px; background: url(imagens/menu_3.gif);}
#menu .mural{ width: 85px; background: url(imagens/menu_4.gif);}
#menu .djs{	width: 57px; background: url(imagens/menu_5.gif);}
#menu .contato{	width: 103px; background: url(imagens/menu_6.gif);}


#sub1 a {
 background: url(imagens/menuTop2.gif) ;
 display: block; 
 height: 23px;
 line-height: 23px;
 text-align: center;
 font-size: 13px;
 color: #FFF;
 width: 132px;
 font-weight: bold;
 }

#sub1 a:hover { 
 color: #000000; 
 background-position: top left;
}

#menu li ul li{
  margin: 0;
  height: 23px; 
 }
  
#menu li > ul {
	top: auto;
	left: auto;
	}
	
#menu ul li{
	height: 75px;	
	float: left;
	position: relative;
}

#menu li ul {
  display: none;
  position: absolute; 
  top: 63px;
  left: 10px; 
  width: 132px;    
 }	
 
#menu li:hover ul, #menu li.over ul{ display: block; }	

.imgmenu{
	background: url(imagens/menuTop.gif) ;
	width: 132px !important;
	height: 26px !important;
}

.imgmenu2{
	background: url(imagens/menuTop3.gif) ;
	width: 132px !important;
	height: 15px !important;
	line-height: 10px !important;
	font-size: 1px;
}

#formContato span {
	display: none;
}

#formContato input, #formContato textarea{
	border: none;
	background: none;	
}

#formContato input{	
	background: url(imagens/bg-contato1.jpg);
	height: 25px;
	padding: 10px 5px 0 10px;
	width: 300px;
}

#formContato textarea{	
	background: url(imagens/bg-contato2.jpg) no-repeat fixed;
	height: 130px;
	padding: 10px 5px 0 10px;
	width: 315px;
	overflow: auto;
}

#formContato .contNome{	
	background: url(imagens/contNome.gif)  top right no-repeat;
	height: 35px;	
	width: 120px;
	display: block;
	float: left;
}

#formContato .contEmail{	
	background: url(imagens/contEmail.gif) top right no-repeat;
	height: 35px;	
	width: 120px;
	display: block;
	float: left;
}

#formContato .contDe{	
	background: url(imagens/contDe.gif)  top right no-repeat;
	height: 35px;	
	width: 120px;
	display: block;
	float: left;
}

#formContato .contPara{	
	background: url(imagens/contPara.gif) top right no-repeat;
	height: 35px;	
	width: 120px;
	display: block;
	float: left;
}

#formContato .contComent{	
	background: url(imagens/contComent.gif) top right no-repeat;
	height: 35px;	
	width: 120px;
	display: block;
	float: left;
}

#formContato .bt1{	
	width: 100px;
	height: 35px;
	padding: 0;
	background: url(imagens/enviar.gif) no-repeat;
	border-right: 1px solid #CCCCCC;	
}

#formContato .bt2{	
	width: 100px;
	height: 35px;
	padding: 0;
	background: url(imagens/apagar.gif) no-repeat;	
}

.muraltd1 {
	width: 85px;
	padding: 3px;
	background: #747f83P;
}

.muraltd2 {
	width: 450px;
	padding: 3px;
	background: #747f83;
}

#promo a, #promo h4{	
	line-height: 30px;
	background: url(imagens/bg-promo.gif) no-repeat;
	display: block;
	padding-left: 25px;
	color: #FFFFFF;	
}

#promo a:hover{	
	color: #FFCC00;	
}

#promo h5{	
	width: 430px;
	font-size: 14px;
	font-weight:normal;
	text-align: justify;
}

#enquetePage {
	background: url(imagens/bg-pop-enquete.jpg) no-repeat;
	width: 234px;
	height: 252px;
	padding: 40px 10px 0 15px;
	line-height: 25px;
}
	
#top20 ol li{	
	margin: 5px 0 0 30px;
	line-height: 12px;		
}

#abrePlayer {	
	width: 260px;
	height: 92px;
	padding: 90px 0 0 0;
	background: url(imagens/bg-abreRadio.gif);
}

#clique{
	float: left;
}

#clique p{
	width:132px;
	height: 20px;
	overflow: hidden;
	padding: 0 0 24px 8px;
	color: #fff;
}

#clique a{
	width:128px;
	height: 31px;
	background: url(imagens/clique.gif) left top no-repeat;
	display: block;
}

#clique span, #cliqueA span{
	height: 1px; width: 1px; position: absolute; overflow: hidden;
}

#cliqueA a{
	width:100px;
	height: 60px;
	display: block;
}

#cliqueA{
	float: left;
}

#semanal li{
	display: inline;
	float: left;	
}

#semanal a{
	background: #BAC9D1;
	margin: 2px;
	height: 20px;
	text-align: center;
	display: block;
	color: #000;
	font-weight: bold;
	width: 57px;
}

#semanal a:hover{
	background: #FF9900;
}