@charset "utf-8";
/* CSS Document */

#mod_activity {
}
	#mod_activity #h1 {
		/*background-image: url(../../images/wrapper/subpage_h1.png);
		background-repeat: no-repeat;
		background-position:  center 230px;
		background-size: 85%;*/
		min-height: 500px
	}
		/*
		#mod_activity .menu-12 { background-image: url(../../images/wrapper/h1/detskysvet.png)!important; }
		#mod_activity .menu-8 { background-image: url(../../images/wrapper/h1/lezece_centrum.png)!important }
		#mod_activity .menu-9 { background-image: url(../../images/wrapper/h1/lezece_centrum.png)!important }
		#mod_activity .menu-10 { background-image: url(../../images/wrapper/h1/inline.png)!important }
		#mod_activity .menu-16 { background-image: url(../../images/wrapper/h1/fitness.png)!important }
		#mod_activity .menu-11 { background-image: url(../../images/wrapper/h1/strelnica.png)!important }
		#mod_activity .menu-13 { background-image: url(../../images/wrapper/h1/laser.png)!important }
		#mod_activity .menu-21 { background-image: url(../../images/wrapper/h1/restauracia.png)!important }
		#mod_activity .menu-28 { background-image: url(../../images/wrapper/h1/gamezone.png)!important }
		#mod_activity .menu-29 { background-image: url(../../images/wrapper/h1/bar.png)!important }
		*/
		#mod_activity #h1 h1 {
			font-size: 45px;
			color: #FFFFFF;
			font-weight: 600
		}
		
	#mod_activity #perex img {
		max-width: 100%!important;
		height: auto!important;
	}
	
	#mod_activity #text {
		padding-left: 50px;
		padding-right: 50px
	}
	#mod_activity #text,
	#mod_activity #text table { color: #FFFFFF }
		
	#mod_activity a.fancybox_active {
		position: relative;
		display: inline-block;
		padding: 10px;
		margin-bottom: 10px;
		font-size: 18px;
		color: #FFFFFF;
		background-color: #142528
	}
		#mod_activity a.fancybox_active span {
			position: absolute;
			display: block;
			width: 17px;
			height: 30px;
			right: -40px;
			top: 5px;
			background: url(../../images/wrapper/sf_right.png) no-repeat;
			
			-webkit-transition: .3s ease-in-out;
			-moz-transition: .3s ease-in-out;
			-o-transition: .3s ease-in-out;
			transition: .3s ease-in-out;
		}
		#mod_activity a.fancybox_active:hover span{
			right: -50px;
		}
	
	#mod_activity .text-p {
	}
		#mod_activity .text-p  p {
			padding-bottom: 10px;
		}
		
	#mod_activity #pricelist,
	#mod_activity #pricelist table{
		font-size: 16px
	}
		#mod_activity #pricelist strong {
			color: #e16134;
		}
		#mod_activity #pricelist h2 {
			background-color: #e16134;
			display: inline;
			color: #FFFFFF;
			font-weight: normal;
			padding: 10px;
			margin-bottom: 20px;
		}
		#mod_activity #pricelist img { max-width: 100%; }
		
		
	#mod_activity #gallery {
		padding-top:0px
	}
			
		#mod_activity #gallery {
			padding-top:0px
		}
			#mod_activity #gallery  * {
				padding: 0!important
			}

	/* carouselGallery */
	.jcarouselG-wrapper {
		margin: 0;
		padding: 0;
		position: relative;
		width: 100%;
		
		padding-top: 55px;
		height: 180px;
	}
	.jcarouselG {
		position: relative;
		overflow: hidden;
	}
	.jcarouselG ul {
		width: 20000em;
		position: relative;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.jcarouselG li {
		/*width: 190px;
		height: 90px;*/
		padding: 0;
		float: left;
		
		text-align: center;
	}
	.jcarouselG li img { /*max-height: 90px*/}
	
	#gallery { 
		position: relative;
	}
	#gallery .jcarouselG-control-prev,
	#gallery .jcarouselG-control-next {
		position: absolute;
		cursor: pointer;
		color: #e16134;
		top: 70px;
		z-index: 200;
		font-size: 35px;
	}
	
	#gallery .jcarouselG-control-prev { left: -55px; }
		#gallery .jcarouselG-control-prev:hover { left: -60px; }
	
	#gallery .jcarouselG-control-next { right: -55px; }
		#gallery .jcarouselG-control-next:hover { right: -60px }
	
	#gallery .jcarouselG-control-prev:hover span,
	#gallery .jcarouselG-control-next:hover span { display: block; }
	
	#gallery .jcarouselG-control-prev.inactive,
	#gallery .jcarouselG-control-next.inactive {
		opacity: .5;
		cursor: default;
	}
	
	@media (max-width: 991.98px) { 
		
		#gallery .jcarouselG-control-prev,
		#gallery .jcarouselG-control-next {
			font-size: 50px;
			padding-left: 15px
		}
		
		#gallery .jcarouselG-control-prev { left: 0; }
			#gallery .jcarouselG-control-prev:hover { left: 0; }
		
		#gallery .jcarouselG-control-next { right: 10px; }
			#gallery .jcarouselG-control-next:hover { right: 10px }
	}
	
	@media (min-width: 200px) { 
		.jcarouselG li { width: 250px; }
	}
	@media (min-width: 300px) { 
		.jcarouselG li { width: 350px; }
	}
	@media (min-width: 400px) { 
		.jcarouselG li { width: 450px; }
	}
	@media (min-width: 576px) { 
		.jcarouselG li { width: 270px } 
	}
	@media (min-width: 768px) { 
		.jcarouselG li { width: 240px } 
	}
	@media (min-width: 992px) { 
		.jcarouselG li { width: 192px } 
	}
	@media (min-width: 1200px) { 
		.jcarouselG li { width: 190px } 
	}


