/* Common tags                 */
/*-----------------------------*/
:root
{
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI" , Roboto, "Helvetica Neue" , Arial, "Noto Sans" , sans-serif, "Apple Color Emoji" , "Segoe UI Emoji" , "Segoe UI Symbol" , "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono" , "Courier New" , monospace;
}

body
{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI" , Roboto, "Helvetica Neue" , Arial, "Noto Sans" , sans-serif, "Apple Color Emoji" , "Segoe UI Emoji" , "Segoe UI Symbol" , "Noto Color Emoji";
    color: #212529;
    text-align: left;
    background-color: #fff;
}
A.rubroLink:link
{
    color: white;
    text-decoration: none;
    font-weight: bold;
}
A.rubroLink:visited
{
    color: red;
    text-decoration: none;
    font-weight: bold;
}
A.rubroLink:active
{
    color: #66CCCC;
    cursor: hand;
    text-decoration: none;
    font-weight: bold;
}
A.rubroLink:hover
{
    color: teal;
    cursor: hand;
    font-weight: bold;
}
.headerHome
{
    background-image: url('img/Boton-Home.gif');
    background-repeat: no-repeat;
    height: 20px;
    width: 81px;
}
.menutextindent
{
    font-size: x-small;
}

/* Headings                    */
/*-----------------------------   */
h1
{
    font-size: medium;
    color: #555;
    padding-left: 30px;
}
h2
{
    font-size: small;
    margin-top: 30;
    color: #333333;
    margin-bottom: -15;
    margin-left: 40px;
    font-weight: normal;
}
h3
{
    padding-left: 30px;
    font-size: 10px;
    margin-bottom: -15;
    color: #333333;
}
h4
{
    font-size: x-small;
    margin-bottom: -15;
    color: #555;
    padding-left: 15;
}

/* Tables                      */
/*-----------------------------*/
table.header
{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
    background-color: #FFFFFF;
}

td.cajalogin
{
    width: 35%;
    float: right;
}
td.logo
{
    background-position: center center;
    background-image: url('img/logo.png');
    background-repeat: no-repeat;
}
td.headerbar
{
    padding-left: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
}
td.headerlogin
{
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
    float: right;
    font-size: small;
    margin-right: 0px;
}
table.menu
{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
    background-color: #FF00FF;
    position: relative;
    height: 35px;
}
td.menu
{
    width: 100%;
    vertical-align: middle;
    border-spacing: 0px;
}
tr.menu
{
    background-color: #2eca6a;
    font-size: medium;
    vertical-align: middle;
    width: 100%;
    font-family: Arial;
    color: #FFFFFF;
}


td.LargoMenu
{
    border-spacing: 0px;
    text-align: left;
    width: 80%;
    vertical-align: middle;
}
td.LargoSearch
{
    width: 100%;
    height: 100%;
    padding: 5px 10px 5px 10px;
    text-align: right;
    float: right;
    position: relative;
    color: #FFFFFF;
    vertical-align: middle;
}

td.searchtextW
{
    font-size: medium;
    font-weight: bold;
    color: White;
}

.menu
{
    background-color: #2eca6a;
}


.MenuLetras
{
    font-size: 14px;
    color: White;
    font-weight: bold;
}

