body { margin: 0; padding: 0; text-align: center; background: #f3f3f3 url('../images/blocks/bg_body.png') repeat-x; }

#mainContainer { width: 990px; text-align: left; background: #fff url('../images/blocks/bg_maincontainer.png') repeat-y; margin: 33px auto 0 auto; }
#mainContainer-inner { background: url('../images/blocks/bg_maincontainer_t.png') no-repeat; padding: 5px; }

#header { background: #0E2E43 url('../images/blocks/bg_header.png') left bottom repeat-x; padding-bottom: 110px; position: relative; }

  #topnavi { /* width: 190px; */ position: absolute; right: 0; top: -30px; }
  
  #topnavi li { background: url('../images/bullets/sep01.png') right 4px no-repeat; padding: 0 6px 0 5px; float: left; }
  #topnavi li.last { background: none; }
  #topnavi a { font-size: 11px; color: #3a5454; text-decoration: none; }
  #topnavi a:hover { text-decoration: underline; }
/*   #topnavi .act a { color: #f99800; cursor: default; }
  #topnavi .act a:hover { text-decoration: none; } */


  #languages{ position: absolute; left: 0; top: -30px; }
  
  #languages li { background: url('../images/bullets/sep01.png') right 4px no-repeat; padding: 0 6px 0 5px; float: left; }
  #languages li.last { background: none; }
  #languages a { font-size: 11px; color: #3a5454; text-decoration: none; }
  #languages a:hover { text-decoration: underline; }
  #languages .act a { color: #f99800; cursor: default; }
  #languages .act a:hover { text-decoration: none; }

#languages a span { width: 20px; height: 14px; background: url('../images/icons/flags.png') 0 0 no-repeat; display: none; vertical-align: middle; margin-right: 5px; }
#languages a span.ua { background-position: 0 0; display: inline-block!important; }
#languages a span.en { background-position: 0 -24px; display: inline-block!important; }
#languages a span.ru { background-position: 0 -48px; display: inline-block!important; }

  
  #quicksearch { height: 26px; background: url('../images/forms/bg_quicksearch.gif') no-repeat; position: absolute; right: 20px; bottom: 26px; }
  #quicksearch .i-text { width: 170px; background: transparent; border-width: 0; padding: 5px 10px 0 10px; vertical-align: top; }
  #quicksearch .i-button-gfx { width: 30px; height: 26px; background: url('../images/forms/bg_quicksearch.gif') right -36px no-repeat; }
  #quicksearch .i-button-gfx { top: -2px; }
  #quicksearch .i-button-gfx { *top: 0; _top: 0; top: 0\9;} /* ie 8 and less */
  @media all and (min-width:0) {
    #quicksearch .i-button-gfx { top:0 \0/; }  /* IE9-IE10pp4 */
  }

  @media (min-resolution: .001dpcm) {
    _:-o-prefocus, #quicksearch .i-button-gfx { /* стиль тільки для Opera 12.00+ */
        top: 0;
    };
  }
