body { font:62.5% Arial, sans-serif; margin:0; background:rgba(0,0,0,0.05); }

h2 a { color:#000; text-decoration: none; }
div#panel { width:1024px; margin: 0 auto; }

div.special-3 { width:1024px; height:768px; background:url('../img/3.jpg') no-repeat 0 -60px; font:bold 120% Arial, sans-serif; }
div#first-page { width:1024px; height:768px; background:url('../img/first_page.png') no-repeat 0 0; font:bold 120% Arial, sans-serif; }
  div#first-page div.control-item { padding: 600px 0 0 905px !important; }

div#game-field { width:1024px; height:768px; background:url('../img/field_bg.png') no-repeat 0 0; font:bold 120% Arial, sans-serif; }

div#menu-bar { width:1024px; height:60px; background:url('../img/menu_bg.png'); padding:0; color:#DDD; }
  div#control-bar { width:208px; height:60px; margin:0 0 0 16px; padding:0; float:left; }
    div.control-item { width:48px; height:60px; padding:0; margin:0; float:left; }
      div.control-item a { display:block; width:32px; height:32px; padding:13px 8px 15px 8px; margin:0; }
      div.control-item a#menu-item-home { background:url('../img/menu_btn_home.png') no-repeat 8px 13px; }
      div.control-item a#menu-item-home:hover,
      div.control-item a#menu-item-home:active { background:url('../img/menu_btn_home.png') no-repeat 8px -87px; }
      div.control-item a#menu-item-up { background:url('../img/menu_btn_up.png') no-repeat 8px 13px; }
      div.control-item a#menu-item-up:hover,
      div.control-item a#menu-item-up:active { background:url('../img/menu_btn_up.png') no-repeat 8px -87px; }
      div.control-item a#menu-item-prev { background:url('../img/menu_btn_prev.png') no-repeat 8px 13px; }
      div.control-item a#menu-item-prev:hover,
      div.control-item a#menu-item-prev:active { background:url('../img/menu_btn_prev.png') no-repeat 8px -87px; }
      div.control-item a#menu-item-next { background:url('../img/menu_btn_next.png') no-repeat 8px 13px; }
      div.control-item a#menu-item-next:hover,
      div.control-item a#menu-item-next:active { background:url('../img/menu_btn_next.png') no-repeat 8px -87px; }
      div.control-item a#menu-item-play { background:url('../img/menu_btn_play.png') no-repeat 8px 13px; }
      div.control-item a#menu-item-play:hover,
      div.control-item a#menu-item-play:active { background:url('../img/menu_btn_play.png') no-repeat 8px -87px; }

      div.control-item a#intro-item-next { background:url('../img/intro_btn.png') no-repeat 8px 13px; }
      div.control-item a#intro-item-next:hover,
      div.control-item a#intro-item-next:active { background:url('../img/intro_btn.png') no-repeat 8px -87px; }

  div#task { width:550px; height:44px; padding:16px 0 0 0; color:#EEE; float:left; font:160%/130% Arial, sans-serif; text-align:center; }
  span.bg1 { color:#999; }
  span.bg2 { color:#777; }

  div#rating-bar { width:250px; height:60px; margin:0; padding:0; float:left; }
    div.rating-item { width:38px; height:60px; padding:0; margin:0; float:left; }
    div.rating-item-0 { background:none; }
    div.rating-item-1 { background:url('../img/menu_btn_rating.png') no-repeat 0 -87px; }
    div.rating-item-2 { background:url('../img/menu_btn_rating.png') no-repeat 0 12px; }

  div#menu-field div#menu-box { width:830px; margin:50px 0 0 97px; box-shadow:0 0 20px #333; }
    div#menu-field div.menu-item { width:830px; height:82px; float:left;}
    div#menu-field div#menu-item-1 a { background:url('../img/01_fons.png') no-repeat 0 0; }
    div#menu-field div#menu-item-2 a { background:url('../img/02_fons.png') no-repeat 0 0; }
    div#menu-field div#menu-item-3 a { background:url('../img/03_fons.png') no-repeat 0 0; }

    div.menu-item a:hover,
    div.menu-item a:active { background-position: 0 -82px !important; }
    div.menu-item a:hover span,
    div.menu-item a:active span { color:#EEE !important; }
    
    div#menu-field h3.menu-item { width:830px; height:82px; margin:0; }
    div#menu-field h3.menu-item a { width:830px; height:82px; margin:0; display:block; }
    div#menu-field h3#menu-item-1 a { background:url('../img/01_plusminus.png') no-repeat 0 0; }
    div#menu-field h3#menu-item-2 a { background:url('../img/02_plusminus.png') no-repeat 0 0; }
    div#menu-field h3#menu-item-3 a { background:url('../img/03_plusminus.png') no-repeat 0 0; }
    .ui-state-active a { background-position: 0 -82px !important; }

    /* nedzēst
    h3#menu-item-3 a:hover,
    h3#menu-item-3 a:active { background-position: 0 -82px !important; }
    */

    div.menu-item a { width:830px; height:82px; display:block; text-decoration:none; font:bold 280%/240% Arial, sans-serif; color:#222; }
    div.menu-item a span.item-nr { width:82px; height:82px; margin-left:28px; display:block; float:left; color:#EEE; }
    div.menu-item a span.item-name { width:720px; height:82px; display:block; float:left; color:#222; }

    h3 a { width:830px; height:82px; display:block; text-decoration:none; font:bold 240%/240% Arial, sans-serif; color:#222; }
    h3 a span.item-nr { width:82px; height:82px; margin-left:28px; display:block; float:left; color:#EEE; }
    h3 a span.item-name { width:720px; height:82px; display:block; float:left; color:#222; }

    div.panel,
    div.panel-med,
    div.panel-big { width:800px; padding:0 0 0 30px; }

      div#panel-1 { height:240px; background: #D56B00 url('../img/top_shadow_bg.png') no-repeat 0 0; }
      div#panel-2 { height:160px; background: #CD4100 url('../img/top_shadow_bg.png') no-repeat 0 0; }
      div#panel-3 { height:400px; background: #BB272C url('../img/top_shadow_bg.png') no-repeat 0 0; }
      
    div.link-group { float:left; margin:30px 0 0 20px; }
    div.panel a { height:24px; min-width:100px; margin:0; padding:5px 12px; display:block; font:bold 180%/120% Arial, sans-serif; color:#EEE; text-decoration:none; }
    div.panel a:hover,
    div.panel a:active { background:#222; border-radius:7px; }

    div.panel-med a { height:30px; min-width:120px; margin:0; padding:6px 14px; display:block; font:bold 200%/135% Arial, sans-serif; color:#EEE; text-decoration:none; }
    div.panel-med a:hover,
    div.panel-med a:active { background:#222; border-radius:7px; }

    div.panel-big a { height:34px; width:200px; margin-top:5px; padding:7px 14px; display:block; font:bold 230%/135% Arial, sans-serif; color:#EEE; text-decoration:none; }
    div.panel-big a:hover,
    div.panel-big a:active { background:#222; border-radius:7px; }

.do-not-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.clr { clear: both; }