body {
	font-family: Tahoma, "Verdana CE", Verdana, "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;
	background-color: #000000;
	
	margin: 30px 0 0 0;
	padding: 0;
	text-align: center;
	font-size: 0.65em;
	line-height: 1.3em;
}

html {padding-bottom: 60px;}

* {margin: 0; padding: 0;}
.clr {clear: both;}
p {margin: 0 0 15px 0;}


img.rgt { width: 79px; height: 89px; float: right; margin: 0 0 10px 15px; }
img.lft {float: left; margin: 0 15px 10px 0;}

table {
	font-size: 1em;
	border-collapse: collapse;
	margin-bottom: 15px;
	}
	table td {
		padding: 3px 8px;
		background: #ffffff; /*#F5F5F5*/
}
	
	.mojetabulka {
	    padding: 3px 8px;
		background: #FFFFFF;
	  
	}
	
	table th {
		background: #000;
		color: #FFF;
		padding: 3px 8px;
		font-size: 1.1em;
		}

h1 {
	color:#006AC4;
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 10px;
	}
h1.homepage {
	height: 33px;
	position: relative;
	display: block;
		color:#FDBA33;
	font-size: 30px;font-weight: bold;
	}
h1 span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	}
	
h1.homepage span {
	/*background: url(img/vitejte.gif) no-repeat;*/
	
	}
	
.aktuality, .druzstva, .sponzori, .odkazy, .fotogalerie, .kontakt {
	height: 53px;
	position: relative;
	display: block;
	background: url(img/dots.gif) repeat-x bottom left;
	width: 553px;
	}
	.aktuality span {background: url(img/h_aktuality.gif) no-repeat;}
	.druzstva span {background: url(img/h_druzstva.gif) no-repeat;}
	.sponzori span {background: url(img/h_sponzori.gif) no-repeat;}
	.odkazy span {background: url(img/h_odkazy.gif) no-repeat;}
	.fotogalerie span {background: url(img/h_fotogalerie.gif) no-repeat;}
	.kontakt span {background: url(img/h_kontakt.gif) no-repeat;}
	
.location {
	position: absolute;
	top: 30px;
	left: 0;
	color: #333333;
	padding-left: 17px;
	background: url(img/li.gif) no-repeat 1px 4px;
	}
	.location a {color: #333333;}
	.location span {font-weight: bold; color: #FFC000;}

h2, h3, h4, h5, h6, h7 {
	color: #006AC4;
	margin-bottom: 5px;
	}
h2 {font-size: 1.5em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.3em;}
h5, h6, h7 {font-size: 1.1em;}

#content ul {
	margin: 0 0 15px 15px;
	list-style-type: disc;
	}
	#content ul ul {margin: 0 0 0 15px;}
#content ol {
	margin: 0 0 15px 25px;
	}
	#content2 ul {
	margin: 0 0 15px 15px;
	list-style-type: disc;
	}
	#content2 ul ul {margin: 0 0 0 15px;}
#content2 ol {
	margin: 0 0 15px 25px;
	}	
	
#rightcol ol {
		margin: 0 0 15px 25px;
		}
.strong {font-weight: bold;}

.tlacitko {
			font-size: 10px;
			}
.formular {
			font-size: 10px;
			}
#pagetop {
	/*	background: url(img/bg_page.gif) no-repeat;*/
		width: 775px;
		height: 30px;
		position: relative;
		top: -15px;
		}
#pagebot {
		/*background: url(img/bg_pageb.gif) no-repeat;*/
		width: 775px;
		height: 15px;
		position: relative;
		top: 0;
		margin: 0 auto;
		}
		
#page {
	position: relative;
	width: 775px;
	margin: 0 auto;
	text-align: left;
	background: #FFF;	
	}
	#pagein {
		margin: 0 15px;
		}
	
