/* CSS Document */
body {
	background: #dadde2 url(../img/pozadi.jpg) repeat-x;
	margin: 0 0 0 0;

	padding: 0;
	font-family: Trebuchet MS, Tahoma, Arial, 'Arial CE', 'Helvetica CE', sans-serif, Trebuchet MS;
	font-size: 100%;
}
#mhokej {
	margin: 0 0 0 100px;
	width: 861px;
  position: absolute;
  top: 0;
	text-align: left;
}
/* ---------- odkazy -------------------------------------------------- */
a {
	color: #2c0c74;
	text-decoration: none;
}
a:hover {
	color: #4b16c3;
	text-decoration: none;
}
/* ---------- nadpisy -------------------------------------------------- */
h2, h3, h4, h5 {
	display: block;
}
h2 {
	color: #2c0c74;
	font-size: 13px;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #b9bec6;
}
h3 {
	font-size: 14px;
	color: #FF0000;
	padding: 10px 0px 0px 10px;
	margin: 0px;
}
h4, h4 a {
	font-size: 13px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	color: #2c0c74;
}
h5 {
	font-size: 13px;
	color: #2c0c74;
	text-align: left;
	padding: 10px 0px 10px 20px;
	margin: 0px;
}
h5 a {
	color: #ffffff;
}
h5 a:hover {
	color: #ffffff;
	text-decoration: underline;
}
h6 {
	font-size: 11px;
	color: #ffffff;
	text-align: left;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}
#sestava h4 a {
	color: #2c0c74;
	font-size: 14px;
	margin: 0px 0px 10px 0px;
	text-decoration: none;
	display: block;
}
#sestava h4 a:hover {
	color: #4b16c3;
	font-size: 14px;
	display: block;
}
/* ---------- tables -------------------------------------------------- */
#anketa{
  background: #232a56;
  margin: 0;
  padding:0;
}
#anketa td{
  background: #232a56;
  margin: 0;
  padding:0;
  border: 0;
}
/* ---------- header -------------------------------------------------- */
#header {
	width: 861px;
	height: 150px;
	display: block;
	overflow: hidden;
	background: #b30f10;
	clear: both;
}
#header #hcoLogo {
	width: 152px;
	height: 150px;
	display: block;
	float: left;
}
#header #hcoLogo span {
	width: 152px;
	height: 150px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0;
	background: #b30f10 url(../img/hco_logo.jpg) no-repeat;
}
#header #hcoFoto {
	width: 709px;
	height: 150px;
	display: block;
	float: left;
}
#header #hcoFoto span {
	width: 709px;
	height: 150px;
	display: block;
	position: absolute;
	top: 0px;
	left: 152px;

}

#header h1 {
	width: 861px;
	height: 150px;
	line-height: 150px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	background: #b30f10;
}
#header h1 a {
	display: block;
	text-decoration: none;
	width: 861px;
	height: 150px;
	color: #ffffff;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
}
#header h1 a:hover {
	display: block;
	text-decoration: underline;
	width: 861px;
	height: 150px;
	color: #ffffff;
	padding: 0px;
	margin: 0px;
}
/* ---------- container -------------------------------------------------- */
#container {
	float: left;
	display: block;
	width: 671px;
	background: url(../img/container_pozadi.png) repeat-y;
	height: auto;
	overflow: hidden;
	border-bottom: 5px solid #eb2415;
	margin-bottom: 10px;
}
#content {
	background: #ffffff url(../img/content_pozadi.png) repeat-x;
	display: block;
	float: left;
	width: 440px;
	height: auto;
	overflow: hidden;
}
#contentBox {
	padding: 20px;
}
.break {
	clear: both;
	line-height: 1px;
	font-size: 1px;
	height: 1px;
	margin: 0 0 0 0;
	background: transparent;
}
/* ---------- footer -------------------------------------------------- */
#paticka {
	width: 670px;
	float: right;
	margin-bottom: 20px;
	padding: 0;
}
#paticka img {
	margin: 10px 5px 0px 9px;
}
#design-hosting {
	float: left;
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	color: #8F8F8F;
	display: inline;
}
#copy {
	float: right;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	color: #8F8F8F;
	display: inline;
}
a.ikonka img {
	border: 2px solid #2c0c74;
	text-decoration: none;
}
a.ikonka:hover img {
	border: 2px solid #4b16c3;
	text-decoration: none;
}
/* ---------- sideboxes -------------------------------------------------- */
#leftPanel {
	background: #232a56;
	width: 190px;
	height: auto;

	display: block;
	float: left;
}

