﻿@charset "UTF-8";
@font-face {
  font-family: 'AllerBold';
  src: url("../fonts/aller_bd-webfont.eot");
  src: local("☺"), url("../fonts/aller_bd-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aller_bd-webfont.woff") format("woff"), url("../fonts/aller_bd-webfont.ttf") format("truetype");
}
@font-face {
  font-family: 'AllerBoldItalic';
  src: url("../fonts/aller_bdit-webfont.eot");
  src: local("☺"), url("../fonts/aller_bdit-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aller_bdit-webfont.woff") format("woff"), url("../fonts/aller_bdit-webfont.ttf") format("truetype");
}
@font-face {
  font-family: 'AllerItalic';
  src: url("../fonts/aller_it-webfont.eot");
  src: local("☺"), url("../fonts/aller_it-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aller_it-webfont.woff") format("woff"), url("../fonts/aller_it-webfont.ttf") format("truetype");
}
@font-face {
  font-family: 'AllerLight';
  src: url("../fonts/aller_lt-webfont.eot");
  src: local("☺"), url("../fonts/aller_lt-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aller_lt-webfont.woff") format("woff"), url("../fonts/aller_lt-webfont.ttf") format("truetype");
}
@font-face {
  font-family: 'AllerLightItalic';
  src: url("../fonts/aller_ltit-webfont.eot");
  src: local("☺"), url("../fonts/aller_ltit-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aller_ltit-webfont.woff") format("woff"), url("../fonts/aller_ltit-webfont.ttf") format("truetype");
}
@font-face {
  font-family: 'Aller';
  src: url("../fonts/aller_rg-webfont.eot");
  src: local("☺"), url("../fonts/aller_rg-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aller_rg-webfont.woff") format("woff"), url("../fonts/aller_rg-webfont.ttf") format("truetype");
}
@font-face {
  font-family: 'Aller Display';
  src: url("../fonts/allerdisplay-webfont.eot");
  src: local("☺"), url("../fonts/allerdisplay-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/allerdisplay-webfont.woff") format("woff"), url("../fonts/allerdisplay-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'bignoodletitlingregular';
  src: url("../fonts/big_noodle_titling-webfont.eot");
  src: url("../fonts/big_noodle_titling-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/big_noodle_titling-webfont.woff") format("woff"), url("../fonts/big_noodle_titling-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'bignoodletitlingoblique';
  src: url("../fonts/big_noodle_titling_oblique-webfont.eot");
  src: url("../fonts/big_noodle_titling_oblique-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/big_noodle_titling_oblique-webfont.woff") format("woff"), url("../fonts/big_noodle_titling_oblique-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'glyphicons-halflings-regular';
  src: url("../fonts/glyphicons-halflings-regular.eot");
  src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*.arrow-down, .arrow-up, .arrow, .banner-chevron-left, .banner-chevron-right, .bar-chevron-down-lp, .bar-chevron-down, .barra-result-alcool-maior, .barra-result-alcool-menor, .barra-result-gasolina-maior, .barra-result-gasolina-menor, .bg-alcool-desk, .bg-completo, .bg-gasolina-desk, .bg-maior, .bg-resultado-boneco, .bg-resultado-boneco2, .bg-text-comentarios, .bg, .bg_alcool, .bg_gasolina, .boneco-lp, .btn-app-store, .btn-boneco, .btn-google-play, .btn-oficial-apple, .btn-oficial-play, .btn-oficial-windows, .btn-windows-store, .calculadoramob, .comentarios, #todas-materias div.contador i, .dots-disable, .dots-enable, .down-barra-alcool, .down-barra-gasolina, .ferramenta-apps, .ferramenta-calculadora-gasolina, .ferramenta-listinhas, .ferramenta-sonhos, .ferramenta-tabela-diaria, .ferramenta-tabela-mensal, .ferramentas-titulo, .icon-bag-money, .icon-calendar, .icon-clak, .icon-cloud, .icon-hand-money, .icon-money, .icon-percent, .icon-pig, .icon-trophy, .jimbo, .logo_gas, .result-alcool, .result-gasolina, .search, .selo_alcool, .selo_gasolina, .top-alcool-valor, .top-gasolina-valor, .uma-iniciativa-febraban-mobile, .uma-iniciativa-febraban {
  background: url("../img/sprites/sprite.png") no-repeat;
}*/

.arrow-down {
  width: 78px;
  height: 27px;
  background-position: 0 0;
}

.arrow-up {
  width: 78px;
  height: 27px;
  background-position: 0 -27px;
}

.arrow {
  width: 12px;
  height: 19px;
  background-position: 0 -54px;
}

.banner-chevron-left {
  width: 59px;
  height: 59px;
  background-position: 0 -73px;
}

.banner-chevron-right {
  width: 59px;
  height: 59px;
  background-position: 0 -132px;
}

.bar-chevron-down-lp {
  width: 30px;
  height: 15px;
  background-position: 0 -191px;
}

.bar-chevron-down {
  width: 30px;
  height: 15px;
  background-position: 0 -206px;
}

.barra-result-alcool-maior {
  width: 53px;
  height: 272px;
  background-position: 0 -221px;
}

.barra-result-alcool-menor {
  width: 53px;
  height: 204px;
  background-position: 0 -493px;
}

.barra-result-gasolina-maior {
  width: 53px;
  height: 272px;
  background-position: 0 -697px;
}

.barra-result-gasolina-menor {
  width: 53px;
  height: 204px;
  background-position: 0 -969px;
}

.bg-alcool-desk {
  width: 179px;
  height: 50px;
  background-position: 0 -1173px;
}

.bg-completo {
  width: 600px;
  height: 800px;
  background-position: 0 -1223px;
}

.bg-gasolina-desk {
  width: 179px;
  height: 50px;
  background-position: 0 -2023px;
}

.bg-maior {
  width: 768px;
  height: 1280px;
  background-position: 0 -2073px;
}

.bg-resultado-boneco {
  width: 300px;
  height: 507px;
  background-position: 0 -3353px;
}

.bg-resultado-boneco2 {
  width: 300px;
  height: 507px;
  background-position: 0 -3860px;
}

.bg-text-comentarios {
  width: 460px;
  height: 27px;
  background-position: 0 -4367px;
}

.bg {
  width: 320px;
  height: 572px;
  background-position: 0 -4394px;
}

.bg_alcool {
  width: 102px;
  height: 29px;
  background-position: 0 -4966px;
}

.bg_gasolina {
  width: 101px;
  height: 29px;
  background-position: 0 -4995px;
}

.boneco-lp {
  width: 135px;
  height: 122px;
  background-position: 0 -5024px;
}

.btn-app-store {
  width: 122px;
  height: 40px;
  background-position: 0 -5146px;
}

.btn-boneco {
  width: 190px;
  height: 138px;
  background-position: 0 -5186px;
}

.btn-google-play {
  width: 162px;
  height: 40px;
  background-position: 0 -5324px;
}

.btn-oficial-apple {
  width: 135px;
  height: 40px;
  background-position: 0 -5364px;
}

.btn-oficial-play {
  width: 115px;
  height: 40px;
  background-position: 0 -5404px;
}

.btn-oficial-windows {
  width: 154px;
  height: 40px;
  background-position: 0 -5444px;
}

.btn-windows-store {
  width: 123px;
  height: 40px;
  background-position: 0 -5484px;
}

.calculadoramob {
  width: 243px;
  height: 169px;
  background-position: 0 -5524px;
}

.comentarios, #todas-materias div.contador i {
  width: 26px;
  height: 26px;
  background-position: 0 -5693px;
}

.dots-disable {
  width: 13px;
  height: 14px;
  background-position: 0 -5719px;
}

.dots-enable {
  width: 14px;
  height: 14px;
  background-position: 0 -5733px;
}

.down-barra-alcool {
  width: 53px;
  height: 29px;
  background-position: 0 -5747px;
}

.down-barra-gasolina {
  width: 53px;
  height: 29px;
  background-position: 0 -5776px;
}

.ferramenta-apps {
  width: 140px;
  height: 120px;
  background-position: 0 -5805px;
}

.ferramenta-calculadora-gasolina {
  width: 140px;
  height: 120px;
  background-position: 0 -5925px;
}

.ferramenta-listinhas {
  width: 140px;
  height: 120px;
  background-position: 0 -6045px;
}

.ferramenta-sonhos {
  width: 140px;
  height: 120px;
  background-position: 0 -6165px;
}

.ferramenta-tabela-diaria {
  width: 140px;
  height: 120px;
  background-position: 0 -6285px;
}

.ferramenta-tabela-mensal {
  width: 140px;
  height: 120px;
  background-position: 0 -6405px;
}

.ferramenta-ebooks {
    width: 140px;
    height: 120px;
    background-position: 0 -6640px;
}

.ferramentas-titulo {
  width: 95px;
  height: 92px;
  background-position: 0 -6525px;
}

.icon-bag-money {
  width: 93px;
  height: 95px;
  background-position: 0 -6617px;
}

.icon-calendar {
  width: 94px;
  height: 93px;
  background-position: 0 -6712px;
}

.icon-clak {
  width: 95px;
  height: 92px;
  background-position: 0 -6805px;
}

.icon-cloud {
  width: 99px;
  height: 93px;
  background-position: 0 -6897px;
}

.icon-hand-money {
  width: 96px;
  height: 94px;
  background-position: 0 -6990px;
}

.icon-money {
  width: 98px;
  height: 94px;
  background-position: 0 -7084px;
}

.icon-percent {
  width: 94px;
  height: 94px;
  background-position: 0 -7178px;
}

.icon-pig {
  width: 100px;
  height: 92px;
  background-position: 0 -7272px;
}

.icon-trophy {
  width: 223px;
  height: 227px;
  background-position: 0 -7364px;
}

.jimbo {
  width: 240px;
  height: 151px;
  background-position: 0 -7591px;
}

.logo_gas {
  width: 489px;
  height: 485px;
  background-position: 0 -7742px;
}

.result-alcool {
  width: 158px;
  height: 107px;
  background-position: 0 -8227px;
}

.result-gasolina {
  width: 158px;
  height: 107px;
  background-position: 0 -8334px;
}

.selo_alcool {
  width: 107px;
  height: 107px;
  background-position: 0 -8471px;
}

.selo_gasolina {
  width: 107px;
  height: 107px;
  background-position: 0 -8578px;
}

.top-alcool-valor {
  width: 53px;
  height: 13px;
  background-position: 0 -8685px;
}

.top-gasolina-valor {
  width: 54px;
  height: 13px;
  background-position: 0 -8698px;
}

.uma-iniciativa-febraban-mobile {
  width: 60px;
  height: 36px;
  background-position: 0 -8711px;
}

.uma-iniciativa-febraban {
  width: 110px;
  height: 64px;
  background-position: 0 -8747px;
}

/*************** TODAS-MATERIAS *****************/
div.itens-busca {
  margin-bottom: 15px;
}

.form-busca {
  line-height: 40px;
  margin-top: 30px;
}
.form-busca .title-box {
  display: table;
  height: 35px;
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  .form-busca .title-box {
    width: 100%;
  }
}
.form-busca .title-box h1 {
  color: #424242;
  font-size: 30px;
  font-weight: bold;
  margin-top: 5px;
}
@media (max-width: 1199px) {
  .form-busca .title-box h1 span {
    display: none;
  }
}
@media (max-width: 373px) {
  .form-busca .title-box h1 {
    font-size: 22px;
    position: relative;
    top: -5px;
  }
}
.form-busca .title-box label i {
  font-style: italic;
}
.form-busca .filtro {
  float: right;
}
@media (max-width: 992px) {
  .form-busca .search-box {
    text-align: right;
    display: none;
    width: 100%;
    height: 35px;
  }
}
@media (max-width: 768px) {
  .form-busca .search-box .form-group {
    width: 50%;
    float: left;
  }
  .form-busca .search-box .form-group .campo-busca {
    margin: 3px 0 0 0px;
  }
}
.form-busca label {
  color: #808080;
  font-size: 18px;
}
.form-busca input, .form-busca select, .form-busca button {
  border-radius: 15px !important;
  -webkit-border-radius: 15px !important;
  -o-border-radius: 15px !important;
  -moz-border-radius: 15px !important;
  background-clip: padding-box !important;
  /* stops bg color from leaking outside the border: */
  behavior: url(assets/css/border-radius.htc);
  background-clip: padding-box;
  border: solid 1px #e4e4e4;
  padding: 3px 15px;
  margin: -3px 0 0 15px;
  font-size: 16px;
  color: #808080;
  text-shadow: none;
}
.form-busca select {
  min-width: 160px;
}
.form-busca button {
  background-color: #e75656;
  color: #fff;
  width: 90px;
  height: 34px;
}
.form-busca button:hover {
  color: #fff;
  background-color: #CC3C3C;
  transition: background-color ease-out 0.3s;
}

#todas-materias > div {
  height: 400px;
}
@media (max-width: 767px) {
  #todas-materias {
    height: auto;
  }
}
#todas-materias img {
  border: none;
  text-align: left;
  width: 100%;
}
#todas-materias span.data {
  display: inline-block;
  line-height: 25px;
  padding-top: 10px;
  font-size: 14px;
  vertical-align: middle;
  color: #6e6e6e;
  font-family: Arial, Verdana, sans-serif;
}
#todas-materias div.contador {
  display: inline-block;
  margin-right: 10px;
  float: right;
}
#todas-materias div.contador i {
  display: inline-block;
  line-height: 40px;
  vertical-align: middle;
}
#todas-materias div.contador span {
  display: inline-block;
  line-height: 40px;
  vertical-align: middle;
  color: #424242;
  font-family: Arial, Verdana, sans-serif;
}
#todas-materias h3 {
  font: bold 18px "Myriad Pro";
  font-style: italic;
  color: black;
  padding-top: 10px;
}
#todas-materias p {
  font: normal 14px 'aller';
  color: gray;
  /*padding: 10px 0;*/
  min-height: 100px;
}
#todas-materias a {
  color: #d22020;
  font-family: Georgia;
  font-size: 15px;
  text-decoration: none;
}



