* {
	margin: 0;
	padding: 0;
}

/* PANEL */

#panel {
  margin-top: 10px;
  margin-left: 2px;
  width: 907px;
} 
#panel2 {
  margin-top: 10px;
  margin-left: 2px;
  width: 907px;
}
#panel3 {
  margin-top: 10px;
  margin-left: 2px;
  width: 907px;
  display: block;  
}
#seda {
  width: 907px;
  height: 160px;
  background: url('img/panel/panel-bg.jpg') repeat-x;
  border: 1px solid #c9c9c9;
}
#stripe-seda {
  width: 100%;
  height: 5px;
  background: #c5c1c1;
} 
#stripe-zelena {
  width: 100%;
  height: 5px;
  background: #20cd12;
} 
#stripe-modry {
  width: 100%;
  height: 5px;
  background: #9b0afb;
} 
#stripe-oranzovy {
  width: 100%;
  height: 5px;
  background: #fd7d13;
} 
.panel-sloupec {
  float: left;
  width: 200px;
  margin-right: 12px;
  margin-left: 12px;
  margin-top: 4px;
}
.soutez-pravidla {
  text-decoration: none;
  font-weight: bold;
  color: #bb0000;
  position: relative;
  top: -20px;
  left: 170px;
}
.panel-sloupec h3 {
  color: #3692f3;
  font-size: 15px;
  text-align: left;  
}
.panel-txt {
  color: #000;
  font-size: 11px;
  text-align: left;  
}
.panel-sloupec strong {
  margin-right: 3px;
  color: #696969;
}
.panel-txt a{
  color: #000000;
  font-weight: bold;
  text-decoration: none;   
}
#panel-obr img {
  height: 44px;
  border: 1px solid #828282;
  float: left;
  margin: 3px 0 0 3px;
}
.pan-nad {
  font-size: 13px;
  color: black;
  font-weight: bold;
}
.pan-stat {
  color: black;
  font-weight: bold;
}
#panel-tlacitka {
  float: right; 
  margin-right: 4px; 
}
.polozka {
display: none
}
#panel-tlacitka img {
  float: left;
}
.pan-lev {
  width: 120px;
  float: left;
}
.pan-lev a{
  color: #000000;
  font-weight: bold;
  text-decoration: none;  
}
.pan-pra {
  width: 75px;
  float: right;
  font-size: 11px;
  color: #696969;
}
.pan-pra p {
  width: 75px;
}

/* PANEL KONEC*/
/* SLIDER */
#sliderLeftHandle, #sliderRightHandle {
      float: left;
      cursor: pointer;
      line-height: 115px;
      height: 118px;
      padding-top: 14px;
    }  
    #slider {
      float: left;
      width: 815px;
      height: 115px;
      overflow: hidden; 
      color: #fff; 
      margin-left: 10px;    
      margin-right: 10px;
    }
    #slider #wrapper {
      width: 99999px;
      position: relative;
      left: 0;
    }
    #pruh {
      width: 100%;
      height: 5px;
      background: #c13905;
      position: relative;
      top: -1px;
    }
    
    .obrazek {
    width: 18px;
    height: 29px; 
    position: absolute; 
    top: -5px; 
    left: 72px;
    z-index: 122;
    border: 0;
    border-style: none;
    }
    #newss a {
      text-decoration: none;
      color: #ffffff;
      
    }
    #slider #wrapper div {
      height: 115px;
      width: 80px;
      margin: 5px;
      float: left;
      text-align: center;
      position: relative;
    }
    #wrapper img {
      width: 80px;
      height: 80px;
      border: 5px;
      border-style: solid;
      border-color: #242424;
    }
    #slider #wrapper div img {
      width: 80px;
      height: 80px;
    }
    #slide {
      padding-top: 6px;
      margin-left: 12px;
    }
/* SLIDER KONEC */

BODY {
  background: url('img/bg.jpg') no-repeat top center #111;
  font-family: Arial;
}

button {
padding: 0px 0px 0 0;
margin: -1px;
  width: 59px;
  height: 19px;
  border: 0;
  
  }
 #main_box {
  width: 960px; 
  margin: 0 auto;
  text-align: center;
} 
  
#box {
  width: 918px;
  
  margin: 0 auto;
	font-size: 12px;
	font-family: Arial;
	text-align: center;
	color: #000;
	float: left;
}
#header {
  width: 918px;
  height: 263px;
}
#chyba {
  display: block;
  width: 100%;
  text-align: center;
  }
#chybaobsah {
  display: block;
  padding-top: -10px;
  margin-top: -10px;
  text-align: center;
  height: 165px;
  width: 100%;
  background: url('img/stred.png') no-repeat center bottom;
} 
#chybaobsah h1{
  display: block;
  
  padding-top: 80px;
  padding-left: 0px;
  color:  #fff; 
  font-size: 26px;
  font-weight: bold;
  text-align: left;
}
#chybakonec {
  margin-left: 4px;  
  text-align: right;
  background: url('img/spodek.png') no-repeat center bottom;
  height: 50px;
  width: 100%;
 }
#chybakonec a{
  color: #fff;
  font-size: 19px;
  font-weight: bold;
  padding-right: 50px;
  position: relative;
  top: 10px;
  text-align: center;
  text-decoration: none;
}

#ikonky {
width: 40px;
float: left;
padding-top: 220px;
}
.ik {
margin-top: 5px;
}
#left_header {
  width: 294px;
  height: 103px;
  padding-top: 160px;
  float: left;
}
#right_header {
  width: 624px;
  height: 263px;
  float: right;  
}
em {cursor: pointer; cursor: hand;}
#registrace {
  width: 161px;
  height: 31px;
  background: url('img/registrace.png') no-repeat left bottom;
  padding-top: 181px;
  float: left;
}
#registrace  a{
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  position: relative;
  top: 7px;
  right: 5px;
  font-weight: bold;
  }
