/*
*
*  The solution for the multilevel menu in this CSS file and
*  the .html / .php that uses this CSS, are intelectual property
*  Robert Šorn.
*  You are free to use and edit it for non commercial uses.
*  Before using this solution or parts of it for commercial uses
*  please contact me (robert.sorn@gmail.com) and ask for aproval.
*
*  Robert Šorn
*
*/

body {
  background: #ffffff;
  color: #666666;
  BORDER-RIGHT: 0px;
  BORDER-TOP: 0px;
  BORDER-LEFT: 0px;
  BORDER-BOTTOM: 0px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

body.popup {
  background: #e0e0e0;
  color: #666666;
  BORDER-RIGHT: 0px;
  BORDER-TOP: 0px;
  BORDER-LEFT: 0px;
  BORDER-BOTTOM: 0px;
  padding: 10px;
  margin: 10px;
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 0.7em;
  text-align: center;
}

p {
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 1.0em;
  text-align: justify;
  padding: 0px 0px 0px 0px;
}

table.veliki {
  height: 100%;
  font-size: 11px;
}

td.gore_l {
  background-image: url(../slike/gore_l.gif);
}

td.gore_s {
  background-image: url(../slike/gore_s.gif);
}

td.gore_d_1 {
  background-image: url(../slike/gore_d_1.gif);
}

td.gore_d_2 {
  background-image: url(../slike/gore_d_2.gif);
}
td.sredina_l {
  background-image: url(../slike/sredina_l.gif);
}

td.sredina_s {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background-image: url(../slike/sredina_s.gif);
}

td.sredina_d_1 {
  background-image: url(../slike/sredina_d_1.gif);
}

td.sredina_d_2 {
  background-image: url(../slike/sredina_d_2.gif);
}
td.jump_l {
  background-image: url(../slike/jump_l.gif);
}

td.jump_s {
  background-image: url(../slike/jump_s.gif);
}

td.jump_d_1 {
  background-image: url(../slike/jump_d_1.gif);
}

td.jump_d_2 {
  background-image: url(../slike/jump_d_2.gif);
}
td.dolje_l {
  background-image: url(../slike/dolje_l.gif);
}

td.dolje_s {
  background-image: url(../slike/dolje_s.gif);
}

td.dolje_d_1 {
  background-image: url(../slike/dolje_d_1.gif);
}

td.dolje_d_2 {
  background: #ffffff;
  color: #888888;
  text-align: left;
}

.tekstupita {
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 10pt;
  color: #888888;
  background-color: #ffffff;
  padding: 2px;
  margin-bottom: 3px;
  border: 1px solid #cccccc;
}

A.supersn {
  text-indent: 0em;
  text-decoration: none;
  width: 30px;
  height: 20px;
  background: white url(../slike/supersn_w.gif) no-repeat;
  display: block;
}
A.supersn:hover {
  background-position: right;
}

A.linkovi_w {
  text-indent: 0em;
  text-decoration: none;
  width: 74px;
  height: 27px;
  background: #eeeeee url(../slike/linkovi_w.gif) no-repeat;
  display: block;
}
A.linkovi_w:hover {
  background-position: right;
}

A.kontakti_w {
  text-indent: 0em;
  text-decoration: none;
  width: 84px;
  height: 27px;
  background: #eeeeee url(../slike/kontakti_w.gif) no-repeat;
  display: block;
}
A.kontakti_w:hover {
  background-position: right;
}

A.forum_w {
  text-indent: 0em;
  text-decoration: none;
  width: 74px;
  height: 27px;
  background: #eeeeee url(../slike/forum_w.gif) no-repeat;
  display: block;
}
A.forum_w:hover {
  background-position: right;
}


A.forum_t {
  text-indent: 0em;
  text-decoration: none;
  width: 100px;
  height: 27px;
  background: #eeeeee url(../slike/forum_t.gif) no-repeat;
  display: block;
}
A.forum_t:hover {
  background-position: right;
}

A.doma_w {
  text-indent: 0em;
  text-decoration: none;
  width: 28px;
  height: 27px;
  background: #eeeeee url(../slike/doma.gif) no-repeat;
  display: block;
}
A.doma_w:hover {
  background-position: right;
}

A.vhtml40 {
  text-indent: 0em;
  text-decoration: none;
  width: 88px;
  height: 31px;
  background: transparent url(../slike/valid_html40_w.gif) no-repeat;
  color: #888888;
  display: block;
}
A.vhtml40:hover {
  background-position: right;
}
A.vcss {
  text-indent: 0em;
  text-decoration: none;
  width: 88px;
  height: 31px;
  background: transparent url(../slike/vcss_w.gif) no-repeat;
  color: #888888;
  display: block;
}
A.vcss:hover {
  background-position: right;
}

A.printer {
  text-indent: 0em;
  text-decoration: none;
  width: 21px;
  height: 20px;
  background: transparent url(../slike/printer.bmp) no-repeat;
  color: #888888;
  display: block;
}
A.printer:hover {
  background-position: right;
}

A.download_w {
  text-indent: 0em;
  text-decoration: none;
  width: 95px;
  height: 27px;
  background: transparent url(../slike/download_w.gif) no-repeat;
  color: #888888;
  display: block;
}
A.download_w:hover {
  background-position: right;
}

A.ispis_w {
  text-indent: 0em;
  text-decoration: none;
  width: 75px;
  height: 38px;
  background: transparent url(../slike/ispis_w.gif) no-repeat;
  color: #888888;
  display: block;
}
A.ispis_w:hover {
  background-position: right;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100px;
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 1.0em;
  border-bottom: 1px none;
}
ul li {
  position: relative;
  background: transparent;
}
li ul {
  position: absolute;
  left: 100px;
  top: 0;
  display: none;
  border: 1px solid #888888;
  background: #e5e5e5;
  z-index: 100;
}
li ul li {
  padding: 3px;
  background: transparent;
  border: 0px;
}
ul li a {
  display: block;
  text-decoration: none;
  color: #666666;
  background: transparent;
  padding: 0px 0px 0px 0px;
  border: 0px;
  text-align: left;
}
ul li a:hover {
  background: #cccccc;
}
ul li ul {
  padding: 3px 3px 3px 3px;
  margin: 0px 0px 0px 0px;
}
ul li ul li ul {
  padding: 3px 3px 3px 3px;
  margin: 0px 0px 0px 0px;
  left: 92px;
}
ul li ul li {
 display: block;
 padding: 3px 3px 3px 3px;
}
ul li ul li a {
 display: block;
 text-decoration: none;
 color: #666666;
 background: transparent;
 padding: 0px 0px 0px 0px;
 border-top: 3px solid #e5e5e5;
 border-right: 5px solid #e5e5e5;
 border-left: 5px solid #e5e5e5;
 border-bottom: 3px solid #e5e5e5;
 text-align: left;

}
ul li ul li a:hover {
 background: #cccccc;
 border-top: 3px solid #cccccc;
 border-right: 5px solid #cccccc;
 border-left: 5px solid #cccccc;
 border-bottom: 3px solid #cccccc;
 color: #444444;
}

ul li ul li ul li a {
 display: block;
 text-decoration: none;
 color: #666666;
 background: transparent;
 padding: 0px 0px 0px 0px;
 border-top: 3px solid #e5e5e5;
 border-right: 5px solid #e5e5e5;
 border-left: 5px solid #e5e5e5;
 border-bottom: 3px solid #e5e5e5;
 text-align: left;
}
ul li ul li ul li a:hover {
 background: #cccccc;
 border-top: 3px solid #cccccc;
 border-right: 5px solid #cccccc;
 border-left: 5px solid #cccccc;
 border-bottom: 3px solid #cccccc;
 color: #444444;
}

li.sub a {
 background: transparent;
 background-image: url(../slike/menu_sub2.gif);
 background-position: right center;
 background-repeat: no-repeat;
}
li.sub a:hover {
 background: #cccccc;
 background-image: url(../slike/menu_sub2_h.gif);
 background-position: right center;
 background-repeat: no-repeat;
 color: #444444;
}

li.subsub a {
 background: transparent;
 background-image: none;
}
li.subsub a:hover {
 background: #cccccc;
 background-image: none;
 color: #444444;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

ul#nav li:hover ul li ul, ul li.over ul li ul {
  display: none;
}
ul#nav li ul li:hover ul, ul#nav li ul li.over ul {
  display: block;
}
ul#nav li:hover ul, ul li.over ul {
  display: block;
}

