/*
 * Os estilos abaixo são responsáveis pelas caixas ativas no hover de cada item de menu
 */
#header #menu-principal li:hover nav                                                 { float:left; width:190px; padding:27px 0 0 0; margin:0 23px 0 0; padding-bottom:20px; }
#header #menu-principal div nav.nav-vinculado-padrao                                 { border-left:1px solid #F0F0F0; /*padding-left:23px !important;*/ }
/*#header #menu-principal div nav.first-nav                                          { margin-left:20px !important;} */
#header #menu-principal li:hover .content-menu                                       { width:984px; display:block; margin-top:-5px; box-shadow:0 2px 2px #5c5c5c }
#header #menu-principal ul li .content-menu ul li.margem-lista                       { margin-bottom:20px;}
/*#header #menu-principal ul li div h1,
#header #menu-principal ul li div h2,
#header #menu-principal ul li div h3,
#header #menu-principal ul li div h4,*/
#header #menu-principal ul li div .mgmenu-title                                      { color:#333; font-family:OpenSansBold, Arial; font-size:14px; margin-left:20px; }
#header #menu-principal ul li div h1 a,
#header #menu-principal ul li dithiv h2 a,
#header #menu-principal ul li div h3 a                                               { display:block; margin:-5px 0 -5px -20px; padding:5px 0 5px 20px !important; width:192px; }
#header #menu-principal ul li div a                                                  { display:inline; border:none !important; padding:0 !important; background:none !important; }
#header #menu-principal ul li nav ul                                                 { margin:10px 0 0 0; width:212px; }
#header #menu-principal ul li nav ul li                                              { float:none; height:19px; margin:0 0 10px 0; border:none; }
#header #menu-principal ul li nav ul li a                                            { color:#666 !important; font-family:OpenSansRegular, Arial; font-size:14px; display:block; padding:5px 0 5px 20px !important; }
#header #menu-principal ul li div a.link-avulso                                      { padding:5px 0 5px 20px !important; font-size:14px; color:#333; float:left; height:auto; width:192px; }
#header #menu-principal ul li div a.link-avulso span                                 { display:block; background: url(../images/sprite.png) no-repeat -7px 0; width:6px; height:9px; float:right; margin-top:3px }
#header #menu-principal ul li div a.home-carreira                                    { margin:30px 0 8px 0; }
#header #menu-principal ul li div a.home-carreira span                               { margin-right:90px !important }
#header #menu-principal ul li div a.home-franquias                                   { margin:30px 0 8px 0; }
#header #menu-principal ul li div a.home-franquias span                              { margin-right:90px !important }
#header #menu-principal ul li div#content-seu-bolso a.link-avulso span               { background: url(../images/sprite.png) no-repeat 0px -17px; margin-top:5px;}
#header #menu-principal ul li div a.link-avulso:hover span,
#header #menu-principal ul li div#content-seu-bolso a.link-avulso:hover span         { background: url(../images/sprite.png) no-repeat 0 -97px; }
#header #menu-principal li .content-menu article.artigo-ilustrado                    { margin:10px 0 0 20px;}
#header #menu-principal li .content-menu article.artigo-ilustrado figure img         { border-left:6px solid; border-radius:6px; margin-bottom:10px;}
#header #menu-principal li .content-menu article.artigo-ilustrado h3 a               { color:#333 !important; font-size:14px;}
#header #menu-principal ul li .content-menu nav article.artigo-ilustrado h3 a:hover  { background:none !important; }


/** esconde blocos de conteúdo dos mega menus **/
#content-bolsas-mercados, #content-seu-bolso, #content-negocios, 
#content-onde-investir, #content-aprenda, #content-carreiras, 
#content-infografico, #content-blogs, #content-imoveis, #content-bloomberg,
#content-franquias                                                                      { position:absolute; left:-9999em; background:#FFF; display:none; }
#content-bolsas-mercados nav                                                            { height:332px; }
#content-seu-bolso nav                                                                  { height:311px; }
#content-negocios nav                                                                   { height:253px; }
#content-imoveis nav                                                                    { height:253px; }
#content-onde-investir nav                                                              { height:360px}
#content-aprenda nav                                                                    { height:250px }
#content-carreiras nav                                                                  { height:370px; }
#content-franquias nav                                                                  { height:250px; }
#content-infografico nav                                                                { height:240px; }
#content-blogs nav                                                                      { height:380px; }
#content-bloomberg nav                                                                  { height:235px; }
#destaque-carreira, #destaque-bloomberg                                                 { padding-top:18px !important }


/** hover dos itens internos ao mega menu - cor da seção **/
#header #menu-principal ul li #content-bolsas-mercados nav#nav-bolsas                            { margin-top:-5px; }
#header #menu-principal ul li #content-bolsas-mercados nav a:hover                               { color:#FFF !important; background:#0b91d1 !important; }
#header #menu-principal ul li #content-bolsas-mercados nav div.empresas-minilogo ul li a:hover   { background: #fcfcfc url(/images/empresas.jpg?v=16102012) no-repeat !important }/* bolsas e mercados */
#header #menu-principal ul li #content-seu-bolso nav a:hover                                     { color:#FFF !important; background:#669933 !important } /* minhas finanças */
#header #menu-principal ul li #content-negocios nav a:hover,
#header #menu-principal ul li #content-negocios nav#nav-ultimas ul li a:hover                    { color:#FFF !important; background:#e00f31 !important } /* negócios */
#header #menu-principal ul li #content-imoveis nav a:hover,
#header #menu-principal ul li #content-imoveis nav#nav-ultimas ul li a:hover                     { color:#FFF !important; background:#2d62a6 !important; background-size:80px 60px; } /* imoveis */

/*#header #menu-principal ul li #content-onde-investir nav a:hover,*/
#header #menu-principal ul li #content-onde-investir nav#nav-dicas a:hover,
#header #menu-principal ul li #content-onde-investir nav#nav-produtos a:hover                       { color:#FFF !important; background:#fb6000 !important } /* onde investir */

#header #menu-principal ul li #content-aprenda .first-nav a:hover                                { color:#FFF !important; background:#fac24e !important; } /* aprenda */
#header #menu-principal ul li #content-carreiras nav a:hover                                     { color:#FFF !important; background:#8560A8 !important; }
#header #menu-principal ul li #content-franquias nav a:hover                                     { color:#FFF !important; background:#11cfcf !important; }
#header #menu-principal ul li #content-bloomberg nav a:hover                                     { color:#FFF !important; background:#444 !important; }
#header #menu-principal ul li #content-infografico nav a:hover                                   { color:#FFF !important; background:#ffa800 !important; } /* videos */
#header #menu-principal ul li #content-blogs nav a:hover                                         { color:#FFF !important; background:#93161c !important; }

