.tablaCentrada 
{
    width:70%;
    position:fixed;
    top:20%;
    left:20%;
}

.h1{
    color: #2A88AD;
    font-family: calibri;
    font-size: 60px;
    font-style: normal;
    font-weight: bold;
}

.tituloCambioPassword{
    color: #2A88AD;
    font-family: calibri;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
}

p.Encabezados{
    color: #2A88AD;
    font-family: calibri;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
}

   
   .Textos
   {
    display: block;
     color: #2A6881;
    padding: 8px;
   }
   
   .MensajeError
   {
    display: block;
    color: #800000;
    padding: 8px;
    background: #ff5555;
}
   
   .MensajeCorrecto
   {
    display: block;
    color: #677821;
    padding: 8px;
    background: #aad400;
   }
   
   
   .AreaTexto
   {
    width: 100%;
    padding: 8px;
    border: 2px solid #fff;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
    border-radius: 6px;
   }
   
   .AreaTexto:focus
   {
       border: 1px solid #2A88AD;
   }


input.textbox, select, textarea
{
  font-family    :  calibri;
  font-size      :  14px;
  color          :  #000000;

  padding        :  3px;
  background     :  #ffffff;                /* Color cuando no está seleccionado */
  border-left    :  solid 1px #c1c1c1;
  border-top     :  solid 1px #cfcfcf;
  border-right   :  solid 1px #cfcfcf;
  border-bottom  :  solid 1px #6f6f6f;
}

input.textbox:focus, input.input_text_focus
{
    border-color:#646464;
    background-color:#0fa9ff; /* Color cuando tiene el foco */
} 

input.textbox:disabled
{
    color       :#7d7d7d;
    border-color:#7d7d7d;
    background-color:#ffffff; /* Color cuando tiene el foco */
}