ul#brows li:hover ul, ul#brows li.over ul {
  display: block;
}

/* ------ CRVENO ------ */

li.sub_1 a {
 background: transparent;
 background-image: url(../slike/menu_sub2.gif);
 background-position: right center;
 background-repeat: no-repeat;
 border-top: 3px solid #e5e5e5;
 border-right: 5px solid #e5e5e5;
 border-left: 5px solid #e5e5e5;
 border-bottom: 3px solid #e5e5e5;
 color: #666666;
}
li.sub_1 a:hover {
 background: #ff2222 url(../slike/menu_sub_1_h.gif);
 background-position: right center;
 background-repeat: no-repeat;
 border-top: 3px solid #ff2222;
 border-right: 5px solid #ff2222;
 border-left: 5px solid #ff2222;
 border-bottom: 3px solid #ff2222;
 color: #ffffff;
}
li.subsub_1 a {
 background: transparent;
 background-image: none;
}
li.subsub_1 a:hover {
 background: #ff2222;
 background-image: none;
 color: #ffffff;
}
li.s1 a:hover {
 background: #ff2222;
 border-top: 3px solid #ff2222;
 border-right: 5px solid #ff2222;
 border-left: 5px solid #ff2222;
 border-bottom: 3px solid #ff2222;
 color: #ffffff;
}
/* ------ KRAJ CRVENOG ------ */

/* ------ NARANDJASTO ------ */

