.but_up
{
	background-color: transparent;
	background-image:url(../images/up2.gif);
	color: #333366;
	font-size:8pt;
	border-width:0px;
	background-repeat: no-repeat;
	height: 17px;
	width:17px;
}
.but_down
{
	background-color: transparent;
	background-image:url(../images/down2.gif);
	color: #333366;
	font-size:8pt;
	border-width:0px;
	background-repeat: no-repeat;
	height: 17px;
	width:17px;
}

BODY
{ /*
background-image: url(../images/logo.jpg);
background-repeat: no-repeat;
BACKGROUND-POSITION: left top;
*/
MARGIN-TOP: 0px;
MARGIN-LEFT: 0px;
FONT-FAMILY: Tahoma, Arial;
color:black;
}
body table
{
color:black;
}
#noback
{
	MARGIN-TOP: 0px;
MARGIN-LEFT: 0px;
FONT-FAMILY: Tahoma, Arial;
background-image: url(none);
}
#noback A
{
	color: black
}
#red
{
color: #c03319
}
#gradient{
	background-image: url(../images/gradient.jpg);
	color:white;
	font-weight: bolder;
	}
#upongrad_w{
	color:white;
	font-weight: bolder;
	}
#upongrad_b{
	color:#3399ff;
	font-weight: bolder;
	text-align: right;
	}
#back
{
position: absolute;
text-align:right;
padding-right: 80px;
margin-top:-7px;
width:100%
}
BODY H1
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 13pt;
    COLOR: #3399ff
}
BODY H1.red
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 13pt;
    COLOR: #c03319
}
BODY H3
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10pt;
    COLOR: #3399ff
}
div.red
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 8pt;
    COLOR: #c03319
}
BODY A
{
	font-weight: bolder;
    color: black;
    TEXT-DECORATION: none
}

#hed
{
	border-width: 0px;
	background-color: transparent;
	background-image: url(../images/head.jpg);
	background-repeat: repeat-y;
}
table.production{
	
}
table.production td
{
		background-image: url(../images/border.jpg);
		background-repeat: repeat-y;
		padding-top:7px;
		padding-left:18px;
		text-indent: -16px
}
table.production td.top
{
		background-image: url(../images/border_top.jpg);
		background-repeat: no-repeat;
}
BODY A:hover
{
    color:black;
	font-weight: bolder;
    TEXT-DECORATION: underline
}
BODY  TD
{
	font-size:8pt;
}
#kocka3
{
   border-color: #3399ff;
   BORDER-left-width: 7px ;
   border-right-width:7px;
   border-bottom-width:7px;
   border-top-width:0px;
   border-style: solid;
   HEIGHT: 80px;
   WIDTH: 80px;
}
#kocka
{
   border-color: #3399ff;
   BORDER-width: 7px ;
   border-style: solid;
   HEIGHT: 80px;
   WIDTH: 80px;
}
#kocka2
{
   border-color: #c03319;
   BORDER-width: 7px ;
   border-style: solid;
   HEIGHT: 80px;
   WIDTH: 80px;
}

#layer2
{
	position: absolute;
	left:678px;
	top:42px;

}
#layer3
{		
	position: absolute;
	LEFT: 665px;
	TOP: 55px;
}
#layer4
{		
	position: absolute;
	LEFT: 665px;
	TOP: 55px;
}
#layer5
{
	position: absolute;
	TOP: 70px;
	LEFT: 555px;
	width: 315px;
	height: 22px;


}
#layer8
{
	position: absolute;
	top:110px;
	left:2px;
	z-index: -1;
	WIDTH: 173px;
	height: 80%
}
#layer6
{
	position: absolute;
	LEFT: 190px;
	TOP: 133px;
    WIDTH: 550px;
	z-index:-1
}


#layer10
{
	position: left;
	left:179px;
	top:10px;
	width:250px
}
#layer11
{
	position: absolute;
	LEFT: 188px;
	TOP: 91px;

}

BODY TABLE TD
{
    FONT-SIZE: 8pt
}
.naslov1
{
	FONT-WEIGHT: bolder;
    FONT-SIZE: 13pt;
    CURSOR: default;
    COLOR: silver
}
TD.heading
{
	PADDING-RIGHT: 15px;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10pt;
	WIDTH: 200px;
    COLOR: #ffffff;
    PADDING-TOP: 0px;
    LETTER-SPACING: 4px;
	filter:alpha(style=0,opacity=70);
	HEIGHT: 15px;
    BACKGROUND-COLOR: #0033CC;
    TEXT-ALIGN: right;
	padding-bottom:3px

}

 table.topnavbar
{
	border-size: 0px;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10pt;
	WIDTH: 630px;
	height:17px;
    BACKGROUND-COLOR: #f00000;
	

}
table.topnavbar td
{
	TEXT-ALIGN: RIGHT;
	font-size: 8pt;
}

