/* CSS Document */

body{
	margin:0;
	padding:0;
	color:#000000;
	background-color: #FFF;
	background-image: url(../images/pozadina2.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	}

div, p, h1, h2, h3, ul, li, a, form, input, label, img{
	margin:0; padding:0;
	}
	
.spacer{
	line-height:0; font-size:0; clear:both;
	}
	
	
/*------------------------------------------Header Start----------------------------------*/

#container{
	width:755px;
	margin:0px auto 34px auto;
	padding:0 0 0 23px;
	position:relative;
	background-color: #FFF;
	}
#containerInside{
	width:570px; float:right;
	}
	
#header{
	width:570px;
	height:250px;
	float:left;
	color:#000000;
	}

#header h1{
	position:absolute;
	left:40px;
	top:15px;
	font:normal 13px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#FFFFFF;
	}
#header h2{
	font:bold 22px/24px Arial, Helvetica, sans-serif;
	color:#333;
	background-color:#FFFFFF;
	padding-top: 15px;
	padding-left: 5px;
	}
#header h2 span{
	font:bold 22px/24px Arial, Helvetica, sans-serif;
	color:#386F00; background-color:#FFFFFF;
	}
#header h3{
	font:bold 16px/18px Arial, Helvetica, sans-serif;
	color:#666;
	background-color:#FFFFFF;
	padding-left: 5px;
	}
#header h3 span{
	font:bold 18px/20px Arial, Helvetica, sans-serif;
	color:#386F00; background-color:#FFFFFF;
	}
	
#header p.darkGrey{
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color:#7E7E7E;
	background-color:#FFFFFF;
	padding:0 0 31px 0;
	width:547px;
	float:left;
	font-style: oblique;
	}

/*------------------------------------------Header End----------------------------------*/

/*------------------------------------------Right Start----------------------------------*/

#right{
	width:570px; margin:0; padding:22px 0 0 0; float:left;
	}

#right h2{
	font:bold 22px/24px Arial, Helvetica, sans-serif;
	color:#000000; background-color:#FFFFFF;
	}
#right h2 span{
	font:bold 22px/24px Arial, Helvetica, sans-serif;
	color:#386F00; background-color:#FFFFFF;
	}
	
.lightGrey{
	color:#595959;
	background-color:#FFFFFF;
	padding:15px 23px 20px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	}
	
#header p.dark{
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color:#7E7E7E;
	background-color:#FFFFFF;
	padding:0 0 31px 0;
	width:570px;
	float:left;
	}

#right div.archivesBg{
	color:#000000;
	height:86px;
	padding:8px 0;
	margin:0 0 19px 0;
	background-color: #5C9C00;
	background-image: url(../images/archives_bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	}

#right div.no1{
	width:165px; float:left; margin:0 7px 0 0;
	border-right:#A5D055 solid 1px; padding:0 0 0 20px;
	}
#right div.no1 h2{
	font:normal 18px/18px Arial, Helvetica, sans-serif;
	color:#BBDD99;
	padding:0 24px 0 0;
	height:85px;
	float:left;
	background-color: #5C9C00;
	background-image: url(../images/green_bg_1.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	}
#right div.no1 h2 span{
	font:normal 36px/36px Arial, Helvetica, sans-serif;
	color:#84C146;
	background-color: #5C9C00;
	background-image: url(../images/green_bg_2.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	}

#right div.no2{
	width:94px; padding:5px 13px 0 13px; float:left;
	}
#right div.no2 h3{
	font:bold 11px/15px Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:center;
	text-transform:uppercase;
	width:94px;
	margin:0 0 4px 0;
	float:left;
	display:block;
	background-color: #009900;
	background-image: url(../images/date_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}	
#right div.no2 ul{
	margin:0; padding:0 0 0 5px; list-style:none;
	}
#right div.no2 ul li{
;
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	width:88px;
	height:20px;
	background-color: #5C9C00;
	background-image: url(../images/white_dotted.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
	}
#right div.no2 ul li.noline{
	background:none; background-color:#5C9C00;
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	color:#FFFFFF;display:block;
	}
#right div.no2 ul li a{
;
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding:0 0 0 9px;
	height:19px;
	background-color: #5C9C00;
	background-image: url(../images/date_list.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
	}
#right div.no2 ul li a:hover{
	background-color:#87BF23; color:#FFFFFF;
	}
	