#leftPanel .box {
	padding: 10px 10px 20px 10px;
	margin: 0px 0px 0px 0px;
	background: #232a56;
	border-bottom: 1px solid #c9e2fd;
}
#leftPanel .box .boxTitle {
	font-size: 0.8em;
	color: #fff;
	font-weight: bold;
	padding: 0px 0px 0px 0;
	display: block;
	height: 25px;
	line-height: 25px;
}
#leftPanel .box2 {
	padding: 10px 0 20px 0;
	margin: 0px 0px 0px 0px;
	background: #232a56;
		border-bottom: 1px solid #c9e2fd;
}
#leftPanel .box2 .boxTitle {
	font-size: 0.8em;
	color: #fff;
	font-weight: bold;
	padding: 0px 0px 0px 10px;
	display: block;
	height: 25px;
	line-height: 25px;
}
#leftPanel table {
	margin: 0px 0px 10px 0px;
	width: 100%;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	border: 0px;
}
#leftPanel table th {
	background: #43466d;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	border: 0px;
	text-align: left;
	padding: 10px 10px 10px 10px;
}
#leftPanel table th a {
	color: #ffffff;
	text-decoration: underline;
}
#leftPanel table th a:hover {
	color: #ffffff;
	text-decoration: none;
}

#leftPanel .pollAnswer a , .competitionAction a {
	font-size: 11px;
	color: #d5d8ff;
	font-weight: bold;
	border: 0px;
	text-align: left;
	text-decoration: underline;
	display: block;
	padding: 8px 0px 4px 10px;
}
#leftPanel .pollAnswer a:hover , .competitionAction a:hover {
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	border: 0px;
	text-align: left;
	display: block;
	text-decoration: none;
	padding: 8px 0px 4px 10px;
}
#leftPanel .pollStatus , .competitionStatus {
	border: 0px;
	display: block;
	padding: 0px 0px 0px 10px;
	width: 165px;
	text-align: left;
	font-size: 10px;
	height: 15px;
	line-height: 15px;
}
#leftPanel table td div {
	display: block;
	padding: 0px 3px 1px 3px;
	text-align: left;
	color: #ffffff;
}
#leftPanel #pollVotes , .competitionVotes {
	background: #43466d;
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	border: 0px;
	text-align: center;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 3px 0px;
	width: 170px;
	display: block;
}
#rightPanel {
	background: #232a56 url(../img/content_pozadi.png) repeat-x;
	display: block;
	float: left;
	width: 231px;
	height: auto;
	overflow: hidden;
}
#rightPanel .box {
	background: #232a56;
	padding: 5px 10px 10px 10px;
	margin: 0px 0px 5px 0px;
  border-bottom: 1px solid #c9e2fd;
	color: #fff;
}
#leftPanel center{

background: #232a56;
padding: 10px 0 10px 0;
margin: 0 0 5px 0;
display: block;
}
#rightPanel center{


padding: 5px 0 0 0;
margin: 0 0 0 0;
display: block;

}
#rightPanel .box .boxTitle {
	font-size: 13px;
	color: #c9e2fd;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	display: block;
	height: 25px;
	line-height: 25px;
}
#rychlezpravy{

scrollbar-track-color: #fff3cb;
scrollbar-face-color: #fbe08d;
scrollbar-highlight-color: #fbe08d;
scrollbar-3dlight-color: #fff3cb;
scrollbar-darkshadow-color: #fff3cb;
scrollbar-shadow-color: #fff3cb;
scrollbar-arrow-color: #c69606; 

}

h1{
margin: 0 0 0 0;
padding: 0 0 0 10px;
}
#rychlezpravy{

  margin: 0 10px 0 10px;
  padding-left: 10px;
  background: #fff3cb;
  border: 1px solid #fde07f;
}
#rychlezpravy span{
  display: block;
  margin: 5px 10px 0px 0;
  font-size: 11px;
  color: #000;
    font-weight: bold;

}
#rychlezpravy p{
  display: block;
  margin: 0 0 10px 0;
  padding: 0px;
  width: 150px;
  font-size: 11px;
  color: #000;

}
#boxzapas strong{
  display: block;
  margin: 0;
  font-size: 12px;
}

