/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table {	border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
img { display:block; }


/* estrutura geral */
html, body { height:100%; }
body { font-family: Arial, Helvetica, sans-serif; color:#FFF; background:url(../imagens/bg_body.jpg) top repeat-x #001722; }
strong { font-weight:bold; }
em { font-style:italic; }
a { color:#007DBA; text-decoration:none; }
a:hover { color:#A6E2FF; }
h2 { font:bold 16px Arial, Helvetica, sans-serif; }

#altura { position:relative; min-height:100%; }

#container { width:980px; padding:0 0 209px; margin:0 auto; }

#cabecalho { position:relative; height:150px; }

#cabecalho h1 { float:left; }
#cabecalho h1 span { display:none; }

#cabecalho h2 { float:left; clear:left; width:269px; height:24px; text-align:center; background:url(../imagens/bg_aba_titulo_cabecalho.jpg) top left no-repeat; padding:15px 5px 0 0; }

#cabecalho ul.menuTopo { float:right; padding:55px 20px 0 0; }
#cabecalho ul.menuTopo li { display:inline; font-size:16px; font-weight:bold; color:#FFF; text-transform:uppercase; margin:0 0 0 50px; }
#cabecalho ul.menuTopo li.rss { background:url(../imagens/ico_rss.gif) left center no-repeat; padding:0 0 0 18px; }
#cabecalho ul.menuTopo li a { color:#FFF; }
#cabecalho ul.menuTopo li a:hover { color:#A6E2FF; }

#cabecalho form.busca { position:absolute; right:0; bottom:0; width:397px; height:55px; background:url(../imagens/bg_form_busca.jpg) top left no-repeat; }
#cabecalho form.busca fieldset { padding:23px 0 0 40px; }
#cabecalho form.busca label, #cabecalho form.busca input { float:left; }
#cabecalho form.busca label { font:bold 16px Arial, Helvetica, sans-serif; margin:0 3px 0 0; }
#cabecalho form.busca input { width:246px; font:normal 12px Arial, Helvetica, sans-serif; border:2px solid #455F6B; color:#FFF; background-color:#4DA4CF; padding:3px 0 0 2px; margin:0 3px 0; }
#cabecalho form.busca input.botao { float:left; width:24px; height:24px; display:inline-block; background:url(../imagens/bg_bt_busca.gif) top center no-repeat; border:0; cursor:pointer; margin:-1px 0 0; }
#cabecalho form.busca input.botao:hover { background:url(../imagens/bg_bt_busca.gif) bottom center no-repeat; }


/* Rodape */
#rodape { position:absolute; bottom:0; height:189px; min-width:980px; width:100%; background:url(../imagens/bg_rodape.jpg) top repeat-x #001018; }
#rodape div.conteudoRodape { width:980px; padding:0; margin:0 auto;  }
#rodape div.conteudoRodape div.navegacao { float:left; width:570px; padding:0 0 0 20px;  }

#rodape div.conteudoRodape ul.menuRodape { height:35px; padding:50px 0 40px; }
#rodape div.conteudoRodape ul.menuRodape li { float:left; height:35px; line-height:35px; font-size:16px; font-weight:bold; color:#FFF; text-transform:uppercase; margin:0 30px 0 0; }
#rodape div.conteudoRodape ul.menuRodape li.rss { background:url(../imagens/ico_rss.gif) left center no-repeat; padding:0 0 0 18px; }
#rodape div.conteudoRodape ul.menuRodape li img { display:inline; }
#rodape div.conteudoRodape ul.menuRodape li a { color:#FFF; }
#rodape div.conteudoRodape ul.menuRodape li a:hover { color:#A6E2FF; }

#rodape div.conteudoRodape address { width:501px; font:normal 11px Tahoma, Arial, Helvetica, sans-serif; line-height:100%; color:#999; }

#rodape div.conteudoRodape div.logos { float:right; width:275px; padding:50px 20px 0 0; }
#rodape div.conteudoRodape div.logos div.logo { float:right; }
#rodape div.conteudoRodape div.logos div.logo img { margin:0 0 20px; }


/* Internas */
/* Programas */
#conteudo div.programas { width:945px; padding:40px 0 0; margin:0 auto; }

#conteudo div.programas div.moldura { float:left; width:290px; height:110px; background:#00121C url(../imagens/bg_thumb_div.jpg) top repeat-x; color:#fff; padding:10px; margin:0 5px 30px 0; }
#conteudo div.programas div.moldura h3 { font-size:13px; font-weight:bold; text-transform:uppercase; padding:2px 0; }
#conteudo div.programas div.moldura p.episodios { font-size:11px; color:#CCC; }
#conteudo div.programas div.moldura p { font:normal 11px Tahoma, Arial, Helvetica, sans-serif; line-height:100%; margin:0 0 5px; }
#conteudo div.programas div.moldura a.ver { font-size:14px; font-weight:bold; }

#conteudo div.programas div.moldura div.imagem { float:left; width:110px; height:110px; text-align:right; padding:0 0 2px; margin:0 8px 0 0; }


/* Contato */
div.contato { width:395px; margin:0 auto; }
div.contato div.topo { height:24px; background:url(../imagens/bg_topo_box_contato.png) center bottom no-repeat; }
div.contato div.rodape { height:24px; background:url(../imagens/bg_rodape_box_contato.png) center top no-repeat; }

form.contato { width:395px; background:url(../imagens/bg_box_contato.png) repeat-y; padding:20px 0 0; }
form.contato label, form.contato textarea, form.contato span { display:block; }
form.contato input, form.contato textarea { position:relative; width:292px; font:normal 12px Arial, Helvetica, sans-serif; color:#FFF; background:none; border:0; }
form.contato label { position:relative; z-index:2; font:bold 10px Arial, Helvetica, sans-serif; color:#FFF; text-transform:uppercase; padding:0 0 0 48px; }

form.contato textarea { overflow:hidden; height:123px; }

form.contato input.botao { float:right; width:auto; height:auto; margin:0 32px 0 0; }

form.contato span.input { position:relative; z-index:1; width:315px; height:38px; background:url(../imagens/bg_input_contato.jpg) top left no-repeat; padding:17px 0 0 19px; margin:-10px auto 0 auto; }
form.contato span.textarea { position:relative; z-index:1; width:315px; height:147px; background:url(../imagens/bg_textarea_contato.jpg) top left no-repeat; padding:17px 0 0 19px; margin:-10px auto 0 auto; }


/* Scrollable */
div.boxScroll { padding:0 0 2px }
div.boxScroll h2 { width:224px; height:27px; text-align:center; background:url(../imagens/bg_tit_programas_scroller.jpg) top left no-repeat; margin:0 0 0 20px; padding:5px 0 0; }
div.boxScroll div.scroll { background:url(../imagens/bg_scrollable.jpg) top repeat-x #001722; padding:25px 0; }

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage { display:block;	width:18px;	height:77px; background:url(../imagens/bt_anterior_proximo.gif) left top no-repeat;	float:left; cursor:pointer; font-size:1px; }

/* mouseover state */
/* ajustar se preferir imagem no hover
a.prev:hover, a.prevPage:hover { background-position: ; }
a.next:hover, a.nextPage:hover { background-position: ; }
--------------------------------------- /*


/* disabled navigational button */
a.disabled { visibility:hidden !important; }

/* next button uses another background image */
a.next, a.nextPage { background-position:left bottom; clear:right; margin:27px 2px 0 0; }

a.prev, a.prevPage { margin:27px 0 0 2px; }

div.scrollable { float:left; position:relative;	overflow:hidden; width:940px; height:149px; }

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs { position:absolute; width:20000em;	clear:both; }

/* single item */
#thumbs div.moldura { float:left; width:290px; height:110px; background:#00121C url(../imagens/bg_thumb_div.jpg) top repeat-x; color:#fff; cursor:pointer; padding:10px; margin:0 5px 0 0; }
#thumbs div.moldura h3 { font-size:13px; font-weight:bold; text-transform:uppercase; padding:2px 0; }
#thumbs div.moldura p.episodios { font-size:11px; color:#CCC; }
#thumbs div.moldura p { font:normal 11px Tahoma, Arial, Helvetica, sans-serif; line-height:100%; margin:0 0 5px; }
#thumbs div.moldura a.ver { font-size:14px; font-weight:bold; }

#thumbs div.moldura div.imagem { float:left; height:110px; text-align:right; padding:0 0 2px; margin:0 8px 0 0; }


/* style when mouse is over the item */
#thumbs div.hover { background:none #012C3C; }

/* style when element is active (clicked) */
#thumbs div.active { background:none #014054; }


/* especiais */
span.erro { font-size:1.2em; font-weight:bold; text-align:center; color:#900; display:block; padding:0 0 5px; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.floatLeft { float:left; }
.floatRight { float:right; }