.header {
            margin-top: 50px;
        }
        .slick-dots li button:before {
            position: absolute;
            top: 0;
            left: 0;
            content: "•";
            width: 10px;
            height: 10px;
            font-family: "slick";
            font-size: 10px;
            line-height: 30px;
            text-align: center;
            color: black;
            -ms-opacity: 0.20;
            opacity: 0.20;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        .slick-dots li.slick-active button:before {
            color: #000;
            -ms-opacity: 0.55;
            opacity: 0.55;
        }
        .slick-dots li button:hover, .slick-dots li button:focus {
            outline: none;
        }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
                -ms-opacity: .7;
                opacity: .7;
                font-size: 10px;
            }
        .header_bottom {
            background: rgb(255, 255, 255);
            border: 1px solid #822020;
            -ms-border-radius: 0;
            border-radius: 0;
        }
        ul {
            margin: 0;
        }
        .menuB li a {
            color: rgb(49, 49, 49);
        }
        .content {
            margin-top: -80px !important;
        }
        #divImage {
            display: none;
            z-index: 1100;
            position: fixed;
            top: 0;
            left: 0;
            background-color: White;
            height: 550px;
            width: 600px;
            padding: 3px;
            border: solid 1px black;
        }

        #h12 {
            height: 58px;
        }

        .add-cart h4 a {
            /*width: 71px !important;*/
            margin: 0 auto;
        }

        .auto-style1 {
            font-size: small;
        }

        .cart {
            margin-right: 150px;
        }

        .headertop_desc {
            background: #841a1c; /* Old browsers */
            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjODQxYTFjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2E4MDAwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
            background: -moz-linear-gradient(0, #841a1c 0, #a80002 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left bottom, right top, color-stop(0,#841a1c), color-stop(100%,#a80002)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(0, #841a1c 0,#a80002 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(0, #841a1c 0,#a80002 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(0, #841a1c 0,#a80002 100%); /* IE10+ */
            background: linear-gradient(0, #841a1c 0,#a80002 100%); /* W3C */
            -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#841a1c', endColorstr='#a80002',GradientType=1 );
            -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#841a1c', endColorstr='#a80002',GradientType=1 );
            -o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#841a1c', endColorstr='#a80002',GradientType=1 );
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#841a1c', endColorstr='#a80002',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
            position: fixed;
            padding-top: 10px;
            padding-bottom: 10px;
            width: 100%;
            z-index: 40;
            margin-bottom: 50px;
            border-bottom: 1px rgb(81, 20, 19) solid;
            -webkit-box-shadow: 0 4px 20px 0 #323232;
            -webkit-box-shadow: 0 4px 20px 0 #323232;
            -moz-box-shadow: 0 4px 20px 0 #323232;
            -moz-box-shadow: 0 4px 20px 0 #323232;
            -ms-box-shadow: 0 4px 20px 0 #323232;
            /* -ms-box-shadow: 0 4px 20px 0 rgba(50, 50, 50, 0.24);*/
            box-shadow: 0 4px 20px 0 #323232;
            /*box-shadow: 0 4px 20px 0 rgba(50, 50, 50, 0.24);*/
        }

        body {
            font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
            width: 100%;
        }

        .contentArea {
            width: 500px;
            padding-left: 10%;
            display: inline-block;
        }

        #divResult {
            margin: 0 auto;
            position: absolute;
            width: 98%;
            display: none;
            margin-top: -5px;
            overflow-y: auto;
            background-color: #ffffff;
            background-color: rgba(255, 255, 255, 0.96);
            z-index: 50;
            max-height: 500px;
            -ms-border-radius: 0 !important;
            border-radius: 0 !important;
            overflow-x: hidden;
        }

            #divResult a {
                color: #555;
                text-decoration: none;
            }

        .display_box {
            padding: 20px;
        }

            .display_box .divLbl {
                display: inline-block;
                font-size: 80%;
                padding: 0 10px;
                width: 250px;
            }

            .display_box:hover {
                background: #fafafa;
                color: rgb(199, 48, 48);
                cursor: pointer;
            }

            .display_box img {
                margin: 0 auto;
                max-width: 150px;
                max-height: 150px;
                width: auto;
                height: auto;
            }

        .display_boxVer {
            padding: 4px;
            border-top: solid 1px #dedede;
            font-size: 14px;
            height: 20px;
            text-align: center;
        }

            .display_boxVer:hover {
                background: #b93b3b;
                color: #FFFFFF;
                cursor: pointer;
            }

        .redButtonCompra {
            background-color: #BB1113;
            border: 1px solid #CA321D;
            color: #fff;
            font-weight: bold;
            font-size: 18px;
            font-family: Arial, Tahoma, Verdana;
            padding: 6px 8px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            -ms-border-radius: 2px;
            border-radius: 2px;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
            -webkit-filter: alpha(opacity=90);
            -moz-filter: alpha(opacity=90);
            -o-filter: alpha(opacity=90);
            filter: alpha(opacity=90);
            -moz-opacity: 0.9;
            -khtml-opacity: 0.9;
            -ms-opacity: 0.9;
            opacity: 0.9;
            outline: none;
            cursor: pointer;
        }

        .hidden {
            pointer-events: none;
            text-decoration: line-through;
        }

        .wrap2 {
            width: 100%;
        }

        .wrap80 {
            margin: 0 auto;
        }

        .account_desc li a {
            color: white;
        }

        .account_desc {
            padding-right: 10%;
            display: inline-block;
        }

        .content {
            width: 80%;
            margin: 0 auto;
        }

        .logo {
            /*margin-left: 150px;
            margin-top: 30px;*/
    /*        margin-top: 0;*/
/*            width: 157px;
            height: 40px;*/
        }

        .logo2 {
            margin-top: 0;
            max-width: 40px;
            max-height: 40px;
        }

        .header_80 {
            width: 100%;
            margin: 0 auto;
        }

        .buscalos {
            width: 400px;
            display: inline-block;
            position: absolute;
            margin-left: 10px;
            font-size: 14px;
            margin-top: -5px;
        }

        .nombre_producto {
            -moz-word-break: break-all;
            -o-word-break: break-all;
            word-break: break-all;
        }

        .buscalos:focus {
            outline: 0;
        }

        @media only screen and (max-width: 800px) {
            .buscalos {
                width: 350px;
            }
        }

        @media only screen and (max-width: 640px) {
            .buscalos {
                width: auto;
            }
        }

        @media only screen and (max-width: 480px) {
            .buscalos {
                width: auto;
            }
        }

        @media only screen and (max-width: 320px) {
            .buscalos {
                width: auto;
            }
        }

        .CarritoImagen {
            width: 50px;
            height: 50px;
            float: left;
            margin-right: 1px;
            margin-left: 3px;
        }

        .FontImagen {
            display: block;
            margin-left: 70px;
            color: black;
        }

        .badge-calendar {
            background-color: #8C1D1E;
            background: #8C1D1E;
            -ms-border-radius: 15px;
            border-radius: 15px;
            font-size: 11px;
            padding: 4px 7px;
            color: WHITE;
            -webkit-transition: all linear .3s;
            -moz-transition: all linear .3s;
            -ms-transition: all linear .3s;
            -o-transition: all linear .3s;
            transition: all linear .3s;
        }

        li:hover > a > span.badge-calendar {
            background-color: white;
            background: white;
            -ms-border-radius: 15px;
            border-radius: 15px;
            font-size: 11px;
            padding: 4px 7px;
            color: #8C1D1E;
        }

        .fa-margin-right {
            margin-right: 5px;
        }

        .globo {
            position: fixed;
            right: 0;
            top: 10%;
            width: 10em;
            height: 3em;
            padding-top: 0.5em;
            -ms-border-radius: 1em 1em 1em 1em;
            border-radius: 1em 1em 1em 1em;
            text-align: center;
            z-index: 100;
            background-color: #ffd800;
            color: black;
            border: solid #bda416;
        }

            .globo:hover {
                background-color: #ffd120;
            }

        .globoinfo {
            position: fixed;
            right: 0;
            top: 10%;
            width: 10em;
            height: 4em;
            text-align: center;
            z-index: 99;
            background-color: rgb(255, 255, 255);
            color: black;
            cursor: pointer;
            -ms-border-radius: 3em 3em 0 3em;
            border-radius: 3em 3em 0 3em;
            border: solid #CA321D;
        }

            .globoinfo:hover {
                cursor: pointer;
            }

        .texto {
            margin: auto;
            cursor: pointer !important;
            top: 0;
            z-index: 101;
        }

        #labelpuntos {
            cursor: pointer !important;
        }

        #PuntosPregunta {
            cursor: pointer !important;
        }

        #labelpuntos:hover {
            color: red;
        }

        #PuntosPregunta:hover {
            color: red;
        }

        .globoDialog {
            z-index: 99;
            right: 0;
            top: 20%;
            position: fixed;
            width: 10em;
            height: 4em;
            text-align: center;
            line-height: 50px;
            background-color: #fff;
            border: 4px solid #666;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            -ms-border-radius: 30px;
            border-radius: 30px;
            -webkit-box-shadow: 2px 2px 4px #888;
            -moz-box-shadow: 2px 2px 4px #888;
            -ms-box-shadow: 2px 2px 4px #888;
            box-shadow: 2px 2px 4px #888;
        }

        /*LOADER*/
        .loader {
            width: 100px;
            height: 100px;
            -webkit-perspective: 100px;
            perspective: 100px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -50px;
            margin-left: -50px;
        }

        .loader__tile {
            display: block;
            float: left;
            width: 33.33%;
            height: 33.33%;
            -webkit-animation-name: flip;
            animation-name: flip;
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            -webkit-animation-duration: 2s;
            animation-duration: 2s;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
            z-index: 0;
        }

        .loader__tile__1 {
            background-color: #610B0B;
            -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s;
        }

        .loader__tile__2 {
            background-color: #8A0808;
            -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
        }

        .loader__tile__3 {
            background-color: #B40404;
            -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
        }

        .loader__tile__4 {
            background-color: #DF0101;
            -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
        }

        .loader__tile__5 {
            background-color: #FF0000;
            -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s;
        }

        .loader__tile__6 {
            background-color: #FE2E2E;
            -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s;
        }

        .loader__tile__7 {
            background-color: #FA5858;
            -webkit-animation-delay: 0.7s;
            animation-delay: 0.7s;
        }

        .loader__tile__8 {
            background-color: #F78181;
            -webkit-animation-delay: 0.8s;
            animation-delay: 0.8s;
        }

        .loader__tile__9 {
            background-color: #F5A9A9;
            -webkit-animation-delay: 0.9s;
            animation-delay: 0.9s;
        }

        @-webkit-keyframes flip {
            0% {
                -webkit-transform: rotateY(0deg);
                transform: rotateY(0deg);
            }

            11% {
                -webkit-transform: rotateY(180deg);
                transform: rotateY(180deg);
            }
        }

        @keyframes flip {
            0% {
                -webkit-transform: rotateY(0deg);
                transform: rotateY(0deg);
            }

            11% {
                -webkit-transform: rotateY(180deg);
                transform: rotateY(180deg);
            }
        }

        .as {
            position: fixed;
            z-index: 999;
            height: 100%;
            width: 100%;
            margin: auto;
            visibility: visible;
            top: 0px;
            background-color: white;
            filter: alpha(opacity=60);
            opacity: 0.8;
            -moz-opacity: 0.8;
        }

        .center {
            position: fixed;
            z-index: 1000;
            /*margin:auto;*/
            padding: 10px;
            width: 130px;
            /*background-color: White;*/
            border-radius: 10px;
            filter: alpha(opacity=100);
            opacity: 1;
            -moz-opacity: 1;
            right: 45%;
            top: 45%;
        }

        /*LOADER*/

        /*NUEVO CARRITO*/
        ul.dropdown-cart {
            min-width: 250px;
        }

            ul.dropdown-cart li .item {
                display: block;
                padding: 3px 10px;
                margin: 3px 0;
            }

                ul.dropdown-cart li .item:hover {
                    background-color: #f3f3f3;
                }

                ul.dropdown-cart li .item:after {
                    visibility: hidden;
                    display: block;
                    font-size: 0;
                    content: " ";
                    clear: both;
                    height: 0;
                }

            ul.dropdown-cart li .item-left {
                float: left;
            }

                ul.dropdown-cart li .item-left img,
                ul.dropdown-cart li .item-left span.item-info {
                    float: left;
                }

                ul.dropdown-cart li .item-left span.item-info {
                    margin-left: 10px;
                }

                    ul.dropdown-cart li .item-left span.item-info span {
                        display: block;
                    }

            ul.dropdown-cart li .item-right {
                float: right;
            }

                ul.dropdown-cart li .item-right button {
                    margin-top: 14px;
                }
        /*NUEVO CARRITO*/
        #headerwrap {
            /*background: url(images/bannerprincipal.jpg) no-repeat center top;*/
            background: url(../images/comercio.jpg) no-repeat center top;
            margin-top: -50px;
            padding-top: 120px;
            text-align: center;
            background-attachment: relative;
            background-position: center center;
            min-height: 600px;
            width: 100%;
            -webkit-background-size: 100%;
            -moz-background-size: 100%;
            -o-background-size: 100%;
            background-size: 100%;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }
        #headerwrap h1 {
                color: #ffffff;
                margin-top: 90px;
                padding-bottom: 15px;
                letter-spacing: 8px;
                font-size: 100px;
                font-weight: bold;
                text-shadow: 2px 2px 2px #000;
            }
        #headerwrap p {
                color: #ffffff;
                font-size: 30px;
                font-weight: 400;
                text-align: center;
                line-height: 40px;
                letter-spacing: 3px;
                margin-left: 15px;
                text-shadow: 1px 1px 1px #000;
                padding-bottom:100px;
            }