#logo {
  width: 462px;
  height: 167px;
  padding-top: 43px;
  float: right;
}
#chybalogo {
  width: 462px;
  height: 160px;
  padding-top: 43px;
  padding-left: 500px;
  float: bottom;
}
#menu {
  width: 623px;
  height: 50px;
  background: url('img/menu_bg.png') bottom repeat-x;
  padding-top: 1px;
}
#menu-left {
float: left;
width: 400px;
height: 50px;
}
.item {
float: left;
height: 50px;
padding-top: 15px;
margin-right: 10px;
text-align: left;
font-size: 15px;
color: #de7945;
} 
.item a {
text-decoration: none;
color: #de7945; 
}
.clean {
  clear: both;
}
#vyhl-right {
height: 40px;
padding-top: 10px;
}
#searching {
color: #f8f8fe;
width: 125px;
height: 18px;
background: url('img/search.jpg') no-repeat;
border: 0;
padding-left: 20px;
}
#b2 {
position: relative;
top: 4px;
}
h1{
position: relative;
top: -18px;
left: 25px;
font-size: 15px;
color: #ffffff;
}
#login {
  width: 294px;
  height: 103px;
  background: url('img/login.png') no-repeat;
  text-align: left;
}
#prihlaseni {
width: 150px;
height: 90px;
padding: 28px 0 0 19px;
float: left;
}
.b {
padding: 0px 0px 0 0;
margin: -4px;
}
#prihlaseni a {
color: #C0C0C0;
text-decoration: none;
}
 
#filtr {
width: 105px;
height: 90px;
float: right;
color: #d9d9d9;
text-align: right;
padding: 30px 10px; 0 0;
font-size: 11px;
}
#filtr b {
color: #8f0d0d;
}
#main {
  width: 915px;
  background: #fff;
  padding: 1px;
  padding-bottom: 10px;
  text-align: left;
}

#novinky {
  width: 915px;
  height: 123px;
  background: url('img/novinky_bg.jpg') repeat-x;
}

.float {
float: right;
}
#novinky2 {
  width: 915px;
  height: 123px;
  position:relative;
  right:2px;
}
#next {
float: right;
margin-top: 1px;
}
#reklama1 {
  width: 915px;
  height: 70px;
  background: white;
  display: ;
}
#reklama1 object{
position: relative;
top: -10px;
left: 10px;
}
#reklama2 {
  width: 269px;
  height: 200px;
  background: yellow;
  display: ;
}
#reklama3 {
width: 440px;
height: 60px;
position: absolute;
top: 40px;
display: ;
}
#nov_img {
  width: 95px;
  float: left;
}
#nov_hry {
  width: 820px;
  height: 121px;
  float: right;
  background: url('img/novinky_bg.jpg') repeat-x;
  text-align: left;
}
#nov_hry2 {
  width: 915px;
  height: 150px;
  float: right;
  background: url('img/novinky_bg.jpg') repeat-x;
  text-align: left;
}
#nov_hry2 img{
  width: 35px;
  height: 35px;
  margin: 5px;
  margin-top: 0px;
  margin-right: 0px;
}

.hra-new {
  width: 100px;
  height: 90px;
  background: #313131;
  margin-top: 5px;
  float: left;  
  text-align: center;
  padding-top: 5px;
}
.hra-new p {
font-size: 11px;
color: #fff;
}
.hra {
  width: 100px;
  height: 120px;
  margin-left: 25px;
  float: left;
}
.hra-akce {
  position: relative;
  top: 1px;
  float: right;
  color: #ffffff;
}
.hra a {
  font-size: 11px;
  text-decoration: none;
  font-weight: bold;
}
.play {
  color: red;
}
.detail {
  color: white;
  margin-left: 7px;
}
#oblibene {
  width: 401px;
  height: 245px;
  margin-left: 3px;
  margin-top: 3px;
  float: left;
  background: black;
}
#nadpis-oblibene  {
  width: 401px;
  height: 50px;
  background: url('img/oblibene.jpg') no-repeat;
  text-align: left;
}
#nadpis-oblibene h2 {
  font-size: 15px;
  font-weight: bold;
  margin-left: 70px;
  padding-top: 15px;
  color: #fff;
}
#oblibene-vypis {
  width: 399px;
  height: 195px;
  background: #e6e6e6;
  border: 1px solid #d5d5d5;
  text-align: left;
}

.prvni {
width: 130px;
height: 31px;
background: #f0ce9c;
float: left;
margin-left: 2px;
margin-top: 1px;
}
.druhy {
width: 130px;
height: 32px;
float: left;
margin-left: 2px;
}
.obl-obr {
width: 33px;
height: 29px;
margin-left: 5px;
float: left;
}
.obl-obr img {
width: 33px;
height: 29px;
}
.obl-nadpis h3 {
font-size: 11px;
color: #0d61b7;
}
.obl-nadpis {
width: 82px;
height: 15px;
float: left;
float: left;
padding-left: 5px;
}
.obl-akce {
width: 82px;
height: 12px;
float: left;
padding-left: 5px;
}
.obl-akce img {
border: 0;
}
#galerie {
width: 500px;
height: 247px;
background: url('img/gal.jpg') no-repeat bottom;
float: right;
margin-right: 4px;
margin-top: 3px;
}



