img {border: 0;}


body {width: 100%; min-width: 844px; background-color: #c9ebf7; text-align: left; margin: 0; color: #666F74; font-size: 11px; font-family: arial; line-height: 17px;}

#preloader {visibility: hidden; position: absolute; z-index: -999;}
#preloader img {width: 1px; height: 1px;}

#l_bg {position: absolute; top: 0; right: 50%; width: 50%; height: 688px; z-index: 0; background: url(../img/l_bg.jpg) no-repeat 100% 0 transparent;}
#r_bg {position: absolute; top: 0; left: 50%; width: 50%; height: 688px; z-index: 0; background: url(../img/r_bg.jpg) no-repeat 0 0 transparent;}

#container {position: relative; margin: 0 auto; width: 844px; min-height: 688px; background: url(../img/container_bg.jpg) no-repeat 0 148px transparent; z-index: 2;}

#top {width: 844px; height: 148px; background: url(../img/top_bg.jpg) no-repeat 0 0 transparent;}
  #top h1 {float: left; margin: 43px 0 0 0; width: 263px; height: 55px;}
  #top ul {float: right; margin: 50px 0 0 0; padding: 3px 0 0 5px; width: 461px; height: 33px; background: url(../img/menu_bg.png) no-repeat 0 0 transparent; list-style: none;}
    #top li {height: 33px; display: block; float: left; padding: 0; margin: 0; position: relative; z-index: 10000000000}
      #top li:hover {background: url(../img/menu/hover.png) repeat-x 2px 0 transparent;}
    #top li a {float: left; display: block; background: url(../img/menu/li.png) no-repeat 0 0 transparent; height: 23px; margin: 0; padding: 10px 17px 0 17px;}
    #top li dl {display: none;}
    #top li:hover dl {position: absolute; left: 0; top: 33px; margin: 0; padding: 0; width: 159px; display: block;}
    #top li:hover dd {margin: 0; padding: 0; display: block; width: 159px; height: 33px; background: url(../img/menu/dd.png) no-repeat 0 0 transparent; position: relative;}
      #top li:hover dd:hover {background: url(../img/menu/dd_hover.png) no-repeat 0 0 transparent;}
    #top li:hover .dd_last {height: 46px; background: url(../img/menu/dd_last.png) no-repeat 0 0 transparent;}
      #top li:hover .dd_last:hover {background: url(../img/menu/dd_last_hover.png) no-repeat 0 0 transparent;}
    #top li:hover dl dd a {width: 139px; height: 24px; margin: 0 8px 0 4px; padding: 9px 0 0 8px; display: block; background: url(../img/menu/dd_border.png) no-repeat 2px 0 transparent; position: relative;}

#header {height: 262px; padding-top: 50px; position: relative; background: url(../img/header_main_bg.jpg) no-repeat 0 0 transparent;}
  #header p {margin: 0 0 20px 0; width: 327px;}
  #screen_box {margin-top: -50px; width: 844px; height: 312px;}
  .slide p {float: left; padding-top: 40px;}
  .slide img {float: right;}

  #wstega {position: absolute; top: 15px; right: -2px;}

#oferta_box {overflow: hidden; background: url(../img/oferta_box_bg.jpg) repeat-x 0 0 transparent;}
  #oferta_box dl {float: left; margin: 5px 0 0 0; padding: 20px 0 0 0; width: 220px;}
  .with_line {background: url(../img/line.png) no-repeat 100% 20px transparent; margin-right: 20px !important;}
  #oferta_box dd {margin: 0; width: 230px; height: 100px;}
    #oferta_box dd img {float: left;}
    #oferta_box dd p {margin: 0 0 0 50px; width: 150px; color: #666F74; font-size: 11px; font-family: arial; line-height: 17px;}
  #tagi {float: right; width: 370px; margin-top: 15px; margin-bottom: 0; text-align: justify; color: #577080;}
    #tagi a {font-family: arial; color: #577080; text-decoration: none;}
      #tagi a:hover {color: #000;}

.right {text-align: right;}

#footer {width: 100%; min-width: 844px; height: 215px; background: url(../img/footer_bg.jpg) repeat-x 0 0 #01172c; clear: both}
  #footer_inside {width: 844px; margin: 0 auto; position: relative;}
  #footer_inside ul {display: block; float: left; margin: 20px 40px 0 0; padding: 0; list-style: none}
    #footer_inside li {display: block; margin: 5px 0; padding: 0; color: #82a8c0; font-size: 13px; font-style: italic;}
    #footer_inside li a {color: #82a8c0; font-size: 13px; font-style: italic; text-decoration: none;}
    #footer_inside li a:hover {color: #EAEAEA;}
    #footer_inside li img {margin-bottom: 5px;}
    #footer_inside li a img {margin-bottom: 0 !important}
  #footer_right {float: right; margin: 13px 0 0 0;}
    #footer_right p {margin: 5px 0; text-align: right;}
  #footer_bottom {clear: both;}
    #footer_bottom ul {float: left; list-style: none; margin: 12px 0 0 0; padding: 0; position: relative; left: -15px;}
      #footer_bottom li {display: block; float: left; height: 15px; background: url(../img/footer_menu/li.jpg) no-repeat 100% 2px transparent;}
      #footer_bottom li a {display: block; float: left; height: 13px; padding: 0 15px;}
    #footer_bottom p {margin: 16px 0 0 0; float: right;}