body
  {
    /* The image used */
      background-image: url("../img/fondo-principal.png");
      height: 100%; 
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: fixed;
  }

  h1, h2, h3, h4
  {
    color: #fff;
  }

  .caja1
  {
    padding: 20px;
    background-color: #fff;
    border-radius: 30px 0px 0px 30px;
    -moz-border-radius: 30px 0px 0px 30px;
    -webkit-border-radius: 30px 0px 0px 30px;
  }
  .caja2
  {
    padding: 12% 20px 20px 20px;
    background-color: rgba(6, 38, 84, 0.8);
    border-radius: 0px 30px 30px 0px;
    -moz-border-radius: 0px 30px 30px 0px;
    -webkit-border-radius: 0px 30px 30px 0px;
  }

  .caja3
  {
    padding: 40px 20px;
    background-color: rgba(6, 38, 84, 0.8);
    border-radius: 30px 30px 30px 30px;
    -moz-border-radius: 30px 30px 30px 30px;
    -webkit-border-radius: 30px 30px 30px 30px;
  } 

  .registro
  {
    display: none;
  }

  .login, .registro
  {
    padding-top: 8%;

  }
  .logos-der
  {
    text-align: left;
    padding: 15px;
  }
  .logos-izq
  {
    text-align: right;
    padding: 15px;
  }

  @media (max-width: 768px) 
  { 
    body
    {
      /* The image used */
        background-image: url("img/fondo-movil.png");
    }
    .caja1
    {
      border-radius: 30px 30px 0px 0px;
      -moz-border-radius: 30px 30px 0px 0px;
      -webkit-border-radius: 30px 30px 0px 0px;
    }
    .caja2
    {
      border-radius: 0px 0px 30px 30px ;
      -moz-border-radius: 0px 0px 30px 30px ;
      -webkit-border-radius: 0px 0px 30px 30px ;
    }

    .login, .registro
    {
      padding: 8% 30px;
    }

  }

  .footer
  {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background-color: #062654;
    position: fixed;
  }

  label
  {
    font-weight: 500;
    font-size: 14px;
    color: #fff;
  }
  .btn-cerrar
  {

    border-radius: 100%;
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    color: #000;
  }

  .titulo
  {
    padding-bottom: 40px
  }