html {
}
body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #e9ebe8;
    text-align: center;
}
h1 {
    color: #13439b;
    font-size: 16px;
    margin: 0;
    padding: 0;
}
h2 {
    color: #555;
    font-size: 14px;
}
h3 {
    color: #555;
    font-size: 12px;
}
p {
    font-size: 12px;
    margin: 6px 0;
    color: #555;
}
ul {
  margin: 6px 0;
  padding: 0;
}

img {
    border: 0;
}
a {
  color: #14459d;
  text-decoration: none;
}
a:visited {
  color: #394A77;
}
a:hover {
  color: #14459d;
  text-decoration: underline;
}
#container {
    width: 962px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}
#head {
    height: 82px;
    position: relative;
    background-color: #fff;
    margin: 0 2px 0 2px;
}
#headimg {
  width: 960px;
  padding-left: 2px;
}
#topnav {
  width: 100%;
  height:43px;
  background: transparent url(../images/topnavimg.jpg) no-repeat 0 0;
  position: relative;
  padding-top: 3px;
}
#hpbox1top {
  background: transparent url(../images/box1top.jpg) no-repeat 0 0;
  height: 39px;
  overflow: hidden;
}
#hpbox1mdl {
  width: 100%;
  background: transparent url(../images/box1mdl.jpg) repeat-y 0 0;
  overflow: auto;
}
.box11, .box12,.box13,.box14 {
  margin-left: 10px;
  width: 230px;
  float: left;
  display: inline;
}
#hpbox1bot {
  background: transparent url(../images/box1bot.jpg) no-repeat 0 0;
  height: 8px;
}
#hpbox2top {
  background: transparent url(../images/box2top.jpg) no-repeat 0 0;
  height: 39px;
  overflow: hidden;
  margin-top: 14px;
  width: 100%;
}
#hpbox2mdl {
  width: 100%;
  background: transparent url(../images/box2mdl.jpg) repeat-y 0 0;
  overflow: auto;
}
#hpbox2bot {
  width: 100%;
  clear: both;
  background: transparent url(../images/box2bot.jpg) no-repeat 0 0;
  height: 8px;
}
.box21, .box22 {
  margin-left: 10px;
  width: 470px;
  float: left;
  display: inline;
}
.box21, .box22 {
  margin-left: 30px;
  width: 440px;
  float: left;
  display: inline;
}
#ed01, #ed02 {
  width: 210px;
  margin: 10px 10px 10px 0;
  float: left;
}
#hpbox3top {
  background: transparent url(../images/box3top.jpg) no-repeat 0 0;
  height: 55px;
  overflow: hidden;
  margin-top: 18px;
  width: 100%;
}
#hpbox3mdl {
  width: 100%;
  background: transparent url(../images/box3mdl.jpg) repeat-y 0 0;
  overflow: auto;
}
#hpbox3bot {
  width: 100%;
  background: transparent url(../images/box3bot.jpg) no-repeat 0 0;
  height: 12px;
}
.box31, .box32,.box33,.box34 {
  margin-left: 10px;
  width: 230px;
  float: left;
  display: inline;
}
#hpbox5top {
  background: transparent url(../images/box5top.jpg) no-repeat 0 0;
  height: 55px;
  overflow: hidden;
  margin-top: 18px;
  width: 100%;
}
#hpbox5mdl {
  background: transparent url(../images/box5mdl.jpg) repeat-y 0 0;
  overflow: auto;
  width: 100%;
}
#hpbox5bot {
  background: transparent url(../images/box5bot.jpg) no-repeat 0 0;
  height: 12px;
  width: 100%;
}
.box51, .box52,.box53 {
  margin-left: 15px;
  width: 300px;
  float: left;
  display: inline;
}
#box4top {
  background: transparent url(../images/box4top.jpg) no-repeat 0 0;
  height: 56px;
  overflow: hidden;
  margin-top: 18px;
  clear: both;
  width: 100%;
}
#box4mdl {
  background: transparent url(../images/box4mdl.jpg) repeat-y 0 0;
  overflow: auto;
  width: 100%;
}
#box4bot {
  background: transparent url(../images/box4bot.jpg) no-repeat 0 0;
  height: 12px;
  width: 100%;
}
.box41 {
  margin: 0 10px;
  width: 210px;
  float: left;
  display: inline;
}
.box42 {
  margin: 0 20px;
  width: 470px;
  float: left;
  display: inline;
}
.box43 {
  margin-left: 20px;
  width: 195px;
  float: left;
  display: inline;
}
/* */
#footer {
    clear: both;
    margin-top: 8px;
    padding: 10px;
    font-size: 9px;
  color: #555;
}
#footer a {
  color: #555;
}
/* header */
#head h2 {
    margin: 0;
    padding: 0;
    width: 200px;
    height: 60px;
    display: block;
    background: #fff url(../images/coming.gif) no-repeat 10px 10px;
}
#head h2 span {
    display: none;
}
#head h2 a {
    width: 200px;
    height: 60px;
    display: block;
    text-decoration: none;
}
/* navigacije */
#topmenu {
  padding-left: 4px;
  width: 700px;
}
/**** other top nav ****/
#other {
  position: absolute;
  width: 500px;
  top: 10px;
  right: 10px;
  text-align: right;
  font-size: 10px;
}
#other ul {
  margin:0;padding:0;
}
#other li {
background-image: none;
  list-style: none;
  margin: 0 0 0 6px;
  padding: 0;
  display: block;
  float: right;
}
#other a {
  color: #555;
  text-decoration: none;
}
#other a:hover {
  text-decoration: underline;
}
/* lang selectors */
#other #lang1, #other #lang2 {
  margin-left: 6px;
  display: block;
  width: 20px;
  height: 16px;

}
#other #lang1 a {
  background: transparent url(../images/sr_h.jpg) no-repeat 0 0;
  width: 20px;
  height: 16px;
  display: block;
}
#other #lang2 a {
  background: transparent url(../images/en_h.jpg) no-repeat 0 0;
  width: 20px;
  height: 16px;
  display: block;
}
#other #lang1 a.current, #other #lang1 a:hover {
  background: transparent url(../images/sr.jpg) no-repeat 0 0;
}
#other #lang2 a.current, #other #lang2 a:hover {
  background: transparent url(../images/en.jpg) no-repeat 0 0;
}
#other #lang1 span, #other #lang2 span {
  display: none;
}
/* --------- */
/*** ***/
#lnav {
    margin: 10px 1px 6px 1px;
    padding: 0;
}
#lnav ul {
    margin: 0;
    padding: 0;
}
#lnav li {
    list-style: none;
    margin: 0;
    padding: 0;
}
#lnav li li {
    list-style: none;
    margin: 0 0 0 8px;
    padding: 0;
}
#lnav a {
    margin: 0;
    padding: 3px 3px 3px 16px;
    width: 157px;
    display: block;
    text-decoration: none;
    color: #000;
    background: #fff url(../images/arrow_blue.png) no-repeat 5px 3px;
}
#lnav ul a {
    width: 149px;
    background-image: none;
}
#lnav a:hover, #lnav a.current {
    color: #fff;
    background: #1953ab url(../images/arrow_white.png) no-repeat 5px 3px;
}
#lnav ul a.current, #lnav ul a:hover {
    width: 149px;
    color: #444;
    background: #fff url(../images/arrow_blue.png) no-repeat 5px 3px;
}

