/* GAMES CSS Document */
@import url(default.css); 

/* BARVY PODLE AKTUALNI SEKCE */
      #untop div.menu a.online-hry-zdarma  { border-top: solid 4px; margin-top: 0; border-color: #8db9d2; } /* HOVER nad odkazem aktivni */
      #untop div.menu-barva         { background-color: #2f80af; }
      div.lpanel div.menu a       { background-color: #2f80af; }
      div.lpanel div.menu a:hover { background-color: #47a6de; }
      div.lpanel div.menu a.gray       { background-color: #757575; }
      div.lpanel div.menu a.gray:hover { background-color: #9E9E9E; }
      div.rpanel div.defnadpis         { background-color: #2f80af; }
     
/*   div.rpanel { float: right; width: 283px; }
       div.rpanel div.statistics     { margin-top: 4px; border: solid 1px #c9c9c9; background-color: #fefedc; padding: 8px; line-height: 20px;  }
         div.rpanel div.statistics a { font-weight: bold; font-size: 12px; color: black; }
       div.rpanel div.randomgame     { margin-top: 4px; padding: 1px; border: solid 1px #e7e7e7; }
         div.rpanel div.randomgame div.in           { background-color: #e1edf6; background: #e1edf6 url(/images/kat-hry-advise.jpg) no-repeat right bottom; color: #14669e; padding: 4px; padding-left: 12px; padding-right: 12px; }
         div.rpanel div.randomgame div.in img       { vertical-align: middle; }
         div.rpanel div.randomgame div.in img.gameimg { margin: 0 auto; border: solid 1px white; margin: 5px; margin-left: 25px;  }
         div.rpanel div.randomgame div.in p         { margin-top: 0px; }
         div.rpanel div.randomgame div.in a.nadpis  { font-weight: bold; padding-right: 8px; color: #417ea6; }
         div.rpanel div.randomgame div.in .button   { text-decoration: none; color: white; padding-top: 1px; padding-bottom: 2px; padding-left: 10px; padding-right: 10px; background-color: #ff6600; }
         div.rpanel div.randomgame div.in a.button:hover   { background-color: #ea180b; }
         div.rpanel div.randomgame div.in div.info  { background-color: transparent; margin-top: 14px; margin-bottom: 12px; _margin-bottom: 0px; width: 240px; }
         div.rpanel div.randomgame div.in a.kategorie { color: #333333; width: 95px; padding-left: 20px; background: url(/images/kat-hry-dir.gif) no-repeat left;  }
         div.rpanel div.randomgame div.in .komentare  { float: right; width: 95px; padding-left: 20px; background: url(/images/kat-hry-komentare.gif) no-repeat left; }
       div.rpanel div.top10 { margin-top: 4px; padding: 1px; border: solid 1px #e7e7e7;  }
         div.rpanel div.top10 div.in { background-color: #f1f1f1; line-height: 24px; font-size: 11px; padding: 14px; }
         div.rpanel div.top10 div.in .nadpis { padding-bottom: 2px; margin-bottom: 10px; border-bottom: solid 1px #cccccc; }
         div.rpanel div.top10 div.in span { font-weight: bold; padding-left: 2px; padding-right: 2px; margin-right: 8px; color: white; border: solid 1px #F7A222; background-color: #feb800; }
         div.rpanel div.top10 div.in a       { color: black; font-weight: bold; }
       div.rpanel div.member_login { padding: 1px; border: solid 1px #E6E6E6; }
         div.rpanel div.member_login div.in { background-color: #F6F6F6; }
         div.rpanel  form         { margin: 0; }
         div.rpanel  input.text   { width: 90px; font-size: 11px; background-color: #fcfcf4; }         
         div.rpanel  table.login  { float: left; width: 190px; font-size: 11px; text-align: center; }
         div.rpanel  input.login  {  margin-right: 14px; margin-top: 10px; }
         div.rpanel  div.nadpis   { padding-left: 10px; font-weight: bold; height: 25px; line-height: 25px; margin: 0 auto; }
 */           
     div.kat-hry { width: 580px;  float: left; }  
       div.kat-hry h3  { background-color: #FAFAFA; font-size: 14px; padding: 1px; text-align: center; }     
         div.kat-hry div.hry-kat-filtr { height: 29px; line-height: 29px; padding-left: 5px; padding-right: 5px; background-image: url(/images/kat-hry-filtr.gif); }
         div.kat-hry div.hry-kat-filtr form { margin: 0; padding: 0; float: right; vertical-align: middle; }
         div.kat-hry div.hry-kat-filtr select { width: 110px; _vertical-align: middle; font-size: 11px; margin-left: 6px; }
         div.kat-hry div.hry-kat-filtr input  { _vertical-align: middle; font-size: 11px; margin-left: 4px; margin-right: 5px; }
         div.kat-hry div.hry-kat-filtr span.r   { _float: right;  _padding-top: 4px;  border-left: solid 1px #e6e6e6; padding-left: 8px; }
         
         div.kat-hry div.hra  { display: block; margin-bottom: 5px; margin-top: 5px; font-size: 11px;  }
         div.kat-hry div.hra img.game { margin-right: 8px; margin-bottom: 10px; padding: 1px; border: solid 1px #cccccc; float: left;  }
         div.kat-hry div.hra span.rate { float: right; font-size: bold; font-size: 11px; }
         div.kat-hry div.hra span.rate img { vertical-align: middle; }
         div.kat-hry div.hra h4       { margin: 0; padding: 0; text-indent:0;  }
         div.kat-hry div.hra h4 a     { color: #045fa0; font-size: 14px; }
         div.kat-hry div.hra h4 a:hover { text-decoration: none; }
         div.kat-hry div.hra h4 img   { vertical-align: middle; margin-left: 8px; }
         div.kat-hry div.hra p        { margin: 0; margin-top: 5px; line-height: 15px; }
         div.kat-hry div.hra p a      { color: #0171b3; }
         div.kat-hry div.hra div.info { height: 24px; line-height: 24px; background-color: #fffeea; clear: both; padding-left: 5px; padding-right: 5px; }
         div.kat-hry div.hra div.info div { height: 24px; line-height: 24px; vertical-align: middle; font-size: 10px; }
         div.kat-hry div.hra div.info .kategorie { float: left; width: 100px; padding-left: 20px; background: url(/images/kat-hry-dir.gif) no-repeat left;  }
         div.kat-hry div.hra div.info .pridano   { float: left; width: 85px; padding-left: 20px; background: url(/images/kat-hry-cas.gif) no-repeat left;  }
         div.kat-hry div.hra div.info .komentare { float: left; width: 105px; padding-left: 20px; background: url(/images/kat-hry-komentare.gif) no-repeat left; }
         div.kat-hry div.hra div.info .hralo     { float: left; width: 90px; padding-left: 20px; background: url(/images/kat-hry-plays.gif) no-repeat left; }
         div.kat-hry div.hra div.info img { border: 0px; vertical-align: middle;  _margin-top: 7px; margin-right: 7px; }
         div.kat-hry div.hra div.info a        { color: black; }
         div.kat-hry div.hra div.info a:hover  { text-decoration: none; }
         div.kat-hry div.hra div.info a.hrej   { text-decoration: none; color: white; padding-top: 1px; padding-bottom: 2px; padding-left: 10px; padding-right: 10px; background-color: #1294c5; }
         div.kat-hry div.hra div.info a.hrej:hover   { background-color: #47a6de; }
         div.kat-hry div.hra div.info a.detail { text-decoration: none; color: white; padding-top: 1px; padding-bottom: 2px; padding-left: 10px; padding-right: 10px; background-color: #66c513; }
         div.kat-hry div.hra div.info a.detail:hover { background-color: #62D316;  }
  
         div.kat-hry .podstranky { _font-size: 10px; }
         div.kat-hry .podstranky a.active { font-weight: bold; font-size: 12px; _font-size: 11px; } 
         
         div.kat-hry div.hry-kat-subpages { height: 29px; line-height: 29px; padding-left: 5px; padding-right: 5px; background-image: url(/images/kat-hry-filtr.gif); }
         div.kat-hry div.hry-kat-subpages select { _vertical-align: middle; font-size: 11px; margin-left: 6px; }
         div.kat-hry div.hry-kat-subpages input  { _vertical-align: middle; font-size: 11px; margin-left: 4px; margin-right: 5px; }
         div.kat-hry div.hry-kat-subpages input.text  { width: 30px; border: solid 1px #e0e1e2; color: black; text-align: center; font-weight: bold; }
         div.kat-hry div.hry-kat-subpages span.goto   { display: block; _padding-top: 4px; float: right; border-left: solid 1px #e6e6e6; padding-left: 25px; background-image: url(/images/subpage-goto.gif); background-repeat: no-repeat; background-position: left center; }
         div.kat-hry div.hry-kat-subpages span.str    { display: block; padding-left: 20px; height: 29px; line-height: 29px; background-image: url(/images/subpage-str.gif); background-repeat: no-repeat; background-position: left center; }
         div.kat-hry div.hry-kat-subpages a { color: black; text-decoration: none; }
         div.kat-hry div.hry-kat-subpages a:hover { color: black; text-decoration: underline; }            


        div.detail-hry { width: 580px; float: left;   }
          div.detail-hry div.nadpis { background-color: #F5F5F5; padding-left: 10px; padding-right: 10px; border: solid 1px #f5f5f5; line-height: 30px; height: 30px; }
          div.detail-hry div.nadpis a.favorites { float: right; color: #ff6400; padding-left: 20px; background-image: url(/images/kat-hry-fav.gif); background-repeat: no-repeat; background-position: left center; }
          div.detail-hry div.nadpis h2 { font-size: 16px; width: 250px; display: inline; font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; color: #2f80af }
          div.detail-hry table  { width: 465px; margin-top: 8px; }
          div.detail-hry table img { padding: 5px; border: solid 1px #f1f1f1;  }
          div.detail-hry table td.img { width: 235px; }
          div.detail-hry table td  { height: 22px; line-height: 22px; }
          div.detail-hry table a   { color: #2f80af; }
          div.detail-hry table strong.pridano   { display: block; float: left; height: 22px; line-height: 22px; padding-right: 5px; padding-left: 20px; background: url(/images/kat-hry-datum.gif) no-repeat left center; }
          div.detail-hry table strong.velikost  { display: block; float: left; height: 22px; line-height: 22px; padding-right: 5px; padding-left: 20px; background: url(/images/kat-hry-size.gif) no-repeat left center; }
          div.detail-hry table strong.komentare { display: block; float: left; height: 22px; line-height: 22px; padding-right: 5px; padding-left: 20px; background: url(/images/kat-hry-komentare.gif) no-repeat left center; }
          div.detail-hry table strong.spusteno  { display: block; float: left; height: 22px; line-height: 22px; padding-right: 5px; padding-left: 20px; background: url(/images/kat-hry-plays.gif) no-repeat left center; }
          div.detail-hry table strong.hodnoceni { display: block; float: left; height: 22px; line-height: 22px; padding-right: 5px; padding-left: 20px; background: url(/images/kat-hry-rate.gif) no-repeat left center; }
          div.detail-hry table strong.autor     { display: block; float: left; height: 22px; line-height: 22px; padding-right: 5px; padding-left: 20px; background: url(/images/kat-hry-autor.gif) no-repeat left center; }
          div.detail-hry div.popis { width: 400px; float: left; margin-top: 8px; padding: 10px; line-height: 20px;  border: solid 2px #f1f1f1; }
          div.detail-hry div.buttons { width: 150px; margin-top: 8px; float: right; }
          div.detail-hry div.buttons img { vertical-align: middle; }
          div.detail-hry div.buttons .small_buttons { padding-left: 0; }
          div.detail-hry input.embed { width: 370px; }
        /*    div.detail-hry div.buttons a.play { display: block; width: 144px; height: 16px; line-height: 16px; padding: 3px; text-align: center; background-image: url(/images/kat-hry-detail.gif); background-color: #ea180b; font-weight: bold; text-decoration: none; color: white;  }
            div.detail-hry div.buttons a.play:hover { background-color: #F97B75; }
            div.detail-hry div.buttons a.download { display: block; width: 144px; height: 16px; line-height: 16px; margin-top: 5px; padding: 3px; text-align: center; background-image: url(/images/kat-hry-detail.gif); background-color: #4A9E00; font-weight: bold; text-decoration: none; color: white;  }
            div.detail-hry div.buttons a.download:hover { background-color: #6AC51D; }
            div.detail-hry div.buttons a.email { display: block; width: 144px; height: 16px; line-height: 16px; margin-top: 5px; padding: 3px; text-align: center; background-image: url(/images/kat-hry-detail.gif); background-color: #99AAEE; font-weight: bold; text-decoration: none; color: white;  }
            div.detail-hry div.buttons a.email:hover { background-color: #ADBBF1; }
            div.detail-hry div.buttons a.ffposta { display: block; width: 144px; height: 16px; line-height: 16px; margin-top: 5px; padding: 3px; text-align: center; background-image: url(/images/kat-hry-detail.gif); background-color: #F19E43; font-weight: bold; text-decoration: none; color: white;  }
            div.detail-hry div.buttons a.ffposta:hover { background-color: #F3AF65; }
            div.detail-hry div.buttons a.play     { border: solid 2px #FED1A0; margin-left: 5px; display: block; text-align: center; color: white; font-size: 14px; font-weight: bold; text-decoration: none; width: 140px; height: 35px; line-height: 35px; background-color: #fe8e15; }
            div.detail-hry div.buttons a.download { margin-left: 15px; display: block; text-align: center; color: white; font-size: 14px; font-weight: bold; text-decoration: none; width: 140px; height: 35px; line-height: 35px; background-color: #fe8e15; }
            div.detail-hry div.buttons a.email    { margin-left: 15px; display: block; text-align: center; color: white; font-size: 14px; font-weight: bold; text-decoration: none; width: 140px; height: 35px; line-height: 35px; background-color: #fe8e15; }
         */            


/*          div.detail-hry div.ratevalue { float: right; text-align: center; background-color: #FAFAFA; border: solid 2px #2F80AF; font-weight: bold; font-size: 18px; width: 100px; height: 70px; line-height: 75px; }*/
            
            div.detail-hry div.ratevalue {
              float: right; padding-top: 42px; padding-left: 4px; padding-right: 26px; width: 46px; height:33px; margin-right:20px;
              background-image: url(/images/rate_current.gif);background-repeat: no-repeat; background-position: left top;
              text-align: center; font-size: 16px; color:white; font-weight: bold;
              font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;;
            }

 
        div.detail-hry div.reklama { margin-top: 12px; margin-bottom: 8px; }

    div.newgames { margin-bottom: 30px; }
    div.newgames div.nadpis { height: 25px; line-height: 25px; padding-left: 10px; color: #2f80af; font-weight: bold; background: #FEFEFE url(/images/home-ngame.jpg) no-repeat left; }
     div.newgames table   { width: 577px; padding-top: 8px; padding-bottom: 8px; background-color: #F6FAFD; /* background-image: url(../images/home-gamesbg.gif); background-repeat: repeat-y; background-position: right; */ }
      div.newgames td      { padding-bottom: 15px; width: 25%; text-align: center; }
      div.newgames td img  { padding: 1px; border: solid 1px #aeb0af; margin-top: 6px; margin-bottom: 6px; }
      div.newgames td strong {  }
      div.newgames a.tgame        { font-weight: bold; color: #005e9e; }
      div.newgames a.hrej         { font-size: 10px; text-decoration: none; color: white; padding-top: 1px; padding-bottom: 2px; padding-left: 10px; padding-right: 10px; background-color: #1294c5; }
      div.newgames a.hrej:hover   { background-color: #47a6de; }
      div.newgames a.detail       { font-size: 10px; text-decoration: none; color: white; padding-top: 1px; padding-bottom: 2px; padding-left: 10px; padding-right: 10px; background-color: #66c513; }
      div.newgames a.detail:hover { background-color: #62D316;  }
     div.newgames div.untab   { width: 577px;  height: 25px; line-height: 25px;  }
     div.newgames div.untab a { height: 25px; line-height: 25px; width: 160px; display: block; float: right; text-align: center; text-decoration: none; color: #005e9c; background-color: #F6FAFD;  }
     div.newgames div.untab a:hover { text-decoration: underline; }
 
     div.gameplay { margin: 0 auto; }
     div.gameplay div.ovladani { width: 770px; height: 110px; }
     div.gameplay div.ovladani a.back     { display: block; border-right: solid 5px white; height: 16px; line-height: 16px; width: 144px; padding: 3px; text-align: center; background-image: url(/images/kat-hry-detail.gif); background-color: #2F80AF; font-weight: bold; text-decoration: none; color: white; }
     div.gameplay div.ovladani a.ods    { margin-top: 5px; }
     div.gameplay div.ovladani a.back:hover { background-color: #8DB9D2; }
     div.gameplay div.ovladani a.aktualni { display: block; border-right: solid 5px #E2E2E2; height: 16px; line-height: 16px; width: 144px; margin-top: 5px; padding: 3px; text-align: center; background-color: #E2E2E2; font-weight: bold; text-decoration: none; color: black; }
     div.gameplay div.ovladani a.podobne  { display: block; border-right: solid 5px white; height: 16px; line-height: 16px; width: 144px; margin-top: 5px; padding: 3px; text-align: center; background-color: #757575; font-weight: bold; text-decoration: none; color: white; }
     div.gameplay div.ovladani div.text   { width: 600px; min-height: 95px; border: solid 4px #e2e2e2; float: left; }
     div.gameplay div.ovladani div.in     { padding: 5px; }
     div.gameplay div.ovladani h2 { color: #2F80AF; font-size: 16px; font-weight: bold; margin: 0; padding: 0; }
     div.gameplay div.ovladani table { }
     div.gameplay div.ovladani table a { font-size: 12px; }
     div.gameplay div.ovladani td    { vertical-align: top; }
     div.gameplay div.ovladani td.popis  { width: 250px; }
     div.gameplay div.ovladani td.ovl  { width: 130px; padding-left: 10px; border-left: solid 1px #e2e2e2; }
     div.gameplay div.ovladani td.ord { width: 80px; padding-left: 10px; border-left: solid 1px #e2e2e2; }
     div.gameplay div.ovladani #alikeg { display: none; _height: 85px; }
     div.gameplay div.ovladani #alikeg div.hra { float: left; width: 118px; text-align: center; }
     div.gameplay div.ovladani #alikeg div.hra img { border: 0; margin-top: 3px; }
     div.gameplay div.text-reklama { width: 760px; text-align: center; background-color: #e2e2e2; border: solid 1px #e2e2e2; padding: 8px; margin-top: 20px; }
     

/*
     div.rpanel div.top10  {  background-color: #F6FAFD; margin-top: 4px; padding: 1px; border-top: solid 0px #e7e7e7; border-bottom: solid 1px #e7e7e7;  }
     div.rpanel div.top10  { line-height: 24px; font-size: 11px; padding: 1px; padding-left: 5px; }
     div.rpanel div.top10  .nadpis { padding-bottom: 2px; margin-bottom: 10px; border-bottom: solid 1px #cccccc; }
     div.rpanel div.top10  span    { font-size: 10px; font-weight: bold; padding-left: 2px; padding-right: 2px; margin-right: 4px; color: white; border: solid 1px #F7A222; background-color: #feb800; }
     div.rpanel div.top10  a       { font-weight: bold; font-size: 10px; }
*/