#nav-consumo h1, #nav-produtos h1                                                       { /*margin:30px 0 0 0;*/ }
#nav-consumo h1                                                                         { margin:31px 0 0 0; }
#nav-bolsas h1                                                                          { margin:31px 0 0 0 }

/*** MENU CARREIRAS ***/
#header #menu-principal li:hover #content-carreiras                                                          {left:458px; top:auto; z-index:10; border-left:6px solid #8560A8; width:445px;}
#header #menu-principal li:hover #content-carreiras h1                                                       {margin:30px 0 0 20px;}
#header #menu-principal li:hover #content-carreiras h1 a                                                     {color:#333;}
#header #menu-principal li:hover #content-carreiras nav                                                      {margin:0; padding:0; width:212px;}
#header #menu-principal li:hover #content-carreiras nav ul                                                   {float:left;}
#header #menu-principal li:hover #content-carreiras a span                                                   {background:url(../images/sprite.png) no-repeat -13px -97px; margin:3px 82px 0 0;}
#header #menu-principal li:hover #content-carreiras a:hover span                                             {background:url(../images/sprite.png) no-repeat 0 -97px;}
#header #menu-principal li:hover #content-carreiras #destaque-carreira h3                                    {color:#8560a8;}
#header #menu-principal li:hover #content-carreiras article.artigo-ilustrado figure img                      {border-color:#8560a8;}
#header #menu-principal li:hover #content-carreiras #destaque-carreira article.artigo-ilustrado h3 a:hover   {background:#FFF !important; color:#8560a8 !important;}
#header #menu-principal li:hover #content-carreiras nav#nav-ultimas-noticias                                 {margin-top:-5px;}
#header #menu-principal li:hover #content-carreiras .sp-ultnot a                                             {margin:20px 0 0 0;}

/*** MENU franquias ***/
#header #menu-principal li:hover #content-franquias                                                             { left: 300px; top: auto; z-index: 10; border-left: 6px solid #11cfcf; width: 660px; }
#header #menu-principal li:hover #content-franquias h1                                                          { margin: 30px 0 0 20px; } 
#header #menu-principal li:hover #content-franquias h1 a                                                        { color: #333; }
#header #menu-principal li:hover #content-franquias nav                                                         { margin: 0; padding: 0; width: 212px; }
#header #menu-principal li:hover #content-franquias nav ul                                                      { float: left; } 
#header #menu-principal li:hover #content-franquias a span                                                      { background: url(../images/sprite.png) no-repeat -122px -46px; margin: 3px 82px 0 0; }
#header #menu-principal li:hover #content-franquias a:hover span                                                { background: url(../images/sprite.png) no-repeat -134px -46px; }
#header #menu-principal li:hover #content-franquias #destaque-franquias                                         { padding-top: 15px; }
#header #menu-principal li:hover #content-franquias #destaque-franquias h3                                      { color: #11cfcf; }
#header #menu-principal li:hover #content-franquias article.artigo-ilustrado figure img                         { border-color: #11cfcf; }
#header #menu-principal li:hover #content-franquias #destaque-franquias article.artigo-ilustrado h3 a:hover     { background: #FFF !important; color: #11cfcf !important; }
#header #menu-principal li:hover #content-franquias nav#nav-ultimas-noticias                                    { margin-top: -5px; }
#header #menu-principal li:hover #content-franquias .sp-ultnot a                                                { margin: 20px 0 0 0; }
#content-franquias .mgmenu-title                                                                                { position: relative; top: 5px; }
#header #menu-principal li:hover #content-franquias a span                                                      { background: url(/images/sprite.png) no-repeat -122px -46px; margin: 2px 82px 0 0; }
#header #menu-principal li:hover #content-franquias a:hover span                                                { background: url(/images/sprite.png) no-repeat -134px -46px; }
#header #menu-principal ul li div#content-franquias #nav-ferramentas-franquias                                  { padding-top: 15px !important;}



/*** MENU BOLSAS E MERCADOS ***/
#header #menu-principal li:hover #content-bolsas-mercados                                                   {left:-6px; top:auto; z-index:10; border-left:6px solid #0b91d1;}

/*** MENU BOLSAS E MERCADOS >> nav bolsas ***/
#header #menu-principal ul li div #nav-bolsas a.link-avulso span                                             {margin-right:80px;}
#header #menu-principal ul li div #nav-bolsas a.link-avulso > span, x:-moz-any-link, x:default               {margin-right:0px; position:relative; right:80px;}

/*** MENU BOLSAS E MERCADOS >> nav empresas ibovespa ***/
#nav-empresas-ibovespa h4                                                               {margin-bottom:20px;}
#nav-empresas-ibovespa p                                                                {float:right; font-size:12px; width:50px; text-align:center; margin: -5px -25px 0 0; font-family:OpenSansBold, Arial;}

/*** MENU BOLSAS E MERCADOS >> nav outros mercados ***/
#header #menu-principal ul li div #nav-outros-mercados a.link-avulso                 {line-height:20px;}
#header #menu-principal ul li div #nav-outros-mercados a.economia-politica span      {margin-right:119px;}
#header #menu-principal ul li div #nav-outros-mercados a.politica span              {margin-right:132px;}
#header #menu-principal ul li div #nav-outros-mercados a.empresas-ibovespa span      {margin-right:60px;}
#header #menu-principal ul li div #nav-outros-mercados a.empresas-ibovespa span, 
x:-moz-any-link, x:default                                                              {margin-right:0; position:relative; right:60px; top:2px;}
#header #menu-principal ul li div #nav-outros-mercados a.link-forum span             {margin-right:136px;}
#header #menu-principal ul li div #nav-outros-mercados a.link-forum span, 
x:-moz-any-link, x:default                                                              {margin-right:0; position:relative; right:136px; top:2px;}
#header #menu-principal ul li div #nav-outros-mercados a.link-hb span                {margin-right:30px; /** novo**/ margin-top:0px}
#header #menu-principal ul li div #nav-outros-mercados a.link-auditorio span         {margin-right: 132px; margin-top: 5px;}
#header #menu-principal ul li div #nav-outros-mercados a.link-agro span         {margin-right: 105px; margin-top: 5px;}
#header #menu-principal ul li div #nav-outros-mercados a.link-auditorio span, 
x:-moz-any-link, x:default                                                              {margin-right:0; position:relative; right:76px; top:1px;}