li.sub_2 a {
 background: transparent;
 background-image: url(../slike/menu_sub2.gif);
 background-position: right center;
 background-repeat: no-repeat;
 border-top: 3px solid #e5e5e5;
 border-right: 5px solid #e5e5e5;
 border-left: 5px solid #e5e5e5;
 border-bottom: 3px solid #e5e5e5;
 color: #666666;
}
li.sub_2 a:hover {
 background: #ff9922 url(../slike/menu_sub_2_h.gif);
 background-position: right center;
 background-repeat: no-repeat;
 border-top: 3px solid #ff9922;
 border-right: 5px solid #ff9922;
 border-left: 5px solid #ff9922;
 border-bottom: 3px solid #ff9922;
 color: #ffffff;
}
li.subsub_2 a {
 background: transparent;
 background-image: none;
}
li.subsub_2 a:hover {
 background: #ff9922;
 background-image: none;
 color: #ffffff;
}
li.s2 a:hover {
 background: #ff9922;
 border-top: 3px solid #ff9922;
 border-right: 5px solid #ff9922;
 border-left: 5px solid #ff9922;
 border-bottom: 3px solid #ff9922;
 color: #ffffff;
}
/* ------ KRAJ NARANDJASTOG ------ */

/* ------ ZUTO ------ */

li.sub_3 a {
 background: transparent;
 background-image: url(../slike/menu_sub2.gif);
 background-position: right center;
 background-repeat: no-repeat;
 border-top: 3px solid #e5e5e5;
 border-right: 5px solid #e5e5e5;
 border-left: 5px solid #e5e5e5;
 border-bottom: 3px solid #e5e5e5;
 color: #666666;
}
li.sub_3 a:hover {
 background: #ffff22 url(../slike/menu_sub_3_h.gif);
 background-position: right center;
 background-repeat: no-repeat;
 border-top: 3px solid #ffff22;
 border-right: 5px solid #ffff22;
 border-left: 5px solid #ffff22;
 border-bottom: 3px solid #ffff22;
 color: #000000;
}
li.subsub_3 a {
 background: transparent;
 background-image: none;
}
li.subsub_3 a:hover {
 background: #ffff22;
 background-image: none;
 color: #000000;
}
li.s3 a:hover {
 background: #ffff22;
 border-top: 3px solid #ffff22;
 border-right: 5px solid #ffff22;
 border-left: 5px solid #ffff22;
 border-bottom: 3px solid #ffff22;
 color: #000000;
}
/* ------ KRAJ ZUTOG ------ */

/* ------ ZELENO ------ */

li.sub_4 a {
 background: transparent;
 background-image: url(../slike/menu_sub2.gif);
 background-position: right center;
 background-repeat: no-repeat;
 border-top: 3px solid #e5e5e5;
 border-right: 5px solid #e5e5e5;
 border-left: 5px solid #e5e5e5;
 border-bottom: 3px solid #e5e5e5;
 color: #666666;
}
li.sub_4 a:hover {
 background: #22aa22 url(../slike/menu_sub_4_h.gif);
 background-position: right center;
 background-repeat: no-repeat;
 border-top: 3px solid #22aa22;
 border-right: 5px solid #22aa22;
 border-left: 5px solid #22aa22;
 border-bottom: 3px solid #22aa22;
 color: #ffffff;
}
li.subsub_4 a {
 background: transparent;
 background-image: none;
}
li.subsub_4 a:hover {
 background: #22aa22;
 background-image: none;
 color: #ffffff;
}
li.s4 a:hover {
 background: #22aa22;
 border-top: 3px solid #22aa22;
 border-right: 5px solid #22aa22;
 border-left: 5px solid #22aa22;
 border-bottom: 3px solid #22aa22;
 color: #ffffff;
}
/* ------ KRAJ ZELENOG ------ */

/* ------ PLAVO ------ */

li.sub_5 a {
 background: transparent;
 background-image: url(../slike/menu_sub2.gif);
 background-position: right center;
 background-repeat: no-repeat;
 border-top: 3px solid #e5e5e5;
 border-right: 5px solid #e5e5e5;
 border-left: 5px solid #e5e5e5;
 border-bottom: 3px solid #e5e5e5;
 color: #666666;
}
li.sub_5 a:hover {
 background: #2288ff url(../slike/menu_sub_5_h.gif);
 background-position: right center;
 background-repeat: no-repeat;
 border-top: 3px solid #2288ff;
 border-right: 5px solid #2288ff;
 border-left: 5px solid #2288ff;
 border-bottom: 3px solid #2288ff;
 color: #ffffff;
}
li.subsub_5 a {
 background: transparent;
 background-image: none;
}
li.subsub_5 a:hover {
 background: #2288ff;
 background-image: none;
 color: #ffffff;
}
li.s5 a:hover {
 background: #2288ff;
 border-top: 3px solid #2288ff;
 border-right: 5px solid #2288ff;
 border-left: 5px solid #2288ff;
 border-bottom: 3px solid #2288ff;
 color: #ffffff;
}
/* ------ KRAJ PLAVOG ------ */

/* ------ LJUBICASTO ------ */

