/* use a semi-transparent image for the overlay */
#overlay {
	background: url(../img/overlay.gif) no-repeat 0 0;
	color:#333;
	height:589px;
}
#overlay2 {
	background: url(../img/overlay2.gif) no-repeat 0 0;
	color:#333;
	height:389px;
}

#overlay_generico {
	background: url(../img/overlay.gif) no-repeat 0 0;
	color:#333;3
}

/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
	height:435px;
	overflow-y:hidden;
}
/* the overlayed element */
div.overlay {	
	/* dimensions after the growing animation finishes  */
	width:600px;
	height:398px;
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:0;
	font-size:100%
}

/* default close button positioned on upper right corner */
div.overlay div.close,
.simple_overlay .close {
	background: url(../img/cerrar_cruz.png) no-repeat top left !important; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../img/cerrar_cruz.png');
	position:absolute;
	right:10px;
	top:405px;
	cursor:pointer;
	height:23px;
	width:24px;
}
div#overlay2 div.close {
	top:360px;
}
.simple_overlay .close {
	top:10px;
	z-index: 100
}

/* the overlayed element */
.simple_overlay {
	position: relative;	
	/* must be initially hidden */
	display:none;	
	/* place overlay on top of other elements */
	z-index:10000;	
	/* styling */
	background: #fff;	
	width:696px;	
	min-height:489px;
	padding: 40px 0 15px;	
	-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px
}
.simple_overlay .title {
	position: absolute; 
	top: 0;
	left: 0;
	width: 100%;
	background: #FDA4C4;
	z-index: 10
}
.simple_overlay ol { float:left; padding: 0 30px 0 5px; width: 85px; height: 37px; background: url(../img/bg_compartir.png) no-repeat; margin: 8px 0 0 10px }
.simple_overlay ol li { float:left; padding: 3px 0 3px 5px }
.simple_overlay .tooltip2 { z-index: 1000 }