/* navaigation */
#nav 		 { width:90%; float:right; margin-top:-18px; margin-right:-193px; }
#nav ul		 { list-style:none;}
#nav ul li 	 { display:inline; }
#nav ul li a { font:normal 20px Helvetica; padding-right:10px; color:#666; letter-spacing:-1px; }
#nav ul li a:hover { color:#28abda; }
#nav.english	{ width:90%; float:right; margin-top:-18px; margin-right:-465px; }


/* lokacija */
#pic { width: 662px; height: 513px; position: relative; }
#pic a { color:#fff; }
#pic ul { margin: 0; padding: 0; list-style: none; }

#pic a:hover { border-color: #28abda; }
#pic:hover a .outer, #pic a:hover .outer { border: 1px solid #333; }
#pic:hover a .inner, #pic a:hover .inner { border: 1px solid #eee; }
#pic a .note { color:#28abda; position: absolute; bottom: -2em; width: 9em; padding: 0.2em 0.4em; background-color:#333; text-align: center;
  			   left: -30000px; margin-left: -45px; font:14px Helvetica, Arial, sans-serif; border:1px solid #eee; }
#pic a:hover .note { left: 50px; }

#pic .trg a {    position: absolute; width: 200px; height: 150px; color: #000; text-decoration: none; border: 1px solid transparent; }
#pic .trg a .outer { display: block; width: 198px; height: 148px; }
#pic .trg a .inner { display: block; width: 196px; height: 146px; }
#pic .trg a  { top:280px; left:120px; }		/* trg */
#pic .trg a:hover { background:transparent url('cssimg/trg.jpg') no-repeat; }
#pic .trg a .note { margin-left: -20px; }

#pic .theatre a {    position: absolute; width: 90px; height: 74px; color: #000; text-decoration: none; border: 1px solid transparent; }
#pic .theatre a .outer { display: block; width: 88px; height: 72px; }
#pic .theatre a .inner { display: block; width: 86px; height: 70px; }
#pic .theatre a  { top:225px; left:192px; }	/* np */
#pic .theatre a:hover { background:transparent url('cssimg/theatre.jpg') no-repeat; }
#pic .theatre a .note { margin-left: -75px; }

#pic .museum a {    position: absolute; width: 125px; height: 76px; color: #000; text-decoration: none; border: 1px solid transparent; }
#pic .museum a .outer { display: block; width: 123px; height: 74px; }
#pic .museum a .inner { display: block; width: 121px; height: 72px; }
#pic .museum a  { top:235px; left:80px; }	/* np */
#pic .museum a:hover { background:transparent url('cssimg/museum.jpg') no-repeat; }
#pic .museum a .note { margin-left: -60px; }

#pic .brokerpoint a { 	 position:absolute; width:100px; height:72px; color: #000; text-decoration: none; border: 1px solid transparent; }
#pic .brokerpoint a .outer { display:block; width: 98px; height:70px; border:1px solid #28abda; }
#pic .brokerpoint a .inner { display:block; width: 96px; height:68px; }
#pic .brokerpoint a { top:130px; left:375px; } /* bp */
#pic .brokerpoint a:hover { background:transparent url('cssimg/bp.jpg') no-repeat; }
#pic .brokerpoint a .note { margin-left: -70px; }