@font-face {
	font-family: "Campton Bold";
	src: url("/inc/fonts/campton_bold-webfont.eot");
	src: url("/inc/fonts/campton_bold-webfont.eot?#iefix") format("embedded-opentype"),
		 url("/inc/fonts/campton_bold-webfont.ttf") format("truetype"),
		 url("/inc/fonts/campton_bold-webfont.svg#campton_bold") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Campton Bold";
	src: url("/inc/fonts/campton_bold-webfont.eot");
	src: url("/inc/fonts/campton_bold-webfont.eot?#iefix") format("embedded-opentype"),
		 url("/inc/fonts/campton_bold-webfont.ttf") format("truetype"),
		 url("/inc/fonts/campton_bold-webfont.svg#campton_bold") format("svg");
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: "Campton Book";
	src: url("/inc/fonts/campton_book-webfont.eot");
	src: url("/inc/fonts/campton_book-webfont.eot?#iefix") format("embedded-opentype"),
		 url("/inc/fonts/campton_book-webfont.ttf") format("truetype"),
		 url("/inc/fonts/campton_book-webfont.svg#campton_book") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Campton Book";
	src: url("/inc/fonts/campton_book-webfont.eot");
	src: url("/inc/fonts/campton_book-webfont.eot?#iefix") format("embedded-opentype"),
		 url("/inc/fonts/campton_book-webfont.ttf") format("truetype"),
		 url("/inc/fonts/campton_book-webfont.svg#campton_book") format("svg");
	font-weight: bold;
	font-style: normal;
} 

html,body { margin: 0; height: 100%; }
body { min-height: 100%; }

body {
	background: #EEEEEE url(/img/bg.png) repeat top center;
	font-size: 14px;
	font-family: "Arial", "Helvetica", sans-serif;
	color: #141B12;
	overflow: auto;
	min-width: 1300px;
}

a { color: #de000d; }
a:focus { outline: none; }
a:hover { text-decoration: none; }

img {max-width:100%;}
a img { border: none; }
a img { border: none; }


h1 a, h2 a, h3 a { color: black; }

p {
	line-height: 1.1em;
	margin: 10px 0;
}

table { border-collapse: collapse; }

.hidden { display: none; }
.clear { clear: both; height: 0px; overflow: hidden; }
.toleft { float: left; }
.toright { float: right; }

.center { text-align: center; }
.right { text-align: right; }
.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.padd { padding: 20px; }

#bg {
	background: url(/img/bg_top.png) no-repeat top center;
/*    min-height: 350px;*/
}

.content-container {
	width: 1290px;
	padding: 0;
	margin: 0 auto;
}

.content-container.w1248 { width: 1248px; }
.content-container.w1250 { width: 1250px; }
.content-container.topspace17 { margin-top: 17px; }
.content-container.topspace { margin-top: 20px; }




.button {
	display: block;
	float: left;
	padding: 10px 19px;
	font-size: 14px;
	font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	border: 3px white solid;
	color: white;
}

.button:hover {
	background: white;
	color: black;
}


.button.small { padding: 5px 12px; margin: 0 3px; }

.button.small { color: #ACAEB5; border-color: #ACAEB5; }
.button.small.current,
.button.small:hover { color: #DE000D; border-color: #DE000D; background: none; }


.button.small {
	float: none;
	display: inline;
}


.vyhra {
	color: #1f8755!important;
}
.prehra {
	color: #cc1f1f!important;
}
.remiza {
	color: #babac4!important;
}


/* COVER
---------------------------------------------------------------------------------------- */

body.cover { min-height: 100%; min-width: 960px; }
.cover_main { min-height: 100%; background: url(/img/bg.png) no-repeat center top; }
.cover_links { background: #F7F7F7; width: 960px; padding: 8px 0; margin: 0 auto; font-size: 13px; }
.cover_table { width: 960px; margin: -18px auto 0; }

.cover_table table,
.cover_table td { border-collapse: collapse; border: 0; padding: 0; }
.cover_table a,
.cover_table img { display: block; }


/* HEADER
---------------------------------------------------------------------------------------- */

#header {
	position: relative;
	/*height: 130px;*/
	padding-top: 10px;
	z-index: 50;
}

#header a#logo {
	display: block;
	width: 143px; height: 145px;
	position: absolute;
	left: 18px; top: 19px;
	background: url(/img/logo.png) no-repeat;
	z-index: 101;
}



#header a#logo-text {
	display: block;

	position: absolute;
	top: 20px; left: 161px;
	padding-left: 49px;

	color: #b7bcbe;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

#header a#logo-text span {
	color: #DE000D;
	font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
	font-size: 30px;
	display: block;
	line-height: 30px;
}

#header #header-genpartner {
	position: absolute;
	top: 15px; left: 509px;
	margin-top:15px;
}

#header #header-genpartner img, #header #header-genpartner span {
	display: block;
	float: left;
}
#header #header-genpartner span {
	padding-top: 13px;
	padding-left: 11px;
	color: #b7bcbe;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 13px;
}



#header a#soc-fb,
#header a#soc-tw,
#header a#soc-yt,
#header a#soc-ig,
#header a#soc-gp,
#header a#soc-we,
#header a#header-radio {
	display: block;
	width: 27px; height: 26px;
	position: absolute;
	top: 27px; left: 800px;
	background: url(/img/header_soc.png) no-repeat;
	text-decoration: none;
	opacity: 0.7;
}

/* 9.9.2024
#header a#soc-fb { background-position: 0 0; left: 691px; margin-top:15px;}
#header a#soc-tw { background-position: -27px 0; left: 726px; margin-top:15px;}
#header a#soc-yt { background-position: -54px 0; left: 761px; margin-top:15px;}
#header a#soc-ig { background-position: -81px 0; left: 797px; margin-top:15px;}
*/
#header a#soc-fb { background-position: 0 0; left: 551px; margin-top:15px;}
#header a#soc-tw { background-position: -27px 0; left: 581px; margin-top:15px;}
#header a#soc-yt { background-position: -54px 0; left: 611px; margin-top:15px;}
#header a#soc-ig { background-position: -81px 0; left: 641px; margin-top:15px;}

