@charset "utf-8";

@import url("reset.css");

/* CSS Document */

* {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
}

body {
background-image:url(img/bg-laranja.gif)
}






#header {
height:84px;
background:url(img/bg-header.jpg) repeat-x;
}

#header-centraliza {
width:990px;
margin:auto;
position:relative;
}

#logo-xfm {
padding: 15px 0 0 130px;
z-index:10;
position:absolute;
}

#menu-topo {
position:absolute;
left:400px;
top:50px;
z-index:15;
}

#menu-topo li{
float:left;
font:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
margin-left:10px;
}

#menu-topo li a{
text-decoration:none;
color:#FFFFFF;
}

#menu-topo li a:hover{
text-decoration:underline;
color:#FFFFFF;
}


#radio-play {
width:560px;
height:380px;
position:absolute;
top:25px;
right:479px;
background-image:url(img/box-playradio.png);
z-index:9;
}

#radio-play img{
position:relative;
top:220px;
left: 300px;

}

#home-destaques {
width:452px;
height:337px;
position:absolute;
top:67px;
right:24px;
overflow:hidden;
display:block;
}



#destaques-botao {
width:29px;
height:53px;
position:absolute;
right:0;
top:283px;
}

span#prevBtn a{
background-image:url(img/destaques-up.gif);
position:absolute;
width:29px;
height:26px;
bottom:27px;
right:1px;
text-indent:-100000px;

}
span#nextBtn a{
background-image:url(img/destaques-down.gif);
position:absolute;
width:29px;
height:26px;
bottom:0px;
right:1px;
text-indent:-100000px;
}					


.cont-destaque {
height:337px;
overflow:hidden;
}

.imagem-destaque {
width:452px;
height:273px;
background-color:#FFFFFF;
padding: 5px 5px 5px 5px;
}

.imagem-destaque img{
width:442px;
height:273px;

}


.legenda-destaque {
width:412px;
height:53px;
background-color:#FFFFFF;
color:#f86710;
text-align:right;
font-size:20px;
padding: 7px 0px 5px 0;
margin-top:1px;
padding-right:9px;
}



#conteudo-centraliza {
width:990px;
margin:auto;

}



#conteudo {
width:653px;
float:left;
margin-top:327px;
margin-left:11px;
display:inline;
}

#box-promocoes {
background: url(img/box-promocoes.png) no-repeat;
background-position:right;
width:653;
height: 352px;
margin-left:
}


h2 {
font:Arial, Helvetica, sans-serif bold;
font-size:25px;
color:#FFFFFF;
}

#box-promocoes h2 {
padding: 7px 0 0 25px;
float:left;
width:573px;
}

.promocoes-destaque {
margin: 5px 10px 5px 25px;
height:80px;
border-bottom: 1px dashed #666666;
float:left;
height:90px;
}

.promocoes-vertodas {
font-size:8px;
color:#FFFFFF;
text-decoration:underline;
float:left;
width:50px;
height:30px;
margin-top:12px;
}

.promocoes-vertodas a{
text-decoration:none;
color:#FFFFFF;
}


.promocoes-destaque img {
float: left;
}

.promocoes-destaque h3 {
padding-left:10px;
float: left;
width:470px;
color: #ed8000;
font-size:14px;
padding-top:15px;
}

.promocoes-destaque h4 {
padding-left:10px;
float: left;
width:470px;
color: #666666;
font-size:12px;
padding-top:2px;
}

.promocoes-destaque h4 a{
text-decoration:none;
color:#333333;
}


#barra-direita {
width:296px;
float:left;
margin-top:327px; 
margin-left:2px;}

#box-publicidade250x250{
width:320px;
height:270px;
float:left;
margin: 3px 0 0 17px;
background-color:#FFFFFF;
display:inline;
}


#box-publicidade250x250 div{
width:300px;
height:250px;
margin:10px;
}

#box-pecamusica {
background:url(img/box-musica.png) no-repeat;
width:312px;
height:270px;
float:left;
margin: 3px 0 0 3px;
}

#box-pecamusica h2 {
padding: 7px 0 0 25px;
float:left;
width:200px;
margin-bottom:10px;
}


#box-pecamusica span {
margin: 5px 5px 0px 0px;
padding: 7px 0 1px 30px;
float:left;
width:150px;
font-size:10px;
}


#box-pecamusica .campo-form {
margin: 5px 0 5px 30px;
padding: 5px 5px 5px 5px;
float:left;
width:220px;
font-size:11px;
color:#666666;
border: solid 1px #999999;
}

#box-pecamusica .submit-form {
margin: 7px 0 5px 169px;
float:left;
width:92px;
height:21px;
background-image:url(img/btn-enviar.jpg);
border:none;
}

.campo-formulario-home {
display:table;
clear:both;
margin-bottom:1px;
width:100px;
}


#box-10mais {
width:296px;
height:449px;
background-image:url(img/box-10mais.png);
margin-left:3px;
}