/*** MENU BOLSAS E MERCADOS >> nav ferramentas operar ***/
#header #menu-principal ul li div #nav-ferramentas-operar a.ferramentas span         {margin-right:95px;}
#header #menu-principal ul li div #nav-ferramentas-operar h3 a                       {color:#333; }
#header #menu-principal ul li div #nav-ferramentas-operar h3 a span                  {background: url(../images/sprite.png) no-repeat 0 -8px; width:6px; height:9px; float:right; margin:3px 27px 0 0}
#header #menu-principal ul li div #nav-ferramentas-operar h3 a:hover span            {background: url(../images/sprite.png) no-repeat 0 -97px; }

/*** MENU SEU BOLSO ***/
#header #menu-principal li:hover #content-seu-bolso                                                                  {left:95px; top:auto; z-index:10; border-left:6px solid #669933; width: 875px;}
#header #menu-principal ul li div#content-seu-bolso #nav-orcamento ul                                                {margin-top:-6px;}
#header #menu-principal ul li div#content-seu-bolso #nav-orcamento ul li a                                           {font-weight:bold; font-size:14px !important; color:#333 !important; font-family:OpenSansBold !important}
#header #menu-principal ul li div#content-seu-bolso #nav-orcamento ul li a.normal                                    {font-family:OpenSansRegular !important; font-weight:normal !important;color:#666666 !important}
#header #menu-principal ul li div#content-seu-bolso #nav-orcamento ul li a:hover                                     {color:#FFF !important}
#header #menu-principal ul li div#content-seu-bolso #nav-orcamento ul li a.link-avulso span                          {margin:3px 82px 0 0;}
#header #menu-principal ul li div#content-seu-bolso #nav-orcamento ul li a.economize span                            {margin:3px 60px 0 0;}
#header #menu-principal ul li div#content-seu-bolso #nav-orcamento ul li a.financas span                             {margin:3px 50px 0 0;}
#header #menu-principal ul li div#content-seu-bolso #nav-orcamento div.titulo-destaque                               {padding-bottom:14px;}
#header #menu-principal ul li div#content-seu-bolso #nav-orcamento ul li a.precos span                               {margin:3px 140px 0 0;}
#header #menu-principal ul li div#content-seu-bolso #nav-orcamento ul li a.credito span                              {right:0px !important; margin-right:135px !important; margin-top:3px !important}
#header #menu-principal ul li div#content-seu-bolso #nav-orcamento ul li a.credito span  x:-moz-any-link, x:default  {margin:0 !important; position: relative !important; right:0px !important; margin-top:3px !important}
#header #menu-principal li #content-seu-bolso #nav-destaque h4                                                       {color:#669933;}
#header #menu-principal #content-seu-bolso article.artigo-ilustrado figure img                                       {border-color:#669933;}
#header #menu-principal #content-seu-bolso #nav-destaque article.artigo-ilustrado h3 a:hover                         {background:#FFF !important; color:#669933 !important;}

#header #menu-principal ul li div#content-seu-bolso #nav-consumo ul li a.cartoes                                     {font-weight:bold; font-size:14px !important; color:#333 !important; font-family:OpenSansBold !important}
#header #menu-principal ul li div#content-seu-bolso #nav-consumo ul li a.consorcios                                  {font-weight:bold; font-size:14px !important; color:#333 !important; font-family:OpenSansBold !important}
#header #menu-principal ul li div#content-seu-bolso #nav-consumo ul li a.planos-saude                                {font-weight:bold; font-size:14px !important; color:#333 !important; font-family:OpenSansBold !important}
#header #menu-principal ul li div#content-seu-bolso #nav-consumo ul li a.seguros                                     {font-weight:bold; font-size:14px !important; color:#333 !important; font-family:OpenSansBold !important}
#header #menu-principal ul li div#content-seu-bolso #nav-consumo ul li a.cartoes span                                {right:0px !important; margin-right:131px !important; margin-top:3px !important}
#header #menu-principal ul li div#content-seu-bolso #nav-consumo ul li a.cartoes span x:-moz-any-link, x:default     {margin:0 !important; position: relative !important; right:0px !important; margin-top:3px !important}
#header #menu-principal ul li div#content-seu-bolso #nav-consumo ul li a.consorcios span                             {right:0px !important; margin-right:111px !important; margin-top:3px !important}
#header #menu-principal ul li div#content-seu-bolso #nav-consumo ul li a.consorcios span  x:-moz-any-link, x:default {margin:0 !important; position: relative !important; right:0px !important; margin-top:3px !important}
#header #menu-principal ul li div#content-seu-bolso #nav-consumo ul li a.planos-saude span                           {right:0px !important; margin-right:80px !important; margin-top:3px !important}
#header #menu-principal ul li div#content-seu-bolso #nav-consumo ul li a.planos-saude span x:-moz-any-link, x:default{margin:0 !important; position: relative !important; right:0px !important; margin-top:3px !important}
#header #menu-principal ul li div#content-seu-bolso #nav-consumo ul li a.seguros span                                {right:0px !important; margin-right:129px !important; margin-top:3px !important}
#header #menu-principal ul li div#content-seu-bolso #nav-consumo ul li a.seguros span  x:-moz-any-link, x:default    {margin:0 !important; position: relative !important; right:0px !important; margin-top:3px !important}