#header a#soc-gp { background-position: -135px 0; left: 832px; margin-top:15px;}
#header a#soc-we { background-position: -162px 0; left: 830px;margin-top: 15px;}
#header a#header-radio { background-position: -108px 0; left: 907px; margin-top:15px;}

#header a#soc-fb:hover { background-position: 0 -26px; opacity: 1; margin-top:15px;}
#header a#soc-tw:hover { background-position: -27px -26px; opacity: 1; margin-top:15px;}
#header a#soc-yt:hover { background-position: -54px -26px; opacity: 1; margin-top:15px;}
#header a#soc-ig:hover { background-position: -81px -26px; opacity: 1; margin-top:15px;}
#header a#soc-gp:hover { background-position: -135px -26px; opacity: 1;margin-top:15px; }
#header a#soc-we:hover { background-position: -162px -26px; opacity: 1; margin-top:15px;}

#header a#header-radio:hover { background-position: -108px -26px; opacity: 1; }


#header a#header-radio {
	width: auto;
	padding-left: 38px;
}

#header a#header-radio span {
	display: block;
	padding-top: 1px;

	color: #929a9e;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 13px;
}
#header a#header-radio:hover span {
	color: #aeb4b6;
}

#header #lang-en {
	display: block;
	width: 33px; height: 32px;
	position: absolute;
	right: 60px; top: 15px;
	background: url(/img/header_langs.png) left;
}
#header #lang-nl {
	display: block;
	width: 33px; height: 32px;
	position: absolute;
	right: 20px; top: 15px;
	background: url(/img/header_langs.png) right;
}


#header #header-banners {
	position: absolute;
	/*right: 200px;*/
	right: 350px; /* 9.9.2024 */
	top: 10px;
}
#header #header-banners img {
	height: 56px;
	margin-top:15px;
}

@media (max-width: 1291px) {
	#dotacia {
		display: none;
	}
}


#header #tall-banner-left,
#header #tall-banner-right {
	position: absolute;
	left: -125px; top: 175px;
	width: 120px;
	/*background: rgba(0,0,0,0.2); */
}
#header #tall-banner-right {
	left: auto; right: -125px;
}


/* MENU
---------------------------------------------------------------------------------------- */

#top-menu-container {
	width: auto;
	height: 52px;
	margin: 105px 0 0 195px;
	padding: 8px 0 0 0;
	position: relative;
	z-index: 100;
	border-top: 1px #DE000D solid;
	color: black;
}

#top-menu-container ul {
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
	list-style: none;
}

#top-menu-container ul li.menu-item:first-child {
	margin-left: 18px;
}

#top-menu-container ul li.menu-item {
	display: block;
	float: left;
	height: 52px;
	margin: 0;
	margin-left: 20px;
	padding: 0;
/*    position: relative;*/
}
#top-menu-container ul li.menu-item:hover {
	border-bottom: 4px #DE000D solid;
	height: 48px;
}

#top-menu-container ul li.menu-item a {
	color: black;
	cursor: pointer;
	display: block;
	float: left;
	height: 48px;
	line-height: 48px;
	font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}


#top-menu-container ul li.menu-item div.submenu {
	width: 1290px;
	height: auto;
	display: none;
	position: absolute;
	left: -195px; top: 52px;
	background: white;
	box-shadow: 0 0 7px rgba(0,0,0,0.4);
	clip: rect(0px, 1400px, 1400px, -1400px);
}

.no-js #top-menu-container ul li.menu-item:hover div.submenu {
	display: block;
}

/*#top-menu-container ul li.menu-item div.twocolumns { width: 450px; }*/
#top-menu-container ul li.menu-item div.submenu ol { float: left; min-width: 220px; height: autopx; border-right: 1px solid #EFF0F2; }

#top-menu-container ul li.menu-item div.submenu h2 {
	margin: 0;
	float: left;
	width: 380px;
	height: 180px; line-height: 180px;
	border-right: 1px solid #EFF0F2;
	text-transform: uppercase;
}

#top-menu-container ul li.menu-item div.submenu ol {
	margin: 0;
	padding: 0;
	padding-top: 4px;
	padding-bottom: 4px;
	overflow: hidden;
	list-style: none;
}

/*.js #top-menu-container ul li.menu-item div ol {
	display: block;
	height: 0;
	padding: 0;
}  */

#top-menu-container ul li.menu-item div.submenu ol li {
	display: block;
	float: none;
	margin: 0;
	padding: 0;
	background-color: white;
	height: auto; width: 100%;
	line-height: 35px;
	white-space: nowrap;
}


#top-menu-container ul li.menu-item div.submenu ol li a {
	padding: 0px 25px 0 20px;
	line-height: 35px;
	height: auto;
	float: none;
	text-align: left;
	font-size: 14px;
}

#top-menu-container ul li.menu-item div.submenu ol li a:hover { background: #DE000D; color: white; }

#top-menu-container ul li.menu-item div.submenu div.zeny ol li {
	display: block;
	float: none;
	margin: 0;
	padding: 0;
	background-color: #fff0f5;
	height: auto; width: 100%;
	line-height: 35px;
	white-space: nowrap;
}


#top-menu-container ul li.menu-item div.submenu div.zeny ol li a {
	padding: 0px 25px 0 20px;
	line-height: 35px;
	height: auto;
	float: none;
	text-align: left;
	font-size: 14px;
}

#top-menu-container ul li.menu-item div.submenu div.zeny ol li  a:hover { background: #c71585; color: white; }

