.gallery { background:url(../images/bg_nav_right.jpg) 100% 0% no-repeat; padding:0 5px 10px 0; } 
/* .gallery { background:url(../images/bg_nav_right.jpg) 90% 0% no-repeat; padding:0 103px 10px 95; } */
/* padding - 1. broj govori kolIka je udaljenost trake od background url slichice NA DOLE, 
				 2. udaljenost desne strane trake od desne ivice ekrana NA LEVO, 
				 3. pomera NA DOLE bkg slichicu, 
				 4. smanjuje levu stranu trake KA DESNOJ STRANI */
.gallery ul { margin:0; padding:0; background:#960000 url(../images/bg_nav.jpg) left top repeat-x; list-style:none; position:relative; height:36px; } 
/* height - odredjuje visinu naslovne trake */



.gallery ul li { display:block; width:auto; float:left; color:#fff; height:36px; } 
/* width utiche na shirinu polja u kojem se nalazi naslov galerije, a 
   height utiche na skroz levi deo naslovne trake - boji u belo (tj pozadinsq boju) vishak kako bi lepshe izgledalo,
   tj zaobljeno  */
.gallery ul li a { display:block; width:auto; color:#fff; text-decoration:none; padding:8px 1.3em 8px 1em; font:1.5em Verdana, sans-serif; background:url(../images/nav_arrow.jpg) right 0 no-repeat; } 
/* width utiche na shirinu polja u kojem se nalazi naslov galerije
	color - boja slova u naslovima galerija
	padding - razmak izmedju naslova
	font - velichina i vrsta fonta u naslovu */
.gallery ul li a:hover { text-decoration:underline; background:url(../images/nav_arrow.jpg) right -36px no-repeat; }
.gallery ul li.first { background:url(../images/bg_nav_left.jpg) left top no-repeat; }



.gallery ul li ul { display:none; position:absolute; top:34px; background:transparent url(../images/bg_nav.jpg) left -34px repeat-x; height:auto; border-bottom:0px solid #960000; border-left:0px solid #960000; border-right:0px solid #960000; width:95%; left:2%; padding:8px 5px 15px 5px; } 
/* top - udaljenost prozora sa thumbnailovima od vrha trake
	left - polozzaj bg_nav slichice (koja chini traku) u odnosu na vrh trake - pomeranje NA DOLE
	height - visina polja sa thumbnailovima
	width - shirina polja u kojem se nalaze thumbnailovi - procentualno u odnosu na traku
	left - pomeranje u odnosu na pochetak trake - U DESNO 
	
	padding - 1. udaljenost texta i thumbnailova u odnosu na dno trake - pomeranje NA DOLE
				 2. desna ivica polja sa thumbnailovima - pomeranje U DESNO
				 3. donja ivica polja sa thumbnailovima - pomeranje NA DOLE
				 4. udaljenost leve ivice texta i thumbnailova u odnosu na levu ivicu polja - pomeranje U DESNO	*/
.gallery ul li:hover ul,
.gallery ul li.over ul { display:block; }
.gallery ul li ul li { display:inline; float:none; background-image:none; height:auto; }
.gallery ul li ul li a { background-image:none; margin:8px; padding:2px; position:relative; border:1px solid #960000; float:left; display:block; width:50px; height:50px; background-color:#fff; } 
/* width i height odredjuju velichinu okvira koji se nalazi oko thumbnaila */
.gallery ul li ul li a:hover { background-image:none; z-index:2; }
.gallery ul li ul li a img { position:absolute; top:2px; width:50px; height:50px; border:0; margin:0; padding:0; } 
/* width i height odredjuju dimenzije neuvelichane slichice unutar rama */
.gallery ul li a:hover img,
.gallery ul li a:active img,
.gallery ul li a:focus img { width:100px; height:75px; left:-11px; top:-10px; z-index:1; border:1px solid #fff; } 
/* width i height odredjuju dimenzije kada se slika uvelicha prelaskom misha */
.gallery ul li.overview { display:block; clear:both; padding:5px 10px 0 10px; color:#fff; font-size:1.4em; }




#gallery1 ul { z-index:2; }
#gallery2 ul { z-index:1; }