html {
	margin: 0;
	padding: 0;
}

html, body {height: 100%;}

body {
	color: #4A4A4A;
	min-width: 930px;
	line-height: 1.5;
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	/*color: #0B1B2B;*/
	background: #878787 url(pic/bgpage.png) top center repeat-y;	
	height: 100%;
	font-size: 76.5%;
}

html>body { font-size: small; }

a ,a:link { color: #4F89D2; text-decoration: underline; }
a:visited { color: #4F89D2; text-decoration: underline; }
a:hover { color: #4A4A4A; text-decoration: none;}
div { font-size: 12px; font-weight: normal; }
.red2 { color: #A10000; text-align: center; }

.table3 { width: 640px;	margin: 0;	border-collapse: collapse; padding: 0; 
			 border-right: 1px solid #f1f1f1 !important; }
.table3 th {	padding: 4px 1px;	background-color: #f9f9f9; color:#4A4A4A !important; 
					text-align: center !important; border-top: 1px solid #f1f1f1;	
					border-bottom: 1px solid #f1f1f1;	white-space: nowrap; }
.table3 tbody th { text-align: right !important; color: #4F89D2 !important; padding-right: 7px; }
.table3 td {padding: 8px 5px;	border-left: 1px solid #f1f1f1; border-bottom : 1px solid #f1f1f1; }
.table3 tr.modulo td { 	background-color: #fff; }

.tablezap { width: 600px;	margin: 0;	border-collapse: collapse; padding: 0; 
			 border-right: 1px solid #f1f1f1 !important; }
.tablezap th {	padding: 4px 8px;	background-color: #878787; color:white !important; text-align: left !important; 
					border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1;	white-space: nowrap; }
.tablezap td {padding: 3px 5px;	border-left: 1px solid #f1f1f1; border-bottom : 1px solid #f1f1f1; }
.tablezap tr.modulo td { 	background-color: #fff; }

img { border: none; }
/*h1 { color: #A10000; text-align: center; font-size: 20px; margin: 0; padding-bottom: 0; }
h2 { color: #003399; text-align: left; font-size: 15px; font-weight: bold; margin: 10px 0 0 0; padding: 0; }
h3 { color: #1f1f1f; text-align: left; font-size: 13px; font-weight: bold; margin: 0; padding: 0; }
*/

h1 {font-size: 160%; font-weight: bold; margin: 0 0 .7em  .3em; padding: 0; color:#D8261C; text-align: left;}
h2 {font-size: 140%; font-weight: normal; margin: 1.5em 0 .2em; padding: 0;  }
h3 {font-size: 130%; font-weight: normal; margin: .8em 0 .2em; padding: 0;}
h4 {font-size: 110%; font-weight: bold; margin: .8em 0 .2em; padding: 0;}
.black { background-color: #2C2C2C; color:white; text-align: center !important;
			margin: 4px 0 4px 0 !important; font-size: 14px; font-weight: bold; padding: 2px 0 2px 0; }
.lmenu2 h3 { background-color: #F5F5F5; width: 200px; font-size: 13px; color: #A10000; font-weight: bold; margin: 10px 0 0 0;  }
			
form {margin: 0; padding: 0;}

p { color: #4A4A4A; margin: 0; }
p.red { color: #A10000; }

.reda { background-color: #F5F5F5; border-top: 1px solid #B0B0B0; border-bottom: 1px solid #B0B0B0; 
		margin-left: 20px;}
.reda a, .reda a:link,.reda a:visited  { color: #A10000 !important; font-weight: bold; }

div.error { text-align: center; color: #A10000; font-size: 11px; font-weight: bold; }

/*#main { 
      width: 930px; 
		margin: 0 auto;
		text-align: left;
	   background: repeat-y;
		height: 100%; min-height: 100%; 
		position: relative; 
 }*/
 
 
#main {
		position: relative;	width: 930px;	height: 100%;	margin: 0 auto;	padding: 0;	text-align: center;
		background: #878787 url(pic/bgpage.png) top center repeat-y;
}

	#main[id]
	{
		height: auto;
		min-height: 100%;
	}
 
body>#main { height: auto; }

.cistic1 { clear: both; height: 1px; font-size: 0px;  }
.cistic { clear: both; height: 0px; content: ' '; overflow: hidden;}
.cistic hr { display: none; }
div.clearl { clear: left; }


#headerTop
{
	position: relative;
	height: 170px; 
	width: 930px;
	text-align: left;
	background: url(pic/bghead.png) top center no-repeat;
	_background-position: 4px 0px;
}

	#headerTop #logo
	{
		position: relative;
		top: 22px;
		left: 0px; 
		display: block;
		width: 920px; 
		height: 160px;
		background: url(pic/karty_top.jpg) 14px 0px no-repeat;
		padding: 0;
		margin: 0;
		cursor: pointer;
		z-index: 10;
	}
	


#trofej { text-align: center; background: url(./pic/trofejhk.jpg) no-repeat right top; height: 761px; margin-top: 20px; }

#toppage { margin-left: 9px; width:913px; float: left; _margin-left:4px; 
			  background-color: #FCFCFC; height: 200px;  }
#toppage .left { width:233px; float: left;   }
#toppage .right { width:680px; float: left; height: 200px; }
#toppage .right h4 { height: 15px; width: 680px; float: left; background-color: #476E95; margin: 0; padding: 2px 0;  }
#toppage .right p { /*background: #F2F2F2 url(./pic/agel3.jpg) 0px 15px no-repeat; 
						  _background: #F2F2F2 url(./pic/agel3.jpg) 0px 0px no-repeat; */
						  height: 200px; _height:183px; margin: 0; padding: 0;  }
#toppage #logozp { background: url(./pic/topllogo2.gif) no-repeat; width: 233px; height: 143px; }
#toppage h4 { background-color: #4A4A4A; color: White; margin: 0; padding: 2px 0; text-align: center; 
		font-weight: normal; font-size: 12px; height:18px; }
#toppage h3 { color: #C62C40; margin: 10px 0 0 0; padding: 0 0 0 0; text-align: center; font-weight: bold; 
				  font-size: 11px; }		
#toppage h3 span { font-weight: normal; }		
#toppage .left p { text-align: center; background-color: #F2F2F2; }		

.col-l { float: left; width: 260px; _width:257px; height: auto; margin-left: 5px; _margin-left:9px;  }
.col-l .spc { width: 237px; padding: 0 0 0 0px; margin-left: 0px; }
.col-l p { font-style: italic; text-align: right; font-size:10px; margin-left: 4px; }
.col-l h4 { color:#A10000; font-size: 12px; margin: 0; text-align: right; padding: 0; }
.col-l p b { color:#A10000; font-size: 12px; }
.col-r { float: right; width: 640px; _width: 630px; background: white; margin-right: 19px; 
			_margin-right: 14px; height: auto;  clear: right; }
.col-r p,.col-r h2 ,.col-r h3  { text-align:center; }
.col-r h11 { font-size:0px; display:none;}
.col-r h2 { border-top: #c5c5c5 1px solid; border-bottom: #c5c5c5 1px solid;
          background-color:#f5f5f5;  }		
.col-r h2.blue,.col-r h2.red { color: #4F89D2 !important; text-align: left !important; border: 0; margin: 0 0 0 0px !important; padding: 0;
				background-color: white !important; }			 	
.col-r h2.red { color: #D8261C !important;  }				
.col-r .spc, .text {width: 623px; padding: 5px 0; margin-left: 5px; clear: both; }	
.col-l fieldset { color: #4F89D2; font-weight: bold; }
.col-l input, .col-l select { border: 1px solid #476E95; }
.col-l label { width: 100px; font-size: 13px; text-align: right; padding-right: 7px; }
.col-l .odesli { background-color: #363835; color: white; border: none;
			 margin: 5px 0 0 50px; }
.col-l h2 { background: url('pic/g_sipka.gif') left no-repeat; padding: 0 0 0 15px; text-align: right; 
				width: 180px; margin: 15px 0 0 15px; font-size: 18px; font-weight: bold;  }

				
.ltoptentab { border-bottom: 1px solid #D0D0D0; margin: 0 0 4px 0; width: 100%;	background-color: White;
					border-collapse: collapse;}
.ltoptentab th { background: url(pix/sipkal1.gif) no-repeat left top #D0D0D0; color:#333333; font-size: 11px; 
					font-weight: bold; text-align: center;	padding: 2px 0; border-bottom: 1px solid #D0D0D0; 
					border-top: 1px solid Black;}
.ltoptentab td {	border-top: 1px solid #D0D0D0;	border-right: 1px solid #D0D0D0; padding:1px 0px 2px 2px; 
						font-size: 10px; text-align: left; padding-left: 4px; color:#4F89D2; font-weight: normal;}
.ltoptentab .poradi { color: Black; font-weight: normal; font-size: 11px; text-align: center; width: 25px; 
					background-color:#E5E5E5; padding-left: 0px;}
.ltoptentab .b { width: 27px; color: #505050; font-weight: normal; text-align: right; border-right: 0px; 
					background-color: #E5E5E5; padding-right: 3px; }		
.ltoptentab .ostatni { text-align: right; padding-right: 4px; }								
				
				
				
				
p.pozadi { background: #A10000; padding: 3px; margin-top: 15px; color:white; text-align: center; }		
		
div.aktual { clear:left; width: 620px; margin: 5px 0 10px 8px; border-bottom:1px solid #4F89D2; }
div.aktual .info { float:left; width: 620px; text-align: justify !important; }
div.aktual #contleft  { float: right; width: 200px;  }
div.aktual a,div.aktual a:link,div.aktual a:visited {  color: #2C2C2C; text-decoration: underline; }
div.aktual a:hover {  color: #2C2C2C; text-decoration: none; }
div.aktual .text {  }

/*Header Menu*/
#menumain {	float: left;	width: 903px;	margin: 8px 0 0 14px;	padding: 0; _margin-left: 9px;
	list-style: none;	font-size: 12px; background: #fff url(./pic/bg-body.gif) repeat-x bottom left;	}
#menumain ul { margin: 0; padding: 0; list-style-type: none; }
#menumain li {	float: left; 	margin: 0;	padding: 0;	list-style: none;	border-left: 1px solid #ddd;	}
#menumain a {	float: left;	padding: 6px 21px 6px 30px;	text-decoration: none;	color:White;  }
#menumain a:hover, #nav a.active {	color: #000;	background-color: #DDDDDD;	}
#menumain a.active {	font-weight: normal; background-color: #f5f5f5; color: Black;	}
#menumain .m-tip { }


.odkaz { text-align: center; }				
.odkaz a,.odkaz a:visited { float: right; width: 140px;  background:url(pic/bg_button.gif) #d9d9d9 repeat-x; 
					display: block; color: white; padding: 0.2em 0.2em 0.2em 0.2em; text-decoration: none; 
					font-size: 12px;}
.odkaz a:hover {background:url('pic/bg_button.gif') 0 -26px repeat-x; color: white; text-decoration: underline; }

#topnavig { background: url('pic/bg_navigace.gif') repeat-x top left;  font-size: 11px; padding: 1px 0 2px 5px; }
#topnavig span { color: #4A4A4A; font-weight: normal; }


.table1 {border-bottom: 1px solid #D0D0D0; border-left: 1px solid #D0D0D0; margin: 0; border-collapse: collapse;  }
.table1 th {	text-align: left;	background-color: #F5F5F5;	border-top: 1px solid #D0D0D0;
	border-right: 1px solid #D0D0D0; color: #990000; font-weight: bold; font-size: 13px; 
	line-height:24px; padding-left: 10px; padding-bottom: 0px;}
.table1 .a { line-height: normal; } 	
.table1 td {	border-top: 1px solid #D0D0D0;	border-right: 1px solid #D0D0D0; padding:3px 3px 2px 5px; 
               font-size: 11px;}
.table1 .d {	background-color: #F5F5F5; }
.table1 .b { color: #003399; font-weight: bold; }

.table2 { margin: 0; border-collapse: collapse; border-bottom: 1px solid #D0D0D0; }
.table2 th {	text-align: left;	background-color: #F5F5F5;	border-top: 1px solid #D0D0D0;
	 color: #A10000; font-weight: bold; font-size: 13px; 
	line-height:24px; padding-left: 10px; padding-bottom: 0px;}
.table2 tbody th { color: #476E95; text-align: right; padding-right: 7px; font-size: 12px; }
.table2 .a { line-height: normal; } 	
.table2 td {	border-top: 1px solid #D0D0D0; padding:3px 3px 2px 5px; font-size: 11px;}
.table2 td span { font-size: 10px; }
.table2 .d {	background-color: #F5F5F5; }
.table2 .b { color: #003399; font-weight: bold; }
.table3 { border-collapse: collapse; margin-bottom: 10px; }
.table3 th { color:#A10000 !important; }


.table5 { width: 100%; margin: 0px 0 10px 0;	border-collapse: collapse; margin: 0 auto; }
.table5 td, .table5 th {	font-size: 11px;	padding: 5px 4px;	vertical-align: top; border-bottom: 1px solid #f1f1f1;}
.table5 th {	font-weight: bold; padding: 5px 4px;	text-align: left;	background-color: #f9f9f9; }
.table5 .b1 {	color: #4F89D2; text-align: right;	 }
.table5 .b2 {	color: #4F89D2; text-align: left; }
						
.banner { margin-top: 30px; text-align: center; }						
.banner p { margin: 0; text-align: center; width: 200px; margin-left: 15px; font-size:11px; color: #476E95; }
.banner img { border: 1px solid #476E95; } 

.form, .form2, .formvys { width: 500px; margin-left: 20px; }
.form fieldset, .form2 fieldset, .formvys  fieldset 
		{	padding: 10px; margin: 0 0 10px 0; border: 1px solid #D0D0D0;  background: white;}
.form legend, .form2 legend, .formvys legend
		{ font-weight: bold; color: #476E95; background-color: white; }
.form label,.form2 label { width: 120px; float: left; display: block; text-align: right; padding: 0 7px 0 0; clear: left;}
.form input,.form textarea, .form select {  margin: 0 0 10px 7px;  text-align: left; float: left; 
							border: 1px solid #B0B0B0; }
.form2 input { float:none !important; border: 1px solid #B0B0B0 !important;  }

div.button {text-align:right; margin-bottom:2px; }						
input.button {border:1px solid ##D0D0D0; padding:1px 2px 1px 10px; 
              background:url(pic/submit.gif) #d9d9d9 repeat-x; 
				  color: #476E95; margin:.2em .2em 0 0; cursor:pointer;}
input.button:hover {border:1px solid #4F89D2; padding:1px 2px 1px 10px;
				background:url(pic/submit.gif) 0 -40px repeat-x; color: white;}							

.lmenu {border:1px solid #eee;	margin:10px 0 10px 15px; width: 220px;  }
.lmenu h3 {background-color:#d71629;	color:#fff;	font-size:1.1em;	font-weight:bold;
	padding: 5px 0px 5px 15px;	margin:0px;}			
.lmenu h33 { background-color:#F5F5F5; color: #A10000; text-align: center;   }
.lmenu h33 span { font-size: 10px; }
.lmenu p { margin: 4px 0 2px 0; padding: 0; text-align: center; }
.lmenu ul { list-style-type: none; margin: 0; padding: 0;  }
.lmenu li { text-align: center;  border-top: 1px solid #F5F5F5; }

.lmenu ul {}
.lmenu li a, 
.lmenu li a:visited{ display:block;	text-decoration:none;	color: #4F89D2;
	  padding: .2em .5em .2em .5em; ;
  _padding: .4em .5em .0em .5em;	 font: 10px/20px Verdana, Arial, Helvetica, sans-serif;
  border-bottom:1px solid #fff;
	margin:0px; background: url(./pic/larrow01.gif) 5px 7px no-repeat;	background-color: #eee;
	height: auto !important;  height: 1%; /*For IE*/   height: 20px; /*For IE*/	}
.lmenu li a:hover {	background-color:#fff; color: #D8261C; text-decoration: underline;	}
html>body .lmenu li a, .lmenu li a:visited{	height:auto;	min-height:17px;	}


.lang { text-align: center; margin-top: 10px; font-size: 16px;  }
.lang a,.lang a:link,.lang a:visited {  color: #A10000; font-weight: bold; text-decoration: underline; }
.lang a:hover { color:#476E95; text-decoration: none;  }

#pata { margin: 0 auto; background-color: #A10000 !important; width: 100%; height: 20px; color: white; }
#pata a { color:white; text-decoration: underline; font-size: 11px; margin-left: 10px; }
#pata a:visited { color: white; text-decoration: underline; }
#pata a:hover { color: #D0D0D0; text-decoration: none; }


#pata1 { width: 930px; margin: 0 auto; background-color: #476E95; height: 15px; }
#footer
{
	width: 930px;	height: 20px;	text-align: left;	margin: 0 auto;
	padding: 0 0 27px;background: url(pic/bgpata.png) bottom center no-repeat;
}
	#footer[id]
	{
		bottom: 0;
		height: auto;
	}
	
table.los { width:620px; margin-left: 10px; _margin-left:0px !important; border: none; border-collapse: collapse;   }
table.los strong { float: left; width: 175px; padding-left: 4px; text-align: left !important; color:#2C2C2C;}
table.los em { float: right; width: 70px; font-style: normal;  }
table.los .b { background-color: #4A4A4A; color: White; text-align: center; width: 45px; 
					border-top: 1px solid #4A4A4A; border-bottom: 1px solid #4A4A4A; }
table.los .za { background-color: #e7ab63; border: 1px solid black;  border-bottom: 1px solid #4A4A4A; 
                width:255px; }
table.los .zb { border-left: 1px solid black;  border-bottom: 1px solid #4A4A4A;   border-right: 1px solid black;
					width:255px; }
table.los .zc { border-left: 1px solid #4A4A4A;   border-bottom: 1px solid black; border-right: 1px solid #4A4A4A; 
					width:255px;}
table.los .ra { background-color: #d8261c; color:white; text-align:center; height: 40px;
				font-weight: bold; font-size: 13px; }
table.los .rb { background-color: #d8261c; color:white; text-align:center; height: 60px;
				font-weight: bold; font-size: 13px; }

		
 table.soupiska {	width: 300px; margin: 5px 2px 10px 1px; border-collapse: collapse;  border: 1px solid #D0D0D0;  float: left; }
 table.spipiska .bg { background-color:#DDDDDD; }
 table.soupiska th {	padding: 8px 5px;	background-color:#F5F5F5;
	font-weight: bold;	font-size: 14px; 	vertical-align: top; color:#D8261C;}
 table.soupiska td {	margin: 0; padding: 4px 5px;	line-height: 140%;	color: #535353; font-weight: bold;}
 table.soupiska td, table.soupiska th {}
 
 .areny { width: 620px !important; float: left; clear:both; margin: 0 0 5px 10px; _margin: 0 0 5px 8px;}
 .areny h4.left { float: left; width: 295px; background: #D8261C; color: white; text-align: left; margin: 0;  
 				padding-left: 10px;}
 .areny h4.right { float: right; width: 295px; background: #D8261C; color: white; text-align: left; margin: 0;
				 padding-left: 10px; }
				 
.plan { border: 2px solid #B0B0B0; padding: 4px; background: white; width: 610px; margin-bottom: 10px; margin-left: 0px; clear: both;  }
.plan table { border-bottom: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; width: 610px; }				 
.plan table thead th { color: #D8261C; font-weight: bold; border-top: 1px solid #D0D0D0 !important; border-left: 1px solid #D0D0D0  !important;
						text-align: center;  }
.plan td,.plan th { border-top: 1px solid #D0D0D0 !important; border-left: 1px solid #D0D0D0  !important; }
.plan td { color: #4A4A4A; text-align: center; }
.plan .nic  { background-color: #4A4A4A; }
.plan .poradi  { background-color: #4A4A4A; color:white; }
.plan th { color: white; text-align: left; background-color: #D8261C; }
.plan .top { color: white; text-align: center; background-color: #D8261C;  border-left: 1px solid #D8261C; margin: 0; }
.plan .top2 { color: white; text-align: center; background-color: #4A4A4A;  margin: 0; }
.plan .skupina { color: #D8261C; text-align: left !important; padding-left: 5px; font-size: 14px;
						border: none; font-weight:bold; background-color: white; }
.plan .score { background-color: #F1F1F1; }						


.galerie { margin: 10px 0 0 4px; float: left; width: 620px; text-align: center; padding: 4px 5px;  
				background-color: #4A4A4A; }
.galerie .obal { float: left; width: 33%; padding: 3px 0;}
.galerie .photo { text-align: center; padding: 3px 2px 0 2px; background-color: #1F1A17; }		
.galerie .popis { clear:both; text-align: center; font-size: 11px; color:#F5F5F5;  }	
.galerie img { border: 1px solid  White; }


.rozpis { margin-left: 40px; margin-top: 20px;  }
.rozpis .lrozpis { float:left; width: 200px; border: 2px solid #D8261C; padding: 5px; margin-bottom: 5px;  }
.rozpis .rrozpis { float:left; width: 200px; margin-left: 10px;  border: 2px solid #4F89D2; padding: 5px; margin-bottom: 5px; }
.rozpis .klub { border: 1px dotted #4A4A4A; width: 190px; height: 20px; }
.rozpis .vysledek { text-align:center; color: #4A4A4A; }				 