body{
      background: white;
      background-size: cover;
      background-position: center;
      margin: 0;
      padding: 0;
}
div.logo{
        position: absolute;
        background: transparent;
        width: 160px;
        height: 80px;
        top:10px;
        left: 200px;
        }
div.logo img{
        position: relative;
        width: 100%;
        height: 100%;
        }
nav.navegador{
        position: absolute;
        z-index: 1;
        background: rgb(80, 50, 150);
        margin: 0px;
        padding: 0px;
        width: 100%;
        height: 45px;
        top: 100px;
}
ul.menu{
        position: absolute;
        margin: 0px;
        padding: 0px;
        background: rgb(80, 50, 150);
        width: 1000px;
        height: 45px;
        left: 300px;
        }

ul.menu li{
        position: relative;
        background: rgb(80, 50, 150);
        margin: 0px;
        display: inline-block;        
        width: 150px;
        height: 45px;
        left: 0px;
        top: 0px;
        }
ul.menu li a{
        position: absolute;
        text-decoration: none;
        width: 100%;
        height: 100%;
        top: 12px;

        text-align: center;
 
        color: white;
        font-weight: normal;
        font-family: "microsoft JhengHei Ui";
        font-size: 15px;
}


ul.menu li:hover{
        background: gray;
        }

div.leyenda{
        position: absolute;
        width: 1000px;
        height: 40px;
        left: 300px;
        top:  150px;


        background: white;
        border-style: dashed;
        border-color: white;
        border-width: 1px;
}
div.leyenda h1{
        margin: 0;
        margin-left: 10px;
        text-align: justify;

        color: rgb(70, 70, 70);
        font-style: none;
        font-family: "arial";
        font-size: 40px;
}

button.abrirCarrito{
        position: absolute;
        z-index: 2;
        width: 35px;
        height: 35px; 
        left: 1500px;
        top: 20px;
    
        background: transparent;
        border-style: transparent;
      /*box-shadow: 0px 0px 1px 1px darkgray;*/
        border-width: 0px;
}
button.abrirCarrito img{
        position: absolute;
        top: 0px;
        left: 0px;

        width: 100%;
        height: 100%;
}
div.overlay{
        background-color: rgba(0, 0, 90, 0.50);  
        position: fixed;
        z-index: 3;
        top: 0;
        left:0;
        bottom: 0;
        right: 0;  
    /*  display: flex;
        align-items: center;   
        align-content: center;*/
        visibility: hidden;      
}   
div.overlay.active{
        visibility: visible;  
} 
div.carrito{  
        position: absolute;
        width: 900px;
        height: 100%;
        left: 100%-600px;
        right: 0px;

        top: 0px;
        bottom: 0px;

        border-style: transparent;
        background: white;
        box-shadow: 0px 0px 1px 1px darkgray;
        border-width: 1px;
        transition: 0.5s ease all;
        translate: 900px;
}
div.carrito.active{
        translate: 0px; 

}

div.tituloCarrito{
        position: relative;
        width: 890px;
        height: 30px;
        left:5px;
        top:5px;
        
        border-style: transparent;
        background: white;
        box-shadow: 0px 0px 1px 1px darkgray;
        border-width: 1px;
}
div.tituloCarrito a{

        position: absolute;
        width: 150px;
        height: 20px;
        top: 5px;
        left: 5px;

        color: rgb(113, 19, 167);
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 16px;
/*
        border-style: transparent;
        background: white;
        box-shadow: 0px 0px 1px 1px darkgray;
        border-width: 1px;*/      
}
button.cerrarCarrito{
        position: absolute;
        width: 25px;
        height: 25px;
        left: 850px;

        border-style: transparent;
        background: white;
       /* box-shadow: 0px 0px 1px 1px darkgray;*/
        border-radius: 4px;
        border-width: 0px;
}
button.cerrarCarrito img{
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;  
}


div.titulosDeDetalle{
        position: absolute;
        width: 590px;
        height: 20px;
        left: 6px;
        top: 50px;

        background: white;
        border-bottom-style: solid;
        border-bottom-color: darkgray; 
        border-width: 1px;
}
div.tituloImagen{
        position: absolute;
        width: 80px;
        height: 100%;
        left: 45px;

      /*background: white;
        border-style: solid;
        border-width: 1px;*/
}
div.tituloImagen a{
        position: absolute;
        width: 100%;
        height: 100%;
        text-align: center;
        
        color: black;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 13px;
}
div.tituloProducto{
        position: absolute;
        width: 250px;
        height: 100%;
        left: 126px;

      /*background: white;
        border-style: solid;
        border-width: 1px;*/
}
div.tituloProducto a{
        position: absolute;
        width: 100%;
        height: 100%;

        color: black;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 13px;
}
div.tituloPrecio{
        position: absolute;
        width: 70px;
        height: 100%;
        left: 377px;

      /*background: white;
        border-style: solid;
        border-width: 1px;*/
}
div.tituloPrecio a{
        position: absolute;
        width: 100%;
        height: 100%;
        text-align: center;

        color: black;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 13px;
}
div.tituloCantidad{
        position: absolute;
        width: 70px;
        height: 100%;
        left: 448px;

      /*background: white;
        border-style: solid;
        border-width: 1px;*/
}
div.tituloCantidad a{
        position: absolute;
        width: 100%;
        height: 100%;
        text-align: center;

        color: black;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 13px;
}
div.tituloSubtotal{
        position: absolute;
        width: 70px;
        height: 100%;
        left: 519px;

      /*background: white;
        border-style: solid;
        border-width: 1px;*/
}   
div.tituloSubtotal a{
        position: absolute;
        width: 100%;
        height: 100%;
        text-align: center;

        color: black;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 13px;
}                                                  