#boxzapas label{
 
  margin: 0;
  font-size: 16px;
  font-weight: bold;


  color: #d5d8ff;
}
#boxzapas{
  height: 45px;
  overflow: hidden;
}
#boxzapas a{
color: #d5d8ff;
display: block;
position: relative;
top: -20px;
text-align: right;
font-size: 12px;
clear: both;
overflow: hidden;
margin: 0 10px 0px 0;
}
#boxzapas a:hover{
  color: #fff;
}
.box .lab {
	float: left;
	width: 70px;
	display: block;
	color: #fff;
	font-weight: normal;
	font-size: 11px;
	padding: 2px 0px 0px 10px;
}
.box .jmeno a {
	font-size: 13px;
	color: #d5d8ff;
	font-weight: bold;
  float: left;
}
.box .jmeno a:hover{
  text-decoration: underline;
}
#mailform {
	margin-left: 10px;
}
#mailform label {
	display: block;
	margin: 7px 0 2px 0;
	font-size: 0.7em;
	font-weight: bold;
	color: #fff;
}
#mailform textarea{
  width: 167px;
}
/* ---------- Uvodni stranka -------------------------------------------------- */
.aktualita {
	display: block;
	min-height: 170px;
	_height: 170px;
	font-size: 12px;
	margin-bottom: 10px;
}
.aktualita small {
	color: #eb2415;
	font-size: 11px;

}
.aktualita .thumb img {
	width: 130px;
	height: 100px;
	border: 0px;
}
.aktualita .thumb2 img {
	width: 390px;
	height: 280px;
	border: 0px;
}
.aktualita a.thumb {
	border: 5px solid #3a3c5e;
	display: block;
	width: 130px;
  height: 100px;
	float: left;
	margin: 0 10px 0px 0;
}
.aktualita a.thumb:hover {
	border: 5px solid #edb749;
	display: block;
}
.aktualita a.thumb2 {
	border: 5px solid #3a3c5e;
	display: block;
	width: 390px;
	height: 280px;
	float: left;
	margin: 0 10px 10px 0;
}
.aktualita a.thumb2:hover {
	border: 5px solid #edb749;
	display: block;
}
.aktualita p {

	line-height: 16px;
	text-align: justify;
	margin: 0px;
}
#tabulka {
	float: left;
	width: 225px;
	&width: 245px;
	padding: 8px 0px 0 10px;
	height: 100%;
}
#tabulka h4{
  margin: 10px 0;

}
/* ---------- muzstvo -------------------------------------------------- */
#sestava label {
	padding: 0;
	margin: 7px 0 6px 0;
	color: #eb2415;
	font-size: 11px;
	display: block;
}
#sestava {
	float: left;
	background: #f7f7f7;
	border-bottom: 1px solid #cccccc;
	width: 145px;
	&width: 155px;
	margin: 0px 0px 0px 0px;
	padding: 0 10px 51px 10px;
	line-height: 100%;
	height: 100%;
}
#sestava strong {
	display: block;
	font-size: 11px;
	padding: 1px 0 1px 0;
}
#sestava label span{

}
#sestava label span{

}
#sestava a {
	color: #eb2415;
	font-size: 11px;
	display: inline;
	padding: 0;
	width: auto;
	text-decoration: underline;
}
#sestava a:hover {
	color: #cf1f12;
	font-size: 11px;
	text-decoration: none;
}
/* ---------- zapasy -------------------------------------------------- */
/* ---------- rozpis zapasu -------------------------------------------------- */
/* ---------- statistiky -------------------------------------------------- */
/* ---------- fotogalerie -------------------------------------------------- */
/* ---------- videogalerie -------------------------------------------------- */
/* ---------- rozpis ledu -------------------------------------------------- */
/* ---------- zimni stadion -------------------------------------------------- */
/* ---------- chat -------------------------------------------------- */
/* ---------- kontakt -------------------------------------------------- */
/* ---------- odkazy -------------------------------------------------- */
/* ---------- podporte nas -------------------------------------------------- */


table {
	width: 402px;
}
thead th {
	padding: 0 5px 0 5px;
	height: 20px;
	line-height: 20px;
	font-weight: normal;
	font-size: 11px;
	border-bottom: 1px solid #c69606;
	background: #fbe08d;
	color: #000;
}
table td {
	padding: 0px 5px 0px 5px;
	height: 23px;
	line-height: 23px;
	font-size: 11px;
	border-bottom: 1px solid #fde07f;
	background: #fff3cb;
	color: #000;
}
table td:hover {
	padding: 0px 5px 0px 5px;
	height: 23px;
	line-height: 23px;
	font-size: 11px;
	border-bottom: 1px solid #f9d96c;
	background: #fdedb6;
	color: #000;
}
.uvodTable{
  margin: 0;
  padding: 0;
}
.uvodTable th{
  background: #fbe08d;
  color: #000;
  border-bottom: 1px solid #c69606;
}
.uvodTable td{
  padding: 0 4px 0 4px;
  background: #fff3cb;
  border-bottom: 1px solid #fde07f;
  color: #000;
}
.uvodTable td:hover{
  padding: 0 4px 0 4px;
  background: #fdedb6;
  color: #000;
  border-bottom: 1px solid #f9d96c;
}