table.topnavbar td a
{
	text-decoration: none;
	font-weight: bolder;
	color: #ffffff;
	
}
table.topnavbar td a:hover
{
	color: #000000;
	text-decoration: none;
	font-weight: bolder;
	
}
table.vernavbar
{
	border-color: #3399ff;
	border-width: 1px;
	border-style: solid; 
	WIDTH: 173px;
	background-image: url(none);
	
}
table.vernavbar td
{
	PADDING-TOP: 8px;
	LINE-HEIGHT: 15px;
	TEXT-INDENT: 15px;
    background-image: url(../images/gore.gif);
	background-repeat: no-repeat;
	BACKGROUND-POSITION: 0px 10px;
}
table.vernavbar td.selected
{
	PADDING-TOP: 8px;
	LINE-HEIGHT: 15px;
	TEXT-INDENT: 15px;
  	background-image: url(../images/dole.gif);
	background-repeat: no-repeat;
	BACKGROUND-POSITION: 0px 10px;
	color: #c03319;
	text-decoration: none;
	font-size: 7pt;
	font-weight: bolder
}
table.vernavbar td table.tree
{
	FONT-WEIGHT: bolder;
    FONT-SIZE: 7pt;
    CURSOR: default;
	background-image: url(none);
}
table.vernavbar td table.tree td
{
	PADDING-TOP: 8px;
	LINE-HEIGHT: 15px;
	TEXT-INDENT: 15px;
    background-image: url(../images/gore.gif);
	background-repeat: no-repeat;
	BACKGROUND-POSITION: 0px 10px;
	color: #3399ff
}
table.vernavbar td table.tree td a
{
	FONT-SIZE: 7pt;
    
}
table.vernavbar td table.tree td.selected
{
	PADDING-TOP: 8px;
	LINE-HEIGHT: 15px;
	TEXT-INDENT: 15px;
  	background-image: url(../images/dole.gif);
	background-repeat: no-repeat;
	BACKGROUND-POSITION: 0px 10px;
	color: #c03319;
	text-decoration: none;
	font-size: 7pt;
	font-weight: bolder
}
table.vernavbar td table.tree td.selected a
{
	color: #c03319
}
TABLe.vernavbar TABLE.tree TD.lieves
{
    padding-LEFT: 15px;
    BACKGROUND-IMAGE: url(none);
    TEXT-INDENT: 0px;
    LINE-HEIGHT: 10px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: relative;
	COLOR:#C03319;
    BACKGROUND-COLOR: TRANSPARENT
}
TABLe.vernavbar TABLE.tree TD.lieves_selected
{
    padding-LEFT: 25px;
    BACKGROUND-IMAGE: url(../images/gore.gif);
	BACKGROUND-POSITION: 13px 8px;
    TEXT-INDENT: 0px;
    LINE-HEIGHT: 10px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: relative;
    BACKGROUND-COLOR: transparent;
	color:red
}
TABLe.vernavbar TABLE.tree TD.lieves a
{
	color:#226699
	
}

TABLe.vernavbar TABLE.tree TD.lieves_selected a
{
	text-decoration: underline;
	color: #c03319
}
{
    padding-LEFT: 15px;
    BACKGROUND-IMAGE: url(none);
    TEXT-INDENT: 0px;
    LINE-HEIGHT: 10px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: relative;
    BACKGROUND-COLOR: transparent;
	color:red
}
#nostyle
{
	PADDING-TOP: 0px;
	LINE-HEIGHT: normal;
	TEXT-INDENT: 0px;
    background-image: url(none);
	background-color: white;
	border-width: 0px;
	
}
#nostyle2
{
	background-image: url(none);
	padding-top:0px
}
	
table.vernavbar td a
{
	FONT-SIZE: 7pt;
    COLOR: #3399ff
}
table.vernavbar a:hover
{
	color: #c03319
}
table.content td
{
	 FONT-SIZE: 8pt
}

 TABLE.content TABLE TH
{
	border-width: 1px;
	border-color: #3399ff;
	border-style: solid;
	font-weight:normal;
    FONT-SIZE: 8pt;
  	WIDTH: 100px;
    COLOR: white;
    TEXT-INDENT: 0px;
	BACKGROUND-COLOR: #3399ff
}
 TABLE.content  td.pr
{
	background-image: url(../images/grad_red.jpg);
	background-repeat: no-repeat;

	FONT-WEIGHT: bolder;
    FONT-SIZE: 8pt;
  	WIDTH: 100px;
    COLOR: white;
    TEXT-INDENT: 4px;
	
}
BODY TABLE.content TABLE
{
    FONT-SIZE: 8pt;
    LIST-STYLE-TYPE: none
}
 TABLE.content  H1
{
    FONT-SIZE: 10pt
}
 TABLE.content H2
{
    FONT-WEIGHT: lighter;
    FONT-SIZE: 8pt;
    COLOR: black
}
 TABLE.content H3
{
    FONT-WEIGHT: lighter;
    FONT-SIZE: 9pt;
    COLOR: #3399ff
}

 TABLE.tabela
{
	border-width: 1px;
    BORDER-color: #3399ff;
	border-style: solid;
  	text-align:right
}
 TABLE.tabel
{
	border-width: 1px;
    BORDER-color: #3399ff;
	border-style: solid;
  	text-align:right
}
table.tabel td 
{
	padding-right: 13px
}
table.tabela td
{
	padding-right: 30px
}

