#marcas {float: left; width: 100%;}
#marcas h1.personalizado {
    color: #bc3c5d;
    font-family: "Open Sans",sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    text-decoration: underline;
    text-transform: uppercase;
}

#marcas .logotipo{width: 200px;height: 200px;overflow:hidden; float: left;margin-right: 10px;}
#marcas .logotipo img{width: 196px;margin:0px;border:2px solid #cccccc}
#marcas .marca_descripcion{min-height: 210px;}


#marcas #caja_productos {
    align-items: flex-start;
    display: flex;
    flex-flow: row wrap;
    float: left;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    width: 100%;
}
#marcas h3.titulo_productos{ display: block; color: #bc3c5d; text-decoration: underline;}
#marcas #caja_productos div.elemento {
    float: left;
    margin: 10px 0;
    overflow: hidden; 
    position: relative;
    text-align: left;
    width: 20%;
    border: none;
    border-radius: 0;
    padding: 15px;   
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
    box-shadow: none;
}
#marcas #caja_productos div.elemento:hover { border: 1px solid #707070; }
#marcas #caja_productos div.enlace{ float: left; width: 100%; color: #bc3c5d; }
#marcas #caja_productos div.descripcion{ float: left; width: 100%; color: #888; margin: 10px 0; font-size: 90% }

#marcas #caja_productos .paginacion {float: left; width: 100%;}

@media(max-width: 1330px) {
    #marcas #caja_productos div.elemento { width: 25%; }
}

@media(max-width: 992px) { }

@media(max-width: 768px) { 
    #marcas #caja_productos div.elemento { width: 50%; }
}

@media(max-width: 480px) {
    #marcas #caja_productos div.elemento { width: 100%; }
}