.li_last{
  border-top: 1px solid #666996;
}
#poslednikolo{
  width: 190px;
}
#poslednikolo th{
background: #fbe08d;
color: #000;
border-bottom: 1px solid #c69606;
}
#poslednikolo td{
  background: #fff3cb;
  color: #000;
  	height: 20px;
	line-height: 20px;
  border-bottom: 1px solid #fde07f;
  padding: 0px;
  font-size: 11px;
}

.block{
  display: block;
  font-size:13px;
  font-weight: bold;
}

object{

  width: 400px;
  height: 320px;
}

embed{

  width: 400px;
  height: 320px;
}

.img-zs{
  border: 7px solid #f7f7f7;
  display: inline;
}
.img-zs-left{
  margin: 0px 7px 0px 0px;
  border: 7px solid #f7f7f7;
  float: left;
}
.img-zs-right{
  margin: 0px 0px 0px 7px;
  border: 7px solid #f7f7f7;
  float: right;
}

.text {
	margin: 0px;
	padding: 10px 8px 10px 5px;
	font-size: 11px;
	text-align: justify;
	color: #333333;
	line-height: 130%;
}

#chat-left{
  width: 230px;
  float: left;
  display: block;
  padding: 5px;
  background: #f7f7f7;
  border: 1px solid #cccccc;
  height: 169px;
}
#chat-right{
  width: 140px;
  float: right;
  display: block;
  background: #f7f7f7;
  padding: 5px;
    border: 1px solid #cccccc;
  height: 169px;
}

#chat-table{
  float: left;
  width: 400px;
  background: #000000;
  border: 0px;
  border-bottom: 1px solid #f7f7f7;
}
#chat-table2{
  float: left;
  width: 200px;
  background: #000000;
  border: 0px;
  border-bottom: 1px solid #f7f7f7;
}
#chat-table2 td{

  float: left;
  background: #cccccc;
  border: 0px;
}
#minichat iframe{
  margin: 5px 0px 10px 20px;
  border: 0px;
  width: 400px;
  height: 500px;
  overflow: hidden;
}
#kontakt td{
padding: 5px 5px 5px 10px;
font-size: 13px;
}
.wh{
  background: #fff3cb;
  border-bottom: 1px solid #fde07f;
  padding: 5px 5px 5px 5px;
  
}
.wh h3{
	margin: 0;
	padding: 0;
}
.wh:hover{
  background: #fff3cb;
  border-bottom: 1px solid #fde07f;
}

code{
  background: #f7f7f7;
  display: block;
  width: 390px;
  margin-top: 10px;
  font-size: 11px;
  padding: 5px;
}
.butt {
	border: 2px outset #ffffff;
	background: #e9ebed;
	font-weight: bold;
	padding: 0 10px 0 10px;
	height:25px;
	line-height: 20px;
	width: auto;
	color: #000;
	margin-top: 5px;
}
.butt:hover {
	border: 2px outset #8b93a0;
	background: #ffffff;
	cursor: pointer;
	color: #000;
}

.butt{
behavior: url(hover.htc);
}



#hrac label {
	width: 85px;
	font-weight: bold;
	float: left;
	display: block;
	padding: 0px 0px 0px 20px;
}
#hrac {

	font-size: 12px;
	line-height: 190%;
}
#hrac #udaje {
	width: 215px;
	height: 220px;
	float: left;
	background: #e9ebed;

	margin-bottom: 20px;
}
#hrac #foto {
	width: 180px;
	float: right;
	padding: 0px 0px 0px 5px;
		margin-bottom: 20px;
}
#hrac #foto img {
	width: 180px;
	height: 220px;
}

.odkazy {
	margin: 0px;
	padding: 10px 15px 10px 15px;
	list-style: none;
	font-size: 12px;
  font-weight: bold;
	display: block;
}
.odkazy li {
	padding: 0px 0px 0px 0px;
}
.odkazy li a {
	color: #000000;
	text-decoration: none;
	height: 30px;
	line-height: 30px;


	padding: 0px 0px 0px 25px;
	background: url(../img/kosticka.png) 7px 12px no-repeat;
	border-bottom: 1px solid #a2a9b3;
}
.odkazy li a:hover {
	color: #555555;


	text-decoration: none;
	padding: 0px 0px 0px 25px;
	background: #f7f7f7 url(../img/kosticka2.png) 7px 12px no-repeat;
	border-bottom: 1px solid #bbc0c7;
}

