/* ---------------------------- */ /* FORMATAÇÃO GERAL DAS PÁGINAS */ /* ---------------------------- */ * { /* zerar tudo */ border:0; margin:0; padding:0; } html {height: 100%; padding-bottom: 1px;} a {outline:none;} body {font-family:Verdana, Arial, Helvetica, sans-serif;} /* --------------- */ /* ESTRUTURA GERAL */ /* --------------- */ #site_estrutura { margin:0 auto; width:996px; } /* Menu */ /* ================================================================ Original: http://www.cssplay.co.uk/menus/final_drop.html Adaptação: PictureWeb =================================================================== */ /* menu: div que segura o conteúdo e formatação do fundo */ #menu_posicao {background:url(/imagens/bg_menu.gif) 0 0 no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; height:38px; position:absolute; width:820px; z-index:20;} /* posicionamento do menu nas páginas */ .home #menu_posicao {margin:361px 0 0 88px;} .sobre #menu_posicao, .atuacao #menu_posicao, .responsabilidade #menu_posicao, .contato #menu_posicao {margin:184px 0 0 88px;} /* Botões */ #btn_mn_site_home { background:url(/imagens/btn_mn_site_home.gif) 0 0 no-repeat; display:block; height:38px; margin-left:20px; margin-right:3px; overflow:hidden; text-indent:-99999px; width:65px; } #btn_mn_site_home:hover {background:url(/imagens/btn_mn_site_home.gif) 0 -38px no-repeat; height:38px;} .home #btn_mn_site_home {background:url(/imagens/btn_mn_site_home.gif) 0 -38px no-repeat; height:38px; cursor:auto;} #btn_mn_site_sobre_construbase { background:url(/imagens/btn_mn_site_sobre_construbase.gif) 0 0 no-repeat; display:block; height:38px; margin-right:3px; overflow:hidden; text-indent:-99999px; width:190px; } #btn_mn_site_sobre_construbase:hover {background:url(/imagens/btn_mn_site_sobre_construbase.gif) 0 -38px no-repeat; height:38px;} .sobre #btn_mn_site_sobre_construbase {background:url(/imagens/btn_mn_site_sobre_construbase.gif) 0 -38px no-repeat; height:38px; cursor:auto;} #btn_mn_site_atuacao { background:url(/imagens/btn_mn_site_atuacao.gif) 0 0 no-repeat; display:block; height:38px; margin-right:3px; overflow:hidden; text-indent:-99999px; width:161px; } #btn_mn_site_atuacao:hover {background:url(/imagens/btn_mn_site_atuacao.gif) 0 -38px no-repeat; height:38px;} .atuacao #btn_mn_site_atuacao {background:url(/imagens/btn_mn_site_atuacao.gif) 0 -38px no-repeat; height:38px;} #btn_mn_site_responsabilidade { background:url(/imagens/btn_mn_site_responsabilidade_corporativa.gif) 0 0 no-repeat; display:block; height:38px; margin-right:3px; overflow:hidden; text-indent:-99999px; width:261px; } #btn_mn_site_responsabilidade:hover {background:url(/imagens/btn_mn_site_responsabilidade_corporativa.gif) 0 -38px no-repeat; height:38px;} .responsabilidade #btn_mn_site_responsabilidade {background:url(/imagens/btn_mn_site_responsabilidade_corporativa.gif) 0 -38px no-repeat; height:38px; cursor:auto;} #btn_mn_site_contato { background:url(/imagens/btn_mn_site_contato.gif) 0 0 no-repeat; display:block; height:38px; margin-right:3px; overflow:hidden; text-indent:-99999px; width:91px; } #btn_mn_site_contato:hover {background:url(/imagens/btn_mn_site_contato.gif) 0 -38px no-repeat; height:38px;} .contato #btn_mn_site_contato {background:url(/imagens/btn_mn_site_contato.gif) 0 -38px no-repeat; height:38px; cursor:auto;} /* remove os marcadores, zera margin e padding */ .menu ul {list-style-type:none; margin:0; padding:0; top:38px;} /* exibir lista na horizontal */ .menu li {float:left; position:relative;} .menu a {display:block;height:38px;} /* fundo dos menus */ #fundo_atuacao {background:url(/imagens/bg_menu_atuacao.gif) no-repeat; border-top:5px solid #cacaca; height:101px; margin-top:-5px; padding-top:15px; width:162px;} #fundo_atuacao_construcao {background:url(/imagens/bg_sub_construcoes.gif) no-repeat; height:161px; margin:1px 0 0 10px; width:157px;} #fundo_atuacao_concessoes {background:url(/imagens/bg_sub_concessoes.gif) no-repeat; height:157px; margin:1px 0 0 10px; width:157px;} #fundo_atuacao_incorporacoes {background:url(/imagens/bg_sub_incorporacoes.gif) no-repeat; height:35px; margin:1px 0 0 10px; width:157px;} #fundo_responsabilidade {background:url(/imagens/bg_menu_responsabilidade.gif) no-repeat; border-top:5px solid #cacaca; height:122px; margin-top:-5px; padding-top:15px; width:261px;} #fundo_responsabilidade_socio {background:url(/imagens/bg_sub_responsabilidade.gif) no-repeat; height:161px; margin:1px 0 0 109px; width:185px;} /* submenu */ .submenu a {background:url(/imagens/bg_submenu.gif) 0 0 no-repeat; color:#FFFFFF; display:block; font-size:12px; font-weight:bold; height:22px; text-decoration:none; width:159px;} .submenu a:hover {background:url(/imagens/bg_submenu.gif) 0 -22px no-repeat; height:22px; font-weight:bold; text-decoration:none;} .submenu_02 a {background:url(/imagens/bg_submenu_02.gif) 0 0 no-repeat; color:#FFFFFF; display:block; font-size:12px; font-weight:bold; height:22px; text-decoration:none; width:261px;} .submenu_02 a:hover {background:url(/imagens/bg_submenu_02.gif) 0 -22px no-repeat; height:22px; font-weight:bold; text-decoration:none;} .submenu_normal a {background:url(/imagens/bg_submenu_normal.gif) 0 0 no-repeat; color:#FFFFFF; display:block; font-size:12px; font-weight:bold; height:22px; text-decoration:none; width:261px;} .submenu_normal a:hover {background:url(/imagens/bg_submenu_normal.gif) 0 -22px no-repeat; height:22px; font-weight:bold; text-decoration:none;} .submenu_normal_02 a {background:url(/imagens/bg_submenu_normal.gif) 0 0 no-repeat; color:#FFFFFF; display:block; font-size:12px; font-weight:bold; height:22px; text-decoration:none; width:159px;} .submenu_normal_02 a:hover {background:url(/imagens/bg_submenu_normal.gif) 0 -22px no-repeat; height:22px; font-weight:bold; text-decoration:none;} /* classe para js */ .submenucomhover {background:url(/imagens/bg_submenu.gif) 0 -22px no-repeat; height:17px;} /* subsubmenu */ .subsubmenu a {background:none; color:#FFFFFF; font-size:12px; height:16px; text-decoration:none;} .subsubmenu a:hover {background:none; color:#00285e; font-size:12px; height:16px; text-decoration:none} /* formatação dos p */ .submenu p, .submenu_02 p, .submenu_normal p, .submenu_normal_02 p {margin:0; padding:5px 0 0 12px;} .subsubmenu p {margin:0; padding:5px 0 0 27px;} /* Resto */ /* hide the sub levels and give them a positon absolute so that they take up no room */ .menu ul ul {visibility:hidden; position:absolute; height:38px;width:149px;} /* position the third level flyout menu */ .menu ul ul ul{left:149px; top:-1px; width:149px;} /* position the third level flyout menu for a left flyout */ .menu ul ul ul.left {left:-149px;} /* style the table so that it takes no ppart in the layout - required for IE to work */ .menu table {position:absolute; top:0; left:0; border-collapse:collapse;} /* make the second level visible when hover on first level list OR link */ .menu ul li:hover ul, .menu ul a:hover ul{visibility:visible; } /* keep the third level hidden when you hover on first level list OR link */ .menu ul :hover ul ul{visibility:hidden;} /* make the third level visible when you hover over second level list OR link */ .menu ul :hover ul :hover ul{ visibility:visible;} /* Rodapé */ #site_rodape { background:#003884; border-top:5px solid #305d9a; clear:both; height:44px; padding-top:20px; } #site_rodape p { color:#b3c4da; float:left; font-size:10px; margin:0; padding:0; } #site_rodape address { color:#b3c4da; float:left; font-size:10px; font-style:normal; margin:0; padding:0; } #site_rodape a { color:#b3c4da; font-size:10px; text-decoration:underline; margin:0; padding:0; } #site_rodape a:hover {text-decoration:none;} #site_rodape_esp { clear:both; height:25px; } #site_rodape a.pic{background:url(../imagens/logo_pic.png); text-indent:-9999999px; width:35px; height:28px; float:right; margin-top:-10px; background-repeat:no-repeat; margin-left:5px;} #site_rodape a.pic:hover{background-position: 0 -28px;}