/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
Federalno Ministarstvo prometa i komunikacija 
version: 1.01
author: igor banjac
email: igor@atlantbh.com
website: http://www.atlantbh.com/
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body
{ background: #f4f4f4 url(images/bg.gif) repeat-x;
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial;
  color: #999; 
  font-size: 8pt;
  margin-left: 15%;
  margin-right: 15%;
  text-align:center;}

h1
{ 
  color:#999999;
  font-size:12pt;
  font-weight:bold;
  margin-top:0;
  margin-bottom:10px;
  text-transform:uppercase;}

h2
{ 
  color:#999999;
  font-size:10pt;
  font-weight:normal;
  margin-top:0;
  margin-bottom:2px;}

ul 
{ list-style:none;
  margin:0;
  padding:0;}

li
{ padding:0 2px 2px 2px;
}

p
{ 
  text-align:left;
  font-size: 12px;
  }


a:link
{text-decoration: none; color:#2980DE;}
a:visited
{text-decoration: none; color:#2980DE;}
a:active
{text-decoration: none; color:#2980DE;}
a:hover
{text-decoration: underline; color:#666666;}

#nav a:link
{text-decoration: none; color:#2980DE;}
#nav a:visited
{text-decoration: none; color:#2980DE;}
#nav a:active
{text-decoration: none; color:#2980DE;}
#nav a:hover
{text-decoration: underline; color:#666666;}

#content a:link
{text-decoration: none; color:#2980DE;}
#content a:visited
{text-decoration: none; color:#2980DE;}
#content a:active
{text-decoration: none; color:#2980DE;}
#content a:hover
{text-decoration: underline; color:#666666;}

/*
#content2 a:link
{text-decoration: none; color:#2980DE;}
#content2 a:visited
{text-decoration: none; color:#2980DE;}
#content2 a:active
{text-decoration: none; color:#2980DE;}
#content2 a:hover
{text-decoration: underline; color:#666666;}
*/
.link_list
{
text-decoration: none; 
color:#2980DE;
}

#choose_lang a:link
{ text-decoration: none; 
  color:#386FA7;
  border-top:solid 1px #ccc;
  border-left:solid 1px #ccc;
  border-right:solid 1px #ccc;
  border-bottom:solid 2px #386FA7;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left: 20px;
  padding-right: 20px;
}
#choose_lang a:active
{ text-decoration: none; 
  color:#386FA7;
  border-top:solid 1px #ccc;
  border-left:solid 1px #ccc;
  border-right:solid 1px #ccc;
  border-bottom:solid 2px #386FA7;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left: 20px;
  padding-right: 20px;
}
#choose_lang a:visited
{ text-decoration: none; 
  color:#386FA7;
  border-top:solid 1px #ccc;
  border-left:solid 1px #ccc;
  border-right:solid 1px #ccc;
  border-bottom:solid 2px #386FA7;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left: 20px;
  padding-right: 20px;
}
#choose_lang a:hover
{ color:#666666;
  background-color: #f4f4f4;
  border-top:solid 1px #ccc;
  border-left:solid 1px #ccc;
  border-right:solid 1px #ccc;
  border-bottom:solid 3px #ccc;
  padding-bottom: 10px;
  padding-top: 5px;
  padding-left: 20px;
  padding-right: 20px;
}


#footer a:link, #footer a:visited, #footer a:active
{ text-decoration: none; color:#999;}
#footer A:hover
{ text-decoration: underline; color:#999;}

#footer1 a:link, #footer1 a:visited, #footer1 a:active
{ text-decoration: none; color:#999;}
#footer1 A:hover
{ text-decoration: underline; color:#999;}


#header
{ background-image: url(data/bg_index.jpg);
  background-repeat: repeat-x; 
  height:90px;
  width:800px;
  margin-left:auto;
  margin-right:auto;  
  border-top:solid 1px #ccc;
  border-left:solid 1px #ccc;
  border-right:solid 1px #ccc;
  background-color:#FFF;
  color:#999999;}
  
 #header1
{ background-image: url(data/header_photo_v1.jpg);
  background-repeat: repeat-x; 
  height:105px;
  width:800px;
  margin-left:auto;
  margin-right:auto; 
  border-top:dashed 1px #ccc;
  border-bottom:solid 1px #ccc;
  border-left:solid 1px #ccc;
  border-right:solid 1px #ccc;
  padding:0px 0px 0px 0px;
  background-color:#E7EEF6;
  color:#999999;}
  
 #header_index
{ background-image: url(data/bg_index.jpg);
  background-repeat: repeat-x;
  width: 800px; 
  height:160px;
  margin-left:auto;
  margin-right:auto;  
  border-top:solid 1px #ccc;
  border-left:solid 1px #ccc;
  border-right:solid 1px #ccc;
  border-bottom:solid 1px #ccc;
  background-color:#fff;
  color:#999999;}

#main
{
	background-image: url(data/bg1.jpg);
	background-repeat: repeat-x;
	width: 800px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	border:#CCC 1px solid;
	background-color: #FFFFFF;
	font-size:9pt;
	color:#666;
}
  
#main_index
{ width: 800px;
  height:330px;
  margin-top:20px;
  margin-left:auto;
  margin-right:auto; 
  border:#CCC 1px solid;
  background-color: #FFF;  
  font-size:9pt;
  color:#666;}

#content
{ width:180px;
  float:right;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  text-align:left;}
  
#content2
{ width:350px;
  float:right;
  padding:20px;
  text-align:left;}
  
#nav
{ width:100px;
  float:left;
  margin-right:5px;
  margin-left:10px;
  margin-top:20px;
  text-align:left;}
  
#nav1
{ width:170px;
  float:right;
  margin-right:5px;
  margin-left:5px;
  margin-top:20px;
  text-align:left;}
    
#footer
{ height:50px;
  width:800px;
  margin-top:10px;
  margin-left:auto;
  margin-right:auto; 
  padding:10px 0;  
  border:#ccc 1px solid;
  background-color: #fff;
  font-size:8pt;
  color:#999;
  text-align:center;}
  
#footer1
{ height:70px;
  width:800px;
  margin-top:10px;
  margin-left:auto;
  margin-right:auto; 
  padding:10px 0;  
  border:#ccc 1px solid;
  background-color: #fff;
  font-size:8pt;
  color:#999;
  text-align:center;}

.footer 
{ clear: both; 
  background:#fff;
  color:inherit;
  height:1px;}

.logo
{ width:500px;
  float:left;
  text-align:left;
  padding:15px 0 10px 15px;
  overflow: hidden;}
  
.logo_index
{ width:770px;
  float:left;
  text-align:left;
  padding:15px 0 10px 15px;
  overflow: hidden;}
  
.menu 
{ width:auto;
  text-align:right;
  font-weight:bold;
  font-size:11px;
  padding:55px 25px 0 0;
  float: right;
}
  
.navhead
{ width:170px;
  height:18px;
  padding: 3px 3px 0 5px;
  border:#ddd 1px solid;
  text-align: left;
  font-size:8pt;
  background-color:#eee;
  color:#666;}

.navitem
{ width:172px;
  padding-bottom: 10px;
  padding-left: 0px;
  padding-right: 6px;
  padding-top:10px;
  border-bottom:#ddd 1px solid;
  border-right:#ddd 1px solid;
  border-left:#ddd 1px solid;  
  font-size:8pt;
  font-weight: normal;
  text-align:left;}
  
  .navitem1
{ width:172px;
  padding-bottom: 10px;
  padding-left: 3px;
  padding-right: 3px;
  padding-top:10px;
  border-bottom:#ddd 1px solid;
  border-right:#ddd 1px solid;
  border-left:#ddd 1px solid;  
  font-size:8pt;
  font-weight: normal;
  text-align:left;}
  
.img
{ border:0;}

.img_akt {
 width: 300px;
 border: 1px solid #cccccc;
 background: #f4f4f4;
 padding: 4px;
}

.img_akt_small {
 border: 1px solid #cccccc;
 background: #f4f4f4;
 padding: 4px;
}

.iconspan{
margin:2px 2px 2px 2px;
cursor:hand;
cursor:pointer;
}

.iconspan1{
padding-left:15px;
cursor:hand;
cursor:pointer;
}

.eg-bar{
font-weight: normal;
padding: 3px;
}

.icongroup1{
margin:0 15px;
width:140px;}

.navhead1
{ width:170px;
  float:left;
  padding-left: 4px;
  padding-bottom: 4px;
  padding-top: 4px;
  text-align: left;
  font-size:8pt;
  background-color:#eee;
  color:#666;}
  
.navhead2
{ 
  float:left;
  padding-left: 17px;
  padding-bottom: 4px;
  padding-top: 4px;
  text-align: left;
  font-size:8pt;
  color:#666;}
  
.navhead3
{ 
  float:left;
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: left;
  font-size:8pt;
  color:#666;}
  
#lightbox{
	position: absolute;
	top: 40px;
	left: 100px;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 800px;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	
		.gallery {
		margin: 2px;
		padding: 4px;
		background: #dddddd;
		border: solid 1px #cccccc;
		}