﻿body, html {width:100%; height:100%; margin: 0px; padding: 0px;}
body, table {font-family: Arial; font-size: 12px; color:#6e6e6e; }
body {background: #d7eaf6 url(images/bg_top.gif) repeat-x;}
h1 { font-size:14px; font-weight: bold; color:#075385;}
h2 { font-size:14px; font-weight: bold; color:#328dc8;}
ul { list-style-image: url(images/list_bullet.gif);}
a {color: #0061A0; }

/* TOP MENU*/
.top_menu {background-color: #0061a0;}
.top_menu a {padding-left: 5px; color:#ffffff; font-size:12px; text-decoration: none;}
.top_menu div{padding-top: 6px; }

/* TOP LEFT MENU*/
.top_left_menu { background-image: url(images/logo.gif); background-repeat: no-repeat;}
.top_left_menu a {padding-left: 10px; color:#0b5687; font-family: Times New Roman; font-size:14px; text-decoration: none; font-style: italic; font-weight: bold;}
.top_left_menu div{padding-top: 184px; padding-left:20px }

/*LEFT MENU*/
.menu a {display:block; background: url(images/bullet2.gif) no-repeat 0px 4px; padding-left:10px; color: #ffffff; text-decoration: none; font-size: 12px; margin-bottom: 4px;}
.menu a.submenu{padding-left: 20px; background: url(images/list_bullet.gif) no-repeat 10px 4px;}
.menu a.selected {color: #b1d5ed;}
.menu_dots { background-image: url(images/menu_dots.gif); background-repeat: repeat-x; height: 1px; font-size:1px; overflow:hidden; padding:0px; margin-top:5px; margin-bottom:5px;}
.menu { color: #ffffff; padding:10px 5px 5px 10px; background:#328dc8 url(images/menu_bg.gif) no-repeat top right; width:196px;}
.menu .title {font-size:12px; font-weight: bold; margin-bottom: 3px;}
.menu .introduction {background: url(images/bullet2.gif) no-repeat 0px 4px; padding-left:10px; font-size:12px; margin-top: 5px; margin-bottom: 10px; color: #b1d5ed; line-height: 14px; }

/*TOČKE VERTIKALNE*/
.vdots { background-image: url(images/bg_repeater.gif); background-repeat: repeat-y;}

/*TOČKE HORIZONTALNE*/
.hdots { background-image: url(images/bg_repeater_bottom.gif); background-repeat: repeat-x;}

/* LANGUAGE BAR*/
.language {background-color: #ffffff;}
.language a {padding-bottom: 4px; padding-left: 5px; color:#0b5687; font-size:11px; text-decoration: none;}
div.language{padding-top: 32px; padding-right: 15px; height: 20px; text-align: right;}

/* LANGUAGE BAR inside*/
.language2 {background-color: #fdfdfd;}
.language2 a {padding-bottom: 4px; padding-left: 10px; color:#0b5687; font-size:14px; text-decoration: none;}
.language2 div{background-image: url(images/header_bg.gif); height: 62px; text-align: right; padding-top: 32px; padding-right: 15px; margin-right:10px;}


/*NEWS*/
.news_title_bg { background:#ffffff url(images/news_bg.gif) no-repeat bottom right; height: 15px; color: #328dc8; font-size:14px; padding-left: 10px; padding-top: 10px;}
.news {background:#fdfdfd; height: 15px; padding-left: 10px; padding-right: 10px; padding-top: 10px; line-height:14px; font-size:11px;}
.news_title { font-size:14px; color:#075385; padding-bottom:5px;}
.news_image { border: solid 1px #075385; float:left; margin-right: 5px; margin-bottom: 5px;}
.news_more { text-align: right; padding-right: 5px; margin-top: 5px; font-size:11px; font-weight: bold; color:#075385;}
.news_more a { text-decoration: none; }
.news_dots { background-image: url(images/news_dots.gif); background-repeat: repeat-x; height: 1px; font-size:1px; margin-bottom: 10px;}
.news_dots2 { background-image: url(images/news_dots.gif); background-repeat: repeat-x; height: 1px; font-size:1px; margin-bottom: 5px;}

.newsContent { float: left; margin: 0px; width: 500px; }
.newsContent h2 { margin: 0px 0px 3px 0px; }
.newsContent p.small { margin: 0px 0px 10px 0px; font-size: 10px; }
.newsContent p.right { margin: 10px 0px 10px 0px; text-align: right; }

.newsMenu { float: left; margin: 0px 0px 0px 20px; width: 200px; }
.mjeseci { margin-bottom: 15px; }
.oneNewsRight { margin: 0px; padding-bottom: 5px; font-size: 11px; }


/*STATEMENT*/
.statement { background:#fdfdfd url(images/statement_bg.jpg) no-repeat top right; font-size:11px; padding-left: 10px; padding-top: 10px;}
.statement h1 {padding-left:10px; padding-top:15px;}
.statement div {width:380px; padding-left:10px; padding-bottom:15px}

/*CONTENT MARGIN*/
.margin {width:10px; background:#fdfdfd;}

/*CONTENT*/
.content {padding-left: 1px; background: #FDFDFD;}
.text {background:#fdfdfd; padding-left: 10px; padding-right: 10px; padding-top: 10px;}

/*HEADER PICTURE*/
.image_header {float: left; margin-right: 20px;}
div.image_bg {background:#0061a0; height:217px;}
div.image_bg div {text-align: left; padding:20px; font-size:20px; line-height: 28px; font-style: italic; color:#ffffff; font-family: Times New Roman;}
div.blue_line {background:#b1d5ed; height:8px;}

/*FOOTER*/
.footer { background-color: #fdfdfd;}
.footer a {color:#ffffff; font-size:10px; text-decoration: underline;}
.footer div{ background-color: #075385; margin:10px;  font-size:10px; text-align: center; padding-top: 15px; padding-bottom: 15px; color:#ffffff; font-size:11px;}

/* admin bar */
DIV.adminBar {background: #DB8915; padding: 5px; border: 1px solid #FFFFFF; position: absolute;}
DIV.adminBar DIV {color: #FFFFFF; float: left;}
DIV.adminBar A {color: #FFFFFF;}

/* login */
div.clr {clear: both; overflow: hidden;}
div.tekst { float: left; width: 120px; margin: 0px 5px 5px 0px; line-height: 22px;}
div.input { float: left; width: 220px; margin: 0px 5px 5px 0px; line-height: 22px;}
ul.error { margin: 0px 0px 10px 0px;}
ul.error li { color: #B71E00; list-style-image: url(images/bulletError.gif); list-style-type: circle }
div.logout { margin: 20px 0xp 5px 0px; text-align: right; }
div.logout a { color: #800000; text-decoration: none; }