@charset "utf-8";
/* CSS Document by Antun Debak */

* { margin: 0; padding: 0; border: 0; }

body {
	font-size: 12px;
	color:#545454;
	background:#aac157 url(images/bckg.jpg) repeat top;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	font-style:normal;
	font-weight:normal;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	line-height:18px; 
	text-align: justify; }
	
p { margin-bottom:0px;  margin-top:0px; }


/* menu */
#skyline {
	width: 549x; height: 139px;
	background: url(images/citus_project_05.png);
	margin: 10px auto; padding: 0;
	position: relative;}
	
#skyline li {
	margin: 0; padding: 0; list-style: none;
	position: absolute; top: 0;}
	
#skyline li, #skyline a {
	height: 139px; display: block;}

#panel1b {left: 0; width: 110px;}
#panel2b {left: 110px; width: 119px;}
#panel3b {left: 229px; width: 109px;}
#panel4b {left: 338px; width: 106px;}
#panel5b {left: 444px; width: 105px;}

#panel1b_stand {left: 0; width: 110px; background: transparent url(images/citus_project_05.png) 0 -139px no-repeat;}
#panel2b_stand {left: 110px; width: 119px; background: transparent url(images/citus_project_05.png) -110px -139px no-repeat;}
#panel3b_stand {left: 229px; width: 109px; background: transparent url(images/citus_project_05.png) -229px -139px no-repeat;}
#panel4b_stand {left: 338px; width: 106px; background: transparent url(images/citus_project_05.png) -338px -139px no-repeat;}
#panel5b_stand {left: 444px; width: 105px; background: transparent url(images/citus_project_05.png) -444px -139px no-repeat;}

#panel1b a:hover { background: transparent url(images/citus_project_05.png) 0 -139px no-repeat;}
#panel2b a:hover { background: transparent url(images/citus_project_05.png) -110px -139px no-repeat;}
#panel3b a:hover { background: transparent url(images/citus_project_05.png) -229px -139px no-repeat;}
#panel4b a:hover { background: transparent url(images/citus_project_05.png) -338px -139px no-repeat;}
#panel5b a:hover { background: transparent url(images/citus_project_05.png) -444px -139px no-repeat;}

