/* CSS Document */
html, body {
position: relative;
width: 100%;
z-index:-1;
text-align:center;
height:100%;
margin:0;
}
body {
background:#003D6B url(images/bg.jpg) repeat-x;
}
body, div, a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#003D6B;
text-decoration:none;
}

.header {
width:752px;
height:100px;
}
.lang_hr {
background-image:url(images/header.jpg);
}
.lang_en {
background-image:url(images/header_eng.jpg);
}

.shadow_left {
background-image:url(images/shadow_left.jpg);
width:7px;
border-width:0px 1px 0px 0px;
border-color:#4078A4;
border-style:solid;
vertical-align:top;
}

.shadow_right {
background-image:url(images/shadow_right.jpg);
width:8px;
border-width:0px 0px 0px 1px;
border-color:#4078A4;
border-style:solid;
vertical-align:top;
}

.formSearch {
background-color:#336892;
}

FORM {
margin:0;
padding:0;
border:0;
}

.info {
background-color:#B4BC31;
height:34px;
color:#000;
}

.details {
background-color:#A78A02;
height:34px;
text-align:left;
border-right:1px solid #F3FAFE;
color:#fff;
padding-left:10px;
}

.listing {
width:415px;
background-color:#E4F5FD;
vertical-align:top;
color:#003D6B;
}

.uvod_listing {
width:415px;
background-color:#f3fafe;
vertical-align:top;
color:#003D6B;
}

.content {
width:350px;
background-color:#F3FAFE;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#003D6B;
vertical-align:top;
text-align:left;
}

h1 { margin:0;padding:18px 0px 0px 0px; line-height:22px; font-size:18px; }
#uvod_content {
width:350px;
background-color:#f3fafe;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000;
vertical-align:top;
text-align:justify;
padding:0px 10px;
}

.category {
color:#A78A02;
font-weight:bold;
font-size:14px;
border-bottom:1px solid #B6D4E3;
margin:0px 0px 5px 0px;
padding-bottom:2px;
text-decoration:none;
display:block;
}

.copyright {
background-color:#336892;
height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#7FB1D9;
text-align:center;
}

.copyright a {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#7FB1D9;
text-decoration:none;
}

.copyright a:hover {
color:#fff;
text-decoration:none;
}

#info {
float:left;
padding: 10px;
}

#info strong {
color:#003D6B;
}

.details img {
float:left;
margin:0;
padding:0;
border:0;
}

#info_nav { float:right; color:#848b17; font-size:10px; }
#info_nav a { font-size:10px; color:#000; text-decoration:none; }
#info_nav a.selected { font-size:10px; background-color:#848b17; color:#fff; text-decoration:none; }

#nav {
color:#003D6B;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin:0px 0px 0px 2px;
float:left;
width:98%;
padding:0;
border:0;
}
#nav div {
margin:0;
border:0;
float:left;
padding:3px 5px;
color:#000;
}
#nav div a { padding:0px 3px; }
#nav div span {
color:#848b17;
}
#nav img {
margin:0;
padding:0;
}

.item {
display:block;
background-color:#E4F5FD;
/*
border:1px solid #B6D4E3;
*/
border:1px solid #7aa1b4;
border-top:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#012541;
margin:0;
padding:4px 0px 2px 15px;
text-align:left;
text-decoration:none;
}
.item:hover {
color:#003D6B;
}
/*
.item.special { background-color:#f9fed0; }
.item.selected { background-color:#e9e9e9; }
*/
.item.special { background-color:#fbda58; }
.item.selected { background-color:#c9d148; }

.alert {
background-color:#E4F5FD;
color:darkred;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
padding:5px;
font-weight:bold;
}

SELECT {
background-color:#C7EAFB;
border:1px solid #19406A;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
padding:2px;
width:156px;
height:20px;
margin-bottom:3px;
}

INPUT {
background-color:#C7EAFB;
border:1px solid #19406A;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
padding:2px;
width:150px;
height:14px;
margin-bottom:3px;
}

.formFields {
text-align:left;
padding-left:5px;
}
.formFields div {
float:left;
margin-right:5px;
}
.formFields * { font-size:10px; }

div.advanced_search { display:none; height:80px; }
div.advanced_search > div { width:156px; }
a.advanced_search { line-height:20px; }

.labels {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#C7EAFB;
}

.checkbox {
  width:auto;
  height:auto;
}

td.linkovi {
  background-color:#00355c;
  font-size:11px;
  text-transform:uppercase;
  color:#fff;
  font-family:arial;
}
td.linkovi a {
  display:block;
  float:left;
  line-height:30px;
  padding:0px 15px;
  color:#fff;
  border-right:1px solid #0d4c7c;
}
td.linkovi a:hover {
  color:#b4bc31;
}
td.linkovi a.jezik {
  float:right;
  border-right:0;
  border-left:1px solid #0d4c7c;
}
td.page_title {
  background-color:#a78a02;
  text-align:left;
  font-size:12px;
  text-transform:uppercase;
  color:#000;
  padding:7px 15px;
}
td.zbirke {
  background-color:#f3fafe;
  color:#000;
  text-align:left;
}
div.zbirka {
  margin:15px;
  padding:0px 0px 10px 0px;
  border-bottom:1px solid #b6d4e3;
}
div.zbirka a.slika {
  float:left;
}
div.zbirka a.zbirka {
  color:#012541;
  font-size:14px;
  font-weight:bold;
  margin:0px 0px 0px 26px;
  padding:0px 0px 5px 0px;
}
div.zbirka a img { border:0; }
div.zbirka p {
  width:550px;
  margin:0px 0px 0px 150px;
  padding:0;
  line-height:16px;
  color:#000;
}

td.page {
  background-color:#f3fafe;
  color:#000;
  text-align:left;
  margin:0;
  padding:15px;
}
td.page p {
  margin:0;
  padding:0;
}

div.clear {
  margin:0;
  padding:0;
  clear:both;
}