@charset "utf-8";
/* CSS Document */
body{ background: url(../img/bg.gif) repeat-x #E8E8E8; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; }
img{border: none;}
a{ text-decoration: none;}
a:hover{ text-decoration: underline; }
h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0;}
h2.titulo-home{ color: #9999cc; font-size: 22px; margin: 0 0 0 15px; } 
.left{ float: left;}

#topo { background:url(../img/bg-topo.gif) center top no-repeat #FFFFFF; margin: 0 auto; width: 980px; height: 140px; overflow: hidden; }
#topo #logo{ width: 200px; background: url(../img/aqui-se-faz.gif) right no-repeat; float: left; height: 130px; padding: 0 150px 0 0; margin: 0 0 0 20px;}
#topo #data-hoje { float: left; margin: 0 0px 0 20px; color: #FFFFFF; font-weight: bold; font-size: 12px;} 
#topo #webmail{ float: right; margin:0 10px 0 0;}
#topo #webmail a{ color: #FFFFFF; font-weight: bold; font-size: 12px; }
#topo #menu{ width: 560px; height: 15px; float: right; margin: 95px 0 0 0; color: #9999cc;}
#topo #menu ul{ margin:0; padding: 0; float: right; margin: 0 10px 0 0;}
#topo #menu ul li{ list-style: none; float: left; margin: 0 5px 0 0px;}
#topo #menu ul li a{ color: #9999cc; font-size: 12px; font-weight: bold; margin: 0 0 0 5px;}

#main{ margin: 0 auto; width: 980px; background: #FFFFFF; overflow: hidden;}
#programas-locais{ width: 730px; height: 270px;overflow: hidden; margin: 0 0 0 5px;}
#programas-slide{ width: 720px; height: 240px; margin: -15px 0 0 0; overflow: hidden;}
#programas-slide-pager{ float: right; width: 260px; height: 15px; background: #f1f1fd; padding: 0 0 8px 0;}
#programas-slide-pager a{ color: #9999cc; font-weight: bold; margin: 0 3px; outline: none; }
#programas-slide-pager a.activeSlide{ text-decoration: underline;}
#programas-slide-images{ float: left; width: 730px; height:220px;}



#programas-online{ width: 235px; height: 270px; overflow: hidden; background: url(../img/bg_programacao_online.gif) no-repeat; padding: 0 5px;}
#programas-online h2{ font-size: 16px; }
#lista-programas-online{ width: 230px; height: 240px;margin: 0 auto;}
#lista-programas-online ul{ margin: 5px 0 0 10px; padding:0;}
#lista-programas-online ul li{ list-style: none; font-size: 10px; color: #000000;  padding: 0 0 0 15px; line-height: 14px; }
#lista-programas-online ul li span{ color: #9999DE; font-weight: bold; }
#lista-programas-online ul li a{ color: #000000; }
#lista-programas-online ul li.dia{ color: #999; font-size: 12px; }
#lista-programas-online ul li.agora{ background:url(../img/seta.gif) left no-repeat;}


#media-center{ width: 737px; height: 215px; background: url(../img/bg_media_center.gif) no-repeat;}
#media-center-videos{ overflow: hidden; width: 700px; height: 180px; float: left; overflow: hidden;  }
#media-center-videos ul{ padding:0; }
#media-center-videos ul li{ list-style: none; width: 130px; padding: 0 5px 0 5px; margin: 10px 0 0 0;}
#media-center-videos ul li span{color: #9999cc; font-weight: bold; font-size: 12px; width: 100%; display: block;}
#media-center-videos ul li a{ color: #000000; font-size: 11px;}


#btnLeft{ width: 10px; height: 180px; float: left; margin: 0 0 0 10px; }
#btnLeft a{ margin: 60px 0 0 0; display: block; outline: none; }
#btnRight{ width: 10px; height: 180px; float: left; margin: 0 0 0 5px; }
#btnRight a{ margin: 60px 0 0 0; display: block; outline: none; }

/*#eventos{ width: 458px; height: 215px;  background: url(../img/bg_eventos.gif) no-repeat; margin: 0 0 0 5px; text-align: center;}*/
#eventos{ width: 190px; height: 215px;  background: url(../img/bg_eventos.gif) no-repeat; margin: 0 0 0 5px; text-align: center;}

#eventos #img-evento{float: left; margin: 30px 0 0 -115px;}
#div-home{ background: url(../img/bg_div_home.gif) center no-repeat; width: 100%; height: 2px;}

#programas-nacional{ width: 980px; margin: 5px 0 0 0; padding: 0 0 10px 0; }  
#lista-programas-nacional{ width: 970px;  margin: 0 auto; margin-top: 10px; float: left; }
#lista-programas-nacional embed{margin: 0px 0 0 10px;}


#rodape{ width: 100%; background: #9999ff; margin: 10px 0 0 0; text-align: center; padding: 10px 0; color: #FFFFFF; overflow: hidden; color: #FFFFFF; text-align: center; font-size: 12px; height:60px}
#rodape p{line-height: 4px;}


/* Video */
#video-player{ width: 980px; margin: 10px 0 0 0; } 
#video-player-video{ width: 510px;}
#video-player-info{ margin: 0 0 0 10px; width: 460px;}
#video-player-info h1{ color:#6666cc; } 

/* Mais videos */
#mais-videos{ width: 980px; margin: 10px 0 0 0; overflow: hidden;}
#lista-mais-videos{width: 940px; height: 180px; float: left; overflow: hidden;} 
#lista-mais-videos ul{ padding:0;}
#lista-mais-videos ul li{ list-style: none; padding: 0 5px 0 5px; float:left; width: 140px; height: 180px; margin: 20px 0 0 0;}
#lista-mais-videos ul li span{color: #9999cc; font-weight: bold; font-size: 12px; width: 100%; display: block;}
#lista-mais-videos ul li a{ color: #000000; font-size: 11px;}

/* Ver programao */
#ver-programacao{ width: 980px; margin: 10px 0 0 0; } 
#ver-programacao-video{ width: 610px;}
#ver-programacao-programas{ margin: 0 0 0 0px; width: 360px; overflow: hidden; padding: 0 0 20px 0;}
#video-player-info-programas h1{ color:#6666cc; } 
#ver-programacao-programas ul{ margin: 5px 25px 0 0px; padding:0; float: left;}
#ver-programacao-programas ul li{ list-style: none; font-size: 12px; color: #000000;  padding: 0 0 0 15px; line-height: 16px; }
#ver-programacao-programas ul li span{ color: #9999DE; font-weight: bold; }
#ver-programacao-programas ul li a{ color: #000000; }
#ver-programacao-programas ul li.dia{ color: #999; font-size: 12px; }
#ver-programacao-programas ul li.agora{ background:url(../img/seta.gif) left no-repeat;}

/* Outras colees */
#outras-colecoes{width: 980px; overflow: hidden; background: #FFF; padding: 10px 0 0 0; overflow:hidden;}
#outras-colecoes .box-outras{ width: 480px;}
#outras-colecoes .box-outras h2{ margin: 0 0 0 10px; color: #FFFFFF; font-size: 20px;}

#outras-colecoes .box-outras .box-white{ background:#FFFFFF; padding: 10px; width: 360px; overflow:hidden; margin: 5px 0 0 0; }
#outras-colecoes #ultimas-colecoes{ height: 120px;}
#outras-colecoes #ultimas-colecoes ul li{ list-style: none; font-weight: bold;}
#outras-colecoes #ultimas-colecoes ul li span{ color: #990000;}
#outras-colecoes #ultimas-colecoes ul li a{ color:#333; }
#outras-colecoes #ultimas-colecoes #pager{ 
width: 100%; height: 10px; font-size: 12px; color: #000000; font-size: 12px; padding: 5px;}
#outras-colecoes #ultimas-colecoes #pager a{ color: #990000; font-weight: bold;}
#outras-colecoes #receba-novidades #newsletter{ height: 120px; line-height: 20px; font-weight: bold; font-size: 14px; }
#outras-colecoes #receba-novidades #newsletter form{ width: 420px; }
#outras-colecoes #receba-novidades #newsletter label{ font-weight: bold; }
#outras-colecoes #receba-novidades #newsletter .input-text{border: 2px solid #333; width: 320px; height: 20px; font-size:16px;}
#outras-colecoes #receba-novidades #newsletter .input-submit {margin: 5px 0 0 0; float: right;}


#mais-eventos{ width: 980px; padding: 0 0 20px 0; overflow: hidden;}
#mais-eventos h3{ color: #9999cc; font-size: 16px; margin: 0 0 0 10px;}
#mais-eventos #ultimos-eventos{ width: 510px; float: left;}
#mais-eventos #ultimos-eventos ul{margin: 0 0 0 10px; padding: 0; list-style: none;}
#mais-eventos #ultimos-eventos ul li a{ color: #999; font-weight: bold;}
#mais-eventos #newsletter{ width: 460px; float: left;} 
#mais-eventos #newsletter p{ line-height: 12px;}
#mais-eventos #newsletter form  label{}
#mais-eventos #newsletter form  input{}

#contato{padding: 10px; width: 500px; margin: 0 0 20px 0; overflow: hidden;}
#contato form{}
#contato form .bt-enviar{ float: left;}
#contato form textarea{width: 100%; margin: 0 0 10px 0;  width: 100%; height: 50px;}
#contato form .input-text{float: left; width: 100%; margin: 0 0 5px 0;}
#contato form label{width: 100%; float: left; text-align: left;}