table.tabela td p
{
	text-align: right
}
table.tabela th
{
	text-align: center
}
 TABLE.content A
{
    FONT-WEIGHT: lighter;
    FONT-SIZE: 8pt;
    COLOR: black
}
 TABLE.content A:hover
{
    FONT-WEIGHT: lighter;
    FONT-SIZE: 8pt;
    COLOR: black
}
.naslov
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 17px;
    COLOR: #3399ff;
    TEXT-ALIGN: center
}
.naslov2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 17px;
    COLOR: #3399ff;
    TEXT-ALIGN: left;
	text-indent:15px;
	cursor:hand
}
TABLE.slika
{
    FONT-SIZE: 7pt;
    COLOR: white;
    TEXT-INDENT: 0pt;
    LETTER-SPACING: 0pt;
    TEXT-ALIGN: center
}
TABLE.slika THEAD
{
    COLOR: white;
    TEXT-INDENT: 0pt;
    BACKGROUND-COLOR: #c03319;
    TEXT-ALIGN: center
}
TABLE.slika TFOOT
{
    TEXT-INDENT: 0pt;
    BACKGROUND-COLOR: #c03319;
    TEXT-ALIGN: center
}
tr.paren
{
	background-color: "aliceblue"
}
tr.neparen
{
	background-color: "white"
}
#products
{
	background-image: url(../images/gore-blue.gif);
	background-repeat: no-repeat;
	text-indent: 10px;
	BACKGROUND-POSITION: 0px 3px;
}
#products_preb
{
	background-image: url(none);
	text-indent: -16px;
	padding-left:16px;

}
#products a:hover
{
	font-weight: bolder;
	color: #3399ff
}
#products_preb a:hover
{
	
	color: #c03319
}
input.butt_down
{
	background-image: url(../images/down.jpg);
	background-repeat: no-repeat;
	background-color: aliceblue;
	border-width: 0px;
	width: 20px;
	cursor: hand;
}
#blue{
color: #3399ff;
font-weight: bolder
}
input.butt_up
{
	background-image: url(../images/up.jpg);
	background-repeat: no-repeat;
	background-color: aliceblue;
	border-width: 0px;
	width: 20px;
	cursor: hand;
	
}
input.butt
{
	background-color: aliceblue;
	border-width: 1px;
	border-color: #3399ff;
	color: #3399ff;
	font-weight: bolder;
	border-style: outset;
	font-size: 8pt;
}

input.butt_red
{
	background-color: aliceblue;
	border-width: 1px;
	border-color: #c03319;
	color: #c03319;
	font-weight: bolder;
	border-style: outset;
	font-size: 8pt;
}
input.butt_red_small
{
	background-color: aliceblue;
	border-width: 1px;
	border-color: #c03319;
	color: #c03319;
	font-weight: bolder;
	border-style: outset;
	font-size: 7pt
}
input.buttdel
{
	background-color: white;
	border-width: 0px;
	border-color: white;
	color: #3399ff;
	font-weight: bolder;
	font-size: 8pt;
	border-style: solid;
	height:25px;
	width: 25px;
	
}
input.delpic
{
	background-color: aliceblue;
	border-width: 0px;
	border-color: aliceblue;
	font-weight: bolder;
	font-size: 8pt;
	border-style: solid;
	color: #3399ff;
	width: 140px;
	cursor: hand;
	}
	input.x
{
	background-color: aliceblue;
	border-width: 0px;
	border-color: aliceblue;
	font-weight: bolder;
	border-style: solid;
	color: #3399ff;
	width: 140px;
	cursor: hand;
	}
