@charset "utf-8"; /* Modificado em Abril de 2011 */

body {
	background:url(../img/bg_geral.jpg) repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#273A45;
	background-color: #FFFFFF;	

}

/* Criamos uma classe para mudar o background da index, aparentemente o body id n�o funcionou */

.index{	background:url(../img/bg_index.jpg) repeat-x;}

#arquivos_materia{	background:url(../img/bg_index.jpg) repeat-x;}

/*Titulos*/
h1 {font-size: 24px;}

/*tag h2  usada para slogam */
h3 {font-size: 26px; padding: 25px 0 10px 0;}
h4 {font-size: 24px; padding: 25px 0 10px 0;}
h5 {font-size: 18px; padding: 25px 0 10px 0; color:#42361A;}
a {	font-weight: bold;	color: #51595c;	text-decoration: none;}
p {font-size:14px; margin:5px 0 5px 0; line-height:20px;}
p a {color: #42361A;}
p a:hover {color: #663501;}
p.nofound {	padding: 10px;	height: 250px;	float: left;}
p.pergunte {padding: 10px;	width:600px;}

/* estilos do cabecalho */

#header{
	background-image: url(../img/bg_header.png);
	background-repeat:no-repeat;	
	background-position: top center;
}

#logo {	float: left;}
#logo span{	display: none;}
#logo a {
	display: block;	
	width: 141px; 
	height: 116px; 
	margin-top: 4px;
}

#slogam {
	display: block;
	width:370px; height:100px;
	background-image: url(../img/txt_slogam.png);
	text-indent: -9999px;
	position:relative;	top:15px; left:100px;		
	float: left;
}

#frmbusca input {
	color: #a3b5c1;
	background-image: url(../img/busca_fundo.jpg);
	border: 1px solid #9AC0DA;
	height: 16px;
	width: 208px;
	padding:5px 5px 5px 5px;
	margin:69px 0 0 210px;
}

#frmbusca button {
	border: none;
	background: none;
	height:28px;
	width:32px;
	color: #FFFFFF;
	text-align: center;
	background-image: url(../img/busca_ok.gif);
	cursor: pointer;
}

#bt_arquivos_materia{
	width: 153px;
	height: 67px;
	margin: 30px 8px 0 0;
	float: right;
}

#bt_arquivos_materias a{
	width: 100%;
	height: 100%;
	float: left;
}

/* Estilos do menu */

#menu{
	width: 980px;
	margin: 0 auto;	
}

#menu .fixmeio{ width: 700px; float: left;}

.fixmeio ul li {float: left;}

.fixmeio ul li a {
	display: block;
	float: left;
	text-align: center;
	width: 110px;
	height:34px;
	text-decoration: none;
	color: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	font-size: 15px;
	line-height:34px;
	font-weight: normal;
}

.fixmeio ul li a:hover {background-image: url(../img/menu_botao.jpg);	background-position: 0 -68px;	height: 34px;	}

.fixmeio ul li a.mativo, #menu ul li a.mativo:hover {
	background-image: url(../img/menu_botao.jpg);
	font-weight: bold;
	background-position: 0 -34px;
	color: #51595c;
	height: 34px;
}

#redes_sociais{	float:right;	margin:2px 0 0 5px;}
#redes_sociais ul{	margin:0px;	padding:0px; list-style-type:none;}
#redes_sociais li{	width:31px; height:30px; float:left; margin:0 5px 0 0;}

#redes_sociais li a{	width:31px; height:30px; float:left;}

#redes_sociais li a.twitter{background-image:url(../img/redes_twitter.png);}
#redes_sociais li a.facebook{background-image:url(../img/redes_facebook.png);}
#redes_sociais li a.orkut{background-image:url(../img/redes_orkut.png);}


/* Formatação da Index */

#player
{
	width:980px;
	height:484px;
	background:url(../img/bg_player2.jpg) no-repeat;
	margin:0 auto;
	position:relative;
	top:-2px;	
}

#destaques_index
{
	margin:0 0 0 5px;
	padding:0px;
	width:970px;
	height:auto;
	float: left;
	border-bottom:1px solid #BDBBB0;
}

