body{
     background-color:#000000;
}
#main{
      background-image:url("../images/bg.jpg");
      background-position:center top;
      background-repeat:no-repeat;
      min-height:1000px !important;
      position:relative;
      text-align:center;
      width:100%;
}
#content{
    width:940px;
    position:relative;
    float:left;
    left:50%;
    margin-left:-480px !important;
    margin-left:-481px;
}
#menu{
    background-image:url("../images/menubg.jpg");
      background-position:-1px top;
      background-repeat:no-repeat;
      width:940px;
      height:48px;
      position:relative;
}
a.menu{
       display:block;
       position:relative;
       float:left;
       height:23px;
}
#home{
      left:33px;
      top:14px;
      width:62px;
      height:24px;
}
#o_nama{
      left:61px;
      top:14px;
      width:71px;
      height:24px;
}
#shopping{
      left:89px;
      top:14px;
      width:82px;
      height:24px;

}
#gastro{
      left:121px;
      top:14px;
      width:70px;
      height:24px;

}

#novosti{
      left:153px;
      top:14px;
      width:74px;
      height:24px;

}
#foto_galerija{
      left:186px;
      top:14px;
      width:113px;
      height:24px;

}
#gdje_smo{
      left:220px;
      top:14px;
      width:81px;
      height:24px;

}
#kontakt{
      left:257px;
      top:14px;
      width:78px;
      height:24px;

}
#search{
        width:44px;
        height:15px;
        padding-left:50px;
        padding-top:91px;
        float:left;
        position:relative;
}
#logo{
      padding-left:70px;
      padding-top:15px;
      float:left;
      position:relative;
      width:155px;
        height:108px;
}
#slogan{
      padding-left:165px;
      padding-top:22px;
      float:left;
      position:relative;
      width:151px;
        height:104px;
}
#searchbtn{
           width:22px;
           height:16px;
           float:left;
           position:relative;
           top:90px;
           margin-left:25px;
           cursor:pointer;
}
#searchbox{
           width:200px;
           height:20px;
           float:left;
           position:relative;
           top:91px;
           left:10px;
           font-family:georgia;
           line-height:120%;
           font-size:14px;
           color:#ffffff;
           overflow:hidden;
           text-align:left;
}
#header{
    background-image:url("../images/hbg.jpg");
      background-position:center top;
      background-repeat:no-repeat;
      width:940px;
      height:147px;
      position:relative;
}
#hr{
    width:940px;
    height:7px;
    float:left;
    position:relative;
    padding-bottom:37px;
}
#hr2{
    width:940px;
    height:9px;
    float:left;
    position:relative;
    padding-bottom:14px;
}
#hr3{
    width:940px;
    height:7px;
    float:left;
    position:relative;
    padding-bottom:5px;
    padding-top:13px;
}
#hr4{
    width:940px;
    height:10px;
    float:left;
    position:relative;
    padding-bottom:20px;
    top:20px !important;
    top:0;
}
#slider_container{
    width:642px;
    height:398px;
    float:left;
    position:relative;
    background-color:#000000;
    left:43px;
    overflow:hidden;
}
#right_side{
   width:227px;
    height:auto;
    float:left;
    position:relative;
    left:71px;
}

#right_side_news{
   width:385px;
    height:auto;
    float:left;
    position:relative;
    padding-bottom:40px;
    left:71px;
}
p,td{
  margin-top:10px;
  margin-bottom:10px;
  margin-right:25px;
  color:#999999;
}
#floating{
width:15px;
height:38px;
z-index:99;
    position:absolute;