div.detalleProducto{
        position: relative;
        width: 590px;
        height: 80px;
        left: 5px;
        top: 40px;

        background: white;
      /*border-style: solid;*/
        border-bottom-style: solid;
        border-bottom-color: darkgray; 
      /*  box-shadow: 0px 0px 1px 1px darkgray;*/
        border-width: 1px;
}
div.eliminarProducto{
        position: absolute;
        width: 20px;
        height: 20px;
        left: 20px;
        top: 25px;

     
}
button.eliminar{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;

        background: white;
        border-style: transparent;
        border-width: 0px;
}
button.eliminar img{
        position: absolute;
        width: 50%;
        height: 50%;
        left: 25%;
        top: 25%;

}
div.imagenProducto{
        position: absolute;
        width: 70px;
        height: 70px;
        left: 50px;
        top: 5px;
   
}
div.imagenProducto img{
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 6px;
}
div.descripcionProducto{
        position: absolute;
        width: 250px;
        height: 70px;
        left: 126px;
        top: 5px;

      /*background: white;
        border-style: solid;
        border-width: 1px;*/
}
div.descripcionProducto a{
        position: absolute;
        width: 90%;
        height: 60%;
        left: 5%;
        top: 20%;
        text-align: start;

      /*background: white;
        border-style: solid;
        border-width: 1px;*/

        color: black;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 12px;
}
div.precio{
        position: absolute;
        width: 70px;
        height: 70px;
        left: 377px;
        top: 5px;

      /*background: white;
        border-style: solid;
        border-width: 1px;*/
}
div.precio a{
        position: absolute;
        width: 90%;
        height: 60%;
        left: 5%;
        top: 20%;
        text-align: center;

        color: black;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 12px;
}
div.cantidad{
        position: absolute;
        width: 70px;
        height: 70px;
        left: 448px;
        top: 5px;
}
div.cantidad button.masCantidad{
        position: absolute;
        width: 25%;
        height: 43%;
        left: 0%;
        top: 10%;

        border-style: solid;
        border-color: darkgray;
        border-width: 1px;
}
div.cantidad button.masCantidad a{
        position: absolute;
        width: 100%;
        height: 30%;
        left: 0%;
        top: 10%;
        text-align: center;

        color: black;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 15px;
}
div.valorCantidad{
        position: absolute;
        width: 44%;
        height: 40%;
        left: 27%;
        top: 10%;
        text-align: center;

        background: transparent;      
        border-style: solid;
        border-color: darkgray;
        border-width: 1px;

        color: black;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 12px;
}
div.valorCantidad a{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0%;
        top: 20%;
        text-align: center;

        color: black;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 12px;
}
div.cantidad button.menosCantidad{
        position: absolute;
        width: 25%;
        height: 43%;
        left: 75%;
        top: 10%;
   
        border-style: solid;
        border-color: darkgray;
        border-width: 1px;
}
div.cantidad button.menosCantidad a{
        position: absolute;
        width: 100%;
        height: 30%;
        left: 0%;
        top: 10%;
        text-align: center;

        color: black;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 15px;
}
div.subtotal{
        position: absolute;
        width: 70px;
        height: 70px;
        left: 519px;
        top: 5px;

      /*background: white;
        border-style: solid;
        border-width: 1px;*/
}
div.subtotal a{
        position: absolute;
        width: 90%;
        height: 60%;
        left: 5%;
        top: 20%;
        text-align: center;

        color: purple;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 13px;
}

div.totalDeCompra{
        position: absolute;
        width: 290px;
        height: 300px;
        left: 605px;
        top: 50px;

        border-style: transparent;
        background: transparent;
        box-shadow: 0px 0px 2px 2px darkgray;
}
div.subTotalCompra{
        position: relative;
        width: 90%;
        height: 100px;
        left: 5%;
        top: 0px;
        

        border-style: transparent;
        background: transparent;
       /*box-shadow: 0px 0px 1px 1px darkgray;*/
        border-width: 0px;
}
div.subTotalCompra .tituloTotalCarrito{
        position: absolute;
        margin: 0px;
        padding: 0px;
        width: 100%;
        height: 50%;
}
div.subTotalCompra .tituloTotalCarrito a{
        position: absolute;
        margin: 0px;
        padding: 0px;
        top: 10px;
        left: 5px;

        color: black;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 15px;
}
div.subTotalCompra .tituloSubtotal2{ 
        position: absolute;
        margin: 0px;
        padding: 0px;
        width: 25%;
        height: 50%;
        top: 50%;

/* 
        border-style: solid; 
        background: transparent;
     border-bottom-color: darkgray;
        border-width: 1px;*/

}