/* TOPSTORY
---------------------------------------------------------------------------------------- */

#topstory {
	height: 530px;
	z-index: 10;
	margin-bottom: 20px;
}

#topstory-box {
	width: 852px; height: 530px;
	float: left;
	position: relative;
}

#topstory-box-tabs {
	z-index: 4;
	position: absolute;
	bottom: 90px; right: 30px;
	width: 160px; height: 2px;
}

#topstory-box-tabs a {
	display: block;
	float: left;
	width: 40px; height: 2px;
	color: rgba(0,0,0,0);
	text-decoration: none;
	text-align: center;
	overflow: hidden;
	text-indent: 80px;
	background: white;
	opacity: 0.25;
}
#topstory-box-tabs a.current {
	opacity: 1;
}


.article-header {
	width: 852px; height: 530px;
	position: relative;
	overflow: hidden;
	z-index: 2;
	background: #42444D;
}
.article-header img {
	width: 100%;
}


#topstory-box .pane.article-header {
	position: absolute;
	left: 0; top: 0;
}

.article-header.current {
	z-index: 3;
}

.article-header .overlay-bg {
	width: 852px; height: 530px;
	position: absolute;
	left: 0px; top: 0px;
	background: url(/img/topstory_overlay.png) repeat-x;
}

.article-header .overlay {
	position: absolute;
	left: 0px; bottom: 0px;
	padding: 0 40px 40px 40px;
	color: white;
}


.article-header .overlay .category {
	display: block;
	float: left;
	padding: 8px 10px 7px;
	text-align: center;
	min-width: 55px;
	margin-bottom: 19px;

	color: white;
	background: #DE000D;
	line-height: 1.2em;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
.article-header .overlay .date {
	display: block;
	float: left;
	padding: 8px 12px 7px;
	text-align: center;
	min-width: 55px;
	margin-bottom: 19px;

	color: black;
	background: white;
	line-height: 1.2em;
	font-size: 12px;
	font-weight: bold;
}



.article-header .overlay h1 {
	margin-left: -4px;
	margin-bottom: 16px;
	margin-top: 0;
	clear: left;
	line-height: 1.4em;
}

.article-header .overlay h1 a,
.article-header .overlay h1 span {
	color: white;
	font-size: 40px;
	font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

.article-header .overlay h1 a:hover {
	text-decoration: underline;
}


#topstory-box .arrow {
	z-index: 4;
	display: block;
	width: 50px; height: 44px;
	position: absolute;
	bottom: 40px;
	background: url(/img/topstory_arrows.png) left top;

	line-height: 45px;
	text-indent: 17px;
	color: white;
	font-size: 14px;
	font-weight: bold;
	font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
	text-decoration: none;
	text-transform: uppercase;
}

#topstory-box .backward { right: 140px; background-position: left top; }
#topstory-box .backward:hover { background-position: left bottom; }

#topstory-box .forward { width: 110px; right: 30px; background-position: right top; }
#topstory-box .forward:hover { background-position: right bottom; }




#topstory-banner {
	width: 438px; height: 530px;
	float: left;
	position: relative;
}

#topstory-banner .pane {
	width: 438px; height: 530px;
	position: absolute;
	left: 0; top: 0;
	z-index: 2;
	background: #42444D;
}

#topstory-banner .pane.current { z-index: 3; }

#topstory-banner .pane a.overlay {
	position: absolute;
	left: 0px; bottom: 0px;
	width: 438px; height: 530px;
	z-index: 3;
}

#topstory-banner .pane div.overlay {
	position: absolute;
	left: 0px; bottom: 0px;
	padding: 0 40px 40px 40px;
	color: white;
	z-index: 2;
}

#topstory-banner .pane div.overlay h1,
#topstory-banner .pane div.overlay h2 {
	margin-left: -4px;
	margin-bottom: 6px;
	margin-top: 0;
	line-height: 1.3em;
}
#topstory-banner .pane div.overlay h2 {
	margin-left: -1px;
	margin-bottom: 23px;
}

#topstory-banner .pane div.overlay h1 a ,
#topstory-banner .pane div.overlay h2 a {
	color: white;
	font-size: 50px;
	font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

#topstory-banner .pane div.overlay h2 a {
	font-size: 24px;
	font-family: "Campton Book", "Arial", "Helvetica", sans-serif;
}


#topstory-banner-tabs {
	position: absolute;
	top: 20px; right: 10px;
	z-index: 4;
}

#topstory-banner-tabs a {
	display: block;
	float: left;
	padding: 8px 15px 9px;
	margin-right: 10px;

	color: black;
	background: white;
	font-size: 18px;
	font-weight: bold;
	font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
	text-decoration: none;
}

#topstory-banner-tabs a.current,
#topstory-banner-tabs a:hover {
	color: white;
	background: #DE000D;
}




/* MATCHES TABS
---------------------------------------------------------------------------------------- */

#matches-all {
	display: block;
	float: right;
	margin-top: -40px;
	text-align: right;
}
#matches-all a{
	color: #DE000D;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	margin-left: 10px;
}



#matches-tabs {
	height: 47px;
	border-bottom: 3px #DE000D solid;
}

#matches-tabs a {
	display: block;
	float: left;

	width: 140px; height: 44px;
	padding-top: 3px;
	margin-right: 6px;
	line-height: 47px;

	color: white;
	background: #ACAEB5;

	font-size: 16px;
	font-weight: bold;
	font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}
#matches-tabs a:hover,
#matches-tabs a.current {
	background: #DE000D;
}

#matches-panes {
	border-bottom: 3px #CED0D8 solid;
	width: 1250px;
	height: 215px;
	position: relative;
}

#matches-panes .pane {
	width: 1250px;
	height: 215px;
	overflow: hidden;
}
.no-js #matches-panes .pane { display: none; }
.no-js #matches-panes .pane:first-child { display: block; }



