body {
}

.ContenidoCambioClave {
    margin-left:10%;
    margin-right:10%;
}

.TituloCambioClave { 
  font-family: Arial;
  font-variant: normal;
  font-size: 40px;  
  text-align:center;
}

.FormatoInstrucciones {
  margin-left:15%; 
  margin-right:15%;
}

.CuerpoCambioClave
{
   margin-left:8%;
   margin-right:8%;
   border-radius:25px;
   padding:1%;   
   border: 1px black solid;
}

.FormatoAceptacionCambioClave {
   margin-left:15%; 
   margin-right:15%; 
   text-align:center;
}

.centradoCambioClave{
  vertical-align:middle;
  text-align:center;
}

.EtiquetaAvisosCambioClave {
    text-align:center;
    vertical-align:middle;
    margin:0 auto;
}

.FormatoBotonVolverCambioClave {
    Font-Size: 10pt;
    Width: 100px;
    max-width:60px;
    border-radius: 15px; 
    border: 1px solid transparent; 
    padding:5px;
}

.FormatoDatosCambioClave {
    float:left;    
    text-align:left;   
}

.FormatoEtiquetaCambioClave {   
    width:98%;
    max-width:40px;         
    padding:1%;
}

.CentrarObjetosCambioClave {
  margin-left:15%;
  margin-right:15%;
  text-align:center;
  vertical-align:middle;
}

.TamanoTextBoxCambioClave {
    width:100%;
    max-width:200px;
}


@media screen and (max-width:650px) {
    .FormatoInstrucciones {
      margin-left:10%; 
      margin-right:10%;
      font-size:10px;
    }

    .TituloCambioClave { 
      font-family: Arial;
      font-variant: normal;
      font-size: 20px;  
      text-align:center;
    }

    .FormatoAceptacionCambioClave {
       margin-left:10%; 
       margin-right:10%; 
       text-align:center;
       font-size:15px;
    }    

    .FormatoEtiquetaCambioClave {   
        width:98%;
        max-width:25px;         
        padding:1%;
        font-size:12px;
    }

    .TamanoTextBoxCambioClave {
        width:100%;
        max-width:150px;
    }

    .TamanoLetraAceptacion {
        font-size:10px;        
    }

}

@media screen and (max-width:550px) {
     .TamanoTextBoxCambioClave {
        width:100%;
        max-width:100px;
        font-size:11px;
    }

    .TamanoLetraAceptacion {
        font-size:9px;        
    }
}

@media screen and (max-width:455px) {
    .FormatoInstrucciones {
      margin-left:0%; 
      margin-right:0%;
      font-size:9px;
    }

    .TituloCambioClave { 
      font-family: Arial;
      font-variant: normal;
      font-size: 15px;  
      text-align:center;
    }

    .FormatoAceptacionCambioClave {
       margin-left:5%; 
       margin-right:5%; 
       text-align:center;
       font-size:11px;
    }

    .CuerpoCambioClave
    {
       margin-left:5%;
       margin-right:5%;
       border-radius:25px;
       padding:1%;   
       border: 1px black solid;
    }

    .ContenidoCambioClave {
        margin-left:5%;
        margin-right:5%;
    }

    .FormatoEtiquetaCambioClave {   
        width:98%;
        max-width:15px;         
        padding:1%;
        font-size:10px;
    }

     .TamanoTextBoxCambioClave {
        width:100%;
        max-width:70px;
        font-size:9px;
    }

    .TamanoLetraAceptacion {
        font-size:8px;        
    }
}

@media screen and (max-width:300px) {
     .TamanoTextBoxCambioClave {
        width:100%;
        max-width:60px;
        font-size:9px;
    }

    .ContenidoCambioClave {
        margin-left:2%;
        margin-right:2%;
    }
}
 
@media screen and (max-width:290px) {
    .FormatoInstrucciones {
      margin-left:0%; 
      margin-right:0%;
      font-size:8px;
    }

    .TituloCambioClave { 
      font-family: Arial;
      font-variant: normal;
      font-size: 11px;  
      text-align:center;
    }

    .FormatoAceptacionCambioClave {
       margin-left:0%; 
       margin-right:0%; 
       text-align:center;
       font-size:7px;
    }

    .CuerpoCambioClave
    {
       margin-left:0%;
       margin-right:0%;
       border-radius:25px;
       padding:0%;   
       border: 1px black solid;
    }

    .ContenidoCambioClave {
        margin-left:0%;
        margin-right:0%;
    }

    .FormatoEtiquetaCambioClave {   
        width:100%;
        max-width:10px;         
        padding:2%;
        font-size:9px;
    }

    .TamanoTextBoxCambioClave {
        width:100%;
        max-width:65px;
        font-size:9px;
    }
}