/*----------------------------------------------------------------------------- Nome do Projeto ( Baú do Carro ) versão : 1.1 // Sempre que houver modificação, por favor alterar a versao da folha autor : SV Projetos e Sistemas email : comercial@sv.com.br; website : http://www.sv.com.br/ data de criacao : 20/06/2008 Ultima modificação : n/a Autor da Modificação : n/a !- Legenda de comentários ----------------------------------- :LIXO - Maneira ruim de contornar um problema :ALTERAR - Alterar no fim do desenvolvimento do projeto :BUG - Problema no código -----------------------------------------------------------------------------*/ /* =Geral -----------------------------------------------------------------------------*/ * { margin:0px; padding:0px; } img, fieldset { border:none; } body { font:8pt "Trebuchet MS", Arial, Verdana; color:#333; background: url(../img/layout/back_interna.jpg) center top repeat-y; text-align: center; height:730px; } hr { border:none; border-bottom:1px dashed #CCC; height:1px; } h1 {} h2 {} p { margin-bottom:10px; } a { color:#0099CC; } a:hover { color:#EA3C7B; } /* =Estrutura -----------------------------------------------------------------------------*/ #bgGeral{ background:url(../img/bg_Corpo.jpg) center top no-repeat; height:730px; color:#333; } #primeiroplano{ background:url(../img/layout/centro.jpg); background-repeat:repeat-y; width:1001px; text-align:left; margin:auto; } #bgInterna{ color:#999; background:url(../img/layout/rodape.jpg); width:1001px; z-index:2; background-repeat:no-repeat; background-position:bottom left; margin-top:-150px; } #topo{background:url(../img/layout/topo.jpg); width:1001px; background-repeat:no-repeat; height:506px; margin: 0 auto; } #container { text-align:left; margin-left:130px; padding-top:220px; padding-left:30px; width:960px; margin:0 auto; position:relative; } #containerInterna { margin:0 auto; padding-left:20px; width:960px; position:relative; top:-150px; } #conteudointerna { color:#333; } #linkprincipal a{ position:absolute; width:390px; height:250px; top:10px; text-indent:-5000px;} /* =Menu Superior */ #menu{ background:url(../img/bg_menu.jpg); width:665px;height:50px; position:absolute; margin:0 auto; top:-55px; left:320px; background-repeat:no-repeat; } #menu ul{ list-style:none; margin-top:10px; margin-left:67px;} #menu ul li{ float:left; text-indent:-50000px; background:url(../img/menu/ico_marcador_lista.png) no-repeat; padding-left:10pt; margin-right:7pt; } #menu ul li.mn_home{ background-image:none;} #menu ul li.mn_home a{ background:url(../img/menu/home.png); width:44px; height:24px; display:block; } #menu ul li.mn_sobre a{ background:url(../img/menu/sobre.png); width:80px; height:24px; display:block; } #menu ul li.mn_perfil a{ background:url(../img/menu/perfil.png); width:147px; height:24px; display:block; } #menu ul li.mn_biblioteca a{ background:url(../img/menu/biblioteca.png); width:128px; height:24px; display:block; } #menu ul li.mn_ficha a{ background:url(../img/menu/ficha.png); width:84px; height:24px; display:block; } /* =Formulários -----------------------------------------------------------------------------*/ .formulario label { display:block; font:bold 12px "Trebuchet MS", Arial, Verdana; color:#666; } .formulario .campo { background:#FCFCF9; border:1px solid #E3E5E0; width:40%; padding:2px; margin-bottom:5px; font:11px "Trebuchet MS", Arial, Verdana; color:#666; } .formulario .uf { background:#FCFCF9; border:1px solid #E3E5E0; width:100px; padding:2px; margin-bottom:5px; font:11px "Trebuchet MS", Arial, Verdana; color:#666; } .formulario .campo:hover { border:1px solid #EA3C7B; } .formulario .campo:focus { background:#FFF0F4; border:1px solid #EA3C7B; } .formulario .botao { background:url(img/bg-btn-grd.jpg) repeat-x; border:1px solid #B92B59; padding:2px; font:bold 12px "Trebuchet MS", Arial, Verdana; color:#FFF; margin:10px 0px 0px 0px; cursor:pointer; text-decoration:none; text-transform:uppercase; float:left; } .formulario textarea { height:80px; } /* =Box de Mensagems -----------------------------------------------------------------------------*/ .erro { width:250px; margin:20px auto; background-color:#FFF0F4; border:1px solid red; display:block; clear:both; padding-bottom:10px; padding-top:10px; text-align:center; height:30px; font: bold 15px "Trebuchet MS", Arial; color:#414141; } .sucesso { width:200px; margin:20px auto; background-color:#FCFCF9; border:1px solid blue; display:block; clear:both; padding-bottom:10px; padding-top:10px; text-align:center; height:30px; font: bold 15px "Trebuchet MS", Arial; color:#414141; } .informacao { width:90%; margin:20px auto; display:block; clear:both; padding:10px 10px 10px 80px; height:60px; font: bold 15px "Trebuchet MS", Arial; color:#414141; } /* =Rodape -----------------------------------------------------------------------------*/ #rodape { background:url(../img/bg-rodape.jpg) repeat-x; height:50px; } #rodape address { font:normal 11px "Trebuchet MS", Arial, Verdana; text-align:center; line-height:50px; } /* #rodape {width:1000px; height:40px; float:right; margin:45px 140px 0 0;} #rodape div {width:1003px; height:40px; } #rodape address { font:normal 11px "Trebuchet MS", Arial, Verdana; text-align:center; line-height:50px; } */ /* =HOME -----------------------------------------------------------------------------*/ #default_centro{ *margin-left:-10px; } .boxLeft{width:390px; float:left; margin-right:16px; margin-left:-10px; *margin-left:-20px; } .boxRight{width:500px; color:#999; float:left; padding-top:25px; } .videoSemana{ background:url(../img/bg_videos_semana.jpg); background-repeat:no-repeat; width:376px; padding-top:35px;} .videos{ width:377px; height:282px; margin-left:10px; float:right; overflow:hidden;} .video{padding-left:2px; } .comentario{ position:relative; top:15px; } .controles{ text-align:center; margin-left:140px; } .controles ul{ list-style:none;} .controles ul li{float:left; margin-left:5px;} .controles ul li.back a{ background:url(../img/nav_back.jpg); width:20px; height:18px; display:block; } .controles ul li.play a{ background:url(../img/nav_play.jpg); width:20px; height:18px; display:block;} .controles ul li.pause a{ background:url(../img/nav_pause.jpg); width:20px; height:18px; display:block;} .controles ul li.forw a{ background:url(../img/nav_forw.jpg); width:20px; height:18px; display:block;} .comentario{width:390px; margin-left:10px; margin-top:10px;} .b{color:#CA3333; } blockquote { width:350px; padding-left:25px; padding-right:15px; font-family:Georgia, Times, "Times New Roman", serif; font-size:10pt; background: transparent url(../img/quote_up.png) left top no-repeat; } blockquote p { padding-top:5px; padding-bottom:5px; padding-right:10px; font-style:italic; color:#827a58; background: transparent url(../img/quote_down.png) right bottom no-repeat; } .texto{color:#333; margin-bottom:15px; } .texto h3{ background:url(../img/tit_text.png); background-repeat:no-repeat; width:150px; height:17px; display:block; text-indent:-50000px; padding-bottom:3px;} .listaestreias{color:#333; margin-bottom:20px; } .listaestreias h3{ background:url(../img/tit_text.png); background-repeat:no-repeat; border:1px solid red; height:17px; text-indent:-50000px; padding-bottom:3px;} .listaestreias ul{ list-style:none;} .listaestreias ul li{ float:left; font-size:10pt; vertical-align:top; height:20px; background:url(../img/ico_marcador_lista.png); background-repeat:no-repeat; background-position:left; padding-left:15px; margin-right:10px; } .oprograma{color:#333; width:264px; float:left; } .oprograma h3{ background:url(../img/tit_oprograma.gif); background-repeat:no-repeat; width:263px; height:28px; display:block; text-indent:-50000px; padding-bottom:3px;} .trailer{ float:left; margin-left:270px; margin-top:-220px; width:251px; height:230px;} .videotrailer{height:207px;} .ctrailer{ margin-left:80px;} /* =BIBLIOTECA DE VIDEOS -----------------------------------------------------------------------------*/ #bibliotecatopo{ display:block; padding-top:20px;} #bibliotecatopo .boxLeft{ width:910px; float:left; margin-left:30px; border-bottom:1px dashed #AEB14E; padding-bottom:3px; } #bibliotecatopo .boxLeft h2{ background:url(../img/tit_biblioteca.png); background-repeat:no-repeat;width:253px; height:28px; display:block; text-indent:-50000px; padding-bottom:30px; } #bibliotecatopo .boxRight{ float:left; width:300px; margin-top:-20px;} #bibliotecatopo .temadasemana h3{background:url(../img/subtitulos/tit_tema_semana.png); background-repeat:no-repeat;width:253px; height:28px; display:block; text-indent:-50000px; padding-bottom:3px;} #bibliotecatopo .temadasemana.ptema{ width:460px;} #bibliotecatopo .temadasemana div{ margin-top:20px;} hr{ border-bottom:1px dashed #AEB14E; margin-left:30px; margin-right:30px;} #bibliotecainf{ display:table; margin-left:30px; } #bibliotecainf2 h2{background:url(../img/subtitulos/tit_temas_exibidos.png); background-repeat:no-repeat;width:450px; height:21px; display:block; text-indent:-50000px; margin-top:90px; margin-left:30px; padding-bottom:3px;} #bibliotecainf h3{background:url(../img/tit_confira_videos_semana.png); background-repeat:no-repeat;width:274px; height:21px; display:block; text-indent:-50000px; margin-top:30px; padding-bottom:3px;} #bibliotecainf a { text-decoration:none;} #bibliotecainf a:hover { text-decoration:none; color:#CA5733;} #bibliotecainf2 li { list-style-image: url(../img/ico_marcador_lista.png); } #bibliotecainf2 ul {margin:0 0 0 50px; font-size:12px;} #bibliotecainf2 a { text-decoration:none;} #bibliotecainf2 a:hover { text-decoration:none; color:#CA5733;} .listavideos{ margin-top:0px; position:relative; left:0px; } .listavideos ul{ list-style:none; } .listavideos ul li{ float:left; width:128px; border-right:1px dashed #AEB14E; padding-left:15px; padding-right:10px; margin-bottom:20px;} .video_interno{ background:url(../img/bg_videos_lista.jpg); background-repeat:no-repeat;width:124px; height:96px; margin-bottom:10px; display:block;} .listavideos ul li.liultimo{ border-right:0px; float:left; } .listavideos2{ margin-top:20px; position:relative; left:-20px; } .listavideos2 ul li{ list-style:none; float:left; width:150px; height:260px; border-right:1px dashed #AEB14E; padding-left:15px; padding-right:10px; margin-bottom:30px;} .listavideos2 ul li.liultimo2{ border-right:0px; float:left; margin:0 0 0 0;} .listavideos ul li img{ margin-bottom:5px;} .titCatolicismo{background:url(../img/titulos_religioes/tit_catolicismo.png); background-repeat:no-repeat;width:253px; display:block; text-indent:-50000px; padding-bottom:5px;} .titBudismo{background:url(../img/titulos_religioes/tit_budismo.png); background-repeat:no-repeat;width:253px; display:block; text-indent:-50000px; padding-bottom:5px;} .titJudaismo{background:url(../img/titulos_religioes/tit_judaismo.png); background-repeat:no-repeat;width:253px; display:block; text-indent:-50000px; padding-bottom:5px;} .titAfro{background:url(../img/titulos_religioes/tit_afro.png); background-repeat:no-repeat;width:400px; display:block; text-indent:-50000px; padding-bottom:5px;} .titIslamismo{background:url(../img/titulos_religioes/tit_islamismo.png); background-repeat:no-repeat;width:253px; display:block; text-indent:-50000px; padding-bottom:5px;} .titProtestantismo{background:url(../img/titulos_religioes/tit_protestantismo.png); background-repeat:no-repeat;width:253px; display:block; text-indent:-50000px; padding-bottom:5px;} .titEspiritismo{background:url(../img/titulos_religioes/tit_espiritismo.png); background-repeat:no-repeat;width:253px; display:block; text-indent:-50000px; padding-bottom:5px;} .titEvangelica{background:url(../img/titulos_religioes/tit_evangelica.png); background-repeat:no-repeat;width:253px; display:block; text-indent:-50000px; padding-bottom:5px;} #bibliotecaarquivo{margin-left:30px; margin-top:20px;} #bibliotecaarquivo h3{background:url(../img/subtitulos/tit_arquivo_tema.png); background-repeat:no-repeat;width:274px; height:21px; display:block; text-indent:-50000px; padding-bottom:10px;} #bibliotecaarquivo hr {width:870px; float:left;} #bibliotecaarquivo ul{ list-style:none;} #bibliotecaarquivo ul li{ color:#B73925; font-size:10pt; vertical-align:top; height:20px; background:url(../img/ico_marcador_lista.png); background-repeat:no-repeat; background-position:left; padding-left:15px; margin-right:15px; } #bibliotecaarquivo a {text-decoration:none;} #bibliotecaarquivo a:hover {color:#CA5733;} .voltar{ position:relative; top:0px; left:100px;} /* =Sobre a série -----------------------------------------------------------------------------*/ #sobreaserie{ margin-left:30px; padding-right:20px; padding-top:30px; } #sobreaserie h3{background:url(../img/titulos_internas/tit_sobreaserie.png); background-repeat:no-repeat;width:274px; height:21px; display:block; text-indent:-50000px; padding-bottom:10px;} #sobreaserie ul{ list-style:none;} #sobreaserie ul li{ color:#B73925; font-size:10pt; vertical-align:top; height:20px; background:url(../img/ico_marcador_lista.png); background-repeat:no-repeat; background-position:left; padding-left:15px; margin-right:15px; } /* = Perfil Entrevistados -----------------------------------------------------------------------------*/ #perfilentrevistados{ margin-left:30px; padding-right:20px; padding-top:30px; } #perfilentrevistados h3{background:url(../img/titulos_internas/tit_perfildosentrevistados.png); background-repeat:no-repeat;width:294px; height:21px; display:block; text-indent:-50000px; padding-bottom:10px;} #perfilentrevistados ul{ list-style:none;} #perfilentrevistados ul li{ border-bottom:1px dashed #AEB14E; font-size:10pt; height:160px; display:block; vertical-align:top; padding-left:15px; margin-right:15px; padding-top:10px; } #perfilentrevistados ul h4{color:#B73925; margin:5px; margin-top:10px;} #perfilentrevistados ul li img{ float:left; margin:5px; width:179px; margin-top:-4px;} #perfilentrevistados ul li p{display:block; font-size:8pt;} #perfilentrevistados ul li.ultima{ border-bottom:0px; } /* = Fichatecnica -----------------------------------------------------------------------------*/ #fichatecnica{ margin-left:30px; padding-right:20px; padding-top:30px; } #fichatecnica h3{background:url(../img/titulos_internas/tit_fichatecnica.png); background-repeat:no-repeat;width:294px; height:21px; display:block; text-indent:-50000px; padding-bottom:10px;} #fichatecnica ul{ list-style:none;} #fichatecnica ul li{ border-bottom:1px dashed #AEB14E; font-size:10pt; display:block; vertical-align:top; padding-left:15px; margin-right:15px; } #fichatecnica ul h4{color:#B73925; margin:5px; margin-left:0px; margin-top:10px;} #fichatecnica ul li img{ float:left; margin:5px; width:179px; margin-top:-4px;} #fichatecnica ul li p{ display:block; font-size:9pt; } #fichatecnica ul li.ultima{ border-bottom:0px; } a{color:#B73925;} /* #linksv a{ width:200px; float:left; margin:8px 0 0 0; color:#FFF; text-decoration:none; font-weight:bold;} #direitos{ width:350px; float:right; margin:8px 0px 0 0; color:#FFF; text-decoration:none; font-weight:bold;} #linksvi a{ height:40px; width:400px; position:absolute; top:930px; left:1px; text-indent:-5000px;} #linkglobo a{ height:40px; width:40px; float:right; margin:0 10px 0 0; text-indent:-5000px; } #linkfutura a{ height:40px; width:40px; float:right; margin:0 20px 0 0; text-indent:-5000px;} */ #linksv a{ height:40px; width:400px; position:absolute; margin:0 auto; top:680px; left:10px; text-indent:-5000px;} #linksvi a{ height:40px; width:400px; position:absolute; top:930px; left:1px; text-indent:-5000px;} #linkglobo a{ height:40px; width:40px; position:absolute; margin:0 auto; top:678px; margin-left:10px; *margin-left:-15px; text-indent:-5000px;} #linkfutura a{ height:40px; width:40px; position:absolute; margin:0 auto; top:678px; margin-left:-45px; *margin-left:-70px; text-indent:-5000px;} /*border:2px solid red;*/