div.subTotalCompra .tituloSubtotal2 a{
        position: absolute;
        margin: 0px;
        padding: 0px;
        top: 15px;
        left: 5px;

        color: black;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 14px;
}
div.subTotalCompra .valorSubtotal{
        position: absolute;
        margin: 0px;
        padding: 0px;
        width: 75%;
        height: 50%;
        top: 50%;
        left: 25%;
/*
        border-style: transparent;
        background: transparent;
        border-bottom-color: darkgray;
        border-width: 1px;*/
}
div.subTotalCompra .valorSubtotal a{
        position: absolute;
        width: 99%;
        margin: 0px;
        padding: 0px;
        top: 30%;

        color: purple;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 14px;
        text-align: right;

        border-style: transparent;
        background: transparent;
        border-bottom-color: darkgray;
        border-width: 1px;

}
div.envioDeCompra{
        position: relative;
        width: 90%;
        height: 100px;
        left: 5%;
        top: 0px;
        
        background: transparent;
        border-bottom-style: solid;
        border-top-style: solid;
        border-bottom-color: darkgray;
        border-top-color: darkgray;
        border-width: 1px; 
}
div.envioDeCompra .tituloDeEnvio{
        position: absolute;
        margin: 0px;
        padding: 0px;
        width: 25%;
        height: 100%;
        top: 0;
}
div.envioDeCompra .tituloDeEnvio a{
        position: absolute;
        margin: 0px;
        padding: 0px;
        top: 40%;
        left: 5px;

        color: black;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 14px;
}
div.envioDeCompra .tituloDespachoADomicilio{
        position: absolute;
        margin: 0px;
        padding: 0px;
        width: 75%;
        height: 35%;
        top: 0px;
        left: 25%;
}
div.envioDeCompra .tituloDespachoADomicilio a{
        position: absolute;
        width: 99%;
        margin: 0px;
        padding: 0px;
        top: 30%;

        color: black;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 13px;
        text-align: right;
}
div.envioDeCompra .tituloRetiroEnTienda{
        position: absolute;
        margin: 0px;
        padding: 0px;
        width: 75%;
        height: 35%;
        top: 35%;
        left: 25%;
}
div.envioDeCompra .tituloRetiroEnTienda a{
        position: absolute;
        width: 99%;
        margin: 0px;
        padding: 0px;
        top: 30%;

        color: black;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 13px;
        text-align: right;
}
div.envioDeCompra .tituloEnviarARM{
        position: absolute;
        margin: 0px;
        padding: 0px;
        width: 75%;
        height: 30%;
        top: 70%;
        left: 25%;
}
div.envioDeCompra .tituloEnviarARM a{
        position: absolute;
        width: 99%;
        margin: 0px;
        padding: 0px;
        top: 20%;

        color: darkgray;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 12px;
        text-align: right;
}
div.totalFinal{
        position: relative;
        width: 90%;
        height: 100px;
        left: 5%;
        top: 0px;
}
div.totalFinal .tituloTotal{
        position: absolute;
        margin: 0px;
        padding: 0px;
        width: 25%;
        height: 50%;
        top: 0px;

        border-style: transparent;
        background: transparent;
        border-bottom-color: darkgray;
        border-width: 1px;

}
div.totalFinal .tituloTotal a{
        position: absolute;
        margin: 0px;
        padding: 0px;
        top: 15px;
        left: 5px;

        color: black;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 14px;
}
div.totalFinal .valorTotal{
        position: absolute;
        margin: 0px;
        padding: 0px;
        width: 75%;
        height: 50%;
        top: 0px;
        left: 25%;

        border-style: transparent;
        background: transparent;
        border-bottom-color: darkgray;
        border-width: 1px;
}
div.totalFinal .valorTotal a{
        position: absolute;
        width: 99%;
        margin: 0px;
        padding: 0px;
        top: 30%;

        color: purple;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 14px;
        text-align: right;

        border-style: transparent;
        background: transparent;
        border-bottom-color: darkgray;
        border-width: 1px;
}
div.totalFinal .tituloFinalizarCompra{
        position: absolute;
        margin: 0px;
        padding: 0px;
        width: 100%;
        height: 50%;
        top: 50%;
        left: 5px;
}
div.totalFinal .tituloFinalizarCompra button.finalizarCompra{
        position: absolute;
        background: rgb(80, 50, 150);
        width: 100%;
        height: 80%;
        top:10%;

        border-radius: 20px;
        border-width: 1px;
}
div.totalFinal .tituloFinalizarCompra button.finalizarCompra a{
        position: absolute;
        margin: 0px;
        padding: 0px;
        top: 10px;
        left: 70px;
        text-decoration: none;

        color: white;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 13px;
        
}


button.actualizarCarrito{
        position: relative;
        background: rgb(109, 83, 136);
        width: 290px;
        height: 40px;
        left:300px;
        top:50px;

        border-radius: 20px;
        border-width: 1px;
}
button.actualizarCarrito a{
       
        position: absolute;
        margin: 0px;
        padding: 0px;
        top: 10px;
        left: 70px;

        color: white;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 13px;
}


div.container{
        position: absolute;
        z-index: 0;
        width: 1200px;
        height: 600px;
        left: 300px;
        top: 200px;
/*
        border-style: solid;
        border-color: rgb(136, 52, 52);
        border-width: 1px;*/
}
div.ventanaProducto{

        position: relative;
        width: 200px;
        height: 320px;
        float: left;
}
div.ventanaProducto.active{

        border-style: transparent;
        background: transparent;
        box-shadow: 0px 0px 3px 0px darkgreen;
}
div.ventanaProducto form{
        position: relative;
        width: 96%;
        height: 96%;
        margin: 2%;
}
div.ventanaProducto form div.imagenes{
        position: absolute;
        width: 96%;
        height: 65%;
        margin: 2%;         
}
div.ventanaProducto form div.imagenes img.imagen1{
        position: absolute;
        width: 100%;
        height: 100%;
        background: transparent;
        z-index: 2;      
}
div.ventanaProducto form div.imagenes img.imagen1.active{
        visibility: hidden;
}
/*
@keyframes imagen2{
        from {width: 70%; height: 70%; margin: 15%;}
        to {width: 100%; height: 100%; margin: 0%;}
}*/
div.ventanaProducto form div.imagenes img.imagen2{
        position: absolute;
        z-index: 1;
        width: 80%;
        height: 80%;
        margin: 10%;
}

div.ventanaProducto form img.imagen2.active{  
     /* animation-name: imagen2;
        animation-duration: 3s;*/

        scale: 1.25;
        transition: all 2s ease;
}

div.cuerpo-ventana{
        position: absolute;
        width: 96%;
        height: 32%;
        margin: 2%;
        top: 65%;
}
div.cuerpo-ventana h2{

        margin: 0;
        margin-left: 0px;
        text-align: center;
        color: rgb(50, 50, 50);

        font-weight: bold;
        font-style: none;
        font-family: "microsoft JhengHei Ui";
        font-size: 12px;

}
div.cuerpo-ventana h3{

        margin: 0;
        margin-left: 0px;
        text-align: center;
        color: rgb(80, 50, 150);
        font-weight: bold;
        font-style: none;
        font-family: "microsoft JhengHei Ui";
        font-size: 16px;
      
}
div.agregarVer{
        opacity: 0;
        position: absolute;
        width: 100%;
        height: 60%;
        top: 40%;
}
div.agregarVer.active{
        opacity: 1;
}
div.agregarVer p{

        margin: 0;
        margin-left: 0px;
        text-align: center;
        color: rgb(50, 50, 50);

        font-weight: bold;
        font-style: none;
        font-family: "microsoft JhengHei Ui";
        font-size: 12px;  
}
div.agregarVer button.agregar{

        position: absolute;
        width: 80px;
        height: 30px;
        left: 5px;
        top: 60%;

        background: transparent;
        border-style: solid;
        border-color: darkgray;
        border-width: 1px;
        border-radius: 3px;
}
div.agregarVer button.agregar img{

        width: 60%;
        height: 80%;
        left: 40%;
        top:10%;
        padding: 0px;
        margin: 0px;
}
div.agregarVer button.ver{

        position: absolute;
        width: 80px;
        height: 30px;
        left: 93px;
        top: 60%;

        background: transparent;
        border-style: solid;
        border-color: darkgray;
        border-width: 1px;
        border-radius: 3px;


}
div.agregarVer button.ver img{
        width: 60%;
        height: 80%;
        left: 40%;
        top:10%;
        padding: 0px;
        margin: 0px;
}



