* {margin:0; padding:0}
body {font:12px Verdana, Arial, Helvetica, sans-serif; background:#fff url(images/.gif)}
#gallery { width:686px; margin:-800px auto; padding:10px; border:6px solid #fff; background:#fff}
#images {border:2px solid #77a1f8; height:225px; background:#dcddde; margin-bottom:20px}
#image {position:relative; width:672px; height:375px; padding:5px; border:2px solid #fff; background:#FFF url(images/loading.gif) center center no-repeat}
#image img {position:absolute; top:1px; left:80px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:682px; height:100px; border:2px solid #fff; background:#fff}
#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 #000}
#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)}

#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;
}

#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;
 }

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

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

 }


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

 }

 #banner_right {
 width: 287px;
 height: 118px;
 margin: 0px auto;
 display: block;
 padding: 5px 0px 0px 0px;

 }

 #content{

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

 }

 #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;


 }

 #footer{
  width: 630px;
  height: 50px;
  margin: 40px auto;
  text-align: center;

}

#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;
  margin-top: 10px ;
}