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#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-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#task { width:550px; height:44px; padding:16px 0 0 0; color:#EEE; float:left; font:160% Arial, sans-serif; text-align:center; line-height:130%; }
  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; } /* pilns vertejums */
    div.rating-item-2 { background:url('../img/menu_btn_rating.png') no-repeat 0 12px; } /* tukšs vertejums */

div#field { width:1024px; height:488px; z-index:5; background: url('../img/fons/veikals_plaukts.png') no-repeat 0 0; }


div#shop-categories-1 {}
div#shop-categories-2 {}
  div.category { width:165px; height:120px; margin-left:75px; float:left; }

  div#shop-categories-1 div#cat-1 { background:url('../img/fons/veikals_gala.png') no-repeat 50% 100%; margin-left:70px; }
  div#shop-categories-1 div#cat-2 { background:url('../img/fons/veikals_zivis.png') no-repeat 50% 100%; }
  div#shop-categories-1 div#cat-3 { background:url('../img/fons/veikals_augli.png') no-repeat 50% 100%; }
  div#shop-categories-1 div#cat-4 { background:url('../img/fons/veikals_darzeni.png') no-repeat 50% 100%; }

  div#shop-categories-2 div#cat-1 { background:url('../img/fons/veikals_piens.png') no-repeat 50% 100%; margin-left:70px; }
  div#shop-categories-2 div#cat-2 { background:url('../img/fons/veikals_graudi.png') no-repeat 50% 100%; }
  div#shop-categories-2 div#cat-3 { background:url('../img/fons/veikals_milti.png') no-repeat 50% 100%; }
  div#shop-categories-2 div#cat-4 { background:url('../img/fons/veikals_saldumi.png') no-repeat 50% 100%; }

div#place-box-1 {}
div#place-box-2 {}

  div.place { width:246px; height:170px; float:left; margin:9px 0 0 0; }
  div#place-top { height:170px; }
  div#place-bottom { height:176px; margin:8px 0 0 0; }

  div#place-box-1 div#place-bottom,
  div#place-box-2 div#place-bottom { padding-top:180px; }
  div#place-box-1 div#place-bottom div.target { height:168px; }
  div#place-box-2 div#place-bottom div.target { height:168px; }

  .target-box { width:246px; height:360px; overflow:hidden; float:left; }

  div#place-box-1 div#target-box-1 { margin-left:8px; background:url('../img/objekti/desa.png') no-repeat 50% 95%; }
  div#place-box-1 div#target-box-2 { margin-left:8px; background:url('../img/objekti/zivs_karpa.png') no-repeat 50% 95%; }
  div#place-box-1 div#target-box-3 { margin-left:8px; background:url('../img/objekti/bumbieris.png') no-repeat 50% 15%; }
  div#place-box-1 div#target-box-4 { margin-left:8px; background:url('../img/objekti/kaposts.png') no-repeat 50% 95%; }

  div#place-box-2 div#target-box-1 { margin-left:8px; background:url('../img/objekti/sviests.png') no-repeat 50% 95%; }
  div#place-box-2 div#target-box-2 { margin-left:8px; background:url('../img/objekti/auzu_parslas.png') no-repeat 50% 95%; }
  div#place-box-2 div#target-box-3 { margin-left:8px; background:url('../img/objekti/spagetti.png') no-repeat 50% 15%; }
  div#place-box-2 div#target-box-4 { margin-left:8px; background:url('../img/objekti/sokolade.png') no-repeat 50% 95%; }

.target { width:242px; height:164px; border:2px solid transparent; }
#target-1 { }
#target-2 { }
#target-3 { }
#target-4 { }

div#place-top .target .object { margin:29px 0 0 52px; }
div#place-bottom .target .object { margin:20px 0 0 50px; }

  div.task-box { width:430px; height:484px; float:left; background-position: 50% 50%; }
    div#task-item { height:50px; width:430px; margin:400px 0 0 0; }
      div.task-name { float:left; height:50px; font:bold 350% Arial, sans-serif; text-align:right; line-height:120%;}
      div#task-name-1 { margin:0 20px 0 110px; }
      div#task-name-2 { margin:0 20px 0 90px; }
      div#task-name-3 { margin:0 20px 0 70px; }
      div#task-name-4 { margin:0 20px 0 50px; }
      div#task-play { height:50px; width:50px; float:left; }
        div#task-play a { display:block; width:50px; height:36px; padding:7px 0; margin:0; background:url('../img/task_play.png') no-repeat 0 7px }
        div#task-play a:hover,
        div#task-play a:active { background:url('../img/task_play.png') no-repeat 0 -93px; }

div.object-bar { width:1024px; padding:0; }
div#object-bar-1 { height:220px; width:1004px; padding:0 0 0 20px; background:url('../img/type_1_obj_bg.png') no-repeat 0 0; }
div#object-bar-2 { height:267px; background:url('../img/type_2_obj_bg.png') no-repeat 0 0; }

div.object { height:132px; width:132px; padding:0; margin:45px 0 0 26px; float:left; z-index:10; }
div.object-hlp { height:122px; width:122px; border:5px solid #5FD21B; }

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

.disabled-item { z-index: 2 !important; }
.disabled-area { z-index: 1 !important; }

.good { background:#B3DE5A !important; border: 2px solid #028900 !important; }
.drop-hover { background:#FFFACD !important; border: 2px solid #FF9000 !important; }
.bad { background:#FF0000 !important; border: 2px solid #960032 !important; }
.clr { clear: both; }