@charset "UTF-8";
@import 'type.css';
.mb {
  display: block;
}

.dsktp, .dsktp-only, .dsktp2, .dsktp-inline {
  display: none;
}

.clear {
  clear: both;
}

.nobrd {
  border: none;
}

.clear {
  clear: both;
}

@media only screen and (min-width: 768px) {
  .mb {
    display: none !important;
  }

  .dsktp, .dsktp-only {
    display: block;
  }

  .dsktp-inline {
    display: inline;
  }
}
@media only screen and (min-width: 768px) {
  .dsktp-only {
    display: none;
  }

  .dsktp2 {
    display: block;
  }
}
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-family: "Lato", Helvetica, Arial, sans-serif;
}

img {
  border: none;
}

html {
  font-size: 62.5%;
  font-family: "Lato";
  font-weight: 400;
  min-width: 320px;
}

html, body {
  margin: 0;
  padding: 0;
  min-height: 100%;
}

#top-bar {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 36px;
  width: 100%;
  z-index: 1;
  background-color: #303030;
}

#wrapper {
  position: relative;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  z-index: 2;
  min-height: 100%;
}

#menu-toggle {
  height: 36px;
  line-height: 36px;
  padding: 0 30px 0 20px;
  color: #FFF;
  overflow: hidden;
  cursor: pointer;
  background: url(/imagens/icn-toggle.png) no-repeat center right;
  font-size: 1.6rem;
  display: inline-block;
}

#login {
  height: 36px;
  line-height: 36px;
  position: absolute;
  right: 20px;
  top: 0;
  text-transform: uppercase;
  background: url(/imagens/icn-login.png) no-repeat center left;
  padding-left: 20px;
}

#login a {
  color: #FFF;
  text-decoration: none;
  font-size: 1.2rem;
}

#topo {
  position: relative;
  width: 100%;
  height: 300px;
}

#menu1 {
  position: absolute;
  left: 0;
  top: 36px;
  width: 100%;
  display: none;
  z-index: 999;
  padding: 20px;
  text-align: center;
  background-color: #00a9ec;
}

#menu1 .sep, #menu1 .bt-eventos, #menu1 .filler {
  display: none;
}

#menu1 li {
  display: block;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  border-bottom: solid 1px #FFF;
  line-height: 3;
}

#menu1 li:last-child {
  border: none;
}

#menu1 li a {
  text-decoration: none;
  color: #FFF;
  font-size: 1.3rem;
}

#menu1 li ul li a {
  font-size: 1.3rem;
}

#logo {
  position: absolute;
  width: 100%;
  left: 0;
  top: 100px;
  text-align: center;
}

#logo img {
  max-width: 270px;
  width: 60%;
  height: auto;
}

.rollover-menu {
  display: none;
}

#wish-cart {
  position: absolute;
  width: 100%;
  left: 0;
  top: 200px;
  text-align: center;
  height: 30px;
}

#wish-cart li {
  position: relative;
  vertical-align: top;
  line-height: 34px;
  height: 34px;
  display: inline-block;
  margin: 0 5px;
  text-align: center;
  padding-left: 0;
  display: inline-block;
}

#wish-cart a {
  text-decoration: none;
  display: block;
  padding-left: 40px;
  color: #020202;
  font-size: 1.5rem;
}

.wishlist-cont {
  background: url(/imagens/icn-wish-2.png) no-repeat center left;
  margin-right: 10px;
}

.cart-cont {
  background: url(/imagens/icn-cart-2.png) no-repeat center left;
}

.cart {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0px;
  top: -7px;
}

#search-bar {
  position: absolute;
  right: 0;
  top: 250px;
  width: 100%;
  padding: 0 20px;
  height: 39px;
}

#search-bar input {
  border: solid 1px #BBB;
  height: 39px;
  width: 100%;
  line-height: 39px;
  padding: 10px;
  padding-right: 35px;
  color: #303030;
  font-size: 1.4rem;
}

#search-bar input:focus {
  border: solid 1px #000;
  color: #303030;
  box-shadow: #888 0px 0px 10px;
}

.strng {
  font-weight: 700;
}

/****************************************************************************************************************************

Classes

****************************************************************************************************************************/
ul.mrgPad0, ul.mrgPad0 li {
  margin: 0;
  padding: 0;
}

.search-icon {
  position: absolute;
  top: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/imagens/icn-search.png);
  right: 30px;
  width: 17px;
}

#form-news input[type=text] {
  border: solid 1px white;
  padding: 5px 3px;
  width: 70%;
  -webkit-appearance: none;
  border-radius: 0;
}

#form-news input[type=submit] {
  border: solid 1px #ec870f;
  background-color: #ec870f;
  padding: 5px 3px;
  width: 30%;
  color: #FFF;
  -webkit-appearance: none;
  border-radius: 0;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.cont {
  padding: 20px;
}

.cont p:first-child {
  margin-top: 0;
}

/****************************************************************************************************************************

FOOTER @ TODAS RESOLUÇÕES

****************************************************************************************************************************/
#footer-cont-1 {
  padding: 20px;
}

#footer-cont-2 {
  position: relative;
  padding-bottom: 50px;
  background-color: #303030;
  color: #FFF;
  width: 100%;
}

#footer-cont-2 img, #footer-cont-1 img {
  width: 100%;
  height: auto;
}

#footer-cont-2:before {
  content: " ";
  width: 100%;
  height: 43px;
  background: url(/imagens/footer-shadow.png) no-repeat top center;
  position: absolute;
  bottom: 100%;
  left: 0;
}

#footer {
  width: 100%;
  margin: 0 auto;
  padding: 20px;
  position: relative;
  text-align: center;
}

#footer .header {
  margin: 10px 0;
  padding-bottom: 5px;
  font-size: 1.45rem;
  font-weight: 400;
}

#footer li {
  display: block;
  margin: 5px 0;
}

#footer li a {
  color: #FFF;
  text-decoration: none;
  font-size: 1.3rem;
}

#footer li:first-child {
  margin-top: 0;
}

#footer .cols {
  border-top: solid 1px #ededed;
  padding: 15px 0;
}

#footer div:first-child {
  margin-top: 0;
  padding-top: 0;
  border: none;
}

#footer div:nth-child(6) {
  margin-bottom: 0;
}

#footer div:last-child {
  margin: 0;
}

#footer .col5 img, #footer .col4 img.social, #footer img.social {
  width: 15%;
  width: 20%;
  max-width: 30px;
  height: auto;
  margin: 0 3px;
}

#footer .col1 img.social2 {
  width: 20%;
  max-width: 30px;
  height: auto;
  margin: 0 3px;
}

#footer .col6 img {
  max-width: 300px;
}

#copy {
  text-align: center;
  background-color: #000;
  clear: both;
  height: 40px;
  line-height: 40px;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

#cookie-display {
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 10px 0;
  width: 100%;
  background-color: rgba(20, 20, 20, 0.9);
  z-index: 99999;
  text-align: center;
  line-height: 2;
  display: none;
  color: #bbb;
  font: 1.3rem/1.5 "Lato";
}

