/** * @author: * 2010 Eric Mantoani * * @comment: * Aqui na Rádio Cultura Brasil adotamos boas práticas de programação no CSS. * Portanto, se você for alterar este arquivo, SIGA a documentação adotada, * sob pena de puxarmos seu pé durante a noite. * * @documentation: * http://eric.com.br/doc/css/ * * @resume: * Hierarquia para declaração de propriedades css * 1. Posicionamento; >> position, top, right, bottom, left, z-index * 2. Fluxo; >> float, clear * 3. Dimensões; >> width, height, overflow * 4. Margens e etc; >> margin, padding, outline, list-style * 5. Display; >> display, visibilty * 6. Tipografia; >> font, line-height, text, word-spacing, letter-spacing, vertical-align, color * 7. Background; * 8. Outros; >> opacity, cursor, content, quotes * * Date: 21/01/2010 * Revision: 1 */ /* menu Fundação Padre Anchieta */ /*#menu_fpa{ width:100%; height:28px; margin:0; padding:0; background-image:url('../images/bg-menu-fpa.gif'); display:none; } */ #menu_fpa{ margin:auto; height:28px; padding:0; } #menu_fpa ul{ float:right; } #menu_fpa ul li{ float:left; padding:6px 8px; } #menu_fpa ul li a{ color:#5b5b5b; font-size:11px; } #menu_fpa ul li:hover a, #menu_fpa ul a:hover, #menu_fpa ul li:hover{ color:#464646; font-size:11px; } /*#menu_fpa ul li:hover{ background-color:#45a34d; color:#fff; }*/ .center{text-align:center;} div.margin10{height:10px; width:100%;} .small{font-size:11px;} #banner1{margin-left:42px;} /* default */ body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#06050b;} a{text-decoration:none;} .wrap, #wrap{ position:relative; width:990px; margin:auto; } img.youthumb{ width:88px; height:58px; } p{margin-bottom:10px;} a.linha-fina-explicativa, .linha-fina-explicativa{ font-size:11px; color:#606060; } .pagination{ margin:25px 0; padding:10px 0; font-size:12px; text-transform:uppercase; } .pagination ul a.previous{float:left; margin-right:25px;} .pagination ul li{ float:left; margin-right:10px; } .pagination ul a.next{float:left; margin-left:25px;} .ajax-pagination{ margin:25px 0; padding:10px 0; font-size:12px; text-transform:uppercase; } .ajax-pagination ul li{ float:left; margin-right:10px; color:#a1a1a1; cursor:pointer; } .ajax-pagination ul li.on{ float:left; margin-right:10px; color:#000;} h2.busca{margin-top:25px;} .busca-indexados{ float:left; font-size:smaller; list-style:none; } /* topo */ #topo{ width:990px; height:98px; } /*#topo #logo{ float:left; width:300px; height:70px; margin:8px 18px; background-image:url('../images/i-logo-radioculturabrasil.gif'); background-repeat:no-repeat; cursor:pointer; }*/ /*#topo #logo{ float:left; width:300px; height:70px; margin:8px 18px; background-image:url('../images/i-logo-radioculturabrasil-bom.gif'); background-repeat:no-repeat; cursor:pointer; };*/ #topo #logo{ float:left; width:300px; height:70px; margin:8px 0; background-image:url('../images/i-logo-cultura-brasil-cinza.gif'); background-repeat:no-repeat; cursor:pointer; } #topo #logo h1{ display:none; } #topo div.slogan{margin:44px 0px 0px 86px; font-size:11px; color:#777;} #alert{ width:100%; padding:6px; margin:6px 0; font-size:12px; font-weight:lighter; font-style:italic; text-align:center; } .error{ background-color:#ffe5e5; border:1px solid #fc6363; } .success{ background-color:#d9ffdf; border:1px solid #88d982; } .attemption{ background-color:#fffed3; border:1px solid #fcf363; } #topo #user{ float:right; } /* menu */ #menu{} #menu .menu1{ clear:both; width:990px; height:45px; } #menu .menu1 .menu1_left{ float:left; width:5px; height:45px; background-image:url('../images/i-menu1-left.gif'); } #menu .menu1 .menu1_right{ float:right; width:5px; height:45px; background-image:url('../images/i-menu1-right.gif'); } #menu .menu1 .menu1_main{ float:left; width:980px; height:45px; background-image:url('../images/i-menu1-main.gif'); } #menu .menu1 .menu1_main ul{ float:right; } #menu .menu1 .menu1_main ul li{ float:left; height:24px; padding:10px; vertical-align:middle; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:lighter; text-transform:uppercase; color:#404040; } #menu .menu1 .menu1_main ul li a{ color:#404040; text-decoration:none; } #menu .menu1 .menu1_main ul li a span{ float:left; } #menu .menu1 .menu1_main ul li #busca-container{ float:left; margin-top:-6px; } #menu .menu1 .menu1_main ul li a img{ float:right; margin-left:2px; } #menu .menu1 .menu1_main ul li.rss{ margin:9px; width:15px; height:16px; background-image:url('../images/ico-rss.gif'); background-repeat:no-repeat; cursor:pointer;} #menu .menu1 #busca{ width:141px; font-size:11px; height:23px; padding:0 3px; border:0; background-image:url('../images/bg-busca.gif'); background-repeat:no-repeat; color:#5b5b5b; } #menu .menu1 #login-box{ display:none; position:absolute; margin:28px 0 0 500px; padding:16px; width:180px; background-color:#fff; } #menu .menu1 #login-box input[type=text]{ margin:10px 0 0 0; } #menu .menu1 #login-submit{ margin-left:100px;} #menu .menu_conteudo{} #menu .menu_conteudo ul li{ float:left; margin:6px 8px; } #menu .menu_conteudo ul li.disabled-li, #menu .menu_conteudo ul li a{ font-weight:bold; color:#000; text-transform:uppercase; font-size:11px; } #menu .menu_conteudo ul li.disabled-li{margin-top:7px;} #menu .menu_conteudo ul li a span{ float:left; } #menu .menu_conteudo ul li a img{ float:right; margin-left:2px; } #menu .menu_conteudo #programas{ display:none; z-index:5; } #menu .menu_conteudo #programas ul{ position:absolute; margin:26px 0 0 72px; padding:15px; background-color:#fff; border:1px solid #e3e3e3; z-index:5;} #menu .menu_conteudo #programas ul h5{margin:10px 20px 10px 28px; font-size:14px; font-weight:bold;} #menu .menu_conteudo #programas ul div{margin:0 20px 20px 20px;} #menu .menu_conteudo #programas ul .one{ float:left; } #menu .menu_conteudo #programas ul .two{ float:left; } #menu .menu_conteudo #programas ul .three{ float:left; } #menu .menu_conteudo #programas ul li{ clear:both; z-index:5;} #menu .menu_conteudo #programas ul li.disabled{color:#999; font-size:12px;} #menu .menu_conteudo #programas ul li a{ font-weight:lighter; color:#000; text-transform:none; z-index:5; font-size:12px;} #menu .menu_conteudo #generos{ display:none; z-index:5; } #menu .menu_conteudo #generos ul{ position:absolute; margin:26px 0 0 0; padding:15px; background-color:#fff; border:1px solid #e3e3e3; z-index:5;} #menu .menu_conteudo #generos ul div{margin:20px;} #menu .menu_conteudo #generos ul .one{ float:left; } #menu .menu_conteudo #generos ul .two{ float:left; } #menu .menu_conteudo #generos ul .three{ float:right; } #menu .menu_conteudo #generos ul li{ clear:both; z-index:5;} #menu .menu_conteudo #generos ul li a{ font-weight:lighter; color:#000; text-transform:none; z-index:5; font-size:12px;} #menu .menu_conteudo #colunas{ display:none; z-index:5; } #menu .menu_conteudo #colunas ul{ position:absolute; margin:26px 0 0 158px; padding:15px; background-color:#fff; border:1px solid #e3e3e3; z-index:5;} #menu .menu_conteudo #colunas ul div{margin:20px;} #menu .menu_conteudo #colunas ul .one{ float:left; } #menu .menu_conteudo #colunas ul .two{ float:left; } #menu .menu_conteudo #colunas ul .three{ float:right; } #menu .menu_conteudo #colunas ul li{ clear:both; z-index:5;} #menu .menu_conteudo #colunas ul li a{ font-weight:lighter; color:#000; text-transform:none; z-index:5; font-size:12px;} /* respiro */ .respiro, #respiro{ clear:both; height:44px; width:100%; } /* SECTION (parent) */ #section #main .header .menu ul li a{font-size:11px;} /* SECTION (default) */ #section.default{ width:100%; } #section.default h1{ padding:5px 0; font-size:20px; font-weight:bold; } #section.default h2{ padding:2px 0; font-size:24px; font-weight:bold; } #section.default h1 a, #section.default h2 a{ color:#000; } #section.default a{ color:#a1a1a1; } #section.default #main{ float:left; width:805px; } #section.default #main .header{ float:left; width:805px; border-bottom:1px #d5d5d5 solid; } #section.default #main .logo{ float:left; } #section.default #main .header .logo h1 a{ color:#000; } #section.default #main .menu{ float:right; } #section.default #main .menu ul{ margin-top:30px; } #section.default #main .menu ul li{ float:left; margin:0 5px; padding:2px; height:17px; background:url(../images/i-programas-menu-bg.gif) repeat-x; } #section.default #main .menu ul li .bg-left{ float:left; margin:-2px 0 0 -2px; height:21px; width:3px; background:url(../images/i-programas-menu-bg-left.gif) no-repeat; } #section.default #main .menu ul li a{ float:left; margin:0 3px; color:#5e5e5e; } #section.default #main .menu ul li .bg-right{ float:right; margin:-2px -3px 0 0; height:21px; width:3px; background:url(../images/i-programas-menu-bg-right.gif) no-repeat; } #section.default #main .credito{ float:left; margin-top:2px; margin-bottom:16px; font-size:smaller; color:#000; height:16px; line-height:14px; } #section.default #main #left-column{ float:left; padding-top:10px; width:535px; /*white-space:pre-line;*/ } #section.default #main #left-column .respiro{ height:6px; } #section.default #main #left-column img{float:left; margin:0 6px 0 0;} #section.default #main #left-column .element{ margin-top:30px; } #section.default #main #left-column .element h4{ font-size:18px; font-weight:bold; line-height:20px; color:#505050; } #section.default #main #left-column .item{ margin:10px 0 0 0; } #section.default #main #left-column .item .chapeu{ font-size:11px; font-weight:bold; line-height:16px; color:#005aab; } #section.default #main #right-column{ float:right; padding:10px 10px 0 0; width:260px; margin-left:10px; } #section.default #main #right-column img{float:left; margin-right:6px;} #section.default #main #right-column .spacer{ clear:both; height:20px; } #section.default #main #right-column .margin-top{margin-top:30px;} #section.default #main #right-column h2{font-size:20px;} #section.default #main #right-column .item{ margin:20px 0 0 0; } #section.default #main #right-column .item .chapeu{ font-size:11px; font-weight:bold; line-height:16px; color:#005aab; } #section.default #main #right-column .item h2.right{ margin-top:-8px; width:235px; } #section.default #main #right-column .item h3, #section.default #main #right-column .item h3 a{ font-size:18px; color:#000; } #section.default #sidebar{ float:right; width:175px; margin-left:10px; } #section.default #sidebar .box{ width:165px; background-color:#f7f7f7; margin-bottom:10px; padding:5px; } #section.default #sidebar .box h4{ font-size:18px; font-weight:bold; color:#505050; } /* SECTION frases */ #section.frases{ width:100%; } #section.frases h1{ padding:5px 0; font-size:20px; font-weight:bold; } #section.frases h2{ padding:2px 0; font-size:24px; font-weight:bold; } #section.frases h1 a, #section.frases h2 a{ color:#000; } #section.frases a{ color:#a1a1a1; } #section.frases #main{ float:left; width:805px; } #section.frases #main .header{ float:left; width:805px; border-bottom:1px #d5d5d5 solid; } #section.frases #main .logo{ float:left; } #section.frases #main .header .logo h1 a{ color:#000; } #section.frases #main .menu{ float:right; } #section.frases #main .menu ul{ margin-top:30px; } #section.frases #main .menu ul li{ float:left; margin:0 5px; padding:2px; height:17px; background:url(../images/i-programas-menu-bg.gif) repeat-x; } #section.frases #main .menu ul li .bg-left{ float:left; margin:-2px 0 0 -2px; height:21px; width:3px; background:url(../images/i-programas-menu-bg-left.gif) no-repeat; } #section.frases #main .menu ul li a{ float:left; margin:0 3px; color:#5e5e5e; } #section.frases #main .menu ul li .bg-right{ float:right; margin:-2px -3px 0 0; height:21px; width:3px; background:url(../images/i-programas-menu-bg-right.gif) no-repeat; } #section.frases #main .credito{ float:left; margin-top:2px; margin-bottom:16px; font-size:smaller; color:#000; height:16px; line-height:14px; } #section.frases #main #left-column2{ padding-top:50px; width:100%; text-align:center; } #section.frases #main #left-column2 .item{ margin:30px 0; } #section.frases #sidebar{ float:right; width:175px; margin-left:10px; } #section.frases #sidebar .box{ width:165px; background-color:#f7f7f7; margin-bottom:10px; padding:5px; } #section.frases #sidebar .box h4{ font-size:18px; font-weight:bold; color:#505050; } #section.frases .author{font-size:12px; font-weight:normal; color:#666;} #section.frases .abre-aspas{width:28px; height:21px; background-image:url('../images/i-aspas-abre.gif'); background-repeat:no-repeat;} #section.frases .fecha-aspas{width:28px; height:21px; background-image:url('../images/i-aspas-fecha.gif'); background-repeat:no-repeat;} /* fale-consoco */ #form-fale-conosco textarea{width:500px; height:200px;} /* SECTION programacao */ #section.programacao{ width:100%; } #section.programacao h1{ padding:5px 0; font-size:20px; font-weight:bold; } #section.programacao h2{ padding:2px 0; font-size:24px; font-weight:bold; } #section.programacao h1 a, #section.programacao h2 a{ color:#000; } #section.programacao a{ color:#a1a1a1; } #section.programacao #main{ float:left; width:805px; } #section.programacao #main .header{ float:left; width:805px; border-bottom:1px #d5d5d5 solid; } #section.programacao #main .logo{ float:left; } #section.programacao #main .header .logo h1 a{ color:#000; } #section.programacao #main #left-column{ float:left; padding-top:10px; width:795px; /*white-space:pre-line;*/ } #section.programacao #main #left-column ul li{float:left; margin-right:25px; text-align:center;} #section.programacao #main #left-column ul li.today{ font-weight:bold; } #section.programacao #main #left-column ul li a{color:#000;} #section.programacao #main #left-column ul li .w{ } #section.programacao #main #left-column ul li .d{ font-size:18px; } #section.programacao #main #left-column ul li .m{ } #section.programacao #main #left-column table{margin-top:50px;} #section.programacao #main #left-column table tr.ao-vivo{background-color:#eaecff;} #section.programacao #main #left-column table tr.ao-vivo td{padding:12px 0;} #section.programacao #main #left-column table tr.ao-vivo td.channel .small{font-size:11px;} #section.programacao #main #left-column table td{vertical-align:top; padding:5px 2px;} #section.programacao #main #left-column table td.horario{width:60px;} #section.programacao #main #left-column table td.channel{width:50px;} #section.programacao #main #left-column table td span.start-time{font-size:17px; color:#4e4e4e; font-weight:bold;} #section.programacao #main #left-column table td h4{font-size:18px; font-weight:bold; line-height:20px; color:#505050;} #section.programacao #main #left-column table td .destaques{margin:5px 0; color:#5a5a5a;} #section.programacao #main #left-column dl{margin-top:50px;} #section.programacao #main #left-column dl dt{float:left; clear:both; width:60px; text-align:center;} #section.programacao #main #left-column dl dt span.start-time{font-size:17px; color:#4e4e4e; font-weight:bold;} #section.programacao #main #left-column dl dd{float:right; width:720px; height:60px;} #section.programacao #main #left-column dl dd h4{font-size:18px; font-weight:bold; line-height:20px; color:#505050;} #section.programacao #main #left-column dl dd .destaques{margin:5px 0; color:#5a5a5a;} #section.programacao #main #left-column .respiro{ height:6px; } #section.programacao #main #left-column img{float:left; margin:0 6px 0 0;} #section.programacao #main #left-column .element{ margin-top:30px; } #section.programacao #main #left-column .element h4{ font-size:18px; font-weight:bold; line-height:20px; color:#505050; } #section.programacao #main #left-column .item{ margin:10px 0 0 0; } #section.programacao #main #left-column .item .chapeu{ font-size:11px; font-weight:bold; line-height:16px; color:#005aab; } #section.programacao #main #right-column{ float:right; padding:10px 10px 0 0; width:260px; margin-left:10px; } #section.programacao #main #right-column img{float:left; margin-right:6px;} #section.programacao #main #right-column .spacer{ clear:both; height:20px; } #section.programacao #main #right-column .margin-top{margin-top:30px;} #section.programacao #main #right-column h2{font-size:20px;} #section.programacao #main #right-column .item{ margin:20px 0 0 0; } #section.programacao #main #right-column .item .chapeu{ font-size:11px; font-weight:bold; line-height:16px; color:#005aab; } #section.programacao #main #right-column .item h2.right{ margin-top:-8px; width:235px; } #section.programacao #main #right-column .item h3, #section.programacao #main #right-column .item h3 a{ font-size:18px; color:#000; } #section.programacao #sidebar{ float:right; width:175px; margin-left:10px; } #section.programacao #sidebar .box{ width:165px; background-color:#f7f7f7; margin-bottom:10px; padding:5px; } #section.programacao #sidebar .box h4{ font-size:18px; font-weight:bold; color:#505050; } #section.programacao .divisor{ clear:both; margin:6px 0; height:1px; width:535px; background-color:#d7d7d7; } #section.programacao .channel-culturabrasil{width:36px; height:36px; background-image:url('../images/ico-channel-culturabrasil.gif'); background-repeat:no-repeat; cursor:pointer;} #section.programacao .channel-tvcultura{width:36px; height:36px; background-image:url('../images/ico-channel-tvcultura.gif'); background-repeat:no-repeat; cursor:pointer;} /* SECTION (externas) */ #section.externas{ width:100%; } #section.externas h1{ padding:5px 0; font-size:20px; font-weight:bold; } #section.externas h2{ padding:2px 0; font-size:11px; } #section.externas h1 a, #section.externas h2 a{ color:#000; } #section.externas a{ color:#a1a1a1; } #section.externas #main{ float:left; width:805px; } #section.externas #main .header{ float:left; width:805px; border-bottom:1px #d5d5d5 solid; } #section.externas #main .logo{ float:left; } #section.externas #main .header .logo h1 a{ color:#000; } #section.externas #main .menu{ float:right; } #section.externas #main .menu ul{ margin-top:30px; } #section.externas #main .menu ul li{ float:left; margin:0 5px; padding:2px; height:17px; background:url(../images/i-programas-menu-bg.gif) repeat-x; } #section.externas #main .menu ul li .bg-left{ float:left; margin:-2px 0 0 -2px; height:21px; width:3px; background:url(../images/i-programas-menu-bg-left.gif) no-repeat; } #section.externas #main .menu ul li a{ float:left; margin:0 3px; color:#5e5e5e; } #section.externas #main .menu ul li .bg-right{ float:right; margin:-2px -3px 0 0; height:21px; width:3px; background:url(../images/i-programas-menu-bg-right.gif) no-repeat; } #section.externas #main .credito{ float:left; margin-top:2px; margin-bottom:16px; font-size:smaller; color:#000; height:16px; line-height:14px; } #section.externas #main #left-column{ float:left; padding-top:10px; margin-right:10px; width:580px;} #section.externas #main #right-column{ float:right; padding:10px 10px 0 0; width:170px; margin-left:10px; } #section.externas #main .respiro{ height:6px; } #section.externas #main img{float:left; margin:0 6px 0 0;} #section.externas #main .element{ margin-top:30px; } #section.externas #main .element h4{ font-size:18px; font-weight:bold; line-height:20px; color:#505050; } #section.externas #main .feed{ width:280px; float:left; } #section.externas #main .item{ margin:12px 10px 0 0; } #section.externas #main .item .chapeu{ font-size:12px; font-weight:bold; line-height:16px; color:#005aab; } #section.externas #main #left-column .clear{height:20px;} #section.externas #main #right-column h2 a{ color:#005AAB; } #section.externas #sidebar{ float:right; width:175px; margin-left:10px; } #section.externas #sidebar .box{ width:165px; background-color:#f7f7f7; margin-bottom:10px; padding:5px; } #section.externas #sidebar .box h4{ font-size:18px; font-weight:bold; color:#505050; } /* SECTION home */ #section.home{ width:100%; } #section.home h1{ padding:5px 0; font-size:20px; font-weight:bold; } #section.home h2{ padding:2px 0; font-size:22px; font-weight:bold; } #section.home h1 a, #section.home h2 a{ color:#000; } #section.home h4 a{ color:#505050; } #section.home a{ color:#a1a1a1; } #section.home .respiro{ height:22px;} #section.home #rotativo{ width:990px; height:310px; z-index:0;} #section.home #rotativo .holder{ position:absolute; clear:both; display:none; } #section.home #rotativo .holder .texto{ position:absolute; float:right; z-index:1; } #section.home #rotativo .holder .texto{ opacity:0.55; -moz-opacity: 0.55; filter: alpha(opacity=55); } #section.home #rotativo .holder .texto .chapeu{ margin:3px; padding:3px; background-color:#000; color:#fff; font-size:11px; font-weight:bold; } #section.home #rotativo .holder .texto .titulo{ margin:3px; padding:3px; background-color:#000; color:#fff; font-size:18px; } #section.home #rotativo .holder .texto .linha-fina{ margin:3px; padding:3px; background-color:#000; color:#fff; font-size:12px; } #section.home #rotativo .holder .texto .chapeu2{ margin:3px; padding:3px; background-color:#fff; color:#000; font-size:11px; font-weight:bold; } #section.home #rotativo .holder .texto .titulo2{ margin:3px; padding:3px; background-color:#fff; color:#000; font-size:18px; } #section.home #rotativo .holder .texto .linha-fina2{ margin:3px; padding:3px; background-color:#fff; color:#000; font-size:12px; } #section.home #main{ float:left; width:805px; } #section.home #main .header{ float:left; width:805px; border-bottom:1px #d5d5d5 solid; } #section.home #main .logo{ float:left; } #section.home #main .header .logo h1 a{ color:#000; } #section.home #main .menu{ float:right; } #section.home #main .menu ul{ margin-top:30px; } #section.home #main .menu ul li{ float:left; margin:0 5px; padding:2px; height:17px; background:url(../images/i-programas-menu-bg.gif) repeat-x; } #section.home #main .menu ul li .bg-left{ float:left; margin:-2px 0 0 -2px; height:21px; width:3px; background:url(../images/i-programas-menu-bg-left.gif) no-repeat; } #section.home #main .menu ul li a{ float:left; margin:0 3px; color:#5e5e5e; } #section.home #main .menu ul li .bg-right{ float:right; margin:-2px -3px 0 0; height:21px; width:3px; background:url(../images/i-programas-menu-bg-right.gif) no-repeat; } #section.home #main .credito{ float:left; margin-top:2px; margin-bottom:16px; font-size:smaller; color:#000; height:16px; line-height:14px; } #section.home #main .mais{float:right; margin-top:6px;} #section.home #main .mais a{font-size:11px; color:#000;} #section.home #main #left-column{ float:left; width:440px; /*white-space:pre-line;*/ } #section.home #main #right-column .separador, #section.home #main #left-column .separador{width:100%; height:1px; background-color:#afafaf;} #section.home #main #left-column .respiro{ height:6px; } #section.home #main #left-column img{float:left; margin:0 6px 0 0;} #section.home #main #left-column .element{ } #section.home #main #left-column .element h4{ margin:18px 0 2px 0; font-size:18px; font-weight:bold; line-height:20px; color:#505050; } #section.home #main #left-column .item{ margin:10px 0 20px 0; } #section.home #main #left-column .item .image{ margin-bottom:6px; } #section.home #main #left-column .item .chapeu{ font-size:11px; font-weight:bold; line-height:5px; color:#005aab; } #section.home #main #left-column .outros-dias{ padding:5px; margin:5px 0 30px 0; width:430px; height:15px; color:#505050; background-image:url('../images/i-bg-outros-dias.gif'); background-repeat:no-repeat; } #section.home #main #left-column .outros-dias a{color:#505050;} #section.home #main #right-column{ float:right; padding:10px 10px 0 0; width:325px; margin-left:10px; } #section.home #main #right-column #videos img{float:left; margin-right:6px;} #section.home #main #right-column .spacer{ clear:both; height:20px; } #section.home #main #right-column #busca-musica-container #busca-musica{ width:265px; height:20px; } #section.home #main #right-column .element h4{ margin:18px 0 2px 0; font-size:18px; font-weight:bold; line-height:20px; color:#505050; } #section.home #main #right-column .element h4.radar{ margin:0 0 2px 0; } #section.home #main #right-column .element h4.radar a{color:#505050;} #section.home #main #right-column .respiro{ clear:both; height:6px; } #section.home #main #right-column #frase{margin-top:20px;} #section.home #main #right-column #frase h4{margin-bottom:10px;} #section.home #main #right-column #frase h2{text-align:center; margin-top:20px;} #section.home #main #right-column #frase .separador{margin-bottom:20px;} #section.home #main #right-column #frase .author{ height:30px; font-size:11px; font-weight:normal; color:#666;} #section.home #main #right-column #perdidos-e-achados .player{margin:20px 40px;} #section.home #main #right-column .margin-top{margin-top:30px;} #section.home #main #right-column h2{font-size:16px;} #section.home #main #right-column .item{ margin:15px 0 1px; } #section.home #main #right-column .item .image{ margin-bottom:6px; } #section.home #main #right-column .item .chapeu{ font-size:11px; font-weight:bold; line-height:16px; color:#005aab; } #section.home #main #right-column .item h2.right{ margin-top:-8px; width:235px; } #section.home #main #right-column .item h3, #section.home #main #right-column .item h3 a{ font-size:18px; color:#000; } #section.home #sidebar{ float:right; width:175px; margin-left:10px; } #section.home #sidebar .box{ width:165px; background-color:#f7f7f7; margin-bottom:10px; padding:5px; } #section.home #sidebar .box h4{ font-size:18px; font-weight:bold; color:#505050; } /* SECTION programas */ #section.programas{ width:100%; } #section.programas h1{ padding:5px 0; font-size:20px; font-weight:bold; } #section.programas h2{ padding:5px 0; font-size:24px; font-weight:bold; } #section.programas h2 a{ color:#000; } #section.programas a{ color:#a1a1a1; } #section.programas #main .item .cultura_musica h4 a{text-transform:uppercase;} #section.programas #main{ float:left; width:805px; } #section.programas #main .header{ float:left; width:805px; border-bottom:1px #d5d5d5 solid; } #section.programas #main .logo{ float:left; } #section.programas #main .header .logo h1 a{ color:#000; } #section.programas #main .menu{ float:right; } #section.programas #main .menu ul{ margin-top:30px; } #section.programas #main .menu ul li{ float:left; margin:0 5px; padding:2px; height:17px; background:url(../images/i-programas-menu-bg.gif) repeat-x; } #section.programas #main .menu ul li .bg-left{ float:left; margin:-2px 0 0 -2px; height:21px; width:3px; background:url(../images/i-programas-menu-bg-left.gif) no-repeat; } #section.programas #main .menu ul li a{ float:left; margin:0 3px; color:#5e5e5e; } #section.programas #main .menu ul li .bg-right{ float:right; margin:-2px -3px 0 0; height:21px; width:3px; background:url(../images/i-programas-menu-bg-right.gif) no-repeat; } #section.programas #main .credito{ float:left; margin-top:2px; margin-bottom:16px; font-size:smaller; color:#000; height:16px; line-height:14px; } #section.programas #main #left-column{ float:left; padding-top:10px; width:440px; /*white-space:pre-line;*/ } #section.programas #main #left-column .respiro{ height:6px; } #section.programas #main #left-column .element{ margin-top:30px; } #section.programas #main #left-column .element h4{ font-size:18px; font-weight:bold; line-height:30px; color:#505050; } #section.programas #main #left-column .item{ margin:20px 0 0 0; } #section.programas #main #left-column .item .chapeu{ font-size:11px; font-weight:bold; line-height:16px; color:#005aab; } #section.programas #main #right-column{ float:right; padding:10px 10px 0 0; width:335px; margin-left:10px; } #section.programas #main #right-column img{float:left; margin-right:6px;} #section.programas #main #right-column .spacer{ clear:both; height:20px; } #section.programas #main #right-column .margin-top{margin-top:30px;} #section.programas #main #right-column h2{font-size:18px;} #section.programas #main #right-column .item{ margin:20px 0 0 0; } #section.programas #main #right-column .item .chapeu{ font-size:11px; font-weight:bold; line-height:16px; color:#005aab; } #section.programas #main #right-column .item h2.right{ margin-top:-8px; width:235px; } #section.programas #main #right-column .item h3, #section.programas #main #right-column .item h3 a{ font-size:18px; color:#000; } #section.programas #main #right-column form textarea, #section.programas #main #right-column form input.titulo{width:330px;} #section.programas #sidebar{ float:right; width:175px; margin-left:10px; } #section.programas #sidebar .box{ width:165px; background-color:#f7f7f7; margin-bottom:10px; padding:5px; } #section.programas #sidebar .box h4{ font-size:18px; font-weight:bold; color:#505050; } /* SECTION sala-de-tv */ #section.sala-de-tv{ width:100%; } #section.sala-de-tv h1{ padding:5px 0; font-size:20px; font-weight:bold; } #section.sala-de-tv h2{ padding:5px 0; font-size:24px; font-weight:bold; } #section.sala-de-tv h2 a{ color:#000; } #section.sala-de-tv a{ color:#a1a1a1; } #section.sala-de-tv #main{ float:left; width:805px; } #section.sala-de-tv #main .header{ float:left; width:805px; border-bottom:1px #d5d5d5 solid; } #section.sala-de-tv #main .logo{ float:left; } #section.sala-de-tv #main .header .logo h1 a{ color:#000; } #section.sala-de-tv #main .menu{ float:right; } #section.sala-de-tv #main .menu ul{ margin-top:30px; } #section.sala-de-tv #main .menu ul li{ float:left; margin:0 5px; padding:2px; height:17px; background:url(../images/i-programas-menu-bg.gif) repeat-x; } #section.sala-de-tv #main .menu ul li .bg-left{ float:left; margin:-2px 0 0 -2px; height:21px; width:3px; background:url(../images/i-programas-menu-bg-left.gif) no-repeat; } #section.sala-de-tv #main .menu ul li a{ float:left; margin:0 3px; color:#5e5e5e; } #section.sala-de-tv #main .menu ul li .bg-right{ float:right; margin:-2px -3px 0 0; height:21px; width:3px; background:url(../images/i-programas-menu-bg-right.gif) no-repeat; } #section.sala-de-tv #main .credito{ float:left; margin-top:2px; margin-bottom:16px; font-size:smaller; color:#000; height:16px; line-height:14px; } #section.sala-de-tv #main #left-column{ float:left; padding-top:10px; width:440px; /*white-space:pre-line;*/ } #section.sala-de-tv #main #left-column .respiro{ height:6px; } #section.sala-de-tv #main #left-column .element{ margin-top:30px; } #section.sala-de-tv #main #left-column .element h4{ font-size:18px; font-weight:bold; line-height:30px; color:#505050; } #section.sala-de-tv #main #left-column .item{ margin:20px 0 0 0; } #section.sala-de-tv #main #left-column .item .chapeu{ font-size:11px; font-weight:bold; line-height:16px; color:#005aab; } #section.sala-de-tv #main #right-column{ float:right; padding:10px 10px 0 0; width:335px; margin-left:10px; } #section.sala-de-tv #main #right-column img{float:left; margin-right:6px;} #section.sala-de-tv #main #right-column .spacer{ clear:both; height:20px; } #section.sala-de-tv #main #right-column .margin-top{margin-top:30px;} #section.sala-de-tv #main #right-column h2{font-size:20px;} #section.sala-de-tv #main #right-column .item{ margin:20px 0 0 0; } #section.sala-de-tv #main #right-column .item .chapeu{ font-size:11px; font-weight:bold; line-height:16px; color:#005aab; } #section.sala-de-tv #main #right-column .item h2.right{ margin-top:-8px; width:235px; } #section.sala-de-tv #main #right-column .item h3, #section.sala-de-tv #main #right-column .item h3 a{ font-size:18px; color:#000; } #section.sala-de-tv #sidebar{ float:right; width:175px; margin-left:10px; } #section.sala-de-tv #sidebar .box{ width:165px; background-color:#f7f7f7; margin-bottom:10px; padding:5px; } #section.sala-de-tv #sidebar .box h4{ font-size:18px; font-weight:bold; color:#505050; } /* SECTION radarcultura */ #section.radarcultura{ width:100%; } #section.radarcultura h1{ padding:5px 0; font-size:20px; font-weight:bold; } #section.radarcultura h2{ padding:5px 0; font-size:18px; font-weight:bold; } #section.radarcultura h1 a, #section.radarcultura h2 a{ color:#000; } #section.radarcultura a{ color:#a1a1a1; } #section.radarcultura a.linha-fina-explicativa{ color:#606060; } #section.radarcultura #main{ float:left; width:805px; } #section.radarcultura #main .header{ float:left; width:805px; border-bottom:1px #d5d5d5 solid; } #section.radarcultura #main .logo{ float:left; } #section.radarcultura #main .header .logo h1 a{ color:#000; } #section.radarcultura #main .menu{ float:right; } #section.radarcultura #main .menu ul{ margin-top:30px; } #section.radarcultura #main .menu ul li{ float:left; margin:0 5px; padding:2px; height:17px; background:url(../images/i-programas-menu-bg.gif) repeat-x; } #section.radarcultura #main .menu ul li .bg-left{ float:left; margin:-2px 0 0 -2px; height:21px; width:3px; background:url(../images/i-programas-menu-bg-left.gif) no-repeat; } #section.radarcultura #main .menu ul li a{ float:left; margin:0 3px; color:#5e5e5e; } #section.radarcultura #main .menu ul li .bg-right{ float:right; margin:-2px -3px 0 0; height:21px; width:3px; background:url(../images/i-programas-menu-bg-right.gif) no-repeat; } #section.radarcultura #main .credito{ float:left; margin-top:2px; margin-bottom:16px; font-size:smaller; color:#000; height:16px; line-height:14px; } #section.radarcultura #main #left-column{ float:left; padding-top:10px; width:440px; /*white-space:pre-line;*/ } #section.radarcultura #main #left-column #busca-musica-container #busca-musica{ width:360px; height:20px; } #section.radarcultura #main #left-column #resultados-da-busca{ height:500px; margin-top:10px; width:410px; overflow-y:auto; overflow-x:none; } #section.radarcultura #main .mais{float:right; margin-top:6px;} #section.radarcultura #main .mais a{font-size:11px; color:#000;} #section.radarcultura #main #right-column .separador, #section.radarcultura #main #left-column .separador{width:100%; height:1px; background-color:#afafaf;} #section.radarcultura #main #left-column .respiro{ height:6px; } #section.radarcultura #main #left-column img.thumb{ float:left; margin-right:6px; } #section.radarcultura #main #left-column h2.right{ margin-top:-10px; width:345px;} #section.radarcultura #main #left-column h3{ font-size:18px; font-weight:bold; } #section.radarcultura #main #left-column .element{ margin-top:30px; } #section.radarcultura #main #left-column .element h4{ font-size:18px; font-weight:bold; line-height:30px; color:#505050; } #section.radarcultura #main #left-column .item{ margin:20px 0 0 0; } #section.radarcultura #main #left-column .item .chapeu{ font-size:11px; font-weight:bold; line-height:16px; color:#005aab; } #section.radarcultura #main #left-column .mais-votadas-holder{height:500px; margin-top:10px;} #section.radarcultura #main #left-column .votacao-left{ float:left; padding:0; margin:-10px 10px 0 0; width:210px; } #section.radarcultura #main #left-column .votacao-right{ float:right; padding:0; margin:-10px 0 0 10px; width:210px; } #section.radarcultura #main #right-column{ float:right; padding:10px 10px 0 0; width:335px; margin-left:10px; } #section.radarcultura #main #right-column img{float:left; margin-right:6px;} #section.radarcultura #main #right-column .spacer{ clear:both; height:20px; } #section.radarcultura #main #right-column #como-funciona{text-align:right;} #section.radarcultura #main #right-column #como-funciona p{color:#606060;} #section.radarcultura #main #right-column #busca-musica-container #busca-musica{ width:275px; height:20px; } #section.radarcultura #main #right-column #resultados-da-busca{ height:500px; margin-top:10px; width:100%; overflow-y:auto; overflow-x:none; } #section.radarcultura #main #right-column .margin-top{margin-top:30px;} #section.radarcultura #main #right-column h2{font-size:18px;} #section.radarcultura #main #right-column h4{font-size:14px; font-weight:bold;} #section.radarcultura #main #right-column .item .cultura_musica h4 a{font-size:12px; font-weight:normal; text-transform:uppercase;} #section.radarcultura #main #right-column .item{ margin:20px 0 0 0; } #section.radarcultura #main #right-column .item .chapeu{ font-size:11px; font-weight:bold; line-height:16px; color:#005aab; } #section.radarcultura #main #right-column .item h2.right{ margin-top:-8px; width:235px; } #section.radarcultura #main #right-column .item h3, #section.radarcultura #main #right-column .item h3 a{ font-size:18px; color:#000; } #section.radarcultura #sidebar{ float:right; width:175px; margin-left:10px; } #section.radarcultura #sidebar .box{ width:165px; background-color:#f7f7f7; margin-bottom:10px; padding:5px; } #section.radarcultura #sidebar .box h4{ font-size:18px; font-weight:bold; color:#505050; } /* SECTION (*) músicas para votação */ .cultura_musica{font-size:11px;} #section #main .cultura_musica{ clear:both; margin-top:18px; } #section #main .cultura_musica .votar{ float:left; margin:0 6px 10px 0; width:40px; height:55px; background-image:url('../images/voto/bg_box.gif'); cursor:pointer; } #section #main .cultura_musica .votar .joinha{ margin:5px 0 0 11px; width:18px; height:23px; background-image:url('../images/voto/a_up_inact.gif'); } #section #main .cultura_musica .votar .joinha:hover, #section #main .cultura_musica .votar .joinha.on{ background-image:url('../images/voto/a_up_act.gif'); } #section #main .cultura_musica .votar .joinha.on{ cursor:default; } #section #main .cultura_musica .votar .total-votos{ margin-top:6px; text-align:center; font-size:13px; font-weight:bold; color:#505050; } #section #main .cultura_musica .dados li{ list-style:none; } .cultura_musica .dados .barrinha{ width:200px; height:6px; border:1px solid #e6e6e6;} .pavio100, .pavio99, .pavio98, .pavio97, .pavio96{ width:100%; background-color:#63a749; height:6px;} .pavio95, .pavio94, .pavio93, .pavio92, .pavio91{ width:95%; background-color:#63a749; height:6px;} .pavio90, .pavio89, .pavio88, .pavio87, .pavio86{ width:90%; background-color:#63a749; height:6px;} .pavio85, .pavio84, .pavio83, .pavio82, .pavio81{ width:85%; background-color:#63a749; height:6px;} .pavio80, .pavio79, .pavio78, .pavio77, .pavio76{ width:80%; background-color:#63a749; height:6px;} .pavio75, .pavio74, .pavio73, .pavio72, .pavio71{ width:75%; background-color:#63a749; height:6px;} .pavio70, .pavio69, .pavio68, .pavio67, .pavio66{ width:70%; background-color:#fcf919; height:6px;} .pavio65, .pavio64, .pavio63, .pavio62, .pavio61{ width:65%; background-color:#fcf919; height:6px;} .pavio60, .pavio59, .pavio58, .pavio57, .pavio56{ width:60%; background-color:#fcf919; height:6px;} .pavio55, .pavio54, .pavio53, .pavio52, .pavio51{ width:55%; background-color:#fcf919; height:6px;} .pavio50, .pavio49, .pavio48, .pavio47, .pavio46{ width:50%; background-color:#ffa10e; height:6px;} .pavio45, .pavio44, .pavio43, .pavio42, .pavio41{ width:45%; background-color:#ffa10e; height:6px;} .pavio40, .pavio39, .pavio38, .pavio37, .pavio36{ width:40%; background-color:#ffa10e; height:6px;} .pavio35, .pavio34, .pavio33, .pavio32, .pavio31{ width:35%; background-color:#ffa10e; height:6px;} .pavio30, .pavio29, .pavio28, .pavio27, .pavio26{ width:30%; background-color:#ffa10e; height:6px;} .pavio25, .pavio24, .pavio23, .pavio22, .pavio21{ width:25%; background-color:#ffa10e; height:6px;} .pavio20, .pavio19, .pavio18, .pavio17, .pavio16{ width:20%; background-color:#db2b2b; height:6px; } .pavio15, .pavio14, .pavio13, .pavio12, .pavio11{ width:15%; background-color:#db2b2b; height:6px; } .pavio10, .pavio9, .pavio8, .pavio7, .pavio6{ width:10%; background-color:#db2b2b; height:6px; } .pavio5{ width:5%; background-color:#db2b2b; height:6px; } .pavio4{ width:4%; background-color:#db2b2b; height:6px; } .pavio3{ width:3%; background-color:#db2b2b; height:6px; } .pavio2{ width:2%; background-color:#db2b2b; height:6px; } .pavio1{ width:1%; background-color:#db2b2b; height:6px; } .pavio0{ width:1%; background-color:#db2b2b; height:6px; } /* fim do trecho */ /* SECTION musica */ /* #section.musica{ width:100%; } #section.musica a{ color:#a1a1a1; } #section.musica h1{ padding:5px 0; font-size:20px; font-weight:bold; } #section.musica h2{ padding:5px 0; font-size:24px; font-weight:bold; } #section.musica h1 a, #section.musica h2 a{ color:#000; } #section.musica #main{ float:left; width:805px; } #section.musica #main .header{ float:left; width:805px; border-bottom:1px #d5d5d5 solid; } #section.musica #main .logo{ float:left; } #section.musica #main .header .logo h1 a{ color:#000; } #section.musica #main .menu{ float:right; } #section.musica #main .menu ul{ margin-top:30px; } #section.musica #main .menu ul li{ float:left; margin:0 5px; padding:2px; height:17px; background:url(../images/i-programas-menu-bg.gif) repeat-x; } #section.musica #main .menu ul li .bg-left{ float:left; margin:-2px 0 0 -2px; height:21px; width:3px; background:url(../images/i-programas-menu-bg-left.gif) no-repeat; } #section.musica #main .menu ul li a{ float:left; margin:0 3px; color:#5e5e5e; } #section.musica #main .menu ul li .bg-right{ float:right; margin:-2px -3px 0 0; height:21px; width:3px; background:url(../images/i-programas-menu-bg-right.gif) no-repeat; } #section.musica #main .credito{ float:left; margin-top:2px; margin-bottom:16px; font-size:smaller; color:#000; height:16px; line-height:14px; } #section.musica #main #left-column{ float:left; padding-top:10px; width:355px; /*white-space:pre-line;*/ } /* #section.musica #main #left-column .respiro{ height:22px; } #section.musica #main #left-column .element{ margin-top:30px; } #section.musica #main #left-column .element h4{ font-size:18px; font-weight:bold; line-height:30px; color:#505050; } /* musicas para votação :: ver SECTION (*) */ /* #section.musica #main #right-column h2{font-size:20px;} #section.musica #main #right-column{ float:right; padding-top:10px; width:430px; margin-left:10px; } #section.musica #main #right-column img{float:left; margin-right:6px;} #section.musica #main #right-column #busca-musica-container #busca-musica{ width:360px; height:20px; } #section.musica #main #right-column #resultados-da-busca{ height:500px; margin-top:10px; width:410px; overflow-y:auto; overflow-x:none; } #section.musica #sidebar{ float:right; width:175px; margin-left:10px; } #section.musica #sidebar .box{ width:165px; background-color:#f7f7f7; margin-bottom:10px; padding:5px; } #section.musica #sidebar .box h4{ font-size:18px; font-weight:bold; color:#505050; } */ /* SECTION radarcultura */ #section.musica{ width:100%; } #section.musica h1{ padding:5px 0; font-size:20px; font-weight:bold; } #section.musica h2{ padding:5px 0; font-size:18px; font-weight:bold; } #section.musica h1 a, #section.musica h2 a{ color:#000; } #section.musica a{ color:#a1a1a1; } #section.musica #main{ float:left; width:805px; } #section.musica #main .header{ float:left; width:805px; border-bottom:1px #d5d5d5 solid; } #section.musica #main .logo{ float:left; } #section.musica #main .header .logo h1 a{ color:#000; } #section.musica #main .menu{ float:right; } #section.musica #main .menu ul{ margin-top:30px; } #section.musica #main .menu ul li{ float:left; margin:0 5px; padding:2px; height:17px; background:url(../images/i-programas-menu-bg.gif) repeat-x; } #section.musica #main .menu ul li .bg-left{ float:left; margin:-2px 0 0 -2px; height:21px; width:3px; background:url(../images/i-programas-menu-bg-left.gif) no-repeat; } #section.musica #main .menu ul li a{ float:left; margin:0 3px; color:#5e5e5e; } #section.musica #main .menu ul li .bg-right{ float:right; margin:-2px -3px 0 0; height:21px; width:3px; background:url(../images/i-programas-menu-bg-right.gif) no-repeat; } #section.musica #main .credito{ float:left; margin-top:2px; margin-bottom:16px; font-size:smaller; color:#000; height:16px; line-height:14px; } #section.musica #main #left-column{ float:left; padding-top:10px; width:440px; /*white-space:pre-line;*/ } #section.musica #main #left-column #busca-musica-container #busca-musica{ width:360px; height:20px; } #section.musica #main #left-column #resultados-da-busca{ height:500px; margin-top:10px; width:410px; overflow-y:auto; overflow-x:none; } #section.musica #main #left-column .respiro{ height:6px; } #section.musica #main #left-column img.thumb{ float:left; margin-right:6px; } #section.musica #main #left-column h2.right{ margin-top:-10px; width:345px;} #section.musica #main #left-column h3{ font-size:18px; font-weight:bold; } #section.musica #main #left-column .element{ margin-top:30px; } #section.musica #main #left-column .element h4{ font-size:18px; font-weight:bold; line-height:30px; color:#505050; } #section.musica #main #left-column .item{ margin:20px 0 0 0; } #section.musica #main #left-column .item .chapeu{ font-size:11px; font-weight:bold; line-height:16px; color:#005aab; } #section.musica #main #left-column .votacao-left{ float:left; margin-top:10px; width:210px; margin-right:10px; } #section.musica #main #left-column .votacao-right{ float:right; margin-top:10px; width:210px; margin-left:10px; } #section.musica #main #right-column{ float:right; padding:10px 10px 0 0; width:335px; margin-left:10px; } #section.musica #main #right-column img{float:left; margin-right:6px;} #section.musica #main #right-column .spacer{ clear:both; height:20px; } #section.musica #main #right-column #como-funciona{text-align:right;} #section.musica #main #right-column #como-funciona p{color:#606060;} #section.musica #main #right-column #busca-musica-container #busca-musica{ width:275px; height:20px; } #section.musica #main #right-column #resultados-da-busca{ height:500px; margin-top:10px; width:100%; overflow-y:auto; overflow-x:none; } #section.musica #main #right-column .margin-top{margin-top:30px;} #section.musica #main #right-column h2{font-size:18px;} #section.musica #main #right-column h4{font-size:14px; font-weight:bold;} #section.musica #main #right-column .item{ margin:20px 0 0 0; } #section.musica #main #right-column .item .chapeu{ font-size:11px; font-weight:bold; line-height:16px; color:#005aab; } #section.musica #main #right-column .item h2.right{ margin-top:-8px; width:235px; } #section.musica #main #right-column .item h3, #section.musica #main #right-column .item h3 a{ font-size:18px; color:#000; } #section.musica #sidebar{ float:right; width:175px; margin-left:10px; } #section.musica #sidebar .box{ width:165px; background-color:#f7f7f7; margin-bottom:10px; padding:5px; } #section.musica #sidebar .box h4{ font-size:18px; font-weight:bold; color:#505050; } ul li.attached-audio{ margin:6px 0; padding:6px; background-color:#f1f1f1; color:#005aab; font-size:11px; cursor:pointer; } /* CONTENT (default) */ /* #content{ width:100%; } #content h2{ padding:5px 0; font-size:24px; font-weight:bold; } #content a{ color:#a1a1a1; } #content #main{ float:left; width:805px; } #content #main .credito{ float:left; margin-bottom:20px; font-size:smaller; color:#000; height:16px; line-height:20px; } #content #main .credito .source{ color:#a1a1a1; } #content #main #texto{ float:left; width:535px; } #content #main #texto .respiro{ height:22px; } #content #main #texto .element{ margin-top:30px; } #content #main #texto .element h4{ font-size:18px; font-weight:bold; line-height:30px; color:#505050; } */ #content #main #bar #compartilhe.element ul a, #content #main #texto #compartilhe.element ul a{ float:left; width:22px; height:22px; margin-right:6px; background-repeat:no-repeat; cursor:pointer; } #compartilhe ul a#twitter{ background-image:url('../images/ico-twitter.gif'); } #compartilhe ul a#facebook{ background-image:url('../images/ico-facebook.gif'); } #compartilhe ul a#digg{ background-image:url('../images/ico-digg.gif'); } #compartilhe ul a#delicious{ background-image:url('../images/ico-delicious.gif'); } #compartilhe ul a#reddit{ background-image:url('../images/ico-reddit.gif'); } #compartilhe ul a#blogger{ background-image:url('../images/ico-blogger.gif'); } #compartilhe ul a#myspace{ background-image:url('../images/ico-myspace.gif'); } #compartilhe ul a#orkut{ background-image:url('../images/ico-orkut.gif'); } #compartilhe #url{border:1px solid #404040; } /* #content #main #texto #comment.element .single-comment{ padding:10px; margin:6px 0; background-color:#ebf2f8; } #content #main #texto #comment.element .single-comment img{ max-width:80px; max-height:80px; } #content #main #texto #comment.element .single-comment .avatar{ float:left; } #content #main #texto #comment.element .single-comment .comment_comment{ float:right; width:430px; } #content #main #bar{ float:right; width:260px; margin-left:10px; } #content #main #bar .box{ margin-bottom:20px; } #content #main #bar .box .up{ width:260px; height:13px; background-image:url('../images/i-bar-box-up.gif'); background-repeat:no-repeat; } #content #main #bar .box .down{ width:260px; height:13px; background-image:url('../images/i-bar-box-down.gif'); background-repeat:no-repeat; } #content #main #bar .box .cont{ padding:4px 10px; width:240px; background-image:url('../images/i-bar-box-cont.gif'); background-repeat:repeat-y; } #content #main #bar .box .cont h4{ font-size:18px; color:#3a3a3a; } #content #main #bar .box .cont ul{ margin-top:18px; } #content #main #bar .box .cont ul li{ margin:12px 0} #content #main #bar .box .cont ul li a{ font-size:11px; font-weight:bold; color:#333; text-decoration:none;} #content #sidebar{ float:right; width:180px; margin-left:5px; } #content #sidebar .box{ width:170px; background-color:#f7f7f7; margin-bottom:10px; padding:5px; } #content #sidebar .box h4{ font-size:18px; font-weight:bold; color:#505050; } */ #content #concurso .input .label{float:left; width:120px;} /* CONTENT programas */ #content.programas{ width:100%; } #content.programas h1{ padding:5px 0; font-size:20px; font-weight:bold; } #content.programas h2{ padding:5px 0; font-size:24px; font-weight:bold; } #content.programas h1 a, #content.programas h2 a{ color:#000; } #content.programas a{ color:#a1a1a1; } #content.programas li{list-style:none;} #content.programas h2.content-title{ margin-top:20px; } #content.programas #main{ float:left; width:805px; } #content.programas #main .header{ float:left; width:805px; border-bottom:1px #d5d5d5 solid; } #content.programas #main .logo{ float:left; } #content.programas #main .menu{ float:right; } #content.programas #main .menu ul{ margin-top:30px; } #content.programas #main .menu ul li{ float:left; margin:0 5px; padding:2px; height:17px; background:url(../images/i-programas-menu-bg.gif) repeat-x; } #content.programas #main .menu ul li .bg-left{ float:left; margin:-2px 0 0 -2px; height:21px; width:3px; background:url(../images/i-programas-menu-bg-left.gif) no-repeat; } #content.programas #main .menu ul li a{ float:left; margin:0 3px; color:#5e5e5e; font-size:11px; } #content.programas #main .menu ul li .bg-right{ float:right; margin:-2px -3px 0 0; height:21px; width:3px; background:url(../images/i-programas-menu-bg-right.gif) no-repeat; } #content.programas #main .credito{ float:left; margin-top:2px; margin-bottom:16px; font-size:smaller; color:#000; height:16px; line-height:14px; } #content.programas #main .credito .source{ color:#a1a1a1; } #content.programas #main img.big{margin-top:10px;} #content.programas #main #texto{ float:left; padding-top:10px; width:535px; /*white-space:pre-line;*/ } #content.programas #main .votar{ float:left; margin:0 6px 10px 0; width:40px; height:55px; background-image:url('../images/voto/bg_box.gif'); cursor:pointer; } #content.programas #main .votar .joinha{ margin:5px 0 0 11px; width:18px; height:23px; background-image:url('../images/voto/a_up_inact.gif'); } #content.programas #main .votar .joinha:hover, #content.programas #main .votar .joinha.on{ background-image:url('../images/voto/a_up_act.gif'); } #content.programas #main .votar .joinha.on{ cursor:default; } #content.programas #main .votar .total-votos{ margin-top:6px; text-align:center; font-size:13px; font-weight:bold; color:#505050; } #content.programas #main #texto .autor{ color: #999; font-size:smaller; margin-bottom:30px; } #content.programas #main #texto .nome{ text-transform:uppercase; } #content.programas #main #texto .data{ clear:both; margin-top:30px; color: #999; font-size:smaller; } #content.programas #main #texto .respiro{ height:22px; } #content.programas #main #texto .element{ margin-top:30px; } #content.programas #main #texto .element h4{ font-size:18px; font-weight:bold; line-height:30px; color:#505050; } #content.programas #main #texto #compartilhe.element ul li{ float:left; width:22px; height:22px; margin-right:6px; background-repeat:no-repeat; cursor:pointer; } #content.programas #main #texto #comment.element .single-comment{ padding:10px; margin:6px 0; background-color:#ebf2f8; } #content.programas #main #texto #comment.element .single-comment img{ max-width:80px; max-height:80px; } #content.programas #main #texto #comment.element .single-comment .avatar{ float:left; } #content.programas #main #texto #comment.element .single-comment .comment_comment{ float:right; width:430px; } #content.programas #main #texto #comment.element .single-comment .comment_comment p.pre{width:430px; white-space:pre-line;} #content.programas #main #bar{ float:right; width:260px; margin-left:10px; } #content.programas #main #bar h2{ font-size:18px; color:#3a3a3a; } #content.programas #main #bar .box{ margin-bottom:12px; } #content.programas #main #bar .box .up{ width:260px; height:13px; background-image:url('../images/i-bar-box-up.gif'); background-repeat:no-repeat; } #content.programas #main #bar .box .down{ width:260px; height:13px; background-image:url('../images/i-bar-box-down.gif'); background-repeat:no-repeat; } #content.programas #main #bar .box .cont{ padding:4px 10px; width:240px; background-image:url('../images/i-bar-box-cont.gif'); background-repeat:repeat-y; } #content.programas #main #bar .box .cont h4{ font-size:18px; color:#3a3a3a; } #content.programas #main #bar .box .cont ul{ margin-top:18px; } #content.programas #main #bar .box .cont ul li{ margin:12px 0} #content.programas #main #bar .box .cont ul li a{ font-size:11px; font-weight:bold; color:#333; text-decoration:none;} #content.programas #main #bar form textarea{width:230px; height:100px; font-family:Arial, Helvetica, sans-serif; font-size:12px;} #content.programas #main #bar form input.titulo{width:230px;} #content.programas #sidebar{ float:right; width:175px; margin-left:10px; } #content.programas #sidebar .box{ width:165px; background-color:#f7f7f7; margin-bottom:10px; padding:5px; } #content.programas #sidebar .box h4{ font-size:18px; font-weight:bold; color:#505050; } /* CONTENT programas-simples */ #content.programas-simples{ width:100%; } #content.programas-simples h1{ padding:5px 0; font-size:20px; font-weight:bold; } #content.programas-simples h2{ padding:5px 0; font-size:24px; font-weight:bold; } #content.programas-simples h1 a, #content.programas-simples h2 a{ color:#000; } #content.programas-simples a{ color:#a1a1a1; } #content.programas-simples li{list-style:none;} #content.programas-simples h2.content-title{ margin-top:20px; } #content.programas-simples #main{ float:left; width:805px; } #content.programas-simples #main .header{ float:left; width:805px; border-bottom:1px #d5d5d5 solid; } #content.programas-simples #main .logo{ float:left; } #content.programas-simples #main .menu{ float:right; } #content.programas-simples #main .menu ul{ margin-top:30px; } #content.programas-simples #main .menu ul li{ float:left; margin:0 5px; padding:2px; height:17px; background:url(../images/i-programas-menu-bg.gif) repeat-x; } #content.programas-simples #main .menu ul li .bg-left{ float:left; margin:-2px 0 0 -2px; height:21px; width:3px; background:url(../images/i-programas-menu-bg-left.gif) no-repeat; } #content.programas-simples #main .menu ul li a{ float:left; margin:0 3px; color:#5e5e5e; font-size:11px; } #content.programas-simples #main .menu ul li .bg-right{ float:right; margin:-2px -3px 0 0; height:21px; width:3px; background:url(../images/i-programas-menu-bg-right.gif) no-repeat; } #content.programas-simples #main .credito{ float:left; margin-top:2px; margin-bottom:16px; font-size:smaller; color:#000; height:16px; line-height:14px; } #content.programas-simples #main .credito .source{ color:#a1a1a1; } #content.programas-simples #main img.big{margin-top:10px;} #content.programas-simples #main #texto{ float:left; padding-top:10px; width:535px; /*white-space:pre-line;*/ } #content.programas-simples #main .votar{ float:left; margin:0 6px 10px 0; width:40px; height:55px; background-image:url('../images/voto/bg_box.gif'); cursor:pointer; } #content.programas-simples #main .votar .joinha{ margin:5px 0 0 11px; width:18px; height:23px; background-image:url('../images/voto/a_up_inact.gif'); } #content.programas-simples #main .votar .joinha:hover, #content.programas-simples #main .votar .joinha.on{ background-image:url('../images/voto/a_up_act.gif'); } #content.programas-simples #main .votar .joinha.on{ cursor:default; } #content.programas-simples #main .votar .total-votos{ margin-top:6px; text-align:center; font-size:13px; font-weight:bold; color:#505050; } #content.programas-simples #main #texto .autor{ color: #999; font-size:smaller; margin-bottom:30px; } #content.programas-simples #main #texto .nome{ text-transform:uppercase; } #content.programas-simples #main #texto .data{ clear:both; margin-top:30px; color: #999; font-size:smaller; } #content.programas-simples #main #texto .respiro{ margin:50px 0 10px 0; height:1px; background-color:#ccc; } #content.programas-simples #main #texto .element{ margin-top:30px; } #content.programas-simples #main #texto .element h4{ font-size:18px; font-weight:bold; line-height:30px; color:#505050; } #content.programas-simples #main #texto #comment.element .single-comment{ padding:10px; margin:6px 0; background-color:#ebf2f8; } #content.programas-simples #main #texto #comment.element .single-comment img{ max-width:80px; max-height:80px; } #content.programas-simples #main #texto #comment.element .single-comment .avatar{ float:left; } #content.programas-simples #main #texto #comment.element .single-comment .comment_comment{ float:right; width:430px; } #content.programas-simples #main #texto #comment.element .single-comment .comment_comment p.pre{width:430px; white-space:pre-line;} #content.programas-simples #main #mais h4.anteriores{font-size:18px; font-weight:bold; line-height:30px; color:#505050;} #content.programas-simples #main #mais .chapeu{font-size:11px; font-weight:bold; line-height:16px; color:#005aab;} #content.programas-simples #main #mais .foreach{margin-top:30px;} #content.programas-simples #main #mais .item{margin-bottom:20px;} #content.programas-simples #main #mais .item h3 a{font-size:18px; color:#3a3a3a;} #content.programas-simples #main #bar{ float:right; width:260px; margin-left:10px; } #content.programas-simples #main #bar h2{ font-size:18px; color:#3a3a3a; } #content.programas-simples #main #bar #compartilhe.element ul li{ float:left; width:22px; height:22px; margin-right:6px; background-repeat:no-repeat; cursor:pointer; } #content.programas-simples #main #bar #compartilhe.element h4{ font-size:18px; font-weight:bold; line-height:30px; color:#505050; } #content.programas-simples #main #bar .box{ margin-bottom:12px; } #content.programas-simples #main #bar .box .up{ width:260px; height:13px; background-image:url('../images/i-bar-box-up.gif'); background-repeat:no-repeat; } #content.programas-simples #main #bar .box .down{ width:260px; height:13px; background-image:url('../images/i-bar-box-down.gif'); background-repeat:no-repeat; } #content.programas-simples #main #bar .box .cont{ padding:4px 10px; width:240px; background-image:url('../images/i-bar-box-cont.gif'); background-repeat:repeat-y; } #content.programas-simples #main #bar .box .cont h4{ font-size:18px; color:#3a3a3a; } #content.programas-simples #main #bar .box .cont ul{ margin-top:18px; } #content.programas-simples #main #bar .box .cont ul li{ margin:12px 0} #content.programas-simples #main #bar .box .cont ul li a{ font-size:11px; font-weight:bold; color:#333; text-decoration:none;} #content.programas-simples #main #bar form textarea{width:230px; height:100px; font-family:Arial, Helvetica, sans-serif; font-size:12px;} #content.programas-simples #main #bar form input.titulo{width:230px;} #content.programas-simples #sidebar{ float:right; width:175px; margin-left:10px; } #content.programas-simples #sidebar .box{ width:165px; background-color:#f7f7f7; margin-bottom:10px; padding:5px; } #content.programas-simples #sidebar .box h4{ font-size:18px; font-weight:bold; color:#505050; } /* SELECAO DO OUVINTE form*/ #form-selecao-do-ouvinte .item{width:170px; float:left;} #form-selecao-do-ouvinte #adoniran, #form-selecao-do-ouvinte #mensagem{width:388px;} #form-selecao-do-ouvinte #regulamento{width:420px; height:400px; font-family:Arial; font-size:12px;} /* CONTENT concursos */ #content.concursos #main #texto .tweet{ float:left; margin:10px; } #content.concursos #main #texto .tweet img{ width:48px; height:48px;} #content.concursos #main #texto .vencedor{ width:100%; margin:12px 0; padding:10px; height:100px; background-color:#f8ffdd; border: 1px dashed #6d7bff; } /* CONTENT fotos */ #content.fotos{ width:100%; } #content.fotos h1{ padding:5px 0; font-size:20px; font-weight:bold; } #content.fotos h2{ padding:5px 0; font-size:24px; font-weight:bold; } #content.fotos h1 a, #content.fotos h2 a{ color:#000; } #content.fotos a{ color:#a1a1a1; } #content.fotos h2.content-title{ margin-top:20px; } #content.fotos #ajax_foto{width:990px; height:500px;} #content.fotos #main{ float:left; width:805px; } #content.fotos #main .header{ float:left; width:990px; border-bottom:1px #d5d5d5 solid; } #content.fotos #main .logo{ float:left; } #content.fotos #main .menu{ float:right; } #content.fotos #main .menu ul{ margin-top:30px; } #content.fotos #main .menu ul li{ float:left; margin:0 5px; padding:2px; height:17px; background:url(../images/i-programas-menu-bg.gif) repeat-x; } #content.fotos #main .menu ul li .bg-left{ float:left; margin:-2px 0 0 -2px; height:21px; width:3px; background:url(../images/i-programas-menu-bg-left.gif) no-repeat; } #content.fotos #main .menu ul li a{ float:left; margin:0 3px; color:#5e5e5e; font-size:11px; } #content.fotos #main .menu ul li .bg-right{ float:right; margin:-2px -3px 0 0; height:21px; width:3px; background:url(../images/i-programas-menu-bg-right.gif) no-repeat; } #content.fotos #main .credito{ /*float:left;*/ margin-top:2px; margin-bottom:16px; font-size:smaller; color:#000; height:16px; line-height:14px; text-align:center; } #content.fotos #main .credito .source{ color:#a1a1a1; } #content.fotos #main img.big{margin-top:10px;} #content.fotos #main #texto{ float:left; padding-top:10px; width:990px; /*white-space:pre-line;*/ } #content.fotos #main #texto #ul-fotos{margin-top:22px;} #content.fotos #main #texto #ul-fotos img{cursor:pointer;} #content.fotos #main #texto .autor{ color: #999; font-size:smaller; margin-bottom:30px; } #content.fotos #main #texto .nome{ text-transform:uppercase; } #content.fotos #main #texto .respiro{ height:22px; } #content.fotos #main #texto .element{ margin-top:30px; } #content.fotos #main #texto .element h4{ font-size:18px; font-weight:bold; line-height:30px; color:#505050; } #content.fotos #main #texto #compartilhe.element ul li{ float:left; width:22px; height:22px; margin-right:6px; background-repeat:no-repeat; cursor:pointer; } #content.fotos #main #texto #comment.element .single-comment{ padding:10px; margin:6px 0; background-color:#ebf2f8; } #content.fotos #main #texto #comment.element .single-comment img{ max-width:80px; max-height:80px; } #content.fotos #main #texto #comment.element .single-comment .avatar{ float:left; } #content.fotos #main #texto #comment.element .single-comment .comment_comment{ float:right; width:430px; } #content.fotos #main #texto #comment.element .single-comment .comment_comment p.pre{width:430px; white-space:pre-line;} #content.fotos #main #bar{ float:right; width:0px; } #content.fotos #main #bar .box{ margin-bottom:12px; } #content.fotos #main #bar .box .up{ width:260px; height:13px; background-image:url('../images/i-bar-box-up.gif'); background-repeat:no-repeat; } #content.fotos #main #bar .box .down{ width:260px; height:13px; background-image:url('../images/i-bar-box-down.gif'); background-repeat:no-repeat; } #content.fotos #main #bar .box .cont{ padding:4px 10px; width:240px; background-image:url('../images/i-bar-box-cont.gif'); background-repeat:repeat-y; } #content.fotos #main #bar .box .cont h4{ font-size:18px; color:#3a3a3a; } #content.fotos #main #bar .box .cont ul{ margin-top:18px; } #content.fotos #main #bar .box .cont ul li{ margin:12px 0} #content.fotos #main #bar .box .cont ul li a{ font-size:11px; font-weight:bold; color:#333; text-decoration:none;} #content.fotos #sidebar{ float:right; width:175px; margin-left:10px; } #content.fotos #sidebar .box{ width:165px; background-color:#f7f7f7; margin-bottom:10px; padding:5px; } #content.fotos #sidebar .box h4{ font-size:18px; font-weight:bold; color:#505050; } /* #content.foto #main{} #content.foto #main .credito{ float:left; margin-top:2px; margin-bottom:16px; font-size:smaller; color:#000; height:16px; line-height:14px; } #content.foto h1{ padding:5px 0; font-size:20px; font-weight:bold; } #content.foto h2{ padding:5px 0; font-size:24px; font-weight:bold; } #content.foto h1 a, #content.foto h2 a{ color:#000; } #content.foto a{ color:#a1a1a1; } #content.foto #main .header{ float:left; width:990px; border-bottom:1px #d5d5d5 solid; } #content.foto #main .logo{ float:left; } #content.foto #main #foto{ width:100%; white-space:pre-line; } #content.foto #main #foto #ajax_foto{height:510px;} #content.foto #main #foto ul#teste{} #content.foto #main #foto ul#teste li{float:left; width:90px; height:50px; background-color:#3838fb;} #content.foto #main #foto ul#thumbs{margin-top:10px;} #content.foto #main #foto ul#thumbs li{ float:left; width:90px; height:50px; cursor:pointer; } #content.foto #main .respiro{ height:22px; } #content.foto #main .element{ margin-top:30px; } #content.foto #main .element h4{ font-size:18px; font-weight:bold; line-height:30px; color:#505050; } #content.foto #main #compartilhe.element ul li{ float:left; width:22px; height:22px; margin-right:6px; background-repeat:no-repeat; cursor:pointer; } */ /* sidebar */ #agenda, #atencao-brasil, #panoramica{ font-size:11px; color:#505050; } #agenda .item, #atencao-brasil .item, #panoramica .item{ margin-top:8px; padding:2px; } #agenda .item a, #atencao-brasil .item a, #panoramica .item a{ text-decoration:none; color:#005aab; } #twitter{ font-size:11px; color:#505050; } #twitter .tweet{ margin-top:8px; padding:2px; } #twitter .tweet img{ float:left; margin-right:5px; width:48px; height:48px; } #twitter.box h4 a, #twitter .tweet div a{ color:#505050; } #twitter .tweet div a.name{ font-weight:bold; text-decoration:none; } #twitter .tweet .retweet{ clear:both; color:#3838fb; } /* cultura_musicas programas */ #cultura_musicas{ width:100%; } #cultura_musicas h2{ padding:5px 0; font-size:24px; font-weight:bold; } #cultura_musicas h2 a{ color:#000; } #cultura_musicas a{ color:#a1a1a1; } #cultura_musicas #main{ float:left; width:805px; } #cultura_musicas #main .header{ float:left; width:805px; border-bottom:1px #d5d5d5 solid; } #cultura_musicas #main .logo{ float:left; } #cultura_musicas #main .menu{ float:right; } #cultura_musicas #main .menu ul{ margin-top:30px; } #cultura_musicas #main .menu ul li{ float:left; margin:0 5px; padding:2px; height:17px; background:url(../images/i-programas-menu-bg.gif) repeat-x; } #cultura_musicas #main .menu ul li .bg-left{ float:left; margin:-2px 0 0 -2px; height:21px; width:3px; background:url(../images/i-programas-menu-bg-left.gif) no-repeat; } #cultura_musicas #main .menu ul li a{ float:left; margin:0 3px; color:#5e5e5e; } #cultura_musicas #main .menu ul li .bg-right{ float:right; margin:-2px -3px 0 0; height:21px; width:3px; background:url(../images/i-programas-menu-bg-right.gif) no-repeat; } #cultura_musicas #main .credito{ float:left; margin-top:2px; margin-bottom:16px; font-size:smaller; color:#000; height:16px; line-height:14px; } #cultura_musicas #main #texto{ float:left; padding-top:10px; width:535px; /*white-space:pre-line;*/ } #cultura_musicas #main .votar{ float:left; margin:0 6px 10px 0; width:40px; height:55px; background-image:url('../images/voto/bg_box.gif'); cursor:pointer; } #cultura_musicas #main .votar .joinha{ margin:5px 0 0 11px; width:18px; height:23px; background-image:url('../images/voto/a_up_inact.gif'); } #cultura_musicas #main .votar .joinha:hover, #cultura_musicas #main .votar .joinha.on{ background-image:url('../images/voto/a_up_act.gif'); } #cultura_musicas #main .votar .joinha.on{ cursor:default; } #cultura_musicas #main .votar .total-votos{ margin-top:6px; text-align:center; font-size:13px; font-weight:bold; color:#505050; } #cultura_musicas #main #texto .autor{ color: #999; font-size:smaller; margin-bottom:30px; } #cultura_musicas #main #texto .nome{ text-transform:uppercase; } #cultura_musicas #main #texto .respiro{ height:22px; } #cultura_musicas #main #texto .element{ margin-top:30px; } #cultura_musicas #main #texto .element h4{ font-size:18px; font-weight:bold; line-height:30px; color:#505050; } #cultura_musicas #main #texto #compartilhe.element ul li{ float:left; width:22px; height:22px; margin-right:6px; background-repeat:no-repeat; cursor:pointer; } #cultura_musicas #main #bar{ float:right; width:260px; margin-left:10px; } #cultura_musicas #main #bar .box{ margin-bottom:12px; } #cultura_musicas #main #bar .box .up{ width:260px; height:13px; background-image:url('../images/i-bar-box-up.gif'); background-repeat:no-repeat; } #cultura_musicas #main #bar .box .down{ width:260px; height:13px; background-image:url('../images/i-bar-box-down.gif'); background-repeat:no-repeat; } #cultura_musicas #main #bar .box .cont{ padding:4px 10px; width:240px; background-image:url('../images/i-bar-box-cont.gif'); background-repeat:repeat-y; } #cultura_musicas #main #bar .box .cont h4{ font-size:24px; color:#3a3a3a; } #cultura_musicas #main #bar .box .cont ul{ margin-top:18px; } #cultura_musicas #main #bar .box .cont ul li{ margin:12px 0} #cultura_musicas #main #bar .box .cont ul li a{ font-weight:bold; color:#333; text-decoration:none;} #cultura_musicas #sidebar{ float:right; width:175px; margin-left:10px; } #cultura_musicas #sidebar .box{ width:165px; background-color:#f7f7f7; margin-bottom:10px; padding:5px; } #cultura_musicas #sidebar .box h4{ font-size:18px; font-weight:bold; color:#505050; } #footer{ background-color:#464646; margin-top:20px; padding:12px 0; } #footer ul{ float:left; width:180px;} #footer ul.portal{margin-left:15px;} #footer ul.margin-top{margin-top:24px;} #footer ul li{margin:2px 0; width:180px;} #footer h1{margin:4px 0; color:#fff; font-size:15px; font-weight:bold; } #footer h3{margin:14px 0 4px 0; color:#fff; font-size:13px; font-weight:bold; } #footer a{ color:#fff; font-size:11px; } /* Controle Remoto */ #controle-remoto{ width:145px; height:44px; background:url('../images/ico-controle-remoto.gif') no-repeat; cursor:pointer; list-style:none; } #controle-remoto h1{display:none;} .controle-remoto{color:#5a5a5a; cursor:pointer;} #widget-controle{font-size:11px;} #widget-controle p{margin-top:10px;} #widget-controle textarea{width:100%;height:100px;font-size:11px;} /* user */ #loggedin{height:20px;} /** Audio Player */ /* Se for mexer aqui, dá uma revisada no controle-remoto.css também */ #player_container { position:relative; width:262px; height:82px; background-image:url('../images/jPlayer/container.gif'); background-repeat:no-repeat; } #player_container ul#player_controls { padding:0; margin:0; list-style-type:none; } #player_container ul#player_controls li { overflow:hidden; text-indent:-9999px; } #player_play, #player_pause { position:absolute; top:0; left:0; margin:6px 44px; display: block; width:32px; height:32px; cursor: pointer; } #player_play { background: url("../images/jPlayer/radiocultura-player-ctrl.jpg") 0 -1px no-repeat; } #player_play.jqjp_hover { background: url("../images/jPlayer/radiocultura-player-ctrl.jpg") -34px -1px no-repeat; } #player_pause { background: url("../images/jPlayer/radiocultura-player-ctrl.jpg") 0 -35px no-repeat; } #player_pause.jqjp_hover { background: url("../images/jPlayer/radiocultura-player-ctrl.jpg") -34px -35px no-repeat;} #ctrl_prev { position: absolute; top:0; left:0; margin:10px 0 0 12px; width:27px; height:27px; background: url("../images/jPlayer/radiocultura-player-ctrl.jpg") 0 -69px no-repeat; cursor: pointer; } #ctrl_prev:hover { background: url("../images/jPlayer/radiocultura-player-ctrl.jpg") -28px -69px no-repeat; } #ctrl_next { position: absolute; top:0; left:0; margin:10px 0 0 80px; width:27px; height:27px; background: url("../images/jPlayer/radiocultura-player-ctrl.jpg") 0 -96px no-repeat; cursor: pointer; } #ctrl_next:hover { background: url("../images/jPlayer/radiocultura-player-ctrl.jpg") -28px -96px no-repeat; } #player_stop { position: absolute; top:0; left:0; margin:10px 0 0 120px; width:27px; height:27px; background: url("../images/jPlayer/radiocultura-player-ctrl.jpg") 0 -123px no-repeat; cursor: pointer; } #player_stop:hover { background: url("../images/jPlayer/radiocultura-player-ctrl.jpg") -28px -123px no-repeat; } #player_volume_max, #player_volume_min { position: absolute; top:0; left:0; margin:12px 0 0 170px; width:25px; height:25px; background: url("../images/jPlayer/radiocultura-player-ctrl.jpg") 0 -150px no-repeat; cursor: pointer; } #player_volume_max.jqjp_hover, #player_volume_min.jqjp_hover { background: url("../images/jPlayer/radiocultura-player-ctrl.jpg") 0px -150px no-repeat; } #player_volume_bar { position: absolute; top:0; left:0; margin:20px 0 0 196px; background: url("../images/jPlayer/volume_bar.gif") repeat-x top left; width:46px; height:8px; cursor: pointer; } #player_volume_bar_value { background: url("../images/jPlayer/volume_bar_value.gif") repeat-x top left; width:0px; height:8px; } #play_time { position: absolute; top:0; left:0; margin:56px 0 0 15px; font-size:11px; } #total_time { position: absolute; top:0; left:0; margin:56px 0 0 212px; font-size:11px; } #player_progress { position: absolute; top:0; left:0; margin:56px 0 0 55px; width:146px; height:15px; } #player_progress_load_bar { background: url("../images/jPlayer/bar_load.gif") top left repeat-x; width:0px; height:15px; cursor: pointer; } #player_progress_load_bar.jqjp_buffer { background: url("../images/jPlayer/bar_buffer.gif") top left repeat-x; } #player_progress_play_bar { background: url("../images/jPlayer/bar_play.gif") top left repeat-x ; width:0px; height:15px; } /** Playlist */ #culturaPlaylist{ padding:10px; margin-bottom:12px; margin-left:4px; width:235px; background-color:#f1f1f1; } #culturaPlaylist ul{ margin:8px 0; } #culturaPlaylist ul li{ font-size:12px; font-weight:lighter; color:#5a5a5a; cursor:pointer; } #culturaPlaylist ul li.nome-musica{ float:left; margin-bottom:5px; width:200px; font-size:11px; } #culturaPlaylist ul li.fechar-musica{ float:right; } #culturaPlaylist ul .nowPlaying{ font-weight:bold; } #culturaPlaylist .divisor{ clear:both; height:1px; width:100%; background-color:#d7d7d7; } /*
*/ #bt-busca{margin-top:-4px;} #gatilho{ padding:4px; width:90px; color:#FFFFFF; font-weight:bold; background-color:#000000; cursor:pointer; list-style:none;} .video{display:none;} /* ESPECIAL COPA DO MUNDO */ #copa-do-mundo{ margin-top:70px; width:805px; height:500px; background-image:url('../images/bg-copa.jpg');} #copa-do-mundo .album{ position:absolute; top:300px; } #copa-do-mundo .figurinha{position:absolute; width:102px; height:168px; list-style:none; cursor:pointer;} #copa-do-mundo .figurinha .aspas{display:none; background-color:#f7f7f7; padding:8px; width:102px; font-size:11px; z-index:3;} #copa-do-mundo .figurinha:hover .aspas{display:block;} #zetti{left:40px; top:116px; background-image:url('../images/copa-do-mundo/zetti.png'); background-repeat:no-repeat;} #zetti .aspas{margin:-50px 0 0 0;} #carlos-alberto-torres{left:152px; top:116px; background-image:url('../images/copa-do-mundo/carlos-alberto-torres.png'); background-repeat:no-repeat;} #carlos-alberto-torres .aspas{margin:-60px 0 0 0;} #brito{left:266px; top:116px; background-image:url('../images/copa-do-mundo/brito.png'); background-repeat:no-repeat;} #brito .aspas{margin:130px 0 0 100px; width:82px;} #oscar{left:40px; top:290px; background-image:url('../images/copa-do-mundo/oscar.png'); background-repeat:no-repeat;} #oscar .aspas{margin:170px 0 0 0;} #junior{left:160px; top:310px; background-image:url('../images/copa-do-mundo/junior.png'); background-repeat:no-repeat;} #junior .aspas{margin:170px 0 0 0;} #clodoaldo{left:282px; top:328px; background-image:url('../images/copa-do-mundo/clodoaldo.png'); background-repeat:no-repeat;} #clodoaldo .aspas{margin:170px 0 0 0;} #mauro-silva{left:442px; top:86px; background-image:url('../images/copa-do-mundo/mauro-silva.png'); background-repeat:no-repeat;} #mauro-silva .aspas{margin:-60px 0 0 0;} #paulo-isidoro{left:558px; top:18px; background-image:url('../images/copa-do-mundo/paulo-isidoro.png'); background-repeat:no-repeat;} #paulo-isidoro .aspas{margin:0 0 0 102px;} #zagallo{left:678px; top:84px; background-image:url('../images/copa-do-mundo/zagallo.png'); background-repeat:no-repeat;} #zagallo .aspas{margin:0 0 0 102px;} #pepe{left:440px; top:300px; background-image:url('../images/copa-do-mundo/pepe.png'); background-repeat:no-repeat;} #pepe .aspas{margin:120px 0 0 102px;} #roberto-dinamite{left:560px; top:194px; background-image:url('../images/copa-do-mundo/roberto-dinamite.png'); background-repeat:no-repeat;} #roberto-dinamite .aspas{margin:110px 0 0 102px;}