#matches-panes .scrollable {
	position: relative;
	overflow: hidden;
	width: 1250px;
	height: 215px;
	background: white;
	z-index: 5;

}

#matches-panes .scrollable .items {
	 width:20000em;
  position:absolute;
}

#matches-panes .scrollable .items .item {
	width: 416px;
	height: 215px;
	float: left;
	background: white;
}

#matches-panes  a.browse {
	display: block;
	width: 40px; height: 40px;
	position: absolute;
	top: 80px;
	border: 5px #E7EBED solid;
	background-image: url(/img/matches_arrows.png);
	background-color: #E7EBED ;
	z-index: 10;
	cursor: pointer;
}
#matches-panes a.browse.next{
	right: 0;
	background-position: top right;
}
#matches-panes a.browse.prev:hover{
	background-position: bottom left;
}
#matches-panes a.browse.next:hover{
	background-position: bottom right;
}
#matches-panes  a.browse span {display: none;}



.match {

}

#matches-panes .match {

}

.match.odd {
	background: #F5F7F8;
}

.match .logo {
	float: left;
	width: 32%;
	padding-top: 22px;
}

.match .logo.first { text-align: right; }
.match .logo.second { text-align: left; }

.match .score {
	float: left;
	width: 36%;
	padding-top: 30px;
	text-align: center;
}
.match .score a,
.match .score strong {
	display: block;
	color: #DE000D;
	font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
	font-size: 32px;
	line-height: 1.1em;
	text-decoration: none;
	font-weight: bold;
}
.match .score span {
	font-size: 13px;
	color: #888;
	text-transform: uppercase;
	line-height: 1.7em;
}

.match .round {
	clear: left;
	padding-top: 8px;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

.match .teams {
	font-weight: bold;
	text-align: center;
	font-size: 15px;
}

.match .buttons {
	text-align: center;
	margin-top: 26px;
	padding-bottom: 26px;
}



/* NEWS TABS
---------------------------------------------------------------------------------------- */

a#news-all {
	display: block;
	float: right;
	color: #42444d;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;

	margin-right: 4px;
	margin-top: -20px;
}

h2#news-title {
	display: inline;
	font-weight: bold;
	font-size: 25px;
	text-transform: uppercase;

	/*height: 30px;*/
	line-height: 30px;
	margin-top: -30px;
	margin-bottom: 0;
	padding-left:20px;
	margin-left: 1px;



}

h2#news-title a{
	display: block;
	color: white;
	background: #DE000D;
	border-color: #DE000D;
	line-height: 19px;
	padding: 5px 19px 5px 19px;

   margin-top: -3px;

}
h2#news-title a:hover{
	border-color: #ACAEB5;
	color: #ACAEB5;
	background: transparent;
}




#news-tabs {
	height: 25px;
	padding-left: 215px;
	margin-top: 47px;
}

#news-panes {
	margin-top: 13px;
	margin-bottom: 20px;
}

#news-panes .pane {
	margin-left: 1px;
	width: 1248px;
	height: 360px;
	background: white;
}

#news-panes .pane .item {
	float: left;
	width: 312px; height: 360px;
	background: white;
	overflow: hidden;
}

#news-panes .pane .item.odd { background: #EAEBEE; }

#news-panes .pane .item .img { display: block; height: 194px; overflow: hidden; }
#news-panes .pane .item img { display: block; }

#news-panes .pane .item .category {
	display: block;
	float: left;
	position: relative;
	margin-top: -30px;
	margin-bottom: 16px;
	padding: 8px 10px 7px;
	text-align: center;
	min-width: 55px;

	color: white;
	background: #DE000D;
	line-height: 15px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
#news-panes .pane .item .date {
	display: block;
	float: left;
	position: relative;
	margin-top: -30px;
	padding: 8px 12px 7px;
	text-align: center;
	min-width: 55px;

	color: black;
	background: #CED0D8;
	line-height: 15px;
	font-size: 12px;
	font-weight: bold;
}

#news-panes .pane .item h2 {
	clear: left;
	padding: 8px 20px;
	margin: 0;
	line-height: 1.15em;
}
#news-panes .pane .item h2 a {
	font-size: 20px;
	font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

#news-panes .pane .item h2 a:hover {
	text-decoration: underline;
}

#news-panes .pane .item p {
	clear: left;
	padding: 0 20px;
	margin: 0;
	line-height: 1.4em;
}


/* PROMO
---------------------------------------------------------------------------------------- */
#promo {
	background: white;
	height: 120px;
}


/* VIDEOS
---------------------------------------------------------------------------------------- */

#videos {
	background: white;
	height: 155px;
}

#videos .item {
	width: 250px; height: 155px;
	position: relative;
	overflow: hidden;
	float: left;
}

#videos .item a.overlay {
	z-index: 4;
	width: 250px; height: 155px;
	position: absolute;
	left: 0px; top: 0px;
	background: url(/img/index_video_overlay.png) no-repeat;
}

#videos .item .category {
	display: block;
	z-index: 5;
	position: absolute;
	left: 0; top: 0;
	padding: 8px 10px 7px;
	text-align: center;
	min-width: 55px;

	color: white;
	background: #DE000D;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

#videos .item h2 {
	display: block;
	z-index: 5;
	position: absolute;
	left: 0; bottom: 0;
	margin: 12px 16px;
	line-height: 0.9em;
}
#videos .item h2 a {
	color: white;
	font-size: 16px;
	font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
#videos .item h2 a:hover {
	text-decoration: underline;
}




/* TABLES BOX
---------------------------------------------------------------------------------------- */

#tables {
	margin-top: 26px;
}

#tables .item {
	float: left;
	width: 415px;
	background: white;
	height: 660px;
	overflow: hidden;
}

#tables .item.tables-fb { width: 418px; }

