.botones1{
      margin:15px 0px;
}
.botones1:hover {
    margin: 15px 0px;
    border: 5px solid #01aad3;
    background: white;
}
.parte-1 {
    background: #fff;
    PADDING: 145PX 0PX;
}
.lb-2{
        display: -webkit-box;
    margin: 0px;
    padding: 10px;
    font-size: 17px;
}
.cat-9 {
    background: #eee;
    text-align: left;
    padding: 10px 120px;
    margin: 20px 0px 0px 0px;
}
.cat-10{
        color: #00bae7;
    text-decoration: none;
}
.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;
}
}
@media (min-width: 650px) and (max-width: 730px) {
  .cat-8 {
    width: 100%;
    padding: 10px;
    float: left;
}  
.parte-1 {
    background: #fff;
    PADDING: 95PX 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;
}
}