/*#destempre > div {
  height: 400px;
}*/
@media (max-width: 767px) {
  #destempre {
    height: auto;
  }
}
#destempre img {
  border: none;
  text-align: left;
  width: 100%;
}
#destempre span.data {
  display: inline-block;
  line-height: 25px;
  padding-top: 10px;
  font-size: 14px;
  vertical-align: middle;
  color: #6e6e6e;
  font-family: Arial, Verdana, sans-serif;
}
#destempre div.contador {
  display: inline-block;
  margin-right: 10px;
  float: right;
}
#destempre div.contador i {
  display: inline-block;
  line-height: 40px;
  vertical-align: middle;
}
#destempre div.contador span {
  display: inline-block;
  line-height: 40px;
  vertical-align: middle;
  color: #424242;
  font-family: Arial, Verdana, sans-serif;
}
#destempre h3 {
  font: bold 18px "Myriad Pro";
  font-style: italic;
  color: black;
  padding-top: 10px;
}
#destempre p {
  font: normal 14px 'aller';
  color: gray;
  /*padding: 10px 0;*/
  min-height: 100px;
}
#destempre a {
  color: #d22020;
  font-family: Georgia;
  font-size: 15px;
  text-decoration: none;
}

.breadcrumb {
  margin-bottom: 0;
}

h4.resultado {
  font-size: 19px;
  margin: 20px 0 30px 0;
  color: #424242;
}

/*************** TODAS-MATERIAS *****************/
