body {
	font-family: Tahoma, "Verdana CE", Verdana, "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;
	background-color: #000000;
	background-image: url(img/bg_body.gif);
	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;}
a { color: #006ac4; text-decoration: none; }
a:hover { color: #ff9700; text-decoration: none; }

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;
	font-size: 15px;
	}
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;
	}
#rightcol ol {
		margin: 0 0 15px 25px;
		}
.strong {font-weight: bold;}

.tlacitko {
			font-size: 10px;
			}
.formular {
			font-size: 10px;
			}

#bg {
	background: url(img/bg_bg.gif) repeat-x;
	height: 879px;
	}

#pagetop {
		background: url(img/bg_page.gif) no-repeat;
		width: 775px;
		height: 15px;
		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;
	background: url(img/bg_top.jpg) no-repeat #FFF;
	}
	.logo {
		position: absolute;
		top: -10px;
		left: 35px;
		border: none;
		}
	.tbc {
		width: 260px;
		height: 19px;
		background: url(img/tbc_kraluvdvur.gif) no-repeat;
		position: absolute;
		top: -8px;
		left: 300px;
		}
	.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 {
	background: url(img/bg_menu.gif) repeat-x #FDCA33;
	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;
	background: White url(img/bg_submenu.gif) repeat-x;
	height: 34px;
	position: relative;
	margin-top: 0px;
	z-index: 0;
}
	#submenu ul {
		vertical-align: middle;
		margin-left: 28px;
		margin-right: 28px;
		list-style: none;
		line-height: 14px;
		position: relative;
		}
		#submenu ul li {
			padding-top: 8px;
			float: left;
			position: relative;
			height: 34px;
			
			}
			#submenu a {
				padding-left: 7px;
				padding-right: 7px;
				height: 34px;
				float: left;
				position: relative;
				cursor: pointer;
				color: White;
				}
			#submenu a:hover {
				color: Black;
			}
				#submenu 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: 6px;
		position: relative;
		font-size: 1em;
		}
		h2 span {
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			display: block;
			}
		h2.anketa span {background: url(img/h_anketa.gif) no-repeat;}
		h2.zapas span {background: url(img/h_zapas.gif) no-repeat;}
		h2.kalendar span {background: url(img/h_kalendar.gif) no-repeat;}
		h2.reklama span {background: url(img/h_reklama.gif) no-repeat;}
		h2.tabulka span {background: url(img/h_tabulka.gif) no-repeat;}
		h2.vzkaz span {background: url(img/h_vzkaz.gif) no-repeat;}
		h2.galerie span {background: url(img/h_galerie.gif) no-repeat;}
		
	.box div {background: url(img/bg_box_bot.gif) no-repeat bottom left; padding: 4px 10px 1px 10px;}
	
.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;
			}
.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; }
.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; }
.tabulka_zapas_nadpis { color: #fff; font-size: 12px; line-height: 20px; background-color:#009bdc; vertical-align: middle; height: 20px; }