/*
--------------------------------------------------------------------------------------------
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{ 
  margin: 0;
  padding: 0;
  border: none;
}
body{
  color: #fff;
  background: #00293d url('../images/background_gradient.gif') repeat-y;
  font-family: 'Lucida Sans Unicode', 'Trebuchet MS', Georgia, Verdana, 'Times New Roman', Arial;
  font-size: 12px;

  line-height: 1.6em;
}

img, div { behavior: url(iepngfix.htc) }

h1{
  color: #669900;
  font-family: 'Trebuchet MS';
  font-size: 2.2em;
  font-weight: bold;
  margin-bottom: 30px;
}
h2{
  font-family: 'Trebuchet MS';
  font-size: 1.6em;
  font-weight: normal;
  margin-bottom: 15px;
}
h3{
  color: #669900;
  font-family: 'Trebuchet MS';
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 2px;
}

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

a.ispis{
  color: #fff;
  background: url('../images/print.gif') no-repeat;
  padding-left: 32px;
}
a.ispis:hover, a.ispis:focus, a.ispis.active{
  color: #669900;
  text-decoration: none;
}

p{padding-bottom:14px}

em{
  font-family: 'Trebuchet MS';
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
}

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

.clear{clear:both}



/*
-------------------------------------------------------------------------------------------
2. HEADER STRANICE - LOGOTIP, PRETRAGA
-------------------------------------------------------------------------------------------
*/
#wrapper_header{
  width: 100%;
  min-width: 910px;
  height: 158px;
}
#container_header{
  width: 910px;
  margin: 0 auto;
}
#logotip{
  float: left;
  width: 175px;
  height: 120px;
  padding-top: 20px;
  color: #669900;
  font-family: 'Trebuchet MS';
  font-size: 0.9em;
  line-height: 1.4em;
}
#search{
  float: right;
  height: 100px;
  padding-top: 40px;
  font-family: 'Trebuchet MS';
  font-size: 1.2em;
}
#p{
  clear: both;
  height: 18px;
  color: #688ea1;
  font-size: 0.8em;
  text-align: right;
}
#p p{padding:0}



/*
-------------------------------------------------------------------------------------------
3. NAVIGACIJA STRANICE - UL, LI
-------------------------------------------------------------------------------------------
*/
#wrapper_navigation{
  width: 100%;
  min-width: 910px;
  height: 85px;
  border-top: 1px solid #668696;
  border-bottom: 1px solid #668696;
  padding: 2px 0;
}
#container_navigation{
  width: 910px;
  margin: 0 auto;
}
#container_navigation strong{
  font-family: 'Trebuchet MS';
  font-size: 1.6em;
}

#container_navigation ul li{display:block}
#container_navigation ul li{float:left}
#container_navigation ul li a{
  display: block;
  float: left;
  width: 152px;
  height: 72px;
  padding: 13px 15px 0;
  color: #fff;
  font-size: 0.9em;
  text-decoration: none;
}
#container_navigation ul li a:hover, #container_navigation ul li a:focus{
  background-color: #669900;
  text-decoration: none;
}

#container_navigation ul li a.active{
  color: #88acbe;
  background-color: #002334;
}
#container_navigation ul li a.active:hover, #container_navigation ul li a.active:focus{
  color: #fff;
}

#container_navigation ul li a.deactive{
  color: #002a3e;
}

/*
-------------------------------------------------------------------------------------------
4. SREDINA STRANICE - GLAVNI SADRZAJ
-------------------------------------------------------------------------------------------
*/
#wrapper_main{
  width: 100%;
  min-width: 910px;
}
#container_main{
  width: 910px;
  margin: 0 auto;
  padding: 12px 0;
}
#content{
  float: left;
  width: 620px;
  padding-right: 40px;
}
#content2{
  float: left;
  width: 420px;
  padding-right: 40px;
}
#content hr, #content2 hr{
  border-top: 1px solid #669900;
  border-bottom: 1px solid #669900;
  margin: 15px 0;
}
#column_right{
  float: left;
  width: 250px;
}
#column_right2{
  float: left;
  width: 450px;
}
#column_right .box, #column_right2 .box{
  background-color: #002538;
  margin-bottom: 2px;
  padding: 12px 15px 0;
}
#column_right h2, #column_right2 h2{
  margin-bottom: 5px;
}

.nekretnina_box{
  float: left;
  width: 23%;
  padding: 0 2% 15px 0;
  text-align: center;
}
.nekretnina_box p{
  padding-bottom: 4px;
}

#contact_agent{
  color: #997f00;
  line-height: 1.6em;
  margin-top: 25px;
}
#contact_agent img.slika_l{
  border-width: 4px;
}
#agent_box{
  background-color: #003854;
  padding: 15px 15px 3px;
}

img.slika, img.slika_l, img.slika_r{
  border: 6px solid #fff;
}
a:hover img.slika, a:hover img.slika_l, a:hover img.slika_r, a:focus img.slika, a:focus img.slika_l, a:focus img.slika_r{
  border: 6px solid #669900;
}

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

.zgrada_box{
  float: left;
  width: 31%;
  padding: 0 2% 15px 0;
  text-align: center;
}
.zgrada_box p{
  padding-bottom: 4px;
}

/*
-------------------------------------------------------------------------------------------
5. BOTTOM STRANICE
-------------------------------------------------------------------------------------------
*/
#wrapper_bottom{
  width: 100%;
  min-width: 910px;
  height: 55px;
  color: #00293e;
  background-color: #99ccff;
  font-family: 'Trebuchet MS';
  font-weight: bold;
}
#container_bottom{
  width: 910px;
  margin: 0 auto;
  padding-top: 18px;
}
#container_bottom em{
  font-size: 0.9em;
}
#container_bottom a{
  color: #00293e;
}
#container_bottom a:hover, #container_bottom a:focus, #container_bottom a.active{
  color: #00293e;
  text-decoration: underline;
}



/*
-------------------------------------------------------------------------------------------
6. FOOTER STRANICE - INFO, KONTAKT FORMA, COPYRIGHT
-------------------------------------------------------------------------------------------
*/
#wrapper_footer{
  width: 100%;
  min-width: 910px;
  background: #1d1d1d url('../images/background_footer.jpg') repeat;
  border-top: 5px solid #fff;
}
#container_footer{
  width: 910px;
  margin: 0 auto;
  padding: 20px 0 6px;
}
#info{
  float: left;
  width: 350px;
}
#contact{
  float: left;
  width: 560px;
}
#contact span{
  float: left;
  width: 75px;
  text-align: right;
  padding-right: 10px;
}
#contact .text{
  background-color: #99ccff;
  border-color: #838384;
}



/*
-------------------------------------------------------------------------------------------
7. OSTALI ELEMENTI STRANICE - TEXT, BUTTON...
-------------------------------------------------------------------------------------------
*/
.text{
  color: #000;
  background-color: #fff;
  border: 1px solid #bababb;
  padding: 4px 5px;
}
.button{
  width: 26px;
  height: 26px;
  background: #efe9e5 url('../images/button.gif') no-repeat;
  border: 1px solid #bababb;
  cursor: pointer;
}

.centerdiv{ 
text-align: center;
}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
border: 6px solid #fff;
}