.MenuLetras:hover
{
    font-size: 14px;
    color: Black;
    font-weight: bold;
}
.MenuLetrasPedido
{
    font-family: Arial;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
}
.itemmenu
{
    color: #FFFFFF;
}
/* chequear si usarlos o no */
.searchtext
{
    border-color: #FFFFFF;
    vertical-align: middle;
    border-style: none;
    font-size: small;
    color: #000000;
    position: relative;
}
.searchtextw
{
    vertical-align: middle;
    font-size: small;
    color: #FFFFFF;
    font-weight: bold;
}
.searchboxtext
{
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	MASTER PAGE FORMATOS !!!
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.master-wrapper-page
{
    width: 100%;
    top: 0px;
}
.master-wrapper-content
{
    margin-left: 0px;
    vertical-align: top;
    top: 0px;
    left: 0px;
    background-color: #FFFFFF;
}
/*2 columnas master page */

.master-wrapper-content .col1
{
    float: left;
    width: 20%;
    background-color: #f8f9f9;
}
.master-wrapper-content .col2
{
    float: right;
    width: 80%;
    background-color: #FFFFFF;
}
.master-wrapper-cph-3
{
    margin: 0px 0px 0px 5px;
    width: 100%;
}
.master-wrapper-centro-1
{
    background-color: #FFFFFF;
}
.master-wrapper-cph-1
{
}
.Master-Footer
{
    margin-left: auto;
    margin-right: auto;
    width: auto;
    font-family: BrowalliaUPC;
    font-size: medium;
    font-weight: bolder;
    font-style: italic;
    color: #333333;
    text-align: right;
    padding-left: 20px;
}
.siteMap
{
    float: right;
}
.TituloSimple
{
    font-weight: bold;
    font-size: 10pt;
    text-transform: uppercase;
    color: black;
    font-family: sans-serif;
    letter-spacing: normal;
    margin: 4mm 10mm 0mm 5mm;
}
.TituloSimpleCC
{
    font-weight: bold;
    font-size: 10pt;
    margin: 4mm 10mm 0mm 5mm;
    text-transform: uppercase;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: normal;
}
.TextoLogin
{
    font-size: 8pt;
    color: #008000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 60px;
    height: 10px;
    float: right;
}
.message-error
{
    font-family: sans-serif;
    font-size: small;
    color: red;
}

.textosimple
{
    font-size: x-small;
}

.header2
{
    font-size: small;
    margin: 4mm 5mm 0mm 0mm;
    height: 35px;
    color: #666666;
    text-align: right;
    float: right;
    vertical-align: middle;
    line-height: normal;
    position: relative;
}
/*-----------------------------*/
/*  Login                      */
/*-----------------------------*/
.login-page .wrapper .returning-wrapper .login-block
{
    margin-top: 20px;
}
.loggingButton
{
    border-width: 0px;
    font-family: sans-serif;
    font-size: small;
    font-weight: normal;
}
.login-table-container
{
    font-size: x-small;
}

.login-table-container .row
{
}
.login-table-container .row .item-name
{
    padding: 5px 5px 5px 0px;
    display: block;
    white-space: nowrap;
    vertical-align: middle;
    font-weight: bold;
    text-align: left;
}

.login-table-container .row .item-value
{
    padding: 5px 5px 5px 0px;
    vertical-align: middle;
}

.login-page .forgot-password
{
    font-weight: bold;
}
.buttonsIcon
{
    background-image: url('img/iconoInicio.png');
    background-repeat: no-repeat;
    background-position: center;
}

.login-page .buttons
{
    float: right;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: center;
    clear: both;
    background-color: White;
    border-color: #41519A;
    border-width: 1px;
    font-size: "x-small";
    border-style: Solid;
    vertical-align: middle;
}
/*-----------------------------*/
/* registration                */
/*-----------------------------*/
.registration-page
{
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 0;
}
.registration-page .page-title
{
    border-bottom: 0 none;
}
.registration-page .body
{
    margin: 0px 0 0 0;
    padding: 0px 0 0 0;
    font-size: 11px;
    color: #555;
    background-color: inherit;
}
.registration-page .section-title
{
    padding: 10px 10px 5px 0px;
    font-weight: bold;
    clear: both;
    font-size: 12px;
}
.registration-page .section-body
{
    text-align: left;
    padding: 10px;
    border: 1px solid #d7d7d7;
    height: auto;
}
.registration-page .button
{
    float: right;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: center;
    clear: both;
}
.password-recovery-page, newsletter-page
{
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 0;
}
.password-recovery-page .page-title, newsletter-page .page-title
{
    border-bottom: 0 none;
}
dy
{
    margin: 0px 0 0 0;
    padding: 0px 0 0 0;
    font-size: 11px;
    color: #555;
    background-color: inherit;
}
.headermenu
{
    border-style: none;
    background-position: center;
    font-family: Arial;
    font-size: small;
    font-weight: bold;
    color: #000000;
    letter-spacing: 1em;
    width: 100%;
    position: absolute;
    float: right;
    display: inline-block;
    background-color: #28a745;
}
.headermenu ul
{
    padding: 0;
    margin: 0;
}

.headermenu li
{
    list-style: none;
    display: inline;
}

.headermenu a
{
    color: #FFFFFF;
    text-decoration: none;
    font-size: 0.9em;
    font-weight: bold;
    vertical-align: middle;
    padding-left: 15px;
    padding-right: 15px;
}

/*-----------------------------*/
/*          SEARCH BOX         */
/*-----------------------------*/
.searchbox
{
    float: right;
    display: block;
}
/*-----------------------------*/
/*          FOOTER             */
/*-----------------------------*/
.footer
{
    clear: both;
    height: 35px;
    border-top: 4px solid #666666;
    background: #FFF;
    padding: 5px 5px 5px 5px;
}
.footer a
{
    text-decoration: none;
}
.footer-disclaimer
{
    float: right;
    font-size: 11px;
}
.footer-poweredby
{
    float: left;
    font-size: 11px;
}

.numerictextboxtext
{
    border: solid 1px #E3E3E3;
    vertical-align: top;
    font-size: 12px;
}
.searchboxbutton
{
    margin-bottom: 2px;
}

/*---------------------------------------------------*/
/*       ORDER SUMMARY, SHOPPING CART, WISHLIST      */
/*---------------------------------------------------*/

.shoppingcart-page
{
    height: 400px;
    padding-bottom: 5px;
    padding-left: 0;
}
.shoppingcart-page .page-title
{
    border-bottom: 0 none;
}

.shoppingcart-page .body
{
    margin: 0px 0 0 0;
    padding: 0px 0 0 0;
    font-size: 11px;
}
.order-summary-content
{
    margin: 5px;
    padding: 10px 10px 10px 10px;
    font-size: 11px;
    color: #555;
    text-align: center;
    background-color: #FFFFFF;
}
.order-summary-content .cart
{
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    vertical-align: middle;
}
.order-summary-content .cart td
{
    padding: 3px 0 3px 0;
}
.order-summary-content .cart .cart-header-row
{
    font-weight: bold;
    color: #333333;
    height: 40px;
    width: 100%;
    background-color: #f8f9fa;
}
.order-summary-content .cart .cart-header-row td
{
    border-right: solid 1px #6a6a6a;
    border-right-color: #FFFFFF;
}
.order-summary-content .cart .cart-header-row td.product
{
     text-align: left;
    padding: 0px 10px 0px 10px;
}
.order-summary-content .cart .cart-header-row td.picture
{
    border: none;
}
.order-summary-content .cart .cart-item-row td.end
{
    text-align: right;
    font-weight: bold;
    color: #800000;
    padding-right: 5px;
}
.order-summary-content .cart .cart-item-row td
{
    border-bottom: 1px solid #c5c5c5;
    vertical-align: middle;
    line-height: 30px;
}
.order-summary-content .cart .cart-item-row td.product
{
    text-align: left;
    padding: 0px 5px 0px 5px;
}
.order-summary-content .cart .cart-item-row td.product a
{
    font-weight: bold;
}
.order-summary-content .cart .cart-item-row td.end
{
    text-align: right;
    font-weight: bold;
    color: Green;
    padding-right: 5px;
}

.order-summary-content .warning-box .warning-text
{
    color: Red;
    position: relative;
}
.order-summary-content .cart-footer
{
}
.order-summary-content .cart .cart-footer-row
{
    border-bottom: 2px double #c5c5c5;
    width: 100%;
}

.order-summary-content .cart-footer .td
{
    background-color: Red;
}

.order-summary-content .total-info
{
    margin: 0px;
    padding: 10px 5px 10px 0px;
    font-size: 12px;
}

.elegircliente
{
    width: 80%;
    margin: 25px 5px 25px 5px;
    padding: 10px 10px 10px 10px;
    font-size: small;
    color: #555;
    text-align: center;
    background-color: #F5F5F5;
    border-spacing: 5px;
    clip: rect(10px, auto, 10px, auto);
}
.cart_total_left
{
    width: 100%;
    text-align: right;
    vertical-align: middle;
    height: 21px;
    font-weight: bold;
    color: #353434;
}

.cart_total_left_below
{
    width: 100%;
    text-align: right;
    vertical-align: top;
    height: 30px;
}

.cart_total_right
{
    text-align: right;
    vertical-align: middle;
    padding-left: 5px;
}
.order-summary-content .buttons
{
    padding: 0px 10px 0px 10px;
    margin: 0px;
    border-style: none;
    background-position: center;
    font-size: small;
    font-weight: bold;
    background-image: url('img/AzulGrande.png');
    color: #FFFFFF;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    background-repeat: no-repeat;
    width: 158px;
    height: 40px;
    background-color: #FFFFFF;
}
.order-summary-content .buttons:hover
{
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('img/verde grande.png');
}
.order-summary-content .btnConfirmar
{
    width: 158px;
    height: 40px;
    background-color: #FFFFFF;
    background-position: center;
    border: none;
    font-size: small;
    font-weight: bold;
    color: #FFFFFF;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    background-image: url('img/verde grande.png');
    background-repeat: no-repeat;
}
.order-summary-content .btnConfirmar:hover
{
    background-image: url('img/rojo grande.png');
    background-repeat: no-repeat;
}
.order-summary-content .buttons .common-buttons
{
    float: left;
    margin: 0px;
}
.order-summary-content .buttons .addon-buttons
{
    float: right;
    margin: 0px;
    text-align: right;
}

/* Ver historial del pedido  */
.OH-content
{
    margin: 5px;
    padding: 10px 10px 10px 10px;
    font-size: 11px;
    color: #555;
    text-align: center;
    width: 80%;
    position: relative;
    height: 50%;
}
.OH-content .carrito
{
    border-collapse: collapse;
    text-align: center;
    vertical-align: middle;
}
.OH-content .carrito td
{
    padding: 3px 0 3px 0;
}
.OH-content .carrito .carrito-header-row
{
    font-weight: bold;
    color: white;
    height: 35px;
    width: 100%;
    background-color: #00326A;
}
.OH-content .carrito .carrito-header-row td
{
    background: #00326A;
    color: white;
    border-right: solid 1px #6a6a6a;
    height: 35px;
}
.OH-content .carrito .carrito-header-row td.picture
{
    border: none;
}

.OH-content .carrito .carrito-item-row td.end
{
    text-align: right;
    font-weight: bold;
    color: #800000;
    padding-right: 5px;
}

.OH-content .carrito .carrito-item-row td
{
    border-bottom: 1px solid #c5c5c5;
    vertical-align: middle;
    line-height: 30px;
    padding-left: 10px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-color: #c5c5c5;
    border-bottom-color: #c5c5c5;
    border-left-color: #c5c5c5;
    border-left-width: 1px;
    border-left-style: solid;
}

.OH-content .carrito .carrito-item-row td.lblprod
{
    text-align: left;
    padding: 0px 10px 0px 10px;
}

.OH-content .carrito .carrito-item-row td.lblprod a
{
    font-weight: bold;
}
.OH-content .carrito .carrito-item-row td.lblnom
{
    text-align: left;
    font-weight: bold;
}
.OH-content .carrito .carrito-item-row td.end
{
    text-align: right;
    font-weight: bold;
    color: Green;
    padding-right: 5px;
}

.OH-content .carrito-footer
{
    width: 100%;
    background: url('img/cart-footer-bg.gif') repeat-x bottom;
}

.OH-content .carrito-footer .td
{
    background-color: Red;
}

.OH-content .total-info
{
    margin: 0px;
    padding: 10px 5px 10px 0px;
    font-size: 12px;
}

.carrito_total_left
{
    width: 100%;
    text-align: right;
    vertical-align: middle;
    height: 21px;
    font-weight: bold;
    color: #353434;
}

.carrito_total_left_below
{
    width: 100%;
    text-align: right;
    vertical-align: top;
    height: 30px;
}

.carrito_total_right
{
    text-align: right;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	CHECKOUT, ORDER DETAILS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.order-summary-title
{
    padding: 10px 10px 5px 0px;
    font-size: 11px;
    color: #555;
    font-weight: bold;
    clear: both;
}
.order-summary-body
{
    text-align: center;
    margin: 10px 10px 10px 10px;
    border: 1px solid #d7d7d7;
    height: auto;
}
.order-details
{
    margin-bottom: 15px;
    padding: 0px;
}
.order-details .page-title
{
    border-bottom: 0 none;
}
.order-details .info
{
    border: 1px solid #d7d7d7;
    padding: 10px;
}
.order-details .section-title
{
    padding: 10px 10px 5px 0px;
    font-weight: bold;
    clear: both;
}
.order-details .order-overview
{
    text-align: left;
    padding-bottom: 10px;
}
.order-details .shipping-box
{
    text-align: left;
    padding: 10px;
    border: 1px solid #d7d7d7;
    height: auto;
}
.order-details .billing-box
{
    text-align: left;
    padding: 10px;
    border: 1px solid #d7d7d7;
    height: auto;
}
.order-details .lblprod, .order-details .lblnom
{
    text-align: left;
    padding: 10px;
    border: 1px solid #d7d7d7;
    height: auto;
}
.order-details .lblcant, .order-details .lblnet, .order-details .lblpu
{
    text-align: left;
    padding: 10px;
    border: 1px solid #d7d7d7;
    height: auto;
}
.order-details .checkout-attributes
{
    text-align: right;
    vertical-align: middle;
    padding: 10px;
    height: auto;
}
.downloable-products
{
    margin: 0px 0 0 0;
    padding: 5px 5px 5px 5px;
    font-size: 11px;
    color: #555;
    background-color: inherit;
}
.downloable-products .info
{
    padding: 10px;
}

.downloable-products .products-box
{
    text-align: left;
    padding: 10px;
    border: 1px solid #d7d7d7;
    height: auto;
}
/* Grilla de productos */
.home-page-catalogo2
{
    top: 0px;
    text-align: left;
    display: block;
}

.home-page-catalogo
{
    top: 0px;
    text-align: left;
    display: block;
    font-family: sans-serif;
    background-color: #FFFFFF;
}
.home-page-catalogo .producto-grid .header2
{
    font-size: small;
    margin: 4mm 5mm 0mm 0mm;
    height: 35px;
    color: #666666;
    text-align: right;
    float: right;
    vertical-align: middle;
    line-height: normal;
    position: relative;
}
.home-page-catalogo .producto-grid
{
    padding: 0px;
    margin-right: 0px;
    vertical-align: middle;
    float: left;
    font-size: small;
    position: relative;
}


.home-page-catalogo .producto-grid .producto-item
{
    width: 245px;
    height: 415px;
    border: 0.5px solid #E3E3E3;
    padding: 3px 0px 3px 0px;
    position: relative;
    vertical-align: middle;
    text-align: center;
    line-height: normal;
}


.home-page-catalogo .producto-grid .producto-item .picture
{
    background-position: center center;
    max-width: 239px;
    max-height: 250px;
    background-repeat: no-repeat;
}
.home-page-catalogo .producto-grid .producto-item .add-info .desctitulo
{
    color: #2B0015;
    font-weight: bold;
    font-size: 0.9em;
}
.home-page-catalogo .producto-grid .producto-item .add-info .desc
{
    font-weight: bold;
    font-size: 0.8em;
}

.home-page-catalogo .producto-grid .producto-item .add-info .descb
{
    font-size: xx-small;
}

.home-page-catalogo .producto-grid .product-item .add-info .precios .productoPrecios
{
    color: #800000;
}
.home-page-catalogo .producto-grid .producto-item .add-info .precios
{
    color: #800000;
    float: right;
    font-weight: bold;
    font-size: 0.8em;
    padding-right: 5px;
    padding-bottom: 5px;
}
.home-page-catalogo .producto-grid .producto-item .add-info .estaenelcarrito
{
    font-size: small;
    color: #00326A;
}
.home-page-catalogo .producto-grid .producto-item .RenglonCantidad
{
    vertical-align: baseline;
    padding-bottom: 5px;
}
.home-page-catalogo .producto-grid .producto-item .RenglonCantidad .cantidad
{
    color: #800000;
    border: 0.5px solid #999999;
    text-align: right;
    width: 40px;
    left: 0px;
}

.home-page-catalogo .producto-grid .producto-item .RenglonCantidad .ComprarButton
{
    margin: 10px;
    border: none;
    font-size: x-small;
    font-weight: bold;
    background-image: url('img/Rectangulo.png');
    color: #FFFFFF;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-variant: small-caps;
    vertical-align: middle;
    padding: 6px 7px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
}

.home-page-catalogo .producto-grid .producto-item .RenglonCantidad .ComprarButton:hover
{
    background-image: url('img/Rectanguloh.png');
}

.home-page-catalogo .producto-grid .producto-item .add-info .RenglonCantidad .descT
{
    font-size: x-small;
}

.home-page-catalogo .producto-grid .producto-item .add-info .precios .oldproductPrice
{
    color: Red;
    text-decoration: line-through;
}
/*------------------HORIZONTAL --------------------*/
/*------------------HORIZONTAL --------------------*/
/*------------------HORIZONTAL --------------------*/
.home-page-catalogo .producto-grid .producto-itemH
{
    height: auto;
    width: auto;
    padding-right: 0px;
    padding-left: 0px;
    border-spacing: 1px;
    border: 0.5px solid #E3E3E3;
    position: relative;
    background-color: #FFFFFF;
}
.home-page-catalogo .producto-grid .producto-itemH .pictureH
{
    background-position: center center;
    max-width: 66px;
    max-height: 66px;
    background-repeat: no-repeat;
}
.home-page-catalogo .producto-grid .producto-itemH .add-infoH .desctituloH
{
    color: #2B0015;
    font-weight: bold;
    font-size: x-small;
}
.home-page-catalogo .producto-grid .producto-itemH .add-infoH .descH
{
    font-weight: bold;
    font-size: x-small;
}

.home-page-catalogo .producto-grid .producto-itemH .add-infoH .descbH
{
    font-size: xx-small;
}
.home-page-catalogo .producto-grid .producto-itemH .descbH
{
    font-size: xx-small;
}

.home-page-catalogo .producto-grid .product-itemH .preciosH .productoPreciosH
{
    color: #000000;
}
.home-page-catalogo .producto-grid .producto-itemH .preciosH
{
    color: #2eca6a;
    float: right;
    font-size: small;
    padding-right: 5px;
    font-weight: bold;
}
.home-page-catalogo .producto-grid .producto-itemH .estaenelcarritoH
{
    font-size: x-small;
    color: #2eca6a;
    font-weight: bold;
}
.home-page-catalogo .producto-grid .producto-itemH .RenglonCantidadH
{
    vertical-align: middle;
}
.home-page-catalogo .producto-grid .producto-itemH .RenglonCantidadH .descTH
{
    font-size: xx-small;
    float: right;
}
.home-page-catalogo .producto-grid .producto-itemH .RenglonCantidadH .cantidadH
{
    color: #333333;
    border: 0.3px solid #999999;
    text-align: right;
}

.home-page-catalogo .producto-grid .producto-itemH .RenglonCantidadH .ComprarButtonH
{
    border-style: none;
    background-position: center center;
    background-image: url('img/Azul Mediano.png');
    background-repeat: no-repeat;
    font-family: Arial;
    font-size: xx-small;
    color: #FFFFFF;
    background-color: #FFFFFF;
}

.home-page-catalogo .producto-grid .producto-itemH .RenglonCantidadH .ComprarButtonH:hover
{
    border-style: none;
    background-position: center center;
    background-image: url('img/verde mediano.png');
    background-repeat: no-repeat;
    display: inline-block;
}
.home-page-catalogo .producto-grid .producto-itemH .preciosH .oldproductPriceH3
{
    color: Red;
    text-decoration: line-through;
}

/*-----------------------*/
.home-page-catalogo .warning-box
{
    position: relative;
    vertical-align: middle;
}
.home-page-catalogo .warning-text
{
    text-align: center;
    color: #CC0000;
    margin-left: 5px;
    height: 30px;
    width: AUTO;
    font-size: small;
    position: relative;
    top: 30px;
    font-style: normal;
    font-weight: bold;
    vertical-align: middle;
}
.home-page-catalogo .producto-grid .pagenav
{
    vertical-align: bottom;
    text-align: center;
}

/* Rubros y Subrubros - Menu pagina ppal */
.menu-categoria
{
    font-size: small;
    height: auto;
    position: relative;
    vertical-align: top;
    text-transform: capitalize;
    top: 0px;
    text-align: left;
    display: block;
}

.menu-categoria a
{
    color: #000000;
}
.menu-categoria .categoria-cuerpo
{
    text-align: left;
    vertical-align: middle;
}
.menu-categoria .categoria-cabecera
{
    text-transform: capitalize;
}
    .menu-categoria .categoria-item {
        text-transform: capitalize;
        font-weight: normal;
        font-size: x-small;
    }
.menu-categoria .categoria-item:hover
{
    font-weight: bold;
}
.micompra
{
    margin-left: 0px;
    margin-right: auto;
    width: 200px;
    height: auto;
}
.micompra .cabecera
{
}
.micompra .cuerpo
{
}
.micompra .pie
{
    background-image: url('img/categoriacabecera.png');
    height: 25px;
    display: block;
    padding-bottom: 5px;
    background-repeat: no-repeat;
    padding-top: 5px;
}
.micompra .pie .btnVer
{
    font-family: 'Courier New' , Courier, monospace;
    font-size: small;
    font-weight: normal;
    height: 17px;
}
.micompra .pie .btnConfirmar
{
    width: 68px;
    height: 17px;
    border-width: 0px;
    background-position: right top;
    background-image: url('img/Boton-confirmar.gif');
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.micompra .pie .btnVaciar
{
    background-position: right top;
    width: 68px;
    height: 17px;
    background-image: url('img/Boton-vaciar.gif');
    background-repeat: no-repeat;
    background-attachment: fixed;
}
/********* contactenos **************/
.table-contactenos
{
    text-align: left;
    color: #555;
    width: 900px;
    margin-left: 30px;
}
/*********   **************/
.HeaderHome
{
    background-position: center;
    background-image: url('img/Boton-Home.gif');
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.HeaderPedido
{
    background-position: center;
    background-image: url('img/Boton-Su-pedido.gif');
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.HeaderContacto
{
    background-position: center;
    background-image: url('img/Boton-contactenos.gif');
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.commonsbuttons
{
    background-position: center;
    font-family: Calibri;
    font-size: small;
    font-weight: bold;
    background-image: url('img/grey_button_bg.gif');
    background-repeat: no-repeat;
    color: #FFFFFF;
    letter-spacing: 1em;
}

.commonsbuttons1
{
    background-position: center;
    font-family: Calibri;
    font-size: 0.8em;
    font-weight: bold;
    background-image: url('img/grey_button_bg.gif');
    background-repeat: no-repeat;
    color: #FFFFFF;
}

.boton
{
    border-style: none;
    font-size: x-small;
    font-weight: bold;
    color: #FFFFFF;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    font-family: Arial;
    background-color: #00326A;
    height: 36px;
}

.botonnew
{
    height: 36px;
    width: 98px;
    font-size: x-small;
    font-weight: bold;
    font-family: Arial;
}

.boton:hover
{
    background-color: #2ECA6A;
}
.botonbs
{
    font-size: x-small;
    font-weight: bold;
    color: #FFFFFF;
    font-family: Arial;
    background-color: #00326A;
}
.botonbs:hover
{
    background-color: #2ECA6A;
}
.botonSalir
{
    padding: 5px;
    font-size: 11px;
    font-weight: bold;
    color: White;
    background-color: #555;
    border-color: #41519A;
    border-width: 1px;
    border-style: Solid;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    font-family: Arial, Helvetica, sans-serif;
    height: 30px;
    width: 50px;
}
.botoningresar
{
    border-style: none;
    background-position: center center;
    background-image: url('img/Azul Mediano.png');
    background-repeat: no-repeat;
    font-family: Arial;
    font-size: small;
    color: #FFFFFF;
    background-color: #FFFFFF;
    font-weight: bold;
}
.botoningresar:hover
{
    background-image: url('img/verde mediano.png');
    background-repeat: no-repeat;
    background-position: center center;
}

/*--- Indice grilla -----------------------*/
.PageNumber
{
    padding: 2px 6px;
    border: solid 1px #ddd;
    color: #555;
    text-decoration: none;
    background-color: #FFFFFF;
}
.PrevNext
{
    text-decoration: none;
    padding: 2px 6px;
    color: #555;
    background-color: #FFFFFF;
}
.CurrentPage
{
    border-style: solid;
    border-width: 1px;
    border-color: #C0C0C0;
    font-family: sans-serif;
    padding: 2px 6px;
    color: #FFFFFF;
    background-color: #ff0084;
    text-decoration: none;
}
.PageNumber:hover, .PrevNext:hover
{
    text-decoration: underline;
    background-color: #00a8ff;
    color: #FFFFFF;
}

.lp-page-catalogo
{
    top: 0px;
    display: block;
    font-family: Arial;
}
.lp-page-catalogo .producto-grid
{
    font-size: small;
    padding: 0px;
    margin: 20px;
    position: relative;
}

.lp-page-catalogo .producto-grid .producto-item
{
    height: 100px;
    width: auto;
    padding-right: 0px;
    padding-left: 0px;
    border-spacing: 1px;
    border: 0.5px solid #E3E3E3;
    position: relative;
    background-color: #FFFFFF;
}
.lp-page-catalogo .producto-grid .producto-item .picture
{
    background-position: center center;
    max-width: 100px;
    max-height: 100px;
    background-repeat: no-repeat;
}
.lp-page-catalogo .producto-grid .producto-item .add-info
{
    padding-left: 10px;
}

.lp-page-catalogo .producto-grid .producto-item .add-info .desctitulo
{
    color: #2B0015;
    font-weight: bold;
    font-size: 0.9em;
}
.lp-page-catalogo .producto-grid .producto-item .add-info .desc
{
    font-weight: bold;
    font-size: 0.8em;
}
.lp-page-catalogo .producto-grid .producto-item .precios
{
    position: relative;
    color: #00326A;
    float: right;
    font-size: 1em;
    padding-right: 5px;
    font-weight: bold;
}

.botongenerico
{
    padding: 0px 10px 0px 10px;
    margin: 0px;
    border-style: none;
    background-position: center;
    font-size: x-small;
    font-weight: bold;
    background-image: url('img/AzulGrande.png');
    color: #FFFFFF;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    background-repeat: no-repeat;
    width: 158px;
    height: 40px;
    background-color: #FFFFFF;
}


.desctitulopicture
{
    color: #2B0015;
    font-weight: bold;
    font-size: medium;
}
.desctextopicture
{
    color: #2B0015;
    font-size: medium;
}
.descsmallpicture
{
    color: #2B0015;
    font-size: small;
}
.ComprarButtonH
{
    background-position: center center;
    background-image: url('img/Azul Mediano.png');
    background-repeat: no-repeat;
    font-size: xx-small;
    color: #FFFFFF;
    font-family: Arial;
    line-height: normal;
    text-align: center;
    position: relative;
    display: block;
}

.ComprarButtonH:hover
{
    background-position: center center;
    background-image: url('img/verde mediano.png');
    background-repeat: no-repeat;
}

.RenglonCantidadH
{
    vertical-align: middle;
}
.RenglonCantidadH .descTH
{
    font-size: xx-small;
    float: right;
}
.RenglonCantidadH .cantidadH
{
    color: #333333;
    border: 0.3px solid #999999;
    text-align: right;
}

.RenglonCantidadH .ComprarButtonH
{
    border-style: none;
    background-position: center center;
    background-image: url('img/Azul Mediano.png');
    background-repeat: no-repeat;
    font-family: Arial;
    font-size: xx-small;
    color: #FFFFFF;
    background-color: #FFFFFF;
}

.RenglonCantidadH .ComprarButtonH:hover
{
    border-style: none;
    background-position: center center;
    background-image: url('img/verde mediano.png');
    background-repeat: no-repeat;
    display: inline-block;
}
.pictureH
{
    background-position: center center;
    max-width: 70px;
    max-height: 70px;
    background-repeat: no-repeat;
}
/* Style all font awesome icons */
.fa
{
    padding: 20px;
    font-size: 30px;
    width: 50px;
    text-align: center;
    text-decoration: none;
}


/*FOOTER*/
/*
footer
{
    background: #28a745;
    background: -webkit-linear-gradient(59deg, #2eca6a, #28a745);
    background: linear-gradient(59deg, #2eca6a, #28a745);
    color: white;
    margin-top: 100px;
}

footer a
{
    color: #fff;
    font-size: 14px;
    transition-duration: 0.2s;
}

footer a:hover
{
    color: #00326A;
    text-decoration: none;
}

.copy
{
    font-size: 12px;
    padding: 10px;
    border-top: 1px solid #FFFFFF;
}

.footer-middle
{
    padding-top: 2em;
    color: white;
}*/



/*SOCİAL İCONS*/

/* footer social icons */
ul.social-network
{
    list-style: none;
    display: inline;
    margin-left: 0 !important;
    padding: 0;
}
ul.social-network li
{
    display: inline;
    margin: 0 5px;
    color: #fff;
}
/* footer social icons */
.social-network a.icoFacebook:hover i, .social-network a.icoLinkedin:hover i, .social-network a.icowhatsapp:hover i
{
  color: #fff; 
  
}

.social-network a.socialIcon:hover, .socialHoverClass
{
    color: #F4A261;
}

.social-network a
{
}
.lblCantidad
{
    font-size: 12px;
    padding: 0 5px;
    vertical-align: top;
    margin-left: -10px;
    margin-top: -5px;
    position: absolute;
}

/*FOOTER*  background: #16222A;
    background: -webkit-linear-gradient(59deg, #3A6073, #16222A);
    background: linear-gradient(59deg, #3A6073, #16222A);*/

footer
{
color: rgba(255, 255, 255, 0.5);
margin-top: 100px;
}

footer a
{color: #fff; 
    font-size: 14px;
    transition-duration: 0.2s;
}

footer a:hover
{
    color: #9FAEE5;
    text-decoration: none;
}

.copy {
  font-size: 12px;
  padding: 10px;
  border-top: 1px solid #FFFFFF;
}

.footer-middle
{
    padding-top: 1em; /* color: #fff; */
    color: #343a40;
}

    .menu1 a.popout {
            padding-right: 20px !important;
        }

/*
 * Custom translucent site header
 */

.site-header
{
    background-color: rgb(69, 75, 77);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}
.site-header a
{
    color: #999;
    transition: ease-in-out color .15s;
}
.site-header a:hover {
  color: #fff;
  text-decoration: none;
}
.bg-mycolor
{
    background-color: #454B4D !important;
    color: #FFFFFF;
}
a.bg-mycolor:hover, a.bg-mycolor:focus, button.bg-mycolor:hover, button.bg-mycolor:focus
{
    background-color: #454B4D !important;
}
.bg-mycolor2
{
    background-color: #9FAEE5 !important; /*  background-color: #92a8d1 !important; */
    color: #171C8F;
}
a.bg-mycolor2:hover, a.bg-mycolor:focus, button.bg-mycolor2:hover, button.bg-mycolor2:focus
{
    background-color: #171C8F !important;
}
.text-mycolor2
{
    color: #FFFFFF;
}
a.text-mycolor2:hover, a.text-mycolor2:focus
{
    color: #C0C0C0;
}
.btn-mycolor2
{
    color: #FFFFFF;
    background-color: #171C8F;
}
.btn-mycolor2:hover
{
    color: #fff;
    background-color: #454B4D;
}
.btn-mycolor2:focus, .btn-mycolor2.focus
{
    color: #fff;
    background-color: #171C8F;
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
.btn-mycolor2.disabled, .btn-mycolor2:disabled
{
    color: #fff;
    background-color: #454B4D;
}

.btn-mycolor2:not(:disabled):not(.disabled):active, .btn-mycolor2:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle
{
    color: #fff;
    background-color: #454B4D;
    border-color: #FB8500;
}

.btn-mycolor2:not(:disabled):not(.disabled):active:focus, .btn-mycolor2:not(:disabled):not(.disabled).active:focus, .show > .btn-mycolor2.dropdown-toggle:focus
{
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
    background-color: #608B3A;
}
.oldproductPrice
{
    text-decoration: line-through;
}

.text-mycolor
{
    color: #171C8F;
}

a.text-mycolor:hover, a.text-mycolor:focus
{
    color: #C0C0C0;
}
.embed-responsive .card-img-top {
    object-fit: cover;
 
}
.zoom
{
     transition: transform .2s;
     }
.zoom:hover
{
      transform: scale(1.5);
}