#top .logo,
#top ul {float:left}

#top li,
#navigation li          {list-style:none;}

/*Top
-------*/
#top       {padding:7px 0 0 0; margin-bottom:30px;}

#top li a {background-repeat:no-repeat; display:block;}

#top .menu       {width:370px; margin-left:5px;}
#top .menu li    {width:210px; float:left;}
#top .menu li a {background-image:url(../img/bt/menu2.jpg); background-repeat:no-repeat; height:13px; }

#top .menu li.m2    {width:140px;}
#top .menu li.m4    {width:140px;}
#top .menu li.m6    {width:140px;}
#top .menu li.m8    {width:140px;}
#top .menu li.m10    {width:140px;}

#top .menu .m1 a    {background-position:0 0;}
#top .menu .m2 a    {background-position:0 -80px;}
#top .menu .m3 a    {background-position:0 -16px;}
#top .menu .m4 a    {background-position:0 -96px;}
#top .menu .m5 a    {background-position:0 -32px;}
#top .menu .m6 a    {background-position:0 -112px;}
#top .menu .m7 a    {background-position:0 -48px;}
#top .menu .m8 a    {background-position:0 -128px;}
#top .menu .m9 a    {background-position:0 -63px;}
#top .menu .m10 a  {background-position:0 -144px;}

#top .menu .m1 a:hover   {background-position:0 -161px;}
#top .menu .m2 a:hover   {background-position:0 -240px;}
#top .menu .m3 a:hover   {background-position:0 -177px;}
#top .menu .m4 a:hover   {background-position:0 -256px;}
#top .menu .m5 a:hover   {background-position:0 -193px;}
#top .menu .m6 a:hover   {background-position:0 -272px;}
#top .menu .m7 a:hover   {background-position:0 -209px;}
#top .menu .m8 a:hover   {background-position:0 -288px;}
#top .menu .m9 a:hover   {background-position:0 -224px;}
#top .menu .m10 a:hover {background-position:0 -304px;}

#top .menu_tips          {width:119px; margin-right:27px;}
#top .menu_tips a        {background-image:url(../img/bg/menu_tips.jpg); height:20px;}
#top .menu_tips .tips1 a {background-position:0 0;}
#top .menu_tips .tips2 a {background-position:0 -40px;}
#top .menu_tips .tips3 a {background-position:0 -20px;}
#top .menu_tips .tips4 a {background-position:0 -60px;}

/*navigation
-----------------*/
#navigation                  {width:153px; float:left;}
#navigation strong      {background:url(../img/title/galeria_de_produtos.png) no-repeat; width:153px; height:52px; display:block; text-indent:-9999px; margin-bottom:19px;}
#navigation ul              {width:153px; }
#navigation li               {margin-bottom:4px; position:relative;}
#navigation li a:hover {text-decoration:none;}
#navigation ul li a        {background-repeat:no-repeat; text-indent:-9999px; display:block;/* height:10px;*/ padding-bottom:2px}
#navigation li ul           {margin:11px 0 39px 0; display:none;}
#navigation ul li li a     {  background: none repeat scroll 0 0 transparent;
    color: #666666;
    font-weight: bold;
    text-decoration: none;
    text-indent: 0;}

#navigation .n1 {background-image:url(../img/bt/balas_de_gelatina.png); height:14px;}
#navigation .n2 {background-image:url(../img/bt/chicles.png); height:14px;}
#navigation .n3 {background-image:url(../img/bt/marshmallows.png); height:14px;}
#navigation .n4 {background-image:url(../img/bt/regaliz.png); height:14px;}

#navigation li a span  {display:none;}
#navigation .link_on a span  {display:block; float:left;margin-right:3px;}

/*hover*/
#navigation .n1:hover {border-bottom:#5f72ff solid 2px;  padding-bottom:0;}
#navigation .n3:hover {border-bottom:#f8941e solid 2px; padding-bottom:0;}
#navigation .n2:hover {border-bottom:#ff60a5 solid 2px; padding-bottom:0;}
#navigation .n4:hover {border-bottom:#75c905 solid 2px; padding-bottom:0;}

/*_on*/
#navigation .list1 .link_on a,
#navigation .list1 a:hover,
#navigation .on_n1 a {color:#5f72ff; font-weight:bold;}

#navigation .list3 .link_on a,
#navigation .list3 a:hover,
#navigation .on_n3 a {color:#f8941e; font-weight:bold;}

#navigation .list2 .link_on a,
#navigation .list2 a:hover,
#navigation .on_n2 a {color:#ff60a5; font-weight:bold;}

#navigation .list4 .link_on a,
#navigation .list4 a:hover,
#navigation .on_n4 a {color:#75c905; font-weight:bold;}