@charset "UTF-8";
/** Variaveis do tema Este arquivo é uma copia de bower_components/bootstrap-sass/assets/stylesheets/bootstrap/variables Estao listadas aqui as variaveis originais que foram modificadas e as variaveis que foram criadas para o tema */
html { box-sizing: border-box; }

html, body { overflow-x: hidden; }

*, *:before, *:after { box-sizing: inherit; }

.debug { border: 1px solid red; }

.container, .row { position: relative; }

.box-shadow { box-shadow: 0 2px 8px #65656a; }

.text-shadow { text-shadow: 0 2px 8px #65656a; }

/** HEADER Estrutura o menu, dropdown, caixa de login foto e perfil do usuario, modal-entrar, etc */
.navbar, .navbar-brand { min-height: none; }

.navbar-brand { float: initial; max-width: 650px; height: 100px; margin: 0; z-index: 1000; transition: height 350ms cubic-bezier(0.25, 0.1, 0.25, 1); }

@media (max-width: 991px) { .navbar-brand { width: auto; padding: 0; } }

.navbar-brand img { max-height: 70px; max-width: 280px; float: left; }

@media (max-width: 991px) { .navbar-brand img { max-width: 220px; } }

.navbar-brand small { float: left; display: block; text-align: center; color: #fff; font-weight: 700; font-size: 14px; letter-spacing: -0.03em; line-height: 22px; text-shadow: none; width: 295px; position: relative; padding: 15px 0 15px 5px; border-left: 1px solid #ffffff; margin-left: 20px; transition: opacity 250ms, top 200ms, border-width 150ms, font-size 200ms cubic-bezier(0.25, 0.1, 0.25, 1); }

@media (max-width: 1199px) { .navbar-brand small { display: none; } }

.navbar-default { background: #9e302f; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9e302f), color-stop(100%, #9e302f)); background: -webkit-linear-gradient(top, #9e302f 0%, #9e302f 100%); background: -ms-linear-gradient(top, #9e302f 0%, #9e302f 100%); background: linear-gradient(to bottom, #9e302f 0%, #9e302f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e302f', endColorstr='#9e302f',GradientType=0 ); box-shadow: none; border-top: 5px solid #d1b131; }

#menu { position: relative; width: 100%; float: left; height: 100px; transition: height 350ms cubic-bezier(0.25, 0.1, 0.25, 1); }

#menu #nav { padding: 0; display: inline-block; height: 100%; width: 100%; }

#menu button + button { margin-right: 15px; }

.navbar-header, #abre-menu, #abre-login, #abre-logado, #abre-busca { display: table; list-style-type: none; padding: 0 0 0 10px; height: 100%; transition: top 250ms cubic-bezier(0.25, 0.1, 0.25, 1); }

.navbar-header > div, #abre-menu > div, #abre-login > div, #abre-logado > div, #abre-busca > div { display: table-cell; vertical-align: middle; }

.navbar-header { float: left; }

#abre-menu { float: left; }

#abre-menu button { height: 16px; margin: 10px 20px 0 0; padding: 0 0 0 20px; background: no-repeat 0 1px; background-image: url("http://instancia1.futuropositivo.com.br/media/changeimagecolor?color=ffffff&location=Resources%2FStyles%2FThemes%2FEris%2Fimg%2Fico-abre-menu.png"); background-color: transparent; border: none; color: #ffffff; font-size: 16px; line-height: 14px; transition: background-image 250ms, top 250ms cubic-bezier(0.25, 0.1, 0.25, 1); }

#abre-menu button.aberto { background-image: url("http://instancia1.futuropositivo.com.br/media/changeimagecolor?color=ffffff&location=Resources%2FStyles%2FThemes%2FEris%2Fimg%2Fico-fecha-menu.png"); }

@media (min-width: 768px) { #abre-menu button.aberto:before { content: ' '; display: block; width: 15px; height: 9px; position: absolute; left: 2px; bottom: -30px; background-image: url("http://instancia1.futuropositivo.com.br/media/changeimagecolor?color=ffffff&location=Resources%2FStyles%2FThemes%2FEris%2Fimg%2Fmenu-drop-seta.png"); } }

#abre-menu button:hover, #abre-menu button:active, #abre-menu button:focus { outline: none; }

#abre-login { float: right; }

#abre-login button { color: #9e302f; background-color: #d1b131; font-size: 14px; }

#abre-logado { float: right; }

#abre-logado li, #abre-logado a { display: block !important; }

#abre-logado .dropdown-menu { right: 0; left: unset; }

#abre-busca { float: left; transition: top 200ms, width 200ms cubic-bezier(0.25, 0.1, 0.25, 1); }

@media (min-width: 992px) { #abre-busca { width: 210px; } }

#abre-busca input[type=search], #abre-busca input[type=text] { padding: 3px 26px 3px 6px; width: 140px; height: auto; background-image: url("http://instancia1.futuropositivo.com.br/media/changeimagecolor?color=ffffff&location=Resources%2FStyles%2FThemes%2FEris%2Fimg%2Fico-busca.png"); background-repeat: no-repeat; background-position: 180px 6px; background-color: transparent; border: 1px solid #ccc; border-radius: 800px; font-style: italic; transition: width 200ms, background-position 200ms cubic-bezier(0.25, 0.1, 0.25, 1); }

#abre-busca input[type=search], #abre-busca input[type=search]:focus, #abre-busca input[type=search]:active, #abre-busca input[type=text], #abre-busca input[type=text]:focus, #abre-busca input[type=text]:active { outline: none !important; background-color: #fff; }

#abre-busca input[type=search]:focus, #abre-busca input[type=search]:hover, #abre-busca input[type=text]:focus, #abre-busca input[type=text]:hover { background-image: url("http://instancia1.futuropositivo.com.br/media/changeimagecolor?color=ffffff&location=Resources%2FStyles%2FThemes%2FEris%2Fimg%2Fico-busca-aberto.png") !important; }

#abre-busca button { position: absolute; right: -2px; top: 0; width: 24px; height: 32px; display: block; border: none; background: none; }

#abre-busca.fechado input[type=search], #abre-busca.fechado input[type=text] { width: 2px; background-position: 8px 6px; background-color: transparent; border-color: transparent; }

@media (min-width: 768px) { #console { position: absolute; left: 10px; top: -1000px; width: 720px; padding: 14px; background: #fff; border: 1px solid #e4e4e4; border-radius: 4px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35); opacity: 0; transition: top 5ms, opacity 350ms cubic-bezier(0.25, 0.1, 0.25, 1); }
  #console:before, #console:after { content: " "; display: table; }
  #console:after { clear: both; }
  #console.aberto { top: 80px; opacity: 1; }
  #console .coluna { width: 230px; height: 440px; float: left; }
  #console .coluna ul { padding-left: 0; }
  #console .coluna li { list-style-type: none; }
  #console .coluna li a { color: #65656a; }
  #console .divisor { display: block; margin: 15px 30px 15px 0; border-top: 1px solid #e4e4e4; }
  #coluna-centro { border-left: 1px solid #e4e4e4; }
  #coluna-centro ul { position: relative; left: -1px; height: 440px; }
  #coluna-centro a { display: block; margin: 0 15px; padding: 3px; border-bottom: 1px solid #fff; }
  #coluna-centro a:hover { text-decoration: none; }
  #coluna-direita { border-left: 1px solid #e4e4e4; padding-left: 15px; }
  #coluna-direita li span { display: block; width: 44px; float: left; margin-right: 10px; }
  #coluna-direita li a { width: 230px; }
  #abre-logado { top: 15px; width: 128px; text-align: center; transition: height 200ms, top 200ms cubic-bezier(0.25, 0.1, 0.25, 1); }
  #abre-logado img { width: 56px; height: 56px; border: 2px solid #ffffff; border-radius: 256px; cursor: pointer; transition: width 250ms, height 250ms cubic-bezier(0.25, 0.1, 0.25, 1); }
  #abre-logado .nome-usuario { display: block; color: #ffffff; font-size: 12px; font-style: italic; opacity: 1; transition: opacity 200ms cubic-bezier(0.25, 0.1, 0.25, 1); }
  #abre-logado ul { margin-left: -40px; background: #fff; border: 1px solid #e4e4e4; border-radius: 4px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35); }
  #abre-logado ul a { padding: 2px 14px; text-align: center; }
  #abre-logado { top: 8px; } }

@media (max-width: 767px) { .navbar-default { height: 106px; }
  .navbar-header { float: left; }
  #abre-menu { float: right; }
  #abre-menu button { width: 24px; text-indent: -9999px; overflow: hidden; }
  #abre-busca { display: none !important; }
  #console { position: fixed; left: 0; display: none; width: 100%; padding: 15px; background-color: #fff; border-bottom: 2px solid #d1b131; transition: top 250ms, opacity 350ms cubic-bezier(0.25, 0.1, 0.25, 1); }
  #console.aberto { top: 105px; display: block; }
  #coluna-centro { display: none; }
  #coluna-direita { background-color: #fff; }
  #coluna-direita h4 { font-weight: 400 !important; }
  #coluna-direita li { display: block; width: 24.25%; margin-right: 1%; float: left; text-align: center; background-color: #f6f6f6; }
  #coluna-direita li:last-child { margin-right: 0; }
  #coluna-direita a { display: block; padding: 8px 0; font-size: 13px !important; text-align: center; }
  #coluna-direita span { margin: 0 auto 8px !important; }
  #abre-logado { width: 64px; height: 64px; text-align: center; transition: height 200ms, top 200ms cubic-bezier(0.25, 0.1, 0.25, 1); }
  #abre-logado img { width: 56px; height: 56px; border: 1px solid #ffffff; border-radius: 256px; cursor: pointer; transition: width 250ms, height 250ms cubic-bezier(0.25, 0.1, 0.25, 1); }
  #abre-logado .nome-usuario { display: none; }
  #abre-logado ul { margin-left: -40px; background: #fff; border: 1px solid #e4e4e4; border-radius: 4px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35); }
  #abre-logado ul a { padding: 2px 14px; text-align: center; }
  #abre-login, #abre-logado { display: none; } }

#submenu-financas a:hover { color: #7DB61C; border-color: #7DB61C; }

#submenu-previdencia a:hover { color: #C9D200; border-color: #C9D200; }

#submenu-qualidade-de-vida a:hover { color: #00A091; border-color: #00A091; }

#submenu-nome-fundo-pensao a:hover { color: #2d4275; border-color: #2d4275; }

#submenu-podcast a:hover { color: #025085; border-color: #025085; }

#submenu-video a:hover { color: #025085; border-color: #025085; }

#categorias { padding-left: 0; }

#categorias li { list-style-type: none; }

#categorias li a { display: block; height: 35px; padding: 6px 0 6px 6px; color: #65656a; background-image: url("http://instancia1.futuropositivo.com.br/media/changeimagecolor?color=ffffff&location=Resources%2FStyles%2FThemes%2FEris%2Fimg%2Fsubmenu.png"); background-repeat: no-repeat; background-position: right -35px; background-color: #e4e4e4; }

#categorias li a:hover, #categorias li a.ativo { background-position: right 0; text-decoration: none; }

#categorias li a.cat-financas:hover, #categorias li a.cat-financas.ativo { color: #7DB61C; background-color: #7DB61C; }

#categorias li a.cat-previdencia:hover, #categorias li a.cat-previdencia.ativo { color: #C9D200; background-color: #C9D200; }

#categorias li a.cat-qualidade-de-vida:hover, #categorias li a.cat-qualidade-de-vida.ativo { color: #00A091; background-color: #00A091; }

#categorias li a.cat-fundo-de-pensao:hover, #categorias li a.cat-fundo-de-pensao.ativo { color: #2d4275; background-color: #2d4275; }

#categorias li a.cat-podcast:hover, #categorias li a.cat-podcast.ativo { color: #025085; background-color: #025085; }

#categorias li a.cat-video:hover, #categorias li a.cat-video.ativo { color: #025085; background-color: #025085; }

#coluna-direita h4 { font-weight: 700; font-size: 18px; text-transform: uppercase; }

#coluna-direita ul { margin: 0; padding: 0; }

#coluna-direita li { margin-bottom: 15px; list-style-type: none; }

#coluna-direita li span { display: block; width: 44px; height: 26px; background-image: url("http://instancia1.futuropositivo.com.br/media/changeimagecolor?color=d1b131&location=Resources%2FStyles%2FThemes%2FEris%2Fimg%2Fico-ferramentas.png"); background-repeat: no-repeat; }

#coluna-direita li a { display: block; font-size: 18px; color: #65656a; }

#fr_simuladores span { background-position: 0 0; }

#fr_teste span { background-position: 0 -26px; }

#fr_downloads span { background-position: 0 -52px; }

#fr_glossario span { background-position: 0 -78px; }

.menor .navbar-brand { height: 60px; padding-top: 0; padding-bottom: 0; }

.menor .navbar-brand img { max-height: 48px; }

.menor .navbar-brand small { display: none; top: 2px; right: 0; border-width: 0; font-size: 12px; }

.menor #menu { height: 60px; }

.menor #abre-menu { top: 5px; }

.menor #abre-menu button.aberto:before { bottom: -25px !important; }

.menor #abre-login { top: -2px; }

.menor #abre-logado { top: -6px; height: 48px; }

.menor #abre-logado img { width: 44px; height: 44px; }

.menor #abre-logado .nome-usuario { opacity: 0; }

.menor #abre-busca { top: 0; }

.menor #console.aberto { top: 50px; }

@media (max-width: 991px) { .menor { height: 60px; }
  .menor #abre-menu { top: 15px; }
  .menor #abre-login { top: 10px; }
  .menor #abre-logado { top: 2px; } }