#box-10mais h2 {
padding: 7px 0 0 25px;
float:left;
margin-bottom:10px;
}


#box-10mais ul li{
width:270px;
height:40px;
margin-left:3px;
float: left;
}

#box-10mais ul li img{
margin-left:3px;
float: left;
padding-left:20px;
margin-right:7px;
}

.nome-musica{
width:190px;
font-size:13px;
color:#ed8000;
margin-left:3px;
float: left;
padding-top:3px;
}

.nome-artista{
font-size:10px;
color:#666666;
margin-left:3px;
float: left;
}


#box-twitter {
width:296px;
height:170px;
background-image:url(img/box-twitter.png);
margin: 6px 0 0 3px;
}

#box-twitter h2 {
padding: 7px 0 0 25px;
float:left;
width:255px;
}


#box-twitter {
width:296px;
height:170px;
background-image:url(img/box-twitter.png);
margin: 6px 0 0 3px;
}


#texto-twitter {
padding:5px;
border: solid 1px #f1f1f1;
width:255px;
height:52px;
float: left;
font-size:13px;
margin: 22px 5px 0 15px;
text-align:center;
display:inline;
}

#link-twitter {
width:200px;
height:30px;
float: left;
font-size:11px;
margin: 18px 5px 0 15px;
color:#8f8f8f;
}


#link-twitter a{
font-size:12px;
color:#ed8000;
}

#twitter_update_list {
color:#666666;
}

#twitter_update_list a{
color:#FF9900;
text-decoration:none;
}





#rodape {
width:100%;
margin-top:10px;
background-image:url(img/bg-rodape.jpg);
height:78px;
float:left;
}

#centraliza-rodape {
width:990px;
margin:auto;
position:relative;

}


#icones-redessociais{
width:250px;
margin: 7px 0 0 70px;
float:left;
display:inline;

}


#menu-rodape {
top:50px;
z-index:15;
float:left;
color:#FFFFFF;
margin: 30px 0 0 90px;
width:520px;
display:inline;
width:580px;
}

#menu-rodape li{
float:left;
font:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:10px;

}

#menu-rodape li a{
text-decoration:none;
color:#FFFFFF;
}


#copyright{
float:right;
margin: 3px 0 0 240px;
font-size:9pX;
color:#FFFFFF;
float:left;


}


/* ------INTERNAS ------- */

#topo-box-interna {
background: url(img/topo-interna.png) no-repeat;
background-position:right;
width:653;
height: 67px;
margin-left:
}

#cont-box-interna {
background-color:#FFFFFF;
margin-left:16px;
width:636px;
height:550px;
font-size:12px;
line-height:19px;
text-align:justify;
display:table;

}

.cont-box-margem{
width:585px;
margin-left:24px;
}

#cont-box-interna div p{
margin-bottom:10px;
}

#cont-box-interna div strong{
font-weight:bold;
}

#topo-box-interna h2 {
font-size:34px;
background-color:#f2a200;
margin: 15px 0 0 35px;
padding: 0 0 0 10px;
float:left;
width:300px;
}


/*  COMERCIAL */


.campo-formulario {
display:table;
clear:both;
margin-bottom:8px;
width:550px;
}

.campo-form-ctg{
float: left;
width:120px;
}


.submit-form-comercial{
float:right;
margin-right:85px;
}


/* PROGRAMAÇÃO */


.bloco-programacao {
padding-bottom:15px;
margin-bottom:15px;
width:400px;
}

.bloco-programacao div{
margin-top:12px;
margin-left:50px;
}

.bloco-programacao h3 {
color:#ffffff;
font-size:13px;
background-color:#f8c700;
width:90%;
padding-left:20px;
}

.bloco-programacao h4 {
color:#CC3300;
font-size:14px;
margin-top:5px;
width:90%;
}

.bloco-programacao h5 {
color:#333333;
font-size:11px;
margin-top:-4px;
line-height:15px;
width:90%;

}



/* FALE CONOSCO */


.campo-form {
width:200px;
float:left;
}



.imput-form {
width:340px;
float:left;

}

.submit-form {
float:right;
margin: 10px 30px 0 0;
}

#cont-box-interna div textarea {
width:340px;
float:left;
}


#falaconosco-telefone {
border: dashed 1px #CCCCCC;
padding:10px;
text-align:center;
}

#falaconosco-telefone .telefone {
font-size:18px;
}

#falaconosco-telefone .email {
font-size:13px;
}

#falaconosco-telefone .telefone span, #falaconosco-telefone .email span{
font-size:12px;
}




/* PARCEIROS  */

.box-parceiro {
float: left;
margin-bottom:20px;
}

.box-parceiro span{
font-size:10px;
margin-left:5px;
}

.box-parceiro img{
}


/* EQUIPE  */
.box-equipe {
border-bottom:1px dashed #999999;
display:table;
margin-bottom:40px;
}

.equipe-foto {
width:210px;
float:left;
}

.equipe-descricao {
width:355px;
float:left;
margin-left:15px;
}