li.sub_6 a {
 background: transparent;
 background-image: url(../slike/menu_sub2.gif);
 background-position: right center;
 background-repeat: no-repeat;
 border-top: 3px solid #e5e5e5;
 border-right: 5px solid #e5e5e5;
 border-left: 5px solid #e5e5e5;
 border-bottom: 3px solid #e5e5e5;
 color: #666666;
}
li.sub_6 a:hover {
 background: #880088 url(../slike/menu_sub_5_h.gif);
 background-position: right center;
 background-repeat: no-repeat;
 border-top: 3px solid #880088;
 border-right: 5px solid #880088;
 border-left: 5px solid #880088;
 border-bottom: 3px solid #880088;
 color: #ffffff;
}
li.subsub_6 a {
 background: transparent;
 background-image: none;
}
li.subsub_6 a:hover {
 background: #880088;
 background-image: none;
 color: #ffffff;
}
li.s6 a:hover {
 background: #880088;
 border-top: 3px solid #880088;
 border-right: 5px solid #880088;
 border-left: 5px solid #880088;
 border-bottom: 3px solid #880088;
 color: #ffffff;
}
/* ------ KRAJ LJUBICASTOG ------ */

/* ------ BROWSER ------ */
ul#brows {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 198px;
  height: 20px;
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 1.0em;
  border: 0px;
}
ul#brows li {
  position: relative;
  background: transparent;
}
li#brows li ul {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 76px;
  top: 16px;
  display: none;
  border: 1px solid #dddddd;
  background: #eeeeee;
  z-index: 100;
  width: 112px;
  height: 60px;
}

li#brows li ul li {
  margin: 0;
  padding: 0;
  position: relative;
  left: 0px;
  top: 0px;
  border: 0px;
  background: #eeeeee;
}
li#brows li ul li a {
  margin: 0;
  padding: 0;
  border: 0px;
}
ul#bsul {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 76px;
  top: 16px;
  display: none;
  border: 1px solid #dddddd;
  background: #eeeeee;
  z-index: 100;
  width: 114px;
  height: 60px;
}

li#bsli {
  margin: 0;
  padding: 0;
  position: relative;
  left: 0px;
  top: 0px;
  border: 0px solid #888888;
  background: #eeeeee;
}
li#bsli a {
  margin: 0;
  padding: 0;
  border: 0px;
  background: #eeeeee;
}
li#bsli a:hover {
  margin: 0;
  padding: 0;
  border: 0px;
  background: #eeeeee;
}
/* ------ KRAJ BROWSERA ------ */

/* ------ SREDINA ------ */
h1.h1tekst {
  margin: 0;
  padding: 0;
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 1.5em;
  text-align: center;
  font-weight: bold;
  color: #666666;
}
h2.h2tekst {
  margin: 0;
  padding: 10px 0px 10px 0px;
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 1.1em;
  text-align: center;
  font-weight: bold;
}
p.ptekst {
  margin: 0;
  padding: 5px 0px 5px 0px;
  font-size: 1.1em;
  font-family: Tahoma, Helvetica, Geneva, Arial;
  text-align: justify;
}
p.pstekst {
  margin: 0;
  padding: 5px 0px 5px 0px;
  font-size: 1.1em;
  font-family: Tahoma, Helvetica, Geneva, Arial;
  text-align: center;
}
p.prtekst {
  margin: 0;
  padding: 5px 0px 5px 0px;
  font-size: 1.1em;
  font-family: Tahoma, Helvetica, Geneva, Arial;
  text-align: right;
}
p.pmalitekst {
  margin: 0;
  padding: 5px 0px 5px 0px;
  font-size: .8em;
  font-family: Tahoma, Helvetica, Geneva, Arial;
  text-align: justify;
}
A.ahead {
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 1.0em;
  text-decoration: none;
  color: #999999;
}
A.ahead:hover {
  text-decoration: none;
  color: #ee0000;
}
A.agdje {
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 0.8em;
  text-decoration: none;
  color: #aaaaaa;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border: 0;
}
A.agdje:hover {
  text-decoration: none;
  color: #666666;
}
A.atekst {
  text-decoration: none;
  color: #666666;
  font-weight: bold;
}
A.atekst:hover {
  text-decoration: underline;
}
A.aredtekst {
  text-decoration: none;
  color: #ee0000;
  font-weight: bold;
}
A.aredtekst:hover {
  text-decoration: underline;
}
td.tdhead {
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 1.0em;
  color: #aaaaaa;
  background: #dddddd url(../slike/head.gif);
  padding-left: 20px;
  padding-right: 20px;
  height: 18px;
}
td.tdhead2 {
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 1.0em;
  color: #aaaaaa;
  padding-left: 20px;
  padding-right: 20px;
  height: 18px;
}
td.tdfoot {
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 0.8em;
  padding-left: 10px;
  padding-right: 10px;
  height: 18px;
}
td.tdtekst {
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 1.0em;
  padding-left: 10px;
  padding-right: 10px;
  border: 0;
}
hr.hrtekst {
  width: 100%;
  padding: 0px;
  margin: 0px;
  color: #cccccc;
}
img.fli {
  float: left;
  margin: 0px 10px 10px 0px;
}
img.fri {
  float: right;
  margin: 0px 0px 10px 10px;
}
img.fci {
  float: center;
  margin: 10px 10px 10px 10px;
}
td.td2head {
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 1.0em;
  color: #aaaaaa;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  height: 18px;
}
A.aprkejs {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  background-color: #cccccc;
  padding-left: 1px;
  padding-right: 1px;
  border: 1px solid #999999;
}
A.aprkejs:hover {
  background-color: #ff4444;
}
A.a2prkejs {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  background-color: #ff4444;
  padding-left: 1px;
  padding-right: 1px;
  border: 1px solid #999999;
}
A.a2prkejs:hover {
  background-color: #ff4444;
}