.clear { clear: both; }
.hidden { display: none; }
#gallery_image { float: left;margin-left: 5px;width: 399px;height: 240px; margin-right: 1px; position: relative; }
#gallery_image img { height: 240px; }
#gallery_thumbnails { padding-top: 4px;width: 90px; height: 236px;float: left;background: #816649; }
#gallery_thumbnails img { height: 42px; width: 76px; margin: 0 6px 0 5px; border: 1px solid #C2C2C2; }
#gallery_thumbnails img:hover { cursor: pointer; }
#gallery_image_title, #gallery_image_description { position: absolute; left: 20px; overflow: hidden;color: #ff8215;font-size: 11px;}
#gallery_image_title {color: #ff8215;font-size: 22px;font-weight: bold;bottom: 40px; }
#gallery_image_description {color: #fff;font-size: 11px;bottom: 25px;font-weight: bold; }

#levy-last {
width: 625px;
float: left;
margin-left: 2px;
margin-top: 5px;
}
#pravy-last {
width: 269px;
float: right;
margin-right: 4px;
margin-top: 5px;
background: #2b2b2b;
padding: 2px;
}
#pravy-last2 {
width: 269px;
float: right;
margin-right: 4px;
margin-top: 5px;
padding: 2px;
}
#top-reg {
width: 624px;
height: 155px;
background: url('img/top-reg.jpg') repeat-x;
}
#top {
width: 311px;
height: 155px;
float: left;
border-right: 1px solid #2c88ba;
}
#reg {
width: 311px;
height: 155px;
float: left;
}
#reg .nadpis {
margin: 5px 0 0 20px;
}
#online {
font-size: 11px;
color: #C0C0C0;
margin-left: 120px;
}

.pruh {
width: 305px;
height: 50px;
margin-left: 3px;
margin-top: 1px;
}
.poradi {
width: 56px;
height: 50px;
float: left;
}
.top-text {
width: 195px;
height: 50px;
float: left;
}
.top-first {
width: 50px;
height: 40px;
float: right;
padding-top: 10px;
}
.avatar {
float: left;
margin-left: 17px;
margin-top: 7px;
}
.about {
float: left;
margin-left: 5px;
margin-top: 5px;
}.about a {
font-size: 12px;
color: #fff;
font-weight: bold;
}
.about p {
font-size: 10px;
color: #000;
}
#avatars {
width: 320px;
height: 100px;
margin: 8px 0 0 8px
}
.av {
float: left;
width: 50px;
margin-top: 0px;
}
img {
border: 0;
}
#next {
float: right; 
margin-right: 5px;
}
#next a {
color: #000;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
#kategorie {
width: 269px;
background: #333;
padding-bottom: 10px;
}


#nadpis-kat {
width: 269px;
height: 48px;
background: url('img/kategorie.jpg') no-repeat;
}
#nadpis-kat h3 {
font-size: 16px;
color: #fff;
margin-left: 30px;
padding-top: 12px;
}
#zahlavi {
background: #b1b1b1;
width: 269px;
height: 27px;
}
#kat {
float: left;
font-weight: bold;
font-size: 13px;
margin: 4px 0 0 10px;
}
#dnes {
float: left;
font-weight: bold;
font-size: 13px;
margin: 4px 0 0 29px;
}
#celkem {
float: left;
font-weight: bold;
font-size: 13px;
margin: 4px 0 0 29px;
}
.radek {
width: 269px;
height: 24px;
border-bottom: 1px solid #4c4c4c;
padding-top: 7px;
}  
.radek2 {
width: 150px;
height: 24px;
border-bottom: 1px solid #4c4c4c;
position: relative;
padding-top:2px;
top:0px;
left:380px;
color: white;
text-align:center;
z-index: 128;

background: black;
}
.skryvany {
display: none;
}
.cat {
width: 100px;
height: 29px;
float: left;
font-size: 12px;
color: #fff;
padding-left: 10px;
}
.cat a {
color: #fff;
text-decoration: none;
}
.cat h2 {
color: #fff;
font-size: 13px;
text-decoration: none;
font-weight: normal;
}
.today {
width: 50px;
height: 29px;
float: left;
font-size: 14px;
color: red;
margin-left: 18px;

}
.compl {
width: 50px;
height: 29px;
float: left;
font-size: 14px;
color: #6e6b6b;
margin-left: 40px;
}
#box-dl {
width: 299px;
background: url('img/back-dl.jpg') bottom repeat-x;
border: 1px solid #c0c0c0;
margin-top: 5px;
float: left;
padding-bottom: 10px;
}
#box-dl2 {
width: 299px;
background: url('img/back-dl.jpg') bottom repeat-x;
border: 1px solid #c0c0c0;
margin-top: 5px;
float: right;
padding-bottom: 10px;
}
#nejhr-nadpis {
width: 299px;
height: 47px;
background: url('img/nejhr.png') no-repeat;
}
#nejobl-nadpis {
width: 299px;
height: 47px;
background: url('img/nejobl.png') no-repeat;
}
#nejobl-nadpis h2 {
font-size: 16px;
color: white;
margin-left: 25px;
padding-top: 14px;
}
#nejhr-nadpis h2 {
font-size: 16px;
color: white;
margin-left: 25px;
padding-top: 14px;
}
.game {
width: 280px;
height: 100px;
margin: 10px 0 0 8px;
}
.obr-game {
width: 99px;
height: 95px;
background: url('img/game-bg.png') repeat-x;
border-right: 1px solid #C0C0C0;
border-left: 1px solid #C0C0C0; 
padding: 5px 0 0 10px;   
float: left;
}
.info {
width: 160px;
float: right;
}
.infoa {
position: relative;
right: 20px;
width:150px;
float: right;
}
.prek {
position: relative;
top: 45px;
left: 80px;
}
.info h3 {
color: #0d61b7;
}
.info p {
font-size: 11px;
color: #4a4a4a;
}
.odkazy {
margin-top: 8px;
float: right;
}
.play2 {
color: red;
text-decoration: none;
font-weight: bold;
}
.detail2 {
color: black;
text-decoration: none;
font-weight: bold;
}
#jmeno {
width: 107px;
height: 15px;
background: url('img/login.jpg') no-repeat;
border: 0;
color: #f8f8fe;
padding-left: 15px;
}
#heslo {
width: 107px;
height: 15px;
background: url('img/pass.jpg') no-repeat;
margin-top: 3px;
border: 0px;
padding-left: 15px;
color: #f8f8fe;
padding-bottom: 5px;
}
#footer {
width: 917px;
height: 165px;
background: url('img/footer.jpg') no-repeat;
}
#sponsors {
width: 700px;
height: 65px;