div.overlayLupa{
        background-color: rgba(0, 0, 90, 0.5);
        position: absolute;
        z-index: 3;
        top: 0;
        left:0;
        bottom: 0;
        right: 0;
}   
div.informacionGeneral{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        background: white;
}
div.botonesDeFotosProducto{
        position: absolute;
        width: 10%;
        height: 100%;
}
button.boton1{
        position: absolute;
        width: 100%;
        height: 19%;
        left: 0%;
        top: 0%;
} 
button.boton1 img.botonImagen1{
        opacity: 0.5;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
} 
button.boton1 img.botonImagen1:hover{
        opacity: 1;
} 

button.boton2{
        position: absolute;
        width: 100%;
        height: 19%;
        left: 0%;
        top: 20%;
} 
button.boton2 img.botonImagen2{
        opacity: 0.5;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
} 
button.boton2 img.botonImagen2:hover{
        opacity: 1;
} 
button.boton3{
        position: absolute;
        width: 100%;
        height: 19%;
        left: 0%;
        top: 40%;
} 
button.boton3 img.botonImagen3{
        opacity: 0.5;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
}
button.boton3 img.botonImagen3:hover{
        opacity: 1;
} 
button.boton4{
        position: absolute;
        width: 100%;
        height: 19%;
        left: 0%;
        top: 60%;
} 
button.boton4 img.botonImagen4{
        opacity: 0.5;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
}
button.boton4 img.botonImagen4:hover{
        opacity: 1;
} 
button.boton5{
        position: absolute;
        width: 100%;
        height: 19%;
        left: 0%;
        top: 80%;
} 
button.boton5 img.botonImagen5{
        opacity: 0.5;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
}
button.boton5 img.botonImagen5:hover{
        opacity: 1;
} 

div.fotosProducto{
        position: absolute;
        width: 40%;
        height: 100%;
        left: 10%;
}
img.verFoto1{
        position: absolute;
        width: 96%;
        height: 83%;
        left: 2%;
        top:2%;


        visibility: visible;
}
img.verFoto1.active{
        visibility: hidden;
}
img.verFoto2{
        position: absolute;
        width: 96%;
        height: 83%;
        left: 2%;
        top:2%;

        visibility: visible;
}
img.verFoto2.active{
        visibility: hidden;
}
img.verFoto3{
        position: absolute;
        width: 96%;
        height: 83%;
        left: 2%;
        top:2%;

        visibility: visible;
}
img.verFoto3.active{
        visibility: hidden;
}
img.verFoto4{
        position: absolute;
        width: 96%;
        height: 83%;
        left: 2%;
        top:2%;

        visibility: visible;
}
img.verFoto4.active{
        visibility: hidden;
}
img.verFoto5{
        position: absolute;
        width: 96%;
        height: 83%;
        left: 2%;
        top:2%;

        visibility: visible;
}
img.verFoto5.active{
        visibility: hidden;
}

div.informacionGeneralProducto{
        position: absolute;
        width: 50%;
        height: 100%;
        left: 50%;

}
div.informacionProducto{
        position: absolute;
        width: 100%;
        height: 20%;

}
div.DescripcionYSalida{
        position: absolute;
        width: 88%;
        height: 100%;
        left: 0px;
}
p.textoDescripcion{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0%;
        top: 0%;
        margin: 0%;

        text-align: left;
        color: rgb(80, 50, 100);

        font-weight: bold;
        font-style: none;
        font-family: "microsoft JhengHei Ui";
        font-size: 28px; 

}
button.salirDetalleProducto{
        position: absolute;
        width: 6%;
        height: 30%;
        left: 92%;
        top: 10%;

        background: transparent;
        border-style: transparent;
        border-color: transparent;
        border-width: 0px;
}
button.salirDetalleProducto img{
        position: absolute;
        width: 80%;
        height: 80%;
        left: 10%;
        top: 10%;
}
div.precioProducto{
        position: absolute;
        width: 100%;
        height: 6%;
        top:20%;
        left: 0%;
}
p.textoPrecio{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0%;
        top: 0%;
        margin: 0%;
        text-align: left;

        color: rgb(80, 50, 100);
        font-weight: bold;
        font-style: none;
        font-family: "microsoft JhengHei Ui";
        font-size: 28px; 

}
div.disponibilidadDeProducto{
        position: absolute;
        width: 100%;
        height: 6%;
        top:26%;
        left: 0%;
}
p.disponibilidad{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0%;
        top: 40%;
        margin: 0;
        text-align: left;


        color: black;
        font-weight: bold;
        font-style: none;
        font-family: "microsoft JhengHei Ui";
        font-size: 14px; 
}
div.modificarCantidad{
        position: absolute;
        width: 25%;
        height: 10%;
        top:35%;
        left: 0%;
}
button.sumarCantidad{
        position: absolute;
        width: 25%;
        height: 80%;
        left: 0%;
        top: 10%;

        border-style: solid;
        border-color: darkgray;
        border-width: 1px;
}
button.sumarCantidad a{
        position: absolute;
        width: 100%;
        height: 30%;
        left: 0%;
        top: 20%;
        text-align: center;

        color: black;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 15px;
}
div.cantidadModificada{
        position: absolute;
        width: 44%;
        height: 76%;
        left: 27%;
        top: 10%;
        text-align: center;

        background: transparent;      
        border-style: solid;
        border-color: darkgray;
        border-width: 1px;

        color: black;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 12px;
}
div.cantidadModificada a{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0%;
        top: 30%;
        text-align: center;

        color: black;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 12px;
}
button.restarCantidad{
        position: absolute;
        width: 25%;
        height: 80%;
        left: 75%;
        top: 10%;
   
        border-style: solid;
        border-color: darkgray;
        border-width: 1px;
}
button.restarCantidad a{
        position: absolute;
        width: 100%;
        height: 30%;
        left: 0%;
        top: 20%;
        text-align: center;

        color: black;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 15px;
}
div.ingresarAlCarrito{
        position: absolute;
        width: 40%;
        height: 10%;
        top:35%;
        left: 27%;
}
button.ingresar{
        position: absolute;
        background: rgb(80, 50, 150);
        width: 100%;
        height: 80%;
        top:10%;

        border-radius: 20px;
        border-width: 1px; 
}
button.ingresar a{
        position: absolute;
        margin: 0px;
        padding: 0px;
        top: 12px;
        left: 60px;

        color: white;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 13px;
}
div.agregarACarrito a{
        position: absolute;
        width: 100%;
        height: 10%;
        top:70%;
}
div.skuProducto{
        position: absolute;
        width: 100%;
        height: 6%;
        top:50%;

        background: transparent;
        border-top-style: solid;
        border-color: darkgray;
        border-width: 1px;
}
p.sku{
        position: absolute;
        width: 100%;
        height: 100%;
        top:40%;
        margin: 0px;

        color: black;
        font-weight: bold;
        font-style: none;
        font-family: "microsoft JhengHei Ui";
        font-size: 14px; 
}
div.descricionProducto{
        position: absolute;
        width: 100%;
        height: 44%;
        top:58%;

        background: transparent;
        border-top-style: solid;
        border-color:darkgray;
        border-width: 1px; 
}
p.Descripcion{
        position: absolute;
        width: 100%;
        height: 100%;
        top:5%;
        margin: 0px;

        color: black;
        font-weight: bold;
        font-style: none;
        font-family: "microsoft JhengHei Ui";
        font-size: 14px;
}    



