/*
	Slideshow
*/


.animationWrap {position:relative; width:100%; height:438px; background: background:#8b32ab; float:right; border:4px solid #ddd;}


#slides .slide img {width:100%; height:430px;}

#slides {
	height:430px;
	overflow:hidden;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slidesjs-container {
	width:100%;
	height:430px;
	overflow:hidden;
	position:relative;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slidesjs-container div.slide {
	width:100%;
	height:430px;
	display:block; overflow:hidden; position:relative;
}



/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	/*z-index:101;*/
}

#slides .next {
	/*left:500px;*/
}

/*
	Pagination
*/

#slides .pagination, #slides .slidesjs-pagination {
	position:absolute;
	right:0;
	top:0;
	z-index:10;
	margin:0;
	padding:10px 40px 10px 5px;
}

#slides .pagination li, #slides .slidesjs-pagination li {
	float:left;
	margin:0 1px 0 1px;
	list-style:none;
	
}

#slides .pagination li a, #slides .slidesjs-pagination li a {
	display:block;
	width:15px;
	height:15px;
	border:2px solid #ddd;
	float:left;
	overflow:hidden;
	color:#000000;
	font-size:12px;
	line-height:24px; 
	text-align:center; 
	text-indent:-9999px;
	border-radius:50%;
	margin-left:4px;
}

#slides .pagination li a:hover, #slides .slidesjs-pagination li a:hover {background:#100f54;}

#slides .pagination li.current a, #slides .slidesjs-pagination li a.active {
	background:#aaa;
	color:#ffffff;
}

#slides .slidesjs-navigation {position:absolute; right:5px; top:8px; z-index:99; font-size:16px; color:#eee;}

/*
	Caption
*/

.captionWrap {position:absolute; top:0; bottom:0; right:0; background:rgba(0,0,0,.5); width:30%;}
.caption {padding-top:40px;	text-align:center; height:280px; overflow:hidden; display:table-cell; vertical-align:middle;}
.caption .captionName {color:#fff; font-size:24px; padding:0 10px; margin:0; font-weight:normal;}

.captionPriceBgd {display:none;}
.captionPriceWrap {position:absolute; bottom:30px; left:30px; z-index:99; line-height:50px; text-align:center;}
.captionPrice {}

.captionPrice span {font-size:18px; display:inline-block; border:2px solid #69b033; height:96px; width:96px; line-height:96px; text-transform:uppercase; background:#ddd; vertical-align:middle; position:relative; margin-right:-10px; border-radius:50%;}

.captionPrice b {font-size:30px; font-weight:normal; display:inline-block; line-height:52px; background:#8b32ab; color:#fff; padding:0 25px; vertical-align:middle;}


.captionBoarding {text-align:center; padding:0 10px 5px 10px; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.captionBoarding span {display:block; padding:2px 10px; background:rgba(255,255,255,0.5); font-size:14px; color:#333; margin-bottom:3px;}

.captionSeeOffer {position:absolute; top:0; bottom:0; left:0; right:0; z-index:999; background:rgba(0,0,0,0.3); display:none;}

.captionSeeOffer span {display:block; padding:20px; margin-top:170px; color:#fff; font-size:2em; text-align:center; width:70%; text-shadow:0 0 3px #333,0 0 3px #333,0 0 3px #333;}






#slides .slidesjs-container div.slide {position:relative;}

#slides .slidesjs-container, #slides .slidesjs-control {height:inherit !important;}

#slides .slide:hover .captionSeeOffer {display:block;}




/* ============================ oferty podwojne przewijane =========================== */

.offersAnimationWrap {position:relative; width:73%; float:left; height:430px; border-bottom:1px solid #08a3a8; margin-top:10px;}


.slidesOffers .slideWrap img {width:38%; height:150px; padding:10px; border:1px solid #dfddcc; float:left;}

.slidesOffers {
	height:430px;
	border-radius:4px;
	overflow:hidden;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slidesOffers .slidesjs-container {
	width:550px;
	height:430px;
	overflow:hidden;
	position:relative;
	border-radius:4px;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slidesOffers .slidesjs-container div.slideOffer {
	width:550px;
	height:430px;
	display:block; overflow:hidden; position:relative;
}



/*
	Next/prev buttons
*/

.slidesOffers .next, .slidesOffers .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	/*z-index:101;*/
}


/*
	Pagination
*/

.slidesOffers .pagination, .slidesOffers .slidesjs-pagination {
	position:absolute;
	right:0;
	bottom:-31px;
	z-index:10;
	margin:0;
	padding:12px 12px 0 0;
	border-right:1px solid #08a3a8;
}

.slidesOffers .pagination li, .slidesOffers .slidesjs-pagination li {
	float:left;
	margin:0 1px 0 1px;
	list-style:none;
	
}

.slidesOffers .pagination li a, .slidesOffers .slidesjs-pagination li a {
	display:block;
	width:18px;
	height:18px;
	background:#777;
	float:left;
	overflow:hidden;
	color:#000000;
	font-size:12px;
	line-height:24px; 
	text-align:center; 
	text-indent:-9999px;
	border-radius:50%;
	margin-left:5px;
}

.slidesOffers .pagination li a:hover, .slidesOffers .slidesjs-pagination li a:hover {background-position:0 -13px;}

.slidesOffers .pagination li.current a, .slidesOffers .slidesjs-pagination li a.active {
	background:#b23109;
	color:#ffffff;
}


.slidesOffers .slidesjs-container div.slide {position:relative;}

.slidesOffers .slidesjs-container, .slidesOffers .slidesjs-control {height:inherit !important;}


.slidesOffers .slideWrap {background:#f9f8f3; clear:both; overflow:hidden;}

.slidesOffers .slideWrap.div0 {height:165px; border-bottom:1px solid #ddd;}

.slidesOffers .slideWrap.div1 {height:174px; padding-top:10px;}

.slidesOffers .slideWrap .slideOfferDescription {width:61%; float:right;}

.slidesOffers .slideWrap .slideOfferName {display:table-cell; vertical-align:middle; height:60px; background:#fff; border-bottom:1px solid #dfddcc; width:inherit; padding:0 5px 0 10px;}

.slidesOffers .slideWrap .slideOfferName div {height:60px;}

.slidesOffers .slideWrap .slideOfferName h5 {display:inline; margin:0; font-size:16px; font-weight:normal; line-height:19px;}

.slidesOffers .slideWrap .slideOfferLocation {text-align:right; color:#777; font-size:12px; padding-top:5px; margin-bottom:10px;}

.slidesOffers .slideWrap .slideOfferPrice {text-align:right; color:#100f54; font-size:18px; line-height:24px;}

.slidesOffers .slideWrap .slideOfferPrice strong {color:#b23109; font-size:24px; font-weight:normal;}




a.slidesjs-play, a.slidesjs-stop {display:none;}