@media only screen and (min-width: 768px) {
  html, body {
    height: 100%;
  }

  #wrapper {
    margin-bottom: -400px;
    /* altura do footer */
  }

  #wrapper:after {
    content: "";
    display: block;
  }

  #wrapper:after {
    height: 400px;
  }

  #top-bar {
    height: 32px;
  }

  #login {
    height: 32px;
    line-height: 32px;
  }

  #login a {
    font-size: 1.15rem;
  }

  #menu0 {
    padding-left: 20px;
  }

  #menu0 li {
    display: inline-block;
    text-transform: uppercase;
    line-height: 32px;
  }

  #menu0 li a.on, #menu0 li a:hover {
    background-color: rgba(255, 255, 255, 0.25);
  }

  #topo {
    height: 270px;
  }

  #menu0 li a {
    color: #FFF;
    text-decoration: none;
    padding: 0 10px;
    line-height: 32px;
    display: block;
    height: 32px;
    font-size: 1.15rem;
  }

  #menu1 {
    position: absolute;
    left: 0;
    top: 240px;
    width: 100%;
    display: block !important;
    text-align: justify;
    padding: 0 20px;
    line-height: 24px;
    height: 24px;
    background-color: transparent;
  }

  #menu1 li {
    text-transform: none;
    border-top: none;
    line-height: 24px;
    height: auto;
  }

  #menu1 li, #menu1 li.sep, #menu1 .bt-eventos, #menu1 .filler {
    margin: 0;
    display: inline-block;
    background-color: transparent;
    color: #020202;
  }

  #menu1 li a {
    color: #020202;
    text-decoration: none;
    padding-top: 40px;
    font-size: 1.1rem;
  }

  #menu1 .filler {
    width: 100%;
    display: inline-block;
    height: 0px;
  }

  #menu1 a.icn-8 {
    background: url(/imagens/icn-8.png) no-repeat center top;
  }

  #menu1 a.icn-8:hover, #menu1 a.icn-8-on {
    background: url(/imagens/icn-8-hover.png) no-repeat center top;
    color: #ec870f;
  }

  #menu1 a.icn-9 {
    background: url(/imagens/icn-9.png) no-repeat center top;
  }

  #menu1 a.icn-9:hover, #menu1 a.icn-9-on {
    background: url(/imagens/icn-9-hover.png) no-repeat center top;
    color: #ec870f;
  }

  #menu1 a.icn-10 {
    background: url(/imagens/icn-10.png) no-repeat center top;
  }

  #menu1 a.icn-10:hover, #menu1 a.icn-10-on {
    background: url(/imagens/icn-10-hover.png) no-repeat center top;
    color: #ec870f;
  }

  #menu1 a.icn-11 {
    background: url(/imagens/icn-11.png) no-repeat center top;
  }

  #menu1 a.icn-11:hover, #menu1 a.icn-11-on {
    background: url(/imagens/icn-11-hover.png) no-repeat center top;
    color: #ec870f;
  }

  #menu1 a.icn-12 {
    background: url(/imagens/icn-12.png) no-repeat center top;
  }

  #menu1 a.icn-12:hover, #menu1 a.icn-12-on {
    background: url(/imagens/icn-12-hover.png) no-repeat center top;
    color: #ec870f;
  }

  #menu1 a.icn-13 {
    background: url(/imagens/icn-13.png) no-repeat center top;
  }

  #menu1 a.icn-13:hover, #menu1 a.icn-13-on {
    background: url(/imagens/icn-13-hover.png) no-repeat center top;
    color: #ec870f;
  }

  #menu1 a.icn-14 {
    background: url(/imagens/icn-14.png) no-repeat center top;
  }

  #menu1 a.icn-14:hover, #menu1 a.icn-14-on {
    background: url(/imagens/icn-14-hover.png) no-repeat center top;
    color: #ec870f;
  }

  #menu1 a.icn-15 {
    background: url(/imagens/icn-15.png) no-repeat center top;
  }

  #menu1 a.icn-15:hover, #menu1 a.icn-15-on {
    background: url(/imagens/icn-15-hover.png) no-repeat center top;
    color: #ec870f;
  }

  #menu1 a.icn-16 {
    background: url(/imagens/icn-16.png) no-repeat center top;
  }

  #menu1 a.icn-16:hover, #menu1 a.icn-16-on {
    background: url(/imagens/icn-16-hover.png) no-repeat center top;
    color: #ec870f;
  }

  #menu1 a.icn-17 {
    background: url(/imagens/icn-17.png) no-repeat center top;
  }

  #menu1 a.icn-17:hover, #menu1 a.icn-17-on {
    background: url(/imagens/icn-17-hover.png) no-repeat center top;
    color: #ec870f;
  }

  #menu1 a.icn-18 {
    background: url(/imagens/icn-18.png) no-repeat center top;
  }

  #menu1 a.icn-18:hover, #menu1 a.icn-18-on {
    background: url(/imagens/icn-18-hover.png) no-repeat center top;
    color: #ec870f;
  }

  #menu1 a.icn-19 {
    background: url(/imagens/icn-19.png) no-repeat center top;
  }

  #menu1 a.icn-19:hover, #menu1 a.icn-19-on {
    background: url(/imagens/icn-19-hover.png) no-repeat center top;
    color: #ec870f;
  }

  #menu1 a.icn-20 {
    background: url(/imagens/icn-20.png) no-repeat center top;
  }

  #menu1 a.icn-20:hover, #menu1 a.icn-20-on {
    background: url(/imagens/icn-20-hover.png) no-repeat center top;
    color: #ec870f;
  }

  .rollover-menu {
    display: none;
    position: absolute;
    top: 43px;
    left: 0;
    z-index: 1000;
    background-color: rgba(255, 255, 255, 0.9);
    border: solid 1px #BBB;
  }

  .rollover-menu:after, .rollover-menu:before {
    bottom: 100%;
    left: 40px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }

  .rollover-menu:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: rgba(255, 255, 255, 0.9);
    border-width: 12px;
    margin-left: -12px;
  }

  .rollover-menu:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #BBB;
    border-width: 13px;
    margin-left: -13px;
  }

  .rollover-menu li {
    padding: 0;
    display: block !important;
    float: none;
    margin: 0 !important;
    white-space: nowrap;
    border-bottom: solid 1px #CCC !important;
    /*background-color: red !important;*/
  }

  .rollover-menu li:last-child {
    border: none;
  }

  .rollover-menu li a {
    display: block;
    line-height: 1 !important;
    display: block !important;
    padding: 10px 20px !important;
  }

  .rollover-menu li:hover, .rollover-menu li a:hover {
    color: white !important;
    background-color: #ec870f !important;
  }

  #logo {
    position: absolute;
    width: 100%;
    padding-left: 20px;
    top: 60px;
    text-align: left;
  }

  #logo img {
    max-width: 300px;
  }

  #wish-cart {
    top: 55px;
    padding-right: 20px;
    text-align: right;
  }

  #search-bar {
    width: 50%;
    top: 140px;
    top: 100px;
    right: 20px;
    padding: 0;
  }

  .search-icon {
    right: 10px;
  }

  /****************************************************************************************************************************

  BANNERS @ TODAS RESOLUÇÕES

  ****************************************************************************************************************************/
  /****************************************************************************************************************************

  FOOTER
  ****************************************************************************************************************************/
  #banner-rodape {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
    z-index: 3;
    position: relative;
  }

  #banner-rodape img {
    width: 100%;
    height: auto;
    display: block;
  }

  #footers {
    height: 400px;
    position: relative;
    z-index: 3;
  }

  #footer-cont-1 {
    height: 100px;
    padding: 0 20px;
  }

  #banner-pq {
    width: 100%;
    max-width: 1100px;
    height: 100%;
    background: url(/imagens/banner-pq.png) no-repeat center center;
    margin: 0 auto;
    background-size: 100% auto;
  }

  #footer-cont-2 {
    height: 300px;
    padding: 0 20px;
  }

  #footer {
    text-align: left;
    width: 100%;
    max-width: 1100px;
    padding: 20px 0;
  }

  #footer li {
    margin: 2px 0;
    font-size: 1.3rem;
  }

  #footer li a {
    color: #bbb;
    text-decoration: none;
  }

  #footer li a:hover, #footer li a.on {
    color: #FFF;
    text-decoration: none;
  }

  #footer > div {
    margin: 0;
  }

  #footer .cols {
    border-top: none;
    padding: 0;
  }

  #footer .header {
    border: none;
    margin-bottom: 5px;
  }

  #footer .col1 {
    width: 10%;
    float: left;
    height: 210px;
    line-height: 210px;
    display: none;
  }

  #footer .col1 img {
    vertical-align: middle;
    display: inline-block;
  }

  #footer .col4 {
    width: 10%;
    float: left;
  }

  #footer .col2 {
    width: 15%;
    float: left;
    width: 25%;
  }

  #footer .col2, #footer .col3, #footer .col4, #footer .col5, #footer .col6 {
    padding-left: 1%;
    border-left: solid 1px #FFF;
  }

  #footer .col3, #footer .col5 {
    width: 12%;
    width: 45%;
    float: left;
    padding-top: 0;
  }

  #footer .col2 {
    height: 210px;
  }

  #footer .col3, #footer .col4 {
    height: 210px;
  }

  #footer .col5, #footer .col6 {
    height: 60px;
  }

  #footer .col5, #footer .col6 {
    margin-top: 30px;
  }

  #footer .col4, #footer .col6 {
    width: 30%;
    float: left;
  }
}
@media only screen and (min-width: 1024px) {
  #wrapper {
    margin-bottom: -450px;
  }

  #wrapper:after {
    height: 450px;
  }

  #footer .col1 {
    display: block;
  }

  #menu1 li a {
    font-size: 1.5rem;
  }

  /****************************************************************************************************************************

  FOOTER
  ****************************************************************************************************************************/
  #logo img {
    max-width: 400px;
  }

  #footer .col1 {
    width: 30%;
    float: left;
    height: 210px;
    line-height: 210px;
    display: block;
  }

  #footer .col1 img {
    vertical-align: middle;
    display: inline-block;
  }

  #footer .col4 {
    width: 10%;
  }

  #footer .col2 {
    width: 15%;
    margin-left: 2%;
  }

  #footer .col3, #footer .col5 {
    width: 25%;
  }

  #footer .col4, #footer .col6 {
    width: 25%;
  }

  #footers {
    height: 450px;
  }

  #footer-cont-1 {
    height: 150px;
  }
}
@media only screen and (min-width: 1120px) {
  html, body {
    min-width: 1100px;
  }

  #menu1, #menu0, #logo, #banner-rodape {
    padding: 0;
  }

  .cont {
    padding: 30px 0;
  }

  #login, #search-bar {
    right: 0;
  }

  #wish-cart {
    padding-right: 0;
  }
}
#topo-rotativo img {
  width: 100%;
  height: auto;
  display: block;
}

@media only screen and (min-width: 768px) {
  #topo-rotativo {
    overflow: hidden;
    width: 100%;
  }
  #topo-rotativo ul, #topo-rotativo li {
    margin: 0;
    padding: 0;
  }
  #topo-rotativo img {
    width: 100%;
    height: auto;
    display: block;
  }

  .topo-rotativo-shadow {
    display: block;
    background: url(/imagens/shadow-banner-home.png);
    width: 100%;
    height: 29px;
    clear: both;
  }

  #topo-rotativo .cycle-pager {
    position: absolute;
    z-index: 991;
    right: 10px;
    bottom: 0px;
    width: 100%;
    text-align: right;
    z-index: 991;
    overflow: hidden;
  }

  .cycle-pager span {
    font-family: Arial;
    font-size: 50px;
    width: 20px;
    height: 50px;
    display: inline-block;
    color: #bcbcbc;
    cursor: pointer;
  }

  .cycle-pager span.cycle-pager-active {
    color: #ec870e;
  }

  .cycle-pager > * {
    cursor: pointer;
  }

  .topo-fixo {
    width: 100%;
    height: auto;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  #topo-rotativo {
    overflow: hidden;
    width: 100%;
  }
}
.list-top-bar {
  height: 43px;
  line-height: 43px;
  position: relative;
  padding: 0 20px 0 40px;
  font-size: 1.5rem;
  color: #FFF;
}