INPUT.REF
{
	background-color: WHITE;
	border-width: 0px;
	font-weight: bolder;
	font-size: 8pt;
	color: #3399ff;
	TEXT-ALIGN:LEFT
}
.input_gen
{
	border-width: 1px;
	border-color: #3399ff;
	border-style: solid;
	font-size: 8pt;
}
.input_gen_red
{
	border-width: 1px;
	border-color: #c03319;
	border-style: solid;
	font-size: 8pt;
}
.input_numbers
{
	border-width: 1px;
	border-color: #3399ff;
	border-style: solid;
	text-align: right;
	width:60px;
	font-size: 8pt;
}
input.input
{
	border-width: 1px;
	text-align: right;
	border-color: #3399ff;
	width: 70px;
	border-style: inset;
	font-size: 8pt;
}
.input_date
{
	border-width: 1px;
	border-color: #3399ff;
	border-style: solid;
	width: 120px;
	font-size: 8pt;
	
}
input.inputl
{
	border-width: 1px;
	text-align: right;
	border-color: #3399ff;
	width: 110px;
	border-style: inset;
	font-size: 8pt;
}
input.small
{
	border-width: 1px;
	width: 40px;
	border-style:solid;
	border-color: #3399ff;
	text-align: right;
}
#alignright
{
	TEXT-ALIGN: RIGHT
}
#blue
{
	color:#3399ff
}
BODY HR
{
	COLOR: #3399FF;
	BORDER-STYLE: OUTSET;
	WIDTH: 75%;
}
table.reff
{
	border-top:#3399ff solid 1px;
	border-bottom: #3399ff solid 1px;
	border-left: 0px;
	border-right: 0px;
	border-style: solid;
	border-color: #3399ff;

}
table.reff td
{
	
	text-align: center;

	height: 25px
}
table.reff td.r
{
	text-align: right;
	width: 50px
}
table.reff td.l
{
	text-align: left;
	width: 140px
}
table.reff td.ll
{
	text-align: left;
	width: 180px
}
table.ref
{
	border-width: 1px;
	border-style: solid;
	border-color: #3399ff;
}
table.ref td
{
	text-align: center;
}
table.ref td.r
{
	text-align: right;
	width: 85px
}
table.ref td.l
{
	text-align: left;
	width: 160px
}
table.ref td.list
{
	text-align: left;
	text-indent: 5px
}

table.ref td.listc
{
	text-align: center;
	text-indent: 5px
}

table.ref td.listr
{
	text-align: right;
	text-indent: 5px
}

table.ref td.list a
{
	font-weight: normal
}
table.ref td.list a:hover
{
	font-weight: normal
}

table.ref td.listr a
{
	font-weight: normal
}
table.ref td.listr a:hover
{
	font-weight: normal
}

table.ref td.listc a
{
	font-weight: normal
}
table.ref td.listc a:hover
{
	font-weight: normal
}

table.ref td.h
{
	text-align: center;
	background-color: #3399ff;
	color: white;
	font-weight: bolder
}
table.ref td.h a
{
	color: white;
}

table.agents
{
	border-width: 0px;
	border-style: solid;
	border-color: #3399ff;
	text-align:left;
	width:500px
}
table.agents td.head
{
border-bottom:#c03319 solid 1px;
color: #3399ff;
font-weight: bolder;
text-indent: 5px
}

table.agents td
{
	text-indent: 30px
}	
table.cells
{
border-width: 1px;
	border-style: solid;
	border-color: #3399ff;
	
	
}
table.cells td
{
   border-top: 0px;
   border-left:0px;
   border-right: 0px;
   border-bottom: 1px;
	border-style: solid;
	border-color: #3399ff;

}
table.cells td.head
{
   border-top: 0px;
   border-left:0px;
   border-right: 0px;
   border-bottom: 1px;
	border-style: solid;
	border-color: #3399ff;
	background-color: #3399ff;
	color: white;
	text-align:left;
	font-weight: bolder;
}
#pic
{
	position: absolute;
	top: 30px;
	z-index: -1;
}
#pic2
{
	position: absolute;
	top: 120px;
	left: 220px
}
.zemja
{
    FONT-SIZE: 12px;
    COLOR: #004080;
	font-weight: bolder;
}

.kontinent
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    FONT-FAMILY: Tahoma;
	COLOR: #3399ff;
	
}
hr
{
	border-color: #3399ff
}
hr.red
{
	border-color: #c03319
}
ul
{
list-style-type:disc
}
ul.koc
{
list-style-type:square
}
ul.krug
{
list-style-type:circle
}
ul#nostyle
{
list-style-type:none
}
.messages
{	
	border-top: #3399ff groove 2px;
	border-left: #3399ff groove 2px;
	border-bottom: #3399ff groove 2px;
	border-right: #3399ff groove 2px;
	background-color: aliceblue;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	text-indent: 5px
}
.messages td
{
		border-bottom: #3399ff solid 1px;
	
}
.messages td.old a
{
	color: #3399ff;
}
.messages td.pic
{
	border-bottom: 0px;
}
.ind25
{
	text-indent: 25px
}
table.fac
{
border-top: #3399ff 1px solid;
border-bottom: #3399ff 1px solid;

}
p.news
{
	font-weight: bolder;
	color:#3399ff;
}
