*{
  margin: 0px;
  padding: 0px;
}


body{
 background-color: #ffffff;
 font-family:  Verdana;
 font-size: 13px;
 font-style: normal;

}

#menu_prod{
 width: 500px;
 height: 110px;
 margin: 0px auto;
 padding: 20px 0px 0px 0px;

}


#menu {
  width: 450px;
  height: 110px;
  margin: 0px auto;
  padding: 20px 0px 0px 0px;
}

#firm{
  width: 166px;
  height: 30px;
}

#prod{
  width: 107px;
  height: 29px;
  padding-left: 40px;
}

  #blog{
   width: 50px;
   height: 15px;
   padding-left: 118px;
 }

#cont{
  width: 130px;
  height: 30px;
  padding-left: 40px;
}

 #submenu_cont{
   width: 150px;
   height: 20px;
   margin: 0px auto;
   padding: 20px 0px 0px 320px;

 }


 #submenu_firm{
   width: 290px;
   height: 30px;
   padding: 15px 0px 0px 0px;
   margin: 0px 0px 0px -60px;

 }


 #ref{
   width: 83px;
   height: 18px;
 }

 #projects{
   width: 70px;
   height: 30px;
   padding-left: 15px;
 }

 #news{
   width: 50px;
   height: 15px;
   padding-left: 15px;
 }

 #vruzka {
  width: 70px;
  height: 17px;

 }


#adresi {
  width: 50px;
  height: 18px;
  padding-left: 20px;

 }

 #content{

  width: 1060px;
  height: 1194px;
  background: #ffffff url(../_images/firm_bg.jpg) no-repeat top left;
  margin: 0px auto;
  border: 2px solid #8b8b8b;

 }

 #content ul li{
   display: inline;
 }

#content ul li a img{
  border: 1px solid #76a2f9;
}


 #content2{

  width: 801px;
  height: auto;
  background: #ffffff url(../_images/firm_bg.jpg) no-repeat top left;
  margin: 0px auto;
  border: 2px solid #8b8b8b;

 }


 #news_content{
   width: 792px;
   height: auto;
   border: 2px solid #8d8d8d;
   float: right;
   margin: 100px 20px 0px 0px;
 }

 ul{
   margin: 30px 0px 0px 30px;
   list-style: none;
 }

 li, h3{
  margin-bottom: 10px;
 }


 .snimka_novina{

   display: inline;
 }

  .text_novina{
    width: 435px;
    height: auto;
    display: block;
    float: right;
    margin: -340px 30px 0px 0px;

 }

  .text_oshte{
    width: 435px;
    height: auto;
    display: block;
    float: right;
    margin: -240px 30px 0px 0px;

 }

 .banner{
   float: left;
   margin: 135px 0px 0px 30px;
 }


 .banner_partners{
  width: 130px;
  height: 300px;

 }


 #contact_us {
   width: 130px;
   height: 25px;
   float: right;
   margin: 12px 20px 0px 0px;
   padding-right: 10px;

 }

 #galleriq {
   width: 120px;
   height: 25px;
   float: right;
   margin: 12px 20px 0px 0px;


 }

 #picss {
   display: inline;
   width: 419px;
   height: 312px;
   margin: 63px 0px 0px 12px;
 }

 #text1 {
   display: inline;
   width: 585px;
   height: 260px;
   float: right;
   margin: -313px 0px 0px 0px;
   padding-right: 16px;
   letter-spacing: 1px;
   line-height: 130%;
   text-align: justify;

 }

 #text2 {
   display: block;
   width: 521px;
   height: 114px;
   margin: 30px 0px 0px 0px;
   padding: 10px 0px 0px 12px;
   letter-spacing: 1px;
   line-height: 130%;
   text-align: justify;

}

 #picso {
   width: 379px;
   height: 285px;
   float: right;
   margin: -210px 12px 0px 0px ;

 }

 #text3 {
   display: inline;
   width: 543px;
   height: 170px;
   float: right;
   margin: 120px -370px 0px 0px;
   letter-spacing: 1px;
   line-height: 130%;
   text-align: justify;

 }

 #picsm {
   display: inline;
   width: 392px;
   height: 295px;
   margin: 40px 0px 0px 12px;
 }


 #text4{
    width: 455px;
    height: 325px;
    display: block;
    margin: 50px 0px 0px 12px;
    letter-spacing: 1px;
    line-height: 130%;
    text-align: justify;

 }


 #picsmm {
   width: 386px;
   height: 290px;
   float: right;
   margin: -410px 12px 0px 0px ;

 }

 #footer{
  width: 630px;
  height: 50px;
  margin: 0px auto;
  font-family: Trebuchet MS;

}

#footer_img{
  width: 650px;
  height: 50px;
  margin: 0px auto;
}


#home{
  width: 88px;
  height: 31px;


}



#licence{
  width: 60px;
  height: 20px;
  color: #000000;
  text-decoration: none;
}

#year{
  width: 60px;
  height: 20px;
  color: #000000;
  text-decoration: none;
}



#gallery {position:relative; width:686px; margin:40px auto; padding:10px; border:6px solid #77a1f8; background:#000}
#images {border:2px solid #77a1f8; height:225px; background:#dcddde; margin-bottom:20px}
#image {position:relative; width:672px; height:375px; padding:5px; border:2px solid #77a1f8; background:#FFF url(../_images/loading.gif) center center no-repeat}
#image img {position:absolute; top:2px; left:80px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:682px; height:100px; border:2px solid #77a1f8; background:#77a1f8}
#thumbarea {position:relative; overflow:hidden; height:100px; width:682px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px; border-right:5px solid #77a1f8}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(../_images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(../_images/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}