/* ==========================================================================
                            ESTILOS GLOBAIS
========================================================================== */
* {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
  font: 100% Arial, Helvetica, sans-serif;
}

.subsecao-topo {
  border-top: 25px solid #00336C;
}

#campanha *, #resultados h2, .box-em-breve p, #resultados #accordion h3, footer * {
  font-family: 'Source Sans Pro', sans-serif;
}

.fundo {
  width: 100%;
}

section h2, .lateral h3 {
  text-transform: uppercase;
  font-weight: 900;
}

.compra-premiada .fundo {
  background: url("/comprapremiada/img/fundo-cp-5mil.gif") repeat-x 0 0;
}

.poupanca-premiada .fundo {
  background: url("/poupancapremiada/img/fundo-pp.gif") repeat-x 0 -2px;
}

a {
  color: #3266A0;
  text-decoration: none;
  font-size: .75em;
  font-weight: bold;
  cursor: pointer;
}

a img {
  border: 0;
}

header > h1, caption {
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  left: -999em;
}

section h2 {
  margin: 3em 0 1em 0;
  font-size: 1.25em;
}

hr {
  margin:0 0 1.875em 0;
  border-left:0;
  border-right:0;
}

hr.subsecao {
  margin-bottom: 0;
}

img, picture, video, iframe, embed {
  max-width: 100%;
}

section {
  padding: 0 1.563em;
}

table {
  border-spacing: 0;
}

table th, table td {
  padding: 8px 15px;
}

.centralizado {
  display: block;
  margin: 0 auto;
}

.font300 {
  font-weight: 300;
}

.breadcrumb {
  margin: 1em 0;
}

.breadcrumb ul li {
  display: inline;
}

.breadcrumb ul li a {
  color: #3266A0;
  text-decoration: none;
}

.breadcrumb ul li a:hover {
  text-decoration: underline;
}

/*-- GRID --*/
.row:before, .row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

/* -- TOPO -- */
header {
  width: 100%;
  min-height: auto;
}

.compra-premiada header {
  background: url("/comprapremiada/img/fundo-header-cp.png") repeat-x 0 0;
  background-color: #0C5683;
}

.poupanca-premiada header {
  background-color: #47B4F5;
}

/* -- MENU -- */
nav {
  display: flex;
  width: 100%;
  min-height: 61px;
  -webkit-box-shadow: 0 3px 2px -2px #333;
  -moz-box-shadow: 0 3px 2px -2px #333;
  box-shadow: 0 3px 2px -2px #333;
  behavior: url(/css/pie/PIE.htc);
}

.compra-premiada nav {
  background-color: #588A17;
  border-top: 1px solid #7CA238;
  border-bottom: 1px solid #5F691C;
}

.poupanca-premiada nav {
  background-color: #00336C;
  border-top: 1px solid #1D4779;
  border-bottom: 1px solid #002758;
}

.menu-mobile {
  background-color: transparent;
  border: none;
  float: right;
  margin: 12px 10px 0;
}

.menu-mobile:hover {
  cursor: pointer;
}

.compra-premiada .menu-mobile:hover .icon-barra {
  background-color: #FBE22F;
}

.poupanca-premiada .menu-mobile:hover .icon-barra {
  background-color: #FFFFFF;
}

.menu-fixo {
  position: fixed;
  top: 0;
  z-index: 200;
}

.icon-barra {
  display: block;
  width: 22px;
  height: 4px;
  border-radius: 1px;
  margin: 5px;
}

.compra-premiada .icon-barra {
  background-color: #FFFFFF;
}

.poupanca-premiada .icon-barra {
  background-color:  #BBDE42;
}

nav .menu {
  position: relative;
  margin: 0 auto;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
}

nav .menu > li {
  float: left;
  list-style: none;
}

nav li a {
  display: block;
  text-transform: uppercase;
}

.compra-premiada nav .menu > li > a {
  padding: 1.90em 1.1em;
  border-right: 1px solid #5F691C;
  border-left: 1px solid #7CA238;
  color: #FFFFFF;
}

.compra-premiada nav .menu > li > a:hover {
  color: #002D61;
  background-color: #FBE22F;
}