#tables .item .header {
	height: 56px;
	line-height: 56px;
	padding-top: 4px;
	padding-left: 25px;
	background: #DE000D;

	color: white;
	font-size: 24px;
	font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

#tables .item.tables-fb .header { background: #3B5999; }
#tables .item.tables-tw .header { background: #1E88B5; }


#tables .item.tables-fb .border {
	width: 392px; height: 430px;
	padding: 20px 12px 0;
	border-left: 1px #EFF0F2 solid;
	border-right: 1px #EFF0F2 solid;
}

#tables .item.tables-tw .padd {
	padding: 8px 20px;
}


.tables-table table {
	width: 100%;
	border-collapse: collapse;
	border: none;
	margin-top: 11px;
}

.tables-table table th,
.tables-table table td {
	padding: 7px 7px 6px;
	text-align: left;
}


.tables-table table .poradi { padding-left: 25px; width: 23px; }
.tables-table table .body { width: 60px; }

.tables-table table tr { border-bottom: 1px #EEEEF1 solid; }
.tables-table table tr.vysvitit { background: #F8F8F9; padding-bottom: 6px; }
table tr.TRE { color: #de000d; font-weight: bold; }

.tables-table a {
	color: #de000d;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin-left: 30px;
}



/* BOTTOM-BANNERS
---------------------------------------------------------------------------------------- */

#bottom-banners {
	background: white;
	height: 240px;
}

#bottom-banners .item {
	float: left;
	width: 312px; height: 240px;
	position: relative;
	overflow: hidden;
}

#bottom-banners .item a.overlay {
	position: absolute;
	left: 0px; top: 0px;
	width: 312px; height: 240px;
	z-index: 5;
}

#bottom-banners .item div.overlay {
	position: absolute;
	left: 0px; bottom: 0px;
	padding: 0 31px 28px 31px;
	color: white;
	z-index: 4;
}

#bottom-banners .item .overlay h1,
#bottom-banners .item .overlay h2 {
	margin-left: -2px;
	margin-bottom: 0px;
	margin-top: 0;
	line-height: 1em;
}
#bottom-banners .item .overlay h2 {
	margin-left: 0;
	margin-bottom: 13px;
}

#bottom-banners .item .overlay h1 a ,
#bottom-banners .item .overlay h2 a {
	color: white;
	font-size: 29px;
	font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

#bottom-banners .item .overlay h2 a {
	font-size: 14px;
	font-family: "Campton Book", "Arial", "Helvetica", sans-serif;
}



/* BOTTOM-PARTNERS
---------------------------------------------------------------------------------------- */

#bottom-partners .border {
	padding: 15px 0 30px;
	border: 5px #DADBE3 solid;
	background: white;
	text-align: center;
}

#bottom-partners .border .sep {
	padding: 50px 3px;
/*    display: inline-block;*/
	width: 40px; height: 130px;
	background: url(/img/bottom_partner_sep.png) no-repeat center center;
}

#bottom-partners .border img {
	vertical-align: middle;
}



/* FOOTER-MENU
---------------------------------------------------------------------------------------- */

#footer-menu {
	margin-top: 40px;
}

#footer-menu ul, #footer-menu ol, #footer-menu li {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}

#footer-menu ul li.menu-item {
	float: left;
	width: 212px;
	padding-left: 38px;
}

#footer-menu ul li.menu-item strong {
	display: block;
	font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

#footer-menu ul li.menu-item ol li {
	margin-top: 14px;
	margin-left: 7px;
	padding-left: 25px;
	background: url(/img/li.png) no-repeat 0 4px;
}

#footer-menu ul li.menu-item ol li a {
	color: #de000d;
	font-size: 13px;
}



/* FOOTER
---------------------------------------------------------------------------------------- */

#copyright {
	border-top: 3px #CED0D8 solid;
	margin-top: 45px;
}

#copyright .padd {
	font-size: 13px;
	line-height: 100px;
	padding-left: 25px;
	padding-right: 30px;
}

#copyright .tellinger {
	float: right;
}

#copyright .tellinger span {
	display: inline-block;
	position: relative;
	top: 0.35em;
	width: 29px;
	height: 15px;
	margin: 0 5px;
	background: url(/img/tellinger.png) no-repeat 0 0;
}





/* PAGE
---------------------------------------------------------------------------------------- */

#page {
	background: url(/img/page_bg.png) repeat-y;
	border-bottom: 10px #DEDFE3 solid;
}

#page .text-left {
	float: left;
	width: 852px;
	position: relative;

	font-size: 16px;
	line-height: 1.4em;

	border-top: 10px #DEDFE3 solid;
}


#page .text-left .padd {
	padding: 39px 37px 39px 47px;
}

#page .text-left h1.header {
	line-height: 1em;
	font-size: 40px;
	font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
	font-weight: bold;
	text-transform: uppercase;

	margin: 0;
	padding: 0;

	margin-left: -7px;
	margin-right: -7px;

	padding-left: 6px;

	margin-bottom: 23px;
	padding-bottom: 28px;
	border-bottom: 1px #DBDDE3 solid;
}



#page .text-left .perex {
	font-size: 18px;
	line-height: 1.4em;
	font-family: "Campton Book", "Arial", "Helvetica", sans-serif;
	margin-bottom: 1.5em;
}
#page .text-left .text {
	line-height: 26px;
}
#page .text-left .text img{
	max-width: 680px;
}
#page .text-left p {
	line-height: 26px;
	margin: 0;
	margin-bottom: 1em;
}
#page .text-left p.space {
	margin-bottom: 1.5em;
}

#page .text-left h1,
#page .text-left h2,
#page .text-left h3 {
	color: #141B12;
	font-size: 28px;
	font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
	font-weight: bold;
	text-transform: uppercase;

	margin: 1.5em 0 0.6em -2px;
}