.llinks {
  margin: 0;
  padding: 0 8px;
}
.llinks li {
  list-style: none;
}
.llinks li a {
  color: #555;
  text-decoration: none;
}
.llinks li a:hover {
  color: #555;
  text-decoration: underline;
}
#footcopy {
  float: right;
  padding: 10px;
  width: 300px;
  text-align: right;
}
#footnav {
    margin: 0;
    padding: 8px 0;
}
#footnav li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline;
    background-image: none;
}
#footnav a {
    color: #555;
    text-decoration: none;
    padding: 0 8px;
    border-left: 1px solid #555;
}
#footnav a.first {
    border-left: 0;
}
#footnav a:hover {
    color: #008;
    text-decoration: underline;
}
/*  boxes */
#srchbox {
    margin: 8px 12px 8px 8px;
    padding: 5px;
    border: 1px solid #555;
    background-color: #ddd;
    text-align: center;
}
/*  other styles s*/
.error {
    background-color: #fc0;
    color: #f00;
    text-align: center;
    padding: 3px;
    margin: 10px 0;
}
.note {
    color: #f00;
    font-size: .8em;
}
#breadcrumb {
  margin: 4px 10px;
  padding: 0;
}
#breadcrumb li {
  list-style: none;
  margin: 0 2px;
  padding: 0;
  display: inline;
  background-image: none;
}
#breadcrumb li a {
  text-decoration: none;
  padding-right: 14px;
  background: transparent url(../images/arrow_blue.png) no-repeat top right;
}
.imgbox img {
  display: block;
}
#searchbox {
  position: absolute;
  width: 200px;
  top: 40px;
  right: 10px;
}
#searchbox .srchinput {
  border: 1px solid #ddd;
  width: 150px;
}
#searchbox .srchbtn {
  width: 34px;
  vertical-align: bottom;
}
p.arrows {
  padding-left: 15px;
  margin: 4px 0;
  background: transparent url(../images/arrowli.gif) no-repeat 0 5px;
}
#serviceDesk {
  position: absolute;
  width: 200px;
  height: 20px;
  right: 10px;
  bottom: 20px;
}
#serviceDesk a {
  display: block;
  width: 200px;
  height: 20px;
}
#serviceDesk a span {
  display: none;
}
