.topocontentor {
    display: block;
    /*position: sticky;*/
    top: 0;
    width: 100%;
    background-color: #eeeeee;
    /*z-index: 10000;*/
    height: 10vh;
    /*overflow: hidden;*/
}

.topoelemcent {
    float: left;
    width: 90%;
    text-align: center;
    background-color: #eeeeee;
}

.topoelemslat {
    float: left;
    width: 5%;
    height: 1px;
    background-color: #eeeeee;
    height: 10vh;
}

.tapadaimg {
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
    max-height: 10vh;
}

.langselcamposelect {
    display: block;
    margin: 0px 5px;
}

.langselcamposelect>span>img {
    padding: 3px 0;
}

.langselcamposelect>span {
    width: 40px;
    height: 29px;
    position: absolute;
    /*background: #ffffff;
    border: 1px solid grey;*/
    z-index: 1;
    margin: -1px -5px;
    display: flex;
    padding: 0 4px;
    cursor: pointer;
}

.langselcamposelect>span.atv {}

.langselcamposelect>ul.atv {
    overflow: auto;
    width: 40px;
    height: 110px;
    transform: scaleY(1);
}

.langselcamposelect>ul.atv:before {
    content: "";
    position: relative;
    background: white;
    width: inherit;
    height: inherit;
}

.langselcamposelect>ul>li {
    background: white;
    border: 3px solid white;
    margin: 0px;
    padding: 0px;
}

.langselcamposelect>ul {
    overflow: hidden;
    width: 40px;
    height: 29px;
    margin: 25px -5px;
    border: 1px solid;
    background: white;
    position: absolute;
    transition: 0.4s;
    transform: scaleY(0);
    transform-origin: top;
    padding: 0px 9px 0px 1px;
    cursor: pointer;
}

@media only screen and (min-width: 400px) {

    .topocontentor {
        height: 12vh;
    }

    .topoelemcent {
        width: 88%;
    }

    .topoelemslat {
        width: 6%;
        height: 12vh;
    }

    .tapadaimg {
        max-width: 88%;
        max-height: 12vh;
    }

}

@media only screen and (min-width: 600px) {

    .topocontentor {
        height: 14vh;
    }

    .topoelemcent {
        width: 80%;
    }

    .topoelemslat {
        width: 10%;
        height: 14vh;
    }

    .tapadaimg {
        max-width: 80%;
        max-height: 14vh;
    }

}

@media only screen and (min-width: 768px) {

    .topocontentor {
        height: 10vh;
    }

    .topoelemcent {
        width: 76%;
    }

    .topoelemslat {
        width: 12%;
        height: 10vh;
    }

    .tapadaimg {
        max-width: 76%;
        max-height: 10vh;
    }

}