/* RESET START */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.cleaner {
	display: none;
}
.clear {
	height: 0;
	clear: both;
}
/* RESET STOP */


body{
  background: #5792ca url('/images/body_back.png') 0 -1px repeat-x;
  font-family: Verdana;
  font-size: 12px;
}
#wrap{
  background: url('/images/header.jpg') top center no-repeat;
  width: 100%;
	display: table;

}
#cele{
  margin: 0 auto 0px auto;
  width: 990px;
  /*background: url('/images/header.jpg')  no-repeat; 
  padding: 0 147px 20px 122px;                    */
  padding: 0 25px 20px 0px;
}    
#header{
display: block;
padding: 0px 5px 0 5px;
width: 980px;
height: 230px;
}
#hledat{
  display: block;
  padding: 21px 0 0 0;
  position: relative;
  height: 30px;
  overflow: hidden;
  width: 100%;
  
}
#hledat button{
  position: absolute;
  background: red;
  top: 20px;
  left: 627px;
  border: none;
  padding: 0;
  margin: 0;
  width: 60px;
  height: 28px;
}
button::-moz-focus-inner { 
    border: 0;
    padding: 0;
}
#hledat button img{
display: block;
}
#hledat input{
  position: absolute;
  left: 335px;
  top: 24px;
  border: none;
  padding: 0;
  background: none;
  width: 280px;
  font-family: 'Georgia';
  font-size: 18px;
}
#pleft{
  padding: 36px 0 0 0px;
  float: left;
  width: 220px;
  overflow: hidden;
}
#pleft .obsah, #pright .obsah{
  width: 210px;
  padding: 0 5px 10px 5px;
  position: relative;
  background: url('/images/pl_back.png');
}
#pleft .obsah .back_head{
  position: absolute;
  top: 0;
  left: 0;
  width: 220px;
  height: 50px;
  background: url('/images/pl_back_head.png') no-repeat;
}
#pleft .obsah .back_foot, #pright .obsah .back_foot{
  position: absolute;
  bottom: 0px;
  _bottom: -10px;
  left: 0;
  height: 5px;
  width: 220px;
  background: url('/images/pl_back_foot.png') no-repeat;
}
img.nadp{
  display: block;
  margin: 0 5px 0 5px;
}
img.nadp.b{
  display: block;
  margin: 0;
}
#pright{
  padding: 36px 0px 0 0px;
  float: right;
  width: 220px;
  overflow: hidden;
}
#pcenter{
  padding: 36px 10px 0 10px;
  width: 530px;
  overflow: hidden;
  float: left;
}
#pleft ul{
padding: 0 0 5px 0;
position: relative;
}
#pleft ul li{
padding: 0 5px 0 5px;
}
#pleft ul li a{
  width: 200px;
  line-height: 50px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
  font-family: 'Georgia';
  font-size: 18px;
}
#pleft ul li a:hover{
  text-decoration: underline;
}
#pleft ul li.kat_1 a{
  height: 50px;
  background: #f8c045 url('/images/kat_1.jpg');
}
#pleft ul li.kat_2 a{
  height: 51px;
  background: #f8c045 url('/images/kat_2.jpg');
}
#pleft ul li.kat_3 a{
  height: 53px;
  background: #f8c045 url('/images/kat_3.jpg');
}
#pleft .bunka, #pright .bunka{
  padding: 10px 10px 5px 10px;
  line-height: 130%;
}
#pright .odkazy{
  padding: 5px 0px 0px 0px;
  text-align: center;
}
#pright .odkazy a{
  display: block;
  margin: 0 auto 5px auto;;
  width: 196px;
  height: 26px;
  line-height: 26px;
  background: url('/images/hra3_odk.jpg');
  color: black;
  text-decoration: none;
}
#pright .odkazy a:hover{
  text-decoration: underline;
}