#kalendar{
  width: 190px;
  margin-bottom: 5px;
  
}
#kalendar th{
  border-bottom: 1px solid #c69606;
  font-weight: bold;
  text-align: center;
}
#kalendar td{
  padding: 0;
  text-align: center;
  border-bottom: 0px solid #232a56;
  color: #000;
  padding: 0;
  height: 18px;
  line-height: 18px;
  font-size: 10px;

}
#kalendar td:hover{  

  border-bottom: 0px solid #232a56;
  padding: 0;  
  color: #000;
  text-align: center;
}

ul {
	margin: 0 10px 0 0;
	padding: 0 10px 0 10px;
	list-style: none;
	font-size: 0.7em;
	font-weight: bold;
	display: block;
}
ul li {
	padding: 0px 0px 0px 0px;
}


ul li a {
	display: block;
	color: #fff;
	text-decoration: none;
	height: 27px;
	line-height: 27px;
	font-size: 1.0em;
	padding: 0px 0px 0px 25px;
	background: url(../img/nav.png) 5px 9px no-repeat;
	border-bottom: 1px solid #56598b;
}
ul li a:hover {
	display: block;
	color: #f9c939;
	text-decoration: none;
	padding: 0px 0px 0px 25px;
	background: url(../img/nav_hover.png) 5px 9px no-repeat;
	border-bottom: 1px solid #888bc0;
}

ul #li_first a {
	display: block;
	color: #fff;
	text-decoration: none;
	height: 27px;
	line-height: 27px;
	font-size: 1.0em;
	padding: 0px 0px 0px 25px;
	background: url(../img/nav.png) 5px 9px no-repeat;
	border: 0;
	border-bottom: 1px solid #3b3e60;
}
ul #li_first a:hover {
	display: block;
	color: #f9c939;
	text-decoration: none;
	padding: 0px 0px 0px 25px;
	background: url(../img/nav_hover.png) 5px 9px no-repeat;
	border: 0;
	border-bottom: 1px solid #292b44;
}
.subnavigation {
	margin: 0 20px 0 10px;
	padding: 0;
	list-style: none;
	font-weight: bold;
	display: none;
	border-top: 0px solid #666996;
	border-bottom: 0px solid #3b3e60;

}
.subnavigation2 {
	margin: 0 20px 0 10px;
	padding: 0;
	list-style: none;
	font-weight: bold;
	display: block;
	border-top: 0px solid #666996;
	border-bottom: 0px solid #3b3e60;

}
.subnavigation dt {
	padding: 0px 0px 0px 0px;
	margin: 0 15px 0 10px;
}
.subnavigation dt a {
	display: block;
	color: #d2d5f5;
	text-decoration: none;
	height: 22px;
	font-size: 10px;
	line-height: 22px;
  padding: 0px 0px 0px 25px;
	background: url(../img/subnav.png) 5px 8px no-repeat;

}
.subnavigation dt a:hover {
	display: block;
	color: #eac326;
	text-decoration: none;
	padding: 0px 0px 0px 25px;
	background: url(../img/subnav_hover.png) 5px 8px no-repeat;

}





.odkazy {
	margin: 0px;
	padding: 10px 15px 10px 15px;
	list-style: none;
	font-size: 12px;
  font-weight: bold;
	display: block;
}
.odkazy li {
	padding: 0px 0px 0px 0px;
}
.odkazy li a {
	color: #000000;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
  display: block;

	padding: 0px 0px 0px 25px;
	background: url(../img/kosticka.png) 7px 12px no-repeat;
	border-bottom: 1px solid #a2a9b3;
}
.odkazy li a:hover {
	color: #555555;


	text-decoration: none;
	padding: 0px 0px 0px 25px;
	background: #f7f7f7 url(../img/kosticka2.png) 7px 12px no-repeat;
	border-bottom: 1px solid #bbc0c7;
}
#kalendar select {

margin-right: 4px;
}
#kalendar .butt{
  font-size: 11px;
height: 22px;
line-height: 12px;
padding: 0;
width: 30px;
_width: 45px;
}
#kalendar table{
  margin: 0;
  padding: 0;
}

.kde{
  font-size: 12px;
  font-weight: bold;
  margin-right: 5px;
  height: 25px;
  line-height: 25px;
  width: 70px;



}
.vyznaceni{
  margin-right: 10px;
}

.filtr{
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
}

font{
	font-size: 12px;
}

