/*
--------------------------------------------------------------------------------------------
1. DEFAULT ELEMENTI - HTML, BODY, H1, H2, P...
--------------------------------------------------------------------------------------------
*/
html, div, form, textarea, input, img, label, table, tr, td, p, hr, h1, h2, h3, h4, h5{ 
  margin: 0;
  padding: 0;
  border: none;
}
body{
  color: #999;
  background: #d0a877 url('../images/background_pattern.jpg') repeat;
  font-family: Verdana, Arial, 'Trebuchet MS', 'Times New Roman', Verdana, Georgia;
  font-size: 12px;
  letter-spacing: -1px;
  word-spacing: 1px;
  margin-top: 35px;
  padding: 0;
}

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

h1{
  float: right;
  color: #f2ebe3;
  font-family: Arial;
  font-size: 3.4em;
  font-weight: bold;
  letter-spacing: -2px;
  padding-top: 31px;
}
h2{
  color: #662800;
  font-family: Arial;
  font-size: 2.8em;
  font-weight: bold;
  letter-spacing: -2px;
  text-align: right;
  border-bottom: 3px solid #662800;
  padding: 4px 0;
  margin-bottom: 8px;
}
h3{
  color: #ff6600;
  font-family: Arial;
  font-size: 1.6em;
  font-weight: normal;
  margin-bottom: 3px;
}

h4{
  color: #663300;
  font-family: Verdana;
  font-size: 1.1em;
  font-weight: normal;
  margin-bottom: 3px;
}

em{
  color: #663300;
  font-family: 'Trebuchet MS';
  font-size: 1.4em;
  font-weight: bold;
  font-style: normal;
  letter-spacing: -2px;
}

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

ul{list-style-image:none;list-style:none;margin:0;padding:0}
ul li{margin:0;padding:0}
#main_padding ul{list-style-type:disc;padding:0 0 18px 30px}
#main_padding ul li{padding:1px 0}


img.slika_l{
  float: left;
  margin-right: 10px;
  padding: 3px;
  background-color: #fff;
  border: 1px solid #ccc;
}
img.slika_r{
  float: right;
  margin-left: 10px;
  padding: 3px;
  background-color: #fff;
  border: 1px solid #ccc;
}
a:hover img.slika_l, a:focus img.slika_l, a:hover img.slika_r, a:focus img.slika_r{
  border: 1px solid #662800;
}

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



/*
-------------------------------------------------------------------------------------------
2. STRUKTURA STRANICE - CONTAINERI
-------------------------------------------------------------------------------------------
*/
#container_all{
  width: 950px;
  margin: 0 auto;
}
#container_left{
  float: left;
  width: 640px;
  margin-right: 2px;
}
#container_right{
  float: left;
  width: 308px;
  color: #fff;
}



/*
-------------------------------------------------------------------------------------------
3. HEADER STRANICE - LOGOTIP, NASLOV
-------------------------------------------------------------------------------------------
*/
#header{
  padding: 0 20px 20px;
}



/*
-------------------------------------------------------------------------------------------
4. SREDINA STRANICE - GLAVNI SADRZAJ
-------------------------------------------------------------------------------------------
*/
#main{
  background: url('../images/background_main.png') repeat;
  padding: 2px;
}
#main_padding{
  background: url('../images/background_main_padding.png') no-repeat;
  padding: 75px 30px 10px;
}

.box_left, .box_right{
  float: left;
  width: 272px;
  padding: 5px 0 8px;
}
.box_left{
  margin-right: 31px;
}
.box_left p, .box_right p{
  padding-bottom: 4px;
  line-height: 1.4;
}



/*
-------------------------------------------------------------------------------------------
5. BOTTOM I FOOTER
-------------------------------------------------------------------------------------------
*/
#bottom{
  width: 638px;
  height: 68px;
  background: url('../images/background_bottom.png') no-repeat;
  border: 1px solid #f2ebe3;
  margin: 20px 0;
}
#footer{
  color: #fff;
  background-color: #662800;
  border: 1px solid #f2ebe3;
  text-align: center;
  padding: 15px 0;
}



/*
-------------------------------------------------------------------------------------------
6. COLUMN RIGHT - SEARCH, NAVIGATION, KONTAKT INFO
-------------------------------------------------------------------------------------------
*/
#search{
  height: 62px;
  background-color: #662800;
  padding: 24px 55px 20px;
  margin-bottom: 1px;
}
#navigation{
  height: 328px;
  background: url('../images/background_navigation.png') repeat-x;
  text-align: right;
}
#navigation ul li{
  margin-bottom: 2px;
}
#navigation ul li a{
  display: block;
  height: 32px;
  color: #fff;
  font-size: 1.5em;
  letter-spacing: -2px;
  padding: 7px 55px 0 55px;
}
#navigation ul li a.active{
  color: #ff6600;
  background-color: #662800;
  text-decoration: none;
}
#navigation ul li a:hover, #navigation ul li a:focus{
  color: #ff6600;
  background-color: #662800;
  text-decoration: underline;
}
#contact_info{
  background-color: #662800;
  text-align: right;
  padding: 25px 55px 20px;
}
#copyright{
  text-align: right;
  padding: 25px 55px 0;
}



/*
-------------------------------------------------------------------------------------------
7. OSTALI ELEMENTI STRANICE - TEXT, BUTTON...
-------------------------------------------------------------------------------------------
*/
label{
  font-family: 'Trebuchet MS';
  font-size: 1.2em;
  letter-spacing: 0;
}
.button_ok{
  width: 24px;
  height: 24px;
  background: #12416d url('../images/button_ok.gif') no-repeat;
  cursor: pointer;
}
.text{
  background-color: #fff;
  font-size: 1.2em;
  padding: 4px 5px;
}