body {
}

.divEncabezado {
    height:100px; 
    border:none;
}

.FormatoLogo {
    float:left; 
    margin-top:1%;
}

.FormatoCierre {
    text-align:right;
    margin-right:3%;
    float:right;
    margin-top:2%;
}

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

.ImgCierre {
    Width:100%; 
    Height:100%;
}

.FormatoTextoFooter {
    width:100%; 
    height:100%; 
    text-align:center; 
    font-size:11px;
}


@media screen and (max-width: 400px) {
    .ImgCierre {
        Width:50%; 
        Height:50%;
    }

    .divEncabezado {
        height:50px; 
    }

    .ImgLogo {
        width:80%;
        height:80%;
        max-width:100px;
        max-height:100px; 
    }

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


@media screen and (max-width: 300px) {
    .ImgCierre {
        Width:40%; 
        Height:40%;
        text-align:right;
        max-width:90px;
        max-height:100px;
    } 
    
    .divEncabezado {
        height:40px; 
    }

     .ImgLogo {
        width:80%;
        height:80%;
        max-width:100px;
        max-height:100px;         
    } 

    .FormatoTextoFooter {
        font-size:6px;
    }
}