@charset "utf-8";
/* CSS Document */

.test { background:  #999999; }

/* KALENDAR PRETEK */
.page-header-kalendar-pretek {
	margin-bottom: 5px!important
}

table.kalendar-pretek {
}	
	table.kalendar-pretek tr {
		height: 30px;
		line-height: 30px;
		text-align: center;
		background: #d9d9d9 url(../images_template/wrapper/bg_top.png) repeat-x top center;
		border-top: solid 5px #FFFFFF;
		color: #000000;
	}
	table.kalendar-pretek td { text-align: center }
	
	table.kalendar-pretek .column1 { font-weight: bold; }
	table.kalendar-pretek .column2 { }
	table.kalendar-pretek .column3 { padding-top: 10px }
	table.kalendar-pretek .column4 { text-align: left }
	table.kalendar-pretek .column5 { text-align: left; padding-top: 5px }
	table.kalendar-pretek .column6 { text-align: left }
	table.kalendar-pretek .column7 { }
	table.kalendar-pretek .column8 { }
	table.kalendar-pretek .column9 { }
		table.kalendar-pretek .column9 a {
			width: 24px;
			height: 24px;
			display: block;
			background: url(../images_template/wrapper/ci_20.png) no-repeat center
		}
			table.kalendar-pretek .column9 a:hover { background: url(../images_template/wrapper/rollover/ci_20.png) no-repeat center }
	
	/* 9 column */
	table.kalendar-pretek9 .column1 { width: 25px }
	table.kalendar-pretek9 .column2 { width: 45px }
	table.kalendar-pretek9 .column3 { width: 35px }
	table.kalendar-pretek9 .column4 { width: 60px }
	table.kalendar-pretek9 .column5 { width: 35px }
	table.kalendar-pretek9 .column6 { width: 180px }
	table.kalendar-pretek9 .column7 { width: 55px }
	table.kalendar-pretek9 .column8 { width: 85px; font-weight: bold }
	table.kalendar-pretek9 .column9 { width: 40px }
	
	/* 8 column */
	table.kalendar-pretek8 .column1 { width: 25px }
	table.kalendar-pretek8 .column2 { width: 50px }
	table.kalendar-pretek8 .column3 { width: 35px }
	table.kalendar-pretek8 .column4 { width: 65px }
	table.kalendar-pretek8 .column5 { width: 40px }
	table.kalendar-pretek8 .column6 { width: 190px }
	table.kalendar-pretek8 .column7 { width: 60px }
	table.kalendar-pretek8 .column8 { width: 95px; font-weight: bold }
	
/* KALENDAR PRETEK NOVA VERZIA */	
table.kalendar-pretek-new {
}	
	table.kalendar-pretek-new tr {
		height: 30px;
		line-height: 30px;
		text-align: center;
		background: #d9d9d9 url(../images_template/wrapper/bg_top.png) repeat-x top center;
		border-top: solid 5px #FFFFFF;
		color: #000000;
	}
	table.kalendar-pretek-new td { text-align: center }
	
	table.kalendar-pretek-new .column1 { font-weight: bold; }
	table.kalendar-pretek-new .column2 { }
	table.kalendar-pretek-new .column3 { padding-top: 10px }
	table.kalendar-pretek-new .column4 { text-align: left }
	table.kalendar-pretek-new .column5 { text-align: left; padding-top: 5px }
	table.kalendar-pretek-new .column6 { text-align: left }
	table.kalendar-pretek-new .column7 { }
	table.kalendar-pretek-new .column8 { }
		table.kalendar-pretek-new .column8 a {
			width: 24px;
			height: 24px;
			display: block;
			background: url(../images_template/wrapper/ci_20.png) no-repeat center
		}
			table.kalendar-pretek-new .column8 a:hover { background: url(../images_template/wrapper/rollover/ci_20.png) no-repeat center }
	
	
	
	/* 9 column */
	table.kalendar-pretek-new8 .column1 { width: 30px }
	table.kalendar-pretek-new8 .column2 { width: 50px }
	table.kalendar-pretek-new8 .column3 { width: 95px }
	table.kalendar-pretek-new8 .column4 { width: 35px }
	table.kalendar-pretek-new8 .column5 { width: 220px }
	table.kalendar-pretek-new8 .column6 { width: 60px; text-align: center }
	table.kalendar-pretek-new8 .column7 { width: 90px; font-weight: bold }
	table.kalendar-pretek-new8 .column8 { width: 40px; text-align: center }
	
	/* 8 column */
	table.kalendar-pretek-new7 .column1 { width: 25px }
	table.kalendar-pretek-new7 .column2 { width: 50px }
	table.kalendar-pretek-new7 .column3 { width: 100px }
	table.kalendar-pretek-new7 .column4 { width: 40px }
	table.kalendar-pretek-new7 .column5 { width: 190px }
	table.kalendar-pretek-new7 .column6 { width: 60px }
	table.kalendar-pretek-new7 .column7 { width: 95px; font-weight: bold }
	
	@media only screen and (max-width: 767px){
		table.kalendar-pretek-new7 td { padding-bottom: 30px!important;  }
		table.kalendar-pretek-new7 .column5 { display:block; width: 80%; position: absolute; left: 4%; margin-top: 30px; text-align: center; padding-bottom: 0px;  }

		table.kalendar-pretek-new8 td { padding-bottom: 30px!important;  }
		table.kalendar-pretek-new8 .column5 { display:block; width: 80%; position: absolute; left: 4%; margin-top: 30px; text-align: center; padding-bottom: 0px;  }
	}	
	
table.kalendar-pretek-link {
	margin-top: 10px;
}	
	table.kalendar-pretek-link td {
	}
	table.kalendar-pretek-link a {
		display: block;
		height: 28px;
		line-height: 28px;
		font-size: 14px;
		color: #FFFFFF!important;
		text-align: center;
		background-color: #333333;
	}
		table.kalendar-pretek-link a:hover { color: #000000; background-color: #ffeb00} 	

		table.kalendar-pretek-link a.noactive {
			background-color: #6f6f6f!important
		}
			table.kalendar-pretek-link a.noactive:hover { color: #FFFFFF!important; background-color: #6f6f6f!important; text-decoration: none }

/* KALENDAR */
.kalendar {
	font-size: 10pt
}
	.kalendar  a.pretek {
		display: block;
		width: 100%;/*560px old*/
		min-height: 30px;
		line-height: 30px;
		margin: 5px 0 5px 0;
		background-color: #d9d9d9;
		border-top: solid 4px #f0dd00;
		color: #000000;
	}
		.kalendar  a:hover { cursor: pointer; background-color: #B9B9B9 }
		
	.kalendar span { display: block }	
		
	.kalendar span.column1 {
		float: left;
		width: 105px; /*110*/
		padding-left: 5px;
		text-align: center
	}
	.kalendar span.column2 {
		float: left;
		width: 53px;
		text-align: center
	}
	.kalendar span.column3 {
		float: left;
		width: 47px;
		padding-top: 7px;
		text-align: center;
	}
	.kalendar span.column4 {
		float: left;
		width: 215px;
		font-weight: bold
	}
	.kalendar span.column5 {
		float: left;
		width: 102px;
		text-align: center
	}
	.kalendar span.column6 {
		float: left;
		width: 93px;
		text-align: center
	}
	@media only screen and (max-width: 767px){
		.kalendar  a.pretek { width: 100%!important; }
		.kalendar span.column1 { width: 50%!important; padding: 0px; text-align: center }
		.kalendar span.column2 { width: 50%!important; }
		.kalendar span.column3 { width: 20%!important; text-align: center }
		.kalendar span.column4 { width: 80%!important; }
		.kalendar span.column5 { width: 50%!important; }
		.kalendar span.column6 { width: 50%!important; }
	}
	
/* KALENDAR SLOVAK */
.kalendar-slovak {
	font-size: 10pt
}
	.kalendar-slovak  a.pretek {
		display: block;
		width: 100%;/*560px old*/
		min-height: 30px;
		line-height: 30px;
		margin: 5px 0 5px 0;
		background-color: #d9d9d9;
		border-top: solid 4px #f0dd00;
		color: #000000;
	}
		.kalendar-slovak  a.pretek:after {
			content: '';
			width: 100%;
			height: 0px;
			display: block;
			clear: both;
		}
		.kalendar  a:hover { cursor: pointer; background-color: #B9B9B9 }
		
	.kalendar-slovak span { display: block }	
		
	.kalendar-slovak span.column1 {
		float: left;
		width: 95px; /*100*/
		padding-left: 5px;
		text-align: center
	}
	.kalendar-slovak span.column2 {
		float: left;
		width: 48px;
		text-align: center
	}
	.kalendar-slovak span.column3 {
		float: left;
		width: 42px;
		text-align: center;
		padding-top: 5px;
	}
	.kalendar-slovak span.column4 {
		float: left;
		width: 200px;
		font-weight: bold
	}
	.kalendar-slovak span.column5 {
		float: left;
		width: 170px;
		padding-top: 6px;
		padding-bottom: 6px;
		line-height: 18px;
		text-align: center
	}	

	/* kalendar mobile 2017-08-21 */	
	@media only screen and (max-width: 767px){
		.kalendar-slovak  a.pretek { width: 100%!important; }
		.kalendar-slovak span.column1 { width: 50%!important; padding: 0px; text-align: center }
		.kalendar-slovak span.column2 { width: 50%!important; }
		.kalendar-slovak span.column3 { width: 20%!important; text-align: center }
		.kalendar-slovak span.column4 { width: 80%!important; }
		.kalendar-slovak span.column5 { width: 100%!important; }
	}

/* RESULTS */
table.results { 
	width: 100%
}
	table.results thead {
	}
		table.results thead tr {
			height: 29px;
		}
			table.results thead tr td {
				text-align: center; 
				background-color: #f0dd00;
				font-size: 11pt; 
				color: #000000;
			}
	table.results tbody {
	}
		table.results tbody tr {
			height: 23px;
		}
			table.results tbody tr.even { background: #D9D9D9; }
			table.results tbody tr.slovak td { color: blue}
				table.results tbody tr.slovak td a {color: blue}
			table.results tbody tr.czech td { color: #FF0000 }
				table.results tbody tr.czech td a {color: #FF0000}
			table.results tbody tr td {
				padding: 1px;
				text-align: center
			}
@media only screen and (max-width: 767px){
	table.results { font-size: 14px!important }
}

/* STARTLIST */
div.startlists {
}
	div.startlists div.startlist {
		width: 50%;
		float: left;
		padding-bottom: 20px;
	}
	div.startlists div.startlist .team {
		height: 245px;
	}
	div.startlists div.startlist .team .jersey{
		margin-top: 38px; margin-bottom: 5px; max-height: 160px
	}
	div.startlists div.startlist .team .flag{
		margin-bottom: 4px; margin-right: 7px; vertical-align: middle;
	}
	div.startlists div.startlist .team span {
		font-size: 10pt; color: #000000; line-height: 28px;
	}
	div.startlists div.startlist .flagracer {
		vertical-align: middle; margin: 0 5px 2px 5px;
	}
	div.startlists div.startlist .racer_sk {color: blue}
	div.startlists div.startlist .racer_sk a {color: blue}
	div.startlists div.startlist .racer_cz {color: #FF0000}
	div.startlists div.startlist .racer_cz a {color: #FF0000}
	
@media only screen and (max-width: 767px){
	div.startlists div.startlist {
		width: 100%;
		float: none;
		padding-bottom: 20px;
	}
}

/* PRESTUPY */
table.prestup {
}	
	table.prestup tr {
		height: 30px;
		line-height: 30px;
		text-align: center;
		background: #d9d9d9 url(../images_template/wrapper/bg_top.png) repeat-x top center;
		border-top: solid 5px #FFFFFF;
		color: #000000;
	}
	
	table.prestup .column1 { width: 35px; text-align: center }
	table.prestup .column2 { width: 150px; text-align: left; font-weight: bold }
	table.prestup .column3 { width: 150px; text-align: left; }
	table.prestup .column4 { width: 35px; text-align: left; }
	table.prestup .column5 { width: 150px; text-align: left; }
	table.prestup .column6 { width: 40px; text-align: center; font-weight: bold }

	/* 2017-08-21 */
	@media only screen and (max-width: 767px){
		table.prestup { width: 100%!important; }
		table.prestup tr td { display: block!important; float: left!important;}
		table.prestup .column1 { width: 10%!important; }
		table.prestup .column2 { width: 85%!important; }
		table.prestup .column3 { width: 45%!important; }
		table.prestup .column4 { width: 6%!important; }
		table.prestup .column5 { width: 45%!important; text-align: right }
		table.prestup .column6 { display: none!important; }
	}