/*para centrar y colocar el color azul de el titulo de la table*/
table thead tr th { background-color: #0863bb; color: white; text-align: center; }

.H3Promociones { width: 100%; text-align: center; background-color: #0863bb; color: white; border-bottom: 1px outset black; }

.flex-Conten-filtro { display: flex; flex-flow: row wrap; justify-content: center; padding: 0; }

.flex-Conten-filtro2 { display: flex; flex-wrap: wrap; justify-content: center; }

.styloSombraBaja { background-color: white; margin: 0.5px; border: 1px solid rgb(178, 175, 175); border-bottom: 3px solid rgb(178, 175, 175); }


.flex-Conten { display: flex; flex-flow: row wrap; justify-content: center; padding: 10px; }
.displayFlexBtn { display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center; width: 250px; margin: 5px 10px; }


.produt-miniature { margin: 0 .625rem; }


.product-thumbnail { display: block; }



.produt-miniature
.thumbnail-container { position: relative !important; margin-bottom: 1.563rem !important; height: 345px !important; width: 235px !important; background: #fff !important; box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2) !important; margin: 5px !important; }


.produt-miniature a { text-decoration: none; color: #2fb5d2; }

.produt-miniature a { background-color: transparent; webkit-text-decoration: objects; }

.produt-miniature img { vertical-align: middle !important; border-style: none;height:225px; max-width: 225px !important; max-height:225px; }

.produt-miniature .product-description { position: absolute !important; z-index: 1; height: 110px !important; width: 235px !important; background: #fff; bottom: 0 !important; }

.produt-miniature .product-title { text-transform: capitalize; margin-top: 1rem !important; font-size: 14pt !important; margin-bottom: .5rem; font-family: inherit; line-height: 1.1; color: inherit; }

.produt-miniature .product-title, .produt-miniature .produc-price, .price { text-align: center; font-weight: 700 !important; color: #232323; }

.produt-miniature .price { font-size: 12pt !important; }

.produt-miniature .produc-order { display: flex; flex-flow: row wrap; justify-content: space-around; padding: 0px 5px !important; }

    .produt-miniature .produc-order button { padding: 0px 0px !important;; width: 49% !important; margin-bottom: 0px !important; margin-top: 0px !important; }

*, ::after ::before { box-sizing: inherit; }

table > tbody > tr:hover {
    background-color: #d4d4d4 !important;
    color: black;   
    cursor: pointer !important;
}

table > tbody > tr > td:hover {
    border-left: 1px solid #ffff;
    border-right-color: 1px solid #ffff;
}

@media(max-width:991px) {
    .produt-miniature { margin: 0 auto; }
}



@media(max-width:342px) {
    .displayFlexBtn { width: 230px; margin: 5px 0px; }
}




























/*Catalogo productos internos
======================================================
*/
/*.flex-Conten { display: flex; flex-flow: row wrap; justify-content: center; padding: 0; }*/
/*space-around*/
/*.items { color: #fff; width: 23.5%; flex: none; margin-bottom: 2%; display: flex; justify-content: center; align-items: center; }*/

/*.catalog-Conten { margin: 0 auto !important; padding: 0 auto; display: block; width: 100%;  background: white; border: 0.5px solid rgb(178, 175, 175); border-bottom: 3px solid rgb(178, 175, 175); }

.divImagen { display: flex; justify-content: center; align-items: center; height: 270px; padding: 0 auto; }
.img-Catalogo { padding:3px 0; height: 100% }
.divDescripcion { clear: left; height: 90px; width: 100%; margin-top: 5px; padding-top: 5px; }

.labelDescripcion { color: black; text-align: center; display: block; margin: 0; padding: 0 3px }

.flex-ContenCatalog { display: flex; flex-flow: row wrap; justify-content: space-around; padding: 10px; }

.divBotones2 { clear: let; display: flex; flex-flow: row wrap; justify-content: center;   }

.flex-Conten-filtro { display: flex; flex-flow: row wrap; justify-content: center; padding: 0; }

.flex-Conten-filtro2 { display: flex; flex-wrap: wrap; justify-content: center; }

.styloSombraBaja { background-color: white; margin: 0.5px; border: 1px solid rgb(178, 175, 175); border-bottom: 3px solid rgb(178, 175, 175); }

/* Fin Catalogo productos internos
=============================================================================================================================================*/

/*


@media (min-width:10px ) and (max-width: 310px ) {
   
    .catalog-Conten { margin-bottom: 0 !important; padding-bottom: 0; display: block; width: 250px; background: white; border: 0.5px solid rgb(178, 175, 175); border-bottom: 3px solid rgb(178, 175, 175); }

    .divImagen { display: flex; justify-content: center; align-items: center; height: 260px; padding-bottom: 0; margin-bottom: 0; padding-top: 0; margin-top: 0; }

    .labelDescripcion { color: black; text-align: center; display: block; margin: 0; padding: 0 3px }

    .flex-ContenCatalog { display: flex; flex-flow: row wrap; justify-content: space-around; padding: 10px; }

}


@media(min-width:311px ) and (max-width: 328px ) {


    .catalog-Conten { margin-bottom: 0 !important; padding-bottom: 0; display: block; width: 280px; background:white; border: 0.5px solid rgb(178, 175, 175); border-bottom: 3px solid rgb(178, 175, 175); }

    .divImagen {display: flex; justify-content: center; align-items: center; height: 250px; padding-bottom: 0; margin-bottom: 0; padding-top: 0; margin-top: 0; }

    .labelDescripcion { color: black; text-align: center; display: block; margin: 0; padding: 0 3px }

    .flex-ContenCatalog { display: flex; flex-flow: row wrap; justify-content: space-around; padding: 10px; }

}

@media(min-width:329px ) and (max-width: 480px ) {


    .catalog-Conten { margin-bottom: 0 !important; padding-bottom: 0; display: block; width: 223px; background:white; border: 0.5px solid rgb(178, 175, 175); border-bottom: 3px solid rgb(178, 175, 175); }*

    .catalog-Conten { margin: 0 auto !important; padding: 0 auto; display: block; width: 100%; background: white; border: 0.5px solid rgb(178, 175, 175); border-bottom: 3px solid rgb(178, 175, 175); }

    .divImagen { display: flex; justify-content: center; align-items: center; height: 266.5px; padding: 0 auto; }
    .img-Catalogo { padding: 3px 0; height: 100% }

    .divImagen { background: #ffd800; display: flex; justify-content: center; align-items: center; height: 250px; padding-bottom: 0; margin-bottom: 0; padding-top: 0; margin-top: 0; }

    .labelDescripcion { color: black; text-align: center; display: block; margin: 0; padding: 0 3px }

    .flex-ContenCatalog { display: flex; flex-flow: row wrap; justify-content: space-around; padding: 10px; }
  
}

@media(min-width:481px ) and (max-width: 767px ) {
    .catalog-Conten { margin-bottom: 0 !important; padding-bottom: 0; display: block; width: 223px; background: white; border: 0.5px solid rgb(178, 175, 175); border-bottom: 3px solid rgb(178, 175, 175); }

    .divImagen { display: flex; justify-content: center; align-items: center; height: 220px; padding-bottom: 0; margin-bottom: 0; padding-top: 0; margin-top: 0; }

    .labelDescripcion { color: black; text-align: center; display: block; margin: 0; padding: 0 3px }

    .flex-ContenCatalog { display: flex; flex-flow: row wrap; justify-content: space-around; padding: 10px; }   
}


@media(min-width:768px ) and (max-width: 800px ) {
    .catalog-Conten { margin-bottom: 0 !important; padding-bottom: 0; display: block; width: 180px; background: white; border: 0.5px solid rgb(178, 175, 175); border-bottom: 3px solid rgb(178, 175, 175); }

    .divImagen { display: flex; justify-content: center; align-items: center; height: 150px; padding-bottom: 0; margin-bottom: 0; padding-top: 0; margin-top: 0; }

    .labelDescripcion { color: black; text-align: center; display: block; margin: 0; padding: 0 3px }

    .flex-ContenCatalog { display: flex; flex-flow: row wrap; justify-content: space-around; padding: 10px; }
   }*/