/*
Menu related selectors
*/
.jsdomenudiv {
	background: transparent ;
	
	background-image: url(office_xp_menu_left4.png); 
	background-repeat: repeat-y;
	border: 1px solid #FFFFFF;
	cursor: hand;
	padding-bottom: 3px;
	padding-top: 3px;
	position: absolute; /* Do not alter this line! */
	visibility: hidden;
	z-index: 10;
}

.jsdomenuitem {
	background: transparent ;
	border: 1px transparent #000000;
	color: #FFFFFF;
	font-family: Verdana, Tahoma, Helvetica, sans, Arial, sans-serif;
	font-size: 11px;
	padding-bottom: 6px;
	padding-left: 30px;
	padding-right: 15px;
	padding-top: 6px;
	position: relative; /* Do not alter this line! */
}

.jsdomenuitemover {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	color: #000000;
	font-family: Verdana, Tahoma, Helvetica, sans, Arial, sans-serif;
	font-size: 11px;
	margin-left: 1px;
	margin-right: 1px;
	padding-bottom: 5px;
	padding-left: 28px;
	padding-right: 15px;
	padding-top: 5px;
	position: relative; /* Do not alter this line! */
}

.jsdomenuarrow {
	background-image: url(office_xp_arrow.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 7px;
	position: absolute; /* Do not alter this line! */
	right: 8px;
	width: 4px;
}

.jsdomenuarrowover {
	background-image: url(office_xp_arrow_o.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 7px;
	position: absolute; /* Do not alter this line! */
	right: 8px;
	width: 4px;
}

.jsdomenusep {
	padding-left: 28px;
}

.jsdomenusep hr {
}

/*
Menu bar related selectors
*/
.jsdomenubardiv {
	background-color: #ECE9D8;
	background-image: url(office_xp_divider.png);
	background-position: left;
	background-repeat: no-repeat;
	border: 1px outset;
	cursor: default;
	padding-bottom: 3px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 3px;
	position: absolute; /* Do not alter this line! */
	visibility: visible;
}

.jsdomenubardragdiv {
	cursor: move;
	display: inline;
	font-family: Tahoma, Helvetica, sans, Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	position: relative; /* Do not alter this line! */
	visibility: hidden;
	width: 9px;
}

.jsdomenubaritem {
	background-color: #EFEDDE;
	border: none;
	color: #000000;
	display: inline;
	font-family: verdana, Tahoma, Helvetica, sans, Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 2px;
	padding-left: 24px;
	padding-right: 10px;
	padding-top: 2px;
	position: relative; /* Do not alter this line! */
}

.jsdomenubaritemover {
	background-color: #C1D2EE;
	border: 1px solid #316AC5;
	color: #000000;
	display: inline;
	font-family: verdana, Tahoma, Helvetica, sans, Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 2px;
	padding-left: 23px;
	padding-right: 9px;
	padding-top: 2px;
	position: relative; /* Do not alter this line! */
}

.jsdomenubaritemclick {
	background-color: #EFEDDE;
	border: 1px solid #8A867A;
	color: #000000;
	display: inline;
	font-family: Verdana, Tahoma, Helvetica, sans, Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 2px;
	padding-left: 23px;
	padding-right: 9px;
	padding-top: 2px;
	position: relative; /* Do not alter this line! */
}

/*
Example of selectors for icons. Change the height and width to match the actual 
height and width of the icon image.
*/
.icon1 {
	background-image: url(icon1.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 2px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.icon2 {
	background-image: url(icon2.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 2px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.icon3 {
	background-image: url(icon3.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 2px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.icon4 {
	background-image: url(icon4.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 2px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.icon5 {
	background-image: url(icon5.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 2px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}
.icon6 {
	background-image: url(icon6.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 2px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.icon7 {
	background-image: url(icon7.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 2px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.icon8 {
	background-image: url(icon8.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 2px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.icon9 {
	background-image: url(icon9.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 2px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.icon10 {
	background-image: url(icon10.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 2px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.icon11 {
	background-image: url(icon11.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 2px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.icon12 {
	background-image: url(icon12.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 2px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.icon13 {
	background-image: url(icon13.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 2px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.icon14 {
	background-image: url(icon14.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 2px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.icon15 {
	background-image: url(icon15.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 2px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.icon16 {
	background-image: url(icon16.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 2px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.icon17 {
	background-image: url(icon17.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 2px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.icon18 {
	background-image: url(icon18.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 2px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.icon19 {
	background-image: url(icon19.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 2px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.icon20 {
	background-image: url(icon20.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 2px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.icon21 {
	background-image: url(icon21.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 2px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.icon22 {
	background-image: url(icon22.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 2px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.icon100 {
	background-image: url(icon100.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 2px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.icon200 {
	background-image: url(icon200.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 2px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}
/*
dodatni tekst
*/

.text-10 {	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-indent: 0;
	line-height: 120%;
	text-align: center;
	MARGIN-left: 15px;
	MARGIN-top: 3px;
	MARGIN-bottom: 3px;
	MARGIN-right: 15px;

}

.text-10-bijelo {	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-indent: 0;
	line-height: 120%;
	text-align: center;
	MARGIN-top: 5px;
	MARGIN-bottom: 3px;
	}

.text-10-bijelo-left {	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-indent: 0;
	line-height: 120%;
	text-align: left;
	MARGIN-top: 5px;
	MARGIN-bottom: 3px;
	}

.crta {	
	color: #C1D2EE;
	text-indent: 0;
	line-height: 120%;
	text-align: center

}

.text-11 {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	MARGIN-top: 10px;
	MARGIN-bottom: 10px;
	text-indent: 0;
	line-height: 100%;
	text-align: center;

}

.text-11-desno {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	MARGIN-right: 25px;
	MARGIN-top: 30px;
	line-height: 120%;
	text-align: right;
	FONT-WEIGHT: bold;
}

.text-11-bold {	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-indent: 0;
	line-height: 120%;
	text-align: center;
	FONT-WEIGHT: bold

}

.text-10-left {	font-family: verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	line-height: 120%;
	text-align: left;
	ARGIN-left: 15px;
	MARGIN-top: 3px;
	MARGIN-bottom: 3px;
	MARGIN-right: 15px;

}

.text-10-left-c {	font-family: verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF2222;
	line-height: 120%;
	text-align: left;
	ARGIN-left: 15px;
	MARGIN-top: 3px;
	MARGIN-bottom: 3px;
	MARGIN-right: 15px;

}

.text-10-left-bold {	font-family: verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	line-height: 120%;
	text-align: left;
	MARGIN-left: 15px;
	MARGIN-top: 20px;
	MARGIN-right: 15px;
	FONT-WEIGHT: bold

}

.text-10-left-bold-c {	font-family: verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF2222;
	line-height: 120%;
	text-align: left;
	MARGIN-left: 15px;
	MARGIN-top: 20px;
	MARGIN-right: 15px;
	FONT-WEIGHT: bold

}

.text-11-left {	font-family: verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-indent: 30px;
	line-height: 120%;
	text-align: left;
	MARGIN-left: 15px;
	MARGIN-top: 3px;
	MARGIN-bottom: 3px;
	MARGIN-right: 15px

}

.text-10-left-line {	font-family: verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	line-height: 120%;
	text-align: left;
	MARGIN-left: 15px;
	MARGIN-right: 15px;
	TEXT-DECORATION: underline

}

.text-11-left-form {	font-family: verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: left;
	MARGIN-left: 5px;
	MARGIN-right: 5px

}

.text-11-left-bold {	font-family: verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-indent: 10;
	line-height: 120%;
	text-align: left;
	MARGIN-left: 15px;
	MARGIN-top: 15px;
	MARGIN-bottom: 10px;
	MARGIN-right: 15px;
	FONT-WEIGHT: bold

}

.text-12-left {	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-indent: 15;
	line-height: 130%;
	text-align: left;
	MARGIN-left: 15px;
	MARGIN-top: 10px;
	MARGIN-botom: 2px;
	MARGIN-right: 15px

}

.text-12-left-bold {	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-indent: 15;
	line-height: 120%;
	text-align: left;
	MARGIN-left: 15px;
	MARGIN-top: 20px;
	MARGIN-right: 15px;
	FONT-WEIGHT: bold

}
.text-naslov-desno {	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #7d2171;
	text-indent: 0;
	text-align: right;
	MARGIN-left: 15px;
	MARGIN-right: 80px;
	FONT-WEIGHT: bold

}

.text-naslov-sredina {	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #ffffff;
	text-indent: 0;
	MARGIN-top: 5px;
	MARGIN-bottom: 5px;
	text-align: center;
	FONT-WEIGHT: normal

}

.text-naslov-sredina-manji {	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-indent: 0;
	MARGIN-top: 5px;
	MARGIN-bottom: 5px;
	text-align: center;
	FONT-WEIGHT: normal

}

.text-naslov-lijevo {	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #23324e;
	text-align: left;
	MARGIN-left: 15px;
	FONT-WEIGHT: bold

}

A:link {
	FONT-WEIGHT: normal;    TEXT-DECORATION: none
}
A:visited {
	FONT-WEIGHT: normal;    TEXT-DECORATION: none
}
A:hover {
	FONT-WEIGHT: normal;   TEXT-DECORATION: underline
}

.polja {
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF
}	

.polja-sivo {
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF
}	
	
.tablica {
	background-color: #FFFFFF
}	

.tablica-sivo {
	background-color: #FFFFFF
}	

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #23324E;
padding: 0px;
left: -1000px;
border: 1px  gray;
visibility: hidden;
color: white;
font-family: verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -500px;
left: -700px; /*position where enlarged image should offset horizontally */
}