.icn-novidades {
  background-image: url(/imagens/icn-novidades.png);
  left: 10px;
  width: 16px;
}

.icn-top {
  background-image: url(/imagens/icn-topVendas.png);
  left: 10px;
  width: 23px;
}

.bg-icon {
  position: absolute;
  top: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}

.bgGrad-c1 {
  background-color: #00a9ec;
}

.bgGrad-c5 {
  background-color: #ec870f;
}

.bg-c7 {
  background-color: #348e3e;
}

.list-item {
  width: 49%;
  float: left;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
  position: relative;
  font-size: 16px;
  text-align: center;
  border: solid 1px #bbb;
  margin-left: 2%;
}

.list-item:hover, .list-item-art:hover, .list-item-eventos:hover {
  border-color: transparent;
  outline: solid 3px #00a9ec;
  -webkit-box-shadow: 8px 8px 8px #999;
  -moz-box-shadow: 8px 8px 8px #999;
  box-shadow: 8px 8px 8px #999;
}

.list-item:nth-child(2n+1) {
  margin-left: 0;
  clear: left;
}

.list-item .titulo {
  height: 45px;
  overflow: hidden;
  font-weight: 700;
  color: #020202;
}

.titulo a {
  color: #020202;
  text-decoration: none;
}

.titulo a:hover {
  color: #020202;
  text-decoration: underline;
}

.list-bg-image {
  width: 100%;
  height: 100%;
  position: relative;
}

.list-bg-image img {
  width: 100%;
  height: auto;
}

.ver {
  background-size: auto 100%;
}

.hor {
  background-size: 100% auto;
}

.list-bg-image .hl {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-color: #ec870f;
  z-index: 99;
  text-align: center;
  line-height: 50px;
  color: #FFF;
}

.precos {
  height: 35px;
  line-height: 35px;
  margin-top: 10px;
}

.preco_promocional {
  color: #999;
}

.preco {
  line-height: 25px;
  height: 25px;
  color: #348e3e;
  display: inline-block;
  font-size: 2rem;
}

.bts {
  width: 80%;
  margin: 10px auto 0 auto;
  text-align: center;
}

.bt-list {
  width: 46%;
  height: 30px;
  margin: 0 2%;
  border-radius: 3px;
  cursor: pointer;
  max-width: 75px;
  display: inline-block;
}

.bt-list:hover {
  background-color: #ec870f;
}

.bt-wish {
  background-color: #f7dc00;
  background-image: url(/imagens/icn-wish.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.bt-cart {
  background: #00a9ec url(/imagens/icn-cart.png) no-repeat center center;
}

@media only screen and (min-width: 768px) {
  .list-item {
    width: 32%;
    margin-left: 2%;
  }

  .list-item:nth-child(2n+1) {
    margin-left: 2%;
    clear: none;
  }

  .list-item:nth-child(3n+1) {
    clear: left;
    margin-left: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .list-item {
    width: 18%;
    margin-left: 2.5%;
  }

  .list-item:nth-child(2n+1), .list-item:nth-child(3n+1) {
    margin-left: 2.5%;
    clear: none;
  }

  .list-item:nth-child(5n+1) {
    clear: left;
    margin-left: 0;
  }
}
.col-left ul, .col-left li {
  margin: 0;
  padding: 0;
}

.col-left ul {
  border: solid 1px #CCC;
}

.col-left li {
  display: block;
  border-bottom: solid 1px #CCC;
}

.col-left li:last-child {
  border-bottom: none;
}

.col-left li a {
  padding: 10px 20px;
  display: block;
  background-color: #EEE;
  color: #333;
  text-decoration: none;
  line-height: normal;
}

.col-left li a:hover, .col-left li a.on {
  color: #FFF;
  background-color: #303030;
}

.col-right h2:first-child {
  margin-top: 10px;
}

.form-title {
  color: #045099;
  margin-bottom: 10px;
  font-weight: 700;
}

@media only screen and (min-width: 1024px) {
  .col-left {
    width: 20%;
    float: left;
  }

  .col-right {
    width: 76%;
    float: right;
  }

  .col-right h2:first-child {
    margin-top: 10px;
  }
}
.filter-bar {
  background-color: #ededed;
  margin: 0 20px;
  padding: 10px;
  margin-top: 20px;
}

.filter-bar h1, .filter-bar-checkout h1 {
  line-height: normal;
  margin: 0;
}

#bc, .filter-bar a {
  font-size: 1.1rem;
  color: #999;
  text-decoration: none;
  text-transform: uppercase;
}

.filter-bar-checkout {
  padding: 10px 10px;
  height: 45px;
  margin-top: 20px;
}

.filter-bar h1, .filter-bar-checkout h1 {
  margin: 0;
  line-height: normal;
}

.filter-bar .left {
  width: 100%;
}

.filter-bar .right {
  text-align: center;
  padding-top: 0;
  font-size: 1.5rem;
  font-size: 1.2rem;
  color: #666;
  margin-top: 10px;
}

.filters-col {
  display: none;
}

.filters-col-2 {
  padding: 20px;
}

.filters-col .block, .filters-col-2 .block {
  padding: 10px 20px;
  margin: 20px 0;
  border: solid 1px #ccc;
}

.filters-col-2 .block {
  background-color: #FFF;
}

.filters-col ul, .filters-col li, .filters-col-2 ul, .filters-col-2 li {
  margin: 0;
  padding: 0;
}

.filters-col li, .filters-col-2 li {
  display: block;
}

.results-col {
  width: 100%;
  float: right;
}

#comparador-ph {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-top: 10px;
  font-family: "Lato";
  font-size: 11px;
  height: 30px;
  line-height: 30px;
  margin-left: 10px;
  margin: 0 auto 0 auto;
  padding-left: 28px;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  width: 120px;
}

#sort, #nItems {
  border: 1px solid #ccc;
  height: 30px;
  line-height: 30px;
  font-size: 1.3rem;
  font-size: 1.1rem;
  color: #020202;
  margin-bottom: 10px;
}

.compare-bg {
  background-image: url("/imagens/icn-compare.png");
  background-position: 5px center;
  background-repeat: no-repeat;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .filter-bar .right {
    text-align: right;
    font-size: 1.5rem;
  }

  #sort, #nItems {
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 1024px) {
  .filters-col-2 {
    display: none;
  }

  .filters-col {
    display: block;
    width: 20%;
    float: left;
  }

  .filter-bar {
    height: 60px;
  }

  .filter-bar .left {
    width: 45%;
    float: left;
  }

  .filter-bar .right {
    width: 55%;
    float: right;
    padding: 7px;
    margin-top: 0;
    font-size: 1.4rem;
    color: #666;
  }

  .results-col {
    width: 78%;
  }
}
@media only screen and (min-width: 1120px) {
  .filter-bar {
    width: 1100px;
    margin: 10px auto 0 auto;
  }
}
.list-item-art {
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;
  position: relative;
  font-size: 16px;
  border: solid 1px #CCC;
  padding: 10px;
}

.list-item-art .col1 {
  width: 100%;
}

.lead-bg-image {
  width: 90%;
  position: relative;
  margin: 0 auto;
}

.lead-bg-image img {
  width: 100%;
  height: auto;
}

.list-item-art .col2-lead {
  clear: both;
  height: 90px;
}

/*
.button-ph {
	position: absolute;
	right: 0; top: 80px;
	height: 200px%;
	width: 225px;
	padding: 20px;
	width: 50%;	
}*/
.button-ph {
  width: 100%;
  text-align: center;
  padding-top: 10px;
}

.bt-list-2 {
  display: block;
  height: 30px;
  line-height: 30px;
  width: 180px;
  width: 130px;
  float: left;
  margin: 5px auto;
  border-radius: 3px;
  cursor: pointer;
  padding: 0 0 0 35px;
  padding: 0 0 0 30px;
  /*color: white;*/
  text-transform: uppercase;
  position: relative;
  font-size: 1.25rem;
  font-size: 1rem;
  text-align: left;
  text-align: left;
  width: 32%;
  margin: 0 0.66%;
  color: #FFF;
}

.bt-list-2.disabled {
  color: #FFF !important;
}

.bt-arrow-fw {
  background-image: url("/imagens/icn-arrow-fw.png");
  left: 10px;
  width: 16px;
}

.link-c3 {
  text-decoration: none;
}

.link-c3:hover {
  text-decoration: none;
  color: #FFF;
}

.plus {
  font-size: 2rem;
  line-height: 25px;
}

.list-item-art .col1 img {
  width: 100%;
  height: auto;
}

.list-item-art .precos {
  border-top: solid 1px #CCC;
  padding: 10px 0;
  margin-right: 5px;
  display: block;
  height: 90px;
}

.list-item-art .campanha {
  background-color: #ec870f;
  margin-left: 20px;
  color: #FFF;
  display: inline-block;
  padding: 0 10px;
  margin: 0 2px;
}

.list-item-art form {
  font: 14px "Lato";
}

.list-item-art form select {
  font: 14px "Lato";
}

.list-item-art .titulo {
  font-weight: 700;
}