#destaques_index li{width:290px; height: auto;	float:left;	margin:0 50px 0 0; padding-bottom: 20px;}
#destaques_index li.destroy{margin:0;}
#destaques_index li h3{	color:#42361A;	font-size:22px;	font-weight:bold;}
#destaques_index li p{	font-size:14px;	line-height:20px;}

#apoio {
	width: 690px;
	height:auto;
	float: right;
	margin:0 0 20px 0;
	padding-bottom: 20px;
}

#apoio h4 {
	padding:0 0 10px 0;
	margin:15px 15px 0 0;
	font-size: 12px;
	font-weight: normal;
	float: right;
}

#apoio ul {	
	width: 680px;
	float: left;
}

#apoio ul li {
	width: 135px;
	min-height: 75px;
	text-align: center;
	float: left;
	display: inline;
	margin:8px 15px;
}

#apoio ul li a {text-decoration: none; background-image: none; float: left;}
#apoio ul li img {float: left;}
#menu {	height: 40px;	text-align: center;}
#links {float: left;	width: 240px;	margin:-10px 20px 15px 5px;}

/* estilos conteudo areas secundaria */

#principal_menu {
	float:right;
	width: 234px;
	margin:60px 0 0 0;
}

#principal_menu_agenda {float:right;	width: 264px;	margin:0 -43px 0 0;}
#principal_agenda {	float:left;	width: 640px;}

/* menu da area de programas */

ul.menulat {clear: both;}
ul.menulat li {padding-top: 3px;}

ul.menulat li a {
	display: block;
	height: 33px;
	padding: 15px 20px 0 20px;
	border: 1px solid #c5c2af;
	border-bottom: 1px solid #b5b39c;
	border-right:  1px solid #b5b39c;
	background-image: url(../img/menuprogramas_fundo.gif);
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	color:#42361A;
}

ul.menulat li a:hover {text-decoration: none; background-image: url(../img/menuprogramas_fundo_over.gif);}
#outrosvideos li a {text-align: left;}

/*campo busca interno */

#frmbuscaprograma {	margin-top: 20px;}

#frmbuscaprograma input {
	background-image: url(../img/busca2_fundo.jpg);
	border-top: 1px solid #b6af9d;
	border-right: 1px solid #b6af9d;
	border-left: 1px solid #d5d0bd;
	border-bottom: 1px solid #d5d0bd;
	height: 15px;
	width: 185px;
	padding: 5px 5px 5px 5px;
}

#frmbuscaprograma button {
	border: none;
	background: none;
	height:28px;
	width:32px;
	margin-top: 2px;
	color: #FFFFFF;
	text-align: center;
	background-image: url(../img/busca_ok.gif);
}

/* menu que exibe os videos de um determinado programa */