float: right;
position: relative;
top: 10px;
}
.sponzor {
  margin-left: 10px;
  height: 65px;
  float: left;
}
#stat {
width: 740px;
height: 24px;
float: right;
text-align: left;
color: #4c4c4c;
position: relative;
top: 16px;
left: 45px;
font-size: 14px;
}
#copyright {
width: 740px;
height: 23px;
float: right;
color: #fff;
font-size: 14px;
position: relative;
top: 25px;
}
#links a {
color: #C2C2C2;
text-decoration: none;
}
#links {
width: 750px;
height: 18px;
float: right;
color: #C2C2C2;
position: relative;
top: 32px;
font-size: 11px;
padding-bottom: 10px;
text-align: left;
}
#ramec {
width: 837px;
height: 108px;
margin: 0 auto;
padding-top: 5px;
}
#play-game {
width: 820px;
height: 655px;
background: url('img/dl_07.png') repeat-x bottom;
border: 1px solid #C0C0C0;
margin: 0 auto;
margin-top: 20px;
padding-top: 10px;
}
#flash-game {
width: 801px;
height: 601px;
margin: 0 auto;
}
#lista-down {
width: 801px;
height: 49px;
margin: 0 auto;
margin-top: 7px;
}
#lista-right {
width: 360px;
float: right;
}
#lista-right img {
margin-top: 12px;
margin-left: 4px;
}
#play-game2 {
width: 820px;
height: 655px;
background: url('img/dl_07.png') repeat-x bottom;
border: 1px solid #C0C0C0;
margin-top: 120px;
margin-left: 50px;
padding-top: -20px;
}
#lista-left {
width: 350px;
float: left;
margin-left: 20px;
}
#lista-left strong {
font-size: 11px;
}
#about-game {
width: 820px;
height: 112px;
margin: 0 auto;
}
#popis {
width: 265px;
height: 105px;
background: url('img/pop.jpg') bottom repeat-x;
float: left;
}
#about-game h4 {
font-size: 12px;
color: #3b5eb8;
}
#scorenebanner{
width: 728px;
height: 60px;
position: relative;
left: 100px;
margin-top: 0px;
padding: 0px;
}
#score{
background: url('images/r3.png') top no-repeat;
width: 500px;
height: auto;
margin-left: 40px;
}
#score table{
font-size: 12px;
padding-top: 10px;
margin-left: 20px;
padding-bottom: 10px;
}
#scorenebanner2{
width: 728px;
height: 60px;
position: relative;
left: 100px;
top: 5px;
margin-top: 10px;
padding: 0px;
}
#score a{
text-decoration: none;
color: #000000;
}
#scorenadpis{
background: url('images/soutez.png') bottom no-repeat;
height: 70px;
margin-bottom: 50px;
position: relative;
top: 20px;
right: 310px;
}
#scorenebanner3{
width: 728px;
height: 60px;
position: relative;
left: 100px;
margin-top: 70px;
padding: 0px;
}
#scorebanner{
width: 468px;
height: 60px;
position: relative;
left: 410px;
margin-top: -80px;
margin-bottom: 30px;
}
#score1{
background: url('images/1.png') bottom no-repeat;
width: 260px;
height: 105px;
margin-top: 0px;
margin-right: 20px;
position: relative;
left: 50px;
float: left;
}
#scorebanner2 img{
width: 468px;
height: 60px;
position: relative;
left: 200px;
margin-top: -30px;
padding: 0px;
background-color: black;
}
#score1 p{
font-size: 15px;
padding-top: 20px;
padding-left: 120px;
}
#score1 a{
text-decoration: none;
color: #000000;
}
#score1 img{
width: 50px;
height: 50px;
float: left;
padding-top: 20px;
padding-left: 50px;
}
#score2{
background: url('images/2.png') bottom no-repeat;
width: 260px;
height: 105px;
margin-top: 0px;
margin-left: 30px;
margin-right: 20px;
position: relative;
left: 25px;
float: left;
}
#score2 p{
font-size: 15px;
padding-top: 20px;
padding-left: 120px;
}
#score2 img{
width: 50px;
height: 50px;
float: left;
padding-top: 20px;
padding-left: 50px;
}
#score2 a{
text-decoration: none;
color: #000000;
}
#score3{
background: url('images/3.png') bottom no-repeat;
width: 260px;
height: 105px;
margin-top: 0px;
position: relative;
left: 25px;
float: left;
}

#score3 p{
font-size: 15px;
padding-top: 20px;
padding-left: 120px;
}
#score3 a{
text-decoration: none;
color: #000000;
}
#score3 img{
width: 50px;
height: 50px;
float: left;
padding-top: 20px;
padding-left: 50px;
}
#about-game p {
font-size: 11px;
color: #000;
margin-top: 10px;
margin-left: 5px;
}
#ovladani {
width: 185px;
height: 105px;
background: url('img/pop.jpg') bottom repeat-x;
float: left;
margin-left: 8px;
}
#fb-like {
width: 100px;
float: left;
margin-left: 40px;
margin-top: 16px;
}
#fb-stat {
width: 220px;
float: left;
margin-top: 8px;
}

