.col box-tool {
    margin: auto;
    float:left;
    border-width:1PX;
    border-color:lightseagreen;
    border-radius:10px;
    border-style:solid;
}


.cajamenu {
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(120px, 1fr) );
    gap: 32px;
    text-align: center;
    max-width: 100%;
}




#salto {

    width:100%;
    height:60px;

}

container {
    resize: both;
    overflow: auto;
    max-width: 1000px;
}

img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

#LogoHorizontal {
    display: block;
}

#LogoCuadrado {
    display: none;
}


#infouserinfouser {
    max-width: 100%;
    max-height: 100%;
}

#servicioscaja {
    max-width: 50%;
    float: left;
}

#clientescaja {
    max-width: 50%;
    float: left;
}


.wrap {
    white-space: normal;
    width: 100px;
}

#cabezoteini {
    height: 60px;
    position: absolute;
    position: fixed;
    overflow: auto;
    z-index: 1;
}



.col box-tool {
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 2px solid #78a2f5;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}


    .col box-tool:hover, .anuncio6:focus, .anuncio6:active {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
        transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    }








.btn btn-primarylog btn-lg {
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 2px solid #78a2f5;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}


    .btn btn-primarylog btn-lg:hover, .anuncio6:focus, .anuncio6:active {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
        transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    }



@media screen and (max-width:800px) {


    #clientescaja {
        max-width: 100%;
        float: left;
    }


    #servicioscaja {
        max-width: 100%;
        float: left;
    }


    #salto {
        width: 100%;
        height: 230px;
    }




    container {
        resize: both;
        overflow: auto;
        max-width: 100%;
    }


    #cabezoteini {
        height:220px;
    }


    #formatran {
        height: 2000px;
    }   
        

    #LogoHorizontal {
        display: none;
    }


    #ImageLogoCasa {
        display: none;
    }

    #LogoCuadrado {
        display: block;
    }

#infouserinfouser {
    max-width: 100%;
    max-height: 100%;
}





}