/*

  1) obecne
   1.1)  text replacement
   1.2)  buttonek

  2) minimalni sirka pro falsh + flash
   2.1)  noflashova verze
   2.2)  staticke stranky
    2.2.1) newsletter - odhlaseni
    2.2.2) 404 - stranka nenalezena

*/

/* 1) obecne
------------------------------------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
}
html, body {
  height: 100%;
}
html {
  font-size: 100.01%;
}
body {
  background: #3e3e3e url(../images/bg.jpg) repeat-x center top;
  color: #FFF;
  font: .625em arial, verdana, sans-serif;
  overflow: auto;
  text-align: center;
}

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

:focus {
  outline: 0;
}

/* 1.1) text replacement
------------------------------------------------------------------------------*/
.replace {
  overflow: hidden;
  padding: 0;
  position: relative;
}
.replace a span, a.replace span {
  cursor: pointer;
}
.replace span {
  background-position: 0 0;
  background-repeat: no-repeat;
  left: 0;
  position: absolute;
  top: 0;
}
/* 1.2) buttonek
------------------------------------------------------------------------------*/
.button {
  border: 1px #606060 solid;
  display: block;
  float: left;
  font-size: 1em !important;
  padding: 0 !important;
  position: relative;
}
.button a {
  background: url(../images/button-right.gif) no-repeat right top;
  color: #a9a9a9 !important;
  cursor: pointer;
  display: block;
  float: left;
  margin: -1px;
  position: relative;
  text-decoration: none;
}
.button a strong {
  background: url(../images/button-left.gif) no-repeat left top;
  display: block;
  font-size: 1.2em;
  font-weight: normal;
  padding: 6px 16px 7px 16px;
  white-space: nowrap;
}
.button span {
	filter:alpha(opacity=10);
	-moz-opacity: .1;
	opacity: .1;
	background: #FFF;
	bottom: 0;
  height: 27px;
  left: 0;
  position: absolute;
  width: 100%;
}

/* 2) min-sirka/vyska pro flash + flash
------------------------------------------------------------------------------*/
#flashOut {
  background: url(../images/no-flash.jpg) no-repeat center top;
  height: 100%;
  width: 100%;
}
#flashMinWidth {
  height: 100%;
}
#flashMinWidthM, #flashMinWidthP {
  height: 100%;
}
* html #flashMinWidthM {
  height: auto;
	margin-left: -970px;
}
* html #flashMinWidthP {
  height: auto;
	padding-left: 970px;
}
#flashScroll {
  margin-bottom: -685px;
  height: 685px;
  position: relative;
  width: 970px;
}
#content {
  min-width: 970px;
  min-height: 685px;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
#web {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/* 2.1) noflashova verze
------------------------------------------------------------------------------*/
#noFlash {
  padding: 204px 0;
}
#noFlash h1, #noFlash h1 span {
  font-size: 5em;
  font-weight: normal;
  height: 116px;
  line-height: 156px;
  margin: 0 auto;
  width: 161px;
}
#noFlash h1 sup {
  font-size: .2em;
  position: absolute;
  right: 5px;
  top: 56px;
}
#noFlash h1 span {
  background-image: url(../images/logo-blazek.gif);
}
#noFlash h2 {
  font-size: 2.8em;
  font-weight: normal;
  padding-top: 20px;
}
#noFlash p {
  color: #7f7f7f;
  font-size: 1.1em;
  letter-spacing: 0.7px;
  padding-top: 9px;
}
#noFlash .nainstalovat {
  margin: 14px 5px 0 0;
  position: relative;
}
* html #noFlash .nainstalovat {
  margin: 9px 0 0 0;
}
#noFlash .nainstalovat a, #noFlash .nainstalovat a span {
  height: 143px;
  font-size: 1.2em;
  width: 174px;
}
#noFlash .nainstalovat a span {
  background-image: url(../images/replace-flash.jpg);
}

/* 2.2) staticke stranky
------------------------------------------------------------------------------*/
#page h1 {
  left: 34px;
  position: absolute;
  text-indent: -9999px;
  top: 22px;
}
#page h1, #page h1 span {
  height: 59px;
  width: 83px;
}
#page h1 span {
  background-image: url(../images/logo-blazek-male.gif);
}
#page p {
  color: #8e8e8e;
  font-size: 1.2em;
  padding: 10px 0 14px;
}
#page p a {
  color: #00a2ff;
}
#linkHp {
  position: absolute;
  right: 41px;
  top: 35px;
}

/* 2.2.1) newsletter - odhlaseni
------------------------------------------------------------------------------*/
.newsletter {
  margin: 0 auto;
  padding-top: 200px;
  width: 445px;
}
.newsletter h2, .newsletter h2 span {
  color: #626262;
  font-size: 3em;
  font-weight: normal;
  height: 36px;
  width: 441px;
}
.newsletter h2 span {
  background-image: url(../images/replace-odhlaseni.gif);
}
.newsletter .odhlasit {
  margin-left: 170px;
}
.newsletter .odhlasit a strong {
  padding: 6px 25px 7px 25px;
}

/* 2.2.2) 404 - stranka nenalezena
------------------------------------------------------------------------------*/
.page404 {
  margin: 0 auto;
  padding-top: 200px;
  text-align: left;
  width: 545px;
}
.page404 h2, .page404 h2 span {
  font-size: 3.6em;
  font-weight: normal;
  height: 39px;
  width: 521px;
}
.page404 h2 span {
  background-image: url(../images/replace-stranka-nenalezena.gif);
}