/* CSS RESET */
*{ margin: 0; padding: 0; }
html { background: #000;}
h1 { float: left; font-family: Century Gothic; font-size: 16px; font-weight: normal; color: #fff; width: 100%; height: 23px; background-color: #828282 }
h2 { float: left; font-family: Tahoma; font-size: 14px; font-weight: normal; color: #f16034; width: 100%; height: 23px; text-align: center }
a { text-decoration: none; color: #729dff }
a:hover { color: #fff; text-decoration: underline }
a:visited { text-decoration: none; color: #729dff }
/* ID - CORPO */
#corpo { background: url("./imagem/basicos/fundo.jpg") no-repeat top center; width: auto }
/* Ouça */
#corpo .ouca { background: url("./imagem/basicos/ouca.png") repeat-x; width:auto; height: 54px; margin: 0 auto;}
#corpo .ouca .dentro { width: 900px; height: 54px; margin: 0 auto; background: url("./imagem/basicos/dentro.png") no-repeat;}
#corpo .ouca .dentro a:hover { text-decoration: none }
#corpo .ouca .dentro img.play { float:left; margin: 3px 0 0 80px; }
#corpo .ouca .dentro img.ouvindo { float:left; margin: 12px 0 0 160px; border: none }
#corpo .ouca .dentro p.prog { width: 200px; height: auto; margin: 7px 0 0 150px; float: left; font-family: Century Gothic; font-size: 15px; font-weight: bold; color: #b4b4b4; text-align: center;}
#corpo .ouca .dentro p.prog img { margin-right: 15px }
/* Topo */
#corpo .topo { width:912px; height: 167px; margin: 0 auto;}
#corpo .topo img.logo { width:203px; height: 154px; float: left; margin: 20px 0 0 119px }
#corpo .topo img.infinita { width:435px; height:71px; float: left; margin: 80px 0 0 70px }
/* Menu */
#corpo .menu { background: url("./imagem/basicos/menu.png") no-repeat center; width: 998px; height:61px; margin: 0 auto; *margin: 20px auto 0 auto }
#corpo .menu ul { list-style: none; height: auto; width: 998px; margin: 20px 0 0 40px; *margin: 0 0 0 40px }
#corpo .menu ul li { display: inline; }
#corpo .menu ul li a { float: left; width: auto; height: auto;text-align: center;color: #fff; text-decoration: none;font-family:Century Gothic;font-size: 14px; font-weight: normal; padding: 7px 20px 0 20px; }
#corpo .menu ul li a:hover { color: #16a6cf; background: url("./imagem/basicos/risco.png") repeat-x; }
#corpo .menu ul li a.ativo { color: #16a6cf;}
#corpo .menu .baixo ul { list-style: none; height: auto; width: 998px; margin: 20px 0 0 30px; *margin: 0 0 0 30px }
#corpo .menu .baixo ul li { display: inline; }
#corpo .menu .baixo ul li a { float: left; width: auto; height: auto; text-align: center; color: #fff; text-decoration: none; font-family: Century Gothic; font-size: 14px; font-weight: normal; padding: 10px 43px 0 43px; }
#corpo .menu .baixo ul li a:hover { color: #16a6cf; background: url("./imagem/basicos/risco.png") repeat-x; }
#corpo .menu .baixo ul li a.ativo { color: #16a6cf;}
/* Miolo */
#corpo .miolo{ width: 998px; height: auto; background: #000; margin: 0 auto }
/* Carrossel */
#carrossel { width: 140px; margin: 10px auto 0 10px; float: left }
#carrossel ul { list-style: none }
#carrossel ul li { }
#carrossel ul li img { margin-top: 4px; width: 140px; height: 84px }
/* Conteúdo da Página */
#corpo .miolo .conteudo { width: 836px; height: auto; float: right; margin-top: 10px; margin-right: 5px }
/* meio */
.meio { float: left; margin: 0auto; width: 599px }
.meio .caixa_novi { float: left; margin: 3px 3px 3px 3px; width: 593px; height: 304px; background-color: #535251 }
.meio .caixa_novi .entrevista { float: right; margin: 5px 3px 3px 3px; width: 273px; height: 115px }
.meio .caixa_novi .entrevista p { text-align: justify; color: #fff; font-family: Arial; font-size: 12px; margin: 10px 10px 0 10px; }
.meio .caixa_novi .entrevista h1.informativo { font-family: Century Gothic; font-size: 16px; text-align: center }
.meio .caixa_novi .entrevista h2 { text-align: left; padding: 10px 0 0 10px; font-size: 12px }
.meio .caixa_novi .ganhador { float: right; margin: 0 3px 3px 3px; width: 273px; height: 153px }
.meio .caixa_novi .ganhador img { margin: 0 auto; width: 273px; height: 153px }
.meio .noticia { float: left; margin: 3px 3px 3px 3px; width: 293px; height: 388px; background-color: #535251 }
.meio .noticia img { float: left; margin: 9px 3px 3px 6px; width: 135px; height: 115px }
.meio .noticia p { float: right; margin: 12px 3px 3px 6px; width: 140px; font-family: Arial; font-size: 12px; color: #fff }
.meio .cobertura { float: left; margin: 3px 3px 3px 3px; width: 593px; height: 463px; background-color: #535251 }
.meio .cobertura .festas { float: left; margin: 9px 3px 3px 6px; width: 286px; height: 120px }
.meio .cobertura .festas img { float: left; margin: 0; width: 134px; height: 120px }
.meio .cobertura .festas p { float: right; margin: 9px 3px 0 6px; width: 142px; font-family: Arial; font-size: 12px; color: #fff; text-align: left }
.meio .cobertura p { width: auto; margin: 7px 9px 0 0; text-align: right; color: #fff; font-family: arial }
.meio .colunas { float: left; margin: 3px 3px 3px 3px; width: 293px; height: 388px; background-color: #535251 }
.meio .colunas .postagem { float: left; margin: 9px 3px 3px 6px; width: 286px; height: 95px }
.meio .colunas .postagem img { float: left; margin: 5px 3px 3px 6px; width: 125px; height: 90px }
.meio .colunas .postagem p { float: right; margin: 8px 3px 3px 6px; width: 140px; font-family: Arial; font-size: 10px; color: #fff; text-align: left }
.meio .colunas p { width: auto; margin: 5px 9px 0 0; text-align: right; color: #fff; font-family: arial }
.meio .clipes { float: right; margin: 3px 3px 3px 3px; width: 293px; height: 388px; background-color: #535251 }
.meio .clipes p { width: auto; margin: 5px 9px 0 0; text-align: right; color: #fff; font-family: arial }
.meio .clipes .artistas { float: left; margin: 9px 3px 3px 6px; width: 286px; height: 95px }
.meio .clipes .artistas img { float: left; margin: 5px 3px 3px 6px; width: 125px; height: 90px }
.meio .clipes .artistas p { float: right; margin: 25px 3px 3px 6px; width: 140px; font-family: Arial; font-size: 10px; color: #fff; text-align: left }
.meio .ouvintes { float: left; margin: 3px 3px 3px 3px; width: 293px; height: 115px; background-color: #535251 }
.meio .ouvintes img { float: left; margin: 9px 3px 3px 6px; width: 97px; height: 99px }
.meio .ouvintes p { float: left; margin: 30px 3px 3px 10px; width: 150px; font-family: Arial; font-size: 16px; color: #fff }
.meio #modelos { float: left; margin: 3px 3px 3px 3px; width: 293px; height: 115px; background-color: #535251 }
.meio #modelos img { float: left; margin: 9px 3px 3px 6px; width: 97px; height: 99px }
.meio #modelos p { float: left; margin: 15px 3px 3px 10px; width: 150px; font-family: Arial; font-size: 15px; color: #fff }
/*Galeria de Fotos*/
.galeria-caixa {width: 200px; height: 222px; float:left; margin-top: 0 }
.galeria-caixa img { float: left; margin: 5px 0 0 30px; border: solid 1px #fff; padding: 3px;}
.galeria-caixa p { width: 200px; text-align: center; font-family: Century Gothic; font-size: 15px; color:#f16034; margin-top: 20px;}
.galeria-caixa p a { text-decoration:none; margin: 0 }
.galeria-caixa p a:hover { text-decoration: underline }
/* lateral */
#lateral { float: right; margin: 0 auto; width: 230px }
#lateral .dj { float: right; margin: 3px 3px 3px; width: 224px; height: 159px; background-color: #535251 }
#lateral .dj img { margin: 0 auto; border: none }
#lateral .ouvinte { float: right; margin: 3px 3px 3px; width: 224px; height: 146px; background-color: #535251 }
#lateral .ouvinte img { float: left; margin: 10px 10px 0 5px; border: 1px solid #fff; width: 97px; height: 99px; padding: 2px }
#lateral .ouvinte p { float: left; margin: 23px 5px 0 0; font-family: Arial; font-size: 12px; color: #fff }
#lateral .programacao { float: right; margin: 3px 3px 3px; width: 224px; height: 240px; background-color: #535251 }
#lateral .programacao p { width: 210px; margin: 0 5px 0 5px; padding-left: 3px; color: #fff; font-family: arial; font-size: 13px; float: left }
#lateral .programacao label { font-family: Arial; font-size: 12px; color: #f16034; margin-right: 3px; margin-top: 1px; *margin-top: -15px; font-weight: bold; float: right }
#lateral .twitter { float: right; margin: 3px 3px 3px; width: 224px; height: 390px }
#lateral .maistocadas { float: right; margin: 3px 3px 3px; width: 224px; height: 146px; background-color: #535251 }
#lateral .maistocadas p { font-family: Arial; font-size: 12px; color: #fff; margin: 5px 3px 3px 5px }
#lateral .cadastro-festa { float: right; margin: 3px 3px 3px; width: 224px; height: 130px; background-color: #535251 }
#lateral .cadastro-festa img { width: 224px; height: 130px; border: none }
#lateral .vidamusica { float: right; margin: 3px 3px 3px; width: 224px; height: 100px; background-color: #535251 }
#lateral .vidamusica img { width: 224px; height: 100px; border: none }
#lateral .informa-karate { float: right; margin: 3px 3px 3px; width: 224px; height: 300px; background-color: #535251 }
#lateral .informa-karate img { width: 224px; height: 300px; border: none }
#lateral .bloco { float: right; margin: 3px 3px 3px; width: 224px; height: 130px; background-color: #535251 }
#lateral .bloco img { width: 224px; height: 130px; border: none }
#lateral .modelo { float: right; margin: 3px 3px 3px; width: 224px; height: 130px; background-color: #535251 }
#lateral .modelo img { width: 224px; height: 130px; border: none }
/* Rodape */
#rodape { width: auto; height: 105px; background: url("./imagem/basicos/rodape.jpg") repeat-x; }
#rodape p { font-family: Arial; color: #000; font-size: 12px; text-align: center; margin: 0 auto; padding-top: 87px }
#rodape img { margin-top: 3px; border: none }
#rodape a { color: #f16034; text-decoration: none }
#rodape a:hover { text-decoration: underline }
/* content */
#content { float: left; margin: 4px 3px 3px; width: 593px; height: auto; background: #535251 }
#content p { font-family: Arial; font-size: 12px; color: #fff; margin: 50px 15px 0 15px; text-align: justify }
#content .parceiros { margin: 15px auto 15px auto; width: 550px; height: auto }
#content .parceiros img { width: 259px; height: 150px; border: none; }
#content .parceiros p { margin: 0 0px 0 27px; width: 259px; height: 175px; float: left; text-align: center }
#content .equipe { margin: 15px auto 7px 50px; width: 485px; height: 210px; float: left }
#content .equipe img { float: left; margin: 3px 20px 3px 10px; width: 133px; height: 200px; border: 1px solid #fff; padding: 4px 4px 4px 4px }
#content .equipe p { margin-top: 70px }
#content .colunistas { margin: 15px auto 5px 50px; width: 485px; height: 180px; float: left }
#content .colunistas img { float: left; margin: 3px 20px 3px 10px; width: 141px; height: 156px; border: 1px solid #fff; padding: 4px 4px 4px 4px }
#content .colunistas p { margin-top: 40px }
#content .caixa { margin: 15px auto 10px auto; width: 550px; height: 270px }
#content .caixa p { margin: 0 0px 0 15px; width: 173px; height: 250px; float: left; text-align: center }
#content .caixa a { color: #fff; font-family: Arial; font-size: 12px; text-decoration: none }
#content .caixa a:hover { color: #729dff }
#content .caixa a:visited { color: #fff; font-family: Arial; font-size: 12px; text-decoration: none }
#content .artista { float: left; margin: 9px 3px 3px 6px; width: 286px; height: 95px }
#content .artista img { float: left; margin: 5px 3px 3px 6px; width: 125px; height: 90px }
#content .artista p { float: right; margin: 25px 3px 3px 6px; width: 140px; font-family: Arial; font-size: 10px; color: #fff; text-align: left }
#content .promocao { float: left; width: 563px; height: 170px; margin: 10px 0 15px 15px }
#content .promocao p { font: arial; width: 563px; height: auto; margin: 0 }
#content .promocao a { font: arial; color: #fff; text-decoration: none }
#content .promocao img { margin: 0 auto 5px auto; border: none; width: 563px; height: 150px }
#content .programa { background: transparent; width: 200px; padding-left:4px; margin: 30px 0px 30px 60px; float: left }
#content .programa .b1, .programa .b2, .programa .b3, .programa .b4, .programa .b1b, .programa .b2b, .programa .b3b, .programa .b4b { display:block; overflow:hidden; font-size:1px; }
#content .programa .b1, .programa .b2, .programa .b3, .programa .b1b, .programa .b2b, .programa .b3b { height:1px; }
#content .programa .b2, .programa .b3, .programa .b4 { background:#fff; border-left:0px solid #fff; border-right:1px solid #fff; }
#content .programa .b1 { margin:0 5px; background:#fff; }
#content .programa .b2 { margin:0 3px; border-width:0 2px; }
#content .programa .b3 {margin:0 2px; }
#content .programa .b4 { height:2px; margin:0 1px; }
#content .programa .fonte { padding:0px 10px 0px 10px; display: block; background: #fff; border-left: 0px solid #fff; border-right:1px solid #fff; }
#content .programa .fonte h3 { font-family: Courier New; color: #A60000; font-size: 18px; }
#content .programa .fonte h4 { font-family: Arial; color: #d74215; font-size: 14px; font-weight: normal; margin-top: 5px }
#content .programa .fonte p { font-family: Arial; color: #000; font-size: 12px; font-weight: normal; margin-top: 2px; margin-left: 0 }
/* top */
.top { background: url("./imagem/basicos/ouca.png") repeat-x; width:auto; height: 54px; margin: 0 auto; }
.top p { padding: 20px 0 0 20px; font-family: Arial; font-size: 12px; font-weight: normal }
.top a { text-decoration: none; color: silver }
/* contato */
#contato { margin: 100px auto 0 auto; width: 413px; height: 295px; *margin: 5px auto 0 auto }
#contato p { width: 215px; height:auto; float:left; margin: 0; text-align: left; color: gray; font-family: arial }
#contato input { margin: 0 0 5px 0; color: #fff; background-color: #424242; border: #424242; padding: 3px 5px 3px 5px; *border: none }
#contato textarea { margin: 0 0 5px 0; color: #fff; background-color: #424242; border: #424242; padding: 3px 5px 3px 5px; *border: none }
/* texto */
#texto { margin: 75px auto 0 auto; width: 415px }
#texto h1 { font-family: Arial; color: #fff; font-size: 16px; font-weight: normal; background: none }
#texto h2 { font-family: Arial; color: silver; font-size: 12px; font-weight: normal; background: none; text-align: left; margin-bottom: 50px }
/* banner promoção roni */
#banner { float: left; margin: 3px 3px 3px 3px; width: 593px; height: 160px; background-color: #535251 }
#banner img { border: none }
/* paginação */
.paginationstyle { width: 270px; padding: 2px 0; margin: 10px auto 0 155px }
.paginationstyle select { border: 1px solid navy; margin: 0 15px }
.paginationstyle a { padding: 0 5px; text-decoration: none; border: 1px solid black; font-family: Arial; color: #000; background-color: #fff }
.paginationstyle a:hover, .paginationstyle a.selected { color: #000; background-color: silver; font-family: Arial }
.paginationstyle a.disabled, .paginationstyle a.disabled:hover { background-color: #000; font-family: Arial; cursor: default; color: #fff }
.paginationstyle a.imglinks { border: 0; padding: 0 }
.paginationstyle a.imglinks img { vertical-align: bottom; border: 0 }
.paginationstyle a.imglinks a:hover { font-family: Arial; background: none }
.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected { font-family: Arial; color: #000; background-color: silver }
/* ENQUETE */
#pnlEnquete { float:right; width:224px; height:160px; margin:20px 3px 3px }
#pnlEnquete h3 { font-family:Arial; font-size:16px; color:#fff }
#optEnquete { font-family:arial; font-size:14px; margin:10px 0 0 5px; color:gray }
#btnVotar { margin:5px 0 0 5px; width:100px }
#btnResultado { font-family:Arial; font-size:12px; text-decoration:underline; color:#b22222 }
/* RESULTADO ENQUETE */
#pnlResultadoEnquete { float:right; width:224px; height:160px; margin:20px 3px 3px }
#pnlResultadoEnquete h3 { font-family:Arial; font-size:16px; color:#fff }
#pnlResultadoEnquete p { float:left; width:209px; margin:3px 0 0 0; color:gray; font-size:14px; font-family:arial }
#pnlResultadoEnquete p.result { float:left; width:15px; margin:3px 0 0 0; font-size:14px; color:#f16034; font-weight:bold }
#btnVote { font-family:Arial; font-size:12px; text-decoration:underline; color:#b22222 }
/* pop-up */
#pop { position:fixed; top:30%; left:55%; height:525px; width:375px; z-index:1000; overflow:hidden }
#pop img { border:none }
/* pirobox */
.bg_thumbs{
background:#000;
position:fixed!important;
position:absolute;
top:0;
left:0!important;
left:-17px;
width:100%;
margin:0;
padding:0;
visibility:hidden;
z-index:1001;
display:none;
}
.unloader, .img_box{
background:#000;
}
/* PREV/NEXT inside */
.box_next_in{position:absolute;top:0;height:90%;width:74px;right:0;overflow:hidden;z-index:1010;background:none;display:block;}
a.next_in{position:absolute;z-index:1011;height:100%;width:74px;right:-74px;text-indent:-999em;display:block;background:url(./image-pirobox/next_tt.gif) top right no-repeat;}
a:hover.next_in{background:url(./image-pirobox/next_tt.gif) top right no-repeat!important;background:url(./image-pirobox/next_tt.gif) center right no-repeat;}
.box_previous_in{position:absolute;top:0;z-index:100012;height:90%;left:0;width:74px;overflow:hidden;background:none;display:block;}
a.previous_in{position:absolute;z-index:100013;left:-74px;height:100%;width:74px;text-indent:-999em;display:block;background:url(./image-pirobox/prev_tt.gif) top left no-repeat;}
a:hover.previous_in{background:url(./image-pirobox/prev_tt.gif) top left no-repeat!important;background:url(./image-pirobox/prev_tt.gif) center left no-repeat;}
/* PREV/NEXT outside */
.box_next{position:fixed!important;position:absolute;top:50%;margin-top:-9px;height:18px;width:81px;right:0px!important;right:16px;overflow:hidden;z-index:1006;}
a.next{position:fixed!important;position:absolute;text-indent:-999em;display:block;height:18px;width:81px;right:-81px;z-index:1007;background:url(./image-pirobox/next_t_h.gif) center right no-repeat;}
a:hover.next{background:url(./image-pirobox/next_t.gif) center right no-repeat;}
.box_previous{position:fixed!important;position:absolute;top:50%;margin-top:-9px;left:0;height:18px;width:81px;overflow:hidden;z-index:1008;}
a.previous{z-index:1009;position:fixed!important;position:absolute;width:81px;left:-81px;text-indent:-999em;display:block;height:18px;background:url(./image-pirobox/prev_t_h.gif) center left no-repeat;}
a:hover.previous{background:url(./image-pirobox/prev_t.gif) center left no-repeat;}
/* FIM PREV/NEXT */
/* IMG_BOX */
.img_box{position:fixed!important;position:absolute;top:50%;left:50%;margin-top:-18px;margin-left:-25px;width:50px;height:50px;border:solid 1px;padding:2px!important;padding:1px;z-index:1002;visibility:hidden; overflow:hidden;}
.img_box img{position:relative;top:0;left:0;border:none;padding:0;z-index:1003;}
.thumbs_close{position:absolute;bottom:0;right:0;height:18px;width:81px;color:#fff;cursor:pointer;margin:0 5px 5px 0!important;margin:0 5px 3px 0;z-index:100014;background:url(./image-pirobox/close_t.gif) center right no-repeat!important;background:url(./image-pirobox/close_t.gif) center right no-repeat;visibility:hidden;}
.loader{position:fixed!important;position:absolute;top:50%;left:50%;margin-top:-18px!important;margin-left:-22px!important;margin-top:-15px;margin-left:-20px;width:50px;height:50px;display:block;z-index:1007;}
.loader img{border:none;padding:0!important;padding:0;background:none;}
.unloader{visibility:visible;}
.thumbs{visibility:hidden;}
/* caption */
.caption{ background:#000;position:absolute;bottom:0;left:0;margin:0 0 3px 3px!important;margin:0 0 1.5px 2px; color:#fff;visibility:hidden;display:block; padding:3px; z-index:100013; cursor:text}
.caption p{ margin:0;padding:0; margin-right:82px; }
.pre{visibility:hidden;display:none;}
.end{display:none;}
.begin{display:none;}
/* galery */
/*.gallery{float:left; margin:5px 0 20px 10px; width:581px}
.gallery ul{float:left;padding:0;margin:0!important;margin:0;}
.gallery img{border:1px solid #000; width:130px; height:110px; margin:5px 10px 0 0}
.gallery li{float:left;height:151px;width:212px;margin:10px!important;margin:5px;}
.gallery li a{float:left;height:143px;width:204px;border:2px solid #333;}
.gallery li a:hover{float:left;height:143px;width:204px;border:2px solid #000;}*/
.gallery_in{float:left; margin:5px 0 20px 10px; width:581px}
.gallery_in ul{float:left;padding:0;margin:0!important;margin:0;}
.gallery_in img{border:1px solid #000; width:130px; height:110px; margin:5px 10px 0 0}
.gallery_in li{float:left;height:112px;width:132px;margin:5px 10px 0 0;list-style-type:none;}
.gallery_in li a{float:left;height:112px;width:132px;margin:1px solid #000}
/*.single_box{float:left;padding:0;margin:0;width:232px;height:100%!important;height:auto;}
.single{float:left;height:151px;width:212px;margin:10px!important;margin:5px;}
.single img{border:1px solid #000; width:130px; height:110px; margin:5px 10px 0 0}
.single a{float:left;height:143px;width:204px;border:2px solid #333;}
.single a:hover{float:left;height:143px;width:204px;border:2px solid #000;}*/