@charset "utf-8";
/* CSS Document */

.borderGeneral{border:1px solid #e1e1e1}
.top{height:180px; background-image: url(../images/top/bgTop.jpg)}
.topOstalo{height:77px; background-image: url(../images/top/topBgOstalo.jpg)}
.menuBack{height:35px;background-color:#2f76ac;border-right:2px solid #2f76ac;}
.logo{position:relative;width:66px;height:91px;left:459px;top:105px;float:left;border:0}
.logoOstalo{position:relative;width:66px;height:91px;left:455px;top:2px;float:left;border:0}
.leftLogo{float:left;padding:40px 0 0 40px;text-align:left;font-size:140%;font-weight:bold;width:315px}
.rightLogo{float:left;padding:23px 0 0 120px;width:200px}
.letterSpace{letter-spacing:2px;}
.lineHeightNormal{line-height:normal;}
.pismo{float:left;width:130px;margin-top:160px;text-align:right;margin-left:99px;color:#3c3c3c;font-size:90%}
	.pismo a {color:#3c3c3c;text-decoration:none}
	.pismo a:hover {color:#3c3c3c;text-decoration:underline}
.pismoOstalo{float:left;width:130px;margin-top:60px;text-align:right;margin-left:99px;color:#3c3c3c;font-size:90%}
	.pismoOstalo a {color:#3c3c3c;text-decoration:none}
	.pismoOstalo a:hover {color:#3c3c3c;text-decoration:underline}
.bold{font-weight:bold}
.menu{text-align:center;font-size:120%;font-weight:bold;color:#fff;padding-top:5px}
	.menu a {color:#fff;text-decoration:none}
	.menu a:hover{color:#fff;text-decoration:underline}
.carouselBack{background-color:#fff;height:313px;margin-top:2px;margin-bottom:11px;background-image:url(../images/top/carouselBack.jpg);background-position:bottom left;background-repeat:no-repeat}

.greyBack{background-color:#f6f6f6}
.moduleHome{margin-bottom:11px;padding:10px 20px 10px 10px}
	.moduleHome img {border:2px solid #e1e1e1}
.rightColumn {margin-left:20px}
.modRight{margin-top:10px}
.footer{ background-image:url(../images/top/footerBg.jpg);background-repeat:no-repeat;background-position:top center;margin-top:5px;padding:10px 10px 10px 10px;font-size:90%}
	.footer a{color:#717073;text-decoration:none}
	.footer a:hover{color:#717073;text-decoration:underline}
	.footer .admin {text-align:right}
		.footer .admin a{color:#e4e4e4;text-decoration:none;font-size:80%}
		.footer .admin a:hover{color:#e4e4e4;text-decoration:underline;font-size:80%}
.marginSlika{margin-top:4px;margin-bottom:4px}
.nalaziteSe{margin:5px 17px 5px 10px;}
	.nalaziteSe .leftText{width:720px;float:left;line-height:35px}
	.nalaziteSe .rightSearch{float:right;width:233px}
.tab{padding:1px;background:Transparent}
.hilite{padding:1px;background:#e3eef7}
.vreme{background-repeat: no-repeat;padding: 5px 0 0 10px;font-size:90%;line-height:14px}
/********************************************************************/
/*											Carousel CSS			*/
/********************************************************************/
.carText {
	color: #2f76ac;
	margin: 10px 20px 20px 20px;
	font-size: 16px;
	line-height: 20px;
	height: 210px;
}

	.carText h2 {
		font-weight: bold;
		margin: 20px 0 20px 0;
		font-size: 140%;
		color:#2f76ac;
	}
	
	.carOpsirnije a {
		background: url(../images/opsirnije.png);
		width: 86px;
		height: 23px;
		display: block;
		text-decoration: none;
		color: white;
		font-size: 16px;
		font-family: calibri;
		text-indent: 5px;
		line-height: 20px;
	}
	
	.carOpsirnije a:hover {
		background: url(../images/opsirnijeo.png);
		width: 86px;
		height: 23px;
		display: block;
		text-decoration: none;
		color: white;
		font-size: 16px;
		font-family: calibri;
		text-indent: 5px;
		line-height: 20px;
	}
	
.carpadd {
	margin-left:20px;
}

.carpadd2 {
	position: relative;
	top: 274px;
	z-index: 10000;
}

.mar5 {
	margin-top: 5px;
	margin-left: 190px;
}

	#carnum a{
		background: url(../images/btnnum.png);
		width: 32px;
		height: 23px;
		display: block;
		text-decoration: none;
		color: white;
		font-size: 16px;
		font-family: calibri;
		line-height: 20px;
		float: left;
		text-align: center;
		font-weight: bold;
		margin-right:10px;
	}
	
	#carnum  a:hover {
		background: url(../images/btnnumo.png);
		width: 32px;
		height: 23px;
		display: block;
		text-decoration: none;
		color: white;
		font-size: 16px;
		font-family: calibri;
		line-height: 20px;
		float: left;
		text-align: center;
		font-weight: bold;
		margin-right:10px;
	}
	
	#carnum  a.activeSlide {
		background: url(../images/btnnumo.png);
		width: 32px;
		height: 23px;
		display: block;
		text-decoration: none;
		color: white;
		font-size: 16px;
		font-family: calibri;
		line-height: 20px;
		float: left;
		text-align: center;
		font-weight: bold;
		margin-right:10px;
	}

.leftSlide {
	display: block;
	float: left;
	width: 364px;
}

.rightSlide {
	display: block;
	float: left;
	width: 610px;
	text-align:right;
	padding-right:10px
}

	.rightSlide img {
		margin-top: 5px;
	}
	
/* Baner za JP */
.banerJPK{background-image: url(../images/baneri/jp/bckg.gif); background-repeat: no-repeat; width: 221px; padding: 9px 0 9px 12px;}
#FRow{height: 53px;}
#SRow{height: 50px;}
#TRow{height: 43px;}
.baner1{width: 71px; height: 53px; display:inline; background-position:top left; float:left; overflow:hidden; background-image: url(../images/baneri/jp/1.gif); background-repeat: no-repeat;}
.baner1:hover{background-position: bottom left;} 
.baner2{width: 69px; height: 53px; display:inline; background-position:top left; float:left; overflow:hidden; background-image: url(../images/baneri/jp/2.gif); background-repeat: no-repeat;}
.baner2:hover{background-position: bottom left;} 
.baner3{width: 67px; height: 53px; display:inline; background-position:top left; float:left; overflow:hidden; background-image: url(../images/baneri/jp/3.gif); background-repeat: no-repeat;}
.baner3:hover{background-position: bottom left;} 
.baner4{width: 72px; height: 50px; display:inline; background-position:top left; float:left; overflow:hidden; background-image: url(../images/baneri/jp/4.gif); background-repeat: no-repeat;}
.baner4:hover{background-position: bottom left;}
.baner5{width: 69px; height: 50px; display:inline; background-position:top left; float:left; overflow:hidden; background-image: url(../images/baneri/jp/5.gif); background-repeat: no-repeat;}
.baner5:hover{background-position: bottom left;}
.baner6{width: 67px; height: 50px; display:inline; background-position:top left; float:left; overflow:hidden; background-image: url(../images/baneri/jp/6.gif); background-repeat: no-repeat;}
.baner6:hover{background-position: bottom left;}
.baner7{width: 73px; height: 43px; display:inline; background-position:top left; float:left; overflow:hidden; background-image: url(../images/baneri/jp/7.gif); background-repeat: no-repeat;}
.baner7:hover{background-position: bottom left;}
.baner8{width: 52px; height: 42px; display:inline; background-position:top left; float:left; overflow:hidden; background-image: url(../images/baneri/jp/8.gif); background-repeat: no-repeat;}
.baner8:hover{background-position: bottom left;}
.baner9{width: 84px; height: 43px; display:inline; background-position:top left; float:left; overflow:hidden; background-image: url(../images/baneri/jp/9.gif); background-repeat: no-repeat;}
.baner9:hover{background-position: bottom left;}
/*End baner za JP*/
/*Start baner IZDVAJAMO*/
.banerIZDVAJAMO{background-image: url(../images/baneri/izdvajamo/bckg.gif); background-repeat: no-repeat; width: 231px;margin-bottom:10px}
#RowOne{height: 61px;}
#RowTwo{height: 60px;}
.investirajte{width: 115px; height: 61px; display:inline; background-position:top left; float:left; overflow:hidden;background-repeat: no-repeat;}
.investirajte:hover{background-position: bottom left;} 
.ekologija{width: 115px; height: 61px; display:inline; background-position:top left; float:left; overflow:hidden;background-repeat: no-repeat;}
.ekologija:hover{background-position: bottom left;} 
.projekti{width: 115px; height: 60px; display:inline; background-position:top left; float:left; overflow:hidden;background-repeat: no-repeat;}
.projekti:hover{background-position: bottom left;} 
.mladi{width: 115px; height: 60px; display:inline; background-position:top left; float:left; overflow:hidden;background-repeat: no-repeat;}
.mladi:hover{background-position: bottom left;}
/*End baner izdvajamo*/
/*Ballon tooltip START*/
#bubble_tooltip{
	width:147px;
	position:absolute;
	display:none;
	z-index:10000;
}
#bubble_tooltip .bubble_top{
	background-image: url('../images/bubble_top.gif');
	background-repeat:no-repeat;
	height:16px;	
}
#bubble_tooltip .bubble_middle{
	background-image: url('../images/bubble_middle.gif');
	background-repeat:repeat-y;	
	background-position:bottom left;
	padding-left:7px;
	padding-right:7px;
}
#bubble_tooltip .bubble_middle span{
	position:relative;
	top:-8px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:11px;
}
#bubble_tooltip .bubble_bottom{
	background-image: url('../images/bubble_bottom.gif');
	background-repeat:no-repeat;
	background-repeat:no-repeat;	
	height:44px;
	position:relative;
	top:-6px;
}
/*Ballon tooltip end*/

/* date picker START */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dp {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitle {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButton {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButton {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
/* Date picker END */	


/* Kalendar dogadjaja */
.cal_post{
	font-weight:bold;
	color: #003f90;
	border:black solid 1px;
	background-color:#e0e5e9;
}