.botones1{
    margin:15px 0px;
}
.botones1:hover {
    margin: 15px 0px;
    border: 5px solid #01aad3;
    background: white;
}
.parte-1 {
    background: #fff;
    PADDING: 150PX 0PX;
}
.lb-2{
    display: -webkit-box;
    margin: 0px;
    padding: 10px;
    font-size: 17px;
}
.cat-9 {
    background: #eee;
    text-align: left;
    padding: 10px 70px;
    margin: 20px 0px 0px 0px;
}
.cat-10{
    color: #00bae7;
    text-decoration: none;
}
.cat-10:HOVER{
    color: #00bae7;
    text-decoration: none;
    FONT-WEIGHT: BOLD;
}
.cat-21{
    color: #428bca;
    text-decoration: none;
}
.cat-21:hover{
    color: #428bca;
    text-decoration: none;
    FONT-WEIGHT: BOLD;
}
.catt {
    /* text-decoration: none; */
    /* color: #01aad3; */
    /* width: 200%; */
    padding: 7px 112px;
    /* border: 3px solid #01aad3; */
    /* text-align: center; */
    /* margin: 10px 0px; */
    color: white;
    background: #01aad3;
    text-decoration: none;
}
.catt1 {
    /* color: #01aad3; */
    /* width: 200%; */
    padding: 7px 80px;
    /* border: 3px solid #01aad3; */
    /* text-align: center; */
    /* margin: 10px 0px; */
    color: white;
    background: #01aad3;
    text-decoration: none;
}
.catt:hover {
    /* text-decoration: none; */
    /* color: #01aad3; */
    /* width: 200px; */
    margin: 0px 2px 0px 3.5px;
    /* border: 3px solid #01aad3; */
    text-align: center;
    /* margin: 10px 0px; */
    padding: 0px 106px;
    color: white;
    background: #01aad3;
    text-decoration: none;
}
.catt1:hover{
    /* width: 200px; */
    margin: 0px 2px 0px 3.5px;
    /* border: 3px solid #01aad3; */
    text-align: center;
    /* margin: 10px 0px; */
    padding: 0px 74px;
    color: white;
    background: #01aad3;
    text-decoration: none;
}
.cat-3 {
    width: 76%;
    padding: 0px 10px;
    float: left;
}
.cat-5 {
    float: left;
    width: 31%;
    /* padding: 10px; */
    /* height: 210px; */
    margin: 10px;
    border: 1px solid #cccccc;
    /* margin: 1px; */
}
.cat-6 {
    float: left;
    width: 21%;
    /* padding: 10px; */
    height: 307px;
    margin: 10px;
    border: 1px solid #cccccc;
    /* margin: 1px; */
}
.cat-8 {
    width: 101%;
    padding: 0px;
    float: left;
}
.act {
    list-style: none;
    /* padding: 32px; */
    /* border: 1px solid #dddddd; */
    width: 100%;
    text-align: left;
    /* background: #f5f6f7; */
}
.category{text-decoration: none;
          color:  #8a877f;    list-style: none;
          line-height: 2em;
}
.CAT-7 {
    /* border: 1px solid #dddfe2; */
    padding: 10px;
}
.CAT-7:HOVER{
    background: white;    padding: 10px;

}
.cat-11{
    padding: 5px 30px;
}
.cat-12{
    color: #8a877f;
}
.cat-13 {
    color: #00bae7;
    text-decoration: none;
}
.cat-13:hover {
    color: #00bae7;
    text-decoration: none;
    font-weight: bold;
}
.cat-14{
    width: 140%;
    list-style: none;
    padding: 0px;
    margin: 0px;
    text-align: left;
}
.category:hover {
    width: 100%;
    text-decoration: none;
    color:  #01aad3; 

    list-style: none;

    line-height: 2em;
}
.cate-2 {
    color: #01aad3;
    /* background: #01aad3; */
    text-decoration: none;
    font-weight: bold;
    padding: 10px 10px 10px 20px;
    border: 1px solid #fbfbfb;
    /* border-radius: 5px; */
    width: 100%;
    text-align: left;
}
.cat-2 {
    width: 79%;
    padding: 20px 0px;
    float: left;
}
.producto7 {
    width: 21%;
    float: left;
    background: white;
    padding: 0px 0px 15px 100px;
    /* margin: 10px; */

}
.botones1:hover{

}
.botones2{

    margin:15px 0px;
}
.botones2:hover {
    margin: 15px 0px;
    border: 5px solid #01aad3;
    background: white;
}
.cpt{
    color: #707070;
    text-decoration: none;
    padding:0px;width: 20%;
}
.cpt li  {
    color: #707070;
    text-decoration: none;
    list-style: none;
    line-height: 2em;
}
.cpt li a {
    color: #707070;
    text-decoration: none;
}
.tituloss {
    color: #00bae7;
    font-size: 15px;
    font-weight: bold;
}
.tituloss:hover {
    color: white;
    width: 100%;
    background: #00bae7;
}
.bot1{
    color:#01aad3;
}
.bot1:hover{
    color:white;
}
@media screen and (min-device-width: 301px) and (max-device-width: 768px) {
    .cat-8{
        width:100%;float:left;
    }
    .pagination {
        display: inline-block;
        padding-left: 0;
        margin: 10px 0px 0px 0px;
        border-radius: 4px;
    }
    .producto7 {
        width: 100%;
        float: left;
        background: white;
        padding: 25px 0px;
        /* margin: 3px; */
    }
    .cate-2 {
        color: white;
        background: #01aad3;
        text-decoration: none;
        padding: 5px;
        border-radius: 5px;
        width: 100%;
        text-align: center;
        font-size: 30px;
    }

    .CAT-7{
        text-align: center;
    }
    .category {
        text-decoration: none;
        color: #8a877f;
        list-style: none;
        line-height: 2em;
        /* width: 100%; */
        font-size: 20px;
        text-align: center;
    }
    .cat-5 {
        float: left;
        width: 100%;
        padding: 10px;
    }
    .cat-6 {
        float: left;
        width: 100%;
        padding: 10px;
    }
    .tituloss {
        color: #8a877f;
        font-size: 20px;
    }
    .PRECIO-CAT {
        FONT-SIZE: 20PX;
    }
    .botones1 {
        width: 100%;
        padding: 5px 0px;
        border: 3px solid #01aad3;
        text-align: center;
        margin: 0px 0px;
        color: #01aad3;
        background: white;
        text-decoration: none;
    }
    .catt {
        text-decoration: none;
        color: #01aad3;
        font-size: 20px;
    }
    .botones2 {
        width: 100%;
        padding: 5px 0px;
        border: 3px solid #01aad3;
        text-align: center;
        margin: 10px 0px;
        color: #01aad3;
        background: white;
    }
}
@media (min-width:900px) and (max-width: 1100PX) {

    .cat-5 {
        float: left;
        width: 30%;
        /* padding: 10px; */
        /* height: 210px; */
        margin: 10px;
        border: 1px solid #cccccc;
        /* margin: 1px; */
    }
    .cat-6 {
        float: left;
        width: 46%;
        /* padding: 10px; */
        /* height: 210px; */
        margin: 10px;
        border: 1px solid #cccccc;
        /* margin: 1px; */
    }
    .cat-3 {
        width: 70%;
        padding: 0px 10px;
        float: left;
    }
    .lb-2{
        /* display: -webkit-box; */
        margin: 0px;
        padding: 10px;
        font-size: 17px;
        width: 100%;
    }
    .cat-2 {
        width: 76%;
        padding: 40px 0px;
        float: left;
    }
}
@media (min-width: 840px) and (max-width: 900PX) {
    .cat-5 {
        float: left;
        width: 46.8%;
        padding: 10px;
        /* height: 410px; */
        margin: 10px;
        border: 1px solid #cccccc;
        /* margin: 1px; */
    }
    .cat-6 {
        float: left;
        width: 46.8%;
        padding: 10px;
        /* height: 410px; */
        margin: 10px;
        border: 1px solid #cccccc;
        /* margin: 1px; */
    }
    .cat-2 {
        width: 76%;
        padding: 0px 0px;
        float: left;
    }
}
@media (min-width: 800px) and (max-width: 900PX) {
    .cat-5 {
        float: left;
        width: 46%;
        padding: 0px;
        /* height: 410px; */
        margin: 10px;
        border: 1px solid #cccccc;
        /* margin: 1px; */
    }
    .cat-2 {
        width: 78%;
        padding: 0px 20px;
        float: left;
    }
    .cat-6 {
        float: left;
        width: 46%;
        padding: 0px;
        /* height: 410px; */
        margin: 10px;
        border: 1px solid #cccccc;
        /* margin: 1px; */
    }
}
@media (min-width: 775px) and (max-width: 830PX) {
    .cat-5 {
        float: left;
        width: 46%;
        padding: 0px;
        /* height: 410px; */
        margin: 10px;
        border: 1px solid #cccccc;
        /* margin: 1px; */
    }
    .cat-2 {
        width: 75%;
        padding: 0px 20px;
        float: left;
    }
    .producto7 {
        width: 25%;
        float: left;
        background: white;
        padding: 25px 10px;
        /* margin: 10px; */
    }
    .cat-6 {
        float: left;
        width: 46%;
        padding: 0px;
        /* height: 410px; */
        margin: 10px;
        border: 1px solid #cccccc;
        /* margin: 1px; */
    }
}
@media (min-width: 770px) and (max-width: 780px) {
    .parte-1 {
        background: #fff;
        PADDING: 300PX 0PX;
    }  
    .cat-8 {
        width: 100%;
        padding: 10px;
        float: left;
    }
    .producto7 {
        width: 30%;
        float: left;
        background: white;
        padding: 25px 10px;
        /* margin: 10px; */
    }
    .cat-2 {
        width: 70%;
        padding: 0px;
        float: left;
    }
    .cat-5 {
        float: left;
        width: 46%;
        /* padding: 10px; */
        /* height: 210px; */
        margin: 10px;
        border: 1px solid #cccccc;
        /* margin: 1px; */
    }
    .cat-6 {
        float: left;
        width: 46%;
        /* padding: 10px; */
        /* height: 210px; */
        margin: 10px;
        border: 1px solid #cccccc;
        /* margin: 1px; */
    }
}
@media (min-width: 700px) and (max-width: 770px) {
    .producto7 {
        width: 30%;
        float: left;
        background: white;
        padding: 25px 10px;
        /* margin: 10px; */
    }
    .cat-2 {
        width: 70%;
        padding: 0px;
        float: left;
    }
    .parte-1 {
        background: #fff;
        PADDING: 150PX 0PX;
    }
    .cat-8 {
        width: 100%;
        padding: 10px;
        float: left;
    }
    .cat-5 {
        float: left;
        width: 46%;
        /* padding: 10px; */
        /* height: 210px; */
        margin: 10px;
        border: 1px solid #cccccc;
        /* margin: 1px; */
    }
    .cat-6 {
        float: left;
        width: 46%;
        /* padding: 10px; */
        /* height: 210px; */
        margin: 10px;
        border: 1px solid #cccccc;
        /* margin: 1px; */
    }
    .parte-1 {
        background: #fff;
        PADDING: 100PX 0PX;
    }
    .cabeza-1 {
    padding: 0px 5px;
    font-weight: 100;
}
}
@media (min-width: 650px) and (max-width: 730px) {
    .cat-8 {
        width: 100%;
        padding: 10px;
        float: left;
    }  
    .parte-1 {
        background: #fff;
        PADDING: 95PX 0PX;
    }
    .cat-9 {
    background: #eee;
    text-align: left;
    padding: 10px 30px;
    margin: 20px 0px 0px 0px;
}
    .producto7 {
        width: 30%;
        float: left;
        background: white;
        padding: 25px 10px;
        /* margin: 10px; */
    }
    .cat-5 {
        float: left;
        width: 45%;
        /* padding: 10px; */
        /* height: 210px; */
        margin: 10px;
        border: 1px solid #cccccc;
        /* margin: 1px; */
    }
    .cat-6 {
        float: left;
        width: 45%;
        /* padding: 10px; */
        /* height: 210px; */
        margin: 10px;
        border: 1px solid #cccccc;
        /* margin: 1px; */
    }
    .cat-2 {
        width: 70%;
        padding: 0px;
        float: left;
    }
}
@media (min-width: 600px) and (max-width: 650px) {
    .cat-8 {
        width: 100%;
        padding: 10px;
        float: left;
    }  
    .cat-2 {
        width: 60%;
        padding: 0px 10px;
        float: left;
    }
    .galeria__img {
        width: 360px;
        height: 250px;
        margin-bottom: 30px;
        object-fit: cover;
        /* filter: brightness(70%); */
        /* animation: escalar 1.5s infinite alternate; */
    }
    .parte-1 {
        background: #fff;
        PADDING: 95PX 0PX;
    }
    .producto7 {
        width: 35%;
        float: left;
        background: white;
        padding: 25px 10px;
        /* margin: 10px; */
    }
    .cat-5 {
        float: left;
        width: 100%;
        padding: 0px;
        /* height: 410px; */
        margin: 10px;
        border: 1px solid #cccccc;
        /* margin: 1px; */
    }
    .cat-6 {
        float: left;
        width: 100%;
        padding: 0px;
        /* height: 410px; */
        margin: 10px;
        border: 1px solid #cccccc;
        /* margin: 1px; */
    }
}
@media (min-width:540px) and (max-width:600px){
    .producto7 {
        width: 38%;
        float: left;
        background: white;
        padding: 1px 10px;
        /* margin: 10px; */
    }
    .cat-8 {
        width: 100%;
        padding: 10px;
        float: left;
    }
    .parte-1 {
        background: #fff;
        PADDING: 100PX 0PX;
    }
    .cat-2 {
        width: 60%;
        padding: 10px;
        float: left;
    }
    .cat-2 {
        width: 62%;
        padding: 0px;
        float: left;
    }
    .cat-5 {
        float: left;
        width: 90%;
        /* padding: 10px; */
        /* height: 210px; */
        margin: 10px;
        border: 1px solid #cccccc;
        /* margin: 1px; */
    }
    .cat-6 {
        float: left;
        width: 90%;
        /* padding: 10px; */
        /* height: 210px; */
        margin: 10px;
        border: 1px solid #cccccc;
        /* margin: 1px; */
    }
}
@media (min-width:535px) and (max-width:540px){
    .cat-2 {
        width: 60%;
        padding: 0px;
        float: left;
    }
}
@media (min-width:300px) and (max-width:540px){
    .cat-2 {
        width: 100%;
        padding: 10px;
        float: left;
    }
    .parte-1 {
        background: #fff;
        PADDING: 100PX 0PX;
    }
    .cat-5 {
        float: left;
        width: 90%;
        padding: 0px;
    }
    .cat-6 {
        float: left;
        width: 90%;
        padding: 0px;
    }
    .producto7 {
        width: 100%;
        float: left;
        background: white;
        padding: 0px 20px 0px 20px;
        /* margin: 10px; */
    }
    .pagination {
        display: inline-block;
        padding-left: 0;
        margin: 10px 0px 0px 0px;
        border-radius: 4px;
    }
}