/* Roberto Alves Ferreira Junior http://www.estudiohappy.com.br roberto.esbb@gmail.com ################################################ ## Cliente: Atitude Jovem ### ## Versao site: 1.0 ### ## Ano: 2009 ### ## http://www.crjvitoria.com.br/atitudejovem ### ################################################ */ @import url("lightbox.css"); .transparencia { opacity: .28; -moz-opacity: .28; filter:alpha(opacity=28); } .borda_arredondada { -moz-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; } .topo_blog_principal{margin:0px 0px 12px 0px;} .link1{margin:15px 0px 0px 0px; width:200px; height:32px;} .link2{margin:65px 0px 0px 5px; width:90px; height:55px;} .link3{margin:65px 0px 0px 110px; width:90px; height:55px;} .link4{margin:135px 0px 0px 5px; width:90px; height:45px;} .link5{margin:135px 0px 0px 110px; width:90px; height:45px;} a { color:#000000; text-decoration:none; } html, body, *{ margin:0; padding:0; } body { font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; background:#ffffff url(../img/bg.jpg) repeat-x top; } #merch { position:absolute; right:0px; } #nuvem-1 { background:url(../img/nuvem-1.png) repeat-x; height:97px; width:100%; position:absolute; left:0; top:10px; } #nuvem-2 { background:url(../img/nuvem-2.png) repeat-x; height:73px; width:100%; position:absolute; left:0; top:65px; } #nuvem-3 { background:url(../img/nuvem-3.png) repeat-x; height:97px; width:100%; position:absolute; left:0; top:-55px; } #corpo-site { width:920px; position:relative; overflow:hidden; top:0; } #ident-esquerda { background:url(../img/ident-trans-esquer.png) right top; float:left; width:233px; height:398px; } #ident-direita { width:40px; height:389px; background:url(../img/plug.png) no-repeat; position:absolute; top:0px; margin:0px 0px 0px 835px; } #logo_topo { width:364px; height:180px; background:url(../img/atitude-logo.png) no-repeat; position:absolute; margin:30px 0px 0px 470px; } /***** twitter ******/ #twitter_topo { width:590px; height:auto; background:#c0c0c0 url(../img/twitter.jpg) no-repeat left top; float:left; margin:30px 0px 0px 10px; } #twitter_topo p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000; margin:0px 0px 5px 60px; text-align:left; } #twitter_topo a { text-decoration:none; color:#FFFFFF; font-size:9px; } /***** Menu ******/ #menu { width:115px; margin:70px 0px 0px 0px; text-align:left; float:left; } #menu li { background:#000000; padding:2px; margin:0px 0px 3px 0px; list-style-type:none; color:#FFFFFF; } #menu li:hover { text-decoration:underline; } .menu-fonte { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-align:left; color:#FFFFFF; } #menu li a { background:#000000; color:#FFFFFF; text-decoration:none; } #menu li a:hover { text-decoration:underline; } /***** Banner ******/ #banner { width:458px; height:77px; background:#FFFFFF; border:1px solid #333333; margin:220px 0px 0px 43px; float:left; } /** menu acaba em 345px 395 **/ /*** login adm ****/ #login-topo { width:100%; height:20px; background:#333333; position:absolute; top:0; left:0; } #login-topo-corpo { color:#FFFFFF; text-align:right; padding:2px; position:absolute; width:920px; top:0; right:85px; } #login-topo-corpo input { font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; padding:1px; border:#666666; background:#333333;} /***** realizacao ******/ #realizacao { width:920px; height:67px; margin:10px 0px 0px 0px; } #realizacao_img { width:920px; height:67px; background:url(../img/realizacao_rodape.jpg) no-repeat top left; position:absolute; overflow:hidden; } #realizacao_link { position:absolute; overflow:hidden; } #realizacao_link:hover { cursor:pointer; } /***** rodape ******/ #rodape { width:920px; height:50px; margin:10px 0px 0px 0px; } #rodape-esquerda { width:510px; text-align:left; float:left; margin:4px 0px 0px 0px;} #rodape-direita-1 { width:2px; float:left; } #rodape-direita-2 { width:190px; float:right; text-align:right; margin:0px 30px 0px 0px; } #rodape p { font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; } /****** corpo do site *********/ #conteudo { width:920px; margin:10px 0px 0px 0px; overflow:hidden; } /****** ------------- include Principal.php --------------- *********/ #principal { width:910px; } #principal_centro { width:290px; overflow:hidden; float:left; margin:0px 0px 0px 18px; text-align:left; } #principal_centro_fotos { width:290px; height:auto; overflow:hidden; float:left; } #principal_centro_fotos_topo{ background:url(../img/fotos.png) no-repeat top left; overflow:hidden; float:left; margin:0px 0px 10px 0px; height:67px; width:290px; } #principal_centro_fotos_fundo{ background:#00FFFF; float:left; margin:51px 0px 80px 15px; height:120px; width:180px; } #principal_centro_fotos_img { width:290px; height:255px; margin:70px 0px 10px 0px; float:left; position:absolute; background:url(../img/fotos_capa.png) no-repeat top left; } #principal_centro_fotos_texto { position:absolute; width:270px; overflow:hidden; float:left; margin:200px 0px 0px 15px; } #principal_centro_fotos_texto b { font-size:14px; color:#FFFFFF; background-color:#000000; padding:2px; font-weight:normal; text-align:left; } /****** principal noticias *********/ #principal_noticias { width:301px; overflow:hidden; float:left; padding:3px; } #principal_noticias_1 { width:295px; text-align:left; } #principal_noticias_1_img { width:295px; height:195px; border:3px solid #000000; } #principal_noticias_1_img_texto { margin:125px 0px 0px 0px; } #principal_noticias_1_img p { font-size:16px; color:#FFFFFF; background-color:#000000; display:inline; } #principal_noticias_1_img a { color:#ffffff; text-decoration:none; border:0px; } #principal_noticias_1_img a:hover { text-decoration:underline; } #principal_noticias_1 a { color:#000000; text-decoration:none; border:0px; } #principal_noticias_1 a:hover { text-decoration:underline; } #principal_noticias hr { color:#f2f2f2; width:95%; margin:12px 0px 12px 0px; } #principal_noticias_2 { width:295px; text-align:left; overflow:hidden; } #principal_noticias_2_img { width:105px; height:75px; border:2px solid #000000; float:left; } #principal_noticias_2_texto { width:178px; margin:0px 0px 0px 8px; font-size:12px; font-weight:bold; float:left; overflow:hidden; } #principal_noticias_2_texto p { font-size:10px; margin:5px 0px 0px 0px; font-weight:normal; } #principal_noticias_2 a { color:#000000; text-decoration:none; border:0px; } #principal_noticias_2 a:hover { text-decoration:underline; } /****** principal Blog *********/ #principal_blog_texto b { font-size:11px; color:#FFFFFF; background-color:#000000; padding:2px; font-weight:normal;} #principal_blog_texto { font-size:10px; } #principal_centro hr { color:#f2f2f2; width:95%; margin:12px 0px 12px 0px; } #principal_blog_texto a { color:#000000; text-decoration:none; } #principal_blog_texto a:hover { text-decoration:underline; } /****** principal direita *********/ #principal_direita { width:250px; margin:0px 0px 0px 20px; float:right; } /****** principal tv atitude youtube *********/ #principal_tv_atitude_copro { width:250px; height:225px; float:right; margin:0px 15px 0px 0px; overflow:hidden; } #principal_tv_atitude_logo { width:250px; height:225px; background:url(../img/tv-atitude.png) no-repeat; position:absolute; } #principal_tv_atitude_img { width:250px; height:220px; margin:40px 0px 0px 0px; } /****** ------------- include blog.php --------------- *********/ #blog {width:960px;} #blog_post_direita { width:300px; float:right; } #blog_post_direita hr { color:#f2f2f2; width:225px; margin:8px 0px 8px 8px; float:left; } /****** blog post *********/ #blog_post { width:600px; height:500px; background:url(../img/fundo_blog.jpg) no-repeat top right; margin:0px 10px 0px 0px; float:left; } #blog_post_titulo { font-size:16px; float:left; text-align:left; color:#FFFFFF; background:#000000; display:inline; overflow:hidden; margin:0px 0px 15px 20px; margin-top:-20px; padding:2px; } #blog_post_topo {width:600px; height:90px; background:url(../img/topo_blog.png) no-repeat left;} #blog_post_data { width:300px; margin:20px 38px 0px 0px; height:20px; overflow:hidden; float:right; } #blog_post_data_font { font-size:9px; color:#ffffff; float:left; position:absolute; margin:3px 0px 0px 10px; } #blog_post_data_fundo { background:#000000; width:100%; height:18px; float:left; } #blog_post_texto { width:530px; text-align:left; float:left; margin:20px 5px 10px 15px; overflow:hidden; padding:5px; } #blog_post_texto_img { width:295px; height:195px; border:1px solid #000000; } #blog_post_texto_img_fundo { padding:5px; background:#f2f2f2; font-size:9px; height:205px; float:left; margin:0px 10px 5px 0px; overflow:hidden; } /****** blog historico *********/ #blog_post_historico_topo { width:300px; height:77px; background:url(../img/historico.png) no-repeat top left; margin:0px 0px 10px 0px; float:left;} #blog_post_historico_corpo { width:300px; margin:10px 0px 10px 0px; } #blog_post_historico_corpo_texto a { color:#000000; text-decoration:none; } #blog_post_historico_corpo_texto a:hover { text-decoration:underline; } #blog_post_historico_corpo_texto b { font-size:11px; color:#FFFFFF; background-color:#000000; padding:2px; font-weight:normal;} #blog_post_historico_corpo_texto { font-size:10px; margin:0px 0px 0px 10px; overflow:hidden; width:230px; text-align:left; float:left; } /****** blog principal *********/ #blog_post_principal { width:530px; float:left; overflow:hidden; margin:5px; text-align:left; } #blog_post_principal_texto { float:left; height:530px; overflow:hidden; height:auto; margin:5px 0px 0px 0px; } #blog_post_principal_texto b { font-size:14px; color:#FFFFFF; background-color:#000000; padding:2px; font-weight:normal; } #blog_post_principal_texto a { color:#000000; text-decoration:none; } #blog_post_principal_texto a:hover { text-decoration:underline; } #blog_post_principal hr { color:#f2f2f2; width:520px; margin:8px 0px 8px 8px; float:left; } #blog_post_indique { width:300px; margin:10px 0px 10px 0px; float:left;} #blog_post_indique_form { width:300px; margin:0px 0px 0px 0px; overflow:hidden; float:left; background:url(../img/indique_bg.png) no-repeat top left; height:261px;} #blog_post_indique_form_nome { width:189px; height:20px; float:left; margin:113px 0px 0px 25px; } #blog_post_indique_form_email { width:189px; height:20px; float:left; margin:46px 0px 0px 25px; } #blog_post_indique_form_enviar { width:83px; height:32px; float:left; margin:13px 0px 0px 30px; } .blog_post_indique_form_imput { width:189px; height:20px; border:none; font-size:14px; } .blog_post_indique_form_enviar { width:83px; height:32px; background:none; border:none; } .blog_post_indique_form_enviar:hover { cursor:pointer; } #blog_post_realizacao { width:300px; height:auto; float:left; } #blog_post_realizacao_topo { height:67px; background:url(../img/realizacao.png) no-repeat top left; overflow:hidden; } #blog_post_realizacao_logos { height:188px; width:206px; float:left; overflow:hidden; margin:0px 0px 0px 10px; background:url(../img/realizacao_logos.jpg) no-repeat top left; } #blog_post_realizacao_logos_links { position:absolute; overflow:hidden; } #blog_post_realizacao_logos_links:hover { cursor:pointer; } /****** ------------- include oprojeto.php --------------- *********/ #oprojeto { width:960px; } #oprojeto_dir { width:300px; float:right; overflow:hidden; } #oprojeto_esq { width:600px; float:left; overflow:hidden; text-align:left; } #oprojeto_esq_topo {width:600px; height:93px; background:url(../img/topo_o_projeto.png) no-repeat top left;} #oprojeto_esq_conteudo { width:590px; margin:0px 0px 10px 10px; text-align:justify; } #oprojeto_esq_conteudo b { font-size:14px; color:#FFFFFF; background-color:#000000; padding:2px; font-weight:normal; text-align:left; } #oprojeto_esq_conteudo br { margin:0px 0px 5px 0px; } /****** ------------- include tv Atitude.php --------------- *********/ #tv_atitude {width:960px;} #tv_atitude_esq { height:auto; width:600px; float:left; overflow:hidden; text-align:left;} #tv_atitude_esq_conteudo { width:300px; height:auto; overflow:hidden; float:left; text-align:left; margin:0px 0px 22px 0px;} #tv_atitude_esq_conteudo_img { width:120px; height:90px; overflow:hidden; float:left; margin:10px 0px 0px 11px; background:#333333; } #tv_atitude_esq_conteudo_margem { width:140px; height:107px; float:left; background:url(../img/margem_video.png) no-repeat top left; position:absolute;} #tv_atitude_esq_conteudo_texto { width:152px; margin:4px 0px 0px 15px; float:left; overflow:hidden; } #tv_atitude_esq_conteudo_texto b { font-size:14px; color:#FFFFFF; background-color:#000000; padding:2px; font-weight:normal; text-align:left; } #tv_atitude_esq_conteudo_texto a { color:#000000; text-decoration:none; } #tv_atitude_esq_conteudo_texto a:hover { text-decoration:underline; } #tv_atitude_esq_conteudo a { color:#000000; text-decoration:none; } #tv_atitude_esq_conteudo_grande { width:600px; float:left; overflow:hidden; height:auto; text-align:left;} #tv_atitude_esq_conteudo_grande_data { width:300px; margin:35px 0px 10px 0px; height:20px; overflow:hidden; float:right; } #tv_atitude_esq_conteudo_grande_data_fundo { background:#000000; width:100%; height:18px; float:left; } #tv_atitude_esq_conteudo_grande_data_texto { font-size:9px; color:#ffffff; float:left; position:absolute; margin:3px 0px 0px 10px; } #tv_atitude_esq_conteudo_grande b { font-size:16px; color:#FFFFFF; background-color:#000000; padding:2px; font-weight:normal; text-align:left; } #tv_atitude_esq_conteudo_grande hr { color:#f2f2f2; width:592px; margin:15px 0px 8px 8px; float:left; } #tv_atitude_dir { width:300px; float:right; overflow:hidden; } #tv_atitude_esq_topo{ width:600px; height:93px; background:url(../img/topo_tv_atitude.png) no-repeat top left; } #tv_atitude_esq_topo_outros {width:600px; height:94px; float:left; overflow:hidden; margin:10px 0px 10px 0px; background:url(../img/topo_outros_tv_atitude.png) no-repeat top left;} /********* ------------- include contato.php --------------- ************/ #contato {width:960px;} #contato_dir { width:300px; float:right; overflow:hidden; } #contato_esq { width:600px; float:left; overflow:hidden; text-align:left; background:url(../img/canto_contato.png) no-repeat top right; } #contato_esq_for { width:600px; height:auto; overflow:hidden; } #contato_esq_for_topo { width:600px; background:url(../img/topo_contato.png) no-repeat top left; height:77px; overflow:hidden; margin:0px 0px 10px 0px; } #contato_esq_for_esq { width:582px; margin:0px 0px 0px 8px; overflow:hidden; height:auto; padding:5px; } #contato_esq_for_linha { height:29px; text-align:left; } #contato_esq_for_linha b { font-size:16px; color:#FFFFFF; background-color:#000000; padding:2px; font-weight:normal; text-align:left; } #contato_esq_for_linha input { height:16px; border:1px solid #000000; font-size:14px; color:#333333; padding:3px; } #contato_esq_for_linha textarea { height:16px; border:1px solid #000000; font-size:14px; color:#333333; padding:3px; } #contato_esq_separador{background:url(../img/separador_contato.png) no-repeat top left; height:22px; width:600px; margin:10px 0px 10px 0px;} #contato_esq_texto { width:600px; float:left; overflow:hidden; margin:0px 0px 20px 15px; text-align:left; font-size:12px; } #contato_esq_texto b { font-size:14px; text-align:left; } /********* ------------- include atividades.php --------------- ************/ #atividades {width:960px;} #atividades_dir { width:300px; float:right; overflow:hidden; } #atividades_esq { width:600px; float:left; overflow:hidden; text-align:left; } #atividades_esq_cont { width:600px; height:auto; overflow:hidden; margin:0px 0px 15px 0px; } #atividades_esq_cont_topo { background:url(../img/topo_atividades.png) no-repeat top left; height:80px; width:600px; } #atividades_esq_cont_texto { margin:0px 0px 0px 14px; width:580px; height:auto; text-align:justify; } #atividades_esq_cont_texto b {font-size:14px; color:#FFFFFF; background-color:#000000; padding:2px; font-weight:normal; margin:0px 0px 5px 0px;} #atividades_esq_cont_texto br { margin:0px 0px 5px 0px; } #atividades_esq_pre { width:600px; height:auto; overflow:hidden; } #atividades_esq_pre_topo { background:url(../img/topo_pre_inscricao.png) no-repeat top left; height:87px; width:600px;} #atividades_esq_form { margin:0px 0px 0px 14px; width:580px; height:auto; overflow:hidden; } #atividades_esq_form_linha { height:29px; text-align:left; } #atividades_esq_form_linha b { font-size:16px; color:#FFFFFF; background-color:#000000; padding:2px; font-weight:normal; text-align:left; } #atividades_esq_form_linha input { height:16px; border:1px solid #000000; font-size:14px; color:#333333; padding:3px; } #atividades_esq_form_linha select { height:25px; border:1px solid #000000; font-size:14px; color:#333333; padding:3px; } /********* ------------- include galeria_img.php --------------- ************/ #galeria_img {width:960px;} #galeria_img_esq { width:640px; height:auto; float:left; overflow:hidden; text-align:left; } #galeria_img_dir { width:300px; float:right; overflow:hidden; } #galeria_img_esq_galeria { width:640px; overflow:hidden; height:auto; } #galeria_img_esq_galeria_topo { width:600px; height:67px; overflow:hidden; background:url(../img/topo_fotos.png) no-repeat top left; margin:0px 0px 12px 0px; } #galeria_img_esq_galeria_img { margin:10px; border:2px solid #000000; height:90px; width:120px; float:left; } #galeria_img_esq_galeria_titulo { width:590px; height:25px; margin:0px 0px 0px 10px; } #galeria_img_esq_galeria_titulo b { font-size:16px; color:#FFFFFF; background-color:#000000; padding:2px; font-weight:normal; text-align:left; } #galeria_img_esq_galeria_cont { margin:10px; height:auto; width:300px; float:left; overflow:hidden; } #galeria_img_esq_galeria_cont_img { margin:0px 5px 0px 0px; border:2px solid #000000; height:90px; width:120px; float:left; overflow:hidden; } #galeria_img_esq_galeria_cont b { font-size:16px; color:#FFFFFF; background-color:#000000; padding:2px; font-weight:normal; text-align:left; overflow:hidden;} #galeria_img_esq_galeria_cont br { margin:0px 0px 5px 0px; } /********* ------------- include downloads.php --------------- ************/ #downloads {width:960px;} #downloads_esq { width:640px; height:auto; float:left; overflow:hidden; text-align:left; } #downloads_dir { width:300px; float:right; overflow:hidden; } #downloads_esq_topo { width:640px; height:69px; float:left; overflow:hidden; background:url(../img/topo_download.png) no-repeat top left; margin:0px 0px 10px 0px; } #downloads_esq_cont { width:640px; height:auto; float:left; overflow:hidden; margin:0px 0px 10px 10px; } #downloads_esq_cont_titulo {width:640px; height:auto; overflow:hidden; } #downloads_esq_cont_titulo b { font-size:16px; color:#FFFFFF; background-color:#000000; padding:2px; font-weight:normal; text-align:left; } #downloads_esq_cont_texto { width:640px; height:auto; overflow:hidden;} #downloads_esq_cont_link { width:640px; height:auto; overflow:hidden; } #downloads_esq_cont_link a { color:#000000; text-decoration:none; } #downloads_esq_cont_link a:hover { text-decoration:underline; } /********* ------------- include notcias.php --------------- ************/ #noticias { width:960px; } #noticias_esq { width:640px; height:auto; float:left; overflow:hidden; text-align:left; } #noticias_dir { width:300px; float:right; overflow:hidden; } #noticias_esq_topo { width:640px; height:113px; background:url(../img/topo_noticias.png) no-repeat top left; float:right; overflow:hidden; margin:0px 0px 10px 0px; } #noticias_esq_cont { width:640px; height:auto; float:left; overflow:hidden; text-align:left; } #noticias_esq_cont_esq { width:300px; float:left; overflow:hidden; text-align:left; } #noticias_esq_cont_esq hr { color:#f2f2f2; width:95%; margin:12px 0px 12px 0px; } #noticias_esq_cont_esq_not { width:290px; float:left; overflow:hidden; text-align:left; } #noticias_esq_cont_esq_not_img { border:2px #000000 solid; width:105px; height:75px; float:left; overflow:hidden; } #noticias_esq_cont_esq_not_img_galeria {margin:0px 5px 0px 0px; border:2px solid #000000; height:90px; width:120px; float:left; overflow:hidden;} #noticias_esq_cont_esq_not_titulo { width:auto; height:auto; float:left; margin:0px 0px 0px 10px; overflow:hidden; } #noticias_esq_cont_esq_not_titulo b { font-size:14px; color:#FFFFFF; background-color:#000000; padding:2px; font-weight:normal; text-align:left; } #noticias_esq_cont_esq_not_texto { width:auto; height:auto; float:left; margin:0px 0px 0px 10px; overflow:hidden; } #noticias_esq_cont_esq_not_texto a { color:#000000; text-decoration:none; } #noticias_esq_cont_esq_not_texto a:hover { text-decoration:underline; } #noticias_esq_cont_list { width:640px; height:auto; float:left; overflow:hidden; text-align:left; } #noticias_esq_cont_list_topo { width:640px; height:62px; background:url(../img/topo_mais_noticias.png) no-repeat top left; overflow:hidden; text-align:left; margin:10px 0px 10px 0px; } #noticias_esq_cont_list_not { width:640px; height:auto; overflow:hidden; text-align:left; } #noticias_esq_cont_list_not_titulo { width:640px; height:auto; overflow:hidden; text-align:left; margin:0px 0px 4px 0px; } #noticias_esq_cont_list_not_titulo b { font-size:14px; color:#FFFFFF; background-color:#000000; padding:2px; font-weight:normal; text-align:left; } #noticias_esq_cont_list_not_texto { width:640px; height:auto; overflow:hidden; text-align:left; } #noticias_esq_cont_list_not_texto a { color:#000000; text-decoration:none; } #noticias_esq_cont_list_not_texto a:hover { text-decoration:underline; } #noticias_esq_cont_list_not hr { color:#f2f2f2; width:95%; margin:12px 0px 12px 0px; } #noticias_esq_cont_dir { width:300px; height:auto; margin:0px 20px 0px 15px; float:right; overflow:hidden; text-align:left;} #noticias_esq_visualizar { width:640px; height:auto; overflow:hidden; text-align:left; } #noticias_esq_visualizar_titulo { width:640px; height:auto; overflow:hidden; text-align:left; margin:5px 0px 10px 0px; } #noticias_esq_visualizar_titulo b { font-size:16px; color:#FFFFFF; background-color:#000000; padding:3px; font-weight:normal; text-align:left; } #noticias_esq_visualizar_cabecalho { width:640px; margin:5px 0px 0px 0px; height:20px; overflow:hidden; } #noticias_esq_visualizar_cabecalho_fundo { background:#000000; width:300px; height:18px; float:right; } #noticias_esq_visualizar_cabecalho_texto {font-size:9px; color:#ffffff; float:right; position:absolute; margin:3px 0px 0px 350px; } #noticias_esq_visualizar_conteudo { width:640px; height:auto; overflow:hidden; text-align:justify; margin:8px 0px 0px 0px; } #noticias_esq_visualizar_conteudo_img { border:2px #000000 solid; float:left; overflow:hidden; width:295px; height:195px; margin:10px; } #noticias_esq_visualizar_conteudo_img_galeria { margin:5px; border:2px solid #000000; height:90px; width:120px; float:left; overflow:hidden; }