@CHARSET "ISO-8859-1";

html, body {padding: 0; margin: 0; min-height: 100%; height: 100%;}
body {background: #370039; font-family: arial;}

#wrap {width: 100%; margin: auto; height: 100%; background: #370039}
#main {width: 1000px; float: left; position: relative;  padding-bottom: 440px;}
#header {width: 870px; height: 90px; margin: 0 auto; text-align: center; padding-top: 20px; }
#footer {width: 100%; height: 440px; float: left; background: url('../img/bg-footer.png') repeat-x; margin-top: -400px; position: relative;}
#content {width: 930px; margin: 0 auto; text-align: center; padding-top: 15px;}
#content div.banner-slider {width: 1000px; height: 372px;}
#content-box {width: 870px; min-height: 300px; background: #370039; padding: 10px; margin: 0 auto; text-align: center;}
.content-auto {width: 1000px; margin: auto; min-height: 100%;}

.box-footer {width: 199px; height: 300px; margin: 10px 0 10px 0; float: left; }
.box-footer h2 {font-size: 12px; font-weight: bold; float: left; margin: 15px 0 20px 29px; clear: both; color: #cf256e; text-transform: uppercase;}
.box-footer h3 {font-size: 12px; font-weight: bold; float: left; margin: 15px 0 20px 29px; clear: both; color: #cf256e; text-transform: uppercase;}
.box-footer a {font-size: 10px; cursor: pointer; width: 160px; text-decoration: none; font-weight: bold; float: left; margin: 2px 0 2px 29px; clear: both; color: #fff; }
.box-footer a:hover {text-decoration: underline;}
.box-footer a.logo {margin-left: -15px !important;}
.box-footer img {float: left; margin: 15px 0 0 40px; border: 0;}
.box-footer-border {width: 1px; height: 300px; background: #230025; float: left; margin: 10px 0 10px 0; }

.box-footer-faixa {width: 1000px; float: left; height: 30px; margin: 10px 0 0 0;}
.box-footer-faixa h2 {font-size: 12px; font-weight: bold; float: left; margin: 8px 0 20px 29px; color: #fff; text-transform: uppercase;}
.box-footer-faixa a {text-decoration: none; font-size: 11px; font-weight: bold; float: left; margin: 3px 0 20px 45px; color: #fff; padding: 5px;}
.box-footer-faixa a:hover {text-decoration: underline;}
a.chat {background: url('../img/ico-chat.png') no-repeat 10px center; cursor: pointer; padding-left: 50px; padding-right: 63px; border-right: #413143 1px solid;}
a.fone {background: url('../img/ico-fone.png') no-repeat 10px center; cursor: pointer; padding-left: 30px; padding-right: 35px; margin-left: 20px; border-right: #413143 1px solid;}
a.mail {background: url('../img/ico-mail.png') no-repeat 10px center; cursor: pointer; padding-left: 40px; padding-right: 28px; margin-left: 10px; border-right: #413143 1px solid;}
a.person {background: url('../img/ico-mail.png') no-repeat 10px center; cursor: pointer; padding-left: 40px; padding-right: 28px; margin-left: 20px; }

a.redes {float: left; margin: 10px 0 0 10px;}

.box-footer-assinatura {float: left; margin: 10px 0 0 0; width: 100%;}
.box-footer-assinatura img {float: right; margin: 10px 40px 0 0; border: none;}
.box-footer-assinatura h2 {font-size: 11px; font-weight: bold; float: left; margin: 27px 0 20px 25px; color: #fff;}

.box-header-faixa {width: 1000px; float: left; height: 98px;}
.box-header-faixa img.logo {float: left; margin: 5px 25px 0 0; border: 0;}
.box-header-faixa form {float: left; margin: 0;}
.box-header-faixa input.text {width: 500px !important; height: 20px !important; border-radius: 3px; border: 0px; color: #860039; font-size: 12px; background: #fff; float: left; margin: 38px 0 0 0;}
.box-header-faixa input.btn {float: left; margin: 37px 0 0 -2px;}
.box-header-faixa ul.categoria {float: left; padding: 0; margin: 37px 0 0 10px; width: 127px; height: 29px; position: relative; z-index: 20;}
.box-header-faixa ul.categoria li {list-style: none;}
.box-header-faixa ul.categoria li:hover * {display: block;}
.box-header-faixa ul.categoria li ul {position: relative; top: -0px; left: 0; margin: 0; padding: 0; display: none; z-index: 20;}
.box-header-faixa ul.categoria li ul li {background: #370039; border: 1px #59005c solid; padding: 5px; width: 150px; margin-top: -1px;}
.box-header-faixa ul.categoria li ul li:hover {background: #7f0039;}
.box-header-faixa ul.categoria li ul li a {color: #fff; font-size: 12px; text-decoration: none; width: 100%; text-align: left;}
.box-header-faixa ul.loja {float: left; padding: 0; margin: 37px 0 0 10px; width: 127px; height: 29px; position: relative; z-index: 20;}
.box-header-faixa ul.loja li {list-style: none;}
.box-header-faixa ul.loja li:hover * {display: block;}
.box-header-faixa ul.loja li ul {position: relative; top: -0px; left: -35px; margin: 0; padding: 0; display: none; z-index: 20;}
.box-header-faixa ul.loja li ul li {background: #370039; border: 1px #59005c solid; padding: 5px; width: 150px; margin-top: -1px;}
.box-header-faixa ul.loja li ul li:hover {background: #7f0039;}
.box-header-faixa ul.loja li ul li a {color: #fff; font-size: 12px; text-decoration: none; width: 100%; text-align: left;}

.box-header-menu {width: 100%; float: left; height: 45px; }
.box-header-menu a.menu {float: left; text-decoration: none; text-transform: uppercase; color: #ffffff; font-size: 12px; margin: 45px 10px 10px 20px; cursor: pointer;}
.box-header-menu a.menu:hover {color: #c00052;}
.box-header-menu label {float: left; margin: 10px 10px 10px 30px; font-size: 11px; color: #370039;}
.box-header-menu label a {color: #c00052; text-decoration: none;}
.box-header-menu label span {color: #c00052; font-size: 12px;}
.box-header-menu label a:hover {text-decoration: underline;}

.banner-mascara-full {height: 200px;
  width: 210px;
  float: left;
  margin: 0 6px 15px 0;}
.banner-mascara-full-seta {width: 200px;
  height: 63px;
  line-height: 61px;
  text-align: left;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 0px;
  float: left;
  position: relative;
  z-index: -1;
  padding-left: 7px;
  font-weight: bold;}
.banner-mascara {height: 200px;
  width: 200px;
  border-radius: 10px;
  border: 2px #c1c1c1 solid;
  background: #dcddde;
  float: left;
  margin: -31px 0 0 7px;
  position: relative;
  z-index: 0;}
.banner-mascara-imagem {height: 190px;
  width: 100%;
  float: left;
  background: #fff;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  padding-bottom: 0px;
  padding-top: 10px;
 border-radius: 10px;
}
.banner-mascara-imagem * {vertical-align: middle;}
.banner-mascara-imagem span {display:inline-block;height:100%;}
.banner-mascara-imagem img {max-width: 150px; max-height: 230px; margin: auto; margin: -40px 20px 10px 20px;}
.banner-mascara-info {height: 30px;
  cursor: default;
  width: 100%;
  float: left;
  /*border-top: 1px solid #c1c1c1;
  border-bottom: 1px solid #c1c1c1;*/
  padding-top: 5px;
  padding-bottom:10px;}
.banner-mascara-info div.info {width: 100%; float: left; border-right: 1px solid #bdbebf; height: 30px; margin: -40px 0px 0px 0px;}
.banner-mascara-info div {width: 149px; float: left;}
.banner-mascara-info label {float: left; width: 100%; text-align: center; color: #B640BE; font-size: 17px; font-weight: bold;  margin: 0 0 0 0; line-height: 12px;}
.banner-mascara-info span {float: left; width: 100%;  text-align: center; font-size: 11px; text-transform: uppercase; color: #808285; margin-top: 5px;}
.banner-mascara-loja {height: 50px; padding-top: 6px; padding-bottom: 2px; width: 100%; float: left; background: #fff; text-align: center;}
.banner-mascara-loja img {max-height: 50px;}
.banner-mascara-descricao {height: 60px;
  line-height: 60px;
  width: 100%px;
  padding: 0 10px 0 10px;
  float: left;
  background: #fff;
  text-align: center;
  vertical-align: middle;
  display: table-cell;}
.banner-mascara-descricao h1 {display: inline-block;
  color: #808285;
  vertical-align: middle;
  font-size: 12px;
  line-height: normal;}

.banner-mascara-rodape {height: 70px;
  width: 100%;
  float: left;
  text-align: center;}
.banner-mascara-rodape a {width: 200px; height: 200px; display: block; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 0px; text-align: center;line-height: 37px; vertical-align: middle; margin: -246px 0 0 0px; border-radius: 3px; float: left;}

.slider-wrapper {width: 1000px; height: 372px; background: none !important;}
.nivoSlider {height: 372px !important; border-radius: 0 !important; box-shadow: 0px 0px 0px !important; background: none !important;}

.lojas-mascara {width: 200px; height: 150px; float: left; margin: 10px 0 5px 30px; box-shadow: 1px 1px 8px #ccc; border-radius: 10px; text-align: center; color: #370039; font-size: 12px; text-decoration: none;}
.lojas-mascara:hover {text-decoration: underline;}
.lojas-mascara div.imagem {width: 100%; float: left; height: 80px; text-align: center; margin-bottom: 20px; margin-top: 10px; text-align:center;display: table-cell;vertical-align:middle;}
.lojas-mascara div.imagem * {vertical-align: middle;}
.lojas-mascara div.imagem span {display:inline-block;height:100%;}
.lojas-mascara div.imagem img {max-width: 200px; max-height: 80px; margin: auto;}

@media (max-width: 600px) {
    #content-box {width: 60%; min-height: 300px; background: #370039; padding: 10px; margin: 0 0 0 0%;}
}

@media (min-width: 600px) (max-width: 800px) {
    #content-box {width: 80%; min-height: 300px; background: #370039; padding: 10px; margin: 0 0 0 4%;}
}