left:960px;
   top:111px;
}
#flash_container{
    width:227px;
    height:40px;
    float:left;
    position:relative;
}
#mapa_shopping_centra{
    width:227px;
    height:105px;
    float:left;
    position:relative;
}
#img1{
    width:16px;
    height:182px;
    float:left;
    position:relative;
}
#lista{
    width:211px;
    height:266px;
    float:left;
    position:relative;
}
#slider{
   width:640px;
    height:320px;
    top:2px;
    float:left;
    position:relative;
}
#left_side{
   width:675px;
   top:2px;
    float:left;
    position:relative;
    margin-left:25px;
    text-align:left;
     background-color:#070B0E;
     background-image:url("../images/subpage.jpg");
      background-position:center top;
      background-repeat:no-repeat;
}
#mapa_centra{
   width:900px;
   top:2px;
    float:left;
    position:relative;
    margin-left:25px;
    text-align:center;
     background-color:#000000;
}
#left_side_news{
   width:516px;
   min-height:490px;
   height:auto !important;
   height:490px;
   top:2px;
    float:left;
    position:relative;
    margin-left:25px;
    text-align:left;
     background-color:#070B0E;
     background-image:url("../images/subnews.jpg");
      background-position:center top;
      background-repeat:no-repeat;
}

div.inner_sub{
   padding-left:30px;
   padding-right:30px !important;
   padding-right:15px;
    width:645px;
    position:relative;
    float:left;
    color:#999999;
}
div.inner_sub table{
    color:#999999;
	display:block;
	float:left;
	margin-top:20px;
}
div.inner_sub img{
              border:0px;
}
div.inner_sub_news{
   padding-left:30px;
   padding-right:30px;
    width:516px;;
    position:relative;
    float:left;
}
#slide1{
   width:118px !important;
   width:120px;
   height:58px !important;
   height:60px;
   margin-top:13px;
   float:left;
    position:relative;
}
#slide2{
   width:118px !important;
   width:120px;
   margin-left:10px;
   height:58px !important;
   height:60px;
   margin-top:13px;
   float:left;
    position:relative;
}
#slide3{
   width:118px !important;
   width:120px;
   margin-left:10px;
   height:58px !important;
   height:60px;
   margin-top:13px;
   float:left;
    position:relative;
}
#slide4{
   width:118px !important;
   width:120px;
   margin-left:10px;
   height:58px !important;
   height:60px;
   margin-top:13px;
   float:left;
    position:relative;
}
#slide5{
   width:118px !important;
   width:120px;
   margin-left:10px;
   height:58px !important;
   height:60px;
   margin-top:13px;
   float:left;
    position:relative;
}
#slide6{
   width:118px !important;
   width:120px;
   margin-left:10px;
   height:58px !important;
   height:60px;
   margin-top:13px;
   float:left;
    position:relative;
}
#slide7{
   width:118px !important;
   width:120px;
   margin-left:10px;
   height:58px !important;
   height:60px;
   margin-top:13px;
   float:left;
    position:relative;
}
#slide8{
   width:118px !important;
   width:120px;
   margin-left:10px;
   height:58px !important;
   height:60px;
   margin-top:13px;
   float:left;
    position:relative;
}
#slide9{
   width:118px !important;
   width:120px;
   margin-left:10px;
   height:58px !important;
   height:60px;
   margin-top:13px;
   float:left;
    position:relative;
}
#slide10{
   width:118px !important;
   width:120px;
   margin-left:10px;
   height:58px !important;
   height:60px;
   margin-top:13px;
   float:left;
    position:relative;
}
#klizer{
   position:relative;
   float:left;
   width:1300px;
}
#klizer_container{
   width:605px;
    float:left;
    overflow:hidden;
    position:relative;
}
#slideimg1{
   margin:1px;
}
#slideimg2{
   margin:1px;
}
#slideimg3{
   margin:1px;
}
#slideimg4{
  margin:1px;
}
#slideimg5{
   margin:1px;
}
#slideimg6{
   margin:1px;
}
#slideimg7{
   margin:1px;
}
#slideimg8{
   margin:1px;
}
#slideimg9{
   margin:1px;
}
#slideimg10{
   margin:1px;
}
div.active{
  border:1px solid #3E6980;
}
div.inactive{
  border:1px solid #162025;
}
img.active{
  /* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1;
}
img.inactive{
  /* for IE */
  filter:alpha(opacity=15);
  /* CSS3 standard */
  opacity:0.15;
}
#right_sub{
  float:left;
  background-image:url("../images/right_sub.jpg");
  background-color:#070B0E;
    background-position:left bottom;
    background-repeat:no-repeat;
    position:relative;
    width:218px;
    text-align:left;
    min-height:232px;
    height:auto !important;
    height:232px;
    margin-top:20px;
}
#facebook{
  position:absolute;
  z-index:99;
  display:block;
  width:84px;
  height:22px;
  cursor:pointer;
}
#right_sub_news{
  float:left;
  background-image:url("../images/news_b.jpg");
    background-position:left bottom;
    background-repeat:no-repeat;
    background-color:#070B0E;
    position:relative;
    width:368px;
    text-align:left;
    min-height:334px;
    height:auto !important;
    height:334px;
    margin-top:20px;
}
a.sublink{
          font-family:arial;
          text-decoration:none;
          font-size:13px;
          letter-spacing:-1;
          line-height:200%;
          color:#999999;
}
a.newslink{
          font-family:arial;
          text-decoration:none;
          font-size:13px;
          line-height:160%;
          color:#666666;
}
div.right_box{
   float:left;
   background-image:url("../images/right_c.jpg");
    background-position:left top;
    background-repeat:repeat-y;
    width:219px;
    margin-top:10px;
    position:relative;
}
#box1{
    background-image:url("../images/box.jpg");
    background-position:left top;
    background-repeat:no-repeat;
    height:210px;
    width:210px;
    float:left;
    position:relative;
    left:38px;
}
#box2{
    background-image:url("../images/box.jpg");
    background-position:left top;
    background-repeat:no-repeat;
    height:210px;
    width:210px;
    float:left;
    position:relative;
    left:49px;
}
#box3{
    background-image:url("../images/box.jpg");
    background-position:left top;
    background-repeat:no-repeat;
    height:210px;
    width:210px;
    float:left;
    position:relative;
    left:60px;
}
#vr{
    height:210px;
    width:16px;
    float:left;
    position:relative;
    left:88px;
}
#shopping_centar_title{
    height:13px;
    width:120px;
    float:left;
    position:relative;
    left:22px;
    top:16px;
}
#shopping_centar_image{
    height:78px;
    width:156px;
    float:left;
    position:relative;
    left:22px;
    top:29px;
}
#office_centar_title{
    height:13px;
    width:100px;
    float:left;
    position:relative;
    left:22px;
    top:16px;
}
#office_centar_image{
    height:78px;
    width:156px;
    float:left;
    position:relative;
    left:22px;
    top:29px;
}
#importanne_stanovi_title{
    height:13px;
    width:145px;
    float:left;
    position:relative;
    left:22px;
    top:16px;
}
#importanne_stanovi_image{
    height:78px;
    width:156px;
    float:left;
    position:relative;
    left:22px;
    top:29px;
}
div.arr2{
    height:17px;
    width:18px;
    float:left;
    position:relative;
    left:22px;
    top:45px;
}
#shopping_centar_text{
    height:47px;
    width:165px;
    float:left;
    position:relative;
    left:22px;
    top:42px;
    padding:0;
    margin:0;
    display:block;
    font-family:arial;
    font-size:12px;
    line-height:130%;
    text-align:left;
    color:#cccccc;
    margin-right:34px;
}
#office_centar_text{
    height:47px;
    width:165px;
    float:left;
    position:relative;
    left:22px;
    top:42px;
    padding:0;
    margin:0;
    display:block;
    font-family:arial;
    font-size:12px;
    line-height:130%;
    text-align:left;
    color:#cccccc;
    margin-right:34px;
}
#importanne_stanovi_text{
    height:47px;
    width:165px;
    float:left;
    position:relative;
    left:22px;
    top:42px;
    padding:0;
    margin:0;
    display:block;
    font-family:arial;
    font-size:12px;
    line-height:130%;
    text-align:left;
    color:#cccccc;
    margin-right:34px;
}
#banner1{
   height:50px;
    width:150px;
    float:left;
    position:relative;
    left:110px;
    top:15px;
}
#banner2{
   height:50px;
    width:150px;
    float:left;
    position:relative;
    left:110px;
    top:30px;
}
#banner3{
   height:50px;
    width:150px;
    float:left;
    position:relative;
    left:110px;
    top:45px;
}
#zivite_moderno{
   height:224px;
   width:337px;
   float:left;
   padding-left:41px;
   position:relative;
}
#vr2{
   height:224px;
   width:17px;
   float:left;
   position:relative;
}
#mapa_importanne{
   height:224px;
   width:282px;
   float:left;
   position:relative;
}
#vr3{
   height:224px;
   width:23px;
   float:left;
   position:relative;
}
#struktura{
   height:224px;
   width:220px;
   float:left;
   position:relative;
}
#barcode{
   height:61px;
   width:44px;
   float:left;
   position:relative;
   padding-left:41px;
   padding-top:20px !important;
   padding-top:0;
}
#dws{
   height:61px;
   width:47px;
   float:left;
   position:relative;
   padding-top:20px !important;
   padding-top:0;
}
#footer{
  text-align:left;
  height:90px;
   width:775px;
   display:block;
   float:left;
   position:relative;
   padding-top:15px !important;
   padding-top:0;
   padding-bottom:20px !important;
   padding-bottom:5px;
   font-family:arial;
   font-size:11px;
   color:#333333;
   line-height:180%;
}
#footer a.footer{
  font-family:arial;
   font-size:11px;
   color:#333333;
   line-height:180%;
   text-decoration:underline;
}
#footer a{
   font-family:arial;
   font-size:12px;
   color:#999999;
   line-height:180%;
   text-decoration:none;
}
#radno_vrijeme{
   position:absolute;
   z-index:99;
   width:209px;
   height:231px;
   left:960px;
   top:111px;
   display:none;
}
#slide_l{
   position:relative;
   float:left;
   width:320px;
   height:320px;
   overflow:hidden;
}
#slide_r{
   position:relative;
   text-align:left;
   float:left;
   width:320px;
   height:320px;
   overflow:hidden;
}
#slide_title{
   position:relative;
   font-size:240%;
   font-family:georgia;
   letter-spacing:-2px;
   color:#CCCCCC;
   margin:10px;
   line-height:1em;
   display:block;
}
#slide_r #slide_title{
    margin-left:20px;
}
a{
  color:#666666;
}
#slide_text{
  position:relative;
  font-size:12px;
  line-height:160%;
   font-family:arial;
   cursor:pointer;
   color:#666666;
   padding:0;
   margin:13px;
   display:block;
   text-align:justify;
   width:280px;
   overflow:hidden;
}
#slide_r #slide_text{
    margin-left:26px;
}
#slider_link{
  position:relative;
  font-size:12px;
  line-height:130%;
  font-weight:bold;
   font-family:arial;
   color:#ffffff;
   padding:0;
   margin:13px;
   display:block;
}
span.datum_slider{
  font-family:arial;
  font-size:11px;
  line-height:160%;
  color:#CCCCCC;
  margin:13px;
   display:block;
   position:relative;
}
#slide_r span.datum_slider{
   margin-left:26px;
}
#navigator span{
        font-family:arial;
        font-size:13px;
        color:#999999;
        line-height:160%;
        letter-spacing:-1;
}
#navigator a{
      font-family:arial;
        font-size:13px;
        color:#666666;
        line-height:160%;
        letter-spacing:-1;
}
