/*

  1) obecne
   1.1)  text replacement
   1.2)  clear + clearfix
   1.3)  preskoceni navigace/obsahu

  2) container
   2.1)  hlavicka
   2.2)  hp
   2.3)  postranky
   2.4)  sloupec
   2.5)  hlavni navigace
   2.6)  sub navigace
   2.7)  paticka

*/

/* 1) obecne
------------------------------------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
}
html {
  font-size: 100.01%;
}
body {
  background: #121311 url(../img/bg.jpg) repeat left top;
  color: #CCC;
  font: .625em arial, verdana, sans-serif;
  text-align: center;
}

a {
  color: #CCC;
  text-decoration: underline;
}
a:hover, a:focus, a:active {
  color: #FFF;
  text-decoration: none;
}
:focus {
	outline: none;
}
a img {
  border: 0;
}

hr {
  display: none;
}
table {
  font-size: 1em;
}
textarea {
  overflow: auto;
}
ol, ul {
	list-style: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* 1.1) text replacement
------------------------------------------------------------------------------*/
.replace, #header h1, #navi li a {
  overflow: hidden;
  padding: 0;
  position: relative;
}
.replace a span, a.replace span, #header h1 span, #navi li a span {
  cursor: pointer;
}
.replace span, #header h1 span, #navi li a span {
  background-position: 0 0;
  background-repeat: no-repeat;
  left: 0;
  position: absolute;
  top: 0;
}

/* 1.2) clear + clearfix
------------------------------------------------------------------------------*/
.clear {
  clear: both;
}
.clearfix {
  display: inline-block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

/* 1.3) preskoceni navigace/obsahu
------------------------------------------------------------------------------*/
#skiplink {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
#skiplink strong, .skiplink span {
  display: none;
}
#skiplink a {
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 999;
}
#skiplink a:focus, #skiplink a:active {
  background: #373739 url(../img/navi-bg.jpg) no-repeat right top;
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  height: 52px;
  line-height: 52px;
  left: 160px;
  position: absolute;
  text-align: center;
  top: 29px;
  width: 728px;
}

/* 2) container
------------------------------------------------------------------------------*/
#container {
  background: url(../img/container-bg.jpg) no-repeat left top;
  margin: 0 auto;
  padding-top: 81px;
  position: relative;
  text-align: left;
  width: 888px;
}

/* 2.1) hlavicka
------------------------------------------------------------------------------*/
#header h1 {
  font-size: 1.5em;
  font-style: italic;
  left: 15px;
  position: absolute;
  text-align: center;
  top: 38px;
  z-index: 2;
}
#header h1, #header h1 span {
  height: 34px;
  width: 101px;
}
#header h1 span {
  background-image: url(../img/logo-hoh.gif);
}
#header h1 a {
  color: #fcbe00;
  text-decoration: none;
}

/* 2.2) hp
------------------------------------------------------------------------------*/
#promoHp {
  background: url(../img/promo-hp.jpg) no-repeat left top;
  display: block;
  height: 363px;
  margin-top: 5px;
  position: relative;
  width: 886px;
}

#promoHp a {
	margin: 0px;
}

#promoHp img {
	margin: 0px;
	margin-left: 1px;
	padding: 0px;	
}

* html #promoHp {
  height: 363px;
}
#promoHp #promo {
  display: block;
  height: 312px;
  position: relative;
  width: 220px;
}
#promoHp #promo span {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/promo-hp.png', sizingMethod='scale');
  background: url(../img/promo-hp.png) no-repeat left top;
  cursor: pointer;
  left: 0;
  height: 312px;
  position: absolute;
  top: 0;
  width: 220px;
}
* html #promoHp #promo span {
  background: transparent;
}

.tournament {
	margin-bottom: 10px;
}

.tournament img {
	float: left;
	margin-right: 5px;
}


#promoVice {
  background: #2a2a2b;
  color: #f4a700;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 42px;
  position: absolute;
  right: 129px;
  text-align: center;
  top: 294px;
}
#promoVice, #promoVice span {
  height: 42px;
  width: 168px;
}
#promoVice span {
  background-image: url(../img/replace-vice-informaci.jpg);
}
#infoHpTop {
  background: #2b2c2d url(../img/hp-info-top.jpg) no-repeat left top;
  margin-top: -3px;
}
#infoHpBottom {
  background: url(../img/hp-info-bottom.jpg) no-repeat left bottom;
  min-height: 201px;
  width: 888px;
}
* html #infoHpBottom {
  height: 201px;
}
#infoHpBottom div {
  float: left;
  padding: 14px 0 10px 14px;
  width: 282px;
}
* html #infoHpBottom div {
  width: 296px;
}
#infoHpBottom h3 {
  font-size: 2em;
  color: #fcbc00;
}
#infoHpBottom p {
  color: #999;
  font-size: 1.1em;
  line-height: 1.45em;
  padding: 7px 15px 0 3px;
}
#infoHpBottom p strong {
  color: #ccc;
}