#page .text-left h2 {
	color: #DE000D;
	font-size: 24px;
}
#page .text-left h3 {
	color: #DE000D;
	font-size: 18px;
}

#page .text-left ul,
#page .text-left li {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}
#page .text-left ul {
	margin-bottom: 1.5em;
}

#page .text-left ul li {
	list-style: none;
	margin-bottom: 8px;
	margin-left: 2px;
	padding-left: 28px;
	background: url(/img/li_red.png) no-repeat 0 6px;
}

#page .text-left blockquote {
	text-align: center;
	font-style: italic;
	color: #8B8E97;
	margin: 2em;
}

#page .text-left hr {
	border: none;
	border-bottom: 1px #DBDDE3 solid;
	margin: 23px 0;
}


.nicetables table,
#page .text-left table.nice {
	width: 100%;
	border-collapse: collapse;
	border: none;
	font-size: 15px;
}

.nicetables table .item,
#page .text-left table.nice .item {
	width: 33%;
}

.nicetables table th a,
#page .text-left table.nice th a { color: #DE000D; text-decoration: none; }
.nicetables table th a:hover,
#page .text-left table.nice th a:hover { text-decoration: underline; }

.nicetables table td,
#page .text-left table.nice td { padding: 5px 7px; text-align: left; }
.nicetables table th,
#page .text-left table.nice th { padding: 5px 7px; text-align: left; }

#page .text-left table.nice .center { text-align: center; }
#page .text-left table.nice .right { text-align: right; }

.nicetables table tr,
#page .text-left table.nice tr { border-bottom: 1px #EEEEF1 solid; }
.nicetables table tr:nth-child(even) td,
#page .text-left table.nice tr:nth-child(even) td { background: #F8F8F9; }

.nicetables table tr:hover td,
#page .text-left table.nice tr:hover td { background: #EFF0F4; }
.nicetables table tr.pointer,
#page .text-left table.nice tr.pointer { cursor: pointer; }



#page .text-left table#soupiska td.jmeno { font-weight: bold; }

/* MENICKO */
#page .text-left .menicko {
	background:#EDF0F0;
	padding: 20px;
	margin: 10px 0px 15px 0px;
	color: #333333;
	font-size: 15px;
}
#page .text-left .menicko a.True { font-weight: bold; }


/* --- PLAYER --- */

#page .text-left #player_card { margin-bottom: 1em; }
#page .text-left #player_card h2 { line-height: 1.2em; font-size: 36px; margin-top: 0; }
#page .text-left #player_card h2 span { display: block; font-size: 28px; }
#page .text-left #player_card #player_foto { float: right; width: 260px; }
#page .text-left #player_card #player_foto img { width: 260px; }
#page .text-left #player_card #player_bio { width: 480px; }





/* --- FORUM --- */

fieldset {
	border: 1px #DBDDE3 solid;
	margin-top: -10px;
}
fieldset legend { padding: 10px 15px; }
.forum_box { margin-bottom: 10px; }

#forum #df_form { margin: auto; padding-bottom: 0; padding-top: 0; }
#forum #df_form .border { border: 1px solid #d6ebf7; }
#forum #df_form #smiles { padding: 0 0 5px 10px; }
#forum #df_form #smiles a { cursor: pointer; }
#forum #df_form #form_left { width: 100%; margin: auto; }
#forum #df_form #form_left textarea { height: 100px; width: 100%; max-width: 100%; padding: 8px; box-sizing: border-box; border: 1px #DDDDDD solid; }
#forum #df_form #form_right { padding-top: 10px; width: 100%; }
#forum #df_form #form_right table { margin: 0; width: 100%; }
#forum #df_form #form_right table tr th,
#forum #df_form #form_right table tr td { padding: 0; vertical-align: middle; text-align: left; padding-left: 20px; }
#forum #df_form #form_right table tr th label { cursor: pointer; font-size: 14px; font-weight: normal; }
#forum #df_form #form_right input { width: 190px; padding: 8px; border: 1px #DDDDDD solid; font-size: 12px; }
#forum #df_form #form_right input[type="submit"] {
	display: block;
	width: auto;
	padding: 5px 10px 4px;
	font-size: 14px;
	color: #ACAEB5;
	font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
	text-transform: uppercase;
	background: white;
	border: 3px #ACAEB5 solid;
	outline: none;
}
#forum #df_form #form_right input[type="submit"]:hover { border-color: #DE000D; color: #DE000D; }
#forum #df_form #form_right input[type="checkbox"] { padding: 4px; width: 20px; height: 20px; vertical-align: middle; margin-left: -5px; }
#forum .small { font-size: 12px; }
#forum #df_form #form_right .small { font-size: 12px; padding-right: 15px; }

#forum #coments .space { height: 0px; }
#forum #coments .clear { height: 0px; }
#forum #coments .comment { padding: 0; }
#forum #coments .comment .comment_right { float: right; padding: 0; width: 100%; }
#forum #coments .comment .comment_right .space { height: 0; }
#forum #coments .comment .comment_right a.mail span { display: none; }
#forum #coments .comment .comment_right .comment_head { background: #eee; border: 1px solid #cecece; border-bottom: 0; padding: 3px 3px; }
#forum #coments .comment .comment_right .comment_head img.border {  border: 1px solid #cecece; margin-right: 10px; }
#forum #coments .comment .comment_right .comment_head a span { display: none; }
#forum #coments .comment .comment_right .comment_head .space { display: block;height: 10px; }
#forum #coments .comment .comment_right .comment_head .toright { margin-right: 5px; font-size: 12px;  }
#forum #coments .comment .comment_right .comment_head a.reply { padding-left: 15px; background: url(/img/reply.png) no-repeat 0 4px; margin: 0 5px; }
#forum #coments .comment .comment_right .comment_text { border: 1px solid #DEDEDE; margin-bottom: 10px; padding: 8px 8px 15px 8px; }
#forum #coments .comment .comment_right .comment_text .comment_text_reaction { border-bottom: 5px solid #DEDEDE; color: #7C7A7C; font-size: 0.9em; line-height: 1.6em; margin-bottom: 5px; padding: 0 0 5px 0; }
#forum #coments .comment .comment_right .comment_text .comment_text_reaction a { cursor: pointer; }
#forum #coments .comment .comment_right .comment_text .comment_text_reaction a { cursor: pointer; }

