/* the overlayed element */ 
div.overlay { 
    background-image:url(../img/overlay/white.png);
    width:620px; 
    height:490px;
    display:none; 
    padding:5px; 
	color:#000000;
	text-align: left;
} 
 
/* default close button positioned on upper right corner */ 
div.overlay div.close { 
    background-image:url(../img/fechar.png); 
    position:absolute; 
    right:66px; 
    top:-6px; 
    cursor:pointer;
	width:98px;
    height:30px;  
}

/* black */
div.overlay.black {
	background:url(../img/overlay/transparent.png) no-repeat !important;
	color:#fff;
}

/* petrol */
div.overlay.petrol {
	background:url(../img/overlay/petrol.png) no-repeat !important;
	color:#fff;
}

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


/********************************************************************/
/* use a semi-transparent image for the overlay */ 
#overlay { 
    background-image:url(../img/overlay/transparent.png); 
    color:#efefef; 
} 
 
/* container for external content. uses vertical scrollbar, if needed */ 
div.wrap { 
    height:480px; 
    overflow-y:auto; 
}



/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../img/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(../img/overlay/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}