td.otabl{
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 0.8em;
  color: #666666;
  background-color: #d0d0d0;
  padding: 4px 10px 6px 10px;
  margin: 0px;
  border: 2px solid #e5e5e5;
}
td.ntabl{
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 0.8em;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  color: #ffffff;
  background-color: #bbbbbb;
  padding: 4px 10px 6px 10px;
  margin: 0px;
  border: 2px solid #e5e5e5;
}
td.o2tabl{
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 0.8em;
  text-align: center;
  color: #666666;
  background-color: #d0d0d0;
  padding: 4px 6px 6px 6px;
  margin: 0px;
  border: 2px solid #e5e5e5;
}
td.n2tabl{
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 0.8em;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  color: #ffffff;
  background-color: #bbbbbb;
  padding: 3px 6px 4px 6px;
  margin: 0px;
  border: 2px solid #e5e5e5;
}
td.o3tabl{
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 0.8em;
  text-align: center;
  color: #666666;
  background-color: #c4c4c4;
  padding: 4px 6px 6px 6px;
  margin: 0px;
  border: 2px solid #e5e5e5;
}
td.n3tabl{
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 0.8em;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  color: #ffffff;
  background-color: #bbbbbb;
  padding: 3px 6px 4px 6px;
  margin: 0px;
  border: 2px solid #e5e5e5;
}
td.o4tabl{
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 0.8em;
  text-align: center;
  color: #666666;
  background-color: #e5e5e5;
  background-image: url(../slike/razglednice_bg.gif);
  padding: 0px 0px 0px 0px;
  margin: 0px;
  border: 0px;
}
td.tdrazl {
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 1.2em;
  padding: 10px;
  margin: 0px;
  border: 0;

  background-color: #e5e5e5 solid;
  background-position: center center;
//  background-attachment: fixed;
  background-repeat: no-repeat;
}
td.tdrazbig {
  background-image: url(../slike/razglednica_bg.gif);
  padding: 0px 0px 0px 0px;
  margin: 0px;
  border: 0px;
}
span.crveno {
    color: #ee0000;
}
form.formtekst {
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 0.8em;
  padding: 0px;
  margin: 0px;
  border: 0;
  background-color: #e5e5e5 solid;
}
p.p2tekst {
  margin: 0;
  padding: 5px 0px 5px 0px;
  font-size: 0.8em;
  font-family: Tahoma, Helvetica, Geneva, Arial;
  text-align: left;
}
marquee.marqproj {
  margin: 0;
  padding: 0;
  background-color: #ffffff solid;
}
td.marq_prvi {
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 0.7em;
  text-align: justify;
  color: #666666;
  background-color: #ffffff;
  padding: 3px 0px 3px 0px;
  margin: 0px;
  border: 0px;
  border-top: 10px solid #f5f533;
  border-bottom: 10px solid #f5f533;
}
td.marq_nutra {
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 0.7em;
  text-align: left;
  color: #666666;
  background-color: #ffffff;
  padding: 3px 0px 3px 0px;
  margin: 0px;
  border: 0px;
  border-bottom: 10px solid #f5f533;
}
td.marq_zadnji {
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 0.7em;
  text-align: justify;
  color: #666666;
  background-color: #ffffff;
  padding: 3px 0px 3px 0px;
  margin: 0px;
  border: 0px;
  border-top: 10px solid #f5f533;
  border-bottom: 10px solid #f5f533;
}
A.amarq {
  background: transparent;
  text-decoration: none;
  color: #aaaaaa;
  font-weight: normal;
}
A.amarq:hover {
  text-decoration: underline;
}
p.marq_tekst {
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 0.7em;
  text-align: justify;
  color: #666666;
  background-color: #ffffff;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  border: 0px;
}
p.marq_s_tekst {
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 0.7em;
  text-align: center;
  color: #666666;
  background-color: #ffffff;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  border: 0px;
}
td.marq_kolumne {
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 0.7em;
  text-align: center;
  color: #444444;
  padding: 2px 4px 2px 4px;
  margin: 0px;
  border: 0px;
}
td.marq_rub1 {
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 0px solid #cccccc;
  background: transparent;
  background-image: url(../slike/prozor_bg.jpg);
}
td.marq_rub2 {
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  background: transparent;
  background-image: url(../slike/ovan_bg.jpg);
}
td.marq_rub3 {
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  border-left: 0px solid #cccccc;
  border-right: 1px solid #cccccc;
  background: transparent;
  background-image: url(../slike/krpa_bg.jpg);
}
img.fli2 {
  float: left;
  margin: 0px 0px 0px 0px;
}
img.fli3 {
  float: left;
  margin: 0px 10px 0px 0px;
}
td.r_knjiga {
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 0.6em;
  text-align: justify;
  color: #00aa00;
  background-color: #eeeeee;
  padding: 0px;
  margin: 0px;
  border: 0px;
}
A.amarqk {
  background: transparent;
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
  text-shadow: #000000 1px 1px 1px;
}
A.amarqk:hover {
  text-decoration: underline;
}

