/* Estilo geral para o site da Órbita Rádio Autores da folhas de estilos: Diego Chaves Design: Diego Chaves */ @font-face { font-family: 'ArialBlack'; src: url('font/ariblk-webfont.eot'); src: url('font/ariblk-webfont.eot?#iefix') format('embedded-opentype'), url('font/ariblk-webfont.woff') format('woff'), url('font/ariblk-webfont.ttf') format('truetype'), url('font/ariblk-webfont.svg#ArialBlack') format('svg'); font-weight: normal; font-style: normal; } /* Resets **********************************************************/ * {margin:0; padding:0; border:0; vertical-align:baseline; list-style:none;} /*table {border-spacing:0;}*/ caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:middle;} img, a img {border:none;} li { list-style:none; margin:0; padding:0} a {text-decoration:none;outline:none; color:#000} a:hover {} /*DEFINICOES GERAIS **********************************************************/ body { font-family:Arial, Helvetica, sans-serif; color:#000} .background { background:url(../images/background.jpg) repeat center top;} .background_1 { background:url(../images/background_2.jpg) repeat center top} .background_2 { background:url(../images/background_3.jpg) repeat center top fixed} .background_3 { background:url(../images/background_4.jpg) repeat center top fixed} .background_4 { background:url(../images/background_5.jpg) repeat center top} .background_5 { background:url(../images/background_6.gif) repeat center top} .container { width:960px; margin:0 auto} #box_conteudo { background:#FFF; width:940px; float:left; margin:20px 0 0; padding:0 10px; min-height:800px} h2 { font-size:16px; text-transform:uppercase; background:#E9E5DC; padding:5px;} h2 #preto { color:#000; font-weight:normal} h2 #rosa { font-family:'ArialBlack'; color:#FE0033; font-weight:normal} h3 { font-weight:bold; font-size:23px; color:#FE0033; letter-spacing:-1px; line-height:29px; border-bottom:1px solid #E9E5DC; padding:4px 5px 1px; margin:10px 0 20px; background:#E9E5DC; text-transform:uppercase} h4#title { font-weight:bold; font-size:38px; color:#333; letter-spacing:-3px; line-height:38px; border-bottom:1px solid #E9E5DC; padding:0 0 20px; margin:10px 0 15px} h5#title { font-weight:bold; font-size:23px; color:#333; letter-spacing:-3px; line-height:23px; border-bottom:1px solid #E9E5DC; padding:0 0 10px; margin:10px 0 10px} .coluna { width:299px; float:left; margin:15px 10px 0 0; padding:0 10px 20px 0} .coluna#um_home { border-right:1px solid #E9E5DC} .coluna#dois_home { border-right:1px solid #E9E5DC} .coluna#tres_home { margin:15px 0 0; padding:0} #middle { width:620px; float:left; padding:10px 0 0} #sidebar { width:299px; float:right; margin:10px 0 20px; padding:0 0 0 10px; border-left:2px solid #e9e5dc} .vejamais { font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; color:#000; border:1px solid #000; padding:2px 5px; font-style:italic} .vejamais:hover { background:#fe0033; color:#fff;} /*HEADER **********************************************************/ #header { width:100%; float:left; margin:20px 0 0; border-bottom:4px solid #000; padding:0 0 10px} #header h1 a{ background:url(../images/logo.png) no-repeat; width:181px; height:78px; display:block; text-indent:-5000px; float:left; margin:5px 0 0} #header #publicidade_topo { float:right} #header #nav {float:left; margin:25px 0 0} #header #nav ul {} #header #nav ul li { float:left; display:block; margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid #000} #header #nav ul li#menu-item-17 { border:none} #header #nav ul li a { font-family:'ArialBlack'; font-size:13px; text-transform:uppercase} #header #nav ul li a:hover, #header #nav ul li.current-menu-item a{ color:#FE0033} #header #botao_player { float:right; margin:20px 0 0; display:none} /*PLAYLIST - HOME **********************************************************/ #playlist { margin:10px 0 0; width:100%; float:left } /*PROGRAMAS - HOME **********************************************************/ #programas { margin:10px 0 0; width:100%; float:left; position:relative} #programas #noar { position:absolute; top:7px; right:10px; display:none} #programas #noar p { font-family: 'ArialBlack'; font-size:11px; color:#000; float:left; margin:0 10px 0 0} /*NOTICIAS - HOME **********************************************************/ #noticias h2 { margin:0 0 15px} #noticias .cada_noticia { margin:0 0 15px; padding:0 0 15px; float:left; display:block; border-bottom:1px solid #E9E5DC} #noticias .cada_noticia a img{ float:left; margin:0 10px 0 0} #noticias .cada_noticia a img:hover { border:2px solid #FE0034; margin:-2px 8px -2px -2px} #noticias .cada_noticia #dados { float: left; width:209px} #noticias .cada_noticia #data{ font-size:10px; color:#666; margin:0 0 2px; display:block} #noticias .cada_noticia #data #categoria{ text-transform:uppercase; margin:0 0 0 5px; color:#000} #noticias .cada_noticia a#titulo { font-weight:bold; font-size:13px; line-height:14px; } #noticias .cada_noticia a#titulo:hover { background:#FE0034; color:#FFF} #noticias .cada_noticia #descricao p{ color:#999; font-size:10px; margin:2px 0 0; display:block} #noticias .vejamais { float:right} /*ÓRBITA BAR - HOME **********************************************************/ #orbita_bar { width:100%; float:left;} #orbita_bar h2 { margin:0 0 15px} #orbita_bar img { float:left; margin:0 10px 0 0} #orbita_bar #dados { float: left; width:156px} #orbita_bar #descricao { color:#333; font-size:10px; margin:0 0 10px} #orbita_bar #festa_orbita { margin:10px 0 0; padding:10px 0 0; border-top:1px solid #e9e5dc; float:left; width:100%; display:block} #sidebar #orbita_bar { width:100%; float:left; margin:10px 0 10px} /*STREAM **********************************************************/ #stream_videos { width:299px; float:left; margin:0 0 10px} #stream_videos #video { margin:5px 8px 0 0; float:left} #stream_videos #video iframe { width:300px !important; height:225px !important; margin:5px 0 0} #stream_videos #dados { float:left; width:100%; margin:15px 0 0} #stream_videos #dados #titulo { font-weight:bold; font-size:13px; color:#000} #stream_videos #dados #descricao p{ font-size:10px; color:#666; line-height:11px; margin:5px 0 10px} .cada_video { border-bottom:1px solid #E9E5DC; margin:0 10px 20px; padding:0 0 20px; width:290px; float:left} .cada_video iframe { width:290px !important; height:191px !important } .cada_video #dados { margin:10px 0 0} .cada_video #dados a {font-weight:bold; font-size:14px; color:#000;} /*SUPERDRIVE - HOME **********************************************************/ #publicidade_superdrive { margin:10px 0; padding:10px 0; border-top:1px solid #E9E5DC; border-bottom:1px solid #E9E5DC; width:299px; float:left} #publicidade_superdrive img:hover { border:2px solid #FE0034; margin:-2px} #sidebar #publicidade_superdrive { margin:0 0 0; padding:10px 0 0;} /*MIDIA SOCIAL - HOME **********************************************************/ #midia_social { width:299px; float:left} #midia_social #redes { margin:20px 0 0} #midia_social #redes li { float:left; margin:0 4.6px 0 0} /*FACEBOOK BOX - HOME **********************************************************/ #facebook_box { border-top:1px solid #E9E5DC; border-bottom:1px solid #E9E5DC; margin:20px 0; padding:15px 0 15px; width:299px; float:left} /*TWITTER BOX - HOME **********************************************************/ #twitter { float:left; width:252px; display:block; background:url(../images/passarinho_twitter.jpg) no-repeat left top; padding:0 0 0 47px; height:120px; overflow:hidden; border-bottom:1px solid #E9E5DC} /*PUBLICIDADE SIDEBAR - HOME **********************************************************/ #publicidade_sidebar { width:299px; float:left; display:block; margin:20px 0 15px; padding:0 0 15px; border-bottom:1px solid #E9E5DC} #publicidade_sidebar img:hover { border:2px solid #FE0034; margin:-2px} /*PARCEIROS - HOME **********************************************************/ #parceiros { width:299px; float:left; display:block; margin:10px 0 0; border-top:1px solid #E9E5DC; padding:10px 0 0;} /*NEWSLETTER - HOME **********************************************************/ #newsletter { width:279px; background:#E9E5DC; float:left; display:block; padding:10px 10px 5px;} #newsletter h2 { background:#FFF; margin:0 0 5px} #newsletter input { border:1px solid #ccc; padding:3px; height:20px; width:272px; margin:5px 0; color:#ccc; font-size:10px} #newsletter input#datadenascimento { width:130px; float:left} /*#newsletter #email { background:url(/images/bg_news.png) no-repeat; width:223px; height:31px; font-size:12px; color:#201F1F; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; padding:2px 5px; margin:10px 0 0 } #newsletter #ok { background:#E9E5DC; width:75px; height:35px; color:#263441; font-family:'ArialBlack'; font-size:11px; cursor:pointer; margin:0 0 0 -14px;}*/ #newsletter input.vejamais { font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; color:#000; border:1px solid #000; padding:2px 5px; font-style:italic; width:75px; background:none; height:27px; margin:5px 0 0 5px; background:#FFF} #newsletter input.vejamais:hover { background:#fe0033; color:#fff;} /*FOOTER **********************************************************/ #footer { background:url(../images/background_rodape.jpg) repeat-x center top; height:121px; clear:both; display:block} #footer #parte1 { width:300px; float:left} #footer #parte2 { float:right; width:367px} #footer #newsletter { margin:15px 0 0; display:none; float:left} #footer #newsletter #email { background:url(../images/input_news.png) no-repeat; width:180px; height:21px; font-size:12px; color:#201F1F; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; padding:2px 5px} #footer #newsletter #ok { background:url(../images/button_news.png) no-repeat; width:31px; height:25px; color:#263441; font-family:'ArialBlack'; font-size:11px; cursor:pointer; margin:0 0 0 -5px} #footer #midia_social_footer { width:100%; float:left; display:block; /*margin:15px 0 0*/ margin:30px 0 } #footer #midia_social_footer p { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#FFF; font-style:italic; float:left; margin:4px 10px 0 0; } #footer #midia_social_footer ul li { float:left; margin:0 5px} #footer #copyright { font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; color:#FFF; width:100%; float:left; margin:17px 0 0; font-style:italic} #footer #contato { float:left; width:100%; margin:16px 0 0} #footer #contato a { font-family:'ArialBlack'; font-size:13px; color:#ccc; float:left; margin:20px 20px 0 0} #footer #contato img { float:right} #footer #soim { float:right; margin:22px 0 0} /*MIDDLE *********************************************************/ #middle .alignright {float:right; margin:0 0 10px 10px} #middle .alignleft {float:left; margin:0 10px 10px 0} #middle .aligncenter {margin:0 auto !important;} #middle p { font-size:15px; color:#333; line-height:23px; margin:0 0 10px; text-align:justify} #middle #data{ font-size:10px; color:#666; margin:0 0 2px; display:block} #middle #data #categoria{ text-transform:uppercase; margin:0 0 0 5px; color:#000} #middle #redes_autor { width:100%; float:left; margin:0 0 20px} #middle #redes_autor #autor p{ font-size:10px; color:#666; text-transform:uppercase; float:left} #middle #redes_autor #redes { float:right; margin:0 15px 0 0} #middle #redes_autor #redes #botao_twitter { float:left; width:100px} #middle #redes_autor #redes #botao_facebook { float:right; width:120px} #middle #comentarios { border-top:1px solid #E9E5DC; margin:20px 0 0; padding:20px 0 0} /*CONTATO **********************************************************/ #FSContact1 label { font-size:10px; color:#000; margin:10px 0 5px; display:block; text-transform:uppercase} #FSContact1 input { border:1px solid #000; padding:3px; height:20px; width:300px} #FSContact1 textarea { border:1px solid #000; padding:3px; height:200px; width:300px} #FSContact1 input#fsc-submit-1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#000; border:1px solid #000; padding:2px 5px 5px; font-style:italic; background:#FFF; width:70px; margin:20px 0 0 !important; display:block} #FSContact1 input#fsc-submit-1:hover { background:#fe0033; color:#fff;} /*PAGINA PROGRAMACAO **********************************************************/ #toda_programacao h2 { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 2px solid #E9E5DC; font-size: 16px; margin:0; padding: 17px 0 3px; text-align: left; text-transform: uppercase; width:135px; height:20px} #toda_programacao h2 #preto { color:#000; font-weight:normal} #toda_programacao h2 #rosa { font-family:'ArialBlack'; color:#FE0033; font-weight:normal} #toda_programacao #semana { border-right:2px solid #E9E5DC; border-bottom:1px solid #e9e5dc; display:block; float:left; margin:0 0 20px} #toda_programacao #semana .dia{ width:133px; float:left; background:url(../images/linha_programacao.png) repeat-y scroll left center transparent} #toda_programacao .programa { background:url(../images/linha_programacao.png) repeat-x bottom;} #toda_programacao .programa #horario{ font-size:10px; color:#333; padding:5px 0 0 5px} #toda_programacao .programa h4{ font-size:13px; color:#333; padding:0 0 0 5px} #toda_programacao .programa #autor{ font-size:10px; color:#999; padding:0 0 0 5px} #toda_programacao .jcarousel-skin-tango { margin:0 0 -5px} /*PAGINA NOTICIAS **********************************************************/ #filtro_noticias #relacao_filtros {} #filtro_noticias #relacao_filtros li{ background:url(../images/icon_filtro_noticias.jpg) no-repeat left 15px; padding:10px 0 20px 15px; margin:10px 0; border-bottom:1px solid #e9e5dc} #filtro_noticias #relacao_filtros li a{ font-size:14px; color:#666; font-weight:bold} #filtro_noticias #relacao_filtros li a:hover { color:#FE0033} .todas_noticias .cada_noticia { border-bottom:1px solid #e9e5dc; margin:0 0 10px; padding:0 0 10px; width:100%; float:left} .todas_noticias .cada_noticia img { float:left; margin:0 10px 0 0} .todas_noticias .cada_noticia #data { font-size:10px; color:#666; line-height:11px} .todas_noticias .cada_noticia h4 a{ font-size:14px; color:#000; line-height:14px} .todas_noticias .cada_noticia h4 a:hover { color:#fe0033;} .todas_noticias .cada_noticia #descricao p{ font-size:10px; color:#999} .archive .cada_noticia { border-bottom:1px solid #e9e5dc; margin:0 0 20px; padding:0; width:100%; float:left} .archive .cada_noticia #data { font-size:10px; color:#666; line-height:11px} .archive .cada_noticia h4 a{ font-size:20px; color:#000; line-height:21px} .archive .cada_noticia h4 a:hover { color:#fe0033;} .archive .cada_noticia #descricao p{ font-size:10px; color:#999; line-height:17px} /*PAGINA PLAYLIST **********************************************************/ .cada_playlist { border-bottom:1px solid #e9e5dc; margin:0 0 20px; padding:0 0 20px; width:100%; float:left; display:block} .cada_playlist h4 a{ font-size:15px; margin:0 0 10px; display:block; color:#000} .cada_playlist #descricao { font-size:10px; color:#999;} #fancybox-wrap; #fancybox-content { width:350px !important;} #showPlaylist { width:490px !important} #searchform { margin:10px 0} #searchform .screen-reader-text { display:none} #searchform #s{ background:url(../images/bg_busca.png) no-repeat; width:198px; height:31px; font-size:12px; color:#201F1F; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; padding:2px 5px 2px 30px} #searchform #searchsubmit{ background:#E9E5DC; width:75px; height:35px; color:#263441; font-family:'ArialBlack'; font-size:11px; cursor:pointer; margin:0 0 0 -14px; border-radius:0 5px 5px 0} .tags { border: 1px solid #DDDDDD; float: left; font-size: 12px; height: 24px; margin-top: 18px; padding: 10px 12px 0; width: 595px; border-radius: 4px 4px 4px 4px; margin:10px 0 20px;} .tags a{ border-radius: 3px 3px 3px 3px; color: white; font-weight: normal; margin-left: 6px; padding: 1px 5px; background-color: #FE0033 !important; } #cadaPlaylist { width:100%; display:block; float:left; margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid #ccc} .cada_post_blog { width:100%; display:block; float:left; margin:0 0 40px; padding:0 0 10px; border-bottom:3px solid #ccc}