.list-item-art .titulo a {
  color: #000;
  text-decoration: none;
}

.list-item-art .titulo a:hover {
  /*color: #244991;*/
  text-decoration: underline;
}

.list-item-art ul {
  margin-left: 0;
}

.list-item-art li {
  color: #666;
}

.list-item-art .feed-stock {
  height: 20px;
  line-height: 20px;
  color: #666;
  vertical-align: bottom;
}

.list-item-art .hl {
  bottom: 40px;
  right: 40px;
}

.list-item-art .lead, .list-item-art-detail .lead {
  color: #666;
  margin: 10px 0;
  height: 80px;
  overflow: hidden;
}

.list-item-art-detail {
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;
  position: relative;
}

.list-item-art-detail .col1 {
  float: left;
  width: 30%;
  position: relative;
  text-align: center;
  height: 350px;
}

.list-item-art-detail .col1 .imagem {
  display: table-cell;
  width: inherit;
  height: 280px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  margin: 0 auto;
}

.list-item-art-detail .col2 {
  padding: 20px;
  float: left;
  width: 68%;
  margin-left: 2%;
  height: 350px;
  position: relative;
}

.list-item-art-detail .col2-b {
  /*background-color: #EEE;*/
  position: absolute;
  bottom: 20px;
}

.list-item-art-detail .feed-stock {
  height: 20px;
  line-height: 20px;
  color: #666;
  vertical-align: bottom;
}

.list-item-art-detail .hl {
  bottom: 40px;
  right: 40px;
}

.feed-stock {
  color: #666;
  font: 12px/20px "Lato";
  height: 20px;
  vertical-align: bottom;
}

.feed-stock img {
  vertical-align: -1px;
}

.feed-stock .stock {
  margin-left: 20px;
}

.bt-remove {
  background-image: url(/imagens/icn-remove.png);
  left: 10px;
  width: 16px;
}

.bt-cart-2 {
  background-image: url(/imagens/icn-cart.png);
  left: 5px;
  width: 20px;
}

.bt-wish-2 {
  background-image: url(/imagens/icn-wish.png);
  left: 5px;
  width: 20px;
}

.bt-compare {
  padding-left: 10px;
  background-image: url(/imagens/icn-compare.png);
  left: 5px;
  width: 16px;
}

.var2 {
  padding-left: 25px;
}

.bt-list-2-small {
  display: inline-block;
  height: 20px;
  line-height: 18px;
  /*width: 60px;*/
  border-radius: 3px;
  cursor: pointer;
  padding: 0 10px;
  /*color: white;*/
  text-transform: normal;
  position: relative;
}

.bgGrad2-c1 {
  background-color: #00a9ec;
}

.bgGrad2-c10 {
  background-color: #f7dc00;
}

.bgGrad2-c8 {
  background-color: #999;
}

.bgGrad2-c9 {
  background-color: #0a903d;
}

.campanhas-ph {
  width: 70%;
}

.campanhas-ph table {
  float: left;
  height: 40px;
}

.campanhas-ph td {
  background-color: #ec870f;
  color: #FFF;
  padding: 5px;
  vertical-align: middle;
  line-height: 1;
  font-size: 1.5rem;
}

.campanhas-ph td:first-child {
  width: 50px;
  text-align: center;
  font-size: 1.5rem;
}

.campanhas-ph td:last-child {
  text-align: left;
  font-size: 1.2rem;
}

/* grupos para posicionamentos absolutos 
	título + stock
	foto
	botões
	lead
	preços
	campanha
*/
.paginacao {
  display: table;
  height: 40px;
  line-height: 40px;
  margin: 30px 0;
  width: 100%;
  background-color: #ededed;
  font-size: 1.5rem;
}

.paginacao a {
  height: 40px;
  line-height: 40px;
  text-decoration: none;
}

.paginacao .td1 {
  display: table-cell;
  padding-left: 10px;
  text-align: left;
  width: 15%;
  width: 50%;
}

.paginacao .td2 {
  display: table-cell;
  display: none;
  text-align: center;
  width: 70%;
}

.paginacao .td2 a {
  background-color: #244991;
  color: #fff;
  margin: 0 2px;
  padding: 2px 5px;
  text-decoration: none;
  width: 20px;
}

.paginacao .td2 a.on {
  background-color: transparent !important;
  color: #244991;
  margin: 0 2px;
  padding: 2px 5px;
  text-decoration: none;
}

.paginacao .td3 {
  display: table-cell;
  padding-right: 10px;
  text-align: right;
  width: 15%;
  width: 50%;
}

.bt-filtrar {
  background-color: #ec870f;
  color: #FFF;
  border-radius: 10px;
  border-radius: 5px;
  width: 90%;
  margin: 30px auto;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  font-size: 1.8rem;
  max-width: 480px;
}

.filter-overlay {
  background-color: #ededed;
  height: 100%;
  overflow-y: auto;
  position: fixed;
  left: 100%;
  top: 0;
  width: 90%;
  z-index: 999999;
}

#cover-w {
  background-color: rgba(0, 0, 0, 0.75);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999998;
  display: none;
}

#close-bar {
  background-color: #00a9ec;
  color: #FFF;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  font-size: 1.5rem;
}

#close {
  width: 12px;
  height: 12px;
  margin-top: 9px;
  background: url(/imagens/icn-close.png) no-repeat center center;
  float: right;
  cursor: pointer;
}

.zoom {
  background: url("/imagens/icn-zoom.png") no-repeat scroll 5px center rgba(0, 0, 0, 0);
  background-size: auto 14px;
  padding: 0;
  text-align: center;
  padding: 0 0 0 15px;
  width: 84px;
  height: 34px;
  line-height: 34px;
  background-color: rgba(235, 235, 235, 0.5);
  /*border: solid 1px #CCC;*/
  display: inline-block;
  position: relative;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -150%);
  color: #666;
}

@media only screen and (min-width: 768px) {
  .zoom {
    /*border: solid 1px #CCC;*/
    position: absolute;
    bottom: 10px;
  }

  .zoom.full {
    position: absolute;
    bottom: -50px;
  }

  .list-item-art {
    height: 200px;
    padding: 0px;
  }

  .list-item-art .col1 {
    position: absolute;
    text-align: center;
    width: 160px;
    height: 160px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
  }

  .list-item-art .col2-title {
    top: 10px;
    float: left;
    position: absolute;
  }

  .list-item-art .col2-lead {
    position: absolute;
    top: 45px;
    overflow: hidden;
    z-index: 1;
    border-top: none;
  }

  .list-item-art .col2-bottom {
    position: absolute;
    bottom: 0;
  }

  .list-item-art .com-pad {
    padding-left: 190px;
    padding-right: 180px;
    width: 100%;
    /*pointer-events: none;*/
  }

  .button-ph {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 225px;
    padding: 20px;
    width: 25%;
    background-color: #EEE;
    border-left: solid 1px #CCC;
    width: 160px;
    z-index: 2;
  }

  .bt-list-2 {
    display: block;
    height: 30px;
    line-height: 30px;
    width: 180px;
    width: 120px;
    float: none;
    margin: 0 auto 10px auto;
    border-radius: 3px;
    cursor: pointer;
    padding: 0 0 0 35px;
    padding: 0 0 0 30px;
    /*color: white;*/
    text-transform: uppercase;
    position: relative;
    font-size: 1.25rem;
    font-size: 1rem;
    text-align: left;
    color: #FFF;
  }

  .list-item-art .precos {
    height: 50px;
    line-height: 45px;
    padding: 5px 0;
  }

  .list-item-art .campanhas-ph {
    float: right;
    margin-right: 0;
  }

  .list-item-art .campanhas-ph table {
    float: right;
  }

  .paginacao .td2 {
    display: table-cell;
    width: 60%;
  }

  .paginacao .td1, .paginacao .td3 {
    width: 20%;
  }
}
@media only screen and (min-width: 1024px) {
  .mb2 {
    display: none;
  }

  .list-item-art {
    height: 240px;
  }

  .list-item-art .col1 {
    width: 180px;
    height: 180px;
    left: 20px;
    top: 20px;
  }

  .list-item-art .col2-title {
    top: 20px;
  }

  .list-item-art .col2-lead {
    top: 55px;
  }

  .list-item-art .com-pad {
    padding-left: 220px;
    padding-right: 240px;
    width: 100%;
  }

  .list-item-art .precos {
    height: 60px;
    padding: 10px 0;
  }

  .button-ph {
    width: 220px;
  }

  .bt-list-2 {
    width: 180px;
  }

  .var2 {
    padding-left: 28px;
  }
}
.list-item-album img {
  width: 100%;
  height: auto;
}

@media only screen and (min-width: 768px) {
  .list-item-album {
    width: 48.5%;
    margin-left: 3%;
    float: left;
  }

  .list-item-album:first-child {
    margin-left: 0;
  }
}
.list-item-eventos {
  width: 49%;
  float: left;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
  position: relative;
  font-size: 16px;
  text-align: center;
  border: solid 1px #bbb;
  margin-left: 2%;
}

.list-item-eventos:nth-child(2n+1) {
  margin-left: 0;
  clear: left;
}

.list-item-eventos .titulo {
  overflow: hidden;
  font-weight: 700;
  color: #00a9ec;
  font-size: 1.5rem;
  text-transform: uppercase;
  height: 3rem;
}

.list-item-eventos img {
  width: 100%;
  height: auto;
}

