#menu
{
    text-align: center;
    width:730px;
}

#menu ul
{
    margin: 0px auto;
    padding: 0px;
    border: none;
    width:530px;
}

#menu li
{
    /*display: block;*/
    float: left;
    position: relative;
    padding: 4px 0px 4px 0px;
    list-style: none;
    color: #B1B3B6;
}

/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */
#menu li li ul
{
    bottom: auto;
    top: 0;
    left: 0;
}

/* ...and then place it where it should be when shown */
#menu li li:hover ul
{
    left: 100%;
}

/* initialy hide all sub menus */
#menu li ul
{
    display: none;
    position: absolute;
    z-index: 10;
    border: solid 1px #cccccc;
}

/* display them on hover */
#menu li:hover > ul
{
    display: block;
}

/* this is needed if you want to style #menu div - force containment of floated LIs inside of main UL */
#menuList:after
{
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    clear: both;
}

/*		------   Make-up	--------			*/

#menu a
{
    color: #B1B3B6;
    font-size: 11px;
    font-family: 'Trebuchet MS'; /*text-transform:capitalize;*/
    text-decoration: none;
}

#menu li
{
    margin: 0px;
    padding: 0px;
}

#menu li:hover
{
}

/* 	we can't use 100% because LIs have margin and padding (although latter is more important) */

#menu li li
{
    /*width: 172px;*/
    padding: 2px 4px 0px 4px; /*border-top:solid 1px #9D9D9D;*/ /*margin: 0px 4px 0px 4px;*/
    background-color: #FFFFFF;
    text-align: left;
    float: none;
}

#menu ul li:hover
{
}

#menu li ul
{
    width: 175px;
    border: solid 1px #B1B3B6;
    background-color: #ffffff;
    bottom: 100%;
}

/*#menu  li li:hover ul{
	background:url('Images/flecha.jpg');
	background-repeat: no-repeat;
	background-position:5px left;
}*/

#menu ul li.menutitulo
{
    /*padding: 4px 7px 0px 7px;*/
    text-align: center;
    border: none; /*background-image: url(images/separador.gif); 	background-repeat: no-repeat; 	background-position: right;*/
    line-height:20px;
}
#menu ul li.menutitulo a
{
    /*padding: 0px 3px 0px 3px;
    font-weight: bold;*/
}

#menu ul li.menutitulo a:hover
{
    color: #C7233E;
    text-decoration: none;
}

#menu ul li.submenu a
{
    text-transform: capitalize;
    border-bottom: 1px solid #9D9D9D;
    display: block;
}

#menu ul li.submenu a.itemlast
{
    border-bottom: none;
}

#menu ul li.submenu a:hover
{
    color: #C7233E;
}

#menu ul li ul.submenu
{
    font-size: 11px;
    margin: 0px;
}
#menu ul li.menutitulo a.last
{
    /*padding: 0px 17px;*/
}

/*programas*/
.sectionBA #menu li.menutitulo a
{
    color: #000000;
}
.sectionBA #menu li.submenu a
{
    color: #000000;
}
.sectionBB #menu li.menutitulo a
{
    color: #000000;
}
.sectionBC #menu li.menutitulo a
{
    color: #000000;
}
.sectionBJ #menu li.menutitulo a
{
    color: #000000;
}
.sectionBP #menu li.menutitulo a
{
    color: #000000;
}
.sectionBS #menu li.menutitulo a
{
    color: #000000;
}
.sectionBV #menu li.menutitulo a
{
    color: #000000;
}
.sectionPJ #menu li.menutitulo a
{
    color: #000000;
}
.sectionPP #menu li.menutitulo a
{
    color: #000000;
}
.sectionRPM #menu li.menutitulo a
{
    color: #000000;
}
.sectionBA .primary, .sectionBB .primary, .sectionBC .primary, .sectionBJ .primary, .sectionBP .primary, .sectionBS .primary, .sectionBV .primary, .sectionPJ .primary, .sectionPP .primary, .sectionRPM .primary, .sectionBC .logo
{
    color: #000000;
}
.sectionBA .primary span, .sectionBB .primary span, .sectionBC .primary span, .sectionBJ .primary span, .sectionBP .primary span, .sectionBS .primary span, .sectionBV .primary span, .sectionPJ .primary span, .sectionPP .primary span, .sectionRPM .primary span, .sectionBC .logo
{
    color: #000000;
}
#menuHeader .BA img
{
    background-image: url(/Images/menu_top_bodyattack.gif);
    width: 68px;
    height: 18px;
}
#menuHeader .BB img
{
    background-image: url(/Images/menu_top_bodybalance.gif);
    width: 76px;
    height: 18px;
}
#menuHeader .BC img
{
    background-image: url(/Images/menu_Top_bodycombat.gif);
    width: 72px;
    height: 18px;
}
#menuHeader .BJ img
{
    background-image: url(/Images/menu_Top_bodyjam.gif);
    width: 53px;
    height: 18px;
}
#menuHeader .BP img
{
    background-image: url(/Images/menu_top_bodypump.gif);
    width: 62px;
    height: 18px;
}
#menuHeader .BS img
{
    background-image: url(/Images/menu_top_bodystep.gif);
    width: 56px;
    height: 18px;
}
#menuHeader .BV img
{
    background-image: url(/Images/menu_top_bodyvive.gif);
    width: 56px;
    height: 18px;
}
#menuHeader .PJ img
{
    background-image: url(/Images/menu_Top_powerjump.gif);
    width: 66px;
    height: 18px;
}
#menuHeader .PP img
{
    background-image: url(/Images/menu_Top_powerpool.gif);
    width: 67px;
    height: 18px;
}
#menuHeader .RPM img
{
    background-image: url(/Images/menu_Top_rpm.gif);
    width: 47px;
    height: 18px;
}