@charset "utf-8";

body {
  background: none;
}

html,
body {
  height: 100%;
  width: 100%;
  margin: 0;
}

a {
  color: #000;

  text-decoration: none;
}

a,
a:hover,
a:active,
a:visited,
a:focus {
  text-decoration: none;
}

input:focus {
  outline: 0px;
}

.main aside span {
  width: 100%;

  height: auto;

  text-align: left;

  margin-top: 8px;

  margin-bottom: 8px;
}

.talkbubble {
  width: 70%;

  height: auto;

  background: #bcdffa;

  position: relative;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  border-radius: 5px;

  padding: 10px;

  font-weight: normal;
}

.talkbubble:before {
  content: "";

  position: absolute;

  right: 99%;

  top: 0%;

  width: 0;

  height: 0;

  border-top: 0px solid transparent;

  border-right: 28px solid #bcdffa;

  border-bottom: 18px solid transparent;
}

.talkbubble2 {
  width: 70%;

  height: auto;

  background: #9df7ad;

  position: relative;

  right: 10%;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  border-radius: 5px;

  padding: 10px;

  font-weight: normal;
}

.talkbubble2:before {
  content: "";

  position: absolute;

  left: 99%;

  top: 0%;

  width: 0;

  height: 0;

  border-top: 0px solid transparent;

  border-left: 28px solid #9df7ad;

  border-bottom: 18px solid transparent;
}

.redondo {
  -moz-border-radius: 100px;

  -webkit-border-radius: 100px;

  border-radius: 100px;
}

.redondeado {
  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  border-radius: 5px;
}

* {
  padding: 0;

  margin: 0;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;
}

/*menu movil oculto*/

.menu_bar {
  display: none;

  background: #e5e5e5;
}

.container {
  background: #fff;

  width: 100%;

  padding: 0px;

  margin: 0px;
}

.headmenuoption {
  background: #1b1b1b;

  width: 100%;

  position: fixed;

  z-index: 10000;

  top: 0px;

  color: #fff;

  padding: 5px;
  text-align: center;

  font-weight: normal;
}

.headmenuoption a {
  color: #fff;

  text-decoration: none;
}

/*contenedor menu esc*/

.headmenu {
  margin-top: 30px;

  text-align: center;

  color: #fff;

  width: 100%;

  position: fixed;

  z-index: 10000;

  top: 0px;
}

.headmenu nav {
  background: #fff;

  z-index: 1000;

  max-width: 100%;

  width: 100%;

  border-bottom: #ccc 1px solid;
}

.headmenu nav ul {
  list-style: none;

  margin-bottom: 0px;
}

.headmenu nav ul li {
  display: inline-block;

  position: relative;
}

.headmenu nav ul li:hover {
}

.headmenu nav ul li a {
  color: #000;

  display: block;

  text-decoration: none;

  font-weight: bold;

  background: #fff;

  padding: 28px;

  padding-left: 20px;

  padding-right: 20px;
}

.headmenu nav ul li ul li a {
  padding: 8px;
}

.headmenu nav ul li a:hover {
  color: #000;

  border-bottom: #000 solid 4px;
}

.menu_activo {
  border-bottom: #000 solid 4px;
}

.headmenu nav ul li a span {
}

.headmenu nav ul li a span {
}

.headmenu nav ul li:hover .menuhijo {
  /*display:block;*/

  border-bottom: #ccc solid 1px;
}

.headmenu nav ul li .menuhijo {
  display: none;

  background: #d1d1d1;

  position: absolute;

  width: 150%;

  z-index: 1000;

  text-align: left;
}