.compra-premiada nav > .menu > li:first-child {
  border-left: 1px solid #5F691C;
}

.compra-premiada nav > .menu > li:last-child {
  border-right: 1px solid #7CA238;
}

.poupanca-premiada nav .menu > li > a {
  padding: 1.65em 1.46em;
  border-right: 1px solid #002758;
  border-left: 1px solid #1D4779;
  color: #BBDE42;
}

.poupanca-premiada nav .menu > li > a:hover {
  color: #FFFFFF;
  background-color: #009B3D;
}

.poupanca-premiada nav > .menu > li:first-child {
  border-left: 1px solid #002758;
}

.poupanca-premiada nav > .menu > li:last-child {
  border-right: 1px solid #1D4779;
}

.dd-itens {
  display: none;
  position: absolute;
  margin-left: -1px;
}

.dd-itens li {
  list-style: none;
}

.compra-premiada .dd-itens li {
  border-right: 1px solid #5F691C;
  border-left: 1px solid #5F691C;
}

.poupanca-premiada .dd-itens li {
  border-right: 1px solid #002758;
  border-left: 1px solid #002758;
}

.dd-itens li:first-child {
  border-top: none;
}

.dd-itens li:first-child:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  top: -15px;
  left: 42.5%;
}

.compra-premiada .dd-itens li:first-child:after {
  border-bottom: 15px solid #7CA238;
}

.poupanca-premiada .dd-itens li:first-child:after {
  border-bottom: 15px solid #415E8A;
}

.dd-itens li a {
  border-left: 3px solid transparent;
  text-transform: none;
}

.compra-premiada .dd-itens li a {
  padding: 1.65em 1.5em;
  background-color: #7CA238;
  border-bottom: 1px solid #5F691C;
  color: #FFFFFF;
}

.poupanca-premiada .dd-itens li a {
  padding: 1.65em 1.86em;
  background-color: #415E8A;
  border-bottom: 1px solid #002758;
  color: #BBDE42;
}

.dd-itens li a:hover {
  border-left: 3px solid #FFFFFF;
}

.menu-dd:hover .dd-itens {
  display: block;
}

.compra-premiada a.submenu-mobile:hover {
  color: #FFFFFF !important;
  background-color: #588A17 !important;
}

.poupanca-premiada a.submenu-mobile:hover {
  color: #BBDE42 !important;
  background-color: #00336C !important;
}

/* -- SECAO CAMPANHA -- */
.compra-premiada #campanha h2 {
  color: #C9D505;
}

.poupanca-premiada #campanha h2 {
  color: #002D61;
}

.compra-premiada #campanha hr {
  border-top:1px solid #1A6E9D;
  border-bottom:1px solid #004878;
}

.poupanca-premiada #campanha hr {
  border-top: 1px solid #AFBECC;
}

.video {
  position: relative;
  width: 60%;
  float: left;
}

.video > .simpleTabs {
  max-width: 560px;
}

.video iframe {
  width: 560px;
  height: 315px;
}

.lateral {
  position: relative;
  width: 35%;
  float: right;
}

.lateral h3 {
  margin: 2.25em 0 1.75em 0;
}

.lateral h4 {
  margin-bottom: 1em;
  font-weight: 600;
}

.lateral iframe {
  width: 300px;
  height: 115px;
}

.compra-premiada .lateral {
  color: #FFFFFF;
}

.poupanca-premiada .lateral {
  color: #24417B;
}

.compra-premiada .lateral p {
  margin-bottom: 4.25em;
  font-size: 0.875em;
}

.poupanca-premiada .lateral p {
  margin-bottom: 5.25em;
  font-size: 0.875em;
}

/* -- Tabs Videos --*/
ul.simpleTabsNavigation {
  margin:0;
  padding:0;
  text-align:left;
}

ul.simpleTabsNavigation li {
  list-style:none;
  display:inline;
  margin:0;
  padding:0;
}

ul.simpleTabsNavigation li a {
  border:1px solid #004878;
  border-radius: 5px 5px 0 0;
  padding:8px 10px;
  line-height:23px;
  background:#004878;
  text-decoration:none;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
}