#right div.about{
	width:229px;
	background-color:#F8F8F8;
	border:#DFDFDF solid 1px;
	color:#000000;
	padding:27px 27px 20px 24px;
	margin:0 7px 7px 0;
	float:left;
	}
#right div.about h2{
	font:bold 22px/24px Arial, Helvetica, sans-serif;
	color:#000000;
	height:43px;
	padding:0 0 0 50px;
	margin:0 0 20px 0;
	background-image: url(../images/pokloni.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	}
#right div.about h2 span{
	font:bold 22px/24px Arial, Helvetica, sans-serif;
	color:#386F00; background-color:#F8F8F8;
	}
	
#right div.about h2 span.date{
	font:bold 11px/19px Arial, Helvetica, sans-serif;
	color:#7D633C; 
	text-transform:uppercase;
	}
	
.lightGrey2{
	font:12px/16px Arial, Helvetica, sans-serif;
	color:#7E7E7E; 
	}
.lightGrey2 img{
	float: left;
	}	
#right strong{
	font-weight:bold;
	}
	
#right div.about ul{
	margin:20px 0 0 0; padding:0; list-style:none;
	}
#right div.about ul li{
	font:bold 11px/15px Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#F8F8F8;
	display:block;
	float:left;
	}
#right div.about ul li span{
	font:bold 11px/15px Arial, Helvetica, sans-serif;
	color:#BCBCBC;
	padding:0 8px 0 0;
	text-decoration:none;
	}

#right div.about ul li a:hover{
	background-color:#FFFFFF; color:#000000;
	text-decoration:none;
	}

#right div.news{
	width:228px;
	background-color:#F8F8F8;
	border:#DFDFDF solid 1px;
	color:#000000;
	padding:27px 27px 20px 24px;
	float:left;
	}

#right div.news h2{
	font:bold 22px/24px Arial, Helvetica, sans-serif;
	color:#000000;
	height:43px;
	padding:0 0 0 50px;
	margin:0 0 20px 0;
	background-image: url(../images/pokloni.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
#right div.news h2 span{
	font:bold 22px/24px Arial, Helvetica, sans-serif;
	color:#386F00; background-color:#F8F8F8;
	}
	
#right div.news h2 span.date{
	font:bold 11px/19px Arial, Helvetica, sans-serif;
	color:#7D633C; 
	text-transform:uppercase;
	}

#right div.news ul{
	margin:20px 0 0 0; padding:0; list-style:none;
	}
#right div.news ul li{
	font:bold 11px/15px Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#F8F8F8;
	display:block;
	float:left;
	}
#right div.news ul li span{
	font:bold 11px/15px Arial, Helvetica, sans-serif;
	color:#BCBCBC;; background-color:#F8F8F8;
	padding:0 8px 0 0; text-decoration:none;
	}

#right div.news ul li a:hover{
	background-color:#FFFFFF; color:#000000;
	text-decoration:none;
	}	
#right div.duplo{
	color:#000000;
	height:86px;
	padding:8px 0;
	margin:0 0 19px 0;
	background-color: #5C9C00;
	background-image: url(../images/archives_bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	}

#right div.kontakt{
	width:515px;
	background-color:#F8F8F8;
	border:#DFDFDF solid 1px;
	color:#000000;
	padding:27px 27px 25px 24px;
	float:left;
	}

#right div.kontakt h2{
	font:bold 22px/24px Arial, Helvetica, sans-serif;
	color:#000000;
	height:43px;
	padding:0 0 0 50px;
	margin:0 0 20px 0;
	background-color: #F8F8F8;
	background-image: url(../images/pokloni.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
#right div.kontakt h2 span{
	font:bold 22px/24px Arial, Helvetica, sans-serif;
	color:#386F00; 
	}
	
#right div.kontakt h2 span.date{
	font:bold 11px/19px Arial, Helvetica, sans-serif;
	color:#7D633C; 
	text-transform:uppercase;
	}
#right div.kontakt img{
	padding:5px 5px 5px 5px;
	float:left;
	}

	
	
/*------------------------------------------Right End----------------------------------*/

/*------------------------------------------Left Start----------------------------------*/

#left{
	width:160px;
	margin:3px 25px 0 0;
	padding:0;
	float:left;
	}