#pright .prihlaseni{
  height: 170px;
  width: 220px;
  padding: 0;
  background: url('/images/pr_box1.jpg');
  position: relative;
}
#pright .prihlaseni .jmeno{
  position: absolute;
  left: 15px;
  top: 0px;
  line-height: 25px;
}
#pright .prihlaseni .jmeno input{
  width: 120px;
  position: absolute;
  top: 5px;
  left: 65px;
  border: none;
  padding: 0;
  background: none;
}
#pright .prihlaseni .heslo{
  position: absolute;
  left: 15px;
  top: 31px;
  line-height: 25px;
}
#pright .prihlaseni .heslo input{
  width: 120px;
  position: absolute;
  top: 4px;
  left: 65px;
  border: none;
  padding: 0;
  background: none;
}
#pright .prihlaseni button{
  position: absolute;
  left: 74px;
  width: 130px;
  top: 63px;
  height: 30px;
  line-height: 30px;
  border: none;
  padding: 0;
  display: block;
  text-align: center;
  color: black;
  font-family: 'Georgia';
  font-size: 18px;
  background: none;
}
#pright .prihlaseni .registr{
  position: absolute;
  left: 15px;
  top: 110px;
  color: black;
  text-decoration: underline;
}
#pright .prihlaseni .zapomen{
  position: absolute;
  left: 15px;
  top: 140px;
  color: black;
  text-decoration: underline;
}
#pright .prihlaseni .registr:hover, #pright .prihlaseni .zapomen:hover{
  text-decoration: none;
}
#pcenter .obsah{
  background: url('/images/pc_back.png');
  width: 530px;
  min-height:100px;
  height:auto !important;
  height:100px;

  position: relative;
  padding: 0 0 10px 0;
}
#pcenter .obsah .back_head{
  position: absolute;
  top: 0;
  left: 0;
  width: 530px;
  height: 67px;
  background: url('/images/pc_back_head.png') no-repeat;
}
#pcenter .obsah .back_foot{
  position: absolute;
  bottom: 0px;
  _bottom: -10px;
  left: 0;
  height: 5px;
  width: 530px;
  background: url('/images/pc_back_foot.png') no-repeat;
}
#pcenter .relative{
  position: relative;
  padding: 0px 5px 0 5px;
  width: 520px;
}
#pcenter .nav{
  height: 25px;
  line-height: 25px;
  padding: 0 10px 0 10px;
  text-align: right;
}
#pcenter .nav span{
  float: left;
}
#pcenter .nav a{
  font-weight: bold;
  color: black;
  text-decoration: none;
}
#pcenter .nav a.aktivni{
	color: #B01E31;
}
#pcenter .nav a.b{
  font-weight: normal;
}
#pcenter .nav a:hover{
  text-decoration: underline;
}

.hra_box1{
  width: 255px;
  float: left;
  height: 134px;
  position: relative;
  overflow: hidden;
  
}
.hra_box1_img{
  position: absolute;
  top: 0;
  left: 10px;
  background: url('/images/hra_box1_img.png');
  display: block;
  padding: 2px;
  width: 110px;
  height: 110px; 
}
.hra_box1_img img{
  display: block;
}
.hra_box1_hrat{
  position: absolute;
  bottom: 20px;
  right: 0px;
  display: block;
  width: 129px;
  height: 36px;
}
.hra_box1 h2{
  position: absolute;
  top: 0;
  left:130px;
  text-decoration: underline;
  font-weight: bold;
  font-size: 1.1em;
  color: #393939;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
}
.hra_box1 h2 a{
  color: #393939; 
}
.hra_box1 p{
  position: absolute;
  top: 20px;
  left:130px;
  line-height: 14px;
  font-size: 0.9em;
  overflow: hidden;
  height: 56px;
  font-size: 0.9em;
  color: #393939;
}
#pcenter .spec_sekce{
  padding: 10px 15px 0 15px;
  width: 500px;
  line-height: 150%;
  color: #292929;
}
#pcenter .spec_sekce p{
padding: 0 0 20px 0;
}
#pcenter .spec_sekce a{
  color: #6b1b11;
  text-decoration: underline;
}
#pcenter .spec_sekce a:hover{
  text-decoration: none;
}
#pcenter .spec_sekce span.red{
  font-weight: bold;
  color:  #6b1b11;
}
.nadp_empty{
  display: block;
  margin: 0 5px 0 5px;
  width: 480px;
  padding: 0 0 0 40px;
  height: 50px;
  line-height: 48px;
  color: white;
  background: #a01b23 url('/images/nadp_empty.jpg');
  font-family: 'Georgia';
  font-size: 18px;
}