div.piePagina{       
        position: absolute;
        width: 100%;
        height: 600px;
        top: 3000px;
        background: transparent;
}

div.barraSuscripcion{
        position: absolute;
        width: 100%;
        height: 70px;
        top: 0px;
        left: 0px;
}
div.TelefonoDeContacto{
        position: absolute;
        width: 30%;
        height: 100%;
        top: 0px;
        left: 0px;

        background: #8546E6;
}
div.suscripcion{
        position: absolute;
        width: 70%;
        height: 100%;
        top: 0px;
        left: 30%;

        background: #8546E6;
}    

div.barraInformacionesGenerales{
        position: absolute;
        width: 100%;
        height: 500px;
        top: 70px;
        left: 0px;

        background: transparent;
}
div.logos{
        position: absolute;
        width: 30%;
        height: 100%;
        top: 0px;
        left: 0px;
}
div.sobreCatrileoTienda{
        position: absolute;
        width: 18%;
        height: 100%;
        top: 0px;
        left: 31%;

}
div.tituloSobreCatrileoTienda{
        position: absolute;
        width: 100%;
        height: 25%;
        top: 0px;
        left: 0px;
}
div.tituloSobreCatrileoTienda a{
        position: absolute;
        margin: 0px;
        padding: 0px;
        top: 70%;
        left: 0%;

        color: black;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 18px;       
}  
div.descripcionSobreCatrileoTienda{
        position: absolute;
        width: 100%;
        height: 75%;
        top: 25%;
        left: 0px;

        border-top-style: solid;
        border-top-color: darkgrey;
        border-top-width: 1px;
}
div.descripcionSobreCatrileoTienda a{
        position: absolute;
        margin: 0px;
        padding: 0px;
        top: 5%;
        left: 0%;

        color: black;
        font-family: "microsoft JhengHei Ui";
        font-size: 16px;  
        
}
div.informacionDeContacto{
        position: absolute;
        width: 20%;
        height: 100%;
        top: 0px;
        left: 50%;
}
div.tituloTiendaSantiago{
        position: absolute;
        width: 100%;
        height: 25%;
        top: 0px;
        left: 0px;
}
div.tituloTiendaSantiago a{
        position: absolute;
        margin: 0px;
        padding: 0px;
        top: 70%;
        left: 0%;

        color: black;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 18px;
}
div.descripcionDeContacto{
        position: absolute;
        width: 100%;
        height: 75%;
        top: 25%;
        left: 0px;

        border-top-style: solid;
        border-top-color: darkgray;
        border-top-width: 1px;
}
div.direccion{
        position: absolute;
        width: 100%;
        height: 30px;
}
div.direccion a{
        position: absolute;
        margin: 0px;
        padding: 0px;
        top: 0%;
        left: 0%;

        color: black;
        font-weight: normal;
        font-family: "microsoft JhengHei Ui";
        font-size: 16px;
}
div.correo{
        position: absolute;
        width: 100%;
        height: 30px;
        top: 30px;
}
div.correo a{
        color: black;
        font-weight: normal;
        font-family: "microsoft JhengHei Ui";
        font-size: 16px;
}
div.telefono{
        position: absolute;
        width: 100%;
        height: 30px;
        top: 60px;
}
div.telefono a{
        color: black;
        font-weight: normal;
        font-family: "microsoft JhengHei Ui";
        font-size: 16px;
}
div.horario{
        position: absolute;
        width: 100%;
        height: 30px;
        top: 90px;
}
div.horario a{
        color: black;
        font-weight: normal;
        font-family: "microsoft JhengHei Ui";
        font-size: 16px;
}

