
/*escritorios grandes*/
@media(min-width: 1200px){

}


/*tablet en horizontal - escritorios chicos tipo notebook*/
@media(min-width: 768px){

}

/*moviles en horizontal - tablet vertical*/
@media(max-width: 767px){

}


/*moviles en vertical*/
@media(max-width: 480px){

.logowiz-header{
    margin-left: 5%;
    margin-top: 2%;
    margin-bottom: 10px;
    width: 12vh;
}

.titulos{
    margin-left: 7%;
    margin-top: 40%;
    position: absolute;
    color: white;
    top: 3em;
    font-size: 4.7vw;
}

.titulos2{
    margin-left: 5%;
    margin-top: 35%;
    position: absolute;
    color: white;
    top: 3em;
    font-size: 5vw;
    font-weight: bold;
}

.msgproducto2 {
  position: absolute;
  top: 35em;
  left: 2.7em;
  text-align: left;
  font-family: "Roboto", sans-serif;
  font-size: 2vw;
  font-weight: bold;
  /*color: #0F87C9;*/
  color: white;
}

.msgOlvido2 {
  position: absolute;
  top: 22em;
  left: 1.5em;
  text-align: left;
  font-family: "Roboto", sans-serif;
  font-size: 3.5vw;
  font-weight: bold;
  color: white;
  text-shadow: 5px 5px 10px #151414;
}

.msgHogar2 {
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 4vw;
  font-weight: bold;
  padding:0 10px 0 10px;
}

.ingresoEmail{
    position: absolute;
    top: 30em;
    left: 2.5em;
    height: 2.5em;
    width: 25em;
    border-color: white;
    border-width: 1px;
    border: solid;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 25px;
    color: white;
    font-family: "Roboto", sans-serif;
    font-size: 2.7vw;
    padding: 0 10px 0 10px;
}

.btnQuiero{
    position: absolute;
    top: 31em;
    left: 9em;
    border: 2px solid #fff;
    background-color: rgba(255, 255, 255, 0.0);
    border-radius: 50px;
    font-family: "Roboto", sans-serif;
    color: white;
    font-size: 3vw;
    padding: 10px;
    cursor: pointer;
}

.btnQuiero:hover {
  background-color: #0F87C9;
  color: white;
}

.btnTiendaWiz:hover {
  background-color: #0F87C9;
  color: white;
}

.btnTiendaWiz{
    position: absolute;
    top: 35em;
    left: 6em;
    border: 2px solid #fff;
    background-color: rgba(255, 255, 255, 0.0);
    border-radius: 50px;
    font-family: "Roboto", sans-serif;
    color: white;
    font-size: 2.2vw;
    padding: 10px 15px 10px 15px;
    cursor: pointer;
    text-decoration: none;
}

.btnTiendaWiz2:hover {
  background-color: #0F87C9;
  color: white;
}

.btnTiendaWiz2{
    border: 2px solid #0F87C9;
    background-color: rgba(255, 255, 255, 0.0);
    border-radius: 50px;
    font-family: "Roboto", sans-serif;
    color: #0F87C9;
    font-size: 2.5vw;
    padding: 10px 15px 10px 15px;
    cursor: pointer;
    text-decoration: none;
}

.divBases2{
/*  text-align: center;*/
  background-color: #0F87C9;
  width: 22vw;
  transform: rotate(0deg);
  border-radius: 10px 10px 0 0;
  color: white;
/*  font-family: "Roboto", sans-serif;*/
  position: relative;
/*  top: 1%;*/
  margin-top: -45px;
/*  margin-bottom: auto 0;*/
/*	bottom: 0px;*/
  padding: 0.8vw;
  cursor: pointer;
/*  margin: auto 0;*/
margin-bottom: 15px;
}

.msgBases{
  font-size: 3.5vw;
/*  text-decoration: none;
  color: white;*/
}

.lblTerminos{
    font-size: 3.5vw;
    text-align: center;
    margin-top: 20px;
}

.chkTerminos{
height: 9px;
width: 9px;
}

.politicas {
  font-family: "Roboto", sans-serif;
  font-size: 3vw;
  color: #0F87C9;
  }

.politicas: link {
    color: blue;
    cursor: pointer;
    text-decoration: underline;
  }


}