.bt-list-3 {
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  position: relative;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  line-height: 30px;
  border: solid 1px #00a9ec;
}

.bt-list-3:hover {
  background: #00a9ec;
  color: #FFF;
}

.eventos-banners-ph {
  margin-top: 30px;
}

.cx-topo {
  background-color: #ededed;
}

.cx-topo .col1 table {
  width: 100%;
}

.col-a {
  width: 60%;
}

.col-a img {
  width: 100%;
  height: auto;
  display: block;
}

.col-b {
  border-bottom: solid 1px #020202;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.insert {
  padding: 0;
}

.cx-topo .col2 table td {
  padding: 10px;
  font: 1.4rem/1.3 "Lato";
  color: #666;
}

.cx-topo .col2 h2 {
  margin: 0;
  margin-bottom: 10px;
}

.select-pers {
  margin-bottom: 30px;
}

.extras, .dress-code {
  border-top: solid 1px #020202;
  padding-top: 20px;
  margin-top: 30px;
}

.extra .col-1 {
  width: 60px;
}

.dress .col-1 {
  width: 80px;
}

.extra .col-1 img, .dress .col-1 img {
  width: 100%;
  height: auto;
}

.extra, .dress {
  cursor: pointer;
  margin: 10px 0;
}

.extra img, .dress img {
  display: block;
}

.extra .col-2, .dress .col-2 {
  padding-left: 10px;
  line-height: 1.2;
}

.extra:hover, .dress:hover {
  background: #ededed;
}

.evt-on {
  background: #ededed url(/imagens/icn-evt-selected.png) no-repeat right 20px center !important;
}

.local-data .col2 {
  border-top: solid 1px #020202;
  margin-top: 20px;
}

.ui-datepicker {
  display: none;
  padding: 0.2em 0.2em 0;
  width: 250px;
}

.preco-evt {
  color: #348e3e;
  font-weight: 700;
}

@media only screen and (min-width: 768px) {
  .list-item-eventos {
    width: 32%;
    margin-left: 2%;
  }

  .list-item-eventos:nth-child(2n+1) {
    margin-left: 2%;
    clear: none;
  }

  .list-item-eventos:nth-child(3n+1) {
    clear: left;
    margin-left: 0;
  }

  .list-item-eventos .titulo {
    font-size: 1.8rem;
    height: 3.5rem;
  }

  .cx-topo .col1 .col-b {
    border: none;
  }

  .cx-topo .col1 {
    width: 50%;
    float: left;
  }

  .col-a {
    width: 220px;
  }

  .cx-topo .col2 {
    width: 49%;
    float: left;
  }

  .col2 table {
    height: 100%;
  }

  .insert {
    border-left: solid 1px #020202;
    padding-left: 20px;
    height: 200px;
    margin-top: 10px;
  }

  .insert p, .insert h1, .insert h2, .col2 h2 {
    margin: 0;
    padding: 0;
  }

  .local-data {
    height: 360px;
    margin-top: 30px;
  }

  .local-data h2 {
    margin-top: 0;
  }

  .local-data .col1, .observa-total .col1 {
    width: 50%;
    float: left;
  }

  .local-data .col2, .observa-total .col2 {
    width: 50%;
    float: left;
    padding-left: 20px;
    border-left: solid 1px #020202;
    height: 100%;
  }

  .observa-total {
    border-top: solid 1px #020202;
    padding-top: 20px;
    margin-top: 20px;
  }

  .local-data .col2 {
    border-top: none;
  }

  .observa-total .col1 {
    text-align: center;
    background-color: #ededed;
    padding: 20px;
    height: 180px;
  }

  .observa-total .col2 {
    border: none;
  }

  .extra, .dress {
    cursor: pointer;
    margin: 10px 0;
    width: 48.5%;
    margin-left: 3%;
    float: left;
  }

  .extra .col-1 {
    width: 80px;
  }

  .dress .col-1 {
    width: 110px;
  }

  .extra .col-2, .dress .col-2 {
    padding-left: 20px;
    padding-right: 50px;
    line-height: 1.35;
  }

  .extra:nth-child(2n+1), .dress:nth-child(2n+1) {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .list-item-eventos {
    width: 23%;
    margin-left: 2.33%;
  }

  .list-item-eventos:nth-child(2n+1), .list-item-eventos:nth-child(3n+1) {
    margin-left: 2.33%;
    clear: none;
  }

  .list-item-eventos:nth-child(4n+1) {
    clear: left;
    margin-left: 0;
  }

  .col-a {
    width: 250px;
  }

  .cx-topo .col2 table td {
    font: 1.5rem/1.3 "Lato";
  }

  .insert {
    height: 210px;
    margin-top: 20px;
  }

  .extra .col-1 {
    width: 100px;
  }

  .dress .col-1 {
    width: 150px;
  }
}
/* This is how you would create a theme called "my-custom-theme": */
.my-custom-theme {
  border-radius: 5px;
  border: 1px solid #00a9ec;
  background: #00a9ec;
  color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.my-custom-theme .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 10px;
}

#login-div {
  padding: 0 0%;
  width: 100%;
}

#login-div .left {
  background-color: #DEDEDE;
  border: solid 1px #BBB;
  height: 320px;
}

#login-div .right {
  margin-top: 20px;
  background-color: #DEDEDE;
  border: solid 1px #BBB;
  height: 320px;
}

.form-login {
  padding: 20px 20px 0 20px;
  margin: 0;
}

.form-login label {
  display: block;
  margin: 10px 0 5px 0;
  font-size: 1.5rem;
}

.form-login input[type=text], .form-login input[type=password] {
  width: 100%;
  border: solid 1px #666;
  padding: 5px;
}

#login-div .title {
  background-color: #303030;
  color: #FFF;
  padding: 10px 20px;
  font-size: 1.5rem;
}

#login a {
  /*color: #FFF;*/
  text-decoration: none;
}

a.bt-list-4 {
  border-radius: 0px;
  cursor: pointer;
  display: block;
  height: 50px !important;
  line-height: 50px !important;
  width: 100%;
  position: relative;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  line-height: 30px;
  border: solid 1px #0a903d;
  font-size: 2rem;
}

a.bt-list-4:hover {
  text-decoration: underline;
}

.error {
  background-color: #c00;
}

@media only screen and (min-width: 768px) {
  #login-div .left {
    float: left;
    width: 60%;
    height: 320px;
  }

  #login-div .right {
    float: left;
    width: 35%;
    height: 320px;
    margin-left: 5%;
    margin-top: 0;
  }
}
.lab-grey {
  background-color: #ededed;
  padding: 10px;
}

.lab-grey .left input, .lab-grey .left textarea {
  width: 100%;
  margin: 5px auto;
  background-color: #CCC;
  border: solid 1px #CCC;
  color: #00a9ec;
  padding: 2px 5px;
}

.left textarea {
  height: 5rem;
}

.lab-grey .right {
  padding: 0 10px 10px 10px;
  background-color: #00a9ec;
  border-radius: 5px;
  padding: 10px;
  color: #FFF;
  margin: 10px 0;
}

.lab-grey .right button {
  border-radius: 5px;
  border: none;
  color: #00a9ec;
  font: 700 13px/15px "Lato";
  padding: 2px 10px;
  margin-top: 10px;
  cursor: pointer;
  width: 80px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.apps-sels {
  text-align: center;
  border-bottom: solid 1px #CCC;
  margin-bottom: 8px;
  margin-top: 10px;
  height: 25px;
}

.app-sel {
  height: 15px;
  cursor: pointer;
  display: inline-block;
  font: 400 13px/15px "Lato";
}

.lab-grey .right .selector {
  border: solid 2px #FFF;
  display: inline-block;
}

.app-sel:nth-child(2) {
  margin-left: 20px;
}

.app-sel .selector {
  width: 15px;
  height: 15px;
  float: right;
  margin-left: 10px;
}

.bt-list-5 {
  cursor: pointer;
  color: #FFF;
  padding: 5px 10px;
}

.lab-grey .sep {
  display: none;
}

#preview .div {
  height: 340px;
  margin: 20px 0;
  border: solid 1px #CCC;
  position: relative;
  background-color: #FFF;
}

#preview .on {
  outline: solid 3px #00a9ec;
  -webkit-box-shadow: 8px 8px 8px #999;
  -moz-box-shadow: 8px 8px 8px #999;
  box-shadow: 8px 8px 8px #999;
}

.ph0 {
  width: 100%;
  height: 150px;
  float: left;
  position: relative;
}

.ph1 {
  width: 150px;
  height: 100%;
  overflow: hidden;
  float: left;
  text-align: center;
  border-right: solid 1px #CCC;
  margin: 0 auto;
  padding: 10px;
}

.ph1 img {
  border: dashed 1px #CCC;
}

.ph2 {
  float: left;
  position: absolute;
  left: 0;
  top: 150px;
  width: 100%;
  height: 100%;
  border-top: solid 1px #CCC;
  padding: 10px;
}

.ph3 {
  width: 40px;
  height: 100%;
  background-color: #00a9ec;
  float: right;
  text-align: center;
  position: relative;
  z-index: 2;
}

.ph3 .selector {
  margin-top: 65px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  border: solid 2px #FFF;
  display: inline-block;
}

.on .selector {
  background-color: #FFF;
}

.ph2 .phs {
  width: 33%;
  float: left;
  line-height: normal;
  text-align: left;
}

.app-opts .phs {
  display: block;
  float: left;
  margin-right: 5px;
  margin-bottom: 8px;
}