div.informacionDeEmpresa{
        position: absolute;
        width: 20%;
        height: 100%;
        left: 71%;
        top: 0px;

        background: transparent;
}
div.tituloInformacionEmpresa{
        position: absolute;
        width: 100%;
        height: 25%;
        left: 0px;
        top: 0px;

        background: transparent;
}
div.tituloInformacionEmpresa a{
        position: absolute;
        left: 0px;
        top: 70%;
        
        color: black;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 18px;
}
div.descripcionDeInformacion{
        position: absolute;
        width: 100%;
        height: 75%;
        left: 0px;
        top: 25%;

        border-top-style: solid;
        border-top-color: darkgray;
        border-top-width: 1px;
}
div.quienesSomos{
        position: absolute;
        width: 100%;
        height: 30px;
        top: 0px;
        left: 0px;
}
div.quienesSomos a{
        color: black;
        font-weight: normal;
        font-family: "microsoft JhengHei Ui";
        font-size: 16px;
}
div.contactenos{
        position: absolute;
        width: 100%;
        height: 30px;
        top: 30px;
        left: 0px;
}
div.contactenos a{
        color: black;
        font-weight: normal;
        font-family: "microsoft JhengHei Ui";
        font-size: 16px;
}
div.catalogo{
        position: absolute;
        width: 100%;
        height: 30px;
        top: 60px;
        left: 0px;
}
div.catalogo a{
        color: black;
        font-weight: normal;
        font-family: "microsoft JhengHei Ui";
        font-size: 16px;
}
div.politicaYServicioTecnico{
        position: absolute;
        width: 100%;
        height: 30px;
        top: 90px;
        left: 0px;
}
div.politicaYServicioTecnico a{
        color: black;
        font-weight: normal;
        font-family: "microsoft JhengHei Ui";
        font-size: 16px;
}
div.terminosYCondiciones{
        position: absolute;
        width: 100%;
        height: 30px;
        top: 120px;
        left: 0px;
}
div.terminosYCondiciones a{
        color: black;
        font-weight: normal;
        font-family: "microsoft JhengHei Ui";
        font-size: 16px;
}
div.devoluccionesYReembolsos{
        position: absolute;
        width: 100%;
        height: 30px;
        top: 150px;
        left: 0px;
}
div.devoluccionesYReembolsos a{
        color: black;
        font-weight: normal;
        font-family: "microsoft JhengHei Ui";
        font-size: 16px;
}

div.barraFinal{
        position: absolute;
        width: 100%;
        height: 30px;
        top: 570px;
        left: 0px;

        background: darkgray;
}
div.barraFinal a{

        color: white;
        font-weight: normal;
        font-family: "microsoft JhengHei Ui";
        font-size: 16px;

        background: darkgray;
}

div.contenedorDePedido{
        position: absolute;
        width: 80%;
        height: 200%;
        left: 200px;
        top: 200px;

       /*border-style: solid;
        border-color: darkgray;
        border-width: 1px;*/

}
div.barraSeguimiento{
        position: absolute;
        width: 100%;
        height: 5%;
        left: 0px;
        top: 0px;

        border-style: solid;
        border-color: darkgray;
        border-width: 1px;
}
div.detallesDeFacturacion{
        position: absolute;
        width: 48%;
        height: 94%;
        left: 0px;
        top: 6%;

}
div.tituloDetallesDeFacturacion{
        position: absolute;
        width: 100%;
        height: 2%;
        left: 0px;
        top: 0px;
}
div.tituloDetallesDeFacturacion p{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        margin: 0px;

        color: rgb(40, 40, 40);
        font-weight: bold;
        font-style: normal;
        font-family: "microsoft JhengHei Ui";
        font-size: 20px;
}
div.tituloNombreCliente{
        position: absolute;
        width: 48%;
        height: 25px;
        left: 0px;
        top: 3%;
}
div.tituloNombreCliente p{
        position: absolute;
        width: 100%;
        height: 20px;
        left: 0px;
        top: 10px;
        margin: 0px;

        color: rgb(70, 70, 70);
        font-weight: bold;
        font-style: none;
        font-family: "microsoft JhengHei Ui";
        font-size: 12px;
} 
input.nombreCliente{
        position: absolute;
        width: 48%;
        height: 45px;
        left: 0px;
        top: 5%;

        border-style: solid;
        border-color: rgb(200, 200, 200);
        border-width: 2px;
        border-radius: 20px;
}
div.tituloApellidosCliente{
        position: absolute;
        width: 48%;
        height: 25px;
        left: 52%;
        top: 3%;
}
div.tituloApellidosCliente p{
        position: absolute;
        width: 100%;
        height: 20px;
        left: 0px;
        top: 10px;
        margin: 0px;

        color: rgb(70, 70, 70);
        font-weight: bold;
        font-style: none;
        font-family: "microsoft JhengHei Ui";
        font-size: 12px;
}
input.apellidosCliente{
        position: absolute;
        width: 48%;
        height: 45px;
        left: 52%;
        top: 5%;

        border-style: solid;
        border-color: rgb(200, 200, 200);
        border-width: 2px;
        border-radius: 20px;
}
div.tituloRutCliente{
        position: absolute;
        width: 100%;
        height: 25px;
        left: 0px;
        top: 9%;
}
div.tituloRutCliente p{
        position: absolute;
        width: 100%;
        height: 100px;
        left: 0px;
        top: 10px;
        margin: 0px;

        color: rgb(70, 70, 70);
        font-weight: bold;
        font-style: none;
        font-family: "microsoft JhengHei Ui";
        font-size: 12px;

}
input.rutCliente{
        position: absolute;
        width: 100%;
        height: 45px;
        left: 0px;
        top: 11%;

        border-style: solid;
        border-color: rgb(200, 200, 200);
        border-width: 2px;
        border-radius: 20px;

}
div.tituloNombreDeLaEmpresa{
        position: absolute;
        width: 100%;
        height: 25px;
        left: 0px;
        top: 15%;
}
div.tituloNombreDeLaEmpresa p{
        position: absolute;
        width: 100%;
        height: 100px;
        left: 0px;
        top: 10px;
        margin: 0px;

        color: rgb(70, 70, 70);
        font-weight: bold;
        font-style: none;
        font-family: "microsoft JhengHei Ui";
        font-size: 12px;
}
input.nombreDeLaEmpresa{
        position: absolute;
        width: 100%;
        height: 45px;
        left: 0px;
        top: 17%;

        border-style: solid;
        border-color: rgb(200, 200, 200);
        border-width: 2px;
        border-radius: 20px;
}

