/* - - - - - - - - - - - - - - - - - - - - -



Title : Lightbox CSS

Author : Kevin Hale

URL : http://particletree.com/features/lightbox-gone-wild/



Created : January 13, 2006

Modified : February 1, 2006



- - - - - - - - - - - - - - - - - - - - - */



#lightbox{

	display:none;

	position: absolute;

	top:50%;

	left:50%;

	z-index:9999;

	width:650px;

	height:360px;

	margin: -180px 0 0 -325px;


	background:#fff;

	text-align:left;
	border: 1px solid #cdcbcb;

}

	#lightbox * {

		color: #000;

		font-size: 0.9em;

	}

	#lightbox img {

		width: 500px;

		height: 500px;

	}

	#lightbox div.scroll {

		display: block; 

		margin-top: 15px;

		padding-right: 10px;

		height: 220px;

		overflow: auto;

	}
	#lightbox p.close {
		margin: 0;
		padding: 0;
		background-color: #F79647;
		border-bottom: 1px solid #cdcbcb;
		display: block;
		height: 27px;
	}

	#lightbox p.close a {

		position: absolute;

		margin: 5px 0 0 627px;

		background: transparent url(/img/iconoCerrar.png) no-repeat top left;

		display: block;

		width: 18px;

		height: 17px;

	}

		#lightbox p.close a span {

			display: none;

		}
		
		#lightbox div div {
			overflow: auto;	
			height: 300px;
		}
			#lightbox div div h1,
			#lightbox div div h2 {
				color: #F79647;
				margin: 19px 20px -5px 20px;
				text-transform: uppercase;
				font-weight: bold;
				font-size: 14px;
			}
			
			#lightbox div div p {
				margin: 12px 20px 0 20px;
				line-height: 16px;
				font-size: 11px;
				color: #2f2f2f;
				font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
			}
			#lightbox div div p strong {
				text-transform: uppercase;
				font-weight: bold;
				color: #747474;
			}

	

#lightbox[id]{

	position:fixed;

}



#overlay{

	display:none;

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	z-index:5000;

	background-color:#777;

	-moz-opacity: 0.5;

	opacity:.50;

	filter: alpha(opacity=50);

}

#overlay[id]{

	position:fixed;

}



#lightbox.done #lbLoadMessage{

	display:none;

}

#lightbox.done #lbContent{

	display:block;

}

#lightbox.loading #lbContent{

	display:none;

}

#lightbox.loading #lbLoadMessage{

	display:block;

}



/*#lightbox.done img{

	width:100%;

	height:100%;

}*/