#listaProductos { margin: 0; padding: 0;}
/*#listaProductos li { cursor: pointer; /*border: solid 1px #DDD;* background-color: #EEE; border-radius: .5em .5em 0 0; padding: 6px; width: 255px; min-height: 100px; display: inline; float: left; margin-right: 15px; margin-bottom: 15px;}*/
#listaProductos li { border: solid 2px #EEE; cursor: pointer; /*border: solid 1px #DDD;background-color: #EEE; border-radius: .5em .5em 0 0;*/  padding: 6px; width: 255px; min-height: 100px; display: inline; float: left; margin-right: 15px; margin-bottom: 15px;}
#listaProductos li:hover { border-color: #CCC; box-shadow: 0 0 5px #CCC;}
#listaProductos li.destacado {background-color: #EEE;}
#listaProductos li .divDestacado {
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);  
    background-color: #EEE;
    border: solid 1px #DDD;
    /*filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.99619469809174553229501040247389, M12=-0.087155742747658173558064270837474, M21=0.087155742747658173558064270837474, M22=0.99619469809174553229501040247389);*/
    margin: 60px 0 0 1px;
    padding: 2px;
    position: absolute;
}
#listaProductos li .divImg { float: left; height: 100%;}
#listaProductos li img { float: left; margin: 0 10px 10px 0; max-height: 80px; max-width: 70px;}
#listaProductos li .categoria { float: right; font-style: italic;}

#divProducto { width: 550px; height: 250px; border: solid 2px #DDD; background-color: #FFF; padding: 10px; }
#divProducto #detalles{ margin-left: 90px;}
#divProducto .divImg { float: left; height: 100%;}
#divProducto .divImg ul { float: left; list-style: none; margin: 0; padding: 0; }
#divProducto .divImg ul li { margin-right: -5px; }
#divProducto .divImg ul li img { border: solid 1px #CCC; cursor: pointer; opacity: .5; width: 20px; }
#divProducto .divImg ul li img:hover { border-color: #993333;  box-shadow: 0 0 5px #993333; }
#divProducto .divImg ul li:first-child img { opacity: 1; }
#divProducto img { float: left; margin: 0 10px 10px 0;}
#divProducto .categoria { clear: both; float: right; font-style: italic; margin-top: -1em; }
#divProducto .categoria ul { list-style: none; margin: 0; padding: 0; }
#divProducto .categoria ul li { display: inline; }
#divProducto .categoria li::after { content: ' |'; }
#divProducto .categoria li:last-child::after { content: ''; }
#divProducto #imgsCompra { text-align: right;}
#divProducto #imgsCompra img { width: 25px; cursor: pointer;}

#divCesta #divCestaVacia { display: block; width: 100%;}
#divCesta #divCestaLlena { display: none; text-align: center; width: 100%;}
#divCesta #divCestaLlena #lblBaseImponible { float: left;}
#divCesta #divCestaLlena #btnComprar, #divCesta #divCestaLlena #btnVaciarCesta { width: 11.5em; }
#divCesta #divCestaLlena #globoNumProductos { font-weight: bold;  border-radius: 2em; color: #FFF; height: 2em; width: 2em; position: absolute; top: -1em; right: -1em; }
#divCesta #divCestaLlena #globoNumProductos div { margin-top: .4em; width: 100%; height: 100%; }

#divCompraCesta { float: left; width: 100%; border-bottom: solid 3px #DDD; margin-bottom: 5px;}
#divConceptosCesta, #divDatosCesta { float: left; display: block; margin: 10px; padding: 5px;}
input[type="checkbox"] { vertical-align: middle; margin-right: 5px;}

.nombreProducto { display: block; margin: 2em 0 -1em; }
#controlesCantidad { margin: .5em 1em; }
#controlesCantidad #btnsMasMenos { float: left; width: 1em; }
#controlesCantidad #btnsMasMenos span { margin: 0 0 -0.65em .5em; }
#controlesCantidad #btnsCesta { margin-left: 22em; }
#controlesCantidad #btnActualizarCesta, #controlesCantidad #btnEliminar { margin-left: 1.5em; width: 13em; }
#controlesCantidad span { cursor: pointer; }
#controlesCantidad #txtCantidad { float: left; width: 2em; border: solid 1px #CCC; padding: .5em; text-align: center; }