/* ===================================================
   DENMACO - CSS identičan originalnom Joomla templatu
   =================================================== */

@charset "utf-8";

* { font-variant: normal; }
*:focus { outline: 0; }

body {
  margin: 0 auto;
  padding: 0;
  background-image: url(images/Pozadina.jpg);
  background-attachment: scroll;
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #000000;
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
img { border: none; }

/* ── CONTAINER ── */
.container {
  margin: auto;
  width: 960px;
}

/* ── GLAVA (header) ── */
.glava {
  width: 960px;
  background-repeat: no-repeat;
  margin: 0;
}

/* ── ZASTAVICE (language switcher) ── */
.zastavice {
  width: 960px;
  height: 50px;
  z-index: 50;
  float: right;
}
.zastavice .jflanguageselection {
  float: right;
  padding-top: 15px;
  padding-right: 5px;
}
.zastavice .jflanguageselection a {
  font-family: Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  margin-left: 5px;
  font-size: 11px;
  margin-right: 5px;
  margin-top: -2px;
  margin-bottom: 2px;
  text-decoration: none;
}
.zastavice .jflanguageselection a:hover {
  text-decoration: underline;
}
.zastavice .jflanguageselection a.active-lang {
  font-weight: bold;
  text-decoration: underline;
}

/* ── NAVIGACIJAGORE (nav) ── */
.navigacijagore {
  width: 960px;
  height: 50px;
  margin: 0;
  z-index: 50;
}
.navigacijagore ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}
.navigacijagore ul li {
  margin: 0;
  padding: 0;
}
.navigacijagore ul li a {
  display: block;
}
.navigacijagore ul li a img {
  display: block;
  height: 45px;
}
.navigacijagore a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
}
.navigacijagore a:hover {
  color: #A9A19B;
  text-decoration: none;
}

/* ── FLASHGLAVA (hero / naslov) ── */
.flashglava {
  width: 960px;
  margin: 20px 0 0 0;
  padding: 0;
  border: 1px solid #FFFFFF;
}
.flashglava img {
  display: block;
}
.flashglava img.glavnaslika {
  width: 960px;
}

/* ── CLEARFIX ── */
#footer { clear: both; }

/* ── TIJELO (content body) ── */
.tijelo {
  width: 960px;
  min-height: 300px;
  background-color: #000000;
  margin: 30px 0 0 0;
  overflow: hidden;
}

/* ── CLANAK1 (main content, left) ── */
.clanak1 {
  width: 575px;
  float: left;
  margin: 0;
  font-family: Verdana;
}
.clanak1 .contentheading {
  font-family: "Times New Roman", Times, serif;
  font-size: 40px;
  font-weight: normal;
  white-space: nowrap;
  color: #808082;
  margin: 0;
}
.clanak1 .contentpaneopen {
  font-family: Verdana;
  font-size: 12px;
  font-weight: normal;
  color: #232323;
  text-decoration: none;
  line-height: 24px;
  margin-top: 20px;
}
.clanak1 .contentpaneopen p {
  font-family: Verdana;
  font-size: 12px;
  color: #666666;
  line-height: 13px;
}
.clanak1 .contentpaneopen a {
  font-family: Verdana;
  font-size: 12px;
  font-weight: normal;
  color: #747476;
  text-decoration: none;
}
.clanak1 .contentpaneopen a:hover {
  color: #E9E9E9;
  text-decoration: none;
}

/* ── ITEM FULL TEXT ── */
.itemFullText {
  font-family: Verdana;
  font-size: 14px;
  color: #FFFFFF;
  padding-right: 5px;
  padding-left: 5px;
}
.itemFullText a {
  font-family: Verdana;
  color: #FFFFFF;
}
.itemFullText table {
  width: 575px;
  margin-left: -6px;
  padding: 4px;
  background-repeat: no-repeat;
}

/* ── BACK TO TOP ── */
.itemBackToTop {
  display: none;
}

/* ── CLANAK2 (right sidebar) ── */
.clanak2 {
  width: 300px;
  float: right;
  margin: 0;
  color: #FFFFFF;
}
.clanak2 .mainlevel {
  color: #FF0000;
  text-decoration: none;
  font-family: Verdana;
  font-size: 12px;
  display: list-item;
  list-style-position: outside;
  list-style-type: disc;
  margin-left: 20px;
  margin-top: 15px;
}
.clanak2 .sublevel {
  color: #FFFFFF;
  text-decoration: none;
  font-family: Verdana;
  font-size: 11px;
  display: list-item;
  list-style-position: outside;
  list-style-type: disc;
  margin-left: 40px;
}

/* ── FOOTER LINKS (u clanak2) ── */
.footer-links {
  padding: 15px 20px;
  list-style: none;
  margin: 0;
}
.footer-links a {
  font-family: Verdana;
  font-size: 12px;
  color: #808083;
  display: list-item;
  list-style-position: outside;
  list-style-type: disc;
  margin-left: 20px;
  margin-top: 15px;
  text-decoration: none;
}
.footer-links a::marker {
  color: #FF0000;
}
.footer-links a:hover {
  color: #FFFFFF;
  text-decoration: none;
}

/* ── DOLE (footer bottom) ── */
.dole {
  width: 100%;
  background-image: url(images/dole.png);
  background-repeat: repeat;
  background-position: center top;
  height: 70px;
  margin-top: 5px;
  margin-bottom: 0;
  font-family: Verdana;
  font-size: 12px;
  font-weight: normal;
  color: #3F5256;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dole table {
  margin: auto;
}
.dole a {
  font-family: Verdana;
  font-size: 12px;
  font-weight: normal;
  color: #3F5256;
  text-align: center;
  text-decoration: none;
}
.dole span a {
  font-family: Verdana;
  font-size: 12px;
  font-weight: normal;
  color: #CCCCCC;
  text-decoration: none;
}
.dole a:hover {
  text-decoration: underline;
}

/* ── CLANAK2 SADRŽAJ ── */
.clanak2-naslov {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #CE2626;
  font-size: 14px;
  margin: 15px 0 5px 20px;
}
.clanak2-lista {
  list-style-type: disc;
  margin: 0 0 0 40px;
  padding: 0;
  color: #FFFFFF;
}
.clanak2-lista li {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  margin-top: 4px;
}

/* ── NASLOV (page title image, float left u tijelu) ── */
.naslov {
  float: left;
  margin: 0;
  padding: 0;
}
.naslov img {
  display: block;
}

/* ── INDENT IMAGE (bullet) ── */
.indent-img {
  width: 10px;
  height: auto;
  margin-right: 4px;
  vertical-align: middle;
}

/* ── LANG VISIBILITY ── */
[data-lang] { display: none !important; }
[data-lang].lang-active { display: block !important; }
[data-lang-inline] { display: none !important; }
[data-lang-inline].lang-active { display: inline !important; }