.hra2{
  position: relative;
  padding: 10px 10px 10px 10px;
}
.hra2 .img{
  float: left;
  padding: 2px;
  width: 240px;

  /* background: url('/images/hra2_img.png'); */
}
.hra2 p{
  float: right;
  width: 240px;
  padding: 0 0 10px 0;
  color: #393939;
  line-height: 130%;
}
.hra2 .meta{
  float: right;
  color:#393939;
  line-height: 130%;
  padding: 0 0 10px 0;
  text-align: left;
  width: 240px;
}
.hra2 .meta span{
  display: inline-block;
  width: 140px;
  font-weight: bold;
}
.hra2_hrat{
  float: right;
}
.hra2 .cara{
  margin: 10px 0 0px 0;
  border: none;
  border-top: 1px solid #e9e9e9;
  width: 100%;
  height: 1px;
  background: none;
  padding: 0;
  display: block;
}
.hra2 .addthis_button {
  margin: 15px auto 0 65px;
}
.hra2b{
  padding: 0 10px 5px 10px;
}
.hra2b h3{
  color: #292929;
  padding: 0 0 10px 20px;
  font-family: 'Georgia';
  font-size: 21px;
  font-weight: normal;
}
.hra2b .img{
  float: left;
  padding: 2px;
  background: url('/images/hra_box1_img.png');
  margin: 0 14px 0 0;
}
.hra2b .img.last{
  margin: 0 0px 0 0;
}
.hra2_cara{
  margin: 0px 0 0px 0;
  border: none;
  border-top: 1px solid #e9e9e9;
  width: 100%;
  height: 1px;
  background: none;
  padding: 0;
  display: block;
}
.hra2_koment{
line-height: 20px;
padding: 0 0  0 10px;
}
.hra2_koment textarea{
  display: block;
  border: none;
  background: #eee url('/images/hra2_textarea.png');
  width: 490px;
  height: 70px;
  font-family: Verdana;
  font-size: 1em;
  padding: 5px;
  margin: 5px 0 0 0;
}
.hra2_koment button{
  width: 125px;
  height: 27px;
  background: url('/images/hra2_but.jpg');
  text-align: center;
  display: block;
  line-height: 27px;
  color: #292929;
  border: none;
  float: right;
  margin: 5px 10px 0 0;
}
.komentare1{
padding: 0 10px 0 10px;
}
.komentar1{
  min-height:90px;
  height:auto !important;
  height:90px;
  border-bottom: 1px solid #e9e9e9;
  position: relative;
}
.komentar1 .img{
  position: absolute;
  top: 7px;
  padding: 2px;
  width: 60px;
  height: 70px;
  background: url('/images/kom_img.png');
}
.komentar1 .jmeno{
  text-align: right;
  line-height: 20px;
  padding: 3px 0 0 80px;
  color: #292929;
}
.komentar1 .jmeno a{
  float: left;
  color: black;
}
.komentar1 .nazev{
  text-decoration: underline;
  font-weight: bold;
  padding: 0px 0 0 80px;
}
.komentar1 p{
  color: #292929;
  padding: 5px 0 5px 80px;
  font-size: 11px;
  line-height: 130%;
}
.nadp_home{
  display: block;
  margin: -2px 0px 2px 5px;
}
.nadp_home a{
float: left;
display: block;
}