/* 2.3) podstranky
------------------------------------------------------------------------------*/
#content {
  float: left;
  margin-top: 26px;
  overflow: hidden;
  width: 592px;
}

#contentBoxTop {
  background: #303032 url(../img/content-box-middle.jpg) repeat left top;
  margin-top: 22px;
}
#contentBoxMiddle {
  background: url(../img/content-box-top.jpg) no-repeat left top;
}
#contentBoxBottom {
  background: url(../img/content-box-bottom.gif) no-repeat left bottom;
  padding: 15px;
}

/* 2.4) sloupec
------------------------------------------------------------------------------*/
#side {
  float: right;
  font-size: 1.2em;
  margin-top: 26px;
  width: 278px;
}
#side a {
  color: #ffc600;
}
#side a:hover {
  color: #fff;
}


/* 2.5) menicko - hlavni navigace
------------------------------------------------------------------------------*/
#navi {
  background: #373739 url(../img/navi-bg.jpg) no-repeat left top;
  font-size: 1.5em;
  font-weight: bold;
  height: 52px;
  left: 0px;
  padding-left: 154px;
  position: absolute;
  top: 28px;
  width: 734px;
}
* html #navi {
  width: 888px;
}
#navi li {
  display: block;
  float: left;
  margin: 8px 10px 0 0;
}
#navi li a, #navi li a span {
  color: #fcbc00;
  display: block;
  float: left;
  height: 38px;
  line-height: 38px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
}
#navi li a:hover, #navi li a:focus, #navi li a:active, #navi li.active a {
  color: #FFF;
}
#navi li.active a span, #navi li a:hover span, #navi li a:focus span, #navi li a:active span {
  background-position: left bottom;
}
#navi li.navi1 a, #navi li.navi1 a span {
  width: 57px;
}
#navi li.navi1 a span {
  background-image: url(../img/navi-uvod.gif);
}
#navi li.navi2 {
  margin-right: 4px;
}
#navi li.navi2 a, #navi li.navi2 a span {
  width: 118px;
}
#navi li.navi2 a span {
  background-image: url(../img/navi-analyzy-a-rozhovory.gif);
}
#navi li.navi3 {
  margin-right: 3px;
}
#navi li.navi3 a, #navi li.navi3 a span {
  width: 121px;
}
#navi li.navi3 a span {
  background-image: url(../img/navi-hoh.gif);
}
#navi li.navi4 a, #navi li.navi4 a span {
  width: 108px;
}
#navi li.navi4 a span {
  background-image: url(../img/navi-ostatni-turnaje.gif);
}
#navi li.navi5 {
  margin-right: -10px;
}
#navi li.navi5 a, #navi li.navi5 a span {
  width: 87px;
}
#navi li.navi5 a span {
  background-image: url(../img/navi-fighters.gif);
}
#navi li.navi6 a, #navi li.navi6 a span {
  width: 57px;
}
#navi li.navi6 a span {
  background-image: url(../img/navi-odkazy.gif);
}
#navi li.navi7 a, #navi li.navi7 a span {
  width: 69px;
}
#navi li.navi7 a span {
  background-image: url(../img/navi-forum.gif);
}
#navi li.navi8 a, #navi li.navi8   a span {
  width: 59px;
}
#navi li.navi8 a span {
  background-image: url(../img/navi-eshop.gif);
}

/* 2.6) menicko - sub navigace
------------------------------------------------------------------------------*/
#subNavi {
  background: #252525 url(../img/sub-navi-bg.jpg) repeat-x left bottom;
  margin: -14px -14px 14px -14px !important;
  padding: 0 0 24px 0 !important;
  position: relative;
  width: 590px;
}
#subNavi li {
  background: transparent !important;
  display: inline;
  float: left;
  margin: 18px 10px 0 17px !important;
  padding: 0 !important;
}
#subNavi li a {
  background: url(../img/li-yellow.gif) left center no-repeat;
  color: #ffc600;
  font-weight: bold;
  padding-left: 15px;
  text-decoration: none;
}
#subNavi li a:hover, #subNavi li a:active, #subNavi li a:focus, #subNavi li.active a {
  background: url(../img/li-white.gif) left center no-repeat;
  color: #FFF;
}

/* 2.7) paticka
------------------------------------------------------------------------------*/
#footer {
  background: url(../img/rukavice.gif) no-repeat left 29px;
  clear: both;
  color: #666;
  float: left;
  font-size: 1.1em;
  padding: 45px 0 22px;
  white-space: nowrap;
}
#footer a {
  color: #666;
}
#footer p {
  margin-left: 55px;
}