.pikachoose {position:relative;background-color:#eaeaea;}
.pika-thumbs {margin: 0px 20px 0px 0px; width:225px;position: absolute;right:0px;top: 0px;}

	/* Just for the example. Fee free to delete these three lines */
/* .pikachoose {width: 520px; margin: 0 auto;}

/* Style the thumbnails */

	.pika-thumbs li{ width: 225px; height:107px; margin: 0px 0 0 0px; padding: 0; overflow: hidden;
		float: left; list-style-type: none;padding: 3px; margin: 0 0px; background: #fafafa; border: 1px solid #e5e5e5; cursor: pointer;}
	.pika-thumbs li:last {margin: 0;}
	.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: center; overflow: hidden;}
	
/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-stage, .pika-textnav {background-color:#eaeaea;height:345px;}
.pika-stage {position: relative; background: #fafafa;}
.pika-stage img{height:345px;}
.pika-stage .caption {position: absolute;background:rgba(130,130,130, 0.7);width:500px;color: #fafafa; padding: 6px; text-align: right; bottom: 40px; left: 30px;
    opacity: 0.7; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
				
}
	/*.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;} */
.pika-imgnav {display:none;}
.pika-textnav {display:none;}
/* Ths play, pause, prev and next buttons */
/*.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
	.pika-imgnav a.previous {background: url(prev.png) no-repeat left 45%; height: 100%; width: 50px; top: 10px; left: 10px;cursor:pointer;}
	.pika-imgnav a.next {background: url(next.png) no-repeat right 45%; height: 100%; width: 50px; top: 10px; right: 10px;cursor:pointer;}
	.pika-imgnav a.play {background: url(play.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer;}
	.pika-imgnav a.pause {background: url(pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;}

/* The previous and next textual buttons */
/*.pika-textnav {overflow: hidden; margin: 10px 0 0 0;bottom:10px; position:absolute;}
.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px;}
	.pika-textnav a.previous {float: left; width: auto; display: block;}
	.pika-textnav a.next {float: right; width: auto; display: block;}

/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
/*.pika-counter{position: absolute;bottom: 45px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;} */
.pika-counter {display:none;}
/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */		
.pika-loader{ background:url(loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; 
	text-align:right; position:absolute; top:15px; right:15px; }
.naslovslike {
font-weight:bold;
font-size:14px;
text-align:left;
line-height:18px;
}
.opisslike {
	text-align:left;
}
a img {
	
	border:none;
}

.thumbnailWrapper {
	padding-top:10px;
}

.thumbnailWrapper ul {
	list-style-type: none; /* remove the default style for list items (the circles) */
	margin:0px; /* remove default margin */
	padding:0px; /* remove default padding */
}
.thumbnailWrapper ul li {
	float:left; /* important: left float */
	position:relative; /* so we can use top and left positioning */
	overflow:hidden; /* hide the content outside the boundaries (ZOOM) */
}
.thumbnailWrapper ul li a img {
	width:130px; /* not important, the pics we use here are too big */
	position:relative; /* so we can use top and left positioning */
	border:none; /* remove the default blue border */
}
.caption{
	position:absolute; /* needed for positioning */
	bottom:0px; /* bottom of the list item (container) */
	left:0px; /* start from left of the list item (container) */
	width:100%; /* stretch to the whole width of container */
	display:none!important; /* hide by default */
	/* styling bellow */
	background-color:#828282;
	opacity:0.7;
	filter: alpha(opacity=70);
	color:white;
	
}
.caption .captionInside{
	/* just styling */
	padding:10px;
	margin:0px;
}
.clear { clear:both; } /* to clear the float after the last item */

#pageTitle {
	display:none!important;
}