#top {
	width: 745px;
	height: 134px;
	margin: 5px auto 0 auto;
	
	}
	.logo {
		position: absolute;
		top: -10px;
		left: 35px;
		border: none;
		}
	.tbc { color: #000000; 
	font-family: Tahoma, "Verdana CE", Verdana, "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif; 
	width: 300px; 
	font-size:12px; 
	font-weight: bold; 
	font-stretch: semi-expanded; letter-spacing: 1px; height: 19px; position: 
	absolute; 
	top: 10px; right: -100px; }
	.helma1 {
		position: absolute;
		top: -4px;
		left: 625px;
		width: 166px;
		height: 163px;
		background: url(img/helma1.gif) no-repeat;
		}
	.helma2 {
		position: absolute;
		width: 94px;
		height: 50px;
		top: 159px;
		left: 689px;
		background: url(img/helma2.gif) no-repeat;
		z-index: 20;
		}
		
/* ***** menu ****** */

#menu { color: #000; font-size: 22px; font-weight: bold; background: #fdba33 repeat-x; height: 34px; position: relative; margin-top: 5px; z-index: 0; }
	#menu ul {
		list-style: none;
		line-height: 1em;
		position: relative;
		}
		#menu ul li {
			float: left;
			position: relative;
			height: 34px;
			
			}
			#menu a {
				height: 34px;
				display: block;
				float: left;
				position: relative;
				cursor: pointer;
				}
				#menu a span {position: absolute; top: 0; left: 0;  display: block; width: 100%; height: 100%;}
				.akt a {width: 125px; }
				.akt a span {background: url(img/m_aktuality.gif) no-repeat;}
				.dru a {width: 110px; }
				.dru a span {background: url(img/m_druzstva.gif) no-repeat;}
				.spo a {width: 105px; }
				.spo a span {background: url(img/m_sponzori.gif) no-repeat;}
				.odk a {width: 95px; }
				.odk a span {background: url(img/m_odkazy.gif) no-repeat;}
				.fot a {width: 124px; }
				.fot a span {background: url(img/m_fotogalerie.gif) no-repeat;}
				.kon a {width: 102px; }
				.kon a span {background: url(img/m_kontakt.gif) no-repeat;}

#submenu {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	font-weight: bold;

	height: 34px;
	position: relative;
	margin-top: 0px;
	z-index: 0;
}
	#submenu ul {
		vertical-align: middle;
		margin-left: 18px;
		margin-right: 18px;
		list-style: none;
		line-height: 14px;
		position: relative;
		}
		#submenu ul li {
			padding-top: 0px;
			float: left;
			position: relative;
			height: 34px;
            width: 100px;
            min-width:100px;
            text-align: center;

			}
			#submenu a {
				padding-left: 0px;
				padding-right: 0px;
				height: 34px;
				float: left;
				position: relative;
                padding-top: 8px;
				cursor: pointer;
		
                display: block;
                width: 100px;
                min-width:100px;
				}
			
				#submenu a span {position: absolute; top: 0; left: 0;  display: block; width: 100%; height: 100%;}

#submenuu {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	font-weight: bold;

    width: 60px;
	height: auto;

	margin-top: 0px;

}
	#submenuu ul {


		list-style:none;


		}
		#submenuu ul li {
			padding-top: 0px;
			float: left;
			position: relative;
			height: 20px;
            width: 60px;
            margin-top:0px;
            text-align: center;
            overflow: hidden;

			}
			#submenuu a {

				height: 20px;
				float: left;
				position: relative;
                /*padding-top: 8px;*/

				color: #F5F5F5;
                background-color:#fdba33;
                display: block;
                width: 60px;

				}
			#submenuu a:hover {
				color: white;
                background: url(images/submenu_active.gif) repeat-x;
			}
				#submenuu a span {position: absolute; top: 0; left: 0;  display: block; width: 100%; height: 100%;}




/* ***** obsah ***** */

#main {
	border-top: 15px solid #FFF;
	border-bottom: 15px solid #FFF;
	background: url(img/dots.gif) repeat-x bottom left #FFF;
	padding-bottom: 15px;
	position: relative;
	width: 100%;
	}
	
#leftcol {
	width: 174px;
	float: left;
	}
	
#leftmenu {
	width: 174px;
	float: left;
	}
	
