/*============================================================================================================================================================ Stylesheet - v1.0 [ content.css ] Autor: Mauricio Vargas[ xHtml-CSS ] | Willian Silveira[ xHtml-CSS ] Contato: mauricio@agenciahive.com.br | will@agenciahive.com.br Website: http://www.agenciahive.com.br/ Criado em : 10:04 31/07/2009 Última Atualização: 10:04 31/07/2009 ==============================================================================================================================================================*/ body { color:#FFF; background-color:#000; margin-bottom:50px; font:12px Tahoma, Arial, Verdana; } body.bg-home { background:#000 url(../img/bg-home.jpg) top center no-repeat; } body.bg-interno { background:#000 url(../img/bg-interno.jpg) top center no-repeat; } body, input, textarea, select { font:11px Tahoma, Helvetica, Arial, sans-serif; text-decoration:none; } a { text-decoration:none; color:#ffe057; } a:hover { text-decoration:none; color:#ad8e00; } address { font-style:normal; font-weight:normal; } address a { } small { } div { overflow:hidden; } .teste { } /* CLASSES GERAIS */ .none { display:none; } .block { display:block; } .f-left { float:left; } .f-right { float:right; } .clear { clear:both; height:1px; } .a-left { text-align:left; } .a-right { text-align:right; } .a-justify { text-align:justify; } .a-center { text-align:center; } .strong { font-weight:bold; } .normal { font-weight:normal; } .vermelho { color:#9E0C0F; } .vermelho-fraco { color:#f5b8b6; } .amarelo { color:#fce698; } .pequeno { font-size:10px; } .narrow { font-family: "Arial Narrow", Arial, Tahoma; } .campos { border:1px solid #C81713; padding:2px 4px; font:10px Tahoma, Arial, Verdana; } /* Mensagens de alerta */ .blockUI { display:block; background:url(../img/aviso.png) no-repeat; padding: 5px 5px 7px 75px; line-height:35px; top:50%!important; } .blockUI h2 { width:280px; } .foi { display:block; padding: 5px 5px 5px 75px; line-height:24px; } .naofoi { display:block; padding: 5px 5px 5px 75px; line-height:24px; } .msg-clique { font-size:11px!important; color:#999; } /* ESTRUTURA */ .flash-home { height:240px; margin:0 auto; } .holder { padding-top:20px; width:960px; margin:0 auto; } .holder .esquerda { padding-left:10px; padding-right:10px; width:220px; float:left; } .holder .direita { padding-left:10px; width:710px; float:left; } .rodape { background:url(../img/bg-rodape.jpg) no-repeat; height:80px; padding-top:20px; width:960px; margin:0 auto; color:#955757; overflow:auto; } .rodape-endereco { width:150px; padding-left:80px; float:left; } .rodape-contato { width:330px; float:right; text-align:right; } .rodape-contato .rodape-tel { font:24px Arial, Verdana; } .rodape-contato .rodape-email { font:16px Arial, Verdana; } #logo-hive { clear:both; display:block; width:50px; height:25px; margin:40px auto; background:url(../img/logo-hive.png) no-repeat; } /* TITULOS */ .titulo-principal { display:block; font-size:14px; padding:4px; color:#FFF; } .tit-home { display:block; width:215px; height:34px; } .tit-home-enquete { background:url(../img/tit-home-enquete.png); } .tit-home-promocao { background:url(../img/tit-home-promocao.png); } /* HOME */ .menu-esquerda { width:220px; margin-bottom:150px; } .cadastre-se { padding-left:7px; } .cadastre-se legend { } .cadastre-se span.legenda { display:block; width:198px; white-space:normal; } .campos-submit-home { float:right; border:none; background:url(../img/bg-submit.jpg) repeat-x; height:23px; width:103px; color:#FFF; margin-right:8px; } .campos-texto-home { padding:3px 5px; color:#FFF; background:#4f0400; border:1px solid #730000; width:193px; } .campos-submit-home-2 { float:right; border:none; background:url(../img/bg-submit.jpg) repeat-x; height:23px; width:53px; color:#FFF; margin-right:8px; } .campos-texto-home-2 { padding:3px 5px; color:#FFF; background:#4f0400; border:1px solid #730000; width:135px; float:left; } .promocoes-home { margin-top:70px; } .promocoes-home img { border:1px solid #950700; } /* MENU */ .menu-esquerda a { display:block; width:220px; height:16px; } .menu-esquerda .mn-quem-somos { background:url(../img/bt-quem-somos.png) no-repeat 20px 0px; margin-top:18px; } .menu-esquerda .mn-comercial { background:url(../img/bt-comercial.png) no-repeat 20px 0px; margin-top:18px; _margin-top:15px; *margin-top:15px; } .menu-esquerda .mn-blogs { background:url(../img/bt-blogs.png) no-repeat 20px 0px; margin-top:18px; _margin-top:14px; *margin-top:14px; } .menu-esquerda .mn-twitter { background:url(../img/bt-twitter.png) no-repeat 20px 0px; margin-top:18px;} .menu-esquerda .mn-contato { background:url(../img/bt-contato.png) no-repeat 20px 0px; margin-top:18px; } /* HOME */ .home-meio-esquerda { padding-top:35px; width:470px; float:left; } .home-meio-direita { padding-left:10px; width:230px; float:right; } /* HOME - MEIO - DESTAQUES */ .destaques-home { border:1px solid #77080a; width:697px; height:228px; /*margin-bottom:70px;*/ } #destaque { width:514px; height:228px; float:left; overflow:hidden; } #destaque img { border-right:1px solid #77080a; } #destaque-nav { width:182px; height:228px; float:right; } #destaque-nav a { width:182px; height:57px; background:url(../img/bg-cycle.jpg) repeat-x; display:block; text-align:right; color:#FFF; } #destaque-nav a:hover { background:url(../img/bg-cycle-hover.jpg) repeat-x; color:#000; } #destaque-nav a.activeSlide { background:url(../img/bg-cycle-hover.jpg) repeat-x; color:#000; } #destaque-nav a span { width:177px; height:53px; padding-top:5px; padding-right:4px; display:block; cursor:pointer; } .tuner { height:52px; padding-bottom:20px; } /* HOME - ESQUERDA - ENQUETE */ #form-enquete { margin-top:30px; padding-left:5px; margin-bottom:40px; } #form-enquete span { display:block; padding-bottom:10px; } .enquete-home { margin-top:60px; padding-left:5px; margin-bottom:40px; } .enquete-home span { display:block; padding-bottom:10px; } /* HOME - MEIO - TOP 10 */ .home-top-10 { width:470px; height:320px; } .home-meio-esquerda ul.top { width:470px; } .home-meio-esquerda ul.top li { display:inline; } .home-meio-esquerda ul.top li span.top-10 { display:block; padding-left:50px; float:left; width:180px; height:50px; } .home-meio-esquerda ul.top li span.top-10 span.vid-yt-desc { display:block; width:155px; height:43px; float:left; } .home-meio-esquerda ul.top li span.top-10 span.vid-yt-desc p { color:#ffe057; font-weight:bold; } .home-meio-esquerda ul.top li span.top-10 a.vid-yt { display:block; width:22px; height:43px; float:left; background:url(../img/bt-play.jpg) no-repeat; } .home-meio-esquerda ul.top li span.top-10 a.vid-yt:hover { background:url(../img/bt-play-hover.jpg) no-repeat; } .home-meio-esquerda ul.top li a { display:block; float:left; } /* HOME - MEIO - LISTA DE NOTICIAS */ .home-lista-noticias { width:470px; height:297px; } .home-lista-noticias ul { height:219px; } .home-lista-noticias ul li a { display:block; padding-left:10px; width:450px; line-height:30px; border-bottom:1px solid #252525; } .home-lista-noticias ul li a:hover { background:#252525; } .home-lista-noticias ul li a abbr { color:#FFF!important; font-size:10px; } a.veja-mais { clear:both; font-weight:bold; float:right; margin-top:6px; color:#ffe057; } a.veja-mais:hover { color:#fceca6; } /* HOME - MEIO - LISTA DE GALERIA */ .home-lista-galeria { height:180px; } .home-lista-galeria ul li { display:inline; } .home-lista-galeria ul li a { display:block; height:160px; width:150px; float:left; } .home-lista-galeria ul li a:hover { background:#252525; } .home-lista-galeria ul li a img { border:1px solid #f5c71c; margin-left:4px; } .home-lista-galeria ul li a abbr { padding-left:4px; color:#FFF!important; font-size:10px; } .home-lista-galeria ul li a p { padding-left:4px; } /* HOME - DIREITA - VOCE ESTÁ OUVINDO */ .voce-esta-ouvindo { padding-top:45px; } .voce-esta-ouvindo .veja-mais { padding-right:15px; padding-top:5px; margin-bottom:75px; } .ouvindo-agora { display:block; width:210px; padding-left:10px; font:12px Tahoma, Arial, Verdana; height:30px; font-weight:bold; margin-bottom:45px; } .proximos-programas-tit { color:#959595; margin-bottom:9px; padding-left:10px; } .home-listagem-programacao { height:295px; } .home-listagem-programacao img { float:left; width:57px; height:48px; margin-right:5px; border:1px solid #f5c71c; } .home-listagem-programacao li a { display:block; width:210px; height:53px; padding-top:5px; padding-left:10px; border-bottom:1px dashed #464646; } .home-listagem-programacao li a:hover { background:#252525; } .home-listagem-programacao li a span { cursor:pointer; } .programa-desc { display:block; float:left; color:#FFF; } /* HOME - DIREITA - BLOG DOS LOCUTORES */ .home-listagem-locut { } .home-blogs-dos-locutores .veja-mais { padding-right:15px; padding-top:5px; } .home-listagem-locut img { float:left; width:57px; height:48px; margin-right:5px; border:1px solid #f5c71c; } .home-listagem-locut li a { display:block; width:210px; height:53px; padding-top:5px; padding-left:10px; border-bottom:1px dashed #464646; } .home-listagem-locut li a:hover { background:#252525; } .home-listagem-locut li a span { cursor:pointer; } .locut-desc { display:block; float:left; color:#FFF; } .home-banner-direita { margin-top:10px; width:220px; height:140px; } /* FORMULARIO - FACEBOX - PROMOCOES */ .facebox-conteudo { margin-top:-10px; width:456px; color:#FFF; } .facebox-promocoes legend { display:none; } .form-right { width:220px; } .form-left { width:220px; } .campos-boxes { width:190px; } .campos-boxes-select { width:200px; } .campos-boxes-mensagem { width:426px; height:100px; } .bt-submit-cadastrar { width:104px; height:24px; background:url(../img/bt-cadastrar-se.jpg) no-repeat; border:none; margin-top:10px; cursor:pointer; } .bt-submit-musica { width:182px; height:24px; background:url(../img/bt-quero-musica.jpg) no-repeat; border:none; margin-top:10px; cursor:pointer; } .bt-enviar-mande { border:0px; cursor:pointer; } div.internas { width:710px;} div.internas img { border:1px solid #b70800;} .branco { color:#fff;} .amarelo-forte { color:#ffcb05;} h1.titulo-internas { font:34px "Arial Narrow",Helvetica, Arial; color:#ffdd5a; text-align:right; margin-right:8px; height: 48px; font-weight:bold; } .titulo-menor { font:14px "Arial Narrow",Helvetica, Arial; font-weight:bold; padding-bottom:12px; } .conteudo-interna { margin-top:12px; } /* PROGRAMAÇÃO - especificos*/ .dias-semana { height:27px; line-height:27px; width:568px; background:url(../img/bg-dias-programacao.png) no-repeat; padding:0 71px;} .dias-semana li { display:block; width:80px; float:left;} .dias-semana li a { color:#fff;} .dias-semana li a:hover, .dias-semana li a.atual { color:#ffcb05;font-weight:bold;} /* LISTA GENÉRICA SITE */ .list-itens { margin:24px 0; } .list-itens li { height:80px; width:702px; background-color:#181818; display:block; margin-bottom:12px; font-size:11px;} .programa-destaque li { background:#8B0600; border:1px solid #181818; } .data-item { color:#fff; background-color:#9e0b0f; text-align:center; margin:4px 0; font-size:10px; font-weight:bold; width:80px; height:16px;display:block; } .clip-img { height:78px; width:92px; display:block; overflow:hidden; border:1px solid #b70800; float:left; margin-right:12px; text-align:center;} .list-itens li h2, .list-itens li h2 a { color:#ffcb05; padding:6px 0; } .list-itens li p { color:#fff; padding:0 10px;} .list-itens li p a { color:#fff; } .list-itens li p a:hover { text-decoration:none; } /* EVENTOS*/ .filtro-eventos { width:265px; height:26px; background:url(../img/filtro-evento.png);} #frmFiltroEventos { margin:3px 6px 0 28px;} #frmFiltroEventos select { margin:2px 4px 0 4px;float:left;} #frmFiltroEventos legend, #frmFiltroEventos label { display:none;} #bt-busca { display:block; width:53px; height:21px; background:url(../img/bt-buscar.png); float:left;} select.size-filtro-evento { width:100px;} .evento-titulo { font-size:14px; color:#fce799; padding:10px 0;} .m15-right { margin-right:15px;} .m15-left { margin-left:15px;} .m8-right { margin-right:8px;} .m8-left { margin-left:8px;} /* PROMOCOES*/ #bt-quero-participar { display:block; width:192px; height:38px; background:url(../img/bt-quero-participar.png); margin-top:30px;} /*FOTOS*/ .list-fotos { margin:24px 0;} .box-foto { width:143px; height:160px;} .box-foto-det { width:143px; height:120px;} /* GALERIA CHAMADA*/ .tit-galeria { background:url(../img/bg-tit-galeria.png);font:18px "Arial Narrow",Helvetica, Arial; color:#fff; font-weight:bold; height:31px; line-height:31px; padding-left:50px; margin:24px 0;} .cycle-galeria, .hold-4-bloco { width:645px; height:106px; background:url(bugdoie7) !important;} .cycle-left, .cycle-right { width:22px; display:block; height:106px;} .cycle-left { background:url(../img/seta-left.png) no-repeat; } .cycle-right { background:url(../img/seta-right.png) no-repeat; } /* CONTATO e COMERCIAL*/ .form-esq { width:380px; } .form-dir { width:280px; background-color:#300402; padding:10px;} .form-dir label { color:#f5b8b6; font-size:11px; line-height:20px; vertical-align:top; font-weight:bold;} .form-dir small { color:#666; height:20px;} .form-dir textarea { height:108px;} .form-dir .field-contato { width:270px; margin-bottom:3px;} #bt-enviar-contato { display:block; width:82px; height:22px; background:url(../img/base-bt-vermelho.png); text-align:center; line-height:22px; color:#fff; font-weight:bold; font-size:11px; margin-top:10px;} #bt-dados-comerciais { display:block; width:382px; height:38px; background:url(../img/download-dados-comerciais.png); margin-top:30px;} /* GERAIS PAGINACAO E VOLTAR*/ #bt-voltar { clear:both;font-size:10px; color:#fff; display:block; float:right; width:38px; height:16px; background:url(../img/bt-voltar.png); text-align:center; line-height:16px; padding-left:4px; margin:24px 8px 0 0;} #bt-voltar:hover { background:url(../img/bt-voltar-hover.png); } #paginacao { clear: both;color:#fff; margin:auto;} #paginacao a { width:16px; height:14px; float:left; margin:0 4px; display:block; text-align:center; color:#fff;} #paginacao a:hover { color:#000; background-color:#ffcb05;} #paginacao .pagina { background-color:#7d7d7d; } #paginacao .paginaSel { color:#000; background-color:#ffcb05; }