/*** MENU SEU BOLSO >> nav consumo***/
#header #menu-principal ul li div#content-seu-bolso #nav-consumo ul.margem-q2                                            {margin:-4px 0 0}
#header #menu-principal ul li div#content-seu-bolso #nav-consumo ul li a.impostos                                        {font-weight:bold; font-size:14px !important; color:#333 !important; font-family:OpenSansBold !important}
#header #menu-principal ul li div#content-seu-bolso #nav-consumo ul li a.aposentadoria                                   {font-weight:bold; font-size:14px !important; color:#333 !important; font-family:OpenSansBold !important}
#header #menu-principal ul li div#content-seu-bolso #nav-consumo ul li a.consumo                                         {font-weight:bold; font-size:14px !important; color:#333 !important; font-family:OpenSansBold !important}
#header #menu-principal ul li div#content-seu-bolso #nav-consumo ul li a.impostos span                                   {right:0px !important; margin-right:119px !important; margin-top:3px !important}
#header #menu-principal ul li div#content-seu-bolso #nav-consumo ul li a.impostos span x:-moz-any-link, x:default        {margin:0 !important; position: relative !important; right:0px !important; margin-top:3px !important}
#header #menu-principal ul li div#content-seu-bolso #nav-consumo ul li a.aposentadoria span                              {right:0px !important; margin-right:90px !important; margin-top:3px !important}
#header #menu-principal ul li div#content-seu-bolso #nav-consumo ul li a.aposentadoria span x:-moz-any-link, x:default   {margin:0 !important; position: relative !important; right:0px !important; margin-top:3px !important}
#header #menu-principal ul li div#content-seu-bolso #nav-consumo ul li a.consumo span                                    {right:0px !important; margin-right:121px !important; margin-top:3px !important}
#header #menu-principal ul li div#content-seu-bolso #nav-consumo ul li a.consumo span  x:-moz-any-link, x:default        {margin:0 !important; position: relative !important; right:0px !important; margin-top:3px !important}
#header #menu-principal ul li div#content-seu-bolso #nav-consumo ul li a:hover                                           {color:#FFF !important}
#header #menu-principal #content-seu-bolso #nav-consumo a.ferramentas span                                               {margin:3px 103px 0 0;}
#header #menu-principal #content-seu-bolso #nav-consumo                                                                  {margin-top:-3px;}
#header #menu-principal #content-seu-bolso #nav-consumo a.home-financas span                                             {margin-right:38px;}
#header #menu-principal #content-seu-bolso #nav-consumo a.home-financas span, x:-moz-any-link, x:default                 {margin-right:0; position:relative; right:38px; top:1px;}
#header #menu-principal #content-seu-bolso #nav-consumo a.link-comportamento span                                        {margin-right:75px;}
#header #menu-principal #content-seu-bolso #nav-consumo a.link-comportamento span, x:-moz-any-link, x:default           {margin-right:0px; position:relative; right:75px;}
#header #menu-principal #content-seu-bolso #nav-consumo a.link-aposentadoria span                                       {margin-right:88px;}
#header #menu-principal #content-seu-bolso #nav-consumo a.link-aposentadoria span, x:-moz-any-link, x:default           {margin-right:0; position: relative; right:88px;}

/*** MENU SEU BOLSO >> nav ferramentas***/
#header #menu-principal #content-seu-bolso #nav-ferramentas a.ferramentas span               {margin-right:95px;margin-top: 3px!important}
#header #menu-principal #content-seu-bolso #nav-ferramentas h3 a                             {color:#333;}
#header #menu-principal #content-seu-bolso #nav-ferramentas h3 a span                        {display:block; float:right; width:6px; height:9px; background: url(../images/sprite.png) no-repeat 0px -17px; margin:3px 98px 0 0;}
#header #menu-principal #content-seu-bolso #nav-ferramentas h3 a:hover span                  {background: url(../images/sprite.png) no-repeat 0 -97px;}

#header #menu-principal #content-seu-bolso #nav-ferramentas a.especial span               {margin-right:95px;margin-top: 3px!important}

/*** MENU NEGÓCIOS ***/
#header #menu-principal li:hover #content-negocios                                                   { left:320px; top:auto; z-index:10; border-left:6px solid #e00f31; width:740px}
#header #menu-principal li:hover #content-negocios #nav-ultimas                                      { margin-top:-14px;}
#header #menu-principal li:hover #content-negocios #nav-ultimas ul li a                              { font-family:OpenSansBold; color:#333 !important;}
#header #menu-principal li:hover #content-negocios #nav-ultimas ul                                   { margin-left:0;}
#header #menu-principal ul li div#content-negocios a.link-avulso span                                { background: url(../images/sprite.png) no-repeat 0 -106px; margin-right:80px;}
#header #menu-principal ul li div#content-negocios a.link-avulso:hover span                          { background:url(../images/sprite.png) no-repeat 0 -97px}
#header #menu-principal ul li div#content-negocios a.link-avulso span, x:-moz-any-link, x:default    { margin-right:0; position: relative; right:80px;}

#header #menu-principal ul li .startse                                                              { background: url(http://images.infomoney.com.br/menu/logo-startse-menu.png?v=3); float: right; display: block; width: 70px; height: 24px; background-repeat: no-repeat; background-color: white; padding-left: 0; background-position: top center; }
#header #menu-principal ul li .startse1                                                             { margin: -5px 0 0 0; }
#header #menu-principal ul li .startse2                                                             { margin: -5px 0 0 0; }
#header #menu-principal ul li div#content-negocios .first-nav                                       { width: 260px !important }
#header #menu-principal ul li div#content-negocios nav ul                                           { width: 260px !important }

/*** MENU NEGÓCIOS >> nav ferramentas negocios ***/
#header #menu-principal ul li div#content-negocios #nav-ferramentas-negocios a.ferramentas span      { margin-right:95px;right: 0 !important;}
#header #menu-principal ul li div#content-negocios #nav-ferramentas-negocios h2 a                    { color:#333;}
#header #menu-principal ul li div#content-negocios #nav-ferramentas-negocios h2 a span               { background: url(../images/sprite.png) no-repeat 0 -106px; float:right; margin:3px 98px 0 0; display:block; width:6px; height:9px;}
#header #menu-principal ul li div#content-negocios #nav-ferramentas-negocios h2 a:hover span         { background:url(../images/sprite.png) no-repeat 0 -97px;}
#header #menu-principal li #content-negocios #nav-destaque-negocios h3                               { color:#e00f31;}
#header #menu-principal #content-negocios article.artigo-ilustrado figure img                        { border-color:#e00f31;}
#header #menu-principal #content-negocios #nav-destaque-negocios article.artigo-ilustrado h3 a:hover { background:#FFF !important; color:#e00f31 !important;}

/*** MENU IMOVEIS ***/
#header #menu-principal li:hover #content-imoveis                                                    { left:200px; top:auto; z-index:10; border-left:6px solid #2d62a6; width:660px}
#header #menu-principal li:hover #content-imoveis #nav-ultimas                                       { margin-top:-14px;}
#header #menu-principal li:hover #content-imoveis #nav-ultimas ul li a                               { font-family:OpenSansBold; color:#333 !important;}
#header #menu-principal li:hover #content-imoveis #nav-ultimas ul                                    { margin-left:0;}
#header #menu-principal ul li div#content-imoveis a.link-avulso span                                 { background: url(../images/sprite.png) no-repeat 0 -8px; margin-right:80px;}
#header #menu-principal ul li div#content-imoveis a.link-avulso:hover span                           { background:url(../images/sprite.png) no-repeat 0 -97px}
#header #menu-principal ul li div#content-imoveis a.link-avulso span, x:-moz-any-link, x:default     { margin-right:0; position: relative; right:80px;}