.app-opts .phs label {
  color: #FFF;
  font: 400 13px/1.5 "Lato";
}

.app-opts .phs select {
  font: 700 12px/1.5 "Lato";
}

.ph2 .phs label {
  display: block;
  color: #000;
}

.phs select {
  font: 12px/1 "Lato";
}

.ph4 {
  /* close */
  height: 40px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  z-index: 999999999;
  border-top: solid 1px #CCC;
}

.ph4 img {
  cursor: pointer;
  margin-top: 10px;
}

#uploadForm {
  margin-top: 30px;
}

#preco-total {
  color: #FFF;
  background-color: #348e3e;
  padding: 10px;
  font-size: 1.5rem;
  margin-top: 10px;
}

.strike {
  font-size: 1.3rem;
  text-decoration: line-through;
  margin-right: 5px;
}

.bt-list-6 {
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 10px 0 30px;
  position: relative;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  line-height: 30px;
  border: solid 1px #348e3e;
}

.bt-list-6:hover {
  background: #348e3e;
  color: #FFF;
}

.expand {
  cursor: pointer;
  font-size: 1.2rem;
  text-decoration: underline;
  margin-left: 5px;
}

.expand:before {
  content: "(";
}

.expand:after {
  content: ")";
}

.expandable {
  display: none;
}

ul.expandable {
  margin: 10px;
  padding: 10px;
}

.expandable li {
  line-height: 1.1 !important;
  font-size: 1.4rem;
  color: #00a9ec;
}

.progress-bar {
  display: none;
  height: 30px;
  width: 100%;
  padding: 2px;
  border: solid 1px #CCC;
}

#progress {
  background-color: #CCC;
  width: 0%;
  height: 100%;
}

@media only screen and (min-width: 768px) {
  .lab-grey .left {
    float: left;
    width: 40%;
  }

  .lab-grey .bt-list-5 {
    clear: left;
    float: left;
  }

  .lab-grey .right {
    float: right;
    width: 58%;
    height: 220px;
    margin: 0;
    padding: 0 20px 20px 20px;
  }

  .lab-grey .sep {
    display: block;
    width: 1px;
    height: 200px;
    background-color: #515151;
    float: right;
    margin-right: 1%;
  }

  #preview .div {
    height: 150px;
    margin: 20px 0;
    border: none;
  }

  #preview .on {
    outline: solid 3px #00a9ec;
    -webkit-box-shadow: 8px 8px 8px #999;
    -moz-box-shadow: 8px 8px 8px #999;
    box-shadow: 8px 8px 8px #999;
  }

  .ph0 {
    border-top: solid 1px #BBB;
    width: 94%;
    border: solid 1px #CCC;
    height: 100%;
    float: left;
    position: relative;
  }

  .ph0:hover {
    outline: solid 3px #00a9ec;
    -webkit-box-shadow: 8px 8px 8px #999;
    -moz-box-shadow: 8px 8px 8px #999;
    box-shadow: 8px 8px 8px #999;
  }

  .ph1 {
    width: 150px;
    height: 100%;
    overflow: hidden;
    float: left;
    text-align: center;
    border-right: solid 1px #CCC;
    padding: 10px;
  }

  .ph1 img {
    border: dashed 1px #CCC;
  }

  .ph2 {
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-left: 160px;
    padding-right: 40px;
    border: none;
  }

  .ph3 {
    width: 40px;
    height: 100%;
    background-color: #00a9ec;
    float: right;
    text-align: center;
    position: relative;
    z-index: 2;
  }

  .ph3 .selector {
    margin-top: 65px;
    cursor: pointer;
    width: 20px;
    height: 20px;
  }

  .on .selector {
    background-color: #FFF;
  }

  .ph2 .phs {
    line-height: normal;
    text-align: left;
  }

  .phs label {
    font: 700 14px/1.5 "Lato";
    color: #000;
  }

  .phs select {
    font: 12px/1 "Lato";
  }

  .app-opts .phs {
    width: 50%;
    margin: 0;
    margin-bottom: 10px;
  }

  .app-opts .phs label {
    font: 400 12px/1.5 "Lato";
  }

  .app-opts .phs select {
    font: 700 11px/1.5 "Lato";
  }

  .app-opts .phs:nth-child(2n+1) {
    margin-left: 0;
    clear: left;
  }

  .ph4 {
    /* close */
    height: 100%;
    width: 5%;
    position: relative;
    text-align: center;
    float: right;
    z-index: 999999999;
    border: none;
  }

  .ph4 img {
    margin-top: 65px;
    cursor: pointer;
  }
}
@media only screen and (min-width: 1024px) {
  .app-opts .phs label {
    font: 400 14px/1.5 "Lato";
  }

  .app-opts .phs select {
    font: 700 12px/1.5 "Lato";
  }

  .right button {
    font: 700 14px/15px "Lato";
    margin-top: 0px;
  }
}
.comp-tbl {
  border: none;
  width: 100%;
}

.comp-tbl td {
  border-bottom: solid 1px #999;
  padding: 5px 0;
  font-size: 1.3rem;
  color: #000;
  position: relative;
}

.comp-tbl td:nth-child(n+2) {
  text-align: center;
}

.comp-tbl td .img {
  width: 50%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.comp-tbl td:first-child {
  width: 16%;
}

.tbl2 {
  width: 100% !important;
}

.tbl2 td {
  width: 80%;
}

.tbl2 td:first-child {
  width: 20%;
}

.comp-close {
  background: url(/imagens/close2.png) no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  width: 24px !important;
  height: 24px !important;
  right: 0px;
  top: 0px;
  cursor: pointer;
}

/*
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


.cycle-slideshow { width: 45%; min-width: 200px; max-width: 500px; margin: 10px auto; padding: 0; position: relative;
    background: url(http://malsup.github.com/images/spinner.gif) 50% 50% no-repeat;

 }


.cycle-slideshow img:first-child {
    position: static; z-index: 100;
}
*/
#pager-bottom, #pager-top {
  text-align: center;
  width: 100%;
  z-index: 500;
  overflow: hidden;
}

#pager-bottom span, #pager-top span {
  font-family: arial;
  font-size: 50px;
  width: 16px;
  height: 16px;
  display: inline-block;
  color: #ddd;
  cursor: pointer;
}

#pager-bottom span.cycle-pager-active, #pager-top span.cycle-pager-active {
  color: #00a9ec;
}

#pager-bottom > *, #pager-top > * {
  cursor: pointer;
}

.cycle-caption {
  position: absolute;
  color: white;
  bottom: 15px;
  right: 15px;
  z-index: 700;
}

.cycle-overlay {
  font-family: tahoma, arial;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 600;
  background: black;
  color: white;
  padding: 15px;
  opacity: 0.5;
}

.cycle-prev, .cycle-next {
  position: absolute;
  top: 0;
  width: 30%;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 800;
  height: 100%;
  cursor: pointer;
}

.cycle-prev {
  left: 0;
  background: url(http://malsup.github.com/images/left.png) 50% 50% no-repeat;
}

.cycle-next {
  right: 0;
  background: url(http://malsup.github.com/images/right.png) 50% 50% no-repeat;
}

.cycle-prev:hover, .cycle-next:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.cycle-paused:after {
  content: "Paused";
  color: white;
  background: black;
  padding: 10px;
  z-index: 500;
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 10px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

/*
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    .cycle-slideshow { width: 200px;}
    .cycle-overlay { padding: 4px }
    .cycle-caption { bottom: 4px; right: 4px }
}
*/
.list-item-detail {
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;
  position: relative;
  font-size: 16px;
  border: solid 1px #CCC;
  background-color: #ededed;
  padding: 0;
}

.list-item-detail .campanhas-ph {
  width: 50%;
}

.list-item-detail .precos {
  height: 50px;
}

.list-item-detail .valores-ph {
  float: left;
  height: 40px;
  line-height: 40px;
}

.list-item-detail .campanhas-ph {
  float: left;
  margin-left: 20px;
}

.list-item-detail .lead-bg-image {
  width: 100%;
  background-color: #FFF;
}

.lead-bg-image img {
  width: 80%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.lead-bg-image img.full {
  width: 98%;
}

.button-ph .bt-list-5 {
  display: block;
  height: 30px;
  line-height: 30px;
  width: 180px;
  width: 130px;
  margin: 5px auto;
  border-radius: 3px;
  cursor: pointer;
  padding: 0 0 0 35px;
  padding: 0 0 0 30px;
  /*color: white;*/
  text-transform: uppercase;
  position: relative;
  font-size: 1.25rem;
  font-size: 1rem;
  text-align: left;
  text-align: left;
  width: 32%;
  margin: 5px auto;
  color: #FFF;
}

.bordered {
  border-top: solid 1px #CCC;
}

.list-item-detail .button-ph {
  border-top: solid 1px #CCC;
}

#rel-box {
  border: 1px solid #DDD;
  position: relative;
  margin-top: 50px;
}

#rel-box .sep {
  border-right: solid 1px #DDD;
  border: solid 1px #DDD;
  padding: 10px;
  text-align: center;
  width: 100%;
  background-color: #DDD;
  cursor: pointer;
  color: #020202;
}

#rel-box .sep:nth-child(2) {
  width: 34%;
}

#rel-box .sep:nth-child(3) {
  border-right: none;
}

#rel-box .on {
  background-color: #FFF;
  border: none;
}

.cont-art {
  padding: 20px 50px;
  display: none;
  position: relative;
}

