@charset "utf-8";

/* ------------------------- Layout de la galería de fotos lightbox ----------------------------------- */

#gallery {position:relative; width:960px;}
#image {position:relative; width:960px; height:250px; background:#FFF url(../images/loading.gif) center center no-repeat}
#image img {position:absolute; top:0px; left:0px}
#thumbwrapper {margin-top:10px; width:960px; height:100px;}
#thumbarea {position:relative; overflow:hidden; height:100px; width:960px; }
#thumbarea ul{ margin:0; padding: 0px;}
#thumbs {position:absolute; list-style:none; height:100px; width:10000px;}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:250px; width:20%; z-index:100; height:250px	; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(../images/left.gif) left center no-repeat;}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(../images/right.gif) right center no-repeat;}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}

.demo-frame header, .demo-frame h1, .demo-frame .demo-conversion {
	display: none;
}
		
.demo-wrapper {
	min-height: 500px;
}
			
.bsap {
	position: absolute;
	top: 0;
	right: 0;
}
.clear{ clear:both; }
.photo-link{ padding:5px; margin:5px; border:1px solid #FFF; display:block; width:170px; float:left; }
.photo-link:hover{ border-color: #F60; }

/* ------------------------- Fin Layout de la galería de fotos lightbox -------------------------------- */


/* ------------------------- Layout extra de la galería de fotos lightbox ------------------------------ */

.gallery-container {
	width: 100%;
	/*margin-left:0%;
	margin-right:0%;*/
	padding:20px;
	max-width: 780px;
	min-width: 770px;
	/*background:#408080;*/
	background: #9C9;
	border-color: #363;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 3px 3px 5px 0px #333;
	-webkit-box-shadow: 3px 3px 5px 0px #333;
}