/*
--------------------------------------------------------------------------------------------
1. DEFAULT ELEMENTI - HTML, BODY, H1, H2, P...
--------------------------------------------------------------------------------------------
*/
html, body, div, form, textarea, input, img, label, table, tr, td, p, hr, h1, h2, h3, h4, h5, ul, li, dl, dt, dd{ 
  margin: 0;
  padding: 0;
  border: none;
}
body{
  color: #6c6c6c;
  background: #fff url('../images/background_top.gif') repeat-x;
  font-family: Arial, 'Trebuchet MS', 'Times New Roman', Verdana;
  font-size: 12px;
  line-height: 1.5em;
}

h1{
  color: #fff;
  font-family: 'Arial Black', Arial;
  font-size: 2.4em;
  text-transform: uppercase;
  letter-spacing: -2px;
  padding-bottom: 8px;
}
h2{
  color: #001111;
  font-family: Arial;
  font-size: 1.2em;
  font-weight: normal;
  padding-bottom: 22px;
}
h3{
  color: #173d3b;
  font-family: Arial;
  font-size: 1.6em;
  font-weight: bold;
  padding-bottom: 14px;
}
h3 a{color:#173d3b}
h3 a:hover, h3 a:focus{color:#407e7b;text-decoration:none}

h4{
  font-family: Trebuchet MS;
  color: #001111;
  text-decoration: none;
  word-spacing: normal;
  text-align: left;
  letter-spacing: 0;
  line-height: 1em;
  font-size: 1em;
  font-variant: small-caps;
  font-weight: bold;
  text-align: left;
  padding: 10px 0 10px 0;
}

h5{
  font-family: Trebuchet MS;
  color: #fff;
  text-decoration: none;
  word-spacing: normal;
  text-align: left;
  letter-spacing: 0;
  line-height: 1em;
  font-size: 1em;
  font-variant: small-caps;
  font-weight: bold;
  text-align: left;
  padding: 3px 0 3px 0;

}

h6{
  color: #173d3b;
  font-family: Arial;
  font-size: 1.6em;
  font-weight: bold;
  padding-bottom: 5px;
  margin: 0 0 0 0;
  border-bottom: rgb(0,51,0) dashed;
  border-bottom-width: 1px;
}

a{
  color: #ada641;
  text-decoration: none;
}
a:hover, a:focus, a.active{
  color: #d3cc6e;
  text-decoration: underline;
}

p{padding-bottom:14px;line-height:1.5em}

ul{list-style-image:none;list-style:none}
#main ul{list-style-type:circle;padding:0 0 13px 30px}
#mainul li{padding:1px 0}

img.slika_l, img.slika_r{
  padding: 5px;
  margin: 5px 5px 5px 5px;
  background-color: #fff;
  border: 1px solid #d8ecec;
}

img.slika {
  padding: 5px;
  margin: 2px 1px 2px 1px;
  background-color: #fff;
  border: 1px solid #d8ecec;
  margin-bottom: 5px;
}

a:hover img.slika_l, a:hover img.slika_r, a:focus img.slika, a:focus img.slika_l, a:focus img.slika_r{
  background-color: #000;
}
a:hover img.slika{
  background-color: #173D3B;
}

img.slika_l{
  float: left;
  margin-right: 15px;
}
img.slika_r{
  float: right;
  margin-left: 15px;
}

.float{float:left;width:50%}
.clear{clear:both}

p.align_r{text-align:right;padding-bottom:22px}
p.justify{text-align:justify}


/*
-------------------------------------------------------------------------------------------
2. STRUKTURA STRANICE - WRAPPER, CONTAINER
-------------------------------------------------------------------------------------------
*/
#location{
  height: 28px;
  color: #fff;
  font-size: 0.9em;
  padding: 8px 0 0 15px;
}
#location p{padding:0}
#location a{color:#fff}

#container_all{
  width: 950px;
  margin: 0 auto;
}




/*
-------------------------------------------------------------------------------------------
3. HEADER STRANICE - LOGOTIP, NAVIG, TITLE
-------------------------------------------------------------------------------------------
*/
#header{
  height: 130px;
  overflow: hidden;
}
#header #logotip{
  float: left;
  width: 500px;
  padding-top: 50px;
}
#header #logotip p{padding:0}
#header #navig{
  float: left;
  width: 440px;
  padding-top: 20px;
  font-size: 1.2em;
  font-weight: bold;
  text-align: right;
}
#header #navig ul li{
  padding: 2px 0;
}
#title{
  height: 90px;
  text-align: right;
  padding: 23px 140px 0 0;
  background-repeat: no-repeat;
  background-position: right;
  overflow: hidden;
}
#title_img{
  float: right;
  width: 145px;
  height: 90px;
  text-align: right;
}
#title_img p{padding:0}
#title_text{
  float: right;
  height: 90px;
  padding-top: 23px;
  text-align: right;
}



