/* 
    Document   : lightbox
    Created on : 19/04/2010, 15:13:53
    Author     : user
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


#mask {
    position: absolute;
    z-index:9000;
    background-color: #323232;
    top: 0;
    left: 0;
    filter: alpha(opacity=90);
    opacity: 0.9;
    display: none;
}

#imagem-zoom .window {
    position:absolute;
    width: 600px;
    /*height:394px;*/
    display:none;
    z-index:9999;
    padding:0;
    top: 0;
}

/* Personalize a janela modal aqui. Você pode adicionar uma imagem de fundo. */
#imagem-zoom #img-zoom {
    /*width: 600px;*/
    /*height:394px;*/
    padding: 10px;
}

div.lb_close { background: transparent; position: relative; width: 750px; height: 30px; }
div.lb_close a.close  {
    position: absolute;
    left: 553px;
    top: 15px;
}

#imagem-zoom #img-zoom div.fundo {
    background: white;
    width: 565px;
    display: table;
    /*padding: 0 35px 0 0;*/
}

    #imagem-zoom #img-zoom div.fundo p {
        font-size: 14px;
        color: #878787;
        float: left;
        display: table;
        padding: 20px;
    }

#imagem-zoom #img-zoom div.fundo div.imagem-produto { float: left; margin-left: 30px; padding-bottom:  15px; display: table; text-align: center; }
    #imagem-zoom #img-zoom div.fundo div.imagem-produto h2 { font-size: 2.0em; margin: 15px 0 10px 15px; padding-left: 7px; }
    #imagem-zoom #img-zoom div.fundo div.imagem-produto div.botao-imagem { float: left; margin: 0 15px 0 0px; display: table; }
    #imagem-zoom #img-zoom div.fundo div.imagem-produto div.imagem { float: left; padding-bottom: 20px;  }