* { margin:0; padding:0;}
body { padding:0; margin:0; background:#e2e2e2 url(../img/layout/bg6.gif) repeat-y center;}
div#global {width:1000px; font:11px Arial, Helvetica, sans-serif; color:#000; position:relative; text-align:left; background-color:#fff }
img {border:0}

ul { padding:5px 5px 5px 20px;}
ul.menu { margin:0; padding:0; list-style:none;}
ul.menu li { display:inline;}

.semRegistro {padding:5px; margin:5px; font:bold 14px arial, sans-serif; color:#FFF; background-color:#000; text-align:center;}

/* box */
#box-fundo { position:fixed; top:0; left:0; z-index:100}
#btnFechar { position:fixed;  top:50%; left:50%; z-index:120; width: 24px; height:24px; background:url(../img/icones/fechar.gif) no-repeat; display:block;}
#box { position:fixed; top:50%; left:50%; z-index:110; background-color:#fff; overflow: hidden;}
#box div.input { color: #444; text-align:center; font: 12px arial, sans-serif; padding:5px; clear:both;}
#box div.submit { border: 0; clear: both; padding:3px 10px;} 
#box label { display: block; font-size: 110%; padding-right: 20px; text-align:left; }
#box .text input, textarea { clear: both; font-size: 140%; font-family: arial, sans-serif; padding: 2px; width: 90%;}


/*
 #cabecalho
*/
div#cabecalho {height:129px; background:url(../img/layout/topo-bg.gif) repeat-x; position:relative;border-bottom: 6px solid #76A400}
div#cabecalho span.efeito { width:287px; height:129px; background: url(../img/layout/topo-efeito.gif) no-repeat; position:absolute; top:0; right:0; z-index:1}
div#cabecalho div#publicidade-topo { width:685px; height:96px; background: url(../img/layout/topo-pub-bg.png) repeat-x; position:absolute; top:0; right:16px; z-index:2}
div#cabecalho div#publicidade-topo span.esq { display:block; height:96px; background: url(../img/layout/topo-pub-esq.gif) no-repeat left;}
div#cabecalho div#publicidade-topo span.dir { display:block; height:96px; background: url(../img/layout/topo-pub-dir.gif) no-repeat right;}
div#cabecalho div#publicidade-topo span.banner { display:block; padding:5px 0 0 20px}
div#cabecalho div#pesquisa {width:533px; height:30px; position:absolute; bottom:0; left: 468px; z-index:2}
div#cabecalho div#pesquisa label {display:block; width:88px; height:30px; float:left; background: url(../img/tit/pesquisar.gif) no-repeat center; margin-right:5px}
div#cabecalho div#pesquisa input.query {height:14px; width:174px; padding:7px 5px; font:bold 12px arial, sans-serif; letter-spacing:-0.005em; color:#999; border:none; background: #f5f5f5 url(../img/layout/pesquisa-bg.gif) no-repeat}
div#cabecalho div#pesquisa input:focus.query { background-color:#fff;}
div#cabecalho div#pesquisa .float { float:left; margin-right:7px}
div#cabecalho a.home { display:block; width:108px; height:28px; background:#76A400 url(../img/layout/topo-aba-bg.gif) repeat-x top; position:absolute; left:4px; bottom:0; font-weight:bold; font-size:12px; color:#fff; text-decoration:none; text-indent:30px; font-family:arial, serif; line-height:27px}
div#cabecalho a.home span.esq {display:block; width:108px; height:28px; background: url(../img/layout/topo-aba-esq.gif) no-repeat top left}
div#cabecalho a.home span.dir {display:block; width:108px; height:28px; background: url(../img/layout/topo-aba-dir.png) no-repeat top right}
div#cabecalho a:hover.home { background:#FFD600}
div#cabecalho span#dia { position:absolute; right:20px; bottom:10px; color: #B78400; z-index:20}

/*
 #CONTEUDO
*/
div#pesquisa {margin-left: 270px; height:30px;  z-index:2}
div#pesquisa label {display:block; width:88px; height:30px; float:left; background: url(../img/tit/pesquisar.gif) no-repeat center; margin-right:5px}
div#pesquisa input.query {height:14px; width:174px; padding:7px 5px; font:bold 12px arial, sans-serif; letter-spacing:-0.005em; color:#999; border:none; background: #f5f5f5 url(../img/layout/pesquisa-bg.gif) no-repeat}
div#pesquisa input:focus.query { background-color:#fff;}
div#pesquisa .float { float:left; margin-right:7px}

.error-message {color:#dd0000}

/*
	# DESTAQUES
*/
div#destaques { height:26px; border-bottom: 3px solid #76A400; position:relative; background: #76A400; margin-top:-1px}
div#destaques h3 {padding:12px 15px 0}
/*
div#destaques li a {display:block; width: 231px; height:98px; background-color: #93C500; margin:8px 0 0 6px; padding:5px; color:#fff; text-decoration:none; float:left}
*/
div#destaques li a span.titulo { display:block;  font: bold 14px arial, sans-serif; padding-bottom:3px; border-bottom:3px solid #99CC00; text-align:center}
div#destaques li a span.data { display:block; width:28px; text-align:center; font-size:11px; color:#5D8600; float:left; font-weight:bold; line-height:15px; padding-top:5px}
div#destaques li a span.descricao {display:block; width:200px; text-align:justify; float:right; padding-top:5px; line-height:12px; font-family:arial, sans-serif;}
div#destaques li a:hover {background-color:#76A400}
div#destaques a.aba { display:block; width:100px; height:14px; position:absolute; right:3px; bottom:-20px; background: url(../img/layout/aba-esconder.gif) no-repeat}


a#aba-mostra-destaque {display:none; z-index:10; width:100px; height:14px; position:absolute; right:3px; top:0; background: url(../img/layout/aba-mostrar.gif) no-repeat}


/*
 #colunas
*/
div#a {width:183px; float:left; padding:10px 5px 5px 4px; margin-left: 10px}
div#b {width:636px; float:left; margin-top:5px}
div#c {width:145px; float:left; padding:25px 3px 5px 4px}

#res{background: #666}


/*=> Menu*/
div#menu {background-color:#76A400}
div#menu h3 {height:25px; background:#fff url(../img/tit/menu.gif) no-repeat left}
/*dropdown*/
div#menu ul.menu { display:block;}
div#menu ul.menu li {margin:0; height: 8px; display:block;  position:relative; z-index:100; float: left; width: 110px; margin-left:1px;}
div#menu ul.menu li:hover {}
div#menu ul.menu li a {display:block; height:15px; text-decoration:none; color:#fff; font-size:12px; font-family:arial, sans-serif; font-weight:bold; text-align: center; background: #76A400; width: 100px; margin-left:1px; padding: 5px;  border-right: solid 1px #93C500; }
div#menu ul.menu li a:hover {  background-color:#93C500;}
div#menu ul.menu li a.fim {border:none}
div#menu ul.menu ul.sub {width: 160px; list-style: none; display: none; position:absolute; top:25px; z-index: 999; left: 0px; padding: 0px}
div#menu ul.menu ul.sub li {width: 180px; height: 25px }
div#menu ul.menu ul.sub li a {font-weight:normal; font-size:11px; width: 170px; text-align: left; text-indent: 10px; background: #5E8200}
div#menu ul.menu ul.sub li a:hover { background: #76A400 }

/*=> Cinema*/
div#cinema h3 {height:25px; background:#fff url(../img/tit/cinema.gif) no-repeat left center}

/*=> Publicidade lateral*/
div#c div#publicidade-lateral { width:141px; background-color:#efefef;padding:3px 2px}
div#c div#publicidade-lateral h3 {font:bold 12px arial, sans-serif; color:#999; padding:3px}
div#c div#publicidade-lateral li { display: block; width:140px; height:90px; overflow:hidden; background-color:#fff; margin:2px 0}

/*
 #rodape
*/
div#rodape {height:71px; border-top:7px solid #76A400; background: #99CC00 url(../img/layout/rodape-bg.gif) repeat-x top; clear:both; position:relative;}
div#rodape a.logo {width: 172px; height:71px; display:block; position:absolute; top:0; left:0; background: url(../img/layout/rodape-logo.png) no-repeat center}
div#rodape span.infos {display: block; color:#fff; padding:5px; border-left:5px solid #99CC01; position:absolute; left:178px; top:4px}
div#rodape a.apkomp {width: 132px; height:51px; display:block; position:absolute; top:0; right:5px; padding-top: 20px; font-size:12px; color:#fff; text-decoration:none; text-align:center}
div#rodape a:hover {background-color: #99CC00}



/*
NOTICIAS
*/
.tituloInterna, .tituloInterna2 { background: #fff url(../img/layout/conteudo-bg.gif) repeat-x top; width:635px; float:left; border-bottom:2px solid #ebebeb; position:relative;}
.tituloInterna .ref, .tituloInterna2 .ref {display:block; float:left; padding:10px 20px 10px 10px; font:bold 16px arial, sans-serif; color:#999; background:url(../img/icones/seta.gif) no-repeat right center}
.tituloInterna .atual a {display:block; float:left; padding:7px 10px; font:bold 20px arial, sans-serif; color:#666; text-decoration:none;}
.tituloInterna .atual a:hover{text-decoration:underline;}
.tituloInterna .end {position:absolute; right:5px; top:10px; font-size:11px; color:#666}
.tituloInterna2 {border-bottom:none; border:1px solid #fff; margin-top:1px; width:100%}
.tituloInterna2 .ref {background:none; color:#666}

h1.noticia {font:bold 20px arial, sans-serif; color:#76A400; padding:10px; clear:both;}
.dataInterna {position:relative; padding:8px; font-size:11px; color:#999; background-color:#efefef;}
.dataInterna .aumentarFonte {position:absolute; right:4px; top:3px;}
.dataInterna .diminuirFonte {position:absolute; right:32px; top:3px;}
div.conteudoTexto { background: url(../img/layout/conteudo-bg.gif) repeat-x top; float:left; margin-top:1px; text-align:justify; padding:10px; font:12px arial, sans-serif; position:relative;}
div.opcoes { clear:both; padding-top:40px; background:url(../img/layout/conteudo-bg-baixo.gif) repeat-x top; position:relative;}
div.opcoes ul {display:block; background-color:#efefef;  padding:5px 0; height:25px}
div.opcoes ul a, div.opcoes a#op-btvoltar {display:block; float:left; font-size:14px; color:#333; text-decoration:none; padding:5px 10px 5px 40px; border-right:2px solid #ccc}
div.opcoes a#op-btvoltar { float:none; position:absolute; top:5px; right:20px;}
div.opcoes ul a:hover#op-voltar,
div.opcoes a:hover#op-btvoltar,
div.opcoes ul a:hover#op-home,
div.opcoes ul a:hover#op-enviar { background-color:#fff}
div.opcoes ul a#op-voltar, div.opcoes a#op-btvoltar {background:url(../img/icones/voltar.gif) no-repeat 10px center; margin-left:4px}
div.opcoes ul a#op-home {background:url(../img/icones/home.gif) no-repeat 10px center}
div.opcoes ul a#op-enviar {background:url(../img/icones/enviar.gif) no-repeat 10px center}
div.opcoes img#favoritos {position:absolute; right:10px; top:50px}

h3.adicional { font:bold 16px arial, sans-serif; color: #666; padding:5px; border-bottom:3px solid #ccc; border-top:3px solid #ccc; margin:0 0 10px;}

.img-destaque { display:block; float:left; width:252px; position:relative; border:1px solid #ebebeb; background-color:#efefef; margin:0 10px 10px 0; font:11px arial, sans-serif; color:#666 }
.img-destaque span {display:block; padding:4px}
/*
NOTICIAS LISTA
*/
h2.noticiaData { font:bold 14px arial, sans-serif; color:#ffcc00; clear:both; letter-spacing:-1px; padding:10px 0 5px 0; margin:0; }
a.noticiaLink { display:block; padding: 5px 3px; text-indent: 5px; text-decoration:none; color:#666; border-bottom:1px dashed #ededed}
a:hover.noticiaLink { color:#000; background-color: #ffcc00}
a.noticiaLink span {color:#333;}
a:hover.noticiaLink span {color:#fff;}
.paginas {font:11px arial,sans-serif; color:#999; position:absolute; top: 4px; left:10px}
.ordem {font:11px arial,sans-serif; color:#999; position:absolute; top: 4px; right:10px}
.ordem a {color:#666; }
.ordem a:hover {color:#333; text-decoration:none; }

/*PAGINACAO*/
ul.paginacao {padding:0; margin-top:-30px}
ul.paginacao li a, ul.paginacao li span.current {display:block; float:left; margin:0; padding:5px 10px; font:bold 11px sans-serif; border:1px solid #ccc; margin:3px; background: url(../img/layout/conteudo-bg.gif) repeat-x top;}
ul.paginacao li span.current { background: #ccc; color:#fff}
ul.paginacao li a:hover {background:#fafafa}

/*
MANCHETES
*/
h3.mancheteData { font:bold 14px arial, sans-serif; color:#666; letter-spacing:-1px; padding:20px 0 5px 0; margin:0; }
.manchete {margin-bottom:10px; border:1px dashed #e1e1e1; padding:10px; clear:both; font-style:italic;}
.manchete:hover { background-color:#f5f5f5}
.manchete h2 a{ display:block; font:normal 13px arial, sans-serif; color:#999; text-decoration:none; }
.manchete h2 a:hover {color:#333}
.manchete h1 { font:normal 18px arial, sans-serif; color:#000; padding:5px; color:#76A400}

/*
CINEMA
*/
.filmes h1 { font:bold 20px arial,sans-serif; letter-spacing:-1px; color:#333; margin-bottom:-5px; padding:0 10px}
.filmes { clear:both; padding:10px}
.filmes-lista td {vertical-align:top; padding:10px 5px; border-bottom:1px dashed #ccc }
.filmes-lista td.bg { background-color: #efefef}
.filmes-lista td.poster { width:80px}
.filmes-lista td.infos h2 {font:bold 14px arial, sans-serif; letter-spacing:-1px; color:#000; padding:5px 0}
.filmes-lista td.opcoes {width:100px}

.salas {clear:both;}
.salas li a{ display:block; /*width:313px209px; float:left;*/ background-color:#efefef; padding:1px;  margin:3px; text-decoration:none; color:#000}
.salas li a span { display:block; padding:10px;  font: 14px arial, sans-serif; letter-spacing:-1px; }
.salas li a:hover { background-color:#ffcc00}
.salas li a img {display:none}
.salas li a.multiplex {background-image: url(../img/icones/multiplex.png); background-repeat: no-repeat; background-position: right center}
.salas li a.cinenfun {background-image: url(../img/icones/cinenfun.png); background-repeat: no-repeat; background-position: right center}
.salas h1 { font:bold 20px arial,sans-serif; letter-spacing:-1px; color:#ffcc00; margin-bottom:-5px; padding:10px}
.sala-titulo {padding:5px;margin:10px 5px 10px; float:left; width:97%; background-color:#efefef; clear:both}
.sala-titulo h1 { font:bold 20px arial, sans-serif; color:#76A400; letter-spacing:-1px }
.sala-titulo img.logo { float:left; margin-right:10px;} 
/*
CINEMA => Filme
*/
#filme-infos { background-color:#F0F0F0; padding:5px; float:left; width:646px;}
#filme-infos div.a {float:left; width:192px; text-align:center}
#filme-infos div.b {float:left; width:454px; }
#filme-infos div.b h1 {font:bold 20px arial, sans-serif; color:#76A400; letter-spacing:-1px}
#filme-infos div.b p.genero {font:italic 12px Arial, sans-serif; color:#666; padding: 10px}
#filme-infos div.b div.sinopse {font:12px Arial, sans-serif; color:#333; padding: 10px}
#filme-infos div.b p.opcoes {font:11px Arial, sans-serif; color:#333; padding: 5px}
#filme-infos div.b p.opcoes span {font-weight:bold}
#filme-infos div.b p.trailer {padding:10px; text-align:center;}

/*votacao*/
#filme-infos div.a div#votacao, 
div.votacao { background-color:#fff; padding:3px 0; margin:5px }
#filme-infos div.a div#votacao p.resposta,
.votacao p.resposta {font:bold 12px arial, sans-serif; color:#76A400; display:block; padding:3px 0}
#filme-infos div.a div#votacao div.resp-fundo,
.votacao div.resp-fundo {background: url(star.gif) left top repeat-x; height:25px; width:125px; margin-left:15%}
#filme-infos div.a div#votacao div.resp-estrelas,
.votacao div.resp-estrelas {background: url(star.gif) left center repeat-x; height:25px}
.votacao li {border:none}
.votacao ul { margin:0}
.votacao { float:right; border-left:2px solid #f5f5f5; text-align:center; clear:none; padding-left:3px}
.votacao div.resp-fundo {margin:0}

td.opcoes div.resp-fundo-small {background: url(star_small.gif) left top repeat-x; height:10px; width:50px; margin-left:26%}
td.opcoes  div.resp-estrelas {background: url(star_small.gif) left bottom repeat-x; height:10px}
td.opcoes .votacao {text-align:center; font-size:11px}
td.opcoes .votacao .titulo { font-weight:bold; color:#76A400; display:block; padding:5px 0}

/*
 #CONTATO
*/
.contato { font:11px arial,sans-serif; color:#999}
.contato label { display:block; color:#666 }
.contato .text { padding:0 0 10px}
.contato .text input, .contato .textarea textarea { display:block; width:98%; padding:3px; font:14px arial, sans-serif;  border:2px solid #ccc; color:#76A400 }
.contato .text input:focus , .contato .textarea textarea:focus{ border:2px solid #ffcc00 }
.contato .submit { padding:10px 0; text-align:right; clear: both; }
.contato h1 {font:bold 16px arial, sans-serif; color:#99CC00; padding:10px}

/*
 #Locutores
*/
.locutores a.lista { display:block; width:145px; height:200px; text-decoration:none; background-color:#f5f5f5; font:bold 14px arial, sans-serif; text-align:center; color:#666; float:left; margin:5px}
.locutores a.lista span.foto { display:block; height:145px; background-color:#f5f5f5}
.locutores a.lista span.nome { line-height:50px}
.locutores a.lista:hover {background-color:#99CC00; color:#fff}

.locutores h1 {font-size: 25px; color:#7B9C25; padding:0 0 10px }
.locutores .a {width:200px; float: left;}
.locutores .a img {margin-bottom:10px; clear:both;}
.locutores .b {width:430px; float: right; line-height:18px }

/*
 #Programas
*/
.programacao a.lista { display:block; text-decoration:none; border-bottom: 1px dashed #efefef; font:11px arial, sans-serif;  color:#666;padding:5px}
.programacao a.lista span.hora { background-color:#BFBFBF; color:#fff; padding:3px}
.programacao a.lista:hover {background-color:#99CC00; color:#fff}
.programacao a.lista:hover span.hora { background-color:#fff; color:#99CC00; padding:3px}

.programacao h2 {font-size: 16px; font-weight:normal; color:#7B9C25; padding:5px; border-top:2px solid #f5f5f5 }
.programacao .a {width:210px; float: left; border-right:2px solid #efefef}

.programacao div.locutores { font:bold 11px arial, sans-serif; color:#666; margin-bottom:10px}
.programacao div.locutores a { color:#76A400; text-decoration:none; padding:3px}
.programacao div.locutores a:hover { background-color:#76A400; text-decoration:none; padding:3px; color:#fff}


/* enquete */
div.enquete {width:305px; float:left; margin: 5px; border-bottom: 1px dashed #999; padding-bottom:10px}
div.enquete h3 {height:20px; background:#fff url(../img/tit/enquete.gif) no-repeat center bottom}
div.enquete div.pergunta { padding:10px 5px; background: #efefef url(../img/icones/pergunta.gif) no-repeat center right; font:bold 11px arial, sans-serif; color:#333; margin:0 2px}
div.enquete li {display:block; background: url(../img/layout/enquete-bg.gif) repeat-x bottom;padding:5px}
.barra_resultado { background:#ffcc00 url(../img/enquete/resultado.gif) repeat-x;	height:30px; }
.barra_resultado div {position:absolute}
.bg_resultado {	background:#ccc url(../img/enquete/bg.gif) repeat-x center; color:#000000;	position:relative; margin:2px; height: 30px}
#enquete i, .enquete i { font:10px Arial, Helvetica, sans-serif; text-align:left}

/*
 #Podcast
*/
ul.podcast { margin-top:20px}
ul.podcast li.podcast { display:block; border-bottom: 2px dashed #f5f5f5; float:left; width:635px; padding:15px 3px; position:relative;}
ul.podcast li.podcast .titulo { color:#444; font-family:"Lucida Sans Unicode",Tahoma,Arial,sans-serif; font-weight:normal; letter-spacing:-1px; font-size:22px; text-decoration:none; float:left; width:465px  }
ul.podcast li.podcast .titulo img {float:left; padding-right:8px}
ul.podcast h2 {  clear:left; padding:5px; margin:0 -10px;  }
ul.podcast li.podcast a.titulo:hover {color:#999}
ul.podcast .votacao {position:absolute; top:10px; right:0}
.sobrePodcast {background:url(../img/layout/podcast-bg.gif) repeat-x right bottom; color:#fff; height:110px; clear:both; position:relative;}
.sobrePodcast img.rss {position:absolute; top: 61px; left:398px; z-index:10}
.sobrePodcast img.itunes {position:absolute; top: 61px; left:531px; z-index:10}
.sobrePodcast .img-podcast { position:absolute; top: 4px; left:5px}
.sobrePodcast .sobre { display:block; width:520px;  font: 13px "Lucida Sans Unicode",Tahoma,Arial,sans-serif; color:#000; position:absolute; left:117px; top:15px; text-align:justify;}
.sobrePodcast .sobre .mais {font:italic 11px Arial, Helvetica, sans-serif, sans; color:#666; display:block;}
.sobrePodcast .sobre .mais a { color:#666; text-align:right}