@charset "utf-8";
/* CSS Document */

* { margin: 0 }

body { background: url(imgs/bg.jpg); font-family: Arial, Helvetica, sans-serif; letter-spacing: -0.1px }
#destaques { width:347px; height:319px; overflow:hidden; background: #000}
#destaques .h4{ color: #09F;}
#seta { margin-top:-35px; height:30px; list-style:none; text-align:center;  z-index:3; float: right; color:#FFF; font-weight:bold; width:20px; height:20px; margin:2px; cursor:pointer;}
#destaques div { clear:both; height:170px; display:none; /* todas escondidas por default. O JS que irá exibi-las. */}
#destaques .exibe {  width:347px; height:319px; display:block; background-repeat:no-repeat; background-position:center;z-index:1}
#destaques .texto{ margin-top:60%; background-image:url(imgs/bg_destaque_home.jpg); color:#FFF; margin-top:60%; height:110px; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;z-index:2; text-align: center; vertical-align:top}
#destaques .texto a{ color:#FFF; text-decoration:none }
#destaques .texto a:hover{ color:#FFF; text-decoration:underline}
#header { width: 1000px; height: 160px; background: url(imgs/bg_header.gif) repeat-x; margin: 0 auto }
#header #logos { height: 116px }
#header #logos #tray { float: left }
#header #logos #sbt { float: right }
#header #menu { height: 44px }
#header #menu #flash { float: left }

#header #menu #busca { float: left; }
#header #menu #busca fieldset { border:none }
#header #menu #busca .campo { height: 25px; border: solid 0px ; color: #999; font-size: 14px; padding: 6px 0px 0px 10px }

#site { width: 1000px; margin: 15px auto 0px auto }

#site #lado1 { float: left; width: 756px }

#site #lado1 #video { width:397px; float: left; }
#site #lado1 #video #caixa { margin: 10px 0px 0px 0px; background: #0c83e3 }
#site #lado1 #video #caixa #barra { height: 23px; background: #1b57a6; color: #fff; font-size: 11px; padding: 7px 0px 0px 30px }
#site #lado1 #video #caixa h1 { font-size: 18px; color: #fff; padding: 7px 0px 0px 30px }
#site #lado1 #video #caixa p { padding: 7px 20px 0px 30px; font-size: 12px }
#site #lado1 #video #caixa a { color: #fff; text-decoration: none }
#site #lado1 #video #caixa a:hover { color: #fff; text-decoration: underline }
#site #lado1 #video #caixa #avalie { margin: 10px 0px 10px 0px; padding-left: 30px; font-size: 10px; color: #fff }
#site #lado1 #video #caixa #barra2 { height: 23px; background: #1e7ecb; color: #fff; font-size: 11px; padding: 7px 0px 0px 30px }

#site #lado1 #meio { width: 347px; float: left; margin-left: 12px }
#site #participe { margin: 10px 0px 0px 15px; color: #fff; font-size: 12px; }
#site #participe h2 { font-size: 18px; margin-bottom: 10px }

#site #participe2 { margin: 10px 0px 0px 3px; color: #333; font-size: 12px; }
#site #participe2 h2 { font-size: 18px; margin-bottom: 10px }

#site #lado1 #programa { width: 741px; height: 510px; background: #0c83e3; padding: 15px 0px 0px 15px; margin-top: 10px }
#site #lado1 #programa #rogerio { float:left; margin: 10px 0px 0px 0px; width: 239px }
#site #lado1 #programa #texto { float: left; width: 450px; font-size: 12px; color: #fff; margin: 10px 0px 0px 15px }

#site #lado1 #ababusca { height: 30px; margin-top: 10px; padding-left: 100px; font-size: 12px } 
#site #lado1 #ababusca a { display: block; color: #fff; text-decoration: none }
#site #lado1 #busca { padding: 15px 0px 0px 16px; width: 740px; height: 50px; background: #0c83e3; margin: 0px 0px 10px 0px }
#site #lado1 #busca fieldset { border:none }
#site #lado1 #busca label { color: #fff; font-size: 12px }
#site #lado1 #busca .campo { width: 210px; height: 23px; border: solid 1px #999; font-size: 16px; font-weight: bold; padding-top: 3px }
#site #lado1 #busca .bt { background: #FFFFFF; border: none; height: 31px }

#site #lado1 #videos { min-height: 350px; }
#site #lado1 #videos #caixa { float: left; width: 220px; min-height:350px; margin-bottom: 8px }
#site #lado1 #videos #caixa #legenda { background: #0c83e3; margin-top: 5px; font-size:12px }
#site #lado1 #videos #caixa #legenda #barra { min-height: 25px; background: #1b57a6; color: #fff; font-size: 12px; padding: 5px 0px 0px 15px }
#site #lado1 #videos #caixa #legenda #barra2 { height: 40px; background: #1e7ecb; color: #fff; font-size: 12px; padding: 5px 0px 0px 15px }
#site #lado1 #videos #caixa #legenda p { padding: 5px 5px 10px 15px; min-height: 70px }
#site #lado1 #videos #caixa  a { color: #fff; text-decoration: none }
#site #lado1 #videos #caixa  a:hover { color: #fff; text-decoration: underline }

a { color: #fff; text-decoration: none }
a:hover { color: #fff; text-decoration: underline }

#site #lado1 #tresvideos { height: 120px  }
#site #lado1 #tresvideos #minivideo { float: left; color: #fff; font-size: 12px }

#site #lado1 #nomeprograma { color: #192c91; font-size: 12px; margin-bottom: 10px }
#site #lado1 #nomeprograma h1 { font-size: 22px; color: #192c91; font-weight: bold; margin: 0px }

#site #lado1 #meioprograma { width: 327px; float: left; margin-left: 12px; font-size: 12px; background: #fff; padding: 10px 0px 10px 10px; color: #333; min-height: 598px }
#site #lado1 #meioprograma p { padding-right: 5px }
#site #lado1 #meioprograma h3 { margin: 20px 0px 10px 0px }

#site #lado1 #titcolunas { padding: 15px 0px 0px 16px }
#site #lado1 #colunas { width: 750px; background: #fff; margin-top: 16px }
#site #lado1 #colunas #barra { height: 60px; background: #192c91; margin-bottom: 20px }
#site #lado1 #colunas #barra h1 { font-size: 28px; color: #bee5f6; font-weight: normal; padding: 15px 0px 0px 20px }
#site #lado1 #colunas h2 { padding-left: 20px; margin: 0px }
#site #lado1 #colunas #data { padding-left: 20px; margin: 0px; font-size: 10px }
#site #lado1 #colunas p { padding: 0px 20px 0px 20px; margin: 0px; font-size: 12px }
#site #lado1 #colunas #barracolunista { width: 730px; margin: 20px auto 0px auto; min-height: 114px; background: #e2e2e2 }
#site #lado1 #colunas #barracolunista #foto { float: left; margin: 6px 0px 6px 8px }
#site #lado1 #colunas #barracolunista #texto { float: left; font-size: 12px; color: #333; width: 590px; padding: 10px 20px 0px 20px }
#site #lado1 #colunas #barracolunistamais { width: 610px; margin: 0px auto 15px auto; height: 25px; background: #f0f0f0; font-size: 14px; padding: 5px 0px 0px 120px }
#site #lado1 #colunas #barracolunistatit { width: 610px; margin: 0px auto 1px auto; height: 25px; background: #f0f0f0; font-size: 14px; padding: 5px 0px 0px 120px }
#site #lado1 #colunas #barracolunistamais a { color: #333; text-decoration: none }
#site #lado1 #colunas #barracolunistamais a:hover { color: #333; text-decoration: none; text-decoration: underline }

#site #lado1 #contato { width: 750px; background: #fff; margin-top: 16px; height: 430px }
#site #lado1 #contato #barra { height: 80px; background: #f6f6f6; margin-bottom: 20px; font-size: 12px; color: #333; padding: 20px 0px 0px 0px }

/* formuário
///////////////////////////// */

#contatoform { margin: 0px 0px 0px 30px }
#contatoform fieldset { border:none; }
#contatoform legend { padding: 0px 0px 23px 7px; }
#contatoform label { margin-top:5px; display:block; font-family:arial; font-size:14px; color:#333; letter-spacing:-1px; }
#contatoform .campo { margin-top: 5px; width:521px; height:30px; border: 1px solid #cfcfcf; font-family: Arial; font-size:14px; color:#626262; }
#contatoform textarea { margin-top: 5px; width:521px; height:100px; border: 1px solid #cfcfcf; font-family: Arial; font-size:14px; color:#626262; }


#site #lado2 { float: left; width: 232px; margin-left: 11px; font-size: 12px; }
#site #lado2 #barra { height: 40px; background: #0c83e3; padding: 10px 0px 0px 10px; margin-bottom: 15px }
#site #lado2 #barra h3 { font-size: 18px; color: #fff } 
#site #lado2 #barra a { color: #fff; text-decoration: none; font-weight: bold }
#site #lado2 #barra a:hover { color: #fff; text-decoration: underline }
#site #lado2 strong { color: #1b57a6 }
#site #lado2 p { margin: 10px 0px 10px 0px; letter-spacing: -1px  }
#site #lado2 a { color: #333; text-decoration: none }
#site #lado2 a:hover { text-decoration: underline }

#rodape { width: 1000px; margin: 0 auto; clear:both; margin-top: 15px; height: 100px; background: url(imgs/rodape.png) no-repeat; color: #fff; font-size: 12px; letter-spacing: 0px }
#rodape a { color: #fff; text-decoration: none }
#rodape a:hover { color: #fff; text-decoration: underline }

#rodape #tray { background: #fff; width: 1000px }