ul.simpleTabsNavigation li a:hover {
  background-color: #81AECA;
}

.compra-premiada ul.simpleTabsNavigation li a.current {
  background: #0C5784;
  color: #FFFFFF;
  border-bottom:1px solid #005B94;
}

.poupanca-premiada ul.simpleTabsNavigation li a.current {
  background: #D7EEFD;
  color: #004878;
  border-bottom:1px solid #D7EEFD;
}

div.simpleTabsContent {
  border-top:1px solid #004878;
  padding:10px 0;
  margin-top: 6px;
  display:none;
}

div.simpleTabsContent.currentTab {
  display: block;
}

/* -- SECAO RESULTADOS -- */
#resultados h2 {
  color: #002D61;
}

#resultados hr {
  border-top: 1px solid #A9B3BC;
}

.box-em-breve {
  margin-bottom: 25px;
  border: 1px solid #ccc;
  background: #f6f6f6 url("/menu_lateral/images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
  border-radius: 4px;
  behavior: url(/css/pie/PIE.htc);
}

.box-em-breve p {
  font-size: 0.9em;
  color: #333;
  padding: .975em .5em .975em 2.2em;
}

.tabela {
  position: relative;
  width: 50%;
  float: left;
  margin-bottom: 30px !important;
}

.tabela > table {
  width: 100%;
  font-size: 0.8em;
}

.tabela a {
  font-size: 1em;
}

.tabela a:hover {
  text-decoration: underline;
}

.galeria-fotos {
  position: relative;
  width: 45%;
  max-width: 360px;
  float: right;
  -webkit-box-shadow: #909090 0px 3px 4px;
  -moz-box-shadow: #909090 0px 3px 4px;
  box-shadow: #909090 0px 3px 4px;
  behavior: url(/css/pie/PIE.htc);
}

/* Personalizacoes Fotorama */
.fotorama__caption {
  height: 30px;
  text-align: center;
  background-color: rgba(1,45,88, .8);
}

.fotorama__caption__wrap {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background-color: rgba(0,0,0,0) !important;
}

.fotorama__nav-wrap {
  background-color: #012D58;
  padding: .75em 0;
}

/* -- RODAPE -- */
footer {
  width: 100%;
  clear: both;
  margin: 48px 0 0 0;
  padding: 1.875em;
  text-align: center;
  font-size: 1.125em;
  color: #FFFFFF;
  background-color: #00336C;
  -webkit-box-shadow: 0 -10px 10px -10px #999999;
  -moz-box-shadow: 0 -10px 10px -10px #999999;
  box-shadow: 0 -10px 10px -10px #999999;
  behavior: url(/css/pie/PIE.htc);
}

footer p {
  margin-bottom: 1.2em;
}

.certificado {
  font-size: 0.8em;
}

.redes-sociais {
  max-width: 450px;
}

.img-facebook {
  float: left;
  max-width: 40%;
}

.img-twitter {
  float: right;
  max-width: 45%;
}

/* -- ERRO DE SCRIPT -- */
.noscript-aviso {
  background-color:#F8F9FB;
  border-radius:3px;
  border:#A9B3BC solid 1px;
}

.noscript-aviso p {
  color:#3266A0;
  font-family: "Roboto Condensed", sans-serif;
  text-align:center;
  margin:10px 0;
}

.noscript-aviso p:before {
  content:url(/img/smallicons/aviso-icone-alerta.gif);
  left:15px;
  position:absolute;
}

/*-- ESTILOS COLORBOX --*/
#body-colorbox {
  width:100%;
  background:url('/img/fundo.jpg') repeat-x;
}

.accordionColorbox {
  max-width: 600px;
  margin: 20px 0 30px 0;
}

.accordionColorbox ul li {
  border-bottom: none;
}

.accordionColorbox table {
  font-size: 12px;
}

.accordionColorbox .lista, .accordionColorbox .lista ul {
  padding: 0 0 10px 20px;
}

.accordionColorbox .lista li {
  font-size: 12px;
  list-style: disc url(/img/setaLinkMenu.png);
  padding: 2px;
}

