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; margin-left:10px; }
#header div.header_right { float: right; width:600px; text-align:right; font-size:12px; color:#192e50; padding-top:10px; padding-right:10px; }
#menu_holder { height:37px; background-color:#192e50; background-image:url(images/menu_bg.gif); }
#menu_social { height:20px; background-color: #192e50; ; width: 220px; float: right; margin-top:10px; margin-right: 16px; text-align:right; }
#menu_social ul { padding:0; margin:0; }
#menu_social ul li { padding-right:10px; padding-bottom:20px; display:inline; }
#menu_social ul li a { font-weight:normal; padding-left:22px; font-size:12px; color:#CCC; text-align:right; text-decoration:none; }
#menu_social ul li a:hover { color:#FFF; }
.facebook { background:url(images/icon-facebook.png) no-repeat 0 3px; }
.twitter { background:url(images/icon-twitter.png) no-repeat 0 3px; }
.linkedin { background:url(images/icon-linkedin.png) no-repeat 0 3px; }
#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: #000; }
form { padding:0px; }
form label { display:block; margin-bottom:2px; }
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; float:right; }
#frmPrijava label { display:block; font-size:11px; text-align: justify; }
#frmPrijava input.inputLogin { background-color:#192e50; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; margin-bottom:2px; 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; }

/* KONTAKT */

form.kObrazac 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; }
form.kObrazac table td.col_20 { width:20%; }
form.kObrazac textarea { background-color:#CCC; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#192e50; margin-bottom:3px; border:0px; -moz-border-radius:3px; }
#frmPodaci input.simple, #frmPodaci select.simple, #newsletter 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; }
#frmPodaci textarea { background-color:#CCC; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#192e50; margin-bottom:3px; border:0px; -moz-border-radius:3px; }

/* FAVORITES */
table.favorites td { border-bottom:1px solid #CCC; }

/* 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; }
#vacancies a { display:block; text-decoration:none; padding-bottom:5px; color:#666666; }
#vacancies a:hover { text-decoration:none; !important; color:#719d44; }
#vacancies a strong { font-size:16px; font-weight:normal; color:#192e50; display:block; padding-bottom:3px; }
#vacancies span { display:block; padding-left:22px; }
#vacancies span.datum { font-size:10px; color:#719d44; }
#vacancies div { margin-bottom:5px; padding-bottom:5px; border-bottom:1px dotted #ccc; }