#header #menu-principal ul li .zimp                                                                 { background: url(/images/logo-zimp-menu.png); float: right; margin: -5px 0px 0 0px; display: block; width: 49px; height: 24px; background-repeat: no-repeat; background-color: white; padding-left: 10px; background-position: top center; }

#header #menu-principal ul li .meivox                                                               { background: url(/images/logo-meivox-menu.png);  margin: 0; display: block; width: 100px; height: 18px; background-repeat: no-repeat; background-position: 0  1px; }
#header #menu-principal ul li .meivox:hover,                    
#header #menu-principal ul li a:hover .meivox                                                       { background-position:0 -17px  }

#header #menu-principal ul li .sf                                                                   { margin: 0; display: block; width: 150px !important; height: 20px !important; position: relative; margin-top: 20px; }
#header #menu-principal ul li .sf:hover, #header #menu-principal ul li a:hover .sf                  { background: none !important; }

#header #menu-principal .novo                                                                        { background: url(../images/tag-novo.png);position: absolute;top: 253px;left: 322px;width: 33px;z-index: 999;height: 18px;display: block;}
#item-i .novo                                                                                        { display: block }
#item-i:hover .novo                                                                                  { display: none }

/*** MENU NEGÓCIOS >> nav ferramentas imoveis ***/
#header #menu-principal ul li div#content-imoveis #nav-ferramentas-imoveis a.ferramentas span        { margin-right:45px;right: 0 !important;}
#header #menu-principal ul li div#content-imoveis #nav-ferramentas-imoveis a.blogs span              { margin-right:100px;right: 0 !important;}
#header #menu-principal ul li div#content-imoveis #nav-ferramentas-imoveis h2 a                      { color:#333;}
#header #menu-principal ul li div#content-imoveis #nav-ferramentas-imoveis h2 a span                 { background: url(../images/sprite.png) no-repeat 0 -106px; float:right; margin:3px 98px 0 0; display:block; width:6px; height:9px;}
#header #menu-principal ul li div#content-imoveis #nav-ferramentas-imoveis h2 a:hover span           { background:url(../images/sprite.png) no-repeat 0 -97px;}
#header #menu-principal li #content-imoveis #nav-destaque-imoveis h3                                 { color:#2d62a6;}
#header #menu-principal #content-imoveis article.artigo-ilustrado figure img                         { border-color:#2d62a6;}
#header #menu-principal #content-imoveis #nav-destaque-imoveis article.artigo-ilustrado h3 a:hover   { background:#FFF !important; color:#2d62a6 !important;}


/*** MENU ONDE INVESTIR ***/
#header #menu-principal li:hover #content-onde-investir                                                          {left:0; top:auto; z-index:10; border-left:6px solid #fb6000; width:100%}
#header #menu-principal #content-onde-investir #nav-produtos a.link-avulso span                                  {display:block; width:6px; height:9px; float:right; background:url(../images/sprite.png) no-repeat -14px 0px; margin:5px 80px 0 0;}
#header #menu-principal #content-onde-investir #nav-produtos a.link-avulso:hover span                            {background:url(../images/sprite.png) no-repeat 0 -97px; }
#header #menu-principal #content-onde-investir #nav-produtos a.link-avulso span, x:-moz-any-link, x:default      {margin-right:0; position: relative; right:80px;}
#header #menu-principal #content-onde-investir #nav-dicas                                                        {margin:-13px 0 0 0;}
#header #menu-principal #content-onde-investir #nav-dicas li                                                     {width:190px;}
#header #menu-principal #content-onde-investir #nav-dicas a                                                      {font-family:OpenSansBold; color:#333 !important;}
#header #menu-principal #content-onde-investir #nav-dicas a.normal                                               {font-family:OpenSansRegular; }
#header #menu-principal #content-onde-investir #nav-dicas a span                                                 {display:block; width:6px; height:9px; float:right; background:url(../images/sprite.png) no-repeat -14px 0px; margin-top:3px;}
#header #menu-principal #content-onde-investir #nav-dicas a:hover span                                           {background:url(../images/sprite.png) no-repeat 0 -97px;}
#header #menu-principal #content-onde-investir #nav-dicas a.link-dicas span                                      {margin:4px 80px 0 0;}
#header #menu-principal #content-onde-investir #nav-dicas a.link-rankings span                                   {margin:4px 45px 0 0;}
#header #menu-principal #content-onde-investir #nav-dicas a.link-compare                                         {font-size:13px;}
#header #menu-principal #content-onde-investir #nav-dicas a.link-compare span                                    {margin:4px 12px 0 0; /* novo */ margin-right:23px;}

#header #menu-principal #content-onde-investir #nav-dicas a.ultimas-noticias span                                {margin:4px 62px 0 0;}
#header #menu-principal #content-onde-investir #nav-dicas a.home-onde-investir span                              {margin:4px 36px 0 0;}
#header #menu-principal #content-onde-investir #nav-produtos a.link-responde                                     {font-family:OpenSansBold; color:#333 !important;}
#header #menu-principal #content-onde-investir #nav-produtos a:hover.link-responde                               {color:#FFF !important; background:#fb6000 !important} /* onde investir */

#header #menu-principal #content-onde-investir #nav-ferramentas-onde-investir                                    {display: none}

#header #menu-principal #content-onde-investir #nav-ferramentas-onde-investir h2 a                               {color:#333;}
#header #menu-principal #content-onde-investir #nav-ferramentas-onde-investir h2 a span                          {display:block; width:6px; height:9px; float:right; background:url(../images/sprite.png) no-repeat -14px 0px; margin:3px 98px 0 0;}
#header #menu-principal #content-onde-investir #nav-ferramentas-onde-investir h2 a:hover span                    {background:url(../images/sprite.png) no-repeat 0 -97px;}
#header #menu-principal #content-onde-investir #nav-ferramentas-onde-investir a.ferramentas span                 {margin-right:95px;display:block; width:6px; height:9px; float:right; background:url(../images/sprite.png) no-repeat -14px 0px; margin-top:5px;}
#header #menu-principal #content-onde-investir article.artigo-ilustrado figure img                               {border-color:#fb6000;}
#header #menu-principal li #content-onde-investir #nav-destaque-onde-investir h3                                 {color:#fb6000;}
#header #menu-principal #content-onde-investir #nav-destaque-onde-investir article.artigo-ilustrado h3 a:hover   {background:#FFF !important; color:#fb6000 !important;}