#navi ul {list-style-type: none; margin-bottom: 15px;}
#navi ul ul {margin-bottom: 0;}
#navi ul li a	   {text-decoration: none; color: #707070; background: url(img/bg_li.gif) repeat-x bottom left; padding: 0; display: block; width: 177px;}
#navi ul li a span {display:block;  font-size: 1.1em;}
#navi ul li a:hover { background: #F5F5F5;}
/* uroven 1 */
a.mainnavilevel1		{}
a.mainnavilevel1 span		{padding: 2px 0 4px 19px!important; display: block; background: url(img/li.gif) no-repeat 5px 5px!important;}
a.mainnavilevel1open		{color:#000000!important;}
a.mainnavilevel1open span 	{padding: 2px 0 4px 19px!important; display: block; background: url(img/li_open.gif) no-repeat 5px 5px!important;}
a.mainnavilevel1over 		{color:#FFF!important;}
a.mainnavilevel1over span	{padding: 2px 0 4px 19px!important; display: block; background: url(img/li_bg_selected_1.gif) no-repeat #292929 7px 6px !important;}
/* uroven 2 */
a.mainnavilevel2		{}
a.mainnavilevel2 span		{padding: 2px 0 4px 28px!important; display: block; background: url(img/li.gif) no-repeat 14px 5px!important;}
a.mainnavilevel2open		{color:#000000!important;}
a.mainnavilevel2open span 	{padding: 2px 0 4px 28px!important; display: block; background: url(img/li_open.gif) no-repeat 9px 5px!important;}
a.mainnavilevel2over 		{color:#FFF!important; background: #292929;}
a.mainnavilevel2over span	{padding: 2px 0 4px 28px!important; display: block; background: url(img/li_bg_selected_1.gif) no-repeat #292929 7px 7px !important;}			

#container {
	width: 553px;
	float: right;
	}
	#content {
		width: 360px;
		float: left;
		}
	#rightcol {
		width: 174px;
		float: right;
		}
		.sub {
				top: -63px;
		position: relative;
		}
		
/* *** homepage *** */

.uvod {
	
	}
	

.uvod2 {
	background: url(img/hokejka.gif) no-repeat;
	padding-left: 158px;
	}
	
.novinka {
	background: url(img/dots.gif) repeat-x bottom left;
	padding-bottom: 15px;
	margin-bottom: 15px;
	}
	.novinka p {
		margin-bottom: 0;
		}
	.novinka .datum {font-weight: bold;}
	.novinka h2 {font-size: 1.1em; margin-bottom: 0;}
	.novinka img {float: right; margin: 0 0 0 15px;}
		
.box {
	background: url(img/bg_box.gif) no-repeat;
	margin-bottom: 15px;
	}
	.box h2 {
		height: 19px;
		margin: 0 0 15px 0;
		top: 1px;
		position: relative;
		font-size: 1em;
		width: 150px;
		left: 1px;
		}
		h2 span {
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			display: block;
			}
	
		
	.box div {background: url(img/bg_box_bot.gif) no-repeat bottom left; padding: 4px 10px 1px 10px;
	}

.prihlaseni_textfield { font-size: 13px; width: 70px; border: solid 1px #a4a4a4; }
.prihlaseni_text { font-size: 11px; }
.vzkazpole { font-size: 12px; width: 150px; height: 45px; border: solid 1px #a4a4a4; margin-bottom: 10px; }
.odeslat {
	margin-left: 40px;
	margin-bottom: 15px;
	}
	
.gal img {
	border: 1px solid #a4a4a4;
	margin-right: 2px;
	}
.gal a img {
	border: 0;
	margin: 0 0 0 2px;
	}
.box .ank {padding-bottom: 10px;}
.ank .otazka {margin-bottom: 15px; font-weight: bold;}
.ank p {margin-bottom: 0;}
.pruh {margin-bottom: 5px; height: 7px;}

.vs {margin: 0 7px;}
.vysledek {text-align: center; padding-top: 8px; font-weight: bold;}
.vysledek span {font-size: 2em; font-weight: normal;  }

#adbox {
	margin: 0 20px 15px 17px;
	}
	#adbox img {margin-bottom: 15px;}
	#adbox h4 {font-size: 1em; margin-bottom: 5px;}

#adbox {
	margin: 0 0px 0px 0px;
	}
	#adbox2 img {margin-bottom: 0px;}
	#adbox2 h4 {font-size: 1em; margin-bottom: 0px;}

.tym {
	text-align: right;
	margin-top: -35px;
	font-size: 1.8em;
	margin-bottom: 15px;
	position: relative;
	}
	
.hrac {
	background: url(img/dots.gif) repeat-x bottom left;
	padding: 15px 0 5px 0;
	margin-bottom: 15px;
	font-size: 1.1em;
	line-height: 1.5em;
	}
	.hrac img {border: 1px solid #000;}
	.hrac .left {
		display: block;
		width: 100px;
		float: left;
		}
	.hrac .right {
		display: block;
		float: left;
		}
			
.anketa{
	background: url(img/dots.gif) repeat-x bottom left;
}		
/* ***** paticka ***** */
		
#footer {
	border: 1px solid #FFF;
	font-weight: bold;
	padding-top: 8px;
		}
	#footer ul {
		list-style: none;
		float: left;
		}
		#footer ul li {
			float: left;
			display: inline;
			border-right: 1px solid #000;
			padding: 0 15px;
			}
			#footer ul li.last {border-right: 0;}
			#footer ul li a {
				color: #000;

				}
		.copy {
			float: right;
			}
			
