/*
Autor: Eduardo Santos
URL: http://www.dusilva.com
Email: dudu.wd@hotmail.com
Empresa: http://www.4dimensao.com.br
*/
* {padding: 0; margin: 0; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; list-style: none; border: none; line-height: 14px; outline: none;}

hr { display: none;}

html {background: url(../img/bg-html2.jpg) repeat center top;}
body {background: url(../img/bg-body2.png) repeat-x center bottom; behavior: url(img/iepngfix.htc);}

/* ------------------------------------------- DIV CONTAINER ------------------------------------------- */
div#container { width: 945px; margin: 0 auto;}
/* ------------------------------------------- FIM DIV CONTAINER ------------------------------------------- */



/* ------------------------------------------- DIV HEADER ------------------------------------------- */
div#header { height: 525px; background: url(../img/bg-header.jpg) no-repeat; position: relative;}
div#header h1 a { display: block; width: 384px; height: 106px; background: url(../img/logo.jpg) no-repeat; text-indent: -9999px; position: absolute; top: 8px; left: 16px;}
div#header h2 {width: 329px; height: 59px; background: url(../img/bg-h2-header.jpg) no-repeat; text-indent: -9999px; position: absolute; top: 30px; left: 584px;}

ul#navAtalho { width: 43px; height: 16px; position: absolute; top: 10px; left: 892px;}
ul#navAtalho li { display: inline;}
ul#navAtalho li a { display: block; height: 16px; text-indent: -9999px;}
ul#navAtalho li a#btPaginaInicial { width: 16px; float: left; background: url(../img/btn/pagina-inicial.jpg) no-repeat;}
ul#navAtalho li a#btContato { width: 17px; float: right; background: url(../img/btn/contato.jpg) no-repeat;}

div#slideShowIntern { width: 865px; padding: 0 40px; height: 256px; position: absolute; top: 185px; left: 0;}
div#slideShow { width: 945px; height: 256px; /*padding: 40px 50px;*/ position: absolute; top: 185px; left: 0; /*background: url(../img/titulos/acompanhe_programas.jpg) no-repeat center top;*/}

ul#nav { width: 911px; height: 48px; padding: 0 17px; background: url(../img/bg-nav.jpg) no-repeat; position: absolute; bottom: 0; left: 0;}
ul#nav li { display: inline;}
ul#nav li a { display: block; height: 48px; text-indent: -9999px; float: left; cursor: pointer;}
ul#nav li a:hover { background-position: left -48px; background-repeat: no-repeat;}
ul#nav li a#btPeRua { width: 129px; background-image: url(../img/btn/nav-pe-na-rua.jpg);}
ul#nav li a#btEquipe { width: 107px; background-image: url(../img/btn/nav-equipe.jpg);}
ul#nav li a#btProgramas { width: 222px; background-image: url(../img/btn/nav-programas.jpg);}
ul#nav li a#btVoceFaz { width: 182px; background-image: url(../img/btn/nav-voce-faz.jpg);}
ul#nav li a#btBaixe { width: 157px; background-image: url(../img/btn/nav-baixe.jpg);}
ul#nav li a#btContatoNav { width: 114px; background-image: url(../img/btn/nav-contato.jpg);}
/* ------------------------------------------- FIM DIV HEADER ------------------------------------------- */



/* ------------------------------------------- DIV CONTENT ------------------------------------------- */
div#content { padding: 32px 0 56px 0; background: url(../img/bg-content.jpg) repeat-y;}

/*Div Col Left*/
div#colLeft { width: 617px; float: left; padding: 22px 49px 0 38px; background: url(../img/bg-col-left.jpg) no-repeat right 25px;}

/* Div que ajusta o tamanho da fonte */
ul.ajustarLetra { width: 55px; _width: 60px; padding-left: 80px; margin-bottom: 20px; background: url(../img/bg-ul-ajustar-tela.jpg) no-repeat; float: right;}
ul.ajustarLetra li { display: inline;}
ul.ajustarLetra li a { display: block; margin: 0 3px; float: left; width: 21px; height: 17px; text-indent: -9999px;}
ul.ajustarLetra li a#diminuirTxt { background: url(../img/btn/diminuir-txt.jpg) no-repeat;}
ul.ajustarLetra li a#aumentarTxt { background: url(../img/btn/aumentar-txt.jpg) no-repeat;}

