/*Propiedades para toda la paguina*/
* {
  /*Establecemos el margen*/
  margin: 0px;
  /*Establecemos el area de padding*/
  padding: 0px;
  /*Establecemos el ancho del elemento*/
  box-sizing: border-box;
}

/*Propiedades para el body*/
body {
  /*Tipo de letra*/
  font-family: arial;
  /*Determinamos la imagen de fondo*/
  background-image: url('../img/yazaki.jpg');
  /*Centramos la imagen de fondo*/
  background-position: center center;
  /*Para que la imagen no se repita*/
  background-repeat: no-repeat;
  /*Para que la imagen no sea mas grande que el contenido*/
  background-attachment: fixed;
  /*Para que la imagen se adacte automaticamente a la ventana*/
  background-size: cover;
  /*Colocamos un fondo atras de la imagen*/
  background-color: #66999a;
}

/*Propiedades para la clase sesion*/
.sesion {
  /*Establecemos el ancho*/
  width: 300px;
  /*Establecemos la altura*/
  height: 330px;
  /*Establecemos el color de fondo*/
  background-color: #3c3c44;
  /*Establecemos el margen*/
  margin: auto;
  /*Establecemos el margen superior*/
  margin-top: 90px;
  /*Establecemos un efecto de sombra*/
  box-shadow: 8px 14px 35px black;
  /*Establecemos el area de padding*/
  padding: 18px 25px;
  /*Establecemos el borde superior*/
  border-top: 8px solid #017bab;
  /*Establecemos el color de letra*/
  color: #fff;
}

/*Propiedades para la etiqueta h1*/
.sesion h1 {
  /*Establecemos el margen*/
  margin: 0px;
  /*Establecemos la alineacion del texto*/
  text-align: center;
  /*Establecemos la altura*/
  height: 40px;
  /*Establecemos el margen inferior*/
  margin-bottom: 30px;
  /*Establecemos el borde superior*/
  border-bottom: 2px solid #017bab;
  /*Establecemos el tamaño de la fuente*/
  font-size: 22px;
}

/*Propiedades para la clase cajas*/
.cajas {
  /*Establecemos el ancho*/
  width: 100%;
  /*Establecemos el borde*/
  border: 1px solid #017bab;
  /*Establecemos el margen inferior*/
  margin-bottom: 16px;
  /*Establecemos el area de padding*/
  padding: 11px 11px;
  /*Establecemos el color de fondo*/
  background-color: #252323;
  /*Establecemos el tamaño de la fuente*/
  font-size: 14px;
  /*Establecemos la negrita de la fuente*/
  font-weight: none;
  /*Establecemos el color de letra*/
  color: #017bab;
}

/*Propiedades para la clase boton*/
.boton {
  /*Establecemos el ancho*/
  width: 100%;
  /*Establecemos la altura*/
  height: 40px;
  /*Establecemos el color de fondo*/
  background-color: #017bab;
  /*Establecemos el borde*/
  border: 1px solid white;
  /*Establecemos el color de letra*/
  color: white;
  /*Establecemos el tamaño de la fuente*/
  font-size: 15px;
  /*Establecemos el margen inferior*/
  margin-bottom: 25px;
}
 
 /*Propiedades para el parrafo*/
.sesion p{
  /*Establecemos la altura*/
  height: 40px;
  /*Establecemos la alineacion del texto*/
  text-align: center;
  /*Establecemos el borde superior*/
  border-bottom: 2px solid #017bab;
}

/*Propiedades para el anchor*/
.sesion a {
  /*Establecemos el color de letra*/
  color: white;
  /*Establcemos la decoracion en el texto*/
  text-decoration: none;
  /*Establecemos el tamaño de la fuente*/
  font-size: 14px;
}

/*Propiedades para la interaccion con el hipertexto*/
.sesion a:hover {
  /*Establcemos la decoracion en el texto*/
  text-decoration: underline;
}

/*Propiedades para la clase cajas*/
.cajast {
  /*Establecemos el ancho*/
  width: 100%;
  /*Establecemos el borde*/
  border: 1px solid #017bab;
  /*Establecemos el margen inferior*/
  margin-bottom: 16px;
  /*Establecemos el color de fondo*/
  background-color: #252323;
  /*Establecemos el color de letra*/
  color: #017bab;
}

/*Propiedades para el Recaptcha*/
#rc-imageselect, .g-recaptcha {
  transform:scale(0.75);
  -webkit-transform:scale(0.75);
  transform-origin: ;
  -webkit-transform-origin: ;
  margin-right: 160px;
}