#pata{
  margin: 10px 0 0 0;
  padding: 20px 20px 0 20px;
  height: 117px;
  width: 950px;
  background: white url('/images/pata.jpg');
  text-align: center;
}
.hra3_box{
  width: 100%;
  height: 90px;
  position: relative;
}
.hra3_box .img{
  position: absolute;
  top: 0;
  left: 10px;
  padding: 2px;
  width: 60px;
  height: 70px;
  background: url('/images/kom_img.png');
}
.hra3_box span, .hra3_box p{
  display: block;
  padding: 0 0 0 80px;
  line-height: 15px;
}
.hra3_box .jmeno{
  text-decoration: underline
  color: black;
}
.hra3_box .datum{
  font-size: 11px;
  color: #888888;
}
.hra3_box .nazev{
  text-decoration: underline;
  font-weight: bold;
  font-size: 11px;
  color: black;
}
.hra3_box p{
  font-size: 11px;
}
.hra3_box .nazev a, .hra3_box .jmeno a{
  color: black;
}
#hra4{
  padding: 36px 0px 0 0px;
  float: right;
  width: 764px;
  overflow: hidden;
}
.nadp_hra4{
  display: block;
  margin: 0 0px 0 5px;
  width: 550px;
  padding: 0 0 0 204px;
  height: 50px;
  line-height: 48px;
  color: white;
  background: #a01b23 url('/images/nadp_hra4.jpg');
  font-family: 'Georgia';
  font-size: 18px;
}

#hra4 .obsah{
  width: 760px;
  padding: 0 0px 10px 0px;
  margin: 0 0px 0 4px;
  position: relative;
  background: url('/images/hra4_back1.png');
}
#hra4 .obsah .back_head{
  position: absolute;
  top: 0;
  left: 0;
  width: 760px;
  height: 49px;
  background: url('/images/hra4_back2.png') no-repeat;
}
#hra4 .obsah .back_foot{
  position: absolute;
  bottom: 0px;
  _bottom: -10px;
  left: 0;
  height: 5px;
  width: 760px;
  background: url('/images/hra4_back3.png') no-repeat;
  }
#hra4 .flash{
  padding: 2px;
  width: 730px;
  height: 420px;
/*  background: url('/images/hra4_img.png'); */
  position: relative;
  margin: 5px auto 0 auto;
}
.hra4_odk{
  float: left;
  margin: 10px 0 10px 12px;
  display: block;
  width: 197px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #292929;
  background: url('/images/hra4_but.jpg');
  text-decoration: none;
  font-family: 'Georgia';
  font-size: 18px;
}
#hra4 .hvezda{
  float: right;
  padding: 23px 15px 0 0px;
}
#hra4 .hvezda img{
margin: 0 0 0 5px;
}

/* HODNOCENI */



.obsah #hodnoceni			{	display:inline; height:21px; line-height:25px;margin-left:20px; }
.obsah .getStars			{	margin:0px 20px 0 0px; padding:0; width:auto; height:21px; float:left; display:inline; text-align:right; vertical-align:middle; line-height:21px; } 
#hodnoceni img 				{	vertical-align:middle;}

#hodnoceni ul 				{	display:inline; margin-top: -5px; padding:0px;  }
#hodnoceni ul li 			{	display:inline;}
#hodnoceni .staron,
#hodnoceni .staroff,
#hodnoceni .starlight 		{	padding-right:21px;
								padding-bottom:21px;
								padding-top: 0px;
								margin:0px;
								text-decoration:none; }
#hodnoceni .staron 			{	background:url("/images/hra4_star1.png") top left no-repeat;}
#hodnoceni .starlight 		{	background:url("/images/hra4_star1.png") top left no-repeat !important;}
#hodnoceni .staroff 		{	background:url("/images/hra4_star2.png") top left no-repeat;}
#hodnoceni .staroff:hover 	{	background:url("/images/hra4_star1.png") top left no-repeat;}
#hodnoceni li.staroff:hover {	background:url("/images/hra4_star2.png") top left no-repeat;}