
/**
 * A simple sample carousel skin.
 *
 * This skin includes a sample arrows.svg file that may be edited with the free
 * illustration application InkScape (http://inkscape.org).
 *
 * CSS and icons by Nathan Haug.
 */

.jcarousel-skin-default {
  text-align: center;
}

.jcarousel-skin-default .jcarousel-container-horizontal {
  width: 100%;
  height: 440px;

} 
.jcarousel-skin-default .jcarousel-clip-horizontal {
  width: 915px;
   margin: auto; 
}
 

.jcarousel-skin-default .jcarousel-item {
  padding: 0;
  width: 905px !important;
  height: 440px;
  overflow: hidden; 
  list-style: none; 
background-color:rgba(176, 148, 94, 0.5);  
  text-align:left;
  color:white;
  padding:20px;   
  padding-left: 53px;
  padding-right: 50px;
}   
#block-views-udalosti-block-1 .col-lg-6
{    background-color: rgba(0,0,0,.5);
    padding: 20px;
    height: 100%;}
 
  
.view-id-fotogaleria .jcarousel-item {
	width: 195px;
	margin: 0 1px; 
} 
.jcarousel-skin-default .jcarousel-item-horizontal {
      margin:0 1px;
}
 
.jcarousel-skin-default .jcarousel-clip .views-field-field-slidertop ul li
{list-style:none}
 .jcarousel-skin-default .jcarousel-clip 
 {overflow:visible !important;height:100%;  background: #a99f7f;}

 .jcarousel-skin-default .jcarousel-clip ul
 {padding-left:0px;} 
        

.jcarousel-skin-default .jcarousel-item-placeholder {
  background: #fff url(throbber.gif) no-repeat center center;
  color: #000;
}
 

                            
ul.jcarousel-view--pobytove-balicky--block
{overflow:visible !important}


/**
 * Buttons
 */
.jcarousel-skin-default .jcarousel-next a,
.jcarousel-skin-default .jcarousel-prev a {
  display: block;
  width: 77px;
  height: 82px;
  background-image: url(arrows.png);
  position:relative;
  top:130px;
}
 
  .jcarousel-skin-default .jcarousel-next a
  {
    background-position: -139px 0;
  
  }
  
  .jcarousel-skin-default .jcarousel-next:hover a
  {
    background-position: -139px -132px;
  
  }
   .jcarousel-skin-default .jcarousel-prev:hover a
  {
    background-position: 0px -132px;
  
  } 
  
  
  
/**
 * Horizontal Buttons
 */
.jcarousel-skin-default .jcarousel-prev-horizontal {
  position: absolute;
  top: 55px;
  left: 10px;
  background-position: 0 0;
}
.jcarousel-skin-default .jcarousel-prev-horizontal:hover {
  background-position: -32px 0;
}
.jcarousel-skin-default .jcarousel-prev-horizontal:active {
  background-position: -64px 0;
}

.jcarousel-skin-default .jcarousel-next-horizontal {
  position: absolute;
  top: 55px;
  right: 10px;
  background-position: 0 -32px;
}
.jcarousel-skin-default .jcarousel-next-horizontal:hover {
  background-position: -32px -32px;
}
.jcarousel-skin-default .jcarousel-next-horizontal:active {
  background-position: -64px -32px;
}
 