#left ul.leftnav{
	margin:30px 0 12px 0;
	;
	padding:30px 18px 5px 14px;
	list-style:none;
	color:#7C7C7C;
	background-color: #F8F8F8;
	background-image: url(../images/left_top_gradient.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
#left ul.leftnav li{
	font:bold 11px/19px Arial, Helvetica, sans-serif;
	height:20px;
	color:#7C7C7C;
	background-color: #F8F8F8;
	background-image: url(../images/grey_dotted.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
	}
#left ul.leftnav li a{
	font:bold 11px/19px Arial, Helvetica, sans-serif;
	display:block;
	color:#7C7C7C;
	padding:0 0 0 13px;
	text-decoration:none;
	height:19px;
	background-image: url(../images/arrow_list.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	}
#left ul.leftnav li a.services{
	font:bold 11px/19px Arial, Helvetica, sans-serif;
	display:block;
	color:#7C7C7C;
	padding:0 0 0 13px;
	text-decoration:none;
	height:19px;
	background-color: #FFFFFF;
	background-image: url(../images/arrow_list.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	}
#left ul.leftnav li.services{
	font:bold 11px/19px Arial, Helvetica, sans-serif;
	display:block;
	color:#7C7C7C;
	padding:0 0 0 13px;
	text-decoration:none;
	height:19px;
	background-color: #FFFFFF;
	background-image: url(../images/arrow_list.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	}
#left ul.leftnav li.archives{
	background:none; 
	font:bold 11px/19px Arial, Helvetica, sans-serif; height:20px;
	color:#7C7C7C;
	}
#left ul.leftnav li a:hover{
	background-color:#FFFFFF; color:#7C7C7C;
	}
#left .eng{
	background-color:#FFFFFF;
	color:#7C7C7C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
#left img{
	background-color:#FFFFFF;
	padding: 5px 5px 5px 5px;
	}


/*------------------------------------------Left End----------------------------------*/

/*------------------------------------------Footer Start----------------------------------*/

#footer{
	color:#FCFAE6;
	height:54px;
	padding-top: 26px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 300px;
	position: relative;
	margin: auto;
	background-color: #B0AD93;
	background-image: url(../images/footer_bg.gif);
	background-repeat: repeat-x;
	}

#footer ul.nav{
	margin:0 auto;
	padding:0;
	list-style:none;
	width:700px;
	}
#footer ul.nav li{
	font:bold 11px/13px Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	float:left;
	display:block;
	}
#footer ul.nav li a{
	font:bold 11px/13px Arial, Helvetica, sans-serif;
	color:#FFFFFB;
	padding:0 8px;
	text-decoration:none;
	font-weight: bold;
	}
#footer ul.nav li a:hover{
	background-color:#898888; color:#FFFFFF;
	}

#footer p.copyright{
	margin:0 auto;
	width:385px;
	padding:8px 0;
	font:normal 11px/13px Arial, Helvetica, sans-serif;
	color:#F7F7F4;
	}
#footer p.copyright span{
	font:bold 11px/13px Arial, Helvetica, sans-serif;
	color:#F7F7F4;
	}



/*------------------------------------------Footer End----------------------------------*/
/* TOP PANEL */
#topPan{
	width:778px;
	height:80px;
	position:relative;
	margin:0 auto;
	padding:0;
}
#topPan img{
	width:178px;
	height:54px;
	display:block;
	padding:23px 0 0 6px;
}
/* Menu Panel */
#topPan ul{
	width:520px;
	height:80px;
	display:block;
	position:absolute;
	top:0px;
	right:0px;
	margin:0;
	padding:0;
}
#topPan ul li{float:left; width:104px; display:block; text-align:center;}
#topPan ul li a{
	width:104px;
	height:39px;
	display:block;
	font:14px/14px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	margin:0;
	padding:41px 0 0 0;
	background-image: url(../images/menu-bg2.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	font-weight: bold;
}
#topPan ul li a:hover{
	width:104px;
	height:40px;
	display:block;
	background:#fff;
	color:#2E4E00;
	text-decoration:none;
}
#topPan ul li span{
	width:104px;
	height:39px;
	display:block;
	color:#2E4E00;
	text-decoration:none;
	padding:41px 0 0 0;
	line-height:14px;
	background-color: #FFF;
	background-image: url(../images/menu-devider1.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
	font: 14px/14px "Trebuchet MS",Arial, Helvetica, sans-serif;
}

/* /TOP PANEL */