/******************************************************************************* MENU PRINCIPAL *******************************************************************************/ #Header { clear:both; } #Header #Menu { display:block; position:absolute; width:212px; height:188px; background:url(../../img/bg_menu1.jpg) no-repeat ; margin: 6px 0 0 5px; left:10px; z-index:1000; } #Header #Menu img { margin: 3px 0 0 14px; } ul.MenuBarVertical { margin: 3px 0 0 11px; font-size: 100%; cursor: default; width: 199px; } ul.MenuBarActive { z-index: 1000; } ul.MenuBarVertical li { font-size: 100%; position: relative; text-align: left; cursor: pointer; width: 200px; } ul.MenuBarVertical ul { margin: 0 0 0 100%; font-size: 100%; position: absolute; z-index: 1020; cursor: default; width: 8.2em; left: -1000em; top: 0; } ul.MenuBarVertical ul.MenuBarSubmenuVisible { left: 0; } ul.MenuBarVertical ul li { width: 200px; } ul.MenuBarVertical ul li a { height:22px; text-indent:10px; border-bottom:1px solid #7e7ebf; font:normal 12px/22px Arial, Helvetica, sans-serif; color:#333; } ul.MenuBarVertical ul li a:Hover { font-weight:bold; } ul.MenuBarVertical ul#Submenu1 li a { border-bottom:1px solid #7e7ebf; color:#7e7ebf; } ul.MenuBarVertical ul#Submenu2 li a { width:250px; border-bottom:1px solid #b18db4; color:#b18db4; } ul.MenuBarVertical ul#Submenu3 li a { border-bottom:1px solid #333399; color:#333399; } ul.MenuBarVertical ul#Submenu5 li a { border-bottom:1px solid #a8a839; color:#a8a839; } ul.MenuBarVertical ul#Submenu6 li a { width:320px; border-bottom:1px solid #cc9933; color:#cc9933; } /******************************************************************************* DESIGN INFORMATION FOR MENU PRINCIPAL: describes color scheme, borders, fonts *******************************************************************************/ ul.MenuBarVertical { border: 0px solid #CCC; } ul.MenuBarVertical ul { width:199px; background:#fff; border: 1px solid #6275c0; } ul.MenuBarVertical ul#Submenu1 { border: 1px solid #7e7ebf; } ul.MenuBarVertical ul#Submenu2 { width:250px; border: 1px solid #b18db4; } ul.MenuBarVertical ul#Submenu3 { border: 1px solid #333399; } ul.MenuBarVertical ul#Submenu5 { border: 1px solid #a8a839; } ul.MenuBarVertical ul#Submenu6 { width:320px; border: 1px solid #cc9933; } ul.MenuBarVertical a { display: block; cursor: pointer; color: #011c6a; height:25px; font-weight:bold; text-indent:-9999px; overflow:hidden; width:199px; } ul.MenuBarVertical a#link1 { background:url(../../img/menu_geral/l1.gif) no-repeat; height:27px; } ul.MenuBarVertical a#link1:Hover { background:url(../../img/menu_geral/l1_hover.gif) no-repeat; } ul.MenuBarVertical a#link2 { background: url(../../img/menu_geral/l2.gif) no-repeat; } ul.MenuBarVertical a#link2:Hover { background:url(../../img/menu_geral/l2_hover.gif) no-repeat; } ul.MenuBarVertical a#link3 { background: url(../../img/menu_geral/l3.gif) no-repeat; } ul.MenuBarVertical a#link3:Hover { background:url(../../img/menu_geral/l3_hover.gif) no-repeat; } ul.MenuBarVertical a#link4 { background: url(../../img/menu_geral/l4.gif) no-repeat; } ul.MenuBarVertical a#link4:Hover { background:url(../../img/menu_geral/l4_hover.gif) no-repeat; } ul.MenuBarVertical a#link5 { background: url(../../img/menu_geral/l5.gif) no-repeat; } ul.MenuBarVertical a#link5:Hover { background:url(../../img/menu_geral/l5_hover.gif) no-repeat; } ul.MenuBarVertical a#link6 { background: url(../../img/menu_geral/l6.gif) no-repeat; } ul.MenuBarVertical a#link6:Hover { background:url(../../img/menu_geral/l6_hover.gif) no-repeat; } ul.MenuBarVertical a#link7 { background: url(../../img/menu_geral/l7.gif) no-repeat; } ul.MenuBarVertical a#link7:Hover { background:url(../../img/menu_geral/l7_hover.gif) no-repeat; } ul.MenuBarVertical ul#Submenu1 a.MenuBarItemHover, ul.MenuBarVertical ul#Submenu1 a.MenuBarItemSubmenuHover, ul.MenuBarVertical ul#Submenu1 a.MenuBarSubmenuVisible { background-color: #7e7ebf; color: #fff; font-weight:bold; } ul.MenuBarVertical ul#Submenu2 a.MenuBarItemHover, ul.MenuBarVertical ul#Submenu2 a.MenuBarItemSubmenuHover, ul.MenuBarVertical ul#Submenu2 a.MenuBarSubmenuVisible { background-color: #b18db4; color: #fff; } ul.MenuBarVertical ul#Submenu3 a.MenuBarItemHover, ul.MenuBarVertical ul#Submenu3 a.MenuBarItemSubmenuHover, ul.MenuBarVertical ul#Submenu3 a.MenuBarSubmenuVisible { background-color: #333399; color: #fff; } ul.MenuBarVertical ul#Submenu5 a.MenuBarItemHover, ul.MenuBarVertical ul#Submenu5 a.MenuBarItemSubmenuHover, ul.MenuBarVertical ul#Submenu5 a.MenuBarSubmenuVisible { background-color: #bebe4a; color: #fff; } ul.MenuBarVertical ul#Submenu6 a.MenuBarItemHover, ul.MenuBarVertical ul#Submenu6 a.MenuBarItemSubmenuHover, ul.MenuBarVertical ul#Submenu6 a.MenuBarSubmenuVisible { background-color: #cc9933; color: #fff; } /*************************************************************************************************** BROWSER HACKS FOR MENU PRINCIPAL: the hacks below should not be changed unless you are an expert ***************************************************************************************************/ ul.MenuBarVertical iframe { position: absolute; z-index: 1010; } @media screen, projection { ul.MenuBarVertical li.MenuBarItemIE { display: inline; f\loat: left; } } /*************************************************************************************************** SUBMENU DAS PÁGINAS INTERNAS ***************************************************************************************************/ #BoxCentralContent #Menu2 { float:right; margin:0 5px 0 0; display:inline; } /*************************************************************************************************** SUBMENU DAS PÁGINAS INTERNAS - Link A HomoSapiens ***************************************************************************************************/ /*#TemplateL1 #Menu2 ul li { display:inline; } #TemplateL1 #Menu2 ul li a { display:block; float:left; height:42px; text-align:center; text-indent:-9999px; overflow:hidden; vertical-align:middle; background:url(../../img/internas/a_homosapiens/bg_menu.gif) repeat-x; font:normal 12px Arial, Helvetica, sans-serif; color:#fff; } #TemplateL1 #Menu2 ul li a.L1 { background: url(../../img/internas/a_homosapiens/menu/L1.gif); width:116px; } #TemplateL1 #Menu2 ul li a.L1:Hover, #TemplateL1 #Menu2 ul li a.L1Marcado { background: url(../../img/internas/a_homosapiens/menu/L1_Hover.gif); width:116px; } #TemplateL1 #Menu2 ul li a.L2 { background: url(../../img/internas/a_homosapiens/menu/L2.gif); width:112px; } #TemplateL1 #Menu2 ul li a.L2:Hover, #TemplateL1 #Menu2 ul li a.L2Marcado { background: url(../../img/internas/a_homosapiens/menu/L2_Hover.gif); width:112px; } #TemplateL1 #Menu2 ul li a.L3 { background: url(../../img/internas/a_homosapiens/menu/L3.gif); width:114px; } #TemplateL1 #Menu2 ul li a.L3:Hover, #TemplateL1 #Menu2 ul li a.L3Marcado { background: url(../../img/internas/a_homosapiens/menu/L3_Hover.gif); width:114px; } #TemplateL1 #Menu2 ul li a.L4 { background: url(../../img/internas/a_homosapiens/menu/L4.gif); width:104px; } #TemplateL1 #Menu2 ul li a.L4:Hover, #TemplateL1 #Menu2 ul li a.L4Marcado { background: url(../../img/internas/a_homosapiens/menu/L4_Hover.gif); width:104px; }*/ #TemplateL1 #Menu2 ul li { display:inline; } #TemplateL1 #Menu2 ul li a { display:block; float:left; height:42px; text-align:center; text-indent:-9999px; overflow:hidden; vertical-align:middle; background:url(../../img/internas/a_homosapiens/bg_menu.gif) repeat-x; font:normal 12px Arial, Helvetica, sans-serif; color:#fff; } #TemplateL1 #Menu2 ul li a.L1 { background: url(../../img/internas/a_homosapiens/menu/L1.gif) no-repeat; width:65px; } #TemplateL1 #Menu2 ul li a.L1:Hover, #TemplateL1 #Menu2 ul li a.L1Marcado { background: url(../../img/internas/a_homosapiens/menu/L1_Hover.gif) no-repeat; width:65px; } #TemplateL1 #Menu2 ul li a.L2 { background: url(../../img/internas/a_homosapiens/menu/L2.gif) no-repeat; width:53px; } #TemplateL1 #Menu2 ul li a.L2:Hover, #TemplateL1 #Menu2 ul li a.L2Marcado { background: url(../../img/internas/a_homosapiens/menu/L2_Hover.gif) no-repeat; width:53px; } #TemplateL1 #Menu2 ul li a.L3 { background: url(../../img/internas/a_homosapiens/menu/L3.gif) no-repeat; width:67px; } #TemplateL1 #Menu2 ul li a.L3:Hover, #TemplateL1 #Menu2 ul li a.L3Marcado { background: url(../../img/internas/a_homosapiens/menu/L3_Hover.gif) no-repeat; width:67px; } #TemplateL1 #Menu2 ul li a.L4 { background: url(../../img/internas/a_homosapiens/menu/L4.gif) no-repeat; width:91px; } #TemplateL1 #Menu2 ul li a.L4:Hover, #TemplateL1 #Menu2 ul li a.L4Marcado { background: url(../../img/internas/a_homosapiens/menu/L4_Hover.gif) no-repeat; width:91px; } #TemplateL1 #Menu2 ul li a.L5 { background: url(../../img/internas/a_homosapiens/menu/L5.gif) no-repeat; width:80px; } #TemplateL1 #Menu2 ul li a.L5:Hover, #TemplateL1 #Menu2 ul li a.L5Marcado { background: url(../../img/internas/a_homosapiens/menu/L5_Hover.gif) no-repeat; width:80px; } #TemplateL1 #Menu2 ul li a.L6 { background: url(../../img/internas/a_homosapiens/menu/L6.gif) no-repeat; width:66px; } #TemplateL1 #Menu2 ul li a.L6:Hover, #TemplateL1 #Menu2 ul li a.L6Marcado { background: url(../../img/internas/a_homosapiens/menu/L6_Hover.gif) no-repeat; width:66px; } #TemplateL1 #Menu2 ul li a.L7 { background: url(../../img/internas/a_homosapiens/menu/L7.gif) no-repeat; width:71px; } #TemplateL1 #Menu2 ul li a.L7:Hover, #TemplateL1 #Menu2 ul li a.L7Marcado { background: url(../../img/internas/a_homosapiens/menu/L7_Hover.gif) no-repeat; width:71px; } /*************************************************************************************************** SUBMENU DAS PÁGINAS INTERNAS - Link Produtos e Serviços ***************************************************************************************************/ #TemplateL2 #Menu2 ul li { display:inline; border:2px solid #000; border-width:2px 0; } #TemplateL2 #Menu2 ul li a { display:block; float:left; height:41px; text-align:center; text-indent:-9999px; overflow:hidden; vertical-align:middle; font:normal 12px Arial, Helvetica, sans-serif; color:#fff; } #TemplateL2 #Menu2 ul li a.L1 { background: url(../../img/internas/produtos_servicos/menu/L1.gif); width:101px; } #TemplateL2 #Menu2 ul li a.L1:Hover, #TemplateL2 #Menu2 ul li a.L1Marcado { background: url(../../img/internas/produtos_servicos/menu/L1_Hover.gif); width:101px; } #TemplateL2 #Menu2 ul li a.L2 { background: url(../../img/internas/produtos_servicos/menu/L2.gif); width:106px; } #TemplateL2 #Menu2 ul li a.L2:Hover, #TemplateL2 #Menu2 ul li a.L2Marcado { background: url(../../img/internas/produtos_servicos/menu/L2_Hover.gif); width:106px; } #TemplateL2 #Menu2 ul li a.L3 { background: url(../../img/internas/produtos_servicos/menu/L3.gif); width:111px; } #TemplateL2 #Menu2 ul li a.L3:Hover, #TemplateL2 #Menu2 ul li a.L3Marcado { background: url(../../img/internas/produtos_servicos/menu/L3_Hover.gif); width:111px; } #TemplateL2 #Menu2 ul li a.L4 { background: url(../../img/internas/produtos_servicos/menu/L4.gif); width:86px; } #TemplateL2 #Menu2 ul li a.L4:Hover, #TemplateL2 #Menu2 ul li a.L4Marcado { background: url(../../img/internas/produtos_servicos/menu/L4_Hover.gif); width:86px; } #TemplateL2 #Menu2 ul li a.L5 { background: url(../../img/internas/produtos_servicos/menu/L5.gif); width:72px; } #TemplateL2 #Menu2 ul li a.L5:Hover, #TemplateL2 #Menu2 ul li a.L5Marcado { background: url(../../img/internas/produtos_servicos/menu/L5_Hover.gif); width:72px; } /*************************************************************************************************** SUBMENU DAS PÁGINAS INTERNAS - Link Cursos ***************************************************************************************************/ #TemplateL3 #Menu2 ul li { display:inline; border:2px solid #000; border-width:2px 0; } #TemplateL3 #Menu2 ul li a { display:block; float:left; height:41px; text-align:center; text-indent:-9999px; overflow:hidden; vertical-align:middle; font:normal 12px Arial, Helvetica, sans-serif; color:#fff; } #TemplateL3 #Menu2 ul li a.L1 { background: url(../../img/internas/cursos/menu/L1.gif); width:202px; } #TemplateL3 #Menu2 ul li a.L1:Hover, #TemplateL3 #Menu2 ul li a.L1Marcado { background: url(../../img/internas/cursos/menu/L1_Hover.gif); width:202px; } #TemplateL3 #Menu2 ul li a.L2 { background: url(../../img/internas/cursos/menu/L2.gif); width:214px; } #TemplateL3 #Menu2 ul li a.L2:Hover, #TemplateL3 #Menu2 ul li a.L2Marcado { background: url(../../img/internas/cursos/menu/L2_Hover.gif); width:214px; } /*************************************************************************************************** SUBMENU DAS PÁGINAS INTERNAS - Link Notícias e Entrevistas ***************************************************************************************************/ #TemplateL5 #Menu2 ul li { display:inline; border:2px solid #000; border-width:2px 0; } #TemplateL5 #Menu2 ul li a { display:block; float:left; height:41px; text-align:center; text-indent:-9999px; overflow:hidden; vertical-align:middle; font:normal 12px Arial, Helvetica, sans-serif; color:#fff; } #TemplateL5 #Menu2 ul li a.L1 { background: url(../../img/internas/noticias/menu/L1.gif); width:183px; } #TemplateL5 #Menu2 ul li a.L1:Hover, #TemplateL5 #Menu2 ul li a.L1Marcado { background: url(../../img/internas/noticias/menu/L1_Hover.gif); width:183px; } #TemplateL5 #Menu2 ul li a.L2 { background: url(../../img/internas/noticias/menu/L2.gif); width:183px; } #TemplateL5 #Menu2 ul li a.L2:Hover, #TemplateL5 #Menu2 ul li a.L2Marcado { background: url(../../img/internas/noticias/menu/L2_Hover.gif); width:183px; } /*************************************************************************************************** SUBMENU DAS PÁGINAS INTERNAS - Link Fotos e Videos ************************************************************************************************** #TemplateL5 #Menu2 ul li { display:inline; border:2px solid #000; border-width:2px 0; } #TemplateL5 #Menu2 ul li a { display:block; float:left; height:41px; text-align:center; text-indent:-9999px; overflow:hidden; vertical-align:middle; font:normal 12px Arial, Helvetica, sans-serif; color:#fff; } #TemplateL5 #Menu2 ul li a.L1 { background: url(../../img/internas/fotos_videos/menu/L1.gif); width:232px; } #TemplateL5 #Menu2 ul li a.L1:Hover, #TemplateL5 #Menu2 ul li a.L1Marcado { background: url(../../img/internas/fotos_videos/menu/L1_Hover.gif); width:232px; } #TemplateL5 #Menu2 ul li a.L2 { background: url(../../img/internas/fotos_videos/menu/L2.gif); width:214px; } #TemplateL5 #Menu2 ul li a.L2:Hover, #TemplateL5 #Menu2 ul li a.L2Marcado { background: url(../../img/internas/fotos_videos/menu/L2_Hover.gif); width:214px; } */ /*************************************************************************************************** SUBMENU DAS PÁGINAS INTERNAS - Link Projetos Sociais ***************************************************************************************************/ #TemplateL6 #Menu2 ul li { display:inline; border:2px solid #000; border-width:2px 0; } #TemplateL6 #Menu2 ul li a { display:block; float:left; height:41px; text-align:center; text-indent:-9999px; overflow:hidden; vertical-align:middle; font:normal 12px Arial, Helvetica, sans-serif; color:#fff; } #TemplateL6 #Menu2 ul li a.L1 { background: url(../../img/internas/projetos_sociais/menu/L1.gif); width:167px; } #TemplateL6 #Menu2 ul li a.L1:Hover, #TemplateL6 #Menu2 ul li a.L1Marcado { background: url(../../img/internas/projetos_sociais/menu/L1_Hover.gif); width:167px; } #TemplateL6 #Menu2 ul li a.L2 { background: url(../../img/internas/projetos_sociais/menu/L2.gif); width:169px; } #TemplateL6 #Menu2 ul li a.L2:Hover, #TemplateL6 #Menu2 ul li a.L2Marcado { background: url(../../img/internas/projetos_sociais/menu/L2_Hover.gif); width:169px; } /*************************************************************************************************** SUBMENU DAS PÁGINAS INTERNAS - Voltar e Home ***************************************************************************************************/ #BoxCentralContent #Menu3 { float:right; display:inline; position:absolute; margin:21px 0 0 600px; left:0; width:auto; } #BoxCentralContent #Header2>#Menu3 { margin:15px 0 0 600px; } /*#TemplateL3 #BoxCentralContent #Menu3 { margin:22px 0 0 540px; width:auto; } #TemplateL3 #BoxCentralContent #Header2>#Menu3 { margin:15px 0 0 540px; }*/ #BoxCentralContent #Menu3 ul li { display:inline; } #BoxCentralContent #Menu3 ul li a { display:block; float:left; font:bold 11px/19px Arial, Helvetica, sans-serif; color:#666; text-indent:16px; margin:0 12px 0 0; } #BoxCentralContent #Menu3 ul li a.LinkVoltar { background:url(../../img/internas/seta_back.gif) no-repeat; } #BoxCentralContent #Menu3 ul li a.LinkHome { background:url(../../img/internas/seta_up.gif) no-repeat; } #BoxCentralContent #Menu3 ul li a:Hover { text-decoration:underline; }