.list-item-rel {
  width: 100%;
  float: left;
  margin-top: 30px;
  margin-left: 20px;
  text-align: center;
}

.list-item-rel:first-child {
  margin-left: 0;
}

.list-item-rel .imagem {
  width: 100%;
}

.list-item-rel .imagem img {
  width: 90%;
  height: auto;
  margin: 0 auto;
  display: block;
}

.list-item-rel .titulo {
  height: 35px;
  text-align: center;
}

.container {
  width: 100%;
  display: none;
  height: 300px;
  visibility: visible;
}

.arrows-rel {
  width: 16px;
  height: 31px;
  position: absolute;
  top: 150px;
  cursor: pointer;
  background-repeat: no-repeat;
}

#prev4 {
  left: 10px;
  background-image: url(/imagens/arrow-l.png);
}

#next4 {
  right: 10px;
  background-image: url(/imagens/arrow-r.png);
}

.tbl {
  width: 100%;
  border-collapse: collapse;
}

.tbl td {
  border: solid 1px #CCC;
  border-collapse: collapse;
  font-size: 1.3rem;
  color: #000;
  width: 80%;
  padding: 5px;
}

.tbl td:first-child {
  width: 20%;
}

.list-item-art .titulo {
  color: #000;
}

.img-thumb {
  width: 20%;
  float: left;
  border-top: solid 1px #CCC;
  padding: 5px 0;
  border-right: solid 1px #CCC;
  margin-top: 3px;
  display: none;
}

.img-thumb:nth-child(6) {
  border-right: 0;
}

.img-thumb img {
  display: block;
  width: 75%;
  margin: 0 auto;
  height: auto;
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  #rel-box .sep {
    position: absolute;
    top: 0;
  }

  #rel-box #sep1 {
    width: 34%;
    left: 33%;
  }

  #rel-box #sep2 {
    width: 33%;
    left: 0%;
  }

  #rel-box #sep3 {
    border-right: none;
    left: 67%;
    width: 33%;
  }

  .cont-art {
    margin-top: 50px;
  }

  .list-item-detail {
    position: relative;
    height: 300px;
  }

  .list-item-detail .col1 {
    position: absolute;
    left: 0;
    top: 1px;
    width: 300px;
    height: 297px;
    background-color: #FFF;
  }

  .list-item-detail .col2-title {
    height: 50px;
    padding-top: 5px;
  }

  .list-item-detail .col2-lead {
    height: 150px;
  }

  .list-item-detail .com-pad {
    padding-left: 320px;
    padding-right: 180px;
    /*pointer-events: none;*/
    width: 100%;
  }

  .list-item-detail .com-pad-left {
    padding-left: 320px;
    /*pointer-events: none;*/
    width: 100%;
  }

  .list-item-detail .button-ph {
    position: absolute;
    right: 0;
    top: 0;
    height: 200px;
    width: 225px;
    width: 160px;
    padding: 20px;
    background-color: #EEE;
    border-top: none;
    border-left: solid 1px #CCC;
  }

  .button-ph .bt-list-5 {
    display: block;
    height: 30px;
    line-height: 30px;
    width: 180px;
    width: 120px;
    float: none;
    margin: 0 auto 10px auto;
    border-radius: 3px;
    cursor: pointer;
    padding: 0 0 0 35px;
    padding: 0 0 0 30px;
    /*color: white;*/
    text-transform: uppercase;
    position: relative;
    font-size: 1.25rem;
    font-size: 1rem;
    text-align: left;
    color: #FFF;
  }

  .list-item-rel {
    width: 24%;
    margin-left: 1%;
  }

  .list-item-rel:first-child {
    margin-left: 0;
  }

  .img-thumb {
    display: block;
  }
}
@media only screen and (min-width: 1024px) {
  .list-item-rel {
    width: 19%;
    margin-left: 1%;
  }

  .list-item-rel:first-child {
    margin-left: 0;
  }

  .list-item-detail .button-ph {
    width: 220px;
  }

  .list-item-detail .bt-list-5 {
    width: 180px;
  }

  .list-item-detail .com-pad {
    padding-right: 230px;
  }
}
.bt-price {
  color: #FFF;
  border: solid 1px #00a9ec;
  text-decoration: none;
  font-size: 1.3rem;
}

.bt-price:hover {
  color: #FFF;
}

.bt-reset-filter {
  border: solid 1px #ec870f;
  font-size: 1.3rem;
  color: #FFF;
  text-decoration: none;
}

.bgGrad2-c5 {
  background-color: #da101a;
}

.cart-min-error {
  width: 75%;
  margin: 30px auto;
  padding: 2px;
}

.cart-min-error p {
  margin: 0;
  padding: 5px;
  text-align: center;
  color: #e63232;
  font-size: 16px;
}

.bt-final-1 {
  display: block;
  float: right;
  height: 46px;
  line-height: 46px;
  padding: 0 10px;
  width: 24.5%;
  color: #FFF;
  background: #00a9ec url(/imagens/icn-tip-cart-past.png) no-repeat right center;
  float: right;
  clear: right;
  margin: 5px 0;
  cursor: pointer;
}

.bt-final-1:hover {
  color: #FFF;
}

.total-cart {
  clear: right;
  color: #FFF;
  background-color: #348e3e;
  display: block;
  float: right;
  height: 46px;
  line-height: 46px;
  padding: 0 10px;
  width: 24.5%;
  margin: 5px 0;
}

.bt-step {
  display: block;
  float: left;
  height: 46px;
  line-height: 46px;
  width: 24.5%;
  margin-left: 0.66%;
  padding: 0 10px;
}

.bt-step.clickable_link, .bt-step.clickable {
  cursor: pointer;
}

.step-bg-icon {
  display: inline-block;
  vertical-align: -18px;
  width: 20px;
  height: 46px;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 10px;
}

.step1.step-on .step-bg-icon, .step1.step-past .step-bg-icon {
  background-image: url(/imagens/icn-cart-step1.png);
}

.step2.step-on .step-bg-icon, .step2.step-past .step-bg-icon {
  background-image: url(/imagens/icn-cart-step2.png);
}

.step2.step-off .step-bg-icon {
  background-image: url(/imagens/icn-cart-step2-off.png);
}

.step3.step-on .step-bg-icon, .step3.step-past .step-bg-icon {
  background-image: url(/imagens/icn-cart-step3.png);
}

.step3.step-off .step-bg-icon {
  background-image: url(/imagens/icn-cart-step3-off.png);
}

.step4.step-on .step-bg-icon, .step4.step-past .step-bg-icon {
  background-image: url(/imagens/icn-cart-step4.png);
}

.step4.step-off .step-bg-icon {
  background-image: url(/imagens/icn-cart-step4-off.png);
}

.bt-step:first-child {
  margin-left: 0;
}

.step-on {
  color: #FFF;
  background: #ec870f url(/imagens/icn-tip-cart-on.png) no-repeat right center;
}

.step-off {
  color: #777;
  background: #E7E7E7 url(/imagens/icn-tip-cart-off.png) no-repeat right center;
}

.step-past {
  color: #FFF;
  background: #00a9ec url(/imagens/icn-tip-cart-past.png) no-repeat right center;
}

.step-label {
  display: none;
}

.c3 {
  color: #FFF;
}

.plus, .minus {
  color: #0a903d;
  font-weight: 700;
  cursor: pointer;
  font-size: 2rem;
}

.disabled {
  color: #999;
  cursor: default;
}

.cart-img {
  display: none;
}

.artigo-txt {
  display: inline-block;
  width: 80%;
}

.txt-c1 {
  color: #00a9ec;
}

.txt-c11 {
  color: #303030;
}

@media only screen and (min-width: 768px) {
  .tbl-cart {
    border: solid 1px #CCC;
    border-collapse: collapse;
  }

  .tbl-cart td {
    border: solid 1px #CCC;
  }

  .art-txt-img td {
    bordeR: none;
  }

  .tbl-cart tr:nth-child(2n) {
    background-color: #F0F0F0;
  }

  .cart-img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    height: 100px;
    width: auto;
  }

  .step-label {
    display: inline-block;
    font-size: 1.5rem;
  }
}
#checkout-div1 .left {
  background-color: #DEDEDE;
  border: solid 1px #BBB;
}

#checkout-div1 .right {
  margin-top: 20px;
  background-color: #DEDEDE;
  border: solid 1px #BBB;
}

#checkout-div1 .title {
  background-color: #303030;
  color: #FFF;
  padding: 10px 20px;
  font-size: 1.5rem;
}

.content-box {
  padding: 10px;
}

.content-box p:first-child {
  margin-top: 20px;
}

.form-moradas {
  width: 100%;
}

.form-moradas select {
  font-size: 1.5rem;
}

.form-moradas label {
  display: block;
  font-weight: 700;
}

.soft-label {
  font-weight: 400 !important;
  display: inline-block !important;
}

/*
.form-moradas .col {
	float: left;
	width: 48%;
	margin-right: 4%;	
}
.form-moradas .col:nth-child(2) {
	margin-right: 0;
}
*/
.form-moradas .row {
  clear: both;
  margin: 10px 0;
}

.form-moradas input[type=text], .form-moradas input[type=password], .form-moradas textarea {
  border: solid 1px #CCC;
  width: 100%;
  padding: 5px;
}

#cod_postal1 {
  width: 100px;
}

#cod_postal2 {
  width: 50px;
}

.method {
  border-bottom: solid 1px #CCC;
  padding: 20px 0;
  font-size: 1.6rem;
  text-align: center;
}

