#exposeMask {
	background:#687 url(/metrovia/imagens/mask/mask_gradient_1000.png) no-repeat;
	background-position: 13% 160px;
}





/* use a semi-transparent image for the overlay */
#overlay {
    background-image:url(metrovia/imagens/overlay/transparent.png);
    color:#efefef;
    height:450;

}

#overlay ::-webkit-scrollbar 	   { width: 12px;	}
#overlay ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.3); border-radius: 10px; }
#overlay ::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.5); }

/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
    height:441px;
    overflow-y:auto;
}

/* the overlayed element */
.apple_overlay {
    /* initially overlay is hidden */
    display:none;
    /* growing background image */
    background-image:url(metrovia/imagens/overlay/white.png);
    /*
      width after the growing animation finishes
      height is automatically calculated
    */
    width:640px;
    /* some padding to layout nested elements nicely  */
    padding:35px;
    /* a little styling */
    font-size:11px;
}

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