@charset "UTF-8"; /* CSS Document */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, l egend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /*Estrutura do site*/ /*Pagina toda*/ .oneColElsCtrHdr #principal { position:absolute; left:0px; top:0px; width:100%; height:100%; margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ border: 1px solid #000000; } /*header*/ .oneColElsCtrHdr #header { padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */ } /*Conteudo*/ #conteudo { position:absolute; left:0px; top:210px; width:732px; height:auto; padding: 0 20px; z-index:2; } /*footer*/ .oneColElsCtrHdr #footer { padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */ background:#DDDDDD; } #footer2{ position:absolute; left:0px; bottom:0px; width:100%; height:107px; z-index:-1; font-size:9px; color:#CCCCCC; } /*body*/ body{ background-color:#000000; background-image:url(../images/bgimage); background-repeat:no-repeat; background-position: top right; margin: 0; padding: 0; color:#CCCCCC; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; } .latest_img { border: 3px solid #FFF; } /* MENU TIPO 1 */ #menu_1_1 { position:absolute; left:240px; top:53px; width:105px; height:110px; } #menu_1_2 { position:absolute; left:368px; top:53px; width:105px; height:110px; } #menu_1_3 { position:absolute; left:474px; top:53px; width:105px; height:110px; } #menu_1_4 { position:absolute; left:580px; top:53px; width:105px; height:110px; } #menu_1_5 { position:absolute; left:686px; top:53px; width:105px; height:110px; } /*FIM - MENU TIPO 1 */ /* MENU TIPO 2 */ #menu_2_1 { position:absolute; left:240px; top:53px; width:105px; height:110px; } #menu_2_2 { position:absolute; left:346px; top:53px; width:105px; height:110px; } #menu_2_3 { position:absolute; left:474px; top:53px; width:105px; height:110px; } #menu_2_4 { position:absolute; left:580px; top:53px; width:105px; height:110px; } #menu_2_5 { position:absolute; left:686px; top:53px; width:105px; height:110px; } /*FIM - MENU TIPO 2 */ /*FIM - Estrutura do site*/ /*Geral*/ /*LINKS GERAL*/ a{ text-decoration:none; color:#CCCCCC; border:0px; } a:hover{ text-decoration:none; color:#990000; } /*FIM - LINKS GERAL*/ #barra_menus{ position:absolute; left:15px; top:217px; width:105px; height:1px; } #barra { position:absolute; left:0; top:68px; width:100%; height:82px; background-image:url(../images/barra.png); background-repeat:repeat; } #zona_site { position:absolute; left:0px; top:51px; width:240px; height:188px; } #zona_nome{ position:absolute; left:10px; top:37px; width:240px; height:188px; } #zona_subnome{ position:absolute; left:15px; top:108px; width:95px; height:25px; } #byblackmedia{ position:absolute; left:15px; top:135px; width:240px; height:54px; } #sub_galeria_2 { position:absolute; left:255px; top:179px; width:135px; height:34px; } #sub_servicos_2 { position:absolute; left:425px; top:179px; width:158px; height:34px; } /*FIM - Geral*/ /*Estilo Página Quem Somos*/ #quemsomos_conteudo1 { position:absolute; left:0px; top:250px; width:550px; height:auto; padding: 0 20px; z-index:2; } #quemsomos_conteudo2 { position:absolute; left:230px; top:250px; width:480px; height:auto; padding: 0 20px; z-index:2; } #quemsomos_zona_nome{ position:absolute; left:15px; top:34px; width:240px; height:188px; } /*FIM - Estilo Página Quem Somos*/ /*Estilo Página Contactos*/ .texta { background-color: #000; border: 1px solid #666666; color:#CCCCCC; } #contactos_letras2{ color:#666666; font-size:10px; } #contactos_conteudo { position:absolute; left:0px; top:210px; width:732px; height:auto; padding: 0 20px; z-index:2; } #contactos_conteudo1 { position:absolute; left:0px; top:0px; width:210px; height:270px; padding: 0 20px; z-index:2; } #div_contactos1 { position:absolute; left:0px; top:0px; width:105px; height:250px; padding: 0 20px; z-index:2; } #div_contactos4 { position:absolute; left:150px; top:110px; width:100%; height:100%; padding: 0 20px; z-index:2; } #contactos_conteudo2 { position:absolute; left:350px; top:0px; width:300px; height:auto; padding: 0 20px; z-index:2; } #contactos_zona_nome{ position:absolute; left:15px; top:40px; width:240px; height:60px; } #contactos_byblackmedia{ position:absolute; left:15px; top:100px; width:207px; height:44px; } /*FIM - Estilo Página Contactos*/ /*Estilo Página Design*/ #titulo_lista{ position:absolute; left:607px; top:252px; width:134px; height:1px; } #lista_servicos{ position:absolute; left:542px; top:285px; width:242px; height:285px; } #titulo_design { color:#FFF; font-size:14px; } #barra_design2{ position:absolute; left:507px; top:250px; width:1px; height:320px; background-color:#333333; } #design_zona_nome{ position:absolute; left:15px; top:34px; width:240px; height:155px; } #img_design{ position:absolute; left:70px; top:250px; width:158px; height:116px; padding: 0px 20px; z-index:2; } #conteudo_design_servicos_1 { position:absolute; left:245px; top:255px; width:222px; height:112px; padding: 0px 20px; z-index:2; } #img_design2{ position:absolute; left:70px; top:415px; width:158px; height:116px; padding: 0px 20px; z-index:2; } #conteudo_design_servicos_2 { position:absolute; left:245px; top:420px; width:222px; height:112px; padding: 0px 20px; z-index:2; } #conteudo_design_servicos_3 { position:absolute; left:537px; top:480px; width:auto; height:auto; padding: 0px 20px; z-index:2; } #texto_design { font-size:10px; margin-top: 2px; margin-bottom: 2px; } /*FIM - Estilo Página Design*/ /*Estilo Página WebDesign*/ #webdesign_zona_nome{ position:absolute; left:15px; top:42px; width:240px; height:188px; } /*FIM - Estilo Página WebDesign*/ /*Estilo Página Multimedia*/ #multimedia_zona_nome{ position:absolute; left:15px; top:37px; width:240px; height:153px; } #conteudo_multimedia_index { position:absolute; left:-50px; top:120px; width:450px; height:auto; padding: 0 20px; z-index:-1; } /*FIM - Estilo Página Multimedia*/ /*Estilo Página Fotografia*/ #fotografia_conteudo { position:absolute; left:300px; top:290px; width:500px; height:auto; padding: 0 20px; z-index:2; } #fotografia_sub_servicos { position:absolute; left:425px; top:179px; width:158px; height:34px; } #fotografia_zona_nome{ position:absolute; left:15px; top:22px; width:240px; height:188px; } #fotografia_zona_subnome{ position:absolute; left:15px; top:108px; width:240px; height:100px; } #fotografia_byblackmedia{ position:absolute; left:15px; top:135px; width:240px; height:100px; } #fotografia_barra_menus{ position:absolute; left:15px; top:217px; width:150px; height:60px; } #fotografia_sub_clientes { position:absolute; left:255px; top:179px; width:150px; height:34px; } #fotografia_sub_galeria { position:absolute; left:425px; top:179px; width:135px; height:34px; } #fotografia_sub_servicos { position:absolute; left:574px; top:179px; width:158px; height:34px; } #fotografia_estudio { position:absolute; left:290px; top:231px; width:158px; height:34px; } #fotografia_natureza { position:absolute; left:370px; top:231px; width:158px; height:34px; } #fotografia_pessoas { position:absolute; left:450px; top:231px; width:158px; height:34px; } #fotografia_objecto { position:absolute; left:530px; top:231px; width:158px; height:34px; } #fotografia_casamentos { position:absolute; left:610px; top:231px; width:158px; height:34px; } /*FIM - Estilo Página Fotografia*/ /*Página index*/ #index_1 { position:absolute; left: 0px; top: 50px; width:281px; height:110px; background-color:#000000; background-image:url(../images/logo_footer.jpg); background-repeat:no-repeat; } #index_barra { position:absolute; left:0; top:37%; width:100%; height:82px; background-image:url(../images/barra.png); background-repeat:repeat; } #index_menu_quemsomos { position:absolute; left:135px; top:35%; width:105px; height:110px; } #index_menu_contactos { position:absolute; left:241px; top:35%; width:105px; height:110px; } #index_menu_fotografia { position:absolute; left:368px; top:35%; width:105px; height:110px; } #index_menu_design { position:absolute; left:474px; top:35%; width:105px; height:110px; } #index_menu_webdesign { position:absolute; left:580px; top:35%; width:105px; height:110px; } #index_menu_multimedia { position:absolute; left:686px; top:35%; width:105px; height:110px; } #index_footer{ position:absolute; top:95%; width:96%; font-size:9px; color:#FFFFFF; } /*FIM - Pagina index*/ /*Estilos Página Geral - Para a página Geral.html*/ #geral_menu_quemsomos { position:absolute; left:240px; top:53px; width:105px; height:110px; } #geral_menu_contactos { position:absolute; left:346px; top:53px; width:105px; height:110px; } #geral_menu_fotografia { position:absolute; left:474px; top:53px; width:105px; height:110px; } #geral_menu_design { position:absolute; left:580px; top:53px; width:105px; height:110px; } #geral_menu_webdesign { position:absolute; left:686px; top:53px; width:105px; height:110px; } #geral_menu_multimedia { position:absolute; left:792px; top:53px; width:105px; height:110px; } #sub_clientes { position:absolute; left:255px; top:179px; width:150px; height:34px; } #sub_galeria { position:absolute; left:425px; top:179px; width:135px; height:34px; } #sub_servicos { position:absolute; left:574px; top:179px; width:158px; height:34px; } #galeria_menu { position:absolute; left:241px; top:213px; width:491px; height:26px; } /*FIM - Estilos Página Geral*/