/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */ /* top and footer menu */ #toolbar ul.menu, #footer ul.menu { display: inline-block; margin: 0px; padding: 0px; list-style: none; } #footer ul.menu { display: block; line-height: 15px; } #toolbar .menu li, #footer .menu li { display: inline-block; margin: 0px; padding: 0px; } #toolbar .menu li a, #footer .menu li a { display: inline-block; margin-left: 15px; padding: 0px 0px 0px 10px; background: url(../images/topmenu_item_bg.png) 0 0 no-repeat; overflow: hidden; color: #5A5C5E; text-decoration: none; } #toolbar .menu li a.active, #toolbar .menu li a:hover, #footer .menu li a:hover { color: #D8D8DE; text-decoration: none; background-position: 0 -40px; } #footer .menu li a { background: url(../images/footermenu_item_bg.png) 0 0 no-repeat; } #footer .menu li a:hover { background-position: 0 -15px; } #footer .menu li a.first { margin-left: 0px; } /* menu */ #menu ul { margin: 0px; padding: 0px; list-style: none; } #menu li { position: relative; margin: 0px; padding: 0px; } #menu a, #menu span { display: block; } #menu a { text-decoration: none; } #menu span.icon { background-repeat: no-repeat; background-position: 0 50%; } #menu ul.menu, #menu li.level1 { float: left; } #menu a.level1, #menu span.level1 { float: left; padding: 0px 13px 0px 13px; } #menu a.level1 span.bg, #menu span.level1 span.bg { height: 60px; float: left; line-height: 60px; font-size: 16px; color: #fff; letter-spacing: 0px; text-shadow: 0 1px 0 rgba(0, 0, 0, 1); font-family:'helvetica_condregular', Arial, sans-serif; text-transform:uppercase; } #menu li.level1:hover .level1 span.bg, #menu li.level1.remain .level1 span.bg { color: #149D99; } #menu li.level1.active, #menu li.active a.level1, #menu li.active span.level1, #menu li.active .level1 span.bg { background: url(../images/menu_level1_item_current.png) 0 0 no-repeat; } #menu li.active.first { background-position: 0 -70px; } #menu li.active a.level1, #menu li.active span.level1 { background-position: 100% -140px; } #menu li.active .level1 span.bg { background-position: 50% -210px; background-repeat: repeat-x; text-shadow: 0 1px 2px rgba(0, 0, 0, 1); color: #149D99; } #menu a.level1 span.title, #menu span.level1 span.title { font-size: 16px; line-height: 45px; text-align: center; letter-spacing: 0px; } #menu a.level1 span.subtitle, #menu span.level1 span.subtitle { margin-top: -12px; font-size: 13px; font-weight: normal; line-height: 13px; text-transform: uppercase; text-align: center; letter-spacing: 0px; } #menu .dropdown { position: absolute; top: 60px; left: -999em; z-index: 100; } #menu li:hover .dropdown, #menu li.remain .dropdown { left: -5px; } #menu .dropdown-t3, #menu .dropdown-b1, #menu .dropdown-b2, #menu .dropdown-b3 { background: url(../images/menu_dropdown_corners.png) 0 0 no-repeat; } #menu .dropdown-t1, #menu .dropdown-t2, #menu .dropdown-1, #menu .dropdown-2 { background: url(../images/menu_dropdown_edges.png) 0 0 repeat-y; } #menu .dropdown-t2 { padding: 0px 5px 0px 5px; background-position: 100% 0; } #menu .dropdown-t3 { height: 11px; background-repeat: repeat-x; } #menu .dropdown-2 { padding: 0 5px 0 5px; background-position: 100% 0; } #menu .dropdown-3 { padding: 0px 0px 0px 0px; background: url(../images/menu_dropdown_bg.png) 0 0 repeat; overflow: hidden; } #menu .dropdown-b1 { background-position: 0 -20px; } #menu .dropdown-b2 { padding: 0px 5px 0px 5px; background-position: 100% -30px; } #menu .dropdown-b3 { height: 5px; background-position: 0 -40px; background-repeat: repeat-x; } #menu li.level2 .group-box1 { margin: 0px 0px 0px 0px; border-right: 1px solid #000000; border-right: 1px solid rgba(0, 0, 0, 0.7); overflow: hidden; } #menu ul.level2.last li.level2 .group-box1 { border-right: none; } #menu li.level2 .hover-box1 { overflow: hidden; } #menu a.level2, #menu span.level2, #menu li.level2.last.parent a.level2 { border-bottom: 1px solid #000000; border-bottom: 1px solid rgba(0, 0, 0, 0.7); background: url(../images/menu_level2_item.png) 0 -500px repeat-x; overflow: hidden; } #menu li.level2.last a.level2, #menu li.level2.last span.level2, #menu li.level2.parent span.level2 { border: none; } #menu a.level2:hover, #menu li.level2.last.parent a.level2:hover { background-position: 0 0; } #menu a.level2 span.bg, #menu span.level2 span.bg { padding: 0px 15px 0px 15px; line-height: 28px; font-size: 15px; color: #FFF; text-shadow: 0 1px 0 rgba(0, 0, 0, 1); font-family:'helvetica_lightRg', Arial, sans-serif; text-transform:uppercase; } #menu li.level2 a:hover span.bg { color: #BFBFC0; } #menu li.level2 .current, #menu li.level2.last.parent a.current { background-position: 0 -60px; } #menu li.level2 .current span.bg { color: #ffffff; } #menu a.level2 span.title, #menu span.level2 span.title { line-height: 33px; } #menu a.level2 span.subtitle, #menu span.level2 span.subtitle { margin-top: -18px; font-size: 10px; font-weight: normal; text-transform: none; line-height: 30px; } #menu a.level2 span.icon, #menu span.level2 span.icon { min-height: 45px; padding-left: 50px; line-height: 45px; } #menu .sub { padding: 0px 0px 10px 0px; border-bottom: 1px solid #000000; border-bottom: 1px solid rgba(0, 0, 0, 0.7); } #menu ul.level3 { padding: 5px 15px 0px 15px; } #menu a.level3 span.bg, #menu span.level3 span.bg { padding-left: 18px; line-height: 18px; font-size: 11px; color: #ACACAD; background: url(../images/menu_level3_item.png) 0 0 no-repeat; text-shadow: 0 1px 0 rgba(0, 0, 0, 1); } #menu a.level3.current span.bg, #menu li.level3 a.level3:hover span.bg { color: #D30101; background-position: 0 -38px; } #menu .columns2 ul.level2, #menu .columns3 ul.level2, #menu .columns4 ul.level2 { float: left; } #menu .columns2 ul.level2 { width: 50%; } #menu .columns3 ul.level2 { width: 34%; } #menu .columns3 ul.first, #menu .columns3 ul.last { width: 33%; } #menu .columns4 ul.level2 { width: 25%; } /* * sub menus */ div.mod-menu ul { margin: 0px; padding: 0px; overflow: hidden; list-style: none; } div.mod-menu ul.menu li { margin: 0px; padding: 0px; } div.mod-menu ul.menu a, div.mod-menu ul.menu span { display: block; } div.mod-menu ul.menu a { text-decoration: none; } div.mod-menu ul.menu span.icon { background-repeat: no-repeat; background-position: 5px 50%; text-indent: 35px; } div.mod-menu ul.menu li.parent span.separator { cursor: pointer; } div.mod-menu ul.menu span.subtitle { display: none; } /* * sub menu: mod-line */ div.mod-line ul.menu span.bg { height: 30px; line-height: 30px; color: #525253; font-size: 14px; } div.mod-line ul.menu a:hover span.bg, div.mod-line ul.menu span:hover span.bg, div.mod-line ul.menu a.current span.bg { color: #B90000; } div.mod-line ul.menu a.level1, div.mod-line ul.menu span.level1 { padding: 0px 20px 0px 20px; background: url(../images/submenu_level1_item.png) 0 0 repeat-x; } div.mod-line ul.menu a.level1.current { background-position: 0 -40px; } div.mod-line ul.menu a.level1.current span.bg { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); } div.mod-line ul.menu li.parent .level1 span.bg { background: url(../images/submenu_level1_item_parent.png) 100% 0 no-repeat; } div.mod-line ul.menu li.parent:hover .level1 span.bg { background-position: 100% -30px; } div.mod-line ul.menu li.parent.current .level1 span.bg { background-position: 100% -60px; } div.mod-line ul.menu li.parent.active .level1 span.bg { background-position: 100% -90px; } div.mod-line ul.menu li.parent.active .level1:hover span.bg { background-position: 100% -120px; } div.mod-line ul.menu li.parent.active.current .level1 span.bg { background-position: 100% -150px; } div.mod-line ul.menu ul.level2 { padding: 10px 20px 10px 20px; } div.mod-line ul.menu li.level2 { } div.mod-line ul.menu li.level2 a:hover { } div.mod-line ul.menu li.level2 span.bg { height: 20px; line-height: 20px; text-indent: 17px; font-size: 12px; background: url(../images/submenu_level2_item.png) 0px 0px no-repeat; } div.mod-line ul.menu li.level1 li.level2 a.current span.bg, div.mod-line ul.menu li.level1 li.level2 span.bg:hover { background-position: 0 -30px; } div.mod-line ul.menu a.level3 span.bg { margin-left: 18px; } div.mod-line ul.menu a.level4 span.bg { margin-left: 36px; } .link-vermelho span {color: red!important;}