div.tituloGiro{
        position: absolute;
        width: 100%;
        height: 25px;
        left: 0px;
        top: 21%;
}
div.tituloGiro p{
        position: absolute;
        width: 100%;
        height: 100px;
        left: 0px;
        top: 10px;
        margin: 0px;

        color: rgb(70, 70, 70);
        font-weight: bold;
        font-style: none;
        font-family: "microsoft JhengHei Ui";
        font-size: 12px;
}
input.giro{
        position: absolute;
        width: 100%;
        height: 45px;
        left: 0px;
        top: 23%;

        border-style: solid;
        border-color: rgb(200, 200, 200);
        border-width: 2px;
        border-radius: 20px;
}
div.tituloRutDeLaEmpresa{
        position: absolute;
        width: 100%;
        height: 25px;
        left: 0px;
        top: 27%;
}
div.tituloRutDeLaEmpresa p{
        position: absolute;
        width: 100%;
        height: 100px;
        left: 0px;
        top: 10px;
        margin: 0px;

        color: rgb(70, 70, 70);
        font-weight: bold;
        font-style: none;
        font-family: "microsoft JhengHei Ui";
        font-size: 12px;
}
input.rutDeLaEmpresa{
        position: absolute;
        width: 100%;
        height: 45px;
        left: 0px;
        top: 29%;

        border-style: solid;
        border-color: rgb(200, 200, 200);
        border-width: 2px;
        border-radius: 20px;
}
div.tituloDireccionDeLaCalle{
        position: absolute;
        width: 100%;
        height: 25px;
        left: 0px;
        top: 33%;

}
div.tituloDireccionDeLaCalle p{
        position: absolute;
        width: 100%;
        height: 100px;
        left: 0px;
        top: 10px;
        margin: 0px;

        color: rgb(70, 70, 70);
        font-weight: bold;
        font-style: none;
        font-family: "microsoft JhengHei Ui";
        font-size: 12px;
}
input.direccionDeLaCalle{
        position: absolute;
        width: 100%;
        height: 45px;
        left: 0px;
        top: 35%;

        border-style: solid;
        border-color: rgb(200, 200, 200);
        border-width: 2px;
        border-radius: 20px;
}
div.tituloApartamentoHabitacionEtc{
        position: absolute;
        width: 100%;
        height: 25px;
        left: 0px;
        top: 39%;
}
div.tituloApartamentoHabitacionEtc p{
        position: absolute;
        width: 100%;
        height: 100px;
        left: 0px;
        top: 10px;
        margin: 0px;

        color: rgb(70, 70, 70);
        font-weight: bold;
        font-style: none;
        font-family: "microsoft JhengHei Ui";
        font-size: 12px;
}
input.apartamentoHabitacionEtc{
        position: absolute;
        width: 100%;
        height: 45px;
        left: 0px;
        top: 41%;

        border-style: solid;
        border-color: rgb(200, 200, 200);
        border-width: 2px;
        border-radius: 20px;
}
div.tituloRegion{
        position: absolute;
        width: 100%;
        height: 25px;
        left: 0px;
        top: 45%;
}
div.tituloRegion p{
        position: absolute;
        width: 100%;
        height: 100px;
        left: 0px;
        top: 10px;
        margin: 0px;

        color: rgb(70, 70, 70);
        font-weight: bold;
        font-style: none;
        font-family: "microsoft JhengHei Ui";
        font-size: 12px;
}
input.region{
        position: absolute;
        width: 100%;
        height: 45px;
        left: 0px;
        top: 47%;

        border-style: solid;
        border-color: rgb(200, 200, 200);
        border-width: 2px;
        border-radius: 20px;
}
div.tituloComuna{
        position: absolute;
        width: 100%;
        height: 25px;
        left: 0px;
        top: 51%;
}
div.tituloComuna p{
        position: absolute;
        width: 100%;
        height: 100px;
        left: 0px;
        top: 10px;
        margin: 0px;

        color: rgb(70, 70, 70);
        font-weight: bold;
        font-style: none;
        font-family: "microsoft JhengHei Ui";
        font-size: 12px;
}
input.comuna{
        position: absolute;
        width: 100%;
        height: 45px;
        left: 0px;
        top: 53%;

        border-style: solid;
        border-color: rgb(200, 200, 200);
        border-width: 2px;
        border-radius: 20px;
}
div.tituloCodigoPostal{
        position: absolute;
        width: 100%;
        height: 25px;
        left: 0px;
        top: 57%;
}
div.tituloCodigoPostal p{
        position: absolute;
        width: 100%;
        height: 100px;
        left: 0px;
        top: 10px;
        margin: 0px;

        color: rgb(70, 70, 70);
        font-weight: bold;
        font-style: none;
        font-family: "microsoft JhengHei Ui";
        font-size: 12px;
}
input.codigoPostal{
        position: absolute;
        width: 100%;
        height: 45px;
        left: 0px;
        top: 59%;

        border-style: solid;
        border-color: rgb(200, 200, 200);
        border-width: 2px;
        border-radius: 20px;
}
div.tituloTelefono{
        position: absolute;
        width: 100%;
        height: 25px;
        left: 0px;
        top: 63%;

}
div.tituloTelefono p{
        position: absolute;
        width: 100%;
        height: 100px;
        left: 0px;
        top: 10px;
        margin: 0px;

        color: rgb(70, 70, 70);
        font-weight: bold;
        font-style: none;
        font-family: "microsoft JhengHei Ui";
        font-size: 12px;
}
input.telefono{
        position: absolute;
        width: 100%;
        height: 45px;
        left: 0px;
        top: 65%;

        border-style: solid;
        border-color: rgb(200, 200, 200);
        border-width: 2px;
        border-radius: 20px;
}
div.tituloDireccionDeCorreoElectronico{
        position: absolute;
        width: 100%;
        height: 25px;
        left: 0px;
        top: 69%;
}
div.tituloDireccionDeCorreoElectronico p{
        position: absolute;
        width: 100%;
        height: 100px;
        left: 0px;
        top: 10px;
        margin: 0px;

        color: rgb(70, 70, 70);
        font-weight: bold;
        font-style: none;
        font-family: "microsoft JhengHei Ui";
        font-size: 12px;
}
input.direccionDeCorreoElectronico{
        position: absolute;
        width: 100%;
        height: 45px;
        left: 0px;
        top: 71%;

        border-style: solid;
        border-color: rgb(200, 200, 200);
        border-width: 2px;
        border-radius: 20px;
}