/* RESERVATION */
	.animation-modal {
		/*width: 1200px;*/
	}
		@media (min-width: 768px) { 
			.animation-modal { width: 730px } 
		}
		@media (min-width: 992px) { 
			.animation-modal { width: 900px } 
		}
		@media (min-width: 1200px) { 
			.animation-modal { width: 1100px } 
		}
		@media (min-width: 1500px) { 
			.animation-modal { width: 1400px } 
		}
	.hour {
		float: left;
		height: 30px;
		background-color: #CCCCCC;
		
		border-right: #666666 solid 1px;
			
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.activity_row_label {
		float: left;
		height: 30px;
		border: #CCCCCC solid 1px;
		
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	a.reservation,
	div.occupied {
		display: block;
		height: 30px;
		float: left;
		
		
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	a.reservation { border: solid 1px #CCCCCC; }
	a.reservation:hover { background: #e16134!important; }
	
	div.occupied { background-color: #999999 }
	
	.LastInHour { border-right: #666666 solid 1px!important; }
	.RirstInHour { border-left: none!important; }
	.activityReservation { background-color: #CCCCCC }
	
	.btn-orange,
	.btn-reservation {
		background-color: #e16134;
		color: #FFFFFF;
	}
	.btn-orange:hover,
	.btn-reservation:hover { color: #FFFFFF; text-decoration: none; background-color: #d15022 } 
	
	.btn-calendar-previous,
	.btn-calendar-next {
		margin-top: 0px;
	}
	.h3-calendar {
		display: inline-block;
		padding: 0px 15px 0 15px;
		margin-top: 5px;
		margin-bottom: 20px;
	}
	
	.col-centered{
		float: none;
		margin: 0 auto;
	}
		
		
@media only screen and (max-width: 767.98px){
	#mod_activity #h1 {
		background-image: none;
		min-height: auto;
		padding-top: 30px;
		padding-bottom: 10px
	}
		#mod_activity #h1 h1 {
			font-size: 35px;
		}

	#mod_activity #text {
		padding-left: 0;
		padding-right: 0
	}
	#mod_activity #text td {
		display: block;
		width: 100%!important
	}
	#mod_activity #gallery {
		padding-bottom: 30px
	}
}

@media (max-width: 575.98px) { 
}

@media (min-width: 768px) and (max-width: 991.98px) {
	#mod_activity #text td {
		display: block;
		width: 100%!important
	}

}

@media (min-width: 992px) and (max-width: 1199.98px) { 
}

@media (max-width: 1199.98px) { 
}