body { background-color:#242e53; background-image:url(images/bg.jpg); background-position:top center; background-repeat:no-repeat; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; }
#content { width:980px; margin:auto; background-color:#FFFFFF; margin-bottom:10px; }
#header { height:110px; overflow:hidden; }
#header div.header_left {float: left; width:300px;}
#header div.header_right {float: right; width:600px; text-align:right; font-size:12px; color:#192e50; padding-top:20px; padding-right:10px;}

#menu_holder { height:37px; background-color:#192e50; background-image:url(images/menu_bg.gif)}
#animacija { width:980px; height:260px; overflow:hidden; border-bottom:10px solid #192e50; background-color:#FFF;}
#main_content { padding:10px; font-size:12px; color:#333333;}

#footer {  margin:auto;margin-bottom:40px; width:980px; color:#FFF; font-size:11px;}
#footer a, #main_content a, #header a {color:#8dc63f; text-decoration:none;}
#footer a:hover, #main_content a:hover { text-decoration:underline;}
#footer div.left { width:530px; float:left;}
#footer div.left strong { display:block; font-size:12px; color:#8dc63f; margin-bottom:10px;}
#footer div.right { width:440px; float:right;}

#footer div.right div.column { float:left; width:110px;}
#footer div.right .last { text-align:right;}
#footer div.right div.column span { display:block;color:#8dc63f;}

#left_col { float:left; width:650px; }
#right_col { float:right; width:300px;}

#footermenunav { padding:0; margin:0; margin-top:10px; list-style:none; display:block; text-align:right;}
#footermenunav li {display: inline; padding-left:5px; margin-left:5px; border-left:1px solid #FFF;}
#footermenunav li:first-child { border:none;}

ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; padding:0px 20px; text-decoration:none; color:#FFFFFF;}
ul.menu a:hover, ul.menu a.active { background-color:#719d44; border-color:#719d44;}
ul.menu li {position:relative; float:left; height:32px; vertical-align:middle; line-height:32px; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
ul.menu ul {position:absolute; top:37px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; width:180px; margin:0; font-size:12px;}
ul.menu ul li a {display:block; background-color:#192e50}
ul.menu ul li a:hover {background-color:#192e50; color: #999}
ul.menu ul ul {left:180px; top:-1px}
ul.menu .menulink { height:32px; border-top:5px solid #FFFFFF;}
ul.menu .menulink:hover, ul.menu .menuhover {}
ul.menu .sub {}
ul.menu .topline {}

div.clear { clear:both;}

div.section, h1.title { padding:0; margin:0; height:30px;line-height:30px; vertical-align:middle; padding:0px 10px; background-color:#192e50; color:#FFFFFF; margin-bottom:10px; padding-left:20px; background-image:url(images/bullet.gif); background-position:8px 13px; background-repeat:no-repeat; font-size:13px; font-weight:normal;}

div.green_section { padding:0; margin:0; height:30px;line-height:30px; vertical-align:middle; padding:0px 10px; background-color:#719d44; color:#FFFFFF; margin-bottom:10px; padding-left:20px; background-image:url(images/bullet.gif); background-position:8px 13px; background-repeat:no-repeat; font-size:13px; font-weight:normal;}

div.banner_box { margin-bottom:5px;} 
div.banner_box { margin-bottom:5px;} 

#main_content h2 { font-size:16px; font-weight:normal; padding:0; margin:0;margin-bottom:5px; color:#192e50;}

div.news_item, div.news_latest { overflow:auto; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted #CCC;}
#main_content div.news_item h2 a {color:#192e50;}
div.news_item img, div.news_latest img { float:left; margin-right:10px;}
#news_pregled img.news_image {float:left; margin-right:10px; margin-bottom:10px;}
div.news_item div.datum { font-size:11px; color:#999999}
div.news_latest div.datum { font-size:11px; color:#719d44}
#main_content div.news_latest h2 a {color:#192e50;}
div.news_latest { margin-bottom:5px;padding-bottom:5px;}

img.img_left{
	float: left;
	text-align: inherit;
}

img.img_right {
	float: right;
	text-align: inherit;
}

input, textarea { padding:3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}
form { padding:0px}
form label { display:block; margin-bottom:5px;}
form input.input_box { padding:3px; background-color:#FFFFFF; border:1px solid #CCCCCC; margin-bottom:5px;}
form input.input_button { padding:3px; font-size:13px; cursor:pointer;} 

#frmPrijava { padding:0; padding-top:5px;}
#frmPrijava label { display:block;font-size:11px;}
#frmPrijava input.inputLogin { background-color:#192e50; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; margin-bottom:3px; border:0px; -moz-border-radius:3px; margin-left:10px;}
#frmPrijava input.aPrijavaButton {display:none;}
#frmPrijavaNewsletter { padding-bottom:5px;}

#frmApplication h2.title { font-size:13px; font-weight:bold;  border-bottom:1px solid #719d44; padding-bottom:5px; margin-bottom:10px;}
#frmApplication table { margin-bottom:10px;}
#frmApplication table td.col_short { width:170px;}
#frmApplication input.simple{ background-color:#CCC; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#192e50; margin-bottom:3px; border:0px; -moz-border-radius:3px;}
#frmApplication table td.col_20 { width:20%;}
#frmApplication textarea{ background-color:#CCC; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#192e50; margin-bottom:3px; border:0px; -moz-border-radius:3px;}

/* vertical scrollable */

.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	height: 200px;
	width: 300px;
}

.scrollable .items {
	position:absolute;
	height:20000em;
}
.scrollable .items  div {float:left; width:300px;height:200px;}

a.prev, a.next { float:left; width:16px; height:16px;  background-image:url(images/updown.jpg); cursor:pointer;}
a.next { background-position: -16px 0px; margin-left:3px;}

#scrollable a { display:block; text-decoration:none; padding-bottom:5px;color:#666666;}
#scrollable a:hover { text-decoration:none; !important; color:#719d44; }
#scrollable a strong { font-size:16px; font-weight:normal; color:#192e50 ; display:block;}
#scrollable span { display:block;}
#scrollable span.datum { font-size:10px; color:#719d44;}

table.job tr td:first-child { color:#719d44;}
table.job p { padding:0; padding-bottom:10px; margin:0;}