div.tituloBoletafactura{
        position: absolute;
        width: 100%;
        height: 25px;
        left: 0px;
        top: 75%;
}
div.tituloBoletafactura p{
        position: absolute;
        width: 100%;
        height: 100px;
        left: 0px;
        top: 10px;
        margin: 0px;

        color: rgb(70, 70, 70);
        font-weight: bold;
        font-style: none;
        font-family: "microsoft JhengHei Ui";
        font-size: 12px;
}
input.boletafactura{
        position: absolute;
        width: 100%;
        height: 45px;
        left: 0px;
        top: 77%;

        border-style: solid;
        border-color: rgb(200, 200, 200);
        border-width: 2px;
        border-radius: 20px;
}
div.tituloComentarios{
        position: absolute;
        width: 100%;
        height: 25px;
        left: 0px;
        top: 81%;
}
div.tituloComentarios p{
        position: absolute;
        width: 100%;
        height: 100px;
        left: 0px;
        top: 10px;
        margin: 0px;

        color: rgb(70, 70, 70);
        font-weight: bold;
        font-style: none;
        font-family: "microsoft JhengHei Ui";
        font-size: 12px;
}
input.comentarios{
        position: absolute;
        width: 100%;
        height: 200px;
        left: 0px;
        top: 83%;

        border-style: solid;
        border-color: rgb(200, 200, 200);
        border-width: 2px;
        border-radius: 20px;
}


div.detallesDePedido{
        position: absolute;
        width: 45%;
        min-height:28%;
        height: auto;
        left: 55%;
        top: 6%;
        margin: 0px;
        padding-bottom: 100px;


        border-style: solid;
        border-color: rgb(80, 50, 150);
        border-radius: 10px;
        border-width: 2px;
}
div.tituloDetalleProductoB{
        position: relative;
        width: 100%;
        height: 2%;
        left: 0px;
        top: 10px;

        border-style: solid;
        border-radius: 7px;
        border-width: 0px;
}
div.tituloDetalleProductoB p{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        margin: 0px;
        text-align: center;
        
        background-color: transparent;
        color: rgb(40, 40, 40);
        font-weight: bold;
        font-style: normal;
        font-family: "microsoft JhengHei Ui";
        font-size: 20px;
}
div.titulosDeDetalleB{
        position: relative;
        width: 90%;
        height: 30px;
        left: 5%;
        top: 40px;

        background: white;
        border-bottom-style: solid;
        border-bottom-color: rgb(80, 50, 150); 
        border-top-style: solid;
        border-top-color: rgb(80, 50, 150);  
        border-width: 2px;
}
div.tituloProductoB{
        position: absolute;
        width: 55%;
        height: 100%;
        left: 0px;
}
div.tituloProductoB p{
        position: absolute;
        width: 100%;
        height: 70%;
        top:5px;
        margin: 0px;
        text-align: center;

        color: black;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 13px;
}
div.tituloPrecioB{
        position: absolute;
        width: 14%;
        height: 100%;
        left: 56%;
        top: 0px;
}
div.tituloPrecioB p{
        position: absolute;
        width: 100%;
        height: 70%;
        top:5px;
        margin: 0px;
        text-align: center;

        color: black;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 13px;
}
div.tituloCantidadB{
        position: absolute;
        width: 14%;
        height: 100%;
        left: 71%;
        top: 0px;
}
div.tituloCantidadB p{      
        position: absolute;
        width: 100%;
        height: 70%;
        top:5px;
        margin: 0px;
        text-align: center;

        color: black;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 13px;
}
div.tituloSubtotalB{
        position: absolute;
        width: 14%;
        height: 100%;
        left: 86%;
        top: 0px;
     
}
div.tituloSubtotalB p{
        position: absolute;
        width: 100%;
        height: 70%;
        top:5px;
        margin: 0px;
        text-align: center;

        color: black;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 13px;
}    
div.detalleProductoB{
        position: relative;
        width: 90%;
        height: 40px;
        left: 5%;
        top: 50px;
        margin: 0px;

        background: white;
        border-bottom-style: solid;
        border-bottom-color: darkgray; 
        border-width: 1px;
}
div.descripcionProductoB{
        position: absolute;
        width: 55%;
        height: 96%;
        left: 0px;
        top: 0px;

        text-align: center;

}
div.descripcionProductoB p{
        position: absolute;
        width: 80%;
        height: 80%;
        left: 10%;
        top: 10%;
        margin: 0px;
        text-align: center;

        color: black;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 12px;
}
div.precioB{
        position: absolute;
        width: 14%;
        height: 100%;
        left: 56%;
        top: 0px;

}
div.precioB p{
        position: absolute;
        width: 100%;
        height: 80%;
        left: 0%;
        top: 10%;
        margin: 0px;
        text-align: center;

        color: black;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 12px;    
}
div.cantidadB{
        position: absolute;
        width: 14%;
        height: 100%;
        left: 71%;
        top: 0px;
}
div.cantidadB p{
        position: absolute;
        width: 100%;
        height: 80%;
        left: 0%;
        top: 10%;
        margin: 0px;
        text-align: center;

        color: black;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 12px;  

}
div.subtotalB{
        position: absolute;
        width: 14%;
        height: 100%;
        left: 86%;
        top: 0px;
}
div.subtotalB p{
        position: absolute;
        width: 100%;
        height: 80%;
        left: 0%;
        top: 10%;
        margin: 0px;
        text-align: center;

        color: black;
        font-weight: bold;
        font-family: "microsoft JhengHei Ui";
        font-size: 13px;
}

div.totalDeCompraB{
        position: relative;
        width: 70%;
        height: 300px;
        left: 15%;
        top: 80px;
        margin: 0px;
        padding: 0px;

        border-style: transparent;
        background: transparent;
        box-shadow: 0px 0px 2px 2px darkgray;
}