/*** MENU APRENDA***/
#header #menu-principal li:hover #content-aprenda                                                    {left: 400px;top: auto;z-index: 10;border-left: 6px solid #fac24e;width: 660px;}
#header #menu-principal li:hover #content-aprenda #nav-cursos h2                                     {margin-bottom: 5px;}
#header #menu-principal li:hover #content-aprenda #nav-cursos h2 a                                   {color:#333;}
#header #menu-principal li:hover #content-aprenda #nav-cursos h2 a span                              {float:right; display:block; width:6px; height:9px; background:url(../images/sprite.png) no-repeat -6px -97px; margin:3px 72px 0 0;}
#header #menu-principal li:hover #content-aprenda #nav-cursos h2 a:hover span                        {background:url(../images/sprite.png) no-repeat 0px -97px;}
#header #menu-principal li:hover #content-aprenda #nav-glossario                                     {margin-top:-12px;}
#header #menu-principal li:hover #content-aprenda #nav-glossario a                                   {font-family:OpenSansBold; color:#333 !important;}
#header #menu-principal li:hover #content-aprenda #nav-glossario a.normal                            {font-family:OpenSansRegular; }
#header #menu-principal li:hover #content-aprenda #nav-glossario a:hover                             {color:White !important}
#header #menu-principal li:hover #content-aprenda #nav-glossario a:hover span                        {background:url(../images/sprite.png) no-repeat 0px -97px;}
#header #menu-principal li:hover #content-aprenda #nav-glossario a span                              {float:right; display:block; width:6px; height:9px; background:url(../images/sprite.png) no-repeat -15px -8px; margin:5px 0 0 0;}
#header #menu-principal li:hover #content-aprenda #nav-glossario a.link-glossario span               {margin:4px 118px 0 0;}
#header #menu-principal li:hover #content-aprenda #nav-glossario a.cursos span                       {margin:4px 138px 0 0;}
#header #menu-principal li:hover #content-aprenda #nav-glossario a.guias span                        {margin:4px 145px 0 0;}
#header #menu-principal li:hover #content-aprenda #nav-glossario a.home span                         {margin:4px 85px 0 0;}
#header #menu-principal li:hover #content-aprenda #nav-landing-aprenda                               {margin-top:-12px;}
#header #menu-principal li:hover #content-aprenda #nav-landing-aprenda a                             {font-family:OpenSansBold; color:#333 !important;}
#header #menu-principal li:hover #content-aprenda #nav-landing-aprenda a:hover                       {color:White !important}
#header #menu-principal li:hover #content-aprenda #nav-landing-aprenda a:hover span                  {background:url(../images/sprite.png) no-repeat 0px -97px;}
#header #menu-principal li:hover #content-aprenda #nav-landing-aprenda a span                        {float:right; display:block; width:6px; height:9px; background:url(../images/sprite.png) no-repeat -6px -97px; margin:5px 0 0 0;}
#header #menu-principal li:hover #content-aprenda #nav-landing-aprenda a.palestras span              {margin:3px 125px 0 0;}
#header #menu-principal li:hover #content-aprenda #nav-landing-aprenda ul li                         { height: auto;margin-bottom: 5px;}
#header #menu-principal li #content-aprenda #nav-destaque-aprenda                                    { background-color:#fcfcfc;  width:635px; margin:0}
#header #menu-principal li #content-aprenda #nav-destaque-aprenda .txtAlignCenter                    { border:0; text-align:center  }
#header #menu-principal li #content-aprenda #nav-destaque-aprenda .txtAlignCenter a                  { display:inline;}
#header #menu-principal li #content-aprenda #nav-destaque-aprenda h3                                 { color:#fac24e;}
#header #menu-principal #content-aprenda article.artigo-ilustrado figure img                         { border-color:#fac24e;}
#header #menu-principal #content-aprenda #nav-destaque-aprenda article.artigo-ilustrado h3 a:hover   { background:#FFF !important; color:#fac24e !important;}
#header #menu-principal .logo-educacao                                                               { position:relative; width: 83px;height: 20px;}
#header #menu-principal .logo-educacao span                                                          { background:url(/images/educacao/lg_educao_menu.png) no-repeat; display:block; position:absolute; width: 83px;height: 37px;z-index:12}

/* menu educacao desativado */
#header #menu-principal #content-aprenda .titulo-educacao                                           { position: relative; width: 100%; height: 50px; display: block; border-bottom: 1px solid #E2E2E2; }
#header #menu-principal #content-aprenda .titulo-educacao .logo-educacao                            { position: absolute; width: 240px; height: 30px; display: block; z-index: 2; background: white; }
#header #menu-principal #content-aprenda .titulo-educacao .logo-educacao .content                   { position: relative; display: block; height: 23px; padding-left: 115px; background: url(http://images.immedia.com.br/menu/educacao-logo-im-menu-large.jpg); background-repeat: no-repeat; font-family: OpenSansRegular; font-size: 22px; padding-top: 2px; color: #333; background-position: 0 2px; margin: 10px 0 0 20px; }
#header #menu-principal #content-aprenda .titulo-educacao .linha-educacao                           { position: absolute; width: 100%; height: 20px; border-bottom: 5px solid #FAC24E; display: block; z-index: 1; } 
#header #menu-principal #content-aprenda .box-educacao                                              { position: relative; padding-left: 20px; font-family: OpenSansRegular; color: #333; font-size: 17px; } 
#header #menu-principal #content-aprenda .box-educacao .logo-educacao                               { position: relative; display: block; height: 20px; padding-left: 72px; background: url(http://images.immedia.com.br/menu/educacao-logo-im-menu.jpg); background-repeat: no-repeat; font-family: OpenSansRegular; font-size: 16px; padding-top: 2px; color: #333; background-position: 0 2px; }
#header #menu-principal #content-aprenda .box-educacao img                                          { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-left: 6px solid; } 
#header #menu-principal #content-aprenda .box-educacao a                                            { color: #333; } 
#header #menu-principal #content-aprenda .box-educacao img.corporate                                { border-color: #0d2237; }
#header #menu-principal #content-aprenda .box-educacao img.concursos                                { border-color: #3880c2; }


