/** Carousel **/

.jcarousel2 {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.jcarousel2 ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding:30px 0;
}

.jcarousel2 li {   
	position: relative;
    float: left;
    padding:10px;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	text-align: center;
	cursor:pointer;
	border:1px solid transparent;
	opacity:0.25;

}

.jcarousel2 li.active { 	border:1px solid #BCBCBC; cursor:default; }

.jcarousel2 li .object-fit { width:100%; height:270px; }

.jcarousel2 li#prvni,
.jcarousel2 li#druha,
.jcarousel2 li#predposledni,
.jcarousel2 li#posledni { height:0; border:0; cursor:default;}




/** Carousel Controls **/

#jcarousel-control-prev2,
#jcarousel-control-next2 {
    position: absolute;
    z-index:50;
    top:calc(50% - 15px);
    width:40px;
    height:40px;
    cursor: pointer;
	background-color: #001f29;
	background-repeat: no-repeat;
	background-position:center;
	z-index:100;
	-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; behavior: url(PIE.htc);
}



#jcarousel-control-prev2 {
    background-image: url(../images/arrow-left.svg);
    left:40px;

}
#jcarousel-control-prev2 img {
	width:20px;
	width:23px \0/IE9;
	height:23px \0/IE9;
	margin-top:15px;
	margin-top:10px \0/IE9;
	margin-right:2px;
	-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);-o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg)
}

#jcarousel-control-next2 {
    background-image: url(../images/arrow-right.svg);
    right:40px;
}
#jcarousel-control-next2 img {
	width:20px;
	width:23px \0/IE9;
	height:23px \0/IE9;
	margin-top:15px;
	margin-top:10px \0/IE9;
	margin-left:3px;
	-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);-o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg)
}



#jcarousel-control-prev2.inactive,
#jcarousel-control-next2.inactive {
    opacity: 0;
    cursor: default;
}




/** Carousel Pagination **/

.jcarousel-pagination {
  position: relative;
  text-align: center;
  top:60px;
  z-index:10
}


.jcarousel-pagination.pagination-posun {
  top:90px;
}

.jcarousel-pagination a {
  display: inline-block;
  padding:12px 20px;
  background:#949493;
  color:white;
  text-decoration: none;
  border:0;
  margin-left:1px;
}

.jcarousel-pagination.pagination-ramecek a:first-child {
	-webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; border-top-left-radius:10px;
	-webkit-border-bottom-left-radius:10px; -moz-border-bottom-left-radius:10px; border-bottom-left-radius:10px;
}
.jcarousel-pagination.pagination-ramecek a:last-child {
	-webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px; -moz-border-bottom-right-radius:10px; border-bottom-right-radius:10px;
}




.jcarousel-pagination.pagination-vice a {
	margin-bottom:4px

}
	

.jcarousel-pagination a.active {
  background:#383838;
  
}
