/* the overlayed element */
div.overlay {

	/* growing background image */
	/* background-image:url(http://flowplayer.org/tools/img/overlay/white.png); */ 
	
	background:url(/docroot/grup62/js/overlay/white.png) no-repeat !important;
	
	/* dimensions after the growing animation finishes  */
	width:340px;
	height:200px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding-top:0px;
	padding-left:5px;
	z-index: 1000 !important;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(/docroot/grup62/js/overlay/close.png);
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
	height:28px;
	width:28px;
	z-index: 1000;
}


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

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

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

/* overlays */

.overlayHeader {
	height: 28px !important;
	position: relative;
	line-height: 28px !important;
	font-size: 14px !important;
	margin: 8px !important;
	
	}
.overlayHeader h3 {
	color: #939393;
	font-size: 18px !important;
	font-weight: normal;
	padding-left: 10px;
	padding-top: 10px;
	margin: 0 !important;
	margin-top: 10px !important;
	background-color: #CCCCCC;
	min-height: 25px;

	}

.overlay h4 {
	font-size: 12px  !important;
	font-weight: normal;
	margin: 0 !important;
	margin-top:3em !important;
	padding-left:30px;
	text-align:center;
	}

.overlay a  {
	font-size: 20px;
	font-weight: normal;
 	line-height: 25px;
	padding-left: 60px;
	}

/*col·loquem els textos paper i ebook mes compensats*/
#paper	{
	margin-top:20px;
}