function o20CreaBotonSombraHover( iNparams )
{
    /*
        iNparams = {
            title: "",
            heightImgButton: "85",
            heightImgDark: "10",
            imgButton: "",
            imgDark: 'images/sty/botones_sp/bs_sombra.png',
            left: "",
            top: "",
            refAction: function() {}
        };
    */
    var heightWrapperBSH = eval( iNparams.heightImgButton) + eval(iNparams.heightImgButton * 20/100) + eval(iNparams.heightImgDark);
    var heightWrapperImg = eval( iNparams.heightImgButton) + eval(iNparams.heightImgButton * 20/100);

    var o20wrapperBSH = $('<div class="o20wrapperBSH"></div>');
    $(o20wrapperBSH ).css('height', heightWrapperBSH+"px");
//    $(o20wrapperBSH ).css('width', "100%");
    $(o20wrapperBSH ).css('position', 'absolute');
    $(o20wrapperBSH ).offset({
        top: iNparams.top,
        left: iNparams.left
    });

    var wrapperImg= $('<div class="wrapperImg"></div>');
    $(wrapperImg).css('height', heightWrapperImg+'px');
    $(o20wrapperBSH).append( wrapperImg );
    var imgBoton= $('<img class="imgBoton" src="'+iNparams.imgButton+'"/>');
    $(imgBoton).css( "height", iNparams.heightImgButton+"px");
    $(wrapperImg).append( imgBoton );
    $( imgBoton ).attr('title', iNparams.title );
    $( wrapperImg ).click( iNparams.refAction );

    var wrapperDark= $('<div class="wrapperDark"></div>');
    $(wrapperDark).css( "height", iNparams.heightImgDark+"px");
    $(wrapperDark).css( "text-align", "center");
    //$(wrapperDark).css( "width", iNparams.widthImgDark+"px");

    $(o20wrapperBSH).append( wrapperDark );
    var imgDark= $('<img class="imgDark"/>');
    $(imgDark).css( "width", "80%");
    $(imgDark).css( "margin", "0 auto");
    $(imgDark).attr("src", iNparams.imgDark );
    $(wrapperDark).append( imgDark );
/*
*/
    $( imgBoton ).hover(
        function() {
            $(this).css( {
                'padding-top': '10px'
            });
            $(this).parent().parent().find('.imgDark').css( {
                'width': '99%',
                'margin': "0 auto"
            });
        },
        function() {
            $(this).css( {
                'padding-top': '0px'
            });
            $(this).parent().parent().find('.imgDark').css( {
                'width': '80%',
                'margin': "0 auto"
            });
        }
        );
    return o20wrapperBSH;
}