/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */

a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#000;}

/* slides styling */

.photo {
	width:473px;
	text-align:left;
	position:relative;
}

.photo ul.topic {
	padding:0;
	margin:0;
	list-style:none;
	width:455px;
	height:auto;
	position:relative;
	z-index:10;
}
/* svaki cel od zaglavlja tabova */
.photo ul.topic li {display:block; width:125px; height:35px; float:left;}

/* zaglavlje tabova */
.photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:20px; text-align:center; line-height:20px; color:#000; text-decoration:none;border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{color:#000; background:#ccc;}

/* zaglavlje tabova hover*/
.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}


/* okvir taba bez hovera */
.photo ul.topic li.active ul
{
	display:block;
	position:absolute;
	left:0;
	top:21px;
	list-style:none;
	padding:0;
	margin:0;
	height:328px;
	background:#ddd;
	width:475px;
	border:2px solid #bbb;
	z-index:1;

}
/* BITNO - ovo stvara/pokazuje novi "layer" kad se klikne na topic*/
.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{
	display:block;
	position:absolute;
	left:0;
	top:21px;
	list-style:none;
	padding:0;
	margin:0;
	height:328px;
	background:#ddd;
	width:475px;
	padding:0px 0px;
	border:2px solid #aaa;
	z-index:100;
}
/* okvir taba hover */

/* okvir koji nekako formatira tumbnailse*/
.photo ul.topic li ul li
{display:inline; width:95px; height:58px; float:left; border:0px solid #fff; margin:0px;}
/* pozadiana od tumbnailsa*/
.photo ul.topic li ul li a
{
	display:block;
	width:95px;
	height:58px;
	cursor:inherit;
	float:left;
	text-decoration:none;
	background:#444;
	border:0px solid #888;
}


/* tumbnails skupa sa bijelin okviron */
.photo ul.topic li ul li a img
{
	display:block;
	width:85px;
	height:48px;
	border:5px solid #eee;
}

/* velika slika sta se pojavljuje */
.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{
	position:absolute;
	left:0px;
	top:58px;
	width:465px;
	height:260px;
	border-color:#eee;
}
.slikagalerry {
	border:5px solid #eee;
}