@charset "UTF-8";


body{
  margin: 0;
  padding: 0;
  background-color: #fff;

}



.esp-log{
  padding: 20px 0 20px 0;
}



.fon-logo-new2{
	background-color: #000;
	border-radius: 10px;
}




.fon-logo-new{
	background-color: #fff;
	border-radius: 10px;
}

.sac-new{
	margin: 0px;
	padding: 0px;
}

.trans{
  background-color: #f8f8f8;
  border-radius: 10px;
}


.trans2{
  background-color: #2d2d2d;
  border-radius: 10px;
}

.iniciar-new{
	font-size: 18px;
	color: #8997a2;
	font-family: tipo-light  ;
	padding: 10px 0 25px 20px;
}


.olvidaste{

  font-size: 13px;
  font-family: tipo-light  ;
  color: #3498db;
  padding: 25px 0 15px 0;
  text-align: right;

}

.box-ingreso{
  height: 50px;
  background-color: transparent;
  border-top: 1px solid #fcf9f9;

  border-right: 1px solid #fcf9f9;
  border-left: 1px solid #fcf9f9;
  border-bottom: 1px solid #b9c0c8;
  color: #888f97!important;
  font-size: 13px;
  font-family: tipo-light  ;



}


.box-ingreso2{
  height: 50px;
  background-color: transparent;
  border-top: 1px solid #2d2d2d;

  border-right: 1px solid #2d2d2d;
  border-left: 1px solid #2d2d2d;
  border-bottom: 1px solid #545a62;
  color: #888f97!important;
  font-size: 13px;
  font-family: tipo-light  ;



}


.bot-text{
  font-size: 16px;
  font-family: tipo-bold  ;
  color: #fff;
  background-color: #00a19b;
  border: 0;
  margin: 35px 0 25px 0;
  border-radius: 30px;
}

.bot-text:hover{
  background-color: #006d68;
}


.cuenta, .cuenta a {

  font-size: 15px;
  font-family: tipo-light  ;
  color: #00a19b;
  padding: 10px 0 20px 0;
  text-align: center;


}


.llamado{
  font-size: 50px;
  color: #fff;
  font-family: tipo-medio ;
  padding: 90px 0 0 0;
}


.llamado-d{
  font-size: 22px;
  color: #fff;
  font-family: tipo-light  ;
  padding: 0 0 0 0;
}

.bot-cambio-color{
	background-color: #fdc300;
	border: 0;
	border-radius: 20px;
}

.bot-cambio-color:hover{
	background-color: #fdc300;
	border: 0;
	border-radius: 20px;
}

.sec-movil{
	display: none;
}


.imagen{

  background-image: url(../images/fondo-new.jpg);
 

  background-size: 100%;
  background-repeat: no-repeat;

}


.imagen-dunalastair{

  background-image: url(../images/fondo-login.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
}


.imagen2{

  background-image: url(../images/fondo-new2.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
}

.imagen3{

  background-image: url(../images/fondo-003.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
}

.imagen4{

  background-image: url(../images/fondo-004.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
}


.bot-cambio-color2{
	background-color: #2a2a2a;
	border: 0;
	border-radius: 20px;
}







@media screen and (min-width: 0px) and (max-width: 812px) {

  .salir{
    display: none;
  }

  .baj-usu{
    margin: 10px 0 0 0;
  }

  .bot-lis{
    border-radius: 40px;
    font-family: tipo-light  ;
    font-size: 13px;
    background-color: #eac435;
    border: 0;
    margin: 3px 0 10px 0;

  }

  .bot-lis2{
    border-radius: 40px;
    font-family: tipo-light  ;
    font-size: 13px;
    background-color: #e30265;
    border: 0;
    margin: 3px 0 10px 0;

  }

  .bot-lis3{
    border-radius: 40px;
    font-family: tipo-light  ;
    font-size: 13px;
    background-color: #0bcda4;
    border: 0;
    margin: 3px 0 10px 0;

  }

  .bot-lis4{
    border-radius: 40px;
    font-family: tipo-light  ;
    font-size: 13px;
    background-color: #f9683b;
    border: 0;
    margin: 3px 0 10px 0;

  }




  .esp-log{
    padding: 10px 0 70px 0;
  }







  .fon-imagen-lis{
      background-image: url(../images/fon-pagina2.jpg);
  }


 

 



  .imagen{

    background-image: url(../images/fondo-new.jpg);


    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #fff;


  }

  .posi-logo{
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .posi-log-b{
    padding: 45px 0 0 0;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  .sec-movil{
	display: block;
}

  .sec-desktop{
	display: none;
}

.bot-cambio-color{
	background-color: #fdc300;
	border: 0;
	border-radius: 20px;
	margin: 30px 0 0 0;
}


.bot-cambio-color2{
	background-color: #2a2a2a;
	border: 0;
	border-radius: 20px;
	margin: 30px 0 0 0;
	border: 1px solid #fff;
}

}