Código:
.pagenav{margin:0; width:1180px; text-align: left; margin:0 auto;position:relative;text-transform:uppercase; } .pagenav .menu {margin:0 auto;float:left;} .pagenav.fixedmenu .menu {float:right; width:auto;} div#logo {position:relative; width:100%; float:left; padding:24px 0 17px 0;background:#f8f8f8;} .pagenav li a{float:left; padding:15px 15px 20px 15px;} .pagenav li:first-child a {padding-left:0px;} .pagenav.fixedmenu li a { padding:9px 15px 9px 15px;color:#333;} .pagenav li li a {float:none;} .pagenav li:last-child a { } .pagenav .social_icons {float:right;margin-top: 0px;} .pagenav .social_icons a {float:left;margin-left:2px;width:32px;height:33px; line-height:36px;text-align:center;padding:13px 1px 14px 1px;color:#fff;font-size:16px;} .pagenav .social_icons a:hover { background:#111;} .pagenav li:last-child a:after {display:none;} .pagenav.fixedmenu li a:after { margin-top:-9px; } .pagenav li li a:after {display:none;} .pagenav .logo-fixedmenu a {padding:0;} .holder-fixedmenu { margin:0 auto;position:relative;} .menu > li { display: inline-block; text-align:center;padding-bottom:35px;} .fixedmenu{display:none;position:fixed !important; background:#fff;background:rgba(25,25,25,0.95); margin-top: 0 !important;padding:5px 0 5px 0;z-index:9999;border-bottom:1px solid #eee\9; -moz-box-shadow: 0 1px 7px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 7px rgba(0,0,0,0.2); box-shadow: 0 1px 7px rgba(0,0,0,0.2); width:100% !important; } .holder-fixedmenu { margin:0 auto;position:relative; width:1180px;} .fixedmenu .logo-fixedmenu{float:left; } .fixedmenu .logo-fixedmenu img{height: 32px;margin-top:4px;width:auto;} .fixedmenu .menu-fixedmenu{float:right;margin:-5px 0px 0 0;} .pagenav.fixedmenu{height:40px;}
Muchas gracias espero que me puedan ayudar!