.strankovani,
#forum .strankovani_box {margin: 20px 0px 20px 0px; text-align: center; line-height: 2em; }

.strankovani a,
#forum .strankovani_box a.strankovani {
	background:#EBEBEB;
	color:#000000;
	border: 1px solid #DEDEDE;
	margin-left: -1px;
	padding: 2px 6px 2px 6px;
	text-decoration: none;
}
.strankovani a:hover,
#forum .strankovani_box a.strankovani:hover {
	background:#DEDEDE;
	color:#000000;
	text-decoration: underline;
}
.strankovani a.strankovaniVyrazne,
#forum .strankovani_box a.strankovaniVyrazne {
	background:#DE000D;
	color: #ffffff;
	margin-left: -1px;
	padding: 2px 7px 1px 7px;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #DE000D;
}


/* --- ARCHIV --- */

#archiv { width: 100%; }
#archiv .archiv {  }
#archiv .archiv tr td { padding-bottom: 10px; }
#archiv h1 { clear: right; font-size:1.2em; padding-top: 10px; }
#archiv #box { width: 100%;box-sizing:border-box; margin: auto; border: 1px solid #D3D3D3; background: #FFFFFF; padding: 8px; margin-bottom: 10px; clear: both; }
#archiv #box2 { width: 100%; margin: auto; float: none;clear: none; }
#archiv .boxMaly { width: 40%; height: 20px; margin-bottom: 30px; display: block; background: #FFFFFF; padding: 3px; margin-top: 3px; }
#archiv .boxKde { display: block;  float: right; padding: 3px; }
#archiv table.boxy { margin: 0px 0px 3px 0px; }
#archiv td.boxy { width: 80px; height: 18px; text-align: center; margin: 0px; padding: 4px 0; }
#archiv td.boxyVelke { width: 130px; }
#archiv td.boxy a { display: block; padding: 4px; background: #E6E6E6; color: #000000; border: 1px solid #D3D3D3; border-right: none; font-weight: normal; text-decoration: none; }
#archiv td.boxy a.zvyrazneni { background: #DE000D; color:white; }
#archiv td.boxyVpravo a { border-right: 1px solid #D3D3D3; }
#archiv td.boxy a:hover { background: #DEDEDE; color:#000000; text-decoration: underline; }
#archiv td.datum { vertical-align: top; text-align: right; }
#archiv td.nadpis_anotace { padding-right: 15px; text-align: justify; background: none; }
#archiv input { padding: 8px; border: 1px #DDDDDD solid; font-size: 12px; }
#archiv form { margin-bottom: 0px; }
#archiv form select { margin: 0px; font-size: 14px; padding: 8px; border: 1px #DDDDDD solid; float: right; }
#archiv form select option {  }
#archiv input.formBcg { background: #eeeeee; border: 0px; }
#archiv .highlight { background: #950808; color:#ffffff; }
#archiv .tema { display: block; color: #808080; font-style: italic; font-size: 12px; }
#archiv .anotace { display: block; background: transparent;  background-image: none;  color:#000000; min-height: 0px; }
#archiv .nadpis { display: block; font-weight: bold; }
#archiv .error { display: block; margin-top: 10px; color: #ff0000; text-align: center; font-weight: bold; clear: both; }
#archiv .podpis  {color: #808080; font-size: 11px; }
#archiv input[type="submit"] {
	width: auto;
	padding: 5px 10px 4px;
	font-size: 14px;
	color: #ACAEB5;
	font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
	text-transform: uppercase;
	background: white;
	border: 3px #ACAEB5 solid;
	outline: none;
}
#archiv input[type="submit"]:hover { border-color: #DE000D; color: #DE000D; }


/* Fotogalerie
---------------------------------------------------------------------------------------- */

a.esgallery-open { display: table-cell; display: inline-block; width: 188px; height: 120px; margin: 3px 3px 0 -2px; background-size: cover; border: 2px white solid; }
a.esgallery-open:hover { border-color: #808080; }
a.esgallery-open span { display: none; }

a.pirobox_gall { display: table-cell; display: inline-block; width: 153px; height: 115px; margin: 3px 3px 0 -2px; background-size: cover; border: 2px white solid; }
a.pirobox_gall:hover { border-color: #808080; }
a.pirobox_gall span { display: none; }

/* --- OFF-LINE --- */

#offline .offline_header { padding: 15px 20px 0; }
#offline .offline_header .toright { font-size: 12px; }
#offline .offline_text { padding: 0 20px 15px; }

#offline > div:nth-child(4n-3) { background: #F8F8F9; border-top: 1px solid #D3D3D3; }
#offline > div:nth-child(4n-2) { background: #F8F8F9; border-bottom: 1px solid #D3D3D3; }
/*#offline div:nth-of-type(4n-3) { background: red; }*/
/*#offline div:nth-of-type(4n) { background: red; }*/



/* --- VIDEO-ARCHIV --- */
.audio table { width: 100%; border: none; }
.audio td { height: 22px; padding: 5px; }

.audio tr.nadpis td { background: #F8F8F9; border-top: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3; text-align: left; }
.audio tr.nadpis .prehrat { float: right; }

.audio tr td.komentar { text-align: justify; vertical-align: top; width: 53%; padding-top: 10px; }
.audio .nadpis a { }
.audio .nadpis em { font-size: 80%; padding-right: 10px; font-style: normal; }



/* --- VYPIS CLANKU / MLADEZ --- */

#article_list .item { clear: both; }

#article_list .item .img { display: block; height: 194px; overflow: hidden; float: left; margin: 0 20px 20px 0; }
#article_list .item img { display: block; }

#article_list .item h2 { margin-bottom: 4px; }

#article_list .item h2 a {
	text-decoration: none;
	line-height: 1.1em;
}

#article_list .item .category {
	display: block;
	float: left;
	position: relative;
	margin-top: -30px;
	margin-bottom: 16px;
	padding: 8px 10px 7px;
	text-align: center;
	min-width: 55px;

	color: white;
	background: #DE000D;
	line-height: 15px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
#article_list .item .date {
	display: block;
	float: left;
	position: relative;
	margin-top: -30px;
	padding: 8px 12px 7px;
	text-align: center;
	min-width: 55px;

	color: black;
	background: #CED0D8;
	line-height: 15px;
	font-size: 12px;
	font-weight: bold;
}


/* --- ARTICLE --- */

#page .text-left.article {
	border-top: none;
}

