
#diapo-wrapper{
	display: block;
	overflow: hidden;
	position: relative;
}

.pix_diapo {
	height: 450px;
	margin: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.pix_diapo .diapo_slide {
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	background:#fff;
}
.diapo_slide p, .diapo_slide ul, .diapo_slide h4{
	margin-bottom:20px;
}
#pix_prev, #pix_next {
	cursor: pointer;
	display: block;
	height: 105px;
	margin-top: -20px;
	position: absolute;
	top: 45%;
	width: 58px;
	z-index: 1001;
}
#pix_prev {
	background: url(../images/diapo/navi/prev.png) no-repeat;
	left:0;
}

#pix_next {
	background: url(../images/diapo/navi/next.png) no-repeat;
	left: auto!important;
	right: 0!important;
}


.pix_relativize {
	overflow: hidden;
	position: relative;
}
.imgFake {
	cursor: pointer;
}
.elemHover {
	position: absolute;
}
.caption-title{
	bottom: 120px;
	right:140px;
	display: block;
	font-size: 13px;
	padding: 0 20px 0px 20px;
	background:#080808;
	color:#fcfcfc;
	margin-bottom:20px;
}
.caption-desc{
	bottom: 40px;
	right:40px;
	display: block;
	font-size: 13px;
	padding: 0 20px 0px 20px;
	background:#080808;
	color:#fcfcfc;
}
.caption-title h2, .caption-title h3, .caption-title h4, .caption-title h5,
.caption-desc h2, .caption-desc h3, .caption-desc h4, .caption-desc h5{
	color:#fcfcfc;
	margin:0;
}
.ui-loader {
	display: none;
}

/***** iPad Smaller than 959px *****/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.caption-title{
		bottom: 150px;
	}
	.caption-desc{
		bottom:130px;
	}
	.caption-title h2, .caption-title h3, .caption-title h4, .caption-title h5,
	.caption-desc h2, .caption-desc h3, .caption-desc h4, .caption-desc h5{
		font-size:18px;
	}
}

/* iPhone (landscape) ----------- */
@media only screen and (max-width: 767px) {
	#pix_prev, #pix_next {
		top: 100px;
	}
	.caption-title{
		top: 145px;	
		height:20px;
	}
	.caption-desc{
		top:175px;
		height:20px;
	}
	.caption-title h2, .caption-title h3, .caption-title h4, .caption-title h5,
	.caption-desc h2, .caption-desc h3, .caption-desc h4, .caption-desc h5{
		font-size:14px;
	}	
}

/* Mobile Portrait Size to Mobile Landscape Size  ----------- */	
@media only screen and (max-width: 479px) {
	#pix_prev, #pix_next {
		top: 40px;
	}
	.caption-title{
		top: 80px;	
		padding:0;
	}
	.caption-desc{
	right:5px;
		top:105px;
	}
	.caption-title h2, .caption-title h3, .caption-title h4, .caption-title h5,
	.caption-desc h2, .caption-desc h3, .caption-desc h4, .caption-desc h5{
		font-size:11px;
	}	
}


