/************************************************************************/
/* Desenvolvido por Flex Soluções - Soluções em Web e Software          */
/* www.flexsolucoes.com.br										        */
/* contato@flexsolucoes.com.br											*/
/* (48)3632-3178												        */
/************************************************************************/

/* Geral
-------------------------------------------------------------------------- */
html { overflow:-moz-scrollbars-vertical; } /* coloca barra de rolagem no ff */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; list-style:none; }
html { height:100%; }
body { width:100%; height:100%; background:#e9e9e9 url(../png/bg.png) top center repeat-y; font:normal 12px/1.6em arial, sans-serif; text-align:left; color:#666666; font-family:Tahoma, Geneva, sans-serif; }

img { border:0px; }

h1, h2, h3, h4, h5, h6 { font-weight:bold; color:#4e4e4e; font-family:Helvetica, Arial, Verdana, sans-serif; }
h1 { font-weight:normal; color:#4e4e4e; font-size:1.6em; margin:6px 0 12px 0; padding-bottom:4px; font-family:Helvetica, Arial, Verdana, sans-serif; }
h2 { font-weight:normal; color:#4e4e4e; font-size:1.3em; margin-bottom:5px; font-family:Helvetica, Arial, Verdana, sans-serif; }
h3 { font-weight:normal; color:#4e4e4e; font-size:1.6em; margin-bottom:5px; font-family:Helvetica, Arial, Verdana, sans-serif; }
h4 { font-weight:normal; color:#4e4e4e; font-size:1.3em; margin-bottom:10px; font-family:Helvetica, Arial, Verdana, sans-serif; font-weight:normal; }
h5 { font-family: "Arial", Trebuchet MS, sans-serif; }
h6 { font-family: "Arial", Trebuchet MS, sans-serif; }

.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }

.bordaImg { border:1px solid #e3e3e3; }


/* Clearfix
-------------------------------------------------------------------------- */
.clearfix:after { content:".";  display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline; }  
* html .clearfix { height:1%; }  
.clearfix { display:block; } 


/* Links
-------------------------------------------------------------------------- */
a { text-decoration:none; color:#4e4e4e; }
a:hover { color:#888; }

  /* mais  */
  a.mais { background:url(../gif/seta-direita.gif) left no-repeat; padding:0 0 0 12px; font-size:12px; font-weight:none; color:#005C8F; }
  a:hover.mais { background:url(../gif/seta-direita.gif) left no-repeat; padding:0 0 0 12px; font-size:12px; font-weight:none; color:#618FDF; }


/* Divs (Geral)
-------------------------------------------------------------------------- */
#inicio { width:970px; margin:auto; }
#barra { height:19px; margin:10px 0 10px 0; }
#barra .dataBarra { float:left; margin-left:5px; }
#barra .horaBarra { float:right; margin-right:5px; }


/* Topo
-------------------------------------------------------------------------- */
#topo { height:136px; background:url(../png/bg-topo.png) no-repeat; }
.logo a { background:url(../png/logo.png) no-repeat; width:295px; height:130px; position:absolute; top:8px; _top:8px; float:left; margin-left:20px; z-index:1; }
.nova-frequencia{ background:url(../jpg/fundo-frequencia.jpg) no-repeat; float:right; margin:40px 43px 0 0; min-width:169px; min-height:62px; text-align:center; padding-top:10px; font-size:12px; color:#F00;}
  /* no ar */
  .no-ar { float:right; width:372px; height:92px; margin:23px 30px 0 0; _margin:23px 15px 0 0; }
  .no-ar .lado-a { float:left; width:5px; height:92px; background:url(../png/no-ar/01.png) right no-repeat; }
  .no-ar .lado-b { float:left; width:81px; height:92px; background:url(../png/no-ar/02.png) center no-repeat; }
  .no-ar .lado-b .foto { text-align:center;}
  .no-ar .lado-c { float:left; width:279px; height:92px; background:url(../png/no-ar/03.png) center no-repeat; color:#474a4d; }
  .no-ar .lado-c .dados { padding:36px 0 0 5px; float:left; width:237px; }
  .no-ar .lado-c h4 { margin:0px; padding:0px; color:#215a8d; font-size:1.25em; }
  .no-ar .lado-c h4 a { color:#215a8d; }
  .no-ar .lado-c h4 a:hover { color:#333; }
  .no-ar .lado-c .horario { float:left; padding:0 0 0 5px; }
  .no-ar .lado-c .ouvir { float:right; padding:8px 15px 0 0; }


/* Meio
-------------------------------------------------------------------------- */
.lado-esquerdo { width:200px; float:left; margin-right:8px; }
.principal { width:554px; float:left; margin-right:8px; }
.lado-direito { width:200px; float:left; }


/* Laterais
-------------------------------------------------------------------------- */
.top-lateral { height:9px; width:200px; background:url(../gif/top-lateral.gif) bottom no-repeat; float:left; }
.meio-lateral { width:200px; background:url(../gif/meio-lateral.gif) center repeat-y; float:left; }
.end-lateral { height:9px; width:200px; background:url(../gif/end-lateral.gif) top no-repeat; margin-bottom:8px; float:left; }


/* Tempo (Lateral)
-------------------------------------------------------------------------- */
.seta-e { float:left; width:25px; text-align:center; padding-top:72px; }
#meioTempo { float:left; width:150px; text-align:center; }
.seta-d { float:left; width:25px; text-align:center; padding-top:72px; }

/* Tempo
-------------------------------------------------------------------------- */
#tempo-lista-conteudo { width: 554px; margin-bottom:1px; }
#tempo-lista-conteudo { overflow:hidden; position:relative; width:554px; }
#tempo-lista-box { overflow:hidden; position:relative; width: 30000px; }
.tempo-lista { width: 554px; height: 210px; margin: 0px; padding: 0px; text-indent: 0px; }
.tempo-lista { display:block; list-style-type:none; }
.tempo-lista .tempo { height:120px; margin:30px 26px 0; overflow:hidden; width:140px; }
.tempo-lista li { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../png/bg-tempo.png) no-repeat scroll left top; float:left; height:210px; margin:0 40px 10px 40px; _margin:0 27px 10px 27px; position:relative; width:194px; }
.tempo-lista li:hover { background-position:left bottom; cursor:pointer; }
.tempo-lista li:hover h3 { color:#FFFFFF; }
.tempo-lista li h3 { bottom:10px; color:#555555; font-size:1.2em; left:0; position:absolute; text-align:center; width:192px; }


/* Enquete
-------------------------------------------------------------------------- */
.enquete { width:184px; margin:auto; color:#4e4e4e; }
.enqueteTop { background:url(../jpg/bg-top-enquete.jpg) top no-repeat; }
.enqueteEnd { background:url(../jpg/bg-end-enquete.jpg) bottom no-repeat; }
.enquete .conteudo { width:164px; margin:auto; padding:10px 0 10px 0; }
.enquete form { margin-top:5px; }
.enquete label { color:#72777a; line-height:26px; }

  /* respostas */
  .resposta { width:100%; padding:2px 0 2px 0; }
  .resposta .porcento { font-size:10px; color:#999; }
  .resposta .barra { width:149px; border:1px solid #dcdcdc; height:5px; }
  .resposta .barraResultado { background:#c6c6c6; height:3px; padding-top:2px; }


/* As Mais (Lateral)
-------------------------------------------------------------------------- */
.as-mais { width:184px; margin:auto; }
ul.lista-as-mais { margin:0; padding:0; width:100%; }
ul.lista-as-mais li { margin:0; padding:8px 0 8px 0; border-bottom:1px dotted #E6E6E6; background:none; position:relative; width:100%; line-height:normal; float:left; height:46px; }
ul.lista-as-mais li.last { border-bottom:0px dotted #E6E6E6; }
ul.lista-as-mais li a { color:#59564D}
ul.lista-as-mais img { position:absolute; left:0; top:12px; }
ul.lista-as-mais div { line-height:1.2; display:block; padding-top:2px; }
ul.lista-as-mais span { font-size:90%; color:#999999; }
ul.lista-as-mais span a { font-size:90%; color:#999999; }
ul.lista-as-mais span a:hover { font-size:90%; color:#000; }


/* Mural (Página inicial)
-------------------------------------------------------------------------- */
.mural { width:554px; float:left; margin-bottom:8px; }
.mural-top { height:41px; background:url(../gif/bg-top-mural.gif) no-repeat; }
.mural-top h2 { padding:12px 0 0 7px; }
.mural-meio { background:url(../gif/bg-meio-mural.gif) repeat-y; }
.mural-end { background:url(../gif/bg-end-mural.gif) bottom no-repeat; }
.mural-end .conteudo { width:538px; margin:auto; line-height:16px; }
.mural-end .detalhes { padding:5px 0 5px 0; width:100%; border-bottom:1px dashed #dddddd; }
.mural-end .last { border-bottom:0px dashed #dddddd; }
.mural-end .data { font-size:10px; color:#828180; }
.mural-end .titulo { font-size:12px; color:#007CC3; }
.mural-end .descricao { font-size:11px; color:#24211d; }


/* Últimas notícias (Página inicial)
-------------------------------------------------------------------------- */
.ultimasNoticias { width:273px; float:left; margin-bottom:8px; }
.ultimasNoticias-top { height:41px; background:url(../gif/bg-top-ultimas-noticias.gif) no-repeat; }
.ultimasNoticias-top h2 { padding:12px 0 0 7px; font-size:15px; }
.ultimasNoticias-meio { background:url(../gif/bg-meio-ultimas-noticias.gif) repeat-y; }
.ultimasNoticias-end { background:url(../gif/bg-end-ultimas-noticias.gif) bottom no-repeat; }
.ultimasNoticias-end .conteudo { margin:auto; line-height:14px; width:258px; }
.ultimasNoticias-end .detalhes { height:50px; width:100%; border-bottom:1px dashed #dddddd; padding:5px 0 7px 0; }
.ultimasNoticias-end .last {border-bottom:0px dashed #dddddd; }
.ultimasNoticias-end .data { font-size:10px; color:#828180; }
.ultimasNoticias-end .titulo { font-size:12px; color:#007CC3; }
.ultimasNoticias-end .descricao { font-size:11px; color:#24211d; }
.ultimasNoticias-end img { border:1px solid #ededed; padding:2px; float:left; margin-right:5px; }
.ultimasNoticias-end img.normal { border:0px solid #ededed; margin:auto; text-align:center; float:none; padding-top:8px; }


/* Últimas notícias (Página inicial)
-------------------------------------------------------------------------- */
.noticiaLista { width:554px; float:left; margin-bottom:8px; }
.noticiaLista-top { height:6px; background:url(../gif/bg-top-classificados.gif) top no-repeat; float:left; width:100%; }
.noticiaLista-meio { background:url(../gif/bg-meio-classificados.gif) center repeat-y; float:left; width:100%; }
.noticiaLista-end { background:url(../gif/bg-end-classificados.gif) bottom no-repeat; float:left; width:100%; }
.noticiaLista-end .conteudo { width:538px; margin:auto; line-height:16px; padding-bottom:8px; }
.noticiaLista-end .detalhes { padding:5px 0 5px 0; width:100%; border-bottom:1px dashed #dddddd; float:left; }
.noticiaLista-end .foto { float:left; padding-right:5px; }
.noticiaLista-end .last { border-bottom:0px dashed #dddddd; }
.noticiaLista-end .data { font-size:10px; color:#828180; }
.noticiaLista-end .titulo { font-size:12px; color:#007CC3; }
.noticiaLista-end .descricao { font-size:11px; color:#24211d; }


/* Classificados (Página inicial)
-------------------------------------------------------------------------- */
.classificados { width:273px; float:right; margin-bottom:8px; }
.classificados-top { height:41px; background:url(../gif/bg-top-ultimas-noticias.gif) no-repeat; }
.classificados-top h2 { padding:12px 0 0 7px; }
.classificados-meio { background:url(../gif/bg-meio-ultimas-noticias.gif) repeat-y; }
.classificados-end { background:url(../gif/bg-end-ultimas-noticias.gif) bottom no-repeat; }
.classificados-end .conteudo { line-height:16px; font-size:11px; width:259px; margin:auto; }
.classificados-end .lista-classificados { background:#f8f8f8; margin:10px 0 10px 0; }
.classificados-end .lista-classificados .texto { padding:6px; }
.classificados-end .lista-classificados strong { color:#666666; font-size:12px; }

/* Classificados
-------------------------------------------------------------------------- */
.classificadosLista { width:554px; float:left; margin-bottom:8px; }
.classificadosLista-top { height:6px; background:url(../gif/bg-top-classificados.gif) top no-repeat; float:left; width:100%; }
.classificadosLista-meio { background:url(../gif/bg-meio-classificados.gif) center repeat-y; float:left; width:100%; }
.classificadosLista-end { background:url(../gif/bg-end-classificados.gif) bottom no-repeat; float:left; width:100%; }
.classificadosLista-end .conteudo { width:538px; margin:auto; line-height:16px; padding-bottom:8px; }
.classificadosLista-end .conteudo h2 { color:#000; margin:0px; padding:0px; }
.classificadosLista-end .detalhes { padding:5px 0 5px 0; width:100%; border-bottom:1px dashed #dddddd; }
.classificadosLista-end .last { border-bottom:0px dashed #dddddd; }
.classificadosLista-end .data { font-size:10px; color:#828180; }
.classificadosLista-end .titulo { font-size:12px; color:#007CC3; }
.classificadosLista-end .descricao { font-size:11px; color:#24211d; }

/* Classificados
-------------------------------------------------------------------------- */
.classificadosLista2 { float:left; width:100%; border:0px solid #e6e6e6; background:url(../png/bg-areasDiversas.png) bottom repeat-x; margin-bottom:15px; padding-bottom:10px; padding-top:10px; }
.classificadosLista2 h4 { color:#000; margin:0px; padding:0px; }
.classificadosLista2 .foto { float:left; width:115px; padding-left:5px; _height:100%; text-align:center; }
.classificadosLista2 .conteudoCla { float:right; width:406px; padding-right:5px; }
.classificadosLista2 .status { font-size:11px; color:#B6B6B6; font-weight:none; }


/* Programação
-------------------------------------------------------------------------- */
.programacaoLista { border-bottom:1px solid #E1E1E1; border-top:4px solid #E1E1E1; margin:0 0 10px; }
.programacaoLista .dados { background:#F3F4EF none repeat scroll 0 0; border-bottom:1px solid #FFFFFF; border-top:1px solid #FFFFFF; overflow:hidden; padding:0px 12px 0px; }
.programacaoLista h3 { font-size:1.2em; margin:0 0 0.37em; text-transform:uppercase; }
.programacaoLista img { background:#FFFFFF none repeat scroll 0 0; border:1px solid #E3E4DF; float:left; margin:-2px 10px 5px 0; padding:5px; position:relative; }
.programacaoLista p { font-size:14px; line-height:1.5; margin:0 0 0px; }
.programacaoLista .horario { background:transparent url(../png/seta-programacao.png) no-repeat scroll 0 45%; color:#333333; font-size:12px; font-weight:normal; padding:0 0 0 10px; text-decoration:none; }


/* Podcast
-------------------------------------------------------------------------- */
.podcast-lista { height:1%; overflow:hidden; margin-top:5px; }
.podcast-lista .info-podcast { background:url(../gif/separa-podcast.gif) repeat-x scroll left bottom; border:medium none; height:1%; margin:0 0 8px; overflow:hidden; padding-bottom:8px; }
.info-podcast { border:1px solid #CCCCCC; height:1%; margin-bottom:5px; overflow:hidden; padding:6px 0 0 10px; }
.info-podcast a.ico-play { background:transparent url(../jpg/ico-podcast.jpg) no-repeat scroll 0 0; display:block; float:left; height:33px; width:33px; }
.info-podcast .conteudo-podcast { float:left; margin:0 0 0 10px; width:501px; }
.podcast-lista .info-podcast h3.tipo { border:medium none; margin:0; padding:0; }
.info-podcast h3.tipo { font-family:arial, sans-serif; font-size:12px; font-weight:normal; }
.info-podcast h3.tipo a { font-family:arial, sans-serif; font-size:12px; font-weight:normal; color:#666; }
.podcast-lista h3 { border-bottom:5px solid #229ACD; color:#000000; font-family:georgia, sans-serif; font-size:18px; margin:15px 0 10px; padding-bottom:10px; }
.podcast-lista h4 { font-size:1.2em; color:#0973B3; }
.podcast-lista h4 a { color:#0973B3; }
.podcast-lista h4 a:hover { color:#333; }
.info-podcast .duracao { color:#666666; float:left; font-size:11px; padding-left:5px; }


/* Info
-------------------------------------------------------------------------- */
#info { background:#f1f1f1; float:left; width:968px; margin:8px 0 8px 0; border:1px solid #e6e6e6; color:#4e4e4e; font-size:11px; }
#info .conteudo { float:left; width:231px; padding:0 5px 0 5px; margin:8px 0 5px 0; }
#info h2 { margin:0 0 6px 0; font-size:1.5em; }

  /* empregos */
  #info .empregos { float:left; width:242px; background:url(../gif/separa-info.gif) right no-repeat; }
  .lista-empregos { list-style:none; margin:0px; padding:0px; }
  .lista-empregos li { padding:5px; position:relative; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; height:auto; vertical-align:middle; line-height:16px; }
  .lista-empregos li.branco { background:#fff; padding:5px; position:relative; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; height:auto; vertical-align:middle; line-height:16px; }
  .lista-empregos li:hover { background-color:#FFEDAF; }
  
  /* concursos */
  #info .concursos { float:left; width:242px; background:url(../gif/separa-info.gif) right no-repeat; }
  
  /* promocoes */
  #info .promocoes { float:left; width:241px; background:url(../gif/separa-info.gif) right no-repeat; line-height:16px; }
  #info .promocoes .texto { float:left; width:231px; }
  
  /* links uteis */
  #info .links-uteis { float:left; width:241px; }
  ul.lista-links { margin:10px 0 0 0; padding-left:20px; }
  ul.lista-links li { padding-bottom:8px; list-style:circle; color:#007CC3; }


/* Rodapé
-------------------------------------------------------------------------- */
#rodape { height:73px; background:url(../gif/bg-rodape.gif) repeat-x; width:100%; float:left; color:#b5b5b5; font-size:11px; line-height:15px; }
#rodape .endereco { float:left; width:240px; margin:14px 0 0 10px; }
#rodape .copyright { float:left; text-align:center; width:470px; margin:16px 0 0 0; }
#rodape .filiada { float:left; margin:10px 0 0 0; }
#rodape .flex a { background:transparent url(../png/logo-flex.png) no-repeat left bottom; float:right; height:24px; width:67px; margin:24px 2% 0px 0px; }
#rodape .flex a:hover { background:transparent url(../png/logo-flex.png) no-repeat left top; float:right; }


/* Formulário
-------------------------------------------------------------------------- */
select, textarea, input { font-family:verdana; font-size:13px; color:#000000; border:1px solid #D5D5D5; background:#fff; }
input[type="radio"] { border:0px solid #D5D5D5; background:#fff; }
.inputSemBorda { border:0px solid #D5D5D5; background:#fff; }
option { font-family:verdana; font-size:11px; color:#000000; }

  /* requerido */
  .requerido { color:#D01A1A; }

  /* button */
  .botao { color:#fff; border:1px solid #EFF9FF; *border:0px; background:#fff url(../png/bg-botao.png) repeat-x 0 0; padding:3px; *padding:2px; }
  .botao:hover { color:#999999!important; border:1px solid #EFF9FF; *border:0px; background:#fff url(../png/bg-botao.png) repeat-x 0 bottom; 	}
  .button { margin-top:4px; font-size:11px; font-family:Tahoma, Verdana, Arial, Sans-Serif; font-weight:bold; background-color:#181818; padding-left:6px; padding-right:6px; padding-top:3px; padding-bottom:3px; color:#ffffff; border:1px solid #4E4E4E; background-image:url('../jpg/bg-button.jpg'); }
  .button:hover { background-color:#000000; border:1px solid #2c719d; background-image:url(../jpg/bg-button-over.jpg); }

  /* label */
  label.w100 { width:98%; float:left; text-align:left; margin:0; display:block; height:4px; }

  /* select  */
  .select { font-family:verdana; font-size:11px; }

  /* fale-conosco */
  #fale-conosco p { margin-left: 20px; }
  #fale-conosco .erro-contato { padding: 0px 20px 0px 20px; }
  #fale-conosco input, select, textarea { border: 1px solid #D6E0E7; padding:3px; }
  #fale-conosco span.telefone { margin-left:2px; }
  #fale-conosco ul li { list-style: none; margin-bottom: 8px; }
  #fale-conosco .texto-contato { margin-left: 20px; }
  #fale-conosco span { margin:0px; padding:0px; }

  /* erro */
  .erro { border:1px solid #D01A1A; margin-bottom:10px;}
  .erro h6 { background:#D01A1A; font-size:1em; padding:5px 3px; color:#FFF; }
  .erro ul { list-style-type:none; padding:5px 5px 5px 10px; }
  .erro span { font-weight:bold; }
  .erro li { margin:3px 0; }