body,html{
	width: 100%;
	height:100%;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	padding-right:10px;
}
body, table, input, .text{

	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
}
a{
	color: #025196;
}
.red{border: solid 1px red;}
.green{border: solid 1px green;}
.blue{border: solid 1px blue;}
.headerMenuBg{
	background-color:#373781;
	color: #cdcde5;
	margin-bottom: 3px;
}
.bf{ display:block;float:left;}
A.mainLink{
	color: white;
	font-weight: bold;
	padding-left: 6px;
	padding-right: 10px;
}
A.mainLinkSelected{
	border-left: dotted 1px white;	
	border-right: dotted 1px white;	
	border-bottom: solid 3px #373781;	
	border-top: none;
}
a.admin{
	color: #dd0000;
}
.index_categ h2{
	margin-top: 4px;
	padding-top: 4px;
}
h2{
	font-size: 13px;
}
DIV.mainSubMenu, SPAN.mainSubMenu{
	width: auto;
	display: block;
	color: #373781;
	border: solid 1px #373781;
	padding-left: 6px;
	padding-right: 10px;
}
A.mainSubMenu{
	color: #373781;
	text-decoration: none;
	padding-left: 6px;
	padding-right: 10px;
}
A.mainSubMenu:hover{
	background-color: #EEEEEE;
}

.line2{
	background-color: #eeeeee;
}
TH.list, TR.list{
	background-color: #373781;
	color: white;
}
.outDiv{
	width: 779px;
	border:solid 1px #c7c2ae;
	border-top: none;
	border-bottom: none;
}
.left, .index_left{
	background-color: #f3f2ed;
}
.left{
	width:199px;
}
.header2{
	background-color: #f3f2ed;
	margin-right:3px;
	height:92px;
	margin-bottom: 3px;
	padding: 5px;
}
.right{
	float:right;
	width: 143px;
	margin-right: 3px;
	background-color: #f3f2ed;
	height: 100%;
}
.blue1{
	background-color: #025196;
	color: white;
}
DIV.menu1{
	font-weight:bold;
	color: #c6c2a9;
}
DIV.submenu a{
	color: #606060;
	display: block;
	margin-left: 20px;
	height: 18px;
	padding-top: 2px;
	padding-left: 10px;
	border-bottom: dashed 1px #c4c4ac;
	text-decoration:none;
}
DIV.submenu a:hover,DIV.submenu a.selected{
	background-color: white;
}
.input{
	border: solid 1px #c4c3ae;
}

.in_traka_l{
	display:block;
	float: left;
	width: 189px;
}
.in_traka_l,.in_traka_r{
	display:block;
	float: left;
	height: 24px;
	background-color: white;
	background-image: url(images/traka_out.png);
	background-repeat: no-repeat;
}
.in_traka_l{
	padding-left:1px;
}
.in_traka_r{
	background-position: right top;
	padding-left:1px;
	width: 573px;
}
.traka{
	vertical-align: center;
	background-color: #f3f2ed;
	height: 27px;
	padding-left: 10px;
	margin-bottom: 5px;
	padding-top: 3px;
}

b.bt1,  b.bt1 b,  b.bt1 b a,
b.bt2,  b.bt2 b,  b.bt2 b a,
b.bt2d, b.bt2d b, b.bt2d b a{
	display:block; float:left;
	height: 18px;
	background-repeat: no-repeat;
	background-position: left top;
}
b.bt1,
b.bt2,
b.bt2d{
	padding-left: 2px;
	background-image: url(images/bt1_left.png);
}
b.bt1 b,
b.bt2 b,
b.bt2d b{
	padding-right: 2px;
	background-position: right top;
}
b.bt1 b a,
b.bt2 b a,
b.bt2d b a{
	text-decoration: none;
	background-repeat: repeat-x;
	font-weight: bold;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 2px;
	height: 16px;
}

b.bt1{background-image: url(images/bt1_left.png);}
b.bt1 b{background-image: url(images/bt1_right.png);}
b.bt1 b a{
	background-image: url(images/bt1_bg.png);
	color: white;
}
b.bt2{margin-left:4px;background-image: url(images/bt2_left.png);}
b.bt2 b{background-image: url(images/bt2_right.png);}
b.bt2 b a{
	background-image: url(images/bt2_bg.png);
	color: #025196;
}
b.bt2d{margin-left:4px;background-image: url(images/bt2d_left.png);}
b.bt2d b{background-image: url(images/bt2d_right.png);}
b.bt2d b a{
	background-image: url(images/bt2d_bg.png);
	color: gray;
}

.toolbar2{
	background-image: url(images/toolbar2_bg.png);
}
a.traka_link{
	display:block; float:left;
	font-weight: bold;
	color: #7dbb02;
	text-decoration: none;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 4px;
	padding-bottom: 3px;
	margin-top: 2px;
	border-right: dotted 1px #7dbb02;
}
a.traka_link:hover,a.traka_link.selected{
	color:black;
	backg_round-color: #eeeeee;
}
b.problemDate{
	display: block;
	width: 36px;
	height: 26px;
	border: solid 3px #f1f2ed;
}
b.problemDate b{
	display: block;
	text-align:center;
	width: 36px;
	height: 17px;
	padding-top: 4px;
	color: white;
	background-color: #025196;
	border-bottom: solid 5px #7eba00;
}
table.problem td{
	padding-bottom:6px
}
table.problem{
	clear: both;
	width:425px;
	border-bottom: solid 2px #f1f1f1;
	margin-bottom: 6px;
}
table.problem b.title{
	color: #025196;
}
.categories a{
	font-size: 12px;
	font-weight: bold;
	margin-top: 2px;
	padding: 2px;
	display:block;
	width: 270px;
	background-color: #f3f2ed;
}
.categories ul a{
	font-weight: normal;
	font-size: 11px;
	margin-top: 0px;
	padding:0px;
	display:inline;
	background-color: #FFFFFF;
}
.kutak a{
	font-size: 12px;
	font-weight: bold;
	margin-top: 2px;
	padding: 2px;
	display:block;
	width: 175px;
	background-color: #f3f2ed;
}
.kutak ul a{
	font-weight: normal;
	font-size: 11px;
	margin-top: 0px;
	padding:0px;
	display:inline;
	background-color: #FFFFFF;
}
table.index_categ{
	color: white;
}
table.index_categ TD{
	border: solid 1px white;
}
table.index_categ TD.index_hover{
	border: solid 1px black;
}
table.index_categ a{
	color: white;
	font-weight: bold;
}

DIV.box1{
	float:left;
	margin:1px;
	border:solid 1px #c7c2ae;
}

DIV.box1 DIV{
	padding:4px;
	margin:1px;
}

DIV.box1 DIV.title{
	border:solid 1px #c7c2ae;
	background-color:#c7c2ae;
	color:white;
	padding:4px;
	margin:1px;
}

DIV.boxPromo{
	border:solid 1px #c7c2ae;
	width: 196px; 
	position: absolute;
	top:4px;
	left:804px;
	margin:1px;
}

DIV.boxPromo DIV{
	margin:1px;
}

DIV.boxPromo .likovi{
	padding:4px;
	padding-right: 1px;
}

DIV.boxPromo DIV.title{
	border:solid 1px #c7c2ae;
	background-color: #e3e4dc;
	color:gray;
	padding:2px;
	margin:1px;
}

.naslov{
	background-color: #c7c2ae;
	color: white;
}
.content img{
	margin-right: 4px;
}