ul.videos {	width: 636px;	height:auto;	float: left;}
ul.videos li {	float: left;	border-bottom: 2px solid #c1bba3;}
ul.videos li:hover {/*background-color: #FFFFFF; /*fiz atraves de javascript pra ter compatibilidade com IE7*/ }
ul.videos li a span {display: block;	margin-bottom: 10px;}

ul.videos li a span.desc {
	font-weight: normal;
	font-size: 12px;
	margin: 0;
	margin-top: 8px;
	text-transform: uppercase;
}

ul.videos li a {
	display: block;	
	width: 194px;
	height: 192px;
	padding: 15px 8px 8px 9px;
}

ul.videos li a img {/*width: 99%;*/}
ul.videos li a:hover {	text-decoration: none;	/*background-color: #FFFFFF; /*fiz atraves de javascript pra ter compatibilidade com IE7*/ 	}

/* agenda de eventos */
#agenda #principal_conteudo h4 {	margin-left: 0;}

ul.agenda {
	float: left;
	width: 636px;
	margin-top: 10px;
}

/* O efeito de hover desta li está dentro de shalom.js, linha 43 - thiagoanjos */

ul.agenda li {
	display: block;
	height: auto;
	border-bottom: 1px solid #EDE5D5;
	padding: 0 10px 10px 10px;
	cursor: default;
	color:#4E5458;;
}

ul.agenda li span {
	display: block;
	font-weight: bold;
	padding: 10px 0 4px 0;
	clear: both;
}

table.calendario {
	margin-top: 20px;
	width: 264px;
	color: #4f504a;
	border: 1px solid #c5bfaf;
}

table.calendario th {
	height: 38px;
	text-align: center;
	vertical-align: middle;
	background-color: #c4ba9f;
	border-top: 1px solid #b5ad96;
	background-image: url(../img/calendario_fundo_th.gif);
}

table.calendario tr.header th {background-image: none;	border: none;}

table.calendario td {
	width: 42px;
	height: 38px;
	text-align: center;
	vertical-align: middle;
	
	border-left: 1px solid #fcf7f1;		
	border-top: 1px solid #c4ba9f;
	background-image: url(../img/calendario_fundo.gif);
}

table.calendario td.first {	border-left: none;}
table.calendario td.top {	border-top: none;}
table.calendario td.hoje {	font-weight: bold;	background-color: #c5ba9c;	background-image: none;}
table.calendario td.evento {	font-weight: bold;	background-color:#c4ba9f;	background-image: none;}

/* estilos do cadastro, login e outros formularios */

fieldset {	width: 890px;}
fieldset div {	width: 420px;}
fieldset div.esquerda{	float: left;}
fieldset div.direita{	float: right;}

fieldset label
{
	color: #635E51;
	padding: 10px 0 5px 0;
	float: left;
	clear: both;
	font-size:14px;	
}

fieldset input, fieldset select, fieldset textarea
{
	height: 30px;
	background-image: url(../img/cadastro_fundo_form.gif);
	background-repeat: repeat-x;
	border: 1px solid #8C7F73;
	border-top-color: #908C87;
	font-size: 18px;
	width: 100%;
	float: left;
	clear: both;
	padding-left: 3px;
}

fieldset input.checkbox
{
	margin: 0 0 10px 0;
	*margin-top: -3px;
	height: auto;
	width: auto;
	clear: left;
	border: none;
	background: none;
}

fieldset label.checkbox{margin-top: 10px;	width: 100%;}
fieldset textarea{	font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 18px; height: 150px;}

fieldset a
{
	display: block;
	border: 1px solid #928E85;
	color:#505046;
	background-color: #c4ba9f;
	text-align: center;
	text-decoration: none;
	padding-top: 10px;
	height: 24px;
	width: 120px;
	margin-top: 20px;
	cursor: pointer;
}

fieldset a:hover{color:#88806C;	background-color: #DED7C6;}

fieldset a.limpar
{
	clear: right;
	float: right;
	margin:20px 150px 0 0;	
	text-decoration:none;
}

fieldset a.voltar{	clear: left;	float: left;}
fieldset a.login{	clear: left;	float: left;}

fieldset a.enviar
{
	font-weight: bold;
	clear: left;
	float: left;
	*position: relative;
	*top: 62px;
	text-decoration:none;	
}

fieldset a.nowidth{	width: auto;	padding-left: 30px;	padding-right: 30px;}

.ok-message, .message {
	width: 950px;
	height: 40px;
	background-color: #51FF51;
	border: 1px dashed #003300;
	color: #003300;
	text-align: center;
	
	margin-top: 10px;
	line-height: 40px;
}

.error-message {
	display: block;
	clear: both;
	width: 400px;
	padding: 5px;
	color: #FF0000;
	text-align: center;
	font-size: 13px;
}

/* estilos canais */

table.canais {
	margin:10px 0 15px 0;
	width: 690px;
	float:left;
	color: #4f504a;
	border: 1px solid #DED6C1;
}

table.canais thead th {
	padding: 8px;
	text-align: center;
	vertical-align: middle;
	background-color:#C4BA9F;
	font-size:13px;
	color:#FFF;
}

table.canais tbody {
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #fffffa;
	border-top: 1px solid #DED6C1;
	text-align:center;
}

table.canais tbody .odd {background-color:#F5F4E7;}
table.canais td, table.canais th {padding: 10px;	font-size:13px;	color:#273A45;}
table.canais tfoot span.current {	font-weight: bold;}

/* busca */
ul.busca {float: left;	width: 636px;	margin-top: 10px;}
ul.busca li.first {	border-top: 1px solid #c1bba3;}

ul.busca li {
	display: block;
	height: 68px;
	
	border-bottom: 1px solid #c1bba3;
	padding: 5px 10px 10px 10px;
	cursor: default;
}

ul.busca li span {
	display: block;
	font-weight: bold;
	padding: 10px 0 4px 0;
	clear: both;
}

ul.busca li span.highlight {
	display: inline;
	font-weight: normal;
	padding: 0;
	font-style: italic;
}

ul.busca li p {margin-top: 10px;	font-size: 9px;}
ul.busca li a {	font-weight: normal;}
ul.busca li a:hover, ul.busca li a:hover span {	text-decoration: underline;}
pre {	clear: both;	float: left;}

/* estilo de formulario especifico login */
#usuarios fieldset legend {	display: block;	margin: 10px 0 10px 0;	padding-top: 10px;}
#usuarios fieldset input {width: 420px;}

/* div paginacao */
#paginacao {
    padding: 10px;
	position:relative;
	top:8px;
	margin:0 0 20px 0;
	font-size: 14px;
    font-weight: normal;
    color: #4f504a;
	clear:left;
	width:615px;
}

#paginacao span.current {
    font-weight: bold;
    padding: 5px;
    border: 1px solid #c5bfaf;
    background-image: url(../img/calendario_fundo.gif);
    background-position: bottom;
    background-repeat: repeat-x;
    background-color: #fffffa;
}

/* Programas */
#titulo_principal
{
	color:#42361A;
	font-size:24px;
	position:relative;
	top:20px;
	width:450px;
}

#txt_programas
{
	width:654px;
	height:auto;
	float:left;
	clear:both;
	margin:35px 0 20px 0;
	font-size:14px;
	line-height:20px;
}

#instrucoes_webtv{
	margin: 10px 0 0 10px;
	float:left;
}
#instrucoes_webtv li{
	margin-top: 5px;
}

#instrucoes_webtv li a{
	color:#42361A;
}


#lista_programas{float:left;	width:653px;	margin:15px 0 0 0;}

#lista_programas li a
{
	float:left;
	width:653px;
	height:80px;
	display:block;
	margin:0 0 15px 0;
	text-decoration:none;
}

#lista_programas li a:hover{	background-color:#EDECE1;}

#lista_programas li img
{
	width:117px;
	height:78px;
	float:left;
}

#lista_programas li h1
{
	font-size:16px;
	font-weight:bold;
	color:#42361A;
	position:relative;
	top:5px; left:10px;
}

#lista_programas li p
{
	font-size:14px;
	color:#273A45;
	position:relative;
	top:10px; left:10px;
}

/* Outros programas*/
.tit_reportagens
{
	font-size:22px;
	color:#42361A;
	font-weight:bold;
	margin:15px 0 0 0;
}

/* Geral */
.titulo_geral{font-size:24px;	color:#42361A;}

#lateral_direita_geral{	float:right;	width: 234px;	margin:-10px 0 30px 0;}

#lista_canais_reportagens{	margin:10px 0 0 0;}

#lista_canais_reportagens li a
{
	display:block;
	width:248px;
	height:63px;
	background-color:#EBE9DA;
	margin:0 0 10px 0;
	padding:3px;
	text-decoration:none;
	overflow:hidden;
}

#lista_canais_reportagens li img{width:90px;	height:60px;	float:left;}

#lista_canais_reportagens li a h1
{
	color:#42361A;
	font-size:14px;
	font-weight:bold;
	width:150px;
	float:left;
	margin:5px 0 0 5px;
}

#lista_canais_reportagens li p.descricao
{
	color:#42361A;
	font-size:11px;
	line-height: 14px;
	font-weight: normal;
	text-decoration:none;
	width:150px;
	float:left;
	margin:5px 0 0 5px;
}

#lista_canais_reportagens li a:hover{background-color:#EDECE1;}

#lateral_direita_geral a.mais
{
	color:#42361A;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

/* Geral */
#box_esquerda
{
	background-color:#FFFEF5;
	border:1px solid #C4BA9F;
	width:691px;
	margin:-5px 0 20px 0;
	padding:0 15px;
	height:auto;
	float:left;
}

#box_cadastro
{
	background-color:#FFFEF5;
	border:1px solid #C4BA9F;
	width:950px;
	margin:-5px 0 0 0;
	padding:0 15px;
	height:auto;
	float:left;
}

/* Quem somos */
#txt_qs{float:;}

#txt_qs p
{
	font-size:14px;
	text-align:justify;
	margin:5px 0 5px 0;
	line-height:20px;
}

/* Ao Vivo */

#aovivo
{
	width:950px;
	margin:-5px 0 20px 0;
	padding:0 15px;
	height:auto;
}

#aovivo iframe
{
	width:;
	height:;
	border: 4px solid #fff;
	margin: 15px 0 0 210px;
}

/* Contato */
#esquerda_contato
{
	width:437px;
	height:81px;
	float:left;
	font-size:14px;
	line-height:15px;
}

#esquerda_contato a{color:#0071B3;}

#direita_contato
{
	width:437px;
	float:right;
	margin:0 50px 0 0;
	font-size:14px;
	line-height:20px;
}

#regua_contato
{
	width:940px;
	border:1px solid #EDE5D5;
	clear:both;
	float:left;
	margin:15px 0 0 0;
}

#form_contato{clear:both; margin:20px 0 0 0;}
#form_contato label{font-size:13px;}

#login
{
	width: 120px !important; 
	height:30px;  
	cursor: pointer;
	font-weight: bold;
	display: block;
	border: 1px solid #928E85;
	color:#505046;
	background-color: #c4ba9f;
	text-align: center;
	text-decoration: none;
	margin-top: 20px;
	cursor: pointer;
}

#login:hover{color:#88806C;	background-color: #DED7C6;}

/* estilos do rodape */

#rodape {font-size: 12px;	color: #FFFFFF;}

#marca
{
	background:url(../img/bg_marca.png) no-repeat;
	width:225px;
	height:63px;
	float:left;
	margin:15px 0 0 0;
}

#menu_rodape
{
	list-style-type:none;
	float:right;
	width:470px;
	height: 20px;
	margin:20px 0 0 0;
}

#menu_rodape li
{
	width: auto;
	height: 20px;
	font-size:13px;
	line-height: 18px;
	color:#FFF;
	float:left;
	display: inline;
}

#menu_rodape li a
{
	width: auto;
	height: 20px;
	line-height: 18px;
	color:#FFF;
	float:left;
	margin:0 0 0 23px;
	display: inline;
}

#menu_rodape li a:hover{text-decoration:none; color:#97deff;}
#menu_rodape li.destroy{	margin:0;}

#footer #esquerda{	float:left;	width:250px;	height:110px;}
#footer #direita{	float:right;	width:600px;}

#info
{
	width:350px;
	clear:both;
	float:right;
	text-align:right;
	color:#FFF;
	margin:15px 0 0 0;
	font-size:13px;
}

#info a{color:#FFF;}
#info a:hover{color:#97deff;}
#info span.email{margin:10px 0 0 0;	float:right;}

#criador a
{
	color:#FFF;
	text-decoration:none;
	width:155px;
	float:left;
	position:relative;
	left:-250px; top:33px;
	font-size:11px;
}

#criador .img
{
	width:86px;
	height:14px;
	float:left;
	position:relative;
	top:-1px; left:5px;
	background:url(../img/criador.jpg);
}

#criador .txtcriador
{
	float:left;
}

.direitos
{
	width:980px;
	text-align:center;
	float:right;
	margin:10px 0 0 0;
	color:#85BCDE;
	font-size:10px;
}