#name-game {
width: 450px;
float: left;
background: #efefef;
}
#name-nadpis {
width: 450px;
height: 50px;
background: url('img/profil-name.jpg') no-repeat;
}
#profil-name-box {
width: 450px;
}
#profil-left {
width: 140px;
float: left;
padding-top: 5px;
padding-bottom: 5px;
}
#profil-right {
width: 410px;
float: right:
padding-top: 5px;
padding-bottom: 5px;
}
#avatar-profil {
width: 124px;
height: 131px;
margin: 0 auto;
border: 1px solid #C0C0C0;
}
#profil-right strong {
color: #3b5eb8;
}
#profil-right p {
}
#ab {
padding-top: 7px;
line-height: 1.2;
font-size: 13px;
}
#profil-action {
width: 114px;
padding-left: 15px;
padding-top: 5px;
}
#profil-action strong {
position: relative;
top: -3px;
font-size: 12px;
color: #d30303;
padding-left: 15px;
}
#name-nadpis h2 {
  font-size: 15px;
  font-weight: bold;
  margin-left: 25px;
  padding-top: 15px;
  color: #fff;
}
#game-nadpis {
width: 450px;
height: 29px;
background: url('img/profil-game.jpg') no-repeat;
}
#game-nadpis h2 {
  font-size: 15px;
  font-weight: bold;
  margin-left: 25px;
  padding-top: 7px;
  color: #fff;
}
#game-nadpis2 {
width: 650px;
height: 55px;
background: url('images/list.png') no-repeat;
}
#game-box {
width: 450px;
padding: 7px 0 7px 0;
}
#game-left {
width: 230px;
padding-left: 7px;
float: left;
}
#game-box2 {
width: 650px;
padding: 7px 0 7px 0;
}
#game-right {
width: 190px;
padding-right: 7px;
float: right;
}

#friends {
width: 171px;
float: right;
margin-left: 3px;
}
#friends-nadpis {
width: 171px;
height: 50px;
background: url('img/profil-friends.jpg') no-repeat;
}
#friends-nadpis h2 {
  font-size: 15px;
  font-weight: bold;
  margin-left: 25px;
  padding-top: 15px;
  color: #fff;
}
#friends-vypis {
width: 169px;
background: url('img/back-dl.jpg') repeat-x;
border: 1px solid #e6e6e6;
}
.pritel {
width: 160px;
margin: 0 auto;
margin-top: 6px;
}
.avatar-pritel {
width: 55px;
float: left;
}
.pritel-text {
width: 105px;
float: right;
margin-top: 4px;
}
.pritel-text h2 {
font-size: 15px;
color: #b403da;
}
.pritel-text p {
font-size: 10px;
color: #000;
}
.online {
color: #77b40c;
}
.offline {
color: red;
}
#fav-gam {
width: 624px;
margin-top: 5px;
}
#fav-nadpis {
width: 624px;
height: 50px;
background: url('img/profil-favorite.jpg') no-repeat;
}
#fav-nadpis h2{
  font-size: 15px;
  font-weight: bold;
  margin-left: 65px;
  padding-top: 17px;
  color: #fff;
}
#fav-hry {
width: 624px;
height: 105px;
background: url('img/profil-favorite-bg.jpg') repeat-x bottom;
}
.fav-hra {
width: 108px;
height: 100px;
float: left;
margin-top: 2px;
margin-left: 2px;
border-right: 1px solid #fff;
}
.fav-nahled img {
width: 89px;
height: 69px;
}
.fav-nahled {
width: 90px;
margin: 0 auto;
margin-top: 5px;
}
.fav-star {
width: 100px;
margin: 0 auto;
}
#fav-dalsi {
float: right;
margin-right: 23px;
}

#detail-nadpis  {
  width: 625px;
  height: 50px;
  background: url('img/detail-nadpis.jpg') no-repeat;
  text-align: left;
  padding-bottom: 7px;
  
}
#detail-nadpis h1 {
  font-size: 15px;
  font-weight: bold;
  margin-left: -20px;
  padding-top: 30px;
  color: #fff;
  float: left;
}
#detail-nadpis p {
width: 60px;
font-size: 24px;
color: orange;
font-weight: bold;
float: right;
margin-top: 10px;
}
#info-game {
width: 172px;
float: left;
}
#info-game p {
width: 90px;
margin-top: 2px;
font-size: 11px;
float: left;
margin-left: 10px;
}
#info-game strong {
width: 50px;
margin-top: 2px;
font-size: 11px;
float: right;
margin-right: 10px;
}
#detail-box {
width: 625px;
padding-bottom: 3px;
background: #e6e6e6; 
}