.option {
  height: 70px;
  background-position: center top;
  background-repeat: no-repeat;
  display: inline-block;
  padding-top: 50px;
  cursor: pointer;
}

.correio {
  background-image: url(/imagens/icn-delivery.png);
}

.pickup {
  background-image: url(/imagens/icn-pickup.png);
  margin-left: 30px;
}

.email {
  background-image: url(/imagens/icn_email.png);
}

.online {
  background-image: url(/imagens/icn-online.png);
}

.option .option-txt {
  line-height: 2rem;
  height: 2rem;
  color: #303030;
}

.option.on .option-txt {
  color: #0a903d;
}

.option .check {
  border: solid 3px #303030;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: -0.3rem;
  margin-right: 5px;
}

.option.on .check {
  border-color: #0a903d;
  background-color: #0a903d;
}

.opt-choice {
  display: table;
  cursor: pointer;
}

.opt-choice-row {
  display: table-row;
}

.opt-choice-cell {
  display: table-cell;
  vertical-align: middle;
  line-height: 1;
  color: #666;
  font-size: 1.2rem;
}

.opt-choice .check {
  border: solid 3px #303030;
  width: 18px;
  height: 18px;
  display: block;
  margin-right: 5px;
}

.opt-choice.on .check {
  border-color: #0a903d;
  background-color: #0a903d;
}

.opt-choice.on .txt {
  color: #0a903d;
}

.opt-choice .txt {
  color: #303030;
  font-size: 1.6rem;
}

.option-txt {
  line-height: 2rem;
  height: 2rem;
  color: #00a9ec;
  font-size: 1.6rem;
  cursor: pointer;
}

.option-txt .check {
  border: solid 3px #303030;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
}

#creditos-ph {
  padding: 20px 0 30px 0;
  border-bottom: solid 1px #CCC;
}

#creditos-ph .right {
  margin-top: 20px;
}

#codigos_ph, #sumario_ph {
  padding: 20px 0;
  border-bottom: solid 1px #CCC;
}

.lhn {
  line-height: 1 !important;
}

.lhn2 {
  line-height: 1.2 !important;
}

.txt-s {
  font-size: 1.3rem;
}

.faded {
  color: #999;
}

.ch-header {
  font-size: 18px;
  margin-top: 0;
  font-weight: 400;
  text-transform: none !important;
}

.codigos_box.ch-header {
  background-color: #F0F0F0;
}

.codigos_box {
  text-align: center;
  border-bottom: none !important;
  background-color: #F0F0F0;
  padding: 5px 0;
}

#sumario_ph > .left {
  padding: 10px;
  background-color: #F0F0F0;
  border: solid 1px #CCC;
}

#sumario_ph > .left p {
  margin-top: 0;
}

.ch-header-2 {
  font-size: 18px;
  margin-top: 0;
  font-weight: 400;
  text-transform: none !important;
  border-bottom: solid 1px #CCC;
  padding-bottom: 5px;
}

.ch-footer-2 {
  font-size: 14px;
  margin-top: 0;
  font-weight: 400;
  text-transform: none !important;
  border-top: solid 1px #CCC;
  padding-top: 5px;
  color: #00a9ec;
}

.codigos_slots {
  padding: 10px;
}

.codigos_slots input {
  width: 90%;
  margin: 5px 0;
}

.codigos_slots button {
  width: 8%;
  margin-left: 2%;
  cursor: pointer;
}

.cod_slot.on, .cod_bt.on {
  border: solid 1px #020202;
  color: #020202;
}

.cod_slot.off, .cod_bt.off {
  border: solid 1px #348e3e;
  color: #348e3e;
}

.final_price {
  background-color: #348e3e;
  height: 60px;
  line-height: 60px;
  color: #FFF;
  font-size: 2rem;
  text-align: center;
  margin: 5px 0;
}

.bt_final {
  height: 83px;
  width: 100%;
  background: #00a9ec url("/imagens/icn-tip-checkout.png") no-repeat scroll right center;
  clear: right;
  color: #fff;
  cursor: pointer;
  display: block;
  height: 83px;
  font-size: 2rem;
  margin: 5px 0;
  padding: 15px 0 0 0;
  text-align: center;
}

.prices {
  background-color: #F0F0F0;
  border: solid 1px #CCC;
  padding: 10px;
  width: 100%;
}

.prices td {
  padding: 10px;
  color: #348e3e;
  line-height: 1.1 !important;
  font-size: 2rem;
}

.prices td:first-child {
  text-align: left;
}

.prices td:last-child {
  text-align: right;
  font-weight: 700;
}

@media only screen and (min-width: 768px) {
  .form-moradas .col {
    float: left;
    width: 48%;
    margin-right: 4%;
  }

  .form-moradas .col:nth-child(2) {
    margin-right: 0;
  }

  #checkout-div1 .left, #creditos-ph .left {
    width: 49%;
    float: left;
  }

  #checkout-div1 .right, #creditos-ph .right {
    margin-top: 0;
    width: 49%;
    float: right;
  }

  #codigos_ph > .left, #sumario_ph > .left {
    float: left;
    width: 65.5%;
  }

  #codigos_ph > .left > .left, #sumario_ph > .left > .left {
    float: left;
    width: 49%;
  }

  #codigos_ph > .left > .right, #sumario_ph > .left > .right {
    float: right;
    width: 49%;
  }

  #codigos_ph > .right, #sumario_ph > .right {
    width: 33.5%;
    float: right;
  }

  #codigos_ph > .right {
    border: solid 1px #CCC;
  }
}
.area-tbl {
  width: 100%;
  border-collapse: collapse;
}

.area-tbl th {
  background-color: #244991;
  color: #fff;
}

.area-tbl tr:nth-child(2n+1) {
  background-color: #F0F0F0;
}

.area-tbl th:first-child, .area-tbl td:first-child {
  text-align: left;
}

.area-tbl td, .area-tbl th {
  padding: 5px 10px;
  border: solid 1px #CCC;
  text-align: center;
}

.area-tbl th:nth-child(2), .area-tbl td:nth-child(2) {
  width: 50px;
}

.area-tbl th:nth-child(3), .area-tbl td:nth-child(3) {
  width: 50px;
}

.area-tbl th:nth-child(4), .area-tbl td:nth-child(4) {
  width: 100px;
}

.area-tbl th:nth-child(2), .area-tbl td:nth-child(2), .area-tbl th:nth-child(3), .area-tbl td:nth-child(3), .area-tbl th:nth-child(4), .area-tbl td:nth-child(4) {
  display: none;
}

.bt-list-area {
  background-color: #0a903d;
  color: #FFF;
  text-decoration: none;
  padding: 5px 15px;
}

.bt-list-area:hover {
  text-decoration: none;
  color: #FFF;
}

.inline-msg {
  padding: 10px 5px;
  font-size: 1.6rem;
}

.tbl-moradas {
  border: solid 1px #CCC;
}

.tbl-moradas td {
  line-height: 1.2 !important;
  padding: 10px;
}

.tbl-moradas td:first-child strong {
  color: #00a9ec;
}

.tbl-moradas td:first-child {
  font-size: 1.6rem;
}

.tbl-moradas tr:nth-child(2n-1) {
  background-color: #F0F0F0;
}

.tbl-moradas td:nth-child(3n), .tbl-moradas td:nth-child(2n) {
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .area-tbl th:nth-child(2), .area-tbl td:nth-child(2), .area-tbl th:nth-child(3), .area-tbl td:nth-child(3), .area-tbl th:nth-child(4), .area-tbl td:nth-child(4) {
    display: table-cell;
  }
}
.c404 {
  background: url(/imagens/icn-404.png) no-repeat center top;
  padding-top: 75px;
  text-align: center;
  margin: 50px 0;
}

.tbl-check {
  margin: 50px auto;
}

.tbl-check td {
  padding: 10px;
}

.tbl-check td:first-child {
  width: 90px;
}

.tbl-check td:first-child img {
  width: 100%;
  height: auto;
}

.tbl-check td:last-child {
  font-size: 2rem;
  color: #00a9ec;
  text-align: center;
  line-height: normal !important;
}

#pagamento_ph .left, #pagamento_ph .right {
  background-color: #e8e8e8;
  height: 200px;
  border: solid 1px #CCC;
  padding: 20px;
}

.lead-img {
  margin-top: 0;
  text-align: center;
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
  #pagamento_ph .left {
    width: 33%;
    float: left;
  }

  #pagamento_ph .right {
    width: 66%;
    float: right;
  }
}
.estudio-banner {
  margin-top: 30px;
}

.estudio-banner img {
  width: 100%;
  height: auto;
}

.error_msg2, input[data-required] ~ .error_msg, select[data-required] ~ .error_msg {
  background-color: #C00;
  color: #FFF;
  padding: 5px 7px;
  position: relative;
  top: 7px;
  left: 0;
  width: 100%;
  display: block;
  border-radius: 5px;
  font-size: 1em;
}
.error_msg2:after, input[data-required] ~ .error_msg:after, select[data-required] ~ .error_msg:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: 7px;
  top: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #C00;
}

input[data-required] ~ .error_msg, select[data-required] ~ .error_msg {
  top: -15px;
}

.error_msg2 {
  top: -15px;
  margin-top: 10px;
  margin-bottom: 50px;
}

form .error {
  background-color: #C00 !important;
}

form .txt-error {
  color: #C00 !important;
}

/*# sourceMappingURL=style.css.map */