.logos-inicio {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0rem 0 0 0
}
.logos-inicio div {
    width: 10rem;
    height: 10rem;
    margin: 0 2.5rem 0 0;
    position: relative;
    opacity: 0.5
}
.marcas-lavigor {
    background-image: url("../img/quienes-somos/lavigor-logo-gris.png");
    background-size: cover;
    background-position: center
}
.marcas-lavigor:hover {
    background-image: url("../img/quienes-somos/lavigor-logo-color.png");
    opacity: 1;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.marcas-medytox {
    background-image: url("../img/quienes-somos/medytox-logo-gris.png");
    background-size: cover;
    background-position: center
}
.marcas-medytox:hover {
    background-image: url("../img/quienes-somos/medytox-logo-color.png");
    opacity: 1;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.marcas-tegoder {
    background-image: url("../img/quienes-somos/tegoder-logo-gris.png");
    background-size: cover;
    background-position: center
}
.marcas-tegoder:hover {
    background-image: url("../img/quienes-somos/tegoder-logo-color.png");
    opacity: 1;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.marcas-tdclinik {
    background-image: url("../img/quienes-somos/tdc-logo-gris.png");
    background-size: cover;
    background-position: center
}
.marcas-tdclinik:hover {
    background-image: url("../img/quienes-somos/tdc-clinik-logo-color.png");
    opacity: 1;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.marcas-toskani {
    background-image: url("../img/quienes-somos/toskani-logo-gris.png");
    background-size: cover;
    background-position: center
}
.marcas-toskani:hover {
    background-image: url("../img/quienes-somos/toskani-logo-color.png");
    opacity: 1;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

.marcas-regen {
    background-image: url("../img/quienes-somos/regen-biotech-logo-gris.png");
    background-size: cover;
    background-position: center
}
.marcas-regen:hover {
    background-image: url("../img/quienes-somos/regen-biotech-logo-color.png");
    opacity: 1;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

.marcas-onc {
    background-image: url("../img/quienes-somos/onc-logo-gris.png");
    background-size: cover;
    background-position: center
}
.marcas-onc:hover {
    background-image: url("../img/quienes-somos/onc-logo-color.png");
    opacity: 1;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}


.inicio-sesion-ceb-directo {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 2rem 0 7rem 0
}
.inicio-sesion-ceb-directo .inicio-sesion .contrasena,
.inicio-sesion-ceb-directo .inicio-sesion .usuario {
    width: 20%
}
.t-login {
    color: #d95098;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 1.5rem;
    margin: 0 0 1rem 0
}
.contenido-comunidad {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.side-bar-container {
    width: 30%;
    height: auto;
    display: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.entradas-comunidad {
    width: 70%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 3rem 0 0 0
}
.side-bar {
    width: 70%;
    height: 80%;
    margin: 3rem 0 0 0;
    border: 2px solid #fafafa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.buscador {
    width: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 2px solid #eeeeed;
    border-radius: 20rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 1.5rem 0 0 0;
    display: none
}
.lupa {
    color: #fff;
    background-color: #d95098;
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid #d95098;
    border-radius: 50%;
    padding: 0.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 100
}
.lupa i {
    font-size: 0.7rem
}
.buscador input {
    background: none;
    border: none;
    text-align: center;
    margin: 0 0 0 2.3rem
}
.publicidad {
    background-color: #f8f9f8;
    width: 80%;
    height: 20rem;
    margin: 1.5rem 0 2rem 0
}
.entradas-comunidad table {
    width: 80%;
    text-transform: uppercase;
    text-align: left;
    border-collapse: collapse;
    margin: 0 0 5rem 0
}
.entradas-comunidad tr th {
    padding: 0 0 1.5rem 0;
    border-bottom: 2px solid #d95098;
    font-size: 1.1rem
}
.entradas-comunidad td {
    padding: 0.5rem 0 0.5rem 0;
    border-bottom: 2px solid #f0f0f0;
    font-size: 0.9rem;
    font-weight: bold;
    letter-spacing: 0.5px
}
.descarga {
    width: 2rem;
    height: 2rem;
    border: 4px solid #fff;
    border-radius: 50%;
    background-image: url("../img/comunidad-eupha/download.png");
    background-size: cover;
    background-position: center
}
.descarga:hover {
    background-image: url("../img/comunidad-eupha/download-b.png");
    background-color: #d95098;
    border: 4px solid #d95098;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all
}
.nuevo {
    background-color: #d95098;
    width: 70%;
    color: #fff;
    padding: 0.3rem;
    border: 1px solid #d95098;
    border-radius: 20rem;
    font-size: 0.7rem
}
.nuevo i {
    color: #f1c731
}
select {
    background: none;
    border: none
}
.imagen-final {
    width: 100%
}
.imagen-final img {
    width: 100%
}
.recordar-2 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 1rem 0 0 0
}
.recordar-2 p {
    width: 50%;
    text-align: justify
}
@media (min-width: 0px) and (max-width: 700px) {
    .inicio-sesion-ceb-directo .inicio-sesion .contrasena,
    .inicio-sesion-ceb-directo .inicio-sesion .usuario {
        width: 70%;
        font-size: 0.9rem
    }
    .t-login {
        color: #d95098;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 1rem;
        margin: 0 0 1rem 0
    }
    .nuevo-miembro-iniciar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        text-align: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .nuevo-miembro-iniciar input {
        width: 50%
    }
    .nuevo-miembro-iniciar p:first-child {
        width: 100%;
        margin: 0.5rem 0 0 0
    }
    .nuevo-miembro-iniciar a {
        width: 50%
    }
    .contenido-comunidad {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .entradas-comunidad tr th {
        font-size: 0.9rem;
        border-bottom: 2px solid #d95098
    }
    .entradas-comunidad {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .entradas-comunidad td {
        font-size: 0.8rem
    }
    .buscador {
        display: none
    }
    .side-bar-container {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .side-bar {
        margin: 0 0 2rem 0
    }
    .logos-inicio {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .contenido-ceb-inicio-sesion {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .inicio-sesion-ceb-directo {
        margin: 2rem 0 0 0
    }
    .logos-inicio div {
        width: 7rem;
        height: 7rem;
        margin: -2rem 0 0 0
    }
    .logos-inicio {
        margin: 4rem 0 0 0
    }
}