.headmenu nav ul li .menuhijo li {
  display: block;

  overflow: hidden;

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.headmenu nav ul li .menuhijo a {
  display: block;

  border-bottom: #ccc solid 1px;

  font-weight: normal;
}

.headmenu nav ul li .menuhijo a:hover {
  font-weight: bold;
}

.headmenu nav ul li .menuhijo a span {
  float: right;

  position: relative;

  top: 3px;

  margin-right: 0px;

  margin-left: 3px;
}

/*submenu 2*/

.menuhijo2 {
  margin-left: 20px;

  display: none;
}

.menuhijo2 li {
  display: none;

  background: #d1d1d1;

  position: absolute;

  width: calc(150%-20px);

  z-index: 1000;

  text-align: left;
}

.menuhijo2 li:hover {
  display: none;

  border-bottom: #ccc solid 1px;
}

.menuhijo2 ul li {
  display: block;

  overflow: hidden;

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.menuhijo2 ul li a {
  display: block;

  border-bottom: #ccc solid 1px;

  font-weight: normal;
}

.menuhijo2 ul li a:hover {
  font-weight: bold;
}

.menuhijo2 ul li a span {
  float: right;

  position: relative;

  top: 3px;

  margin-right: 0px;

  margin-left: 3px;
}

.subm2 {
  font-weight: bold;
}

/*submenu 2 end*/

.headmenu nav ul li .caret {
  position: relative;

  margin-left: 10px;

  margin-right: 0px;
}

.logo001 {
  float: left;

  position: absolute;

  left: 0px;

  text-align: right;

  top: 16px;

  left: 15px;
}

.icono-carrito {
  float: right;

  position: absolute;

  right: 0px;

  text-align: right;

  top: 20px;

  right: 10px;
}

.icono-wallpapers {
  float: right;

  position: absolute;

  right: 0px;

  text-align: right;

  top: 20px;

  right: 60px;
}

.men_buscador {
  border: #ccc solid 1px;

  background: #fff;

  float: left;

  display: block;

  padding: 20px;

  width: 50%;

  position: static;

  left: 0px;

  text-align: center;

  border: none;

  border-bottom: #ccc solid 1px;
}

.men_buscador_cont {
  position: fixed;

  width: 200%;

  text-align: center;

  margin-top: -60px;

  z-index: 9999;
}

.icon-search {
  position: absolute;

  right: 55px;

  cursor: pointer;

  top: 24px;

  font-size: 26px;

  z-index: 1000;
}

.botonBanerFoto {
  background: #fff;

  padding: 20px;

  border: #000 solid 1px;

  font-weight: bold;

  text-decoration: none;

  background: #ccc;

  transition: all 0.4s ease;

  padding: 12px 28px;

  background: #ddd;

  color: #000;
}

.botonBanerFoto:hover {
  background: #000;

  color: #fff;

  text-decoration: none;

  font-weight: bold;

  border: #fff solid 1px;
}

.contenidodetallado {
  margin-top: 111px;
}

.banner_imagen {
  margin-top: 111px;

  background: #fff;

  width: 100%;
}

.banner_imagen img {
  background: #fff;

  width: 100%;
}

.banimgcon0 {
  position: absolute;

  top: 300px;

  z-index: 3000;

  right: 30px;

  margin-top: 0px;

  text-align: center;

  width: 50%;
}

.banimgcon1 {
  width: 100%;

  padding: 00px;

  position: relative;

  text-align: right;
}

.banimgcon_tit {
  color: #fff;

  font-size: 34px;

  font-weight: bold;

  margin-bottom: 0px;
}

.banimgcon_sub_tit {
  color: #fff;

  font-size: 18px;

  margin-bottom: 20px;
}

a {
  text-decoration: none;
}

.transp50 {
  background-color: #f00;
}

.wrap {
  position: relative;
  margin: 0 auto;
  width: 100%;
  float: right;
}

#footer {
  position: fixed;
  bottom: 0;
  z-index: 1000;
  float: right;
  margin-left: calc(100% - 100px);
}

.pie_divisor {
  height: 5px;

  background: #000;

  margin-top: 10px;

  width: 100%;
}

.pie_marca {
  padding: 20px;
}

.pie_divisor2 {
  height: 1px;

  background: #000;

  width: 100%;
}

.row_pie aside {
  margin-top: 14px;

  /*border:#00C 1px dotted;*/
}

.row_pie aside span {
  width: 100%;
}

.row_pie aside span div {
  border: solid 1px #ffffff;

  margin: 5px -10px 5px -10px;

  text-align: justify;

  /*border:#666 solid 1px;*/
}

.row_pie > aside > span > div > h1 a {
  color: #000;

  font-size: 16px;

  margin: 0px;

  margin-bottom: 6px;

  font-weight: bold;
}

.row_pie > aside > span > div > h1 p {
  color: #000;

  font-size: 16px;

  margin: 0px;

  margin-bottom: 6px;

  font-weight: bold;
}

.row_pie > aside > span > div > strong {
  color: #666;

  font-weight: normal;

  font-size: 12px;
}

.row_copy aside {
  margin-top: 60px;

  /*border:#00C 1px dotted;*/
}

.row_copy aside span {
  width: 100%;
}

.row_copy aside span div {
  border: solid 1px #ffffff;

  margin: 5px -10px 5px -10px;

  text-align: justify;

  /*border:#666 solid 1px;*/
}

.row_copy > aside > span > div > h1 {
  color: #999;

  font-size: 12px;

  margin: 0px;

  margin-bottom: 6px;

  font-weight: bold;
}

.row_body aside {
  margin-top: 20px;

  /*border:#00C 1px dotted;*/
}

.row_body aside span {
  width: 100%;
}

.row_body aside span div {
  border: solid 1px #ffffff;

  margin: 5px -10px 5px -10px;

  text-align: center;

  /*border:#666 solid 1px;*/
}

.row_body aside span div:hover {
  border: #999 solid 1px;
}

.row_body > aside > span > div > h1 {
  color: #333;

  font-size: 16px;

  margin: 0px;

  margin-bottom: 6px;

  font-weight: normal;

  text-align: center;
}

.row_body > aside > span > div > h2 {
  color: #333;

  font-size: 14px;

  margin: 0px;

  margin-bottom: 10px;

  font-weight: normal;

  text-align: left;

  padding-top: 0px;

  padding-left: 8px;

  padding-right: 8px;
}

.row_body > aside > span > div > h3 {
  color: #999;

  font-size: 14px;

  margin: 0px;

  margin-bottom: 10px;

  font-weight: normal;

  text-align: left;

  padding-bottom: 0px;

  padding-left: 8px;

  padding-right: 8px;
}

.boton_prod_list {
  background: #999;

  border: #000 solid 2px;

  color: #fff;

  font-weight: normal;

  text-decoration: none;

  background: #ccc;

  transition: all 0.3s ease;

  padding: 5px 30%;

  background: none;

  color: #000;

  width: 300px;
}

.boton_prod_list:hover {
  background: #000;

  color: #fff;

  text-decoration: none;

  font-weight: bold;

  border: #000 solid 2px;
}

.icono-contacto {
  display: none;
}

.icono-lang {
  display: none;
}

.link_menu {
  padding: 20px;

  color: #666;

  font-weight: normal;

  text-decoration: none;

  transition: all 0.3s ease;

  padding: 20px 20px;

  color: #666;
}

.link_menu:hover {
  color: #333;

  text-decoration: none;
}

.tallasCont {
  border: #666 solid 1px;

  height: auto;

  width: 36px;

  text-align: center;

  padding: 5px;

  position: relative;

  float: left;

  margin-right: 4px;
}

.coloresCont {
  border: #666 solid 1px;

  height: auto;

  width: 36px;

  text-align: left;

  padding: 5px;

  float: left;

  margin-right: 4px;
}

@media screen and (max-width: 950px) {
  .banimgcon0 {
    background: none;

    position: static;

    z-index: 3000;

    margin-top: 10px;

    text-align: center;

    width: 100%;

    margin-bottom: 30px;
  }

  .banimgcon1 {
    width: 100%;

    padding: 00px;

    position: static;

    text-align: center;
  }

  .banimgcon1 {
    width: 100%;

    padding: 00px;

    position: static;

    text-align: center;
  }

  .banimgcon_tit {
    color: #000;

    font-size: 34px;

    font-weight: bold;

    margin-bottom: 0px;
  }

  .banimgcon_sub_tit {
    color: #000;

    font-size: 18px;

    margin-bottom: 20px;
  }

  .botonBanerFoto {
    background: #999;

    padding: 20px;

    border: #000 solid 2px;

    color: #fff;

    font-weight: normal;

    text-decoration: none;

    background: #ccc;

    transition: all 0.3s ease;

    padding: 12px 28px;

    background: none;

    color: #000;
  }

  .botonBanerFoto:hover {
    background: #000;

    color: #fff;

    text-decoration: none;

    font-weight: bold;

    border: #000 solid 2px;
  }

  .icono-lang {
    display: block;

    float: none;

    position: absolute;

    right: 0px;

    top: -38px;

    right: 100px;

    z-index: 3000;

    font-weight: bold;
  }

  .icono-contacto {
    display: block;

    float: none;

    position: absolute;

    right: 0px;

    top: -42px;

    right: 60px;

    z-index: 3000;
  }

  .icono-wallpapers .wallpaper {
    display: none;
  }
  .icono-carrito {
    float: none;

    position: absolute;

    right: 0px;

    top: -42px;

    right: 20px;

    z-index: 1000;
  }

  .icono-wallpapers {
    float: none;

    position: absolute;

    right: 0px;

    top: -42px;

    right: 100px;

    z-index: 1000;
  }

  .logo001 {
    float: none;

    left: calc(50% - 40px);

    position: absolute;

    z-index: 1000;

    top: -50px;
  }

  .headmenuoption {
    display: none;
  }

  .headmenu {
    text-align: left;

    top: 28px;
  }

  .icono_menu {
    display: inline;
  }

  body {
    padding-top: 0px;
  }

  .menu_bar {
    display: block;

    width: 100%;

    position: fixed;

    top: 0;

    background: #fff;

    z-index: 1000;

    border: #ccc 1px solid;

    padding: 14px;
  }

  .menu_bar .bt-menu {
    display: block;

    padding: 20px;

    color: #fff;

    overflow: hidden;

    font-size: 20px;

    font-weight: normal;

    text-decoration: none;
  }

  .menu_bar span {
    float: left;

    font-size: 24px;
  }

  .headmenu nav {
    width: 80%;

    height: calc(100% - 50px);

    position: fixed;

    right: 100%;

    margin: 0;

    overflow: scroll;
  }

  .headmenu nav ul li {
    display: block;

    border-bottom: 1px solid rgba(225, 225, 225, 0.5);
  }

  .headmenu nav ul li a {
    display: block;

    padding: 14px;

    border-bottom: #ccc solid 1px;

    font-weight: normal;
  }

  .headmenu nav ul li a:hover {
    font-weight: bold;

    border-bottom: #ccc solid 1px;
  }

  .menu_activo {
    border: none;

    font-weight: bold;
  }

  .icon-search {
    position: absolute;

    left: 70px;

    cursor: pointer;

    top: -44px;

    font-size: 26px;

    z-index: 1000;
  }

  .men_buscador {
    float: left;

    display: block;

    padding: 20px;

    width: 50%;

    position: static;

    left: 0px;

    text-align: center;

    border: none;
  }

  .men_buscador_cont {
    position: fixed;

    width: 200%;

    text-align: center;

    margin-top: -60px;

    z-index: 9999;
  }

  .headmenu nav ul li:hover .menuhijo {
    display: none;
  }

  .headmenu nav ul li .menuhijo {
    width: 100%;

    position: relative;
  }

  .headmenu nav ul li .menuhijo li a {
    margin-left: 20px;
  }

  .headmenu nav ul li .caret {
    float: right;
  }

  ::-webkit-scrollbar {
    width: 0px;
  }

  .contenidodetallado {
    margin-top: 58px;
  }

  .banner_imagen {
    margin-top: 58px;

    background: #fff;

    width: 100%;
  }

  .banner_imagen img {
    background: #fff;

    width: 100%;
  }
}