@import url("http://fonts.googleapis.com/css?family=Titillium+Web:400,300,600,700");
@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,700);
@media only screen and (min-width: 320px) {
  header .fone ul {
    text-align: center; }
  header nav {
    float: left; }
  .rodape {
    text-align: center;
    color: #000; }
    .rodape a {
      color: #000 !important;
      text-align: center; } }

@media only screen and (min-width: 900px) {
  header .fone ul {
    text-align: right; }
  header .logo {
    margin-top: 0px; }
  header nav {
    float: right;
    margin-top: 35px; }
    header nav ul li {
      float: left;
      margin-right: 32px; }
      header nav ul li:last-child {
        margin-right: 0px; }
  footer {
    background: url(../images/rodape.gif) top center no-repeat; }
    footer .rodape {
      margin-top: 90px;
      color: #fff; }
      footer .rodape a {
        color: #fff !important;
        text-align: left; }
    footer .vantagens {
      margin: 40px 0px 30px 150px; }
      footer .vantagens ul {
        margin-left: 32px; }
        footer .vantagens ul li {
          margin-left: 60px; } }

/*Google Font*/
/*Google Font*/
body {
  font: 300 16px/1.8 'Ubuntu', Helvetica, Arial, sans-serif;
  color: #1c1818; }

header .topo {
  border-top: 3px solid #337ac5;
  padding-top: 20px; }

header .fone li:last-child b {
  color: #337ac5; }

header nav {
  overflow: hidden; }
  header nav ul li {
    list-style: none;
    font-smooth: auto; }
    header nav ul li a {
      color: #1c1818;
      font-weight: 700; }
      header nav ul li a small {
        display: block;
        color: #888585;
        font-weight: 300; }
      header nav ul li a:hover {
        text-decoration: none;
        color: #f12f26; }
        header nav ul li a:hover small {
          color: #888585; }

.menu-topo {
  background: #fff; }

.menu-geral {
  width: 100%;
  position: fixed;
  margin: 0;
  z-index: 99;
  padding: 0 0 10px;
  top: 0;
  left: 0;
  border-bottom: 1px solid #337AC5; }
  .menu-geral .fone {
    display: none; }
  .menu-geral .logo {
    margin: 0; }
  .menu-geral img {
    height: 50px; }
  .menu-geral nav {
    margin: 0; }

.menu-fixo {
  width: 100%;
  top: 0;
  left: 0; }

.desaturate {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%); }

.destaque {
  height: 470px;
  background: url(../images/destaque.gif) left center no-repeat;
  margin-top: 50px; }

#slider-home {
  margin-top: 30px; }

.home {
  overflow: hidden;
  padding: 30px 0px;
  background: url(../images/back-home.gif) top center no-repeat; }

.titulo {
  font-size: 20px;
  font-weight: 300; }
  .titulo b {
    font-weight: 700; }
  .titulo a {
    font-size: 11px;
    color: #1c1818;
    background: url(../images/seta.png) right center no-repeat;
    padding-right: 25px; }

.ler .post-data {
  font-size: 11px;
  line-height: 20px;
  font-weight: 300;
  background: url(../images/date.gif) left center no-repeat;
  padding-left: 20px; }

.ler .chamada {
  display: block;
  color: #aeabab;
  margin-bottom: 30px; }

.ler figure img {
  padding: 0px 20px 20px 0px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px; }

.tamanhos, .cores {
  margin-top: 5px; }
  .tamanhos a, .cores a {
    border: 1px solid #9e9e9e;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 1px #b5b5b5;
    color: #1c1818;
    padding: 5px 8px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700; }
    .tamanhos a:hover, .cores a:hover {
      outline: 2px solid red;
      outline-offset: 2px; }
  .tamanhos li.ativo a, .cores li.ativo a {
    outline: 2px solid red;
    outline-offset: 2px; }

.cores a {
  padding: 6px 5px 8px 5px; }

.item-post {
  overflow: hidden;
  margin-bottom: 20px; }
  .item-post a span, .item-post a p, .item-post a h3 {
    color: #1c1818; }
  .item-post a:hover {
    text-decoration: none; }
    .item-post a:hover h3 {
      color: #337ac5; }
    .item-post a:hover p {
      text-decoration: underline; }
  .item-post .post-data {
    font-size: 11px;
    line-height: 20px;
    font-weight: 300;
    background: url(../images/date.gif) left center no-repeat;
    padding-left: 20px; }

.produtos {
  overflow: hidden;
  margin-top: 40px; }
  .produtos div {
    padding: 30px 0px;
    overflow: hidden; }
    .produtos div a h4 {
      color: #1c1818; }
    .produtos div a span {
      background: #f12f26;
      color: #fff;
      padding: 5px 10px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      -o-border-radius: 20px;
      border-radius: 20px;
      font-size: 11px;
      line-height: 20px;
      font-weight: 300; }
    .produtos div a:hover {
      text-decoration: none; }
      .produtos div a:hover h4 {
        font-weight: bold; }
      .produtos div a:hover span {
        background: #337ac5; }

.onde {
  border-top: 1px solid #cecece;
  margin-top: 40px; }
  .onde .container {
    background-color: #e9e4e4;
    padding: 30px 0px; }
    .onde .container h1 {
      font-size: 36px;
      line-height: 50px;
      font-weight: 700;
      text-shadow: 2px 2px #aeabab; }
  .onde .link-tit-list {
    padding-top: 30px; }
    .onde .link-tit-list span a {
      color: #888585;
      background: url(../images/seta-cinza.png) right center no-repeat;
      padding-right: 25px;
      margin-right: 15px; }
    .onde .link-tit-list span:last-child a {
      color: #f12f26;
      background: none; }

.produto-ver h2 {
  font-size: 36px;
  line-height: 50px;
  font-weight: 700;
  text-shadow: 2px 2px #aeabab;
  margin-top: 0px; }

.produto-ver span {
  color: #2b3164;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 20px;
  font-weight: 700; }

.produto-ver .orca {
  background: #f12f26;
  padding: 7px 15px;
  border: none;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  color: #fff;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 20px;
  font-weight: 300; }
  .produto-ver .orca b {
    font-weight: 700; }
  .produto-ver .orca:hover {
    text-decoration: none;
    background: #337ac5;
    color: #fff; }

.voltar {
  background: url(../images/back-seta.png) left center no-repeat #f12f26;
  padding: 5px 10px 5px 25px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  color: #fff;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 20px;
  font-weight: 700; }
  .voltar:hover {
    text-decoration: none;
    background: url(../images/back-seta.png) left center no-repeat #337ac5;
    color: #fff; }

.linha {
  height: 30px;
  background: url(../images/linha.png) center no-repeat;
  border: none; }

footer {
  overflow: hidden;
  padding-top: 40px; }
  footer .blog {
    overflow: hidden;
    margin-top: 20px; }
    footer .blog a {
      color: #1c1818; }
      footer .blog a span {
        font-size: 11px;
        line-height: 20px;
        font-weight: 300;
        background: url(../images/date.gif) left center no-repeat;
        padding-left: 20px; }
        footer .blog a span h3 {
          font-size: 21px;
          line-height: 30px;
          font-weight: 300; }
  footer .vantagens ul li {
    float: left;
    list-style: none;
    font-smooth: auto;
    padding: 30px 0px 30px 60px;
    color: #1c1818;
    font-weight: 300; }
    footer .vantagens ul li small {
      display: block;
      font-weight: 700; }
    footer .vantagens ul li:nth-child(1) {
      background: url(../images/cesta.png) left center no-repeat; }
    footer .vantagens ul li:nth-child(2) {
      background: url(../images/carteira.png) left center no-repeat; }
    footer .vantagens ul li:nth-child(3) {
      background: url(../images/sacola.png) left center no-repeat; }
  footer .rodape .assinatura {
    margin-top: 30px; }

.galeria-lista img {
  border: 8px solid #efefef;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px; }
  .galeria-lista img:hover {
    border: 8px solid #337ac5; }

.contatos .ende {
  color: #1c1818;
  background: url(../images/pin.gif) left top no-repeat;
  padding-left: 20px; }

.contatos .fone {
  background: url(../images/fone.gif) left top no-repeat;
  padding-left: 20px; }

.formulario {
  overflow: hidden;
  margin-bottom: 40px; }
  .formulario label {
    font-size: 19px;
    line-height: 20px;
    font-weight: 700;
    color: #1c1818;
    padding-bottom: 10px; }
  .formulario input, .formulario textarea {
    border: 2px solid #337ac5;
    padding: 0px 20px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    height: 50px; }
  .formulario textarea {
    height: 250px;
    padding: 10px 20px; }
  .formulario .botao {
    background: url(../images/seta-dir.png) right center no-repeat #337ac5;
    color: #fff;
    width: 190px;
    height: 30px;
    border: none;
    text-transform: uppercase;
    padding: 5px 25px 5px 10px;
    font-weight: 700;
    font-size: 13px; }
    .formulario .botao:hover {
      background: url(../images/seta-dir.png) right center no-repeat #f12f26; }

/*Menu mobile*/
.navbar-toggle .icon-bar {
  background-color: #888; }

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px; }

.paginacao {
  text-align: center; }

.novidades-ler .img-responsive {
  margin: 0 auto; }

.navbar .navbar-nav > .active > a {
  color: #555;
  background-color: #e7e7e7; }