/* old  
  #header .logo { width: 464px; height: 110px; background: url('../images/blocks/bg_header_logo.png') no-repeat; position: absolute; left: 0; bottom: 0; }
  #header .logo img { width: 89px; height: 89px; margin: 10px 10px 0 10px; float: left; display: inline; }
  #header .logo span { width: 343px; height: 59px; text-indent: -2000px; background: url('../images/logos/logo_title.gif') no-repeat; margin-top: 28px; float: left; overflow: hidden; }
*/

  #header .logo { width: 584px; height: 110px; background: url('../images/blocks/bg_header_logo.png') no-repeat; position: absolute; left: 0; bottom: 0; }
  #header .logo img { width: 89px; height: 89px; margin: 10px 10px 0 10px; float: left; display: inline; }
  #header .logo span { line-height: 1; font-size: 38px; color: #fff; width: 463px; margin-top: 16px; float: left; }
  
  #mainnavi { width: 100%; height: 37px; background: #224359; }
  #mainnavi li { float: left; }
  #mainnavi li.parent { }
  #mainnavi li a.l1 { height: 37px; line-height: 37px; font-size: 16px;  color: #fff; text-decoration: none; padding: 0 20px; margin-right: 1px; float: left; zoom: 1; }
  #mainnavi li a.l1 span { height: 37px; line-height: 37px; text-decoration: none; float: left; zoom: 1; }
  #mainnavi li.parent a.l1 span { background: url('../images/bullets/bullets01.gif') right 15px no-repeat; padding-right: 18px; }
  #mainnavi li.act a.l1 { background-color: #0E2E43; }
  #mainnavi li a.l1:hover, #mainnavi li a.l1:hover  span { text-decoration: underline; }
  #mainnavi li.act a.l1 span, #mainnavi li a.l1:hover span { background-position: right -23px; }
  #mainnavi ul { width: 200px; background: #f99800; position: absolute; left: 0; top: 38px; z-index: 999; display: none; }
  #mainnavi li:hover ul { /* display: block; */ } 
  #mainnavi ul li { width: 100%; background: none; }
  #mainnavi ul li.act { background: #da8a0c; }
  #mainnavi ul li a.l2 { font-size: 12px; color: #fff; padding: 10px; display: block; zoom: 1; }
  
  #subpane { /* display: none; */ padding: 40px 20px 20px 20px;  position: relative;}
  #subpane .close { height: 16px; line-height: 16px; padding-left: 20px; font-size: 0.917em; color: #fff; text-decoration: none; text-transform: uppercase; background: url("../images/icons/close.png") left center no-repeat; white-space:nowrap; position: absolute; top: 10px; right: 15px; }
  #subpane ul li{ margin-bottom: 10px; }
  #subpane ul ul li{ line-height: 1.2; margin-bottom: 7px; }
  #subpane ul ul{ margin-top: 7px; }
  #subpane a{ text-decoration: none; }
  #subpane a:hover{ text-decoration: underline; }
  #subpane a.l2{ font-size: 16px; color: #fffa6f; }
  #subpane a.l3{ font-size: 13px; color: #f4f4f4; }
  #subpane-ul { }
  #subpane-ul .col { width: 220px; margin-right: 20px; float: left; }
  #subpane-ul .last { margin-right: 0; }
  
  #subnavi { line-height: 1.2; margin: 0 10px 20px 20px; }
  #subnavi li { margin-bottom: 0.8em; }
  #subnavi ul { margin-top: 0.8em; }
  #subnavi ul li { background: url("../images/bullets/bullet01.gif") 3px 4px no-repeat; padding-left: 15px; }
  #subnavi .l1 { font-weight: bold; }
  #subnavi .act { font-weight: bold; color: #000; text-decoration: none; }
  

#content { padding: 20px 0 150px 0; }
#content .content { min-height: 10px; }
#leftColumn { width: 250px; float: left; }
#leftColumn .content { margin: 0 10px 0 20px; }
#mainColumn { float: left; }
#mainColumn .content { min-height: 390px; margin: 0 10px; }
#rightColumn { width: 250px; float: left; }
#rightColumn .content { margin: 0 20px 0 10px; }

  .tmpl-1col #leftColumn, .tmpl-1col #rightColumn { display: none; }
  .tmpl-1col #mainColumn { width: 980px; }
  .tmpl-1col #mainColumn .content{ margin: 0 20px; }

  .tmpl-3cols #mainColumn { width: 480px; }
  
  .tmpl-2cols-l #rightColumn { display: none; }
  .tmpl-2cols-l #mainColumn { width: 730px; }
  .tmpl-2cols-l #mainColumn .content{ margin-right: 20px; }
  
  .tmpl-2cols-r #leftColumn { display: none; }
  .tmpl-2cols-r #mainColumn { width: 730px; }
  .tmpl-2cols-r #mainColumn .content{ margin-left: 20px; }

  


#pagetitle, #breadcrumbs { margin-left: 10px; margin-right: 10px; } 
  .tmpl-1col #pagetitle, .tmpl-1col #breadcrumbs { margin-left: 20px; margin-right: 20px; }
  .tmpl-2cols-l #pagetitle, .tmpl-2cols-l #breadcrumbs { margin-right: 20px; }
  .tmpl-2cols-r #pagetitle, .tmpl-2cols-r #breadcrumbs { margin-left: 20px; }

  #pagetitle h1{ }
  
#breadcrumbs { margin-bottom: 1em; position: relative; }
#breadcrumbs li { background: url('../images/bullets/bullet01.gif') 7px 6px no-repeat; padding-left: 16px; display: inline; zoom: 1; }
#breadcrumbs li.first { background: none; padding-left: 0; }
#breadcrumbs li.home a { width: 16px; height: 16px; text-indent: -20000px; background: url('../images/icons/icon01.gif') no-repeat; display: -moz-inline-stack; display: inline-block; overflow: hidden; vertical-align: middle; float: left; }

#footer { width: 990px; background: url('../images/blocks/bg_maincontainer_b.png') no-repeat; margin: 0 auto 30px auto; padding-top: 40px; }
#footer p.copyright { color: #767676; margin: 10px 0; }

  #footer ul{ }
  #footer ul li { display: inline; }

  #footer ul li { background: url('../images/bullets/sep02.png') right 5px no-repeat; padding: 0 6px 0 5px; }
  #footer ul li.last { background: none; }
  #footer ul a { color: #767676; text-decoration: none; }
  #footer ul a:hover { text-decoration: underline; }