a:link { text-decoration:none; font-weight:bold; color: #29829f;  }
a:visited { text-decoration:none; font-weight:bold;; color: #29829f;   }
a:hover {  font-weight:bold;; color: #ac6c28; text-decoration: none; border-bottom:2px dotted #a0a48d;  }

.menu_footer {  padding-top: 15px; font-size:11px; color: #9c9c9c; background:url(images/footer_a.png) no-repeat top; background-position:0px; width:125px;  display: inline-block; height:30px; }

.menu_footer a {  padding-top: 15px; font-size:11px; color: #9c9c9c; background:url(images/footer_a.png) no-repeat top; background-position:0px; width:125px; display: inline-block; height:30px; }
.menu_footer:visited { padding-top: 15px;  font-size:11px;  color: #9c9c9c; background:url(images/footer_a.png) no-repeat top;  width:125px; display: inline-block; height:30px;}
.menu_footer:hover { padding-top: 15px;  font-size:11px;  color: #ffffff; background:url(images/footer_b.png) no-repeat top; text-decoration:none;  width:125px; display: inline-block; height:30px;}

a.menu_footer {  padding-top: 15px; font-size:11px; color: #9c9c9c; background:url(images/footer_a.png) no-repeat top; background-position:0px; width:125px;  display: inline-block; height:30px; }
a.menu_footer:visited { padding-top: 15px;  font-size:11px;  color: #9c9c9c; background:url(images/footer_a.png) no-repeat top;  width:125px; display: inline-block; height:30px;}
a.menu_footer:hover { padding-top: 15px;  font-size:11px;  color: #ffffff; background:url(images/footer_b.png) no-repeat top; text-decoration:none;  width:125px; display: inline-block; height:30px;}

.menu_footer_stand { padding-top: 15px;  font-size:11px;  color: #ffffff; background:url(images/footer_b.png) no-repeat top; text-decoration:none;  width:125px; display: inline-block; height:30px;}
a.menu_footer_stand { padding-top: 15px;  font-size:11px;  color: #ffffff; background:url(images/footer_b.png) no-repeat top; text-decoration:none;  width:125px; display: inline-block; height:30px;}

.img { border-style:hidden; border-bottom:0px; border-left:0px; border-right:0px; border-top:0px; }
a.img:link { border-style:hidden;  border-bottom:0px; border-left:0px; border-right:0px; border-top:0px;}
a.img:visited { border-style:hidden; border-bottom:0px; border-left:0px; border-right:0px; border-top:0px;}
a.img:hover { border-style:hidden; border-bottom:0px; border-left:0px; border-right:0px; border-top:0px;}

.italic {font-style: italic;}
.bold {font-weight: bold;}
.underline {text-decoration: underline;}

.imgl { border-bottom: #b2b2b2 1px solid; border-left: #b2b2b2 1px solid; border-right: #b2b2b2 1px solid; border-top: #b2b2b2 1px solid; margin: auto 6px auto auto; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; background-color:#efefef; margin:10px 10px 10px 10px; }
a.imgl:visited { border-bottom: #b2b2b2 1px solid; border-left: #b2b2b2 1px solid; border-right: #b2b2b2 1px solid; border-top: #b2b2b2 1px solid; margin: auto 6px auto auto; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px; background:none; margin:10px 10px 10px 10px;}
a.imgl:hover { border-bottom: #949494 1px solid; border-left: #949494 1px solid; border-right: #949494 1px solid; border-top: #949494 1px solid; margin: auto 6px auto auto; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px; background:none; margin:10px 10px 10px 10px;}


#container {
	background:url(images/img_bckg2.jpg) no-repeat center top;
	width:921px;
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	margin-bottom:auto;
}

#content {
	width:921px;
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	margin-bottom:auto;
}

#header {
	width:921px;
	height:178px;
}

.header_menu {
	width:550px;
	height:139px;
	padding-top:10px;
	padding-left:10px;
	float:left;
}

.header_logo {
	background: url(images/citus_project_02.png) no-repeat right;
	width:349px;
	height:178px;
	float:right;
}

#middle_up {
	background:url(images/citus_project_08.png) no-repeat;
	width:921px;
	height:28px;
	float:left;
}

#middle {
	background:url(images/citus_project_09.png) repeat-y;
	width:921px;
	float:left;
}

#middle_down {
	background:url(images/citus_project_11.png) no-repeat;
	width:921px;
	height:115px;
	float:left;
}

.middle_down_menu {
	width:850px;
	height:45px;
	margin-left:30px;
	margin-right:auto;
	padding-top:54px;
	margin-bottom:auto;
	text-align:center;
}



#middle_content {
	width:850px;
	margin-left:auto;
	margin-right:auto;
}

#footer {
	background:url(images/citus_project_12.png) no-repeat;
	width:921px;
	height:60px;
	padding-top:37px;
	float:left;
}



.footer_right { float:right; width:250px; padding-right:45px;}

.footer_left { float:left; width:550px; padding-left:42px;}


.left { float:left; }

h1 { 
	background:url(images/citus_project_10.png) no-repeat top; 
	width:555px; 
	height:77px; 
	float:left;
}

.naslov { 	
	font-size:18px; 
	font-weight:bold; 
	padding-left:90px;
	padding-top:33px; 
}

.right_up { float:right; height:77px; padding-right:30px;  }

.middle_left {
	width:525px;
	float:left;
	display:inline;
}

.middle_right{
	width:300px;
	float:right;
}

.plavi_box {
	background:url(images/plava.jpg) no-repeat top; 
	width:241px; 
	height:167px; 
	padding-top:60px;
	padding-left:30px;
	padding-right:20px;
}

.zeleni_box {
	background:url(images/zelena.jpg) no-repeat top; 
	width:241px; 
	height:197px; 
	padding-top:60px;
	padding-left:30px;
	padding-right:20px;
}

.crveni_box {
	background:url(images/crvena.jpg) no-repeat top; 
	width:241px; 
	height:169px;
	padding-top:60px;
	padding-left:30px;
	padding-right:20px;
}

h2 { font-size:16px; font-weight:bold; color:#a93c1f; }

h3 { font-size:14px; font-weight:bold; color:#a93c1f; }

h5 { display:inline; }

.navod { background:url(images/strelica.png) no-repeat top left; width:475px; padding-left:50px; }
.navod2 { background:url(images/krug2.png) no-repeat top left; width:495px; padding-left:30px; }