/*
-------------------------------------------------------------------------------------------
4. SREDINA STRANICE - MAIN
-------------------------------------------------------------------------------------------
*/
#main{
  float: left;
  width: 640px;
  padding: 0 20px 40px 0;
}
#main .box{
  width: 640px;
  min-height: 20px;
  padding: 0 0 20px 0;
}
#main .box_img{
  float: left;
  width: 175px;
  text-align: center;
  padding-right: 10px;
}
#main .box_text{
  float: left;
  width: 455px;
  padding-bottom: 20px;
}

#main .box_naslovnica{
  float: left;
  width: 48%;
  padding-right: 2%;
  padding-bottom: 10px;
}
#main .box_naslovnica_all{
  clear: left;
}
#main .box_naslovnica .box_img, #main .box_naslovnica_all .box_img{
  width: 120px;
  padding-right: 10px;
}
#main .box_naslovnica .box_text{
  width: 176px;
  padding: 0;
}
#main .box_naslovnica_all .box_text{
  width: 510px;
  padding-bottom: 10px;
}
#main ul.naslovnica{text-transform:uppercase;font-size:0.8em;padding-left:16px}
#main ul.naslovnica li{padding-bottom:2px}



/*
-------------------------------------------------------------------------------------------
5. DESNI STUPAC STRANICE
-------------------------------------------------------------------------------------------
*/
#column_right{
  float: left;
  width: 280px;
  text-align: right;
  padding-bottom: 40px;
}

#column_right ul li{
  width: 280px;
  min-height: 51px;
  margin-bottom: 3px;
  font-size: 0.9em;
  line-height: 1.2;
}
#column_right ul li a{
  display: block;
  width: 260px;
  min-height: 46px;
  padding: 5px 0 0 20px;
  color: #000;
  font-style: italic;
}
#column_right ul li a:hover, #column_right ul li a:focus, #column_right ul li a.active{
  text-decoration: none;
}
#column_right ul li a strong{
  color: #ada641;
  font-size: 1.6em;
  font-style: normal;
}
#column_right ul li a.active strong{color:#000}
#column_right ul li a:hover strong, #column_right ul li a:focus strong{color:#000;text-decoration: underline}




/*
-------------------------------------------------------------------------------------------
6. FOOTER STRANICE - INFO, CONTACT, LINKS, COPYRIGHT
-------------------------------------------------------------------------------------------
*/
#wrapper_bottom1{
  width: 100%;
  min-width: 950px;
  background: url('../images/background_bottom1.gif') repeat;
  border-bottom: 2px solid #fff;
}
#container_bottom1{
  width: 950px;
  margin: 0 auto;
}
#wrapper_bottom2{
  width: 100%;
  min-width: 940px;
  background: url('../images/background_bottom2.gif') repeat;
}
#container_bottom2{
  width: 950px;
  margin: 0 auto;
}
#info{
  float: left;
  width: 600px;
  color: #d8ecec;
  padding: 20px 0 10px;
}
#contact{
  float: left;
  width: 340px;
  padding: 20px 0 10px;
  color: #d8ecec;
}
#contact p{
  padding-bottom: 5px;
}
#links{
  clear: left;
  float: left;
  width: 500px;
  min-height: 120px;
  padding-top: 15px;
  color: #ada641;
  font-family: 'Trebuchet MS';
  font-weight: bold;
}
#copyright{
  float: right;
  width: 440px;
  min-height: 120px;
  padding-top: 15px;
  color: #d8ecec;
  font-family: 'Trebuchet MS';
  text-align: right;
}


/*
-------------------------------------------------------------------------------------------
7. OSTALI ELEMENTI STRANICE - TEXT, BUTTON...
-------------------------------------------------------------------------------------------
*/
label{
  float: left;
  width: 90px;
  padding-right: 10px;
  text-align: right;
  line-height: 1.8em;
}
.button{
  color: #d8ecec;
  background-color: inherit;
  border: none;
  font-family: Arial;
  font-size: 0.9em;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0;
  cursor: pointer;
}
.text{
  color: #000;
  background: #a8deda;
  border: 1px solid #000;
  font-family: Arial;
  font-size: 1.1em;
  padding: 4px 6px;
}

p.ok{
  background: url('../images/icons/icon_message_ok.gif') 10px center no-repeat;
  border: 1px solid #67C058;
  padding: 6px 10px 6px 35px;
  margin-bottom: 18px;
}
p.error{
  background: url('../images/icons/icon_message_error.gif') 10px center no-repeat;
  border: 1px solid #E3775B;
  padding: 6px 10px 6px 35px;
  margin-bottom: 18px;
}

p.docs{
  background: #fff url('../images/icons/docs.png') 8px center no-repeat;
  border: 1px #d8ecec dashed; 
  padding: 6px 6px 6px 40px;
  margin: 0 5px 10px 5px;
}

p.slike{
  background: #fff url('../images/icons/pics.png') 8px center no-repeat;
  border: 1px #d8ecec dashed; 
  padding: 6px 6px 2px 40px;
  margin: 0 5px 10px 5px;
}