A.amarqknj {
  background: transparent;
  text-decoration: none;
  color: #4488ff;
  font-weight: normal;
}
A.amarqknj:hover {
  text-decoration: underline;
}

marquee.marqkol {
  margin: 0;
  padding: 0;
  background-color: transparent;
}
marquee.marqnaj {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
}
td.marq_knjige_1 {
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 0.6em;
  text-align: justify;
  color: #ff0000;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  border-right: 0px solid #e5e5e5;
  border-left: 0px solid #e5e5e5;
}
td.marq_knjige_2 {
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 0.6em;
  text-align: justify;
  color: #ff0000;
  padding: 2px 4px 2px 4px;
  margin: 0px;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
A.askini {
  text-decoration: none;
  color: #ee0000;
  font-weight: bold;
}
A.askini:hover {
  text-decoration: none;
  color: #0000ff;
  font-weight: bold;
}
td.vijesti_link {
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 0.8em;
}
td.vijesti_link ul {
  width: 580px;
  padding: 0;
  margin: 0;
  border: 0;
}
td.vijesti_link li {
  width: 580px;
  padding: 0;
  margin: 0;
  border: 0;
}
td.vijesti_link li a {
  width: 560px;
  padding: 3px 10px 3px 10px;
  margin: 0;
  border: 0;
}
td.vijesti_link li a:hover {
  background: #dddddd;
  border: 0;
  color: #444444;
}
td.vijesti_link a {
  padding: 0px 10px 0px 10px;
  margin: 0;
  border: 0;
  text-decoration: none;
  color: #444444;
}
td.vijesti_link a:hover {
  padding: 0px 10px 0px 10px;
  margin: 0;
  background: #ffffff;
  border: 0;
  text-decoration: none;
  color: #444444;
}
td.vijesti_autor {
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 0.8em;
}
td.vijesti_autor a {
  font-size: 0.8em;
  padding: 0;
  margin: 0;
  border: 0;
  font-weight: bold;
  text-decoration: none;
  color: #444444;
  font-size: 1.0em;
}
td.vijesti_autor a:hover {
  padding: 0;
  margin: 0;
  border: 0;
  font-weight: bold;
  text-decoration: underline;
  color: #444444;
  font-size: 1.0em;
}
td.vijesti_text {
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 0.8em;
}
td.vijesti_text p {
  font-family: Tahoma, Helvetica, Geneva, Arial;

  text-align: justify;
}
td.vijesti_text a {
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-weight: bold;
  color: #444444;
}
p.p_v_arhiva a {
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-weight: bold;
  color: #ee0000;
  font-size: 1.0em;
  text-decoration: none;
}
p.p_v_arhiva a:hover {
  text-decoration: underline;
}
td.vijesti_text ul {
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 0.8em;
}
td.vijesti_text li {
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 0.8em;
}
/* --------- NAJAVE -------- */

td.skrol_najave1 {
  border-top: 10px solid #dddddd;
  border-bottom: 10px solid #dddddd;
  border-right: 0;
  border-left: 0;
}
td.skrol_najave {
  border-top: 0;
  border-bottom: 10px solid #dddddd;
  border-right: 0;
  border-left: 0;
}
p.naj_naslov {
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-weight: bold;
  color: #666666;
  font-size: 0.8em;
  text-align: center;
  border: 0;
  padding: 0;
  margin: 0;
}
p.naj_txt {
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-weight: normal;
  color: #666666;
  font-size: 0.7em;
  text-align: justify;
  border: 0;
  padding: 0;
  margin: 0;
}
p.naj_s_txt {
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-weight: normal;
  color: #666666;
  font-size: 0.7em;
  text-align: center;
  border: 0;
  padding: 0;
  margin: 0;
}
img.naj_fli {
  float: left;
  margin: 0px 10px 0px 0px;
}
/* ------ KRAJ NAJAVA ------ */
td.tduga {
 background-image: url('../slike/dnevnik_link.gif');
 text-align: center;
 vertical-align: bottom;
 border: 0;
 padding: 0;
 padding-bottom: 3px;
 margin: 0;
 width: 275px;
 height: 63px;
}
a.duga {
 text-decoration: none;
 font-family: Tahoma, Helvetica, Geneva, Arial;
 font-weight: normal;
 color: #666666;
 font-size: 0.7em;
 text-align: center;
 font-variant: small-caps;
 vertical-align: bottom;
 height: 85px;
 width: 275px;
// display: block;
}
a.duga:hover {
 text-decoration: none;
 color: #ff0000;
}
p.duga_rec1 {
 font-family: Tahoma, Helvetica, Geneva, Arial;
 font-weight: normal;
// font-variant: small-caps;
 font-size: 11px;
 text-align: center;
 vertical-align: top;
 color: #666666;
 border: 0;
 padding: 0;
 margin: 0;
}
table.volonterke {
 border: 2px solid #ff0000;
 padding: 0;
 margin: 0;
}
td.v_kut {
 border-top: 0px solid #cceeff;
 border-right: 0px solid #cceeff;
 border-left: 0px;
 border-bottom: 0px;
 padding: 0;
 margin: 0;
}
td.v_kut_1 {
 font-family: Tahoma, Helvetica, Geneva, Arial;
 font-weight: normal;
 color: #888888;
 font-size: 10px;
 text-align: center;
 border: 0;
 padding: 0;
 margin: 0;
}
span.v_kut_1 {
 font-family: Tahoma, Helvetica, Geneva, Arial;
 font-weight: normal;
 color: #dd3333;
 font-size: 10px;
 text-align: center;
 border: 0;
 padding: 0;
 margin: 0;
}
td.v_kut_2 {
 font-family: Tahoma, Helvetica, Geneva, Arial;
 font-weight: normal;
 font-variant: small-caps;
 font-size: 10px;
 text-align: right;
 color: #888888;
 border: 0;
 padding: 0;
 margin: 0;
}
td.v_kut_3 {
 font-family: Tahoma, Helvetica, Geneva, Arial;
 font-weight: normal;
 font-variant: small-caps;
 font-size: 11px;
 text-align: right;
 color: #888888;
 border: 0;
 padding: 0;
 margin: 0;
}
a.v_kut {
 text-decoration: none;
 color: #ee3333;
}
a.v_kut:hover {
 text-decoration: none;
 color: #ff0000;
}
a.v_kut_a {
 text-decoration: none;
 color: #666666;
}
a.v_kut_a:hover {
 text-decoration: none;
 color: #ff0000;
}
p.a_pitanje {
 font-family: Tahoma, Helvetica, Geneva, Arial;
 font-weight: normal;
 font-variant: small-caps;
 font-size: 11px;
 text-align: left;
 color: #888888;
 border: 0;
 padding: 0;
 margin: 0;
}
p.a_pitanje {
 font-family: Tahoma, Helvetica, Geneva, Arial;
 font-weight: normal;
 font-variant: small-caps;
 font-size: 10px;
 text-align: left;
 color: #888888;
 border: 0;
 padding: 0;
 margin: 0;
}
form.anketa {
 font-family: Tahoma, Helvetica, Geneva, Arial;
 font-weight: normal;
 font-variant: small-caps;
 font-size: 10px;
 text-align: left;
 color: #888888;
 border: 0;
 padding: 0;
 margin: 0;
}
form.anketa input {
 border: 0;
 padding: 0px 0px 0px 0px;
 margin: 0px 5px 0px 0px;
}
td.td_anketa {
 font-family: Tahoma, Helvetica, Geneva, Arial;
 font-weight: normal;
 font-variant: small-caps;
 font-size: 10px;
 text-align: left;
 color: #888888;
 border: 0;
 padding: 0;
 margin: 0;
}

td.td_anketa input {
 border: 0;
 padding: 0px 0px 0px 0px;
 margin: 0px 5px 0px 0px;
}
td.td_anketa2 {
 font-family: Tahoma, Helvetica, Geneva, Arial;
 font-weight: normal;
 font-size: 9px;
 text-align: left;
 color: #888888;
 border: 0;
 padding: 0;
 margin: 0;
}
A.a_reza {
  text-indent: 0em;
  text-decoration: none;
  width: 50px;
  height: 40px;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent url(../slike/anketa_reza.gif) no-repeat;
  background-position: left;
  display: block;
}
A.a_reza:hover {
  background-position: right;
}
A.menju1 {
  text-indent: 0em;
  text-decoration: none;
  width: 100px;
  height: 50px;
  background: transparent url(../slike/lori2.gif) no-repeat;
  background-position: left;
  display: block;
}
A.menju1:hover {
  background: transparent url(../slike/lori2.gif) no-repeat;
  background-position: right;
}
A.menju2 {
  text-indent: 0em;
  text-decoration: none;
  width: 100px;
  height: 50px;
  background: transparent url(../slike/aktivizam2.gif) no-repeat;
  background-position: left;
  display: block;
}
A.menju2:hover {
  background: transparent url(../slike/aktivizam2.gif) no-repeat;
  background-position: right;
}
A.menju3 {
  text-indent: 0em;
  text-decoration: none;
  width: 100px;
  height: 50px;
  background: transparent url(../slike/infoteka2.gif) no-repeat;
  background-position: left;
  display: block;
}
A.menju3:hover {
  background: transparent url(../slike/infoteka2.gif) no-repeat;
  background-position: right;
}
A.menju4 {
  text-indent: 0em;
  text-decoration: none;
  width: 100px;
  height: 50px;
  background: transparent url(../slike/zabava2.gif) no-repeat;
  background-position: left;
  display: block;
}
A.menju4:hover {
  background: transparent url(../slike/zabava2.gif) no-repeat;
  background-position: right;
}
A.menju5 {
  text-indent: 0em;
  text-decoration: none;
  width: 100px;
  height: 50px;
  background: transparent url(../slike/vodic2.gif) no-repeat;
  background-position: left;
  display: block;
}
A.menju5:hover {
  background: transparent url(../slike/vodic2.gif) no-repeat;
  background-position: right;
}
A.menju6 {
  text-indent: 0em;
  text-decoration: none;
  width: 100px;
  height: 50px;
  background: transparent url(../slike/sve2.gif) no-repeat;
  background-position: left;
  display: block;
}
A.menju6:hover {
  background: transparent url(../slike/sve2.gif) no-repeat;
  background-position: right;
}
INPUT.mail_adresa{
 font-family: Tahoma, Helvetica, Geneva, Arial;
 font-weight: normal;
 font-size: 12px;
 text-align: justify;
 color: #666666;
 background-color: #ffffff;
 border: 1px solid #aaaaaa;
 padding: 3;
 margin: 0;
 width: 250px;
 height: 23px;
}
TEXTAREA.mail_tekst{
 font-family: Tahoma, Helvetica, Geneva, Arial;
 font-weight: normal;
 font-size: 12px;
 text-align: justify;
 color: #666666;
 background-color: #ffffff;
 border: 1px solid #aaaaaa;
 padding: 3;
 margin: 0;
 width: 580px;
 height: 250px;
}
p.mail_greska {
  margin: 0;
  padding: 5px 0px 5px 0px;
  font-size: 1.2em;
  font-family: Tahoma, Helvetica, Geneva, Arial;
  text-align: center;
}
P.mail_gumb{
 text-align: center;
 float: center;
}
TEXTAREA.mail_2tekst {
 font-family: Tahoma, Helvetica, Geneva, Arial;
 font-weight: normal;
 font-size: 12px;
 text-align: justify;
 color: #666666;
 background-color: #ffffff;
 border: 1px solid #aaaaaa;
 padding: 3;
 margin: 0;
 width: 580px;
 height: 350px;
}
TEXTAREA.trazgl {
 font-family: Tahoma, Helvetica, Geneva, Arial;
 font-weight: normal;
 font-size: 12px;
 text-align: justify;
 color: #666666;
 background-color: #ffffff;
 border: 1px solid #aaaaaa;
 padding: 3;
 margin: 0;
 width: 270px;
 height: 150px;
}
p.raz_gumb {
 font-family: Tahoma, Helvetica, Geneva, Arial;
 font-size: 0.8em;
 font-variant: small-caps;
 text-align: center;
 padding: 0px 0px 0px 0px;
}
A.g_upute {
  text-align: right;
  text-indent: 0em;
  text-decoration: none;
  width: 10px;
  height: 10px;
  background: white url(../slike/g_upute.gif) no-repeat;
  display: block;
}
A.g_upute:hover {
  background-position: right;
}
A.g_brojac {
  text-align: right;
  text-indent: 0em;
  text-decoration: none;
  width: 10px;
  height: 10px;
  background: white url(../slike/g_brojac.gif) no-repeat;
  display: block;
}
A.g_brojac:hover {
  background-position: right;
}
div.link_obavijest {
 font-family: Tahoma, Helvetica, Geneva, Arial;
 font-size: 10px;
 text-align: center;
 padding: 3px 3px 3px 3px;
 border: 5px solid orange;
 background-color: #ffffff;
}
a.link_obavijest {
 font-family: Tahoma, Helvetica, Geneva, Arial;
 font-size: 14px;
 text-align: center;
 padding: 0px 0px 0px 0px;
 color: orange;
 background-position: left;
 background-image: url('../slike/upitnik_povecalo.gif');
 position: relative;
 display: block;
 width: 200px;
 height: 50px;
 left: 30px;
}
a.link_obavijest:hover {
 background-position: right;
}
div.link_obavijest2 {
 font-family: Tahoma, Helvetica, Geneva, Arial;
 font-size: 14px;
 text-align: center;
 padding: 3px 3px 3px 3px;
 border: 5px solid #ffffff;
 background-color: #1f217d;
 color: #ccffff;
 text-shadow: #000000;
}
a.link_obavijest0 {
 color: #ffffff;
 text-decoration: none;
}
a.link_obavijest0:hover {
 text-decoration: underline;
}
/* dodaci */
td.v_kut_crni {
 border-top: 0px solid #000000;
 border-right: 0px solid #000000;
 border-left: 0px;
 border-bottom: 0px;
 background-color: #000000;
 color: #ffffff;
 padding: 0;
 margin: 0;
 font-family: Tahoma, Helvetica, Geneva, Arial;
 font-size: 14px;
 text-align: center;
}
span.font8 {
 font-family: Tahoma, Helvetica, Geneva, Arial;
 font-size: 9px;
 text-align: center; 
}
span.red {
 color: #ff0000; 
}
span.orange {
 color: #ff8800; 
}
span.yellow {
 color: #ffff00; 
}
span.green {
 color: #009900; 
}
span.blue {
 color: #000099; 
}
span.purple {
 color: #990099; 
}
a.objava {
 text-decoration: none;
}
a.objava:hover {
 text-decoration: none;
}


A.ahead2 {
  font-family: Tahoma, Helvetica, Geneva, Arial;
  font-size: 1.0em;
  text-decoration: none;
  color: #ee0000;
}
A.ahead2:hover {
  text-decoration: none;
  color: #ff0000;
}