

.hra-content {
  display: block;
	width:600px;
	min-height:280px;
	height:auto !important;
	height:280px;
	float:left;
	font-size: 90%;
	padding:0;
	margin:0;
}
.hra-content .block1 {
  display: block;
	width:590px;
  min-height:20px;
	height:auto !important;
	height:20px;
  padding: 5px;
	margin:0;
	float:left;
	background-color: #eeeeee;
}
.hra-content .block1 .kategoria-nazov {
  display: block;
	width:590px;
  min-height:20px;
	height:auto !important;
	height:20px;
  padding: 0;
	margin:0;

}
.hra-content .block1 .kategoria-nazov span {
  font-size: 90%;
  color: #000000;
  
}
.hra-content .block2 {
  display: block;
  width: 600px;
  min-height:250px;
	height:auto !important;
	height:250px;
	padding:0;
	margin:0;
	background-color: #cccccc;
	float: left;
	text-align: center;
}
.hra-content .block2 .hra {
  position: relative;
  display: block;
  width: auto;
	height:auto;
	padding:0;
	margin:0 auto;
  background-color: #ffffff;
}
.hra-content .block3 {
  display: block;
  width: 592px;
  min-height: 100px;
	height:auto !important;
	height: 100px;
	padding:4px;
	margin:0;
	background-color: #eeeeee;
	float: left;
}
.hra-content .block3 h2 {
	padding:0;
	margin:0;
}
.hra-content .block3 .podobna-hra {
  display: block;
  width: 74px;
	height: 76px;
	padding:0;
	margin:0;
	float: left;
}
.hra-content .block3 .podobna-hra .block {
  display: block;
  width: 60px;
	height: 70px;
	padding:0;
	margin:2px 6px 2px 6px;
	background-color: #aaaaaa;
	border: 1px #333333 solid; 
}
.hra-content .block3 .podobna-hra .block a {
  display: block;
  width: 60px;
	height: 50px;
	padding:0;
	margin:0;
	border: none;
}
.hra-content .block3 .podobna-hra .block a .thumbnail {
  display: block;
  width: 60px;
	height: 50px;
	padding:0;
	margin:0;
}
.hra-content .block3 .podobna-hra .block .zahraj {
  display: block;
  width: 58px;
	height: 18px;
	padding:1px;
	margin:0;
	background-color: #fff;
	float: left;
	text-align: center;
}
.hra-content .block3 .podobna-hra .block .zahraj a, .hra-content .block3 .podobna-hra .block .zahraj a:visited {
  display: inline;
	padding:0;
	margin:0;
	color: #ff6600;
	font-size: 80%;
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
}
.hra-content .block3 .podobna-hra .block .zahraj a:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}
.hra-content .block4 {
  display: block;
  width: 600px;
  min-height:250px;
	height:auto !important;
	height:250px;
	padding:0;
	margin:0;
	float: left;
}
.hra-content .block4 .lave {
  display: block;
  width: 238px;
  min-height:246px;
	height:auto !important;
	height:246px;
	padding:1px 3px 1px 3px;
	margin:0;
	background-color: #666666;
	float: left;
}
.hra-content .block4 .lave .block {
  display: block;
  width: 228px;
  min-height:40px;
	height:auto !important;
	height:40px;
	padding:5px;
	margin:2px 0 2px 0;
	background-color: #ffffff;
}
.hra-content .block4 .prave {
  display: block;
  width: 350px;
  min-height:246px;
	height:auto !important;
	height:246px;
	padding:1px 3px 1px 3px;
	margin:0;
	background-color: #cccccc;
	float: right;
}
.hra-content .block4 .prave .block {
  display: block;
  width: 350px;
  min-height:50px;
	height:auto !important;
	height:50px;
	padding:0;
	margin:2px 0 2px 0;
	background-color: #ffffff;
	text-align: center;
}
.hra-content .block4 .prave .block .banner {
  display: block;
  width: 200px;
  min-height:60px;
	height:auto !important;
	height:60px;
	padding:0;
	margin:0 auto;
	background-color: #666666;
	text-align: center;
}
