.espacio{
        margin:5px;
      }

       .mtsh{
        margin-top:95px;
       }
       .opaco{
        opacity: 0.2;
       }
      .mtsh2{
        margin-top:15px;
       }
      .espacio2{
        margin:15px;
      }
      .encabeza{
        margin-top: 90px;
        margin-bottom: 5px;
      }
      .encabeza2{
        margin-top: 145px;
        margin-bottom: 5px;
      }
      .encabeza3{
        margin-top: 175px;
        margin-bottom: 5px;
      }
      .encabeza4{
        margin-top: 155px;
      }
      .btn-outline-secondary {
        color: #a9a3a3;
        background-image: none;
        background-color: transparent;
        /* border-color: #ccc; */
      }

      .btn-outline-secondary {
        color: #a9a3a3;
        background-image: none;
        background-color: transparent;
        /* border-color: #ccc; */
      }

      .naranja{
        background: #FC500C;
      }
      .blanca
      {
        color: #fff!important;
        font-size: medium;
      }
      .blanca2
      {
        color: #fff!important;
        font-size: smaller;
      }
      .blanca3
      {
        color: #fff!important;
        font-size: larger;
      }
      .negro2
      {
        color: #000!important;
        font-size: smaller;
      }
      .verde2
      { background:#58c756;
        margin-bottom:15px;
      }
      .gris
      { background:#d1d8d0;
        margin-bottom:15px;
        margin-right:10px;
        border-radius: 30px;
      }
      .verde
      { background:#58c756;
        margin-bottom:15px;
        border-radius: 30px;
      }
      .amarillo{
        background: #f1f369;
      }
      .azul{
        background: #2b2d61;
      }
      .celeste{
        background: #0c712b;
      }
      .amarillo2{
        background: #f7f996;
        margin-bottom:15px;
        margin-right:10px;
        border-radius: 30px;
      }
      .abs-center 
      {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 50vh;
      }
      .centropagina {
        background: white;
        height: 300px;
        /*IMPORTANTE*/
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .centrochico{
        border: solid 1px #000000;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .ancho
      {
        width:100%;
      }
       .border-radius(@radius)
       { 
        .border-top-radius(@radius);
        .border-right-radius(@radius);
        .border-bottom-radius(@radius);
        .border-left-radius(@radius); 
      }

Fuente: https://www.iteramos.com/pregunta/57353/forma-correcta-de-crear-esquinas-redondeadas-en-twitter-bootstrap
      .fondo_categoria_productos {
        width:100px;
        height:150px;
        float:left;
        margin:1px;
        margin-left:2px;
        background-image:url(imagenes/categoria.png); 
      }

      .imagenes_tablas {
        width:80px;
        height:80px;
        margin:auto;
        margin-top:14px;
      }
      .redondo{
        border-radius: .35rem;
      }

      .thumnail2{
        padding: .45rem;
    background-color: #0c712b;
    border: 1px solid #ddd;
    border-radius: .45rem;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    max-width: 100%;
    height: auto;
      }

      .titulos_categorias {
        width:90px;
        height:30px;
        margin:auto;
        margin:auto;
        margin-top:14px;
        font:Arial, Helvetica, sans-serif;
        font-size:12px;
        color:#000095;
        text-align:center;
        font-weight:bold;
        line-height:12px;
      }
      .titulo
      {
        font-family: 'Rouge Script', cursive;
        font-size: 3rem;

      }
      .stroke {
        text-align: center;
        color: white;
        font-family: Georgia, serif;
        font-size: 40px;
        letter-spacing: 0;
        text-shadow: -1px -1px 1px #333, 1px -1px 1px #333, -1px 1px 1px #333, 1px 1px 1px #333;
        }
        .barra{
          margin-top: 88px;
          background: #f65959;
        }
        .cuerpo{
          max-width: 1000px;
        }
        .lugar{
         margin-top:35px;
        }
        .fondodiv{
          background: url(image/bajofondo.png);
          width:100%;
        }
        .fondodiv2{
          background: url(image/bajofondo.png);
        }
        .prioridad{
          z-index:1;
          position:relative;
        }
        .negro{
          color: #000000!important;
        }
        .derecha{
          float:right;
        }
       
       .fijotop{
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
       }
       .logo{
        max-width: 100%;
       }
       .comunica{
        font-size:0.8em;
        text-align:right;

       }

       .margentop{
        margin-top:5px;
       }

       .margentop2{
        margin-top:15px;
       }
       .fondo{
        background-color: rgba(255, 188, 5, 0.8);
       }

       .posicion{
        position: absolute;
       /* z-index: 1030;*/
        margin-top: 5%;
        margin-left: -50%;
        font-size: 1.3em;
        display: inline; 
        background: #ec2f34;
        color:#ffffff;
        font-weight: bolder;
       }

       .tarjeta{
        position:relative;
        padding-top: 2px;
        max-width: 33%;
        border: 2px;
        border-color: #3a3c92;
        background: #3a3c92;
        border-radius:2px;
       }

       .tarjetaespacio{
        min-width: 0.3%;
       }

       .tarjeta2{
        position:relative;
        padding-top: 2px;
        border: 2px;
        border-color: #3a3c92;
        background: #3a3c92;
        border-radius:2px;
       }

      .ms-choice {
        display: block;
        width: 100%;
        height: 22px;
        padding: 0;
        overflow: hidden;
        cursor: pointer;
        border: 1px solid #aaa;
        text-align: left;
        white-space: nowrap;
     /*   line-height: 26px;*/
        color: #000000;
        text-decoration: none;
       /* -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;*/
        background-color: #fff;
    }

        @media screen and (max-width: 760px){
          .carousel-item img
        {
          height:100%;
          width:100%;
        }
        .tarjeta{
        position:relative;
        padding-top: 2px;
        max-width: 50%;
        margin-top: 5px;
        border: 2px;
        border-color: #3a3c92;
        background: #3a3c92;
        border-radius:2px;
        text-align: center;
       }

       .ms-choice {
          display: block;
          width: 100%;
          height: 22px;
          padding: 0;
          overflow: hidden;
          cursor: pointer;
          border: 1px solid #aaa;
          text-align: left;
          white-space: nowrap;
       /*   line-height: 26px;*/
          color: #000000;
          text-decoration: none;
         /* -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px;*/
          background-color: #eaeaea;
      }

        } 


        @media screen and (max-width:1114px){
          .comunica{
        
          text-align:right;
        }
        }

        @media screen and (max-width:800px){
          .ancho{
        
          width: 50%;
        }
        .centropagina {
          background: white;
          height: 150px;
          /*IMPORTANTE*/
          display: flex;
          justify-content: center;
          align-items: center;
        }
        }

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

         .tarjeta{
        position:relative;
        padding-top: 2px;
        max-width: 100%;
        margin-top: 5px;
        border: 2px;
        border-color: #3a3c92;
        background: #3a3c92;
        border-radius:2px;
        text-align: center;
       }
       .ancho
       {
        width:75%;
       }
        .ms-choice {
          display: block;
          width: 100%;
          height: 22px;
          padding: 0;
          overflow: hidden;
          cursor: pointer;
          border: 1px solid #aaa;
          text-align: left;
          white-space: nowrap;
       /*   line-height: 26px;*/
          color: #000000;
          text-decoration: none;
         /* -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px;*/
          background-color: #eaeaea;
      }

        }