#detail-action {
float: right;

}
#act {
height: 27px;
width: 450px;
}
#act img{
width: 110px;
}
#pop-ovl {
height: 108px;
}
#pop-detail {
width: 250px;
height: 106px;
float: left;
background: url('img/kpop.jpg') repeat-x bottom;
}
#ovl-detail {
width: 180px;
height: 106px;
float: right;
background: url('img/kpop.jpg') repeat-x bottom;
}
#pop-ovl h4 {
font-size: 12px;
color: #3b5eb8;
padding-top: 4px;
}
#pop-ovl p {
font-size: 11px;
color: #000;
padding-top: 4px;
margin-left: 3px;
}
#trio {
}
.triobox {
width: 144px;
float: left;
margin-left: 5px;
}
#trio h4 {
font-size: 12px;
color: #3b5eb8;
padding-top: 2px;
}
#trio p {
font-size: 11px;
color: #000;
padding-top: 2px;
}
#stamps {
width: 220px;
padding-top: 5px;
margin: 0 auto;
}
#commentbox {
height: 170px;
margin-top: 3px;
}
#com-menu {
height: 24px;
}
#com-menu h5 {
font-size: 12px;
color: black;
text-align: center;
margin-top: 4px;
}
#com-menu h5 a {
color: #000;
text-decoration: none;
}
#com-act {
width: 179px;
height: 23px;
background: url('img/detail-active.jpg') no-repeat;
float: left;
}
#com-noact {
width: 270px;
height: 23px;
background: url('img/detail-unactive.jpg') no-repeat;
float: left;
}
#commain {
position: relative;
top: -1px;
width: 631px;
background: url('img/detail-kom-bg.jpg') no-repeat;
}
#com-avatar img {
width: 60px;
}
#com-avatar {
float: left;
margin-top: 27px;
padding-left: 14px;
}
#com-right {
width: 540px;
float: right;
}
#com-right h5{
font-size: 12px;
color: #3b5eb8;
padding-top: 10px;
}
#textarea input {
width: 520px;
height: 50px;
}
#odeslat-com {
float: left;
margin-top: 10px;
margin-left: 15px;
}
#emotions {
float: right;
margin-top: 4px;
margin-right: 30px;
}
#vypis-nadpis {
  width: 641px;
  height: 60px;
  background: url('img/vypis_her_nadpis.jpg') no-repeat;
  text-align: left;
}
#vypis-nadpis h2 {
  font-size: 15px;
  font-weight: bold;
  margin-left: 30px;
  padding-top: 15px;
  color: #fff;
}
.vypsana-hra {
  width: 632px;
  border-bottom: 2px solid #C0C0C0;
  padding-bottom: 13px;
  margin-top: 7px;
}
.vypis-hra-img {
width: 91px;
float: left;
margin-left: 2px;
}
.vypis-hra-img img {
  width: 90px;
}
.vypis-hra-popis {
width: 270px;
float: left;
margin-left: 5px;
}
.vypis-hra-popis h4 {
font-size: 13px;
color: #0d61b7;
} 
.vypis-hra-popis p {
font-size: 11px;
}
.vypis-hra-hodnoceni {
width: 110px;
float: left;
text-align: center;
margin-left: 30px;
padding-top: 25px;
}
.vypis-hra-velikost {
width: 70px;
padding-top: 38px;
text-align: center;
margin-right: 30px;
float: right;
}
.vypis-hra-velikost strong {
color: #9d9a9a;
}
#pocitadlo {
float: right;
margin-top: 100px;
margin-right: 10px;
}
#pocitadlo a {
text-decoration: none;
color: #000;
font-weight: bold;
}

.poradi2 {
width: 278px;
height: 104px;
float: left;
}
.umisteni {
float: left;
}
#first-box {
width: 212px;
height: 102px;
float: right;
background: url('img/first_bg.jpg') no-repeat;
border: 1px solid #C0C0C0;
}
.sec-box {
width: 212px;
height: 102px;
float: right;
background: url('img/other_bg.jpg') no-repeat;
border: 1px solid #C0C0C0;
}
.vypis-hra-popis a{
font-size: 14px;
text-decoration: none;
}
.avatar-soutez {
float: left;
padding: 7px;
}
.profil-soutez {
margin-left: 10px;
padding-top: 10px;
}
.profil-soutez strong {
font-size: 16px;
}
#skore {
margin-left: 45px;
}
#skore-tabulka {
width: 550px;
min-height: 200px;
margin-left: 46px;
background: url('img/detail-bg.jpg') repeat-x;
border: 1px solid #CCC;
padding-left: 7px;
}
#skore-tabulka p {
width: 130px;
float: left;
margin-top: 10px;
}
#skore-tabulka p strong {
color: darkblue;
}
#soutez-nadpis {
  width: 641px;
  height: 60px;
  background: url('img/soutez/nadpis.jpg') no-repeat;
  text-align: left;
}
#vyrazna-hra {
  width: 632px;
  border-bottom: 2px solid #C0C0C0;
  padding-bottom: 13px;
  padding-top: 7px;
  background: #f4db83;
}

.vypis-hra-velikost1 p {
font-size: 11px;
text-align: left;
}
#vyrazna-hra2 {
  width: 632px;
  border-bottom: 2px solid #C0C0C0;
  padding-bottom: 13px;
  padding-top: 7px;
}
.vypis-hra-velikost1 p img {
position: relative;
top: 10px;
}
.vypis-hra-velikost1 {
width: 70px;
margin-top: -12px;
text-align: center;
margin-right: 20px;
float: right;
}
#sin {
width: 269px;
padding-bottom: 10px;
}
#nadpis-sin {
width: 269px;
height: 55px;
background: url('img/soutez/sin.jpg') no-repeat;
}
#sin-box {
width: 261px;
background: url('img/soutez/back.jpg') repeat-x;
border-left: 1px #C0C0C0 solid;
border-right: 1px #C0C0C0 solid;
border-bottom: 1px #C0C0C0 solid;
margin-left: 6px;
padding-bottom: 10px;
}

.player {
width: 250px;
margin-left: 7px;
margin-right: 7px;
padding-top: 13px;
}
.sin-avatar {
float: left;
}
.sin-info {
width: 100px;
float: left;
margin-left: 10px;
padding-top: 10px;
}
.sin-hra {
width: 88px;
float: left;
font-size: 10px;
font-weight: bold;
padding-top: 12px;
}
.sin-hra a{
font-size: 13px;
color: #000000;
text-decoration: none;
}
#abc p {
margin-left: 14px;
margin-top: 4px;
font-size: 11px;
}
#abc img {
position: relative;
top: 7px;
}
#rules {
width: 269px;
height: 206px;
background: url('img/soutez/rules.jpg') no-repeat;
padding-bottom: 20px;
}
#rules p {
width: 229px;
font-size: 11px;
padding-top: 45px;
padding-left: 20px;
}
#rules img{
float: bottom;
}
#rules ul{
font-size: 11px;
font-style: normal;
padding-top: 0px;
padding-left: 20px;
}
#reghead {
background: black;
width: 600px;
height: 50px;
}