/* MENU INFOGRAFICO */
#header #menu-principal li:hover #content-infografico                                                    { left:730px; top:auto; z-index:10; border-left:6px solid #ffa800; width:220px;}
#content-infografico .mgmenu-title                                                                          { position:relative; top:20px;}
#destaque-infografico .mgmenu-title                                                                         { top: 0;}
#header #menu-principal li #content-infografico #destaque-infografico h3                                 { color:#ffa800;}
#header #menu-principal #content-infografico article.artigo-ilustrado figure img                         { border-color:#ffa800;}
#header #menu-principal #content-infografico #destaque-infografico article.artigo-ilustrado h3 a:hover   { background:#FFF !important; color:#ffa800 !important;}
#header #menu-principal #content-infografico #destaque-infografico article.artigo-ilustrado h3           { margin-top:10px !important}
	
/* MENU BLOGS */
#header #menu-principal li  #content-blogs                                                   { left:0px; top:auto; z-index:10; border-left:6px solid #93161c; width:1100px;}
#content-blogs .mgmenu-title                                                                    { position:relative; top:10px;}
#destaque-blogs .mgmenu-title                                                                   { top: 0;}
#header #menu-principal li #content-blogs #destaque-blogs h3                                 { color:#93161c;}
#header #menu-principal #content-blogs article.artigo-ilustrado figure img                   { border-color:#93161c;}
#header #menu-principal #content-blogs #destaque-blogs article.artigo-ilustrado h3 a:hover   { background:#FFF !important; color:#93161c !important;}
#header #menu-principal #content-blogs #destaque-blogs article.artigo-ilustrado h3           { margin-top:10px !important}	

/*** MENU BLOOMBER ***/
#header #menu-principal li:hover #content-bloomberg                                                          {left:539px; top: auto;  z-index:10; border-left:6px solid #444444; width:445px;}
#header #menu-principal li:hover #content-bloomberg h1                                                       {margin:30px 0 0 20px;}
#header #menu-principal li:hover #content-bloomberg h1 a                                                     {color:#333;}
#header #menu-principal li:hover #content-bloomberg nav                                                      {margin:0; padding:0; width:212px;}
#header #menu-principal li:hover #content-bloomberg nav ul                                                   {float:left;}
#header #menu-principal li:hover #content-bloomberg a span                                                   {background: url(/images/sprite.png) no-repeat -22px 0px;margin: 2px 82px 0 0;}
#header #menu-principal li:hover #content-bloomberg a:hover span                                             {background:url(/images/sprite.png) no-repeat 0 -97px;}
#header #menu-principal li:hover #content-bloomberg #destaque-bloomberg h3                                    {color:#333;}
#header #menu-principal li:hover #content-bloomberg article.artigo-ilustrado figure img                      {border-color:#000;}
#header #menu-principal li:hover #content-bloomberg #destaque-bloomberg article.artigo-ilustrado h3 a:hover   {background:#FFF !important; color:#8560a8 !important;}
#header #menu-principal li:hover #content-bloomberg nav#nav-ultimas-noticias                                 {margin-top:-5px;}
#header #menu-principal li:hover #content-bloomberg .sp-ultnot a                                             {margin:20px 0 0 0;}

#header #menu-principal ul li #content-bolsas-mercados nav div.empresas-minilogo .ver-mais a:hover {
    background: #FFF !important;
    color: #0C9ADE !important;
}

#header #menu-principal li:hover .content-menu p                                    { border-bottom: 1px solid #F0F0F0; }
#header #menu-principal li:hover .content-menu p.ver-mais                           { border: none; }
#header #menu-principal li:hover .content-menu p a                                  { display: block; }

#header #menu-principal li:hover .content-menu p a:hover                            { opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); }
#header #menu-principal li:hover .content-menu p a span                             { display: block; width: 6px; height: 9px; float: right; margin-top: 4px; background: url(../images/sprite.png) no-repeat; margin-top: 5px; }

#header #menu-principal li:hover .content-menu .home                                { clear: both; padding: 20px 0 10px 20px; font-size: 16px; }
#header #menu-principal li:hover .content-menu .black                               { background-color: #000; }

#header #menu-principal li:hover .content-menu p#home-mercados a                    { width: 126px; } 
#header #menu-principal li:hover .content-menu p#home-mercados a span               { background-position: -7px 0px; }

#header #menu-principal li:hover .content-menu p#home-onde-investir a               { width: 153px; }
#header #menu-principal li:hover .content-menu p#home-onde-investir a span          { background-position: -14px 0px; }

#header #menu-principal li:hover .content-menu p#home-minhas-financas a             { width: 180px; }
#header #menu-principal li:hover .content-menu p#home-minhas-financas a span        { background-position: 0px -17px; }

#header #menu-principal li:hover .content-menu p#home-negocios a                    { width: 123px; }
#header #menu-principal li:hover .content-menu p#home-negocios a span               { background-position: 0 -106px; }

#header #menu-principal li:hover .content-menu p#home-imoveis a                     { width: 123px; }
#header #menu-principal li:hover .content-menu p#home-imoveis a span                { background-position: 0 -8px; }

#header #menu-principal li:hover .content-menu p#home-carreira a                    { width: 198px; }
#header #menu-principal li:hover .content-menu p#home-carreira a span               { background-position: -13px -97px; margin-top: 5px; }

#header #menu-principal li:hover .content-menu p#home-franquias a                   { width: 220px; }
#header #menu-principal li:hover .content-menu p#home-franquias a span              { background-position: -122px -46px; margin-top: 4px; }

#header #menu-principal li:hover .content-menu p#home-bloomberg a                   { width: 220px; }
#header #menu-principal li:hover .content-menu p#home-bloomberg a span              { background-position: 0px -97px; margin-top: 4px; }

#header #menu-principal li:hover .content-menu p#home-aprenda a                     { width: 130px; }
#header #menu-principal li:hover .content-menu p#home-aprenda a span                { background-position: -15px -8px; }

#header #menu-principal li:hover .content-menu a span.novo                          { color: #e00f31; font-size: 10px; font-family: Arial; font-weight: bold; background: none !important; }
#header #menu-principal li:hover .content-menu a:hover span.novo                    { color: #fff; }

#header #menu-principal li:hover .content-menu p#home-blogs a                       { width: 100px; }
#header #menu-principal li:hover .content-menu p#home-blogs a span                  { background-position: 0 -106px; }