#page .text-left.article .padd {
	padding: 39px 64px 39px 163px;
}

#page .text-left .article-header {
	border-bottom: 10px #DEDFE3 solid;
}
#page .text-left .article-header .overlay h1 {
	line-height: 1.3em;
	margin-bottom: 0;
}


/* SHARE */
#page .text-left.article .socmedia {
	position: absolute;
	left: 64px; top: 584px;
}
#page .text-left.article .socmedia iframe {
	display: block;
	margin-bottom: 15px;
}



#page .text-left.article hr {
	margin-right: -7px;
}

#page .text-left .share {
	border-top: 1px #DBDDE3 solid;
	margin-right: -17px;
	margin-top: 40px;
	padding-top: 40px;
	height: 40px;
}
#page .text-left .share strong {
	float: left;
	display: block;
	height: 40px;
	line-height: 40px;

	color: #DE000D;
	font-size: 20px;
	font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 6px;
	margin-right: 35px;
}
#page .text-left .share a {
	float: left;
	display: block;
	width: 40px; height: 40px;
	background: url(/img/share_icons.png) no-repeat;
	opacity: 0.9;
	margin-left: 20px;
}

#page .text-left .share a.fb { background-position: left; }
#page .text-left .share a.tw { background-position: right; }

#page .text-left .share a:hover { opacity: 1; }


/* FORMS
---------------------------------------------------------------------------------------- */
#page .text-left  .form-group{
	padding-bottom: 15px;
}
#page .text-left  .form-group .control-label{
	display: block;
	box-sizing: border-box;
	float: left;
	width: 30%;
	text-align: right;
	font-weight: bold;
	padding-top: 10px;


}


#page .text-left .form-group .form-item-holder{
	display: block;
	box-sizing: border-box;
	float: right;
	width: 65%;

}

#page .text-left .form-group .form-item-holder input {
	font-size: 15px;
	padding: 10px 15px 10px 15px;
	border: 1px solid #DEDFE3;
	border-radius: 5px;
	color: black;
	width: 70%;
}

#page .text-left .form-group .form-item-holder select {
	font-size: 15px;
	padding: 10px 15px 10px 15px;
	border: 1px solid #DEDFE3;
	border-radius: 5px;
	color: black;
	width: 200px;
}

#page .text-left .form-group .form-item-holder textarea {
	font-size: 15px;
	padding: 10px 15px 10px 15px;
	border: 1px solid #DEDFE3;
	border-radius: 5px;
	color: black;
	width: 70%;
}


#page .text-left .form-group .form-item-holder .button {
	background: #DE000D;

}



/* COL-RIGHT
---------------------------------------------------------------------------------------- */

#page .col-right {
	float: right;
	width: 418px;
	padding: 0 10px 20px 10px;

	border-top: 10px #DEDFE3 solid;
}


.box .header {
	font-size: 24px;
	font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	padding: 13px 30px 13px 30px;
	margin: 13px 0 0 0;
}

.box.links a {
	display: block;
	padding: 10px 30px 10px 60px;
	border-bottom: 1px #DBDDE3 solid;

	color: #141B12;
	font-size: 15px;
	font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;

	background: url(/img/li_red.png) no-repeat 30px center;
}

.box.links a.bold {
	color: #DE000D;
}

.box.links a:hover {
	text-decoration: underline;
}

.box.submenu ol {
	margin: 0;
	padding: 0;
}
.box.submenu ol li{
	margin: 0;
	padding: 0;
	list-style: none;
}
.box.submenu ol li a {
	display: block;
	padding: 10px 30px 10px 60px;
	border-bottom: 1px #DBDDE3 solid;

	color: #141B12;
	font-size: 15px;
	font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;

	background: url(/img/li_red.png) no-repeat 30px center;
}

.box.submenu ol li  a.bold {
	color: #DE000D;
}

.box.submenu ol li  a:hover {
	text-decoration: underline;
}


.box.matches .match {
	border-bottom: 1px #E6E7EA solid;
}

.box.tables-table {
	padding-bottom: 1em;
}

.box.tables-fb .header {
	background: #3B5999;
	color: white;
}

.size20x20 {width: 20px; height: 20px; ...}

.fotoSoupiska {max-width:767px;}


#zapasVypis .score a {
	font-weight: bold;
	font-size: 24px;
	text-decoration: none;
}

#zapasVypis .logos {
	text-align: center!important;
}

#zapasVypis .logos img {
	padding: 0 4px;
}


.tabStats .zkratka_krestni {
	display: none;
}

.live-button {
	background: #DE000D;
  color: white !important;
  font-size: 16px !important;
  padding: 5px;
  margin: 0px 30px;
}
.live-button:hover {
	background: #a9000a;
}