body {
  background-image: url('pozadie.jpg');
  background-repeat: repeat-x;
  background-position: top center;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Verdana, Arial;
	text-align: left;
  padding: 20px;
  margin: 0px auto 0px auto;
}

img {
	border: 0px;
}

.border {
  border: 2px solid #d62f85;
  margin: 2px;
}
.border:hover {
  border: 2px solid #ff99cc;
  margin: 2px;
}

a:link, a:visited {
	color: #CC3399;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.odkaz-biely:link, .odkaz-biely:visited {
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
}
.odkaz-biely:hover {
	color: #CC3399;
	text-decoration: none;
}


/******************************************************************************/

.stranka {
 width: 900px;
 height: 100%;
  margin: 0px auto 0px auto;
 padding: 0px;
}

.hore {
 background-image: url('hore.gif');
 background-repeat: no-repeat;
 width: 900px;
 height: 8px;
 margin: 0px;
 padding: 0px;
}

.stred {
 background-color: #FFFFFF;
 background-image: url("stred.gif");
 background-repeat: repeat-y;
 width: 884px;
 min-height: 400px;
 margin: 0px;
 padding-left: 8px;
 padding-right: 8px;
 text-align: left;
}

.menu {
 width: 230px;
 height: 100%;
 margin: 0px;
 padding: 8px;
 font-size: 13px;
 font-weight: bold;
 text-align: left;
 float: left;
}

.menu_hore {
 background: url('menu_hore.png') right no-repeat;
 width: 230px;
 height: 84px;
 margin: 0px;
 padding: 0px;
}

.menu_odkaz:link, .menu_odkaz:visited {
	color: #FFFFFF;
	background: url('menu_stred.png') right repeat-y;
  font-weight: bold;
	padding: 5px 35px;
	display: block;
}
.menu_odkaz:hover {
  color: #CC3399;
	background: url('menu_stred.png') right repeat-y;
	font-weight: bold;
	padding: 5px 35px;
	display: block;
}
.menu_odkaz_aktivny:link, .menu_odkaz_aktivny:visited {
	color: #CC3399;
	background: url('menu_stred.png') right repeat-y;
  font-weight: bold;
	padding: 5px 35px;
	display: block;
}
.menu_odkaz_aktivny:hover {
  color: #FFFFFF;
	background: url('menu_stred.png') right repeat-y;
	font-weight: bold;
	padding: 5px 35px;
	display: block;
}

.menu .farebny:link, .menu .farebny:visited {
	color: #FFFFFF;
	background: url('menu_stred-farebny.png') right repeat-y;
  font-weight: bold;
	padding: 5px 15px;
	display: block;
}
.menu .hokej:link, .menu .hokej:visited {
	color: #FFFFFF;
	background: url('menu_stred-hokej.png') right repeat-y;
  font-weight: bold;
	padding: 5px 35px;
	display: block;
}
.menu .farebny:hover, .menu .hokej:hover {
  color: #CC3399;
	background: url('menu_stred.png') right repeat-y #331a3e;
	font-weight: bold;
}

.menu_ciara {
  width: 230px;
  height: 4px;
	background: url('menu_ciara.png') right repeat-y;
}

.menu_dole {
 background: url('menu_dole.png') right no-repeat;
 width: 230px;
 height: 63px;
 margin: 0px;
 padding: 0px;
}

.obsah {
  width: 600px;
  float: left; 
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}

.dole {
 background-image: url('dole.gif');
 background-repeat: no-repeat;
 width: 900px;
 height: 8px;
 margin: 0px;
 padding: 0px;
}


/******************************************************************************/

h1 {
  color: #CC3399;
  font-size: 18px;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 5px;
  text-align: right;
}
h2 {
  color: #CC3399;
  font-size: 18px;
  font-weight: bold;
  margin: 0px;
}
.farebny_text {
 color: #CC3399;
 font-weight: bold;
 font-style: normal;
}

.input {
  width: 145px;
  height: 15px;
}
.input2 {
  width: 350px;
}
.button {
  border: 0px;
  background-color: transparent;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: bold;
}
.button_black {
  border: 0px;
  background-color: transparent;
  color: #000000;
  font-size: 15px;
  font-weight: bold;
}
textarea {
  width: 350px;
  height: 100px;
}


td {
  width: 100px;
  height: 100px;
  padding-top: 2px;
  vertical-align: middle;
  text-align: center;
}


p { margin: 0px; padding: 0px; }
em { font-style: normal; }
pre {	font-family: Verdana, Arial; display: block; }

/******************************************************************************/

.clear_both { clear: both; }


.zeleny_pasik {
  background-color: #008000;
  color: #FFFFFF;
  font-weight: bold;
  width: 100%;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.cerveny_pasik {
  background-color: #800000;
  color: #FFFFFF;
  font-weight: bold;
  width: 100%;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 10px;
}

.zeleny_text { color: #008000; }
.cerveny_text { color: #800000; }
.farebny_text { color: #540070; }

.na_lavo { text-align: left; }
.na_stred { text-align: center; }
.na_pravo { text-align: right; }
.v_lavo { text-align: left; float: left; }
.v_pravo { text-align: right; float: right; }