/*
#header #menu-principal li:hover .content-menu p a.ver-videos                       { float: right; margin: -15px 80px 0 0; width: 81px !important; padding-left: 22px !important; padding-bottom: 0 !important; padding-right: 0 !important; padding-top: 0 !important; background: url(/images/ico-videos-gd.png) no-repeat 0 3px !important; font-size: 16px; }
#header #menu-principal li:hover .content-menu p a.ver-videos-carreira,
#header #menu-principal li:hover .content-menu p a.ver-videos-bloomberg             { float: right; margin: -15px -50px 0 0; width: 167px !important; padding-left: 22px !important; padding-bottom: 0 !important; padding-right: 0 !important; padding-top: 0 !important; background: url(/images/ico-videos-gd.png) no-repeat 0 3px !important; font-size: 16px; }
*/

#header #menu-principal li:hover .content-menu p a.ver-videos {
    width: 81px !important;
    padding-left: 22px !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    background: url(/images/ico-videos-gd.png) no-repeat 0 3px !important;
    font-size: 16px;
    position: absolute;
}

#header #menu-principal li:hover .content-menu p a.ver-videos-mercados              { top: 370px; right: 220px; }
#header #menu-principal li:hover .content-menu p a.ver-videos-onde-investir         { top: 320px; right: 110px; display: none }
#header #menu-principal li:hover .content-menu p a.vamosinvestir-onde-investir      { top: 20px; right: 370px; position: absolute; width: 170px!important; color: #00c0ff; }
#header #menu-principal li:hover .content-menu p a.vamosinvestir-onde-investir span { background-position: -7px 0px!important }
#header #menu-principal li:hover .content-menu p a.ver-videos-minhas-financas       { top: 320px; right: 110px; }
#header #menu-principal li:hover .content-menu p a.ver-videos-franquias             { top: 290px; right: 75px; margin: -15px -50px 0 0; width: 167px !important; }
#header #menu-principal li:hover .content-menu p a.ver-videos-negocios              { top: 310px; right: 120px; }
#header #menu-principal li:hover .content-menu p a.ver-videos-carreira              { top: 320px; right: 75px; margin: -15px -50px 0 0; width: 167px !important; }

/** last news no mega menu **/
#header #menu-principal li:hover .content-menu .last-news .artigo-ilustrado                  { border:none !important;}
#header #menu-principal li:hover .content-menu .last-news article.artigo-ilustrado figure    { float:none;}
#header #menu-principal li:hover .content-menu .last-news p                                  { float: left !important;}
#header #menu-principal li:hover .content-menu .last-news p a                                { font-size: 14px !important;color: #333 !important;display: block;}
#header #menu-principal li:hover .content-menu .last-news p.formato-small a:hover            { background: none !important;}

/*** correção BUG ie 7 ***/
/*
#mock-up-header #header #menu-principal li .ie7 {padding-right:21px;}
#mock-up-header #header #menu-principal li:hover .ie7 {background:url("/");}
*/

#header #menu-principal .artigo-ilustrado p     { border:none !important;}

#header #menu-principal .logo-clear-menu        { position: absolute; top: 5px; right: 20px; z-index: 5; width: 90px !important; height: 40px !important; display: block !important; background: url(http://images.infomoney.com.br/site/logo-clear-horizontal.png) !important; font-size: 9px; background-position: 0px 8px !important; background-repeat: no-repeat !important; text-align: right; }
#header #menu-principal a.logo-clear-menu       { color: #ccc !important }

#header #menu-principal .logo-investHB-menu     { position: absolute; top: 10px; right: 20px; z-index: 5; width: 93px !important; height: 30px !important; display: block !important; background: url(http://images.infomoney.com.br/site/logo-investHB-horizontal.png) !important; font-size: 9px; background-position: 0px 8px !important; background-repeat: no-repeat !important; text-align: right; }
#header #menu-principal a.logo-investHB-menu    { color: #ccc !important }


/* onde investir - #vamosinvestir */
.vamos-investir                         {margin:0!important;width:530px!important;padding:0!important;font-size:12px;border-left:5px solid #00c0ff!important;height:407px!important}
.vamos-investir a                       {font-family:OpenSansBold,Arial!important;color:#333!important;font-size:14px!important}
.vamos-investir p                       {border-bottom:0!important}
.vamos-investir a:hover                 {color:#333!important;font-size:14px!important}
.vamos-investir-titulo                  {font-size:18px;color:#333!important}
.vamos-investir-titulo span             {font-size:18px;color:#00c0ff}
.vamos-investir ul                      {position:relative!important;float:left!important;width:100%!important}
.vamos-investir li                      {position:relative!important;float:left!important;width:50%!important;text-align:left!important;margin-bottom:0!important;height:auto!important;border-bottom:0!important}
.vamos-investir-box-container a:hover   {background:none!important}
.vamos-investir-xpe                     {position:absolute;top:10px;right:0}
.vamos-investir-icone                   {position:relative;float:left;width:100%;margin-bottom:10px;height:160px}
.vamos-investir-icone:hover             {opacity:.8;filter:alpha(opacity=80)}
.vamos-investir-icone-simulador         {background:url(http://www.infomoney.com.br/vamosinvestir/images/illustration_simulador.png) no-repeat;background:url(http://www.infomoney.com.br/vamosinvestir/images/illustration_simulador.svg) no-repeat;background-color:#FFB32C;background-position:center center;background-size:90%}
.vamos-investir-icone-guias             {background:url(http://www.infomoney.com.br/vamosinvestir/images/custoxbeneficio.png) no-repeat;background:url(http://www.infomoney.com.br/vamosinvestir/images/custoxbeneficio.svg) no-repeat;background-color:#f7f7f7;background-position:center -20%;background-size:65%}
.vamos-investir-icone-artigos           {background:url(http://www.infomoney.com.br/vamosinvestir/images/illustration_acoes.png) no-repeat;background:url(http://www.infomoney.com.br/vamosinvestir/images/illustration_acoes.svg) no-repeat;background-color:#97D7FF;background-position:center 45%;background-size:65%}
.vamos-investir-icone-aplicacoes        {background:url(http://www.infomoney.com.br/vamosinvestir/images/illustration_fundos-investimento.png) no-repeat;background:url(http://www.infomoney.com.br/vamosinvestir/images/illustration_fundos-investimento.svg) no-repeat;background-color:#FF8E66;background-position:center 25%;background-size:80%}