/* CSS Reset --------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:12px;}
caption,th {text-align:left;}
hr {display:none;}
a{}

/* Classes --------------------------------------*/
.replace{text-indent:-9000px; height:22px; background-repeat:no-repeat; margin:0 0 20px 0; }
.logo_selecao{float:left; width:85px; height:85px; background:url(../imagens/logo_selecao.jpg) no-repeat center center; margin:20px 23px 0 20px;}
.logo_programa{float:left; width:100px; height:100px; background:url(../imagens/logo_programa.jpg) no-repeat center center; margin:20px 0 0 13px; }
.botaoBusca {background:url(../imagens/bg-botao.gif) no-repeat 0 0; padding:37px 5px; *padding:36px 0px;  border:none; color:#fff; font-weight:700; text-align:center; float:left; margin:-80px 0 0 270px;}
.botaoBusca:hover {background:url(../imagens/bg-botao.gif) no-repeat 0 -92px;}
.linkPadrao{color:#DC6761; text-decoration:none; font-size:11px; margin:10px 0 0 0; float:left;font-weight:700;}
.linkPadrao:hover{color:#B62F29; text-decoration:underline;}

/* Titulos --------------------------------------*/
.tit-canalAoVivo{ background-image: url(../imagens/titulos/canal_aovivo.jpg);}
.tit-programacao{ background-image:url(../imagens/titulos/programacao.jpg); height:35px; width:370px; margin:38px 0 15px 0; }
.tit-busca{ background-image:url(../imagens/titulos/busca.jpg); margin:0 0 5px 0;} 
.tit_ta_na_rede_trans{background-image:url(../imagens/titulos/ta_na_rede_transamerica.jpg); width:280px; margin:10px 0 0 15px;}
.tit_ta_na_rede_tribuna{background-image: url(../imagens/titulos/ta_na_rede_tribuna.jpg); width:280px; margin:10px 0 0 15px;}
.tit_tribuna_leo{background-image:url(../imagens/titulos/tirbuna_leo_medrado.jpg); width:280px; margin:10px 0 0 15px;}
.tit_outrosVideos{background-image:url(../imagens/titulos/outros_videos.jpg); width:280px; margin:10px 0 0 15px;}
.tit_tribunaEsportiva{background-image:url(../imagens/titulos/tribuna_esportiva.jpg); width:280px; margin:10px 0 0 15px;}
.tit_desafioEsportivo{background-image:url(../imagens/titulos/desafio_esportivo.jpg); width:280px; margin:10px 0 0 15px;}

/* Estrutura do site --------------------------------------*/
body{background:#5AB3ED url(../imagens/bg_geral.jpg) repeat-x center bottom; font-family:Arial, Verndana, Helvetica, sans-serif;}
#site {width:774px; margin:15px auto 200px auto;}
#geral{float:left; width:100%; margin:0 0 250px 0;}

/*Topo*/
#topo{float:left; clear:both; width:750px; background:url(../imagens/bg-topo.jpg) no-repeat;}
#banner {float:left; margin:4px 0 0 0;}

/* Box onde fica o vídeo */
#boxVideo{float:left; clear:both; width:715px; height:385px; padding:30px 20px; background: url(../imagens/bg-boxVideo.jpg) no-repeat;}
#boxStream{float:left;  width:340px; }
#programacao{float:left; width:350px; }
#programacao ul {margin:0 0 0 20px; width:350px; float:left;}
#programacao ul li{float:left; width:150px; }
.txtProgramacao01{background: url(../imagens/txtProgramacao01.jpg) no-repeat; height:130px; padding:0 20px 0 0; margin:10px 5px 0 0; }
.txtProgramacao02{background: url(../imagens/txtProgramacao02.jpg) no-repeat; height:130px; margin:0 0 0 15px;}
#programacao .border{border-right:dashed 1px #FF4200;}

/* Busca */
#Busca{background: url(../imagens/bg-busca.jpg) no-repeat; float:left; clear:both; width:715px; padding:15px 20px; margin:7px 0;}
#Busca ul{float:left;  }
#Busca ul li{float:left; clear:both; margin:2px 0;}

/* Box que lista os vídeos */
.boxListaVideos{width:360px; height:290px; float: left; margin:0 5px 10px 0; padding:15px 7px; background:url(../imagens/bg-listaVideos.gif) no-repeat left top;}
.boxListaVideos ul.listaProgramas{height:400px; float:left; width:330px; }
.boxListaVideos ul.listaProgramas li{ width:290px; padding:7px 7px 7px 22px; background:url(../imagens/marcador-bola.gif) no-repeat 3px 9px;}
.boxListaVideos ul.listaProgramas li.colorBlue{ background:#E2E9EE url(../imagens/marcador-bola.gif) no-repeat 3px 9px;}
.boxListaVideos ul.listaProgramas li a{ text-decoration:none; color:#333; display:block; font-size:13px;}
.boxListaVideos ul.listaProgramas li a:hover{ text-decoration:underline;}
.boxListaVideos ul.listaProgramas li a strong, .boxListaVideos ul.listaProgramas li a em{display:block;}
.box_Gamb_videos{ height:200px; width:335px; overflow-y:scroll; overflow-x:hidden; margin:15px 0 0 15px;}

/* Paginacao */
.boxListaVideos ul.paginacao {float:right; clear:both; margin:15px 0 9px 10px; width:150px;}
.boxListaVideos ul.paginacao li{float:left;}
.boxListaVideos ul.paginacao li a{text-decoration:none; color:#333; font:700 12px Verdana, Geneva, sans-serif; display:block; padding:5px; margin:0 3.5px 0 0;}
.boxListaVideos ul.paginacao li a:hover{background:#e9e9e9;}

/* Lista Form */
.listaForm label{font-size:12px; font-weight:700; float:left; width:100px; color:#333;}
.listaForm .campo{border:solid 1px #666; padding:2px; width:100px; color:#666;}
.listaForm .campoGrande{border:solid 1px #666; padding:2px; color:#666; width:150px;}

/* Lista de descricao do video */
#ulDescricaoVideo {float:left; clear:both; width:313px;border:solid 1px #c9c9c9; padding:3px; height:70px; overflow-y:scroll; overflow-x:hidden;}
#ulDescricaoVideo li {float:left; clear:both; font-size:12px;  padding:2px 0; width:320px; }

/* Mensagem de alertas */
#lblErroTanaRedeTransamerica, .msgmAlerta{border:solid 1px #EDDBB1; font-size:12px; padding:5px 30px; float:left; font-weight:700; width:280px; margin:10px 0 15px 10px; color:red; background:#FFFFF0 url(../imagens/erro-ico.jpg) no-repeat left center;}

/* Botão ao vivo */
#linkAoVivo, #linkVideoOff { margin:10px 0 0 35px;}