.accordionColorbox .lista li li {
  list-style: square url(/img/lista_square.gif);
}

.accordionColorbox .formula {
  border-radius: 3px;
  border: 1px dotted #DDD;
  padding: 10px !important;
  display: inline-table;
}

.accordionColorbox .titulo, .accordionColorbox .subtitulo {
  color: #145591;
  font-family: Roboto Condensed, sans-serif;
  margin: 1em 0;
}

.accordionColorbox .titulo {
  font-size: 16px;
  font-weight: 500;
}

.accordionColorbox .subtitulo {
  text-transform: uppercase;
  font-weight: bold;
}

.accordionColorbox .textoModelo {
  text-align: justify;
}

#accordionColorbox {
  padding: 20px 20px 0 20px;
  float: left;
}

#accordionColorbox h1 > img {
  width: 158px;
  height: 49px;
  margin-bottom: 20px;
}

#accordionColorbox h2 {
  font-size: 16px;
  font-style: italic;
  font-weight: bold;
  margin: 10px 0 10px 15px;
  color: #244973;
}

#accordionColorbox dl, ul, ol {
  display: block;
  clear: both;
  color: #41485C;
  font-family: Arial, Helvetica, sans-serif;
}

#accordionColorbox ul.ganhadores {
  font-size: 0.8em;
  color:#333333;
  list-style:disc url('/img/setaLinkMenu.png');
  padding: 0 0 0 20px;
}

#accordionColorbox ul.ganhadores li {
  padding: 5px;
}

#accordionColorbox ul.ganhadores p {
  font-weight: bold;
  color:#3266A0;
  font-size: 1.2em;
  text-align: center;
  margin: 20px 30px 0 0;
}

#accordionColorbox ul.ganhadores li > span {
  font-weight: bold;
}

#accordionColorbox th {
  text-align: center;
}

#accordionColorbox .ativo {
  background: #2575BA;
  color: #FFFFFF;
}

.tabela-premios {
  border-top:1px dotted #CCCCCC;
  margin-bottom: 20px;
}

.tabela-premios td {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  background-color: #F9F9F9;
}

.tabela-formula td {
  padding: 2px;
}

.tabela-num-premios td {
  text-align: center;
  border-bottom: 1px solid #dddddd;
}

.tabela-num-premios tr:nth-child(odd) {
  background-color: #F9F9F9;
}

/* -- MEDIA QUERIES -- */
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 910px) and (max-width: 999px) {
  nav .menu > li > a {
    font-size: .725em;
  }

  .compra-premiada nav .menu > li > a {
    padding: 2em 1.095em;
  }

  .poupanca-premiada nav .menu > li > a {
    padding: 1.85em 1.33em;
  }

  .dd-itens li a {
    font-size: .725em;
  }

  .compra-premiada .dd-itens li a {
    padding: 1.85em 1.095em;
  }

  .poupanca-premiada .dd-itens li a {
    padding: 1.85em 1.33em;
  }

  .container {
    max-width: 840px;
  }
}



@media (min-width: 910px) {
  .menu-mobile, .icon-mais, #accordionColorbox .breadcrumb {
    display: none;
  }

  nav > .menu {
    height: 58px;
  }

  .dd-itens li:last-child {
    -webkit-box-shadow: 0 3px 2px -2px #333;
    -moz-box-shadow: 0 3px 2px -2px #333;
    box-shadow: 0 3px 2px -2px #333;
    behavior: url(/css/pie/PIE.htc);
  }
}

