@font-face {
  font-family: 'Yanone-thin';
  font-style: normal;
  font-weight: 300;
  src: local('Yanone-thin'), url('http://themes.googleusercontent.com/font?kit=We_iSDqttE3etzfdfhuPRfYfc3bPVUtuDoUoHMkf5-E') format('truetype');
}


body {font-family: helvetica, arial, sans-serif; }

h1 { font-family:'Yanone-thin'; text-align: center;}

.pika-wrap {width: 520px; margin: 0 auto;}

.pika-image {position: relative; background: url("../img/fotogal-vnutr.png") no-repeat scroll left top transparent;
  padding: 0px 15px 0 0;
      float: left;
    height: 406px;
    width: 100%;}
	/*position image holders */
	.pika-image .animation, .pika-image .main-image {position: absolute; top: 10px; left: 10px;}
	.pika-image .animation {display: none;z-index:2;}
	.pika-image img {
	    border: 1px solid #CBD1D6;
    margin: 17px 0 0 18px;
    position: relative;
	width:421px;
	height:309px;}

.pika-image .caption { background: url(../../assets/images/75-black.png);  padding: 10px; text-align: left; top: 10px; right: 10px;
}
	.pika-image .caption p {padding: 0; margin: 0; line-height: 20px;}

.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
	.pika-imgnav a.previous {background: url(../images/prev.png) no-repeat left 50%; height: 340px; width: 50px; top: 10px; left: 10px;cursor:pointer;}
	.pika-imgnav a.next {background: url(../images/next.png) no-repeat right 50%; height: 340px; width: 50px; top: 10px; right: 10px;cursor:pointer;}
	.pika-imgnav a.play {background: url(../images/play.png) no-repeat 50% 50%; height: 100px; width: 40px;top:0;left:50%;display: none;cursor:pointer;}
	.pika-imgnav a.pause {background: url(../images/pause.png) no-repeat 50% 50%; height: 100px; width: 40px;top:0;left:50%;display:none;cursor:pointer;}

.pika-textnav {overflow: hidden; margin: 10px 0 0 0;}
.pika-textnav a {font-size: 12px; text-decoration: none; font-family:  helvetica, arial, sans-serif; color: #333; padding: 4px;}
		.pika-textnav a:hover {background: #e5e5e5; color: #0065B2;}
	.pika-textnav a.previous {float: left; width: auto; display: block;}
	.pika-textnav a.next {float: right; width: auto; display: block;}
	
.pika-thumbs {margin: 10px 0 0 0; padding: 0; overflow: hidden; }
	.pika-thumbs li {float: left; list-style-type: none; width:149px;
height:106px; padding: 0px; margin: 0px; background: #fafafa; border: 1px solid #dee3e6; cursor: pointer;}
		.pika-thumbs li:last {margin: 0;}
		.pika-thumbs li .clip {width: 149px; height: 106px; text-align: center; vertical-align: center; overflow: hidden;}
.pika-thumbs li .clip img { width:149px;
height:106px; } 
/* jCarousel Styles */
.jcarousel-skin-pika .jcarousel-container-horizontal {
    padding: 15px 30px;
}

.jcarousel-skin-pika .jcarousel-container-vertical {
    width: 90px;
    height: 350px;
    padding: 20px 20px;
}

.jcarousel-skin-pika .jcarousel-clip-horizontal {
    height: 90px;
    width: 460px;
}

.jcarousel-skin-pika .jcarousel-clip-vertical {
    width:  90px;
    height: 350px;
}

.jcarousel-skin-pika .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-pika .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-pika .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
.jcarousel-container { float:left;
width:92%;
margin-top:20px;
margin-left:20px;}

.jcarousel-prev {
	float:left;
	padding-right:15px;
	background:url(../img/nav_slider.png) no-repeat left top transparent;
	width: 24px;
	height:61px;
	cursor:pointer;
	top:25px;
	position:absolute;
}
.jcarousel-next {
	padding-left:5px;
	background:url(../img/nav_slider_off.png) no-repeat left top transparent;
	width: 24px;
	height:61px;
	cursor:pointer;
	top:25px;
	position:absolute;
	right:0;
}
.jcarousel-clip {
margin:0 40px;
}
.pika-image span {
	width:475px;
	height:406px;
	float:left;
	position:relative;
	padding-right: 15px;
}