#up-forum {
  width: 915px;
  height: 123px;
  background: url('img/forum/up.jpg') repeat-x;
}

#up-box1 {
width: 250px;
height: 110px;
float: left;
margin-left: 55px;
margin-top: 5px;
}
#up-box1 h2 {
color: #fff;
font-size: 12px;
font-weight: bold;
}
.forum-box-text {
font-size: 11px;
margin-left: 13px;
margin-top: 20px;
color: #fff;
}
.forum-box-text a {
text-decoration: none;
color: #fff;
}

.up-box2 {
width: 250px;
height: 110px;
float: left;
margin-left: 35px;
margin-top: 5px;
}
.up-box2 h2 {
color: #fff;
font-size: 12px;
font-weight: bold;
}
.forum-box-text p {
float: left;
}
.forum-box-text strong {
float: right;
margin-right: 30px;
}
#forum-nadpis {
width: 915px;
height: 50px;
background: url('img/forum/nadpis.jpg') no-repeat;
}
#forum-nadpis h2 {
font-size: 18px;
color: #fff;
padding-top: 13px;
margin-left: 60px;
float: left;
}
#forum-nadpis p {
float: right;
margin-top: 4px;
margin-right: 10px;
}
#main2 {
  width: 915px;
  min-height: 650px;
  background: url('img/forum/main_bg.jpg') no-repeat #fff;
  text-align: left;
}
#forum-hlavni {
width: 910px;
margin: 0 auto;
}
#forum-box {
width: 905px;
margin-left: 3px;
}
#diskuse-box {
width: 905px;
margin-left: 3px;
}
.forum-radek {
width: 885px;
height: 26px;
margin-left: 12px;
font-size: 14px;
padding-top: 10px;
border-bottom: 1px dotted #C0C0C0;
}
.nike {
width: 50px;
float: left;
}
.forum-tema {
float: left;
width: 320px;
font-weight: bold;
}
.forum-tema a {
color: black;
text-decoration: none;
}
.forum-pp {
float: left;
width: 106px;
text-align: center;
margin-left: 20px;
}
.forum-odp {
width: 60px;
text-align: center;
float: left;
margin-left: 50px;
}
.forum-zobr {
float: left;
width: 60px;
text-align: center;
margin-left: 70px;
}
.forum-pridano {
float: left;
width: 90px;
margin-left: 50px;
}
#search-forum {
width: 905px;
height: 26px;
background: url('img/forum/search-bg.jpg') repeat-x;
margin-left: 3px;
margin-top: 80px;
}
#forum-s {
width: 162px;
height: 18px;
background: url('img/forum/s-input.jpg') no-repeat;
border: 0;
font-size: 11Px;
color: #909090;
padding-left: 20px;
position: relative;
top: -5px;
}
#forum-hledej {
float: right;
margin-right: 20px;
padding-top: 4px;
}
#legenda {
width: 450px;
margin: 10px;
font-size: 11px;
}
.leg-l {
width: 250px;
float: left;
padding-bottom: 10px;
}
.leg-p {
width: 200px;
float: right;
padding-bottom: 10px;
}
#pruh-forum {
width: 905px;
height: 20px;
background: url('img/forum/pruh-bg.jpg') repeat-x;
}
#levy-pruh {
float: left;
color: #e6a485;
font-size: 12px;
}
#levy-pruh p {
float: left;
margin-right: 30px;
margin-left: 10px;
padding-top: 2px;
}
#pravy-pruh {
float: right;
color: #fff;
font-size: 12px;
margin-right: 20px;
}
#pravy-pruh img {
margin-left: 4px;
}
.prispevek {
width: 880px;
margin-left: 6px;
margin-top: 5px;
}
#prispevek-or {
width: 830px;
padding: 5px;
background: url('img/forum/or.png');
border-right: 2px solid #C0C0C0;
float: left;
}
#prispevek-ot {
width: 830px;
padding: 5px;
border-right: 2px solid #C0C0C0;
float: left;
}
.forum-avatar {
float: left;
}
.forum-p-info {
color: #000;
float: left;
margin-left: 10px;
}
.forum-p-info strong {
color: #2585b0;
}
.forum-p-info p {
width: 600px;
font-size: 11px;
}
.forum-date {
float: right;
font-weight: bold;
}
.forum-act {
float: right;
}

.p-strana {
width: 25px;
float: right;
margin-top: 10px;
}

.p-strana img {
margin-top: 4px;
}
#area-f {
width: 360px;
height: 85px;
background: #dddada;
border: 1px solid #C0C0C0;
}
#formular {
width: 370px;
margin: 0 auto;
padding-top: 40px;
margin-bottom: 70px;
}
#forum-odeslat {
float: left;
margin-top: 10px;
}
#smiles-forum {
float: right;
margin-top: 3px;
}
#smiles-forum img {
margin-left: 10px;
}

/* Tohle jsem dìlal já  */
#reghead{
background: url('img/registrace/registrace_03.jpg')  no-repeat;
width: 632px;
height: 50px;
margin-left: 1px;
}
#regbody{
background: url('img/registrace/box_bg.jpg')  no-repeat;
width: 634px;
height: 389px;
}
#regbodyleft{
float: left;
width: 200px;
}
#regbodyright{
float: right;
width: 400px;
}
#regform{
line-height: 1.9;
margin-top: 10px;
}

