@import url('http://www.clicrbs.com.br/especial/css/estilos.css?20260609');
@import url('http://www.clicrbs.com.br/css/flashbox.css?20260609');

html {color:#434343;}
a {color:#155bb0;}
.tempo {display:none;}

div#miolo {padding-top:20px;}
div#wrapper_full {float:left; background:transparent url(../icon/topo.jpg) repeat-x top left;}
div#corpo {background-color:transparent; background-image:none;}

div#topo {height:170px;}
div#topo h1 {background-image:none; background-color: transparent; border:none;}
div#topo h1 a {display:block; position:absolute; top:52px; left:25px; width:220px; height:138px; background:transparent url(../icon/logo.png) no-repeat top left;}
div#topo h1 a {_background-image:url(../icon/logo.gif);}
div.publicidade.super {display:block; position:absolute; top:80px; left:264px; width:728px; height:90px;}

/* MENU */
div#menu {padding:0 0; margin:56px 20px 0; background:#f8931d url(../icon/menu-bg.jpg) repeat-x top left; _margin-left:5px; position: relative; z-index: 1;}
div#menu ul.menu {padding:12px; border:none;}
div#menu ul.menu li {border-bottom:1px solid #ffe2c0; padding:0 5px; margin-top:2px}
div#menu ul.menu li.ativo {background-color:#ffe2c0;}
div#menu ul.menu li.ativo a {color:#f15b22;}
div#menu ul.menu li a {color:#FFF;}
div#menu ul.menu li:hover {background-color:#f15d22;}
div#menu ul.menu li.ativo:hover {background-color:#ffe2c0;}
div#menu ul.menu li.title {font-size:10px; text-transform:uppercase; color:#ffe2c0;}
div#menu ul.menu li.title:hover {background-color:transparent;}
div#menu ul.menu li a:hover {text-decoration:none;}

/* CAPA */
div.linha.modelo-a div.coluna-a {width:302px;}
div.linha.modelo-a div.coluna-b, div.linha.modelo-a div.coluna-c {width:130px;}

div.linha.modelo-b div.coluna-a, div.linha.modelo-b div.coluna-b {width:300px;}
div.linha.modelo-b div.coluna-b {left:303px;}

div.linha.modelo-d div.coluna-a, div.linha.modelo-d div.coluna-b, div.linha.modelo-d div.coluna-c {width:200px;}
div.linha.modelo-d div.coluna-b {left:202px;}
div.linha.modelo-d div.coluna-c {left:404px;}

div.linha.modelo-f {height:270px;}

div.capa h3.cartola-a {background:#f8941d url(../icon/cartola-bg.jpg) repeat-x top left; height:20px; padding:6px 0 0 8px;}
div.capa div.linha.modelo-a h3.cartola-a, div.capa div.linha.modelo-d h3.cartola-a {background-image:none; background-color:transparent; font-size:14px; color:#f25f22;}
div.capa div.linha.modelo-a, div.capa div.linha.modelo-d {background:transparent url(../icon/linhad-bg.jpg) repeat-x top left;}

div.capa div.bloco-a.ultimosposts h3.cartola-a {background-image:none; background-color:transparent; height:14px;}
div.capa div.bloco-a.ultimosposts h3.cartola-c {font-size:12px;}
div.capa div.bloco-a.ultimosposts h3 a {font-size:11px;}
div.capa div.bloco-a.ultimosposts h3.cartola-b, div.capa div.bloco-a.ultimosposts h3.cartola-b a {font-size:14px; color:#f15d22; font-weight:normal;}
div.capa div.bloco-a.ultimosposts h3 a {font-size:10px; color:#1e81f7;}
div.capa div.bloco-a.ultimosposts h3.cartola-a a {font-size:12px; color:#155bb0;}
div.capa div.bloco-a.ultimosposts div.sub-bloco {padding-bottom:0;}
div.capa div.bloco-a.ultimosposts div.sub-bloco a.mais {float:right;}
/*div.linha.modelo-d div.coluna-b, div.linha.modelo-d div.coluna-c {margin-top:17px;}*/
div.linha.modelo-d div.coluna-b div.bloco-a {height: 65px;}

/* BOX PROGRAMACAO */
div#box-programacao {background:#f8941d url(../icon/boxprogramacao-bg.jpg) repeat-x top left;}
div#box-programacao h3.programacao, div#box-programacao h3.programacao a, div#box-programacao .rodape a {color:#FFF;}

/* internas */
div.bloco h1.tipo-c, div.pagina-conteudo div.bloco h1.tipo-c, div.capa h3 {color:#f15d22;}

/* programacao */
div#programacao .cabecalho ul.barra {border:none;}

/* POPUPs ENQUETE */
/*body.popup div.bloco div.topo h3.tipo-a, div.interatividade div.descricao h1, body.popup h4.tipo-b {color:#f15b22;}
body.popup h2.tipo-a, ul.resultado div.descricao h2 {color:#f8931d;}
body.popup div.corpo.interatividade li.porcentagem span.barra {background-color:#f8931d;}
div.interatividade div.descricao h1, body.popup div.bloco div.topo h3.tipo-a {color:#f8931d;}
body.popup p.tipo-a {border-color:#f8931d;}*/

body.popup {color:#5C5C5C;}
body.popup  div.bloco div.topo {background:#f8931d !important; }
body.popup h4.tipo-b {color:#f15b22 !important; font-size:20px !important; margin-bottom:10px !important;}
body.popup div.bloco div.topo h3.tipo-a {color:#fff !important; background:transparent !important; text-transform:uppercase; font-family:arial; padding-top:1px !important;}
body.popup p.tipo-a {border:1px dashed #e0d9cf !important;}
body.popup h2.tipo-a, body.popup div.corpo.interatividade h1 {color:#f15b22 !important;}
div.interatividade ul.enquete li.opcao {background:transparent;}
div.interatividade ul.enquete li {margin-right:10px;}
body.popup ul.form {_width:360px;}

/* ----------------------------------------- */
/*  HACKS PARA IE */
/* ----------------------------------------- */

/* quebra da galeria */
div.galeria ul.lista.galeria li {width:101%;}

/*hack para background das linhas no IE6*/
div.capa div.linha.modelo-a, div.capa div.linha.modelo-b, div.capa div.linha.modelo-d {*background-position:left -1px;}
div#colunadireita div#selo {margin:5px 0px}
div.galeria dl.lista.galeria dd span {font-size:1.1em;}
/*ul.resultado div.descricao h2 {color:#FFF;}
div.pagina-conteudo div.bloco.sub-capa.especial h1.tipo-b a {color:#FFF;}*/

/*hack pra foto no ie6*/
div#miolo.noticias div.largura-b {_width:34em}
div#miolo.noticias div.largura-c {_width:23.8em;}
div#miolo.galeria div.largura-b {_width:35.8em}
div#miolo.galeria {_width:60em;}

/*div#miolo.interatividade {_width:590px!important;}*/

div.oas a img[src*='empty.gif'] {display:none}

table.info-table {float:left;}

div#miolo.interatividade {_width:510px;}
div#miolo.interatividade ul.enviarmural {_width:480px;}

/*div#box-clicshop {display:none;}*/
/*
div.interatividade div.descricao, ul.resultado div.descricao h2 {color:#000}

div.pagina-conteudo div.bloco h1 {font-size:1.6em; color:#f5ca02;padding-bottom:5px; padding-top:10px;}

div.bloco big.tipo-a {display:block; margin-bottom:10px;}
div.largura-a div.bloco {float:left; width:100%;}
div#miolo {min-height:820px;_height:820px;}
*/

/* seleciona regiao */
#regiao {position: absolute; top: -40px; left: 0; z-index: 1;}
#regiao p {text-align: center; padding: 3px 0;}
#regiao a {color: #f35e26;}
#regiao p a, #regiao p a.inativo {background-image: url("../icon/seta_a.gif"); position: relative; z-index: 2;}
#regiao p a.ativo {background-image: url("../icon/seta_b.gif");}
#regiao div {margin-top: -4px; z-index: 1;}