* {
    margin: 0;
    padding: 0; /* estilos desde Cero*/
    border: 0;
    font-family: 'Roboto', sans-serif;
  }
  .contenerdorPrincipal {
    margin: 1% 15% 4% 15%;
    text-align: center;
    /*font-family: Georgia, "Times New Roman", Times, serif;*/
  }


  .contenerdorPrincipal h1{
    color: #0FB6FF;
    font-weight: 600;
  }

  .contenerdorPrincipal h2{
    color: #0c2461;
    font-weight: 500;
  }

  .logo-notaria{
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 90%;
    height: 15%;
}

   /*--- color y tamaño letra formulario ---*/

  .formulario label{
    color: #193096;
    font-size: 100%;
    font-weight: 550;
  }

 /*--- estilo botones  ---*/
  
  .colorBotonCalcular{
    background: #0c2461;
  }
  
  .colorBotonLimpiar{
    background: #0FB6FF;
  }

  .colorVenta{
    background-color: #e67e22;
  }

  .colorHipoteca{
    background: #9b59b6;
  }

  .colorIndex{
    background: #ff7675;
  }

  .colorLeasing{
    background:#1abc9c;
  }

  .colorVis{
    background:#2c3e50;
  }
  .colorVisHip40{
    background:#44bd32;
  }
  .colorVisHip10{
    background:#7f8fa6;
  }

  .colorReglamento{
    background:#b71540;
  }
  .colorConstructoras{
    background:#079992;

  }
.formularioBeneficencia button:hover{
    color: #193096;
    font-weight: bold;
    background-color: #ffffff;
  }

/*--- footer ---*/
  .page-footer {
    background-color: #0c2461;
    color: #ccc;
    padding: 60px 0 30px;
    font-size: 120%;

  }
  .footer-copyright {
    color: #666;
    padding: 20px 0;
  }


/*--- validar cajas de texto ---*/
  
input:valid {
 
    border: 4px solid #55efc4;
  }
  input:invalid {
    border: 4px solid #ff7675;
  }