#regbodytext{
margin-left: 10px;
margin-top: 20px;
height: 230px; 
}
#povinneudaje{

}
.povinne{
color: red;
vertical-align: top ;
float: right ; 
  
}
.velikost{
width: 200px;
height: 18px;
float: right; 
}
#regbutton{
height: 52px;
margin-left: 20px;
margin-top: 40px;
}
h5{
font-size: 15px;
font-style: italic;
font-weight: 100; 

}
h6{
font-size: 14px;
font-style: bold;
text-align: center;
}
h7{
font-size: 14px;
font-style: bold;
text-align: right;
}
#regform p {
float: left;
width: 120px;
}
#regform strong {
color: #cd780a;
}
#regform input {
float: left;
}

.button2 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;		
	width: 102px;
	height: 24px;
	border : 1px solid transparent;
	background-color : transparent;
  background-image: url('img/heslo_b.png');
	background-repeat: no-repeat;
	margin-top : 6px;    
	cursor: pointer;
}
.button3 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;		
	width: 120px;
	height: 24px;
	border : 1px solid transparent;
	background-color : transparent;
  background-image: url('img/nastaveni.png');
	background-repeat: no-repeat;
	margin-top : 6px;    	
	cursor: pointer;
}
.vodotisk {
position: absolute;
z-index: 10;
width: 20px;
height: 20px;
border: 0;
}
#cam-box {
background: black;
width: 631px;
color: white;
}

#cam-left {
width: 455px;
float: left;
}
#cam-right {
width: 169px;
float: right;
}
#cam-nadpis {
width: 456px;
height: 61px;
background: url('cam/cam-n.jpg') no-repeat;
}
#cam-com {
width: 456px;
height: 293px;
background: url('cam/cam-com.jpg') no-repeat;
}
#cam-stripe {
margin-top: 6px;
width: 456px;
height: 65px;
background: url('cam/cam-bg-stripe.jpg') no-repeat;
}
#cam-ag {
margin-top: 6px;
width: 456px;
height: 236px;
background: url('cam/cam-ag.jpg') no-repeat;
}

#cam-cam {
width: 166px;
height: 111px;
background: url('cam/cam-bg.jpg') repeat-x;
position: relative;
right: 2px;
margin-top: 5px;
border: 1px solid #5e5e5e;
}
#cam-but {
width: 166px;
height: 39px;
background: url('cam/cam-but-bg.jpg') repeat-x;
position: relative;
right: 2px;
top: 3px;
border: 1px solid #5e5e5e;
}

#both {
width: 175px;
height: 6px;
background: white;
position: relative;
right: 6px;
}
#cam-com h4 {
width: 435px;
margin-left: 10px;
padding-top: 10px;
font-size: 18px;
}
#cam-com p {
width: 435px;
margin-left: 10px;
margin-top: 10px;
font-size: 15px;
}
#cam-com img {
margin-top: 10px;
border: 0;
}
.cam-n {
width: 110px;
text-align: center;
float: left;
margin-right: 10px;
position: relative;
top: 50px;
left: 50px;
}
#cam-col {
width: 360px;
}
#cam-footer {
width:  627px;
height: 50px;
border: 1px solid #5e5e5e;
background: url('cam/cam-foot.jpg') repeat-x;
border: 1px solid #5e5e5e;
margin-top: 6px;
position: relative;
left: 2px;
text-align: right;
}
#cam-footer p {
padding-top: 16px;
font-size: 14px; 
margin-right: 10px;   
}
#cam-cam img {
padding-top: 4px;
padding-left: 5px;
}

#cam-name {
float: left;
font-size: 21px;
padding-left: 4px;
padding-top: 8px;
}

#cam-button  {
float: right;
padding-left: 4px;
padding-top: 4px;
}

#cam-avatar {
width: 60px;
padding-left: 6px;
float: left;
padding-top: 4px;
}
#cam-text1 {
width: 210px;
padding-left: 6px;
float: left;
padding-top: 4px;
text-align: center;
font-size: 10px;
}
#cam-text2 {
width: 150px;
float: right;
padding-top: 4px;
font-size: 10px;
text-align: left;
}

#abcdef {
color: red;
padding-top: 7px;
font-size: 12px;
}

pre{
	display:block;
	font:12px "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	width:10px;
	}
	#bonus{
	position:relative;
	top:10px;
  right:40px;
	}
	.welcome_button 
{ 
	position: relative;
	font-weight: bold; 
	height: 20px; 
	border-top: 1px solid #BABABA;
	border-right: 1px solid #BABABA;
	border-left: 1px solid #BABABA;
	border-bottom: 2px; 
	padding: 3px; 
	margin-bottom: -3px;
	cursor: pointer; 
	text-align: center; 	  
}

.welcome_box 
{  
	position: absolute; 
	height: 0px; 
	width: 0px; 
	overflow: hidden; 
	visibility: hidden; 
}
#vl{
  display: block;
	width: 200px;
	height: 20px;
	border: 0px;
	}
	#vl iframe{
	border: none;
  width: 910px;
  height: 135px;
  overflow: hidden;
  margin-bottom: 5px;
  }
  #vl .prave{
	text-align: right;
  }
/* vyskakovaci okno prave se hraje */
.thumbnail{position: relative; left: -70px; z-index: 0;}

.thumbnail:hover{background-color: transparent; z-index: 50;}

.thumbnail span{ 
position: absolute; width: 200px; background: url('img/thumb.png');padding: 5px; left: 25px; border: 1px solid gray; visibility: hidden; color: white; text-decoration: none;}

.thumbnail:hover span{
visibility: visible; top: 20px;
left: 60px;
}

A.thumbnail:link {COLOR: #C37108; cursor: pointer; TEXT-DECORATION: none;}
A.thumbnail:active {COLOR: #C37108; cursor: pointer; TEXT-DECORATION: none;}
A.thumbnail:hover {COLOR: #C37108; cursor: pointer; TEXT-DECORATION: none;}
A.thumbnail:visited {COLOR: #C37108; cursor: pointer; TEXT-DECORATION: none;}