@media (max-width: 909px) {
  header {
    margin-top: 58px;
    margin-bottom: -1px;
  }

  nav {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    height: 0;
    overflow: hidden;
  }

  nav > .menu {
    margin-top: 58px;
    width: 100%;
  }

  nav .menu > li {
    float: none;
    text-align: center;
  }

  .icon-mais {
    font-size: 1.15em;
    position: relative;
    left: 40px;
  }

  .compra-premiada .icon-mais {
    color: #FFFFFF;
  }

  .poupanca-premiada .icon-mais {
    color: #BBDE42;
  }

  .menu-dd:hover .dd-itens {
    display: none;
  }

  .dd-itens {
    position: relative;
  }

  .dd-itens li:first-child:after {
    left: 48%;
  }

  .poupanca-premiada .dd-itens li {
    border-bottom: 1px solid #415E8A;
  }

  .compra-premiada .dd-itens li a, .poupanca-premiada .dd-itens li a {
    border-bottom: none;
  }

  .compra-premiada nav ul {
    border-top: 1px solid #7CA238;
  }

  .compra-premiada nav li {
    border-top: 1px solid #5F691C;
    border-bottom: 1px solid #7CA238;
  }

  .poupanca-premiada nav ul {
    border-top: 1px solid #1D4779;
  }

  .poupanca-premiada nav li {
    border-top: 1px solid #002758;
    border-bottom: 1px solid #1D4779;
  }

  .compra-premiada .fundo {
    background-position: 0 -4px;
  }

  .poupanca-premiada .fundo {
    border-top: 2px solid #00336C;
  }

  .video, .lateral, .tabela, .galeria-fotos {
    float: none;
    margin: 0 auto;
  }

  .video, .tabela, .galeria-fotos {
    width: 90%;
  }

  .lateral {
    width: 75%;
    text-align: center;
  }

  .lateral p {
    margin-bottom: 2.5em;
  }

  .compra-premiada .lateral {
    color: #005B94;
  }

  #accordionColorbox {
    width: 100%;
    padding: 15px 15px 0 15px;
  }

  #accordionColorbox h2 {
    margin-left: 0;
  }
}

@media (max-width: 500px) {
  .fundo h2 {
    text-align: center;
  }
}

@media (max-width: 380px) {
  .fotorama__caption__wrap {
    font-size: 12px;
    padding: 5px 2px !important;
  }

  .video, .lateral, .tabela, .galeria-fotos {
    width: 100%;
  }
}

/* -- CORRECOES IE 8 -- */
@media \0screen\,screen\9 {
  nav {
    display: block;
    position: absolute;
  }

  nav > .menu {
    max-width: 960px;
  }

  .fundo {
    padding-top: 58px;
  }

  .tabelinha td > b, .tab-rodape {
    display: none;
  }

  .tabela td {
    padding: 10px 5px;
    text-align: center;
  }

  .fotorama__caption {
    background-color: #04294B;
  }

  .fotorama__caption__wrap {
    color: #FFFFFF;
    background-color: #04294B;
  }
}

@media \0screen\,screen\9 and (max-width: 768px) {
  nav {
    box-shadow: none;
  }
}

/*@media \0screen\,screen\9 and (min-width: 768px) and (max-width: 893px) {
  .compra-premiada nav > .menu {
    max-width: 736px;
  }

  .poupanca-premiada nav > .menu {
    max-width: 721px;
  }
}

@media \0screen\,screen\9 and (min-width: 894px) and (max-width: 991px) {
  .compra-premiada nav > .menu {
    max-width: 825px;
  }

  .poupanca-premiada nav > .menu {
    max-width: 810px;
  }
}*/

/* -- CORRECOES IE 10 -- */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 992px) {
  .compra-premiada nav > .menu {
    max-width: 950px;
  }

  .poupanca-premiada nav > .menu {
    max-width: 960px;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 851px) and (max-width: 991px) {
  .compra-premiada nav > .menu {
    max-width: 860px;
  }

  .poupanca-premiada nav > .menu {
    max-width: 850px;
  }

  .compra-premiada nav .menu > li > a {
    padding: 1.85em 0.9em;
  }

  .poupanca-premiada nav .menu > li > a {
    padding: 1.85em 1.2em;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width:768px) and (max-width: 850px) {
  .compra-premiada nav > .menu {
    max-width: 765px;
  }

  .compra-premiada nav .menu > li > a {
    padding: 2.25em .9em;
    font-size: .65em;
  }

  .poupanca-premiada nav > .menu {
    max-width: 750px;
  }

  .poupanca-premiada nav .menu > li > a {
    padding: 1.95em .65em;
  }
}




