/* 
    Document   : overlay
    Created on : 30/08/2009, 16:56:19
    Author     : prade
    Description:
        Purpose of the stylesheet follows.
*/

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

/* the overlayed element */
div.overlay {

    /* growing background image */
    background-image:url(imatges/white.png);

    /* dimensions after the growing animation finishes  */
    width:600px;
    height:470px;

    /* initially overlay is hidden */
    display:none;

    /* some padding to layout nested elements nicely  */
    padding:55px;
    z-index:4;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
    background-image:url(imatges/close.png);
    position:absolute;
    right:5px;
    top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
}


/* black */
div.overlay.black {
    color:#fff;
}

/* petrol */
div.overlay.petrol {
    color:#fff;
}

div.black h2, div.petrol h2 {
    color:#ddd;
}