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

body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
body {
	background-color: #333333;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

html, body { height:100%; width:100%; }
div.cont {
	height:100%;
	width:100%;
	background-image:url(html_bkg1.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}

a, a:link, a:visited, a:active {
	text-decoration:none;
	color: #e77817;
}

a:hover {
	color:#FFFFFF;
} 

p {
	margin:0 0 5px 0;
}

img.img_border, a img.img_border {
	border: 3px solid #585858;
}
a:hover img.img_border{
	border-color: #e77817;
}

.orange {
	color: #e77817
}
.white {
	color: #FFFFFF
}

div.in {
	width:940px;
	margin:0 auto;
	text-align: left;
}

div#header {
	position:fixed;
	left: 0; 
	top: 0;
	background-color:#1d1e21;
	border-bottom:1px solid #797979;
	height:70px;
	width:100%;
	text-align:center;
	z-index:10;
}
div#header div.header_in {
	margin:0 auto;
	text-align:left;
	width:940px;
	height:70px;
	color:#FFF;
}

div#header ul#nav {
	position:absolute;
	margin:0;
	padding:0;
	padding-top:30px;
	z-index:20;
}
div#header div#logo {
	position:absolute;
	margin-left:780px;
	margin-top:14px;
	width:111px;
	height:111px;
	background-image:url(logo.png);
	z-index:30;
}

div#header ul#nav li {
	float:left;
	list-style: none;
	margin-right:1px;
}

div#header ul#nav li a, div#header ul#nav li a:link, div#header ul#nav li a:visited, div#header ul#nav li a:active {
	text-decoration:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	height:50px;
	line-height:30px;
	padding-left:10px;
	padding-right:10px;
	display:-moz-inline-box;
	display:inline-block;
	color: #ffffff;
	opacity:0.8;
}

div#header ul#nav li a:hover {
	color:#CCC;
} 
div#header ul#nav li.boxblack a.active {
	background-color:#404040;
}
div#header ul#nav li.boxyellow a.active {
	background-color:#e7da05;
}
div#header ul#nav li.boxblue a.active {
	background-color:#1b92c2;
}
div#header ul#nav li.boxorange a.active {
	background-color:#e77817;
}
div#header ul#nav li.boxpink a.active {
	background-color:#c30074;
}
div#header ul#nav li.boxgreen a.active {
	background-color:#9ecb3b;
}
div#header ul#nav li.boxolive a.active {
	background-color:#cc97c4;
}
div#header ul#nav li.boxred a.active {
	background-color:#CB2D2C;
}

div#boxblack { background-color:#404040; }
div#boxyellow { background-color:#e7da05; }
div#boxblue { background-color:#1b92c2; }
div#boxorange { background-color:#e77817; }
div#boxpink { background-color:#c30074; }
div#boxgreen { background-color:#9ecb3b; }
div#boxolive { background-color:#cc97c4; }
div#boxred { background-color:#CB2D2C; }


div#content {
	padding-top:120px;
	padding-bottom:0px;
	width:100%;
	text-align:center;
}

div#content div.content_in {
	width:940px;
	margin:0 auto;
	text-align: left;
}

div#content h3 {
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
}
div#content h2 {
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:0;
	padding:0;
}
div#content h1 {
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	margin:0;
	padding:0;
}

div.box_left {
	float:left;
	width:240px;
	padding:10px;
	height:360px;
	opacity:0.8;
}
div.box_right {
	float:right;
	width:240px;
	padding:10px;
	height:360px;
	opacity:0.8;
}
div.box3, div.box3_last {
	width:270px;
	height:140px;
	padding:10px;
	opacity:0.8;
	float:left;
	margin:0 0 35px 0;
}

div.box3_space {
	width:35px;
	height:140px;
	float:left;
	margin:0 0 35px 0;
}

div.content_right {
	float:right;
	padding:10px;
	height:360px;
	width:640px;
	opacity:0.8;
	background-color:#333333;
}
div.content_left {
	float:left;
	padding:0 10px 0 0;
	width:640px;
}
div.text {
	font:normal 12px/16px Verdana, Geneva, sans-serif;
	color:#FFF;
}
#panel {
	height: 320px;
}
.scroll-pane {
	width: 100%;
	height: 320px;
	overflow: auto;
	float: left;
}

div.text_big {
	padding:5px;
	font:normal 16px/20px Verdana, Geneva, sans-serif;
	color:#FFF;
}

div#footer {
	position: fixed;
	left: 0; 
	bottom: 0;
	background-color:#1a1a1a;
	border-top:1px solid #797979;
	height: 60px;
	width:100%;
	text-align:center;
	z-index:33;
}

div#footer div.footer_in {
	width:940px;
	margin:0 auto;
	text-align: left;
	padding-top:10px;
	color:#FFF;
}

a.cat_buttons, a.cat_buttons:link, a.cat_buttons:visited, a.cat_buttons:active {
	text-decoration:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding:3px;
	display:block;
	color: #ffffff;
	background-image:url(arrow_white.gif);
	background-repeat:no-repeat;
	background-position:230px 10px;
}

a.cat_buttons:hover, a#selected.cat_buttons {
	color:#333;
} 

div#footer a, div#footer a:link, div#footer a:visited, div#footer a:active {
	text-decoration:none;
	color:#FFFFFF;
}
div#footer a:hover {
	color:#e77817;
}

div.naslov_white {
	text-decoration:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:26px;
}