.aktivuj { color: red; font-size: 11px; font-weight: bold; text-decoration: underline; }
.prvni { color: black; font-size: 10px; font-weight: bold; width:200px; }

/* menu box */

.menubox
{
  width: 172px;
  height: auto;
  border: 1px solid #7f7f7f;
  margin-bottom: 15px;
}

.menuboxheading
{
  width: 172px;
  height: 28px;
  background-color:#7f7f7f;
  background-image: url(images/menuhead_bg.gif);
  background-repeat: repeat-x;
  background-position: center;
}

.menuboxheadingnapis
{ width: auto; 
height: 28px; 
 }

.menuboxheadingnapis h2
{
  display: block;
  padding-left: 12px;
  padding-right: 10px;
  padding-top: 7px;
  text-decoration: none;
  color: white;
  margin: 0px;
  
font-family: "Trebuchet MS", sans-serif;
font-size: 12px;
font-weight: bold;
}

.menuboxheadingprava
{
  width: 6px;
  height: 28px;
  background-color: #7f7f7f;
  float: right;
}


.menuboxcontent
{
  height: 100%;
  width: 100%;
  
}

.menubox a
{ width: 172px; height: 17px; display:block; text-align: left; 
font-family: "Trebuchet MS", sans-serif;
font-size: 11px; 
color: black; font-weight: bold; text-decoration: none; 
background-image: url(images/submenu.gif); background-repeat: repeat-x;

 text-indent: 14px; padding-top: 3px; }

.menubox a:hover
{
  background: url(images/submenu_active.gif) repeat-x;
  color: white;
}

a.vsubmenu
{ width: 137px; height: 17px; display:block; text-align: left; 
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
 padding-left: 35px;
 font-weight: bold; text-decoration: none; 
 background-repeat: repeat-x; 
text-indent: 14px; padding-top: 3px; }

a.vsubmenu:hover
{
 background-repeat: repeat-x; 
  
}

a.vmenu
{ width: 172px; height: 17px; display:block; text-align: left; 
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
 padding-left: 0px;
 font-weight: bold; text-decoration: none; 
 background-repeat: repeat-x; 
text-indent: 14px; padding-top: 3px; 

}


a.vmenu:hover
{
 background-repeat: repeat-x; 

}

/* end of menu box */
.form_tlacitko { font-size:10px; width: 100px; border: solid 1px #b6b6b6; }
.obr { margin-right: 5px; margin-bottom: 5px; border-color: #9c9c9c; border-width: 1px; float: right; }
.obrazek { border-color: #9c9c9c; border-width: 1px; }
.obr_sponzor { margin-left: 8px; margin-bottom: 5px; border-color: #9c9c9c; border-width: 1px; float: right; }
.form_textfield { font-size: 10px; width: 150px; }
.nadpis_small { color: #005eff; font-size: 11px; font-weight: bold; vertical-align: 2px; }
.nadpis_small2 { color: #005eff; font-size: 11px; font-weight: bold; }
.tabulka_zapas { font-size: 11px; width: 100%; border: solid 1px #bcbcbc; }

.nazev_tymu { vertical-align: middle; margin-top: 6px; padding-top: 6px; }
.bunkablue { background-color: #0800ff; height: 1px;   }
.form_select { font-size:10px; }
.form_textarea { font-size:10px;}