/* Postagem */
div.post {clear: both;}
div.post h3 { color: #354547; font-size: 12px; margin-bottom: 4px;}
div.post p { margin-bottom: 16px; color: #828282; clear: both;}
div.post cite { color: #687971; font-size: 9px; font-style: normal; margin-bottom: 9px; display: block;}

/* Lista de foto com descrição e autor */
dl.fotoDescPor { margin-bottom: 20px; float: left; width: 413px; color: #687971; font-size: 9px;}
dl.fotoDescPor dt img { border: 6px solid #d1dada;}
dl.fotoDescPor dt { float: left;}
dl.fotoDescPor dd { float: right;}

/* Lista de opções */
ul.listOption { width: 616px; height: 18px; padding: 7px 0;  text-align: center; background: url(../img/bg-list-option.jpg) no-repeat;}
ul.listOption li { display: inline; margin: 0 0px 0 20px; border-left: 1px solid #8b8b8b; padding:2px 27px; background: url(../img/bg-li-pdf.gif) no-repeat right center;}
ul.listOption li.bgLiEmail {background: url(../img/bg-li-email.gif) no-repeat right center;}
ul.listOption li.bgLiImprimir {background: url(../img/bg-li-imprimir.gif) no-repeat right center;}
ul.listOption li.bgLiPdf {background: url(../img/bg-li-pdf.gif) no-repeat right center;}
ul.listOption li.bgLiComentario {background: url(../img/bg-li-comentario.gif) no-repeat right center;}
ul.listOption li.firstLi {margin-left: 0; padding-left: 0; border-left: none;}
ul.listOption li a { color: #707070;}

/*Div Col Right*/
div#colRight {width: 229px; padding: 25px 6px 0 6px; float: right; background: url(../img/bg-col-right.jpg) no-repeat left top;}

/*Lista Notícias*/
ul#listaNoticias { width: 228px;}
ul#listaNoticias li { padding: 0 9px 27px 9px; margin-bottom: 31px; border-bottom: 1px dashed #354547;}
ul#listaNoticias li h4 { color: #354547; font-size: 12px; margin-left: 9px;}
ul#listaNoticias li p { margin-left: 11px; color: #828282}
ul#listaNoticias li hr { display: block; color: #aeb3b4; background: #aeb3b4; border-width: 0; height: 1px;	border-top-width: 1px; margin: 4px 0;}

a#lerTodasNoticias{ display: block; width: 192px; height: 44px; background: url(../img/btn/leia-todas-noticias.jpg) no-repeat; text-indent: -9999px; margin: 0 auto;}

/* ------------------------------------------- FIM DIV CONTENT ------------------------------------------- */



/* ------------------------------------------- DIV FOOTER ------------------------------------------- */
div#footer { height: 97px; background: url(../img/bg-footer.jpg) no-repeat;}

div#footer ul { width: 827px; margin: 0 auto;}
div#footer ul li { display: inline;}
div#footer ul li a {behavior: url(img/iepngfix.htc); display: block; float: left; text-indent: -9999px; height: 75px; margin: 0 20px; _margin: 0 18px; background-position: center bottom; background-repeat: no-repeat;}
div#footer ul li a#bgFundarpe { width: 205px; background-image: url(../img/bg-fundarpe.png);}
div#footer ul li a#bgGovernoPE { width: 160px; background-image: url(../img/bg-governo-per.png);}
div#footer ul li a#bgAtelie { width: 140px; background-image: url(../img/bg-atelie.png);}
div#footer ul li a#bgTvUni { width: 130px; background-image: url(../img/bg-tvuni.png);}
div#footer ul li a#bgPeriodoG { width: 192px; background-image: url(../img/bg-periodog.png);}
/* ------------------------------------------- FIM DIV FOOTER ------------------------------------------- */



/* -------------------------------------------- ************* INTERNAS ************* ------------------------------------------- */

/*Estilo dos Blocos de programas do Header*/
ul#listaBlocos { float: left}
ul#listaBlocos li { margin-bottom: 10px;}
ul#listaBlocos li div.boxNomeFotoClique { width: 127px; height: 44px; padding: 35px 0 0 120px;}
ul#listaBlocos li div.boxNomeFotoClique h5 { width: 58px; height: 12px; margin:0 0 7px 10px; _margin-bottom: 5px; text-indent: -9999px;}
ul#listaBlocos li div.boxNomeFotoClique a { display: block; width: 127px; height: 25px; background: url(../img/btn/clique-assista.jpg) no-repeat; text-indent: -9999px;}

ul#listaBlocos li div.bgProg1Bloco1 {background: url(../img/programas/p01b01.png) no-repeat;}
ul#listaBlocos li div.bgProg1Bloco2 {background: url(../img/programas/p01b02.png) no-repeat;}
ul#listaBlocos li div.bgProg1Bloco3 {background: url(../img/programas/p01b03.png) no-repeat;}

ul#listaBlocos li div.bgProg2Bloco1 {background: url(../img/programas/p02b01.png) no-repeat;}
ul#listaBlocos li div.bgProg2Bloco2 {background: url(../img/programas/p02b02.png) no-repeat;}
ul#listaBlocos li div.bgProg2Bloco3 {background: url(../img/programas/p02b03.png) no-repeat;}

ul#listaBlocos li div.bgProg3Bloco1 {background: url(../img/programas/p03b01.png) no-repeat;}
ul#listaBlocos li div.bgProg3Bloco2 {background: url(../img/programas/p03b02.png) no-repeat;}
ul#listaBlocos li div.bgProg3Bloco3 {background: url(../img/programas/p03b03.png) no-repeat;}

ul#listaBlocos li div.bgProg4Bloco1 {background: url(../img/programas/p04b01.png) no-repeat;}
ul#listaBlocos li div.bgProg4Bloco2 {background: url(../img/programas/p04b02.png) no-repeat;}
ul#listaBlocos li div.bgProg4Bloco3 {background: url(../img/programas/p04b03.png) no-repeat;}


ul#listaBlocos li div.boxNomeFotoClique h5.h5Bloco1 {background: url(../img/titulos/h5-bloco-1.jpg) no-repeat;}
ul#listaBlocos li div.boxNomeFotoClique h5.h5Bloco2 {background: url(../img/titulos/h5-bloco-2.jpg) no-repeat;}
ul#listaBlocos li div.boxNomeFotoClique h5.h5Bloco3 {background: url(../img/titulos/h5-bloco-3.jpg) no-repeat;}

div#txtSobrePrograma { width: 576px; float: right; color: #354547;}
div#txtSobrePrograma h3 { font-size: 14px; margin-bottom: 15px;}
div#txtSobrePrograma p { margin-bottom: 11px; line-height:13px;}

div#contentIntern { padding: 40px 30px; background: url(../img/bg-content-intern.jpg) repeat-y;}
div#contentIntern p { color: #828282; margin-bottom: 20px;}
div#contentIntern h2, div#contentIntern h3, div#contentIntern h4 { text-indent: -9999px;} 

div#contentIntern h2#h2ProgramaPeRua { width: 258px; height: 57px; background: url(../img/titulos/h2-pe-na-rua.jpg) no-repeat; margin-bottom: 15px;}

/*Títulos H3*/
div#contentIntern h3 {margin-bottom: 20px; clear: both;}
div#contentIntern h3#h3ConhecaQuadros { width: 293px; height: 38px; background: url(../img/titulos/h3-conheca-quadros-programa.jpg) no-repeat;}
div#contentIntern h3#h3Vinhetas { width: 103px; height: 36px; background: url(../img/titulos/h3-vinhetas.jpg) no-repeat; clear: both;}
div#contentIntern h3#h3SelecionePrograma { width: 284px; height: 38px; background: url(../img/titulos/h3-selecione-programa.jpg) no-repeat;}
div#contentIntern h3#h3BaixeTrilha { width: 310px; height: 38px; background: url(../img/titulos/h3-escute-trilha.jpg) no-repeat;}
div#contentIntern h3#h3Creditos {width: 94px; height: 36px; background: url(../img/titulos/h3-creditos.jpg) no-repeat;}
div#contentIntern h3#h3VoceFaz {width: 360px; height: 35px; background: url(../img/titulos/h3-voce-faz.jpg) no-repeat;}
div#contentIntern h3#h3Contato {width: 237px; height: 36px; background: url(../img/titulos/h3-contato.jpg) no-repeat;}
div#contentIntern h3#h3Comentario {width: 237px; height: 36px; background: url(../img/titulos/deixe_comentario.jpg) no-repeat;}
div#contentIntern h3#h3Apoio {width: 119px; height: 30px; background: url(../img/titulos/h3-apoio-cultural.jpg) no-repeat;}
div#contentIntern h3#h3Patrocinio {width: 88px; height: 30px; background: url(../img/titulos/h3-patrocinio.jpg) no-repeat;}
div#contentIntern h3#h3Realizacao {width: 87px; height: 30px; background: url(../img/titulos/h3-realizacao.jpg) no-repeat;}

/*Títulos H4*/
div#contentIntern h4#h4AgenteTem {width: 100px; height: 12px; margin-bottom: 15px; background: url(../img/titulos/h4-agente-tem.jpg) no-repeat;}

/*Lista de Títulos, texto e foto como background na LI*/
ul.fotoTitTxt { float: left; margin: 25px 0; width: 100%;}
ul.fotoTitTxt li { width: 220px; padding-left: 210px; display: block; float: left;}
ul.fotoTitTxt li#bgNossaCara {background: url(../img/programas/nossa-cara.png) no-repeat;}
ul.fotoTitTxt li#bgDigaAi {background: url(../img/programas/diga-ai.png) no-repeat;}
ul.fotoTitTxt li#bgDaCerto {background: url(../img/programas/da-certo.png) no-repeat;}
ul.fotoTitTxt li#bgVamosNessa {background: url(../img/programas/vamos-nessa.png) no-repeat;}

/*Títulos H4 dentro da lista*/
ul.fotoTitTxt li h4 { margin-bottom: 10px;}
ul.fotoTitTxt li h4#h4NossaCara { width: 87px; height: 12px; background: url(../img/titulos/h4-nossa-cara.jpg) no-repeat; }
ul.fotoTitTxt li h4#h4DigaAi {width: 54px; height: 15px; background: url(../img/titulos/h4-diga-ai.jpg) no-repeat;}
ul.fotoTitTxt li h4#h4DaCerto {width: 73px; height: 12px; background: url(../img/titulos/h4-da-certo.jpg) no-repeat;}
ul.fotoTitTxt li h4#h4VamosNessa {width: 102px; height: 12px; background: url(../img/titulos/h4-vamos-nessa.jpg) no-repeat;}

/*Lista Vinhetas e Títulos H4*/
ul#listaVinhetas li { float: left;}
ul#listaVinhetas li h4 { margin-bottom: 10px;}
ul#listaVinhetas li h4#h4EFacil {width: 50px; height: 15px; background: url(../img/titulos/h4-e-facil.jpg) no-repeat;}
ul#listaVinhetas li h4#h4SolucaoCrianca {width: 152px; height: 15px; background: url(../img/titulos/h4-solucao-crianca.jpg) no-repeat;}
ul#listaVinhetas li h4#h4MicrofoneAberto {width: 137px; height: 12px; background: url(../img/titulos/h4-microfone-aberto.jpg) no-repeat;}

ul#listaVinhetas li.firstLi { width: 193px; padding: 12px 49px 12px 10px;}
ul#listaVinhetas li.middleLi { width: 211px; padding: 12px 41px 12px 51px; border: 1px solid #475557; border-bottom: none; border-top: none;}
ul#listaVinhetas li.LastLi { width: 252px; padding: 12px 35px 12px 41px;}

/*Lista de Programas*/
ul#listaProgramas { width: 100%;}
ul#listaProgramas li {border-bottom: 1px dashed #354547; width: 839px; padding: 36px 23px 20px 23px; float: left;}
ul#listaProgramas li div.boxNomeFotoClique { width: 127px; height: 44px; padding: 35px 0 0 120px; float: left;}
ul#listaProgramas li div.boxNomeFotoClique h5 { color: #354547; font-size: 10px; margin:0 0 5px 10px;}
ul#listaProgramas li div.boxNomeFotoClique a { display: block; width: 127px; height: 25px; background: url(../img/btn/clique-assista.jpg) no-repeat; text-indent: -9999px;}
ul#listaProgramas li div.bgPrograma4 {background: url(../img/programas/p04b01.png) no-repeat;}
ul#listaProgramas li div.bgPrograma3 {background: url(../img/programas/p03b01.png) no-repeat;}
ul#listaProgramas li div.bgPrograma2 {background: url(../img/programas/p02b01.png) no-repeat;}
ul#listaProgramas li div.bgPrograma1 {background: url(../img/programas/p01b01.png) no-repeat;}
ul#listaProgramas li div.bgProgramaPiloto {background: url(../img/programas/programa-piloto.jpg) no-repeat;}
ul#listaProgramas li p { width: 571px; float: right; color: #354547;}

/*Lista Equipe, Créditos*/
div#contentIntern ul.listaCredito { float: left; margin-left: 80px; margin-bottom: 20px;}
div#contentIntern ul.listaCredito li { margin-bottom: 15px;}
div#contentIntern ul.listaCredito li p { margin: 0;}
div#contentIntern ul.listaCredito li img { margin-top: 10px;}
div#contentIntern ul.listaCredito li.boxDestaque { width: 150px; padding: 10px; background: #dbdfe0;}

/*Lista com Marcas*/
ul.listaMarcas { margin-bottom: 30px;}
ul.listaMarcas li { display: inline; margin: 0 20px;}

/*Div #formSugestao*/
div#formSugestao { width: 404px; float: left;}

/*Div página de Contato*/
div#contato { width: 100%; float: left; background: url(../img/bg-contato.png) no-repeat right bottom;}

/*Formulário Simples*/
form#formSimples { width: 402px;}
form#formSimples label { display: block; width: 404px; margin-bottom: 34px; float: left;}
form#formSimples label img { float: left; margin-top: 8px;}
form#formSimples label .estiloCampo { background: #ededec; border: 1px solid #93a09a; float: right; padding: 4px; font-size: 12px;}
form#formSimples label input.estiloCampo { width: 339px; height: 15px;}
form#formSimples label textarea.estiloCampo { width: 394px; height: 135px; clear: both; float: left; overflow: auto; margin-top: 10px;}
form#formSimples .btEnviar {width: 80px; height: 23px; background: url(../img/btn/bt-enviar.jpg) no-repeat; display: block; float: right;}

/*Box Destaque*/
div#boxDestaque { width: 388px; float: right; padding: 17px; background: #dbdfe0;}
div#boxDestaque p { margin-bottom: 10px;}

/*Div Player e link para baixar mp3*/
div#playerTrilha { float: left;}
div#playerTrilha a { display: block; margin-top: 20px; width: 192px; height: 44px; background: url(../img/btn/clique-baixe-musica.jpg) no-repeat; text-indent: -9999px;}
/* ------------------------------------------- CLASSES ------------------------------------------- */
.clear { clear: both;}
.ajusteSpace { margin-left: 37px!important;}
.floatR { float: right!important;}
.floatL { float: left!important;}
.noMarginL { margin-left: 0!important;}
.noMarginB { margin-bottom: 0!important;}
.noBorderB { border-bottom: none!important;}
.link-cinza { color: #828282; font-weight: bold;}
.branco11 { color: #ffffff; font-family: verdana; font-size: 11px; }
.preto11 { color: #000000; font-family: verdana; font-size: 11px; }
/* ------------------------------------------- FIM CLASSES ------------------------------------------- */