#container { width: 100%; height: 100%; min-height: 100%;
 color: #8d8d8d; font: normal 11px verdana, Arial;}
  #top { height: 32px; width: 100%; position: relative; float:left; 
    background: url('../upload/gfx/top.gif') repeat-x top left;}
    #top_content { height: 30px; width: 1001px; position: relative;
      margin-left: auto; margin-right: auto;}
      #lang { height: 20px; width: 250px; position: relative; float: left; top: 5px; color: #797979; font: normal 10px Arial,verdana;z-index:300;}
      #links { height: 20px; width: 550px; position: relative; float: right; }
  #container_box { width: 1001px; min-height: 100%; height: auto ! important;    
     position: relative; margin-left: auto; margin-right: auto;}
    #logo_space { height: 80px; width: 995px; position: relative; float: left;}
    #content { width: 1001px; min-height: 100%; height: auto ! important;
      position: relative; float: left;} 
      #menu { width: 139px; min-height: 100%; height: auto ! important; 
        background: url('../upload/gfx/fr_left.gif') repeat-y top right;
        position: relative; float: left;  z-index:1000;}
      #container_main { position: relative; float: left; width: 862px; left: -6px;
        min-height: 100%; height: auto ! important; background: url('../upload/gfx/fr_left-right.gif') repeat-y 0px 5px; z-index:10;}
        #top_space { position: relative; float: left; width: 858px; height: 5px; 
        background: url('../upload/gfx/fr_top.gif') repeat-x top left;}
        #banner { position: relative; float: left; width: 850px; left:6px; background: url('../upload/gfx/content_top.gif') repeat-x bottom left;}
        #main { position: relative; float: left; width: 577px; min-height: 100%; height: auto ! important; left:36px; padding-bottom: 30px; }
          #main_content { position: relative; float: left; width: 165px; }
          #form_content { position: relative; float: left; width: 400px; top:5px; }  
        #box { position: relative; float: right; width: 205px;left:-6px;}
          #box_content { position: relative; float: left; width: 165px; left:20px; padding: 15px 0px; }
          #offer { position: relative; float: left; width: 205px; height:217px;
            background: url('../upload/gfx/offer_orange.jpg') no-repeat top left;}
    #bottom_space { height: 50px; width: 854px; position: relative; float: left; left: 137px; background: url('../upload/gfx/fr_bottom.gif') repeat-x top left;} 
  #bottom { height: 32px; width: 100%; position: relative;  float:left;  
    background: url('../upload/gfx/bottom.gif') repeat-x top left;}
    #bottom_content { height: 32px; width: 995px; position: relative; margin-left: auto; margin-right: auto;}
      #copyright { height: 32px; width: 700px; position: relative; float: left;}
      #supercomp { height: 21px; width: 250px; position: relative; float: right; top:11px; text-align: right;}
    

#menu .menu { width: 139px; height: 35px; background: url('../upload/gfx/menu.gif') no-repeat top left; }
#menu .parent { width: 139px; height: 35px; background: url('../upload/gfx/menu_parent.gif') no-repeat top left;}
#menu .submenu { width: 136px; min-height: 35px; background: #141414 url('../upload/gfx/menu2.gif') repeat-x top left; position:relative; left: 3px; display:none;}
#menu .submenu div { width: 136px; height: 35px;}
#menu .menu a, #menu .parent a { color: #959595; font: bold 12px Arial, Tahoma; position:relative; top: 10px; left: 24px; }
#menu .menu a.on, #menu .menu a:hover, #menu .parent a.on, #menu .parent a:hover { color: #323232; text-decoration: none;}
#menu .submenu a { color: #fff; font: normal 12px Arial, verdana, Tahoma; position:relative; top: 10px; padding-left: 21px; }
#menu .submenu a.on, #menu .submenu a:hover { color: #ff5100; text-decoration: none;background: url('../upload/gfx/strzalka.png') no-repeat 10px 3px;}

#lang a { color: #a3a3a3; font: normal 10px Arial,verdana; }
#links a, #copyright div, #supercomp { color: #797979; font: normal 10px Arial,verdana; }
#lang a.on, #lang a:hover, #links a:hover, #supercomp a:hover  { color: #ff5100; text-decoration: none;}
#links div {float:right; position:relative;height:20px;}
#links #l0 {color: #fff; font: bold 12px Arial,verdana;top:5px;left:-50px;}
#links div a {position:relative;top:5px;margin-left:30px;}
#links #l1 {background: url('../upload/gfx/l1.gif') no-repeat 15px 0px;z-index:100;}
#links #l2 {background: url('../upload/gfx/l2.gif') no-repeat 13px 0px;z-index:200;}
#links #l3 {background: url('../upload/gfx/l3.gif') no-repeat 13px 0px;z-index:300;}

#copyright div {float:left;position:relative;}
#copyright #c1 {top:8px;}
#copyright #c2 {top:11px;left:40px;}

#box_content div { color: #828282; font: normal 10px verdana,Arial; float:left;}
#box_content h2 { color: #828282;}
#box_content div h3, #references div h3 {color: #ff5100; font: bold 11px tahoma;}
#box_content div .more, #references div .more {background: url('../upload/gfx/next.gif') no-repeat 0px 5px;z-index:300; padding-left:10px; color: #828282;}

a.li {background: url('../upload/gfx/next.gif') no-repeat 0px 5px;z-index:300; padding-left:10px; color: #828282;}
a.li2 {background: url('../upload/gfx/li2.gif') no-repeat 0px 5px;z-index:300; padding-left:10px; color: #828282;}

#offer h1 {color:#fff; font: normal 18px Arial; position:relative; left:20px; top:5px; padding: 10px 0px; }
#offer p {color:#fff; position:relative; left:20px; top:-5px; font: normal 10px verdana,Arial;}
#offer a {color:#fff; position:relative; left:20px; top:90px; background: url('../upload/gfx/offer_more.png') no-repeat 0px 4px; padding-left:10px; font: normal 10px verdana,Arial;}

#references div { float:left;}

.gal_album {width: 100px;height: 100px; float:left; }
.gal_album_ch {width: 100px;height: 128px; float:left; overflow:hidden; margin: 0 20px 20px 0;}  
.gal_album a img:hover,.gal_album_ch a:hover img { opacity: 0.8; }
.gal_album_ch h3 {font-size:11px;}
.gal_album_ch a:hover {text-decoration:none;}

#pager { color: #000; margin-top:12px; float:left; text-align: center; position: relative; }
#pager div { float: left; position: relative; width:30px; height:23px; color:gray; text-align: center; padding-top: 6px; font-weight:bold; border-left: 1px solid gray; }
#pager a:first-child div {border-left: 0px solid gray;}
#pager div#pon, #pager div:hover { color:#ff5100; font-weight:bold; }
#pager a {color: gray;}
#pager div:hover a { color:#ff5100; text-decoration: none; font-weight:bold;}