#layout #index_1 {height: 535px; clear:both;}

/* ========================= TOP story */
#index_1 #top_story {
	width: 622px;
	height: 524px;
	padding: 11px 0px 0px 10px;
	position: relative;
	background: url(../img/bcg_topstory_box.png) no-repeat 0px 0px;
	float: left;
}

#top_story .box_articles{
	width: 610px;
	height: 400px;
	position: relative;
}
#top_story .box_articles .show{display: block;}

#top_story .box_articles .box_article {
	position: absolute;
	width: 570px;
	bottom: 0px;
	left:0px;
	background: url(../img/bcg_topstory.png) repeat 0px 0px;
	padding: 20px 20px 20px 20px;
	color:#ffffff;
}
#top_story .box_articles .box_article a{color:#ffffff;}
#top_story .box_articles .box_article h1 {
	color:#ffffff;
	font-size: 1.5em;
	padding: 0px;
	margin: 0px;
	background: none;
	line-height: 1.1em;
	letter-spacing: -1px;
}
#top_story .box_articles .box_article h1 a {color:#ffffff; text-decoration: none; text-transform: uppercase;}
#top_story .box_articles .box_article h1 a:hover {text-decoration: underline;}
#top_story .box_articles .box_article p {
	padding: 10px 0px 0px 0px;
	margin: 0px;
	font-size: 0.9em;
	line-height: 1.3em;
}
#top_story .box_articles .box_article .link {padding: 5px 0px 0px 0px;}
#top_story .box_articles .box_article .link a {
	padding: 0px 15px 0px 0px;	
	font-weight: bold;
	color:#ffffff;
	font-size: 1.1em;
	background-position: right 5px;
}

#top_story #top_story_thumbs {height: 125px; position: relative; bottom:12px; left:0px; cursor: pointer;}
#top_story #top_story_thumbs a {
	float: left;
	margin: 0px;
	font-weight: bold;
	padding: 45px 15px 0px 15px;	
	color:#ffffff;
	display: block;
	width: 173px;
	height: 80px;
	text-align: center;
	background: url(../img/bcg_topstory_thumb.png) no-repeat 0px 12px;
	text-decoration: none;
	font-size: 1.2em
}

#top_story #top_story_thumbs a:hover{background: url(../img/bcg_topstory_thumb.png) no-repeat 0px -113px; color:#000000;}
#top_story #top_story_thumbs a.selected{background: url(../img/bcg_topstory_thumb.png) no-repeat 0px -113px;  color:#000000;}
#top_story #top_story_thumbs a#thumb3 {width: 174px;}


#layout #index_1 #index_1_right { float: right;  width: 320px;}

#index_1_right #box_video{	
	margin-bottom: 11px; 
	background: url(../img/bcg_index_video_box.png) no-repeat 0px 0px;
	height: 254px;
	padding: 13px 13px 0px 13px;
}
#box_video #mediaspace{height: 225px;}
#box_video .box{padding:5px 0px 0px 10px;position: relative;}
#box_video .link {position: relative;}

#box_video .link .arrow {
	color:#000000;  
	white-space: nowrap; 
	text-align: center; 
	font-weight: bold;
	background: url(../img/arrow_right.png) no-repeat 0px 6px;
	padding-left: 15px;
	display: inline;
	text-decoration: underline;
	cursor: pointer;
}

#box_video .link  #video_list {
	width: 270px;
	display: block;
	z-index: 90;
	border: 1px solid #000000;
	padding: 6px 10px 6px 10px;
	background: #F2F2F2;
	color:#000000;
	bottom:16px;
	left: -13px;
	text-align: left;
	font-weight: normal;
	position: absolute;
}
#box_video .link  #video_list.on ul{ padding: 0px; margin: 0px;}
#box_video .link  #video_list.on ul li{ 
	padding: 0px; 
	margin: 0px;
	background: url(../img/arrow_right.png) no-repeat 0px 6px;
	padding-left: 15px;
}
#box_video .link  #video_list.on ul li a{ padding: 0px;  background: transparent; font-weight: normal;}
#box_video .link  #video_list.on {display: block;}
#box_video .link  #video_list.off {display: none;}


#layout .tabs {
	height: 35px; 
	padding-left: 78px;
	background-image:  url(../img/bcg_tabs.png);
	background-repeat: no-repeat;
}
#layout .tabs.on  {background-position: 0px 0px;}
#layout .tabs.off {background-position: 0px -35px;}

#layout .tabs a {
	display: block;
	float: left;
	width: 121px;
	height: 28px;
	padding: 7px 0px 0px 0px;
	color:#454545;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
}

#layout #game_box { background: url(../img/bcg_tabs_1_box.png) no-repeat 0px 0px; height: 208px; padding: 14px 14px 0px 14px;}
#layout #game_box .game1 { background: url(../img/bcg_line_game_box.png) no-repeat right bottom; height: 100px;}

#game_box .znaky		 {width: 88px; position: relative; float: left;}
#game_box .znaky .znak{
	width: 54px;
	height: 54px;
	background: url(../img/bcg_znak_box_games.png) no-repeat 0px 0px;
	position: absolute;
	text-align: center;
	padding: 5px 0px 0px 0px; 
}
#game_box .znaky .znak.up {top: 0px;z-index: 70;}
#game_box .znaky .znak.down {top: 0px; z-index: 50; left: 34px; top: 32px;}
#game_box .teams 	{width: 200px; float: right;}
#game_box .teams .team{
	text-align: center; 
	text-transform: uppercase; 
	font-weight: bold; 
	background: url(../img/bcg_line_short_game_box.png) no-repeat right bottom;	
	padding: 0px 0px 20px 0px;
}
#game_box .teams .team span {color:#4C4C4C;}
#game_box .teams .date{
	text-align: center;
	padding: 0px 0px 0px 0px;
	width: auto;
	height: auto;
	background: transparent;
	color: #454545;
	border: 0px;
	font-size: 0.9em;
	font-weight: bold;
}
#game_box .teams .countdown{
	text-align: center;
	padding: 5px 0px 0px 0px;
	color: #454545;
	font-size: 0.9em;
}
#game_box .game2 .teams .team {background: transparent; padding: 10px 0px 0px 0px;}
#game_box .teams .score{text-align: center; font-weight: bold; font-size: 1.6em; letter-spacing: 5px; padding: 5px 0px 0px 0px;}
#game_box .teams .score a {color:#454545; text-decoration: none;}
#game_box .teams .score a:hover {text-decoration: underline;}
#game_box .teams .related {padding: 10px 0px 0px 0px;}
#game_box .teams .related a {display: block; float: left; width: 45px; height: 30px; margin-left: 15px;}
#game_box .teams .related a  span{display: block; text-align: center; padding: 10px 0px 0px 0px; color: #454545; font-size: 1.1em}
#game_box .teams .related a#ico_report {background: url(../img/bcg_ico_report_game_box.png) no-repeat center 0px;}
#game_box .teams .related a#ico_ohlasy {background: url(../img/bcg_ico_ohlasy_game_box.png) no-repeat center 0px;}
#game_box .teams .related a#ico_foto {background: url(../img/bcg_ico_foto_game_box.png) no-repeat center 0px;}

/* ========================= KALENDAR */


#game_box table#kalendar 								{font-family:arial ce,arial,sans-serif; border: 0px solid #EBEBEB; margin: 0px auto 0px auto;}
#game_box table#kalendar tr 							{border-right:2px solid #EBEBEB; border-bottom:2px solid #EBEBEB;}
#game_box table#kalendar th 							{background:#DADADA; font-weight:bold;color:#000000;font-size:12px;border-right:2px solid #EBEBEB; border-bottom:2px solid #EBEBEB; text-align: center;  height: 22px; padding: 1px 1px 0px 1px;}
#game_box table#kalendar td 							{background: url(../img/kalendar_blank.png) repeat-x 0px 0px; font-weight:bold;font-size:12px;text-align:center;border-right:2px solid #EBEBEB; border-bottom:2px solid #EBEBEB; width: 28px; height: 22px; padding: 1px 1px 0px 1px; color:#000000;}
#game_box table#kalendar tr td span#kalDnesek 	{background: url(../img/kalendar_today.png) repeat-x 0px 0px; padding: 1px 5px 1px 5px; color:#000000;}
#game_box table#kalendar tr td.action 				{background: url(../img/kalendar_active.png) repeat-x 0px 0px; color:#ffffff; cursor: help;}
#game_box table#kalendar tr td.kalNormalni 		{background: #8A8A8A; color:#E5DBD0}

#game_box table#kalendar tr td div{position: relative;}
#game_box table#kalendar tr td span.cal_event{
	position: absolute;
	width: 190px;
	display: block;
	border: 1px solid #000000;
	padding: 6px 10px 6px 10px;
	background: #F2F2F2;
	color:#000000;
	display: none;
	bottom:20px;
	left: -13px;
	text-align: left;
	font-weight: normal;
}
#game_box table#kalendar tr td span.cal_event span.game {
	display: block;
	color:#000000;
	background: url(../img/arrow_right.png) no-repeat 0px 5px;
	padding-left: 15px;
}


#game_box 	#months 				{ display: block;width:220px; height: 25px; text-align: center; text-decoration: none; color:#000000;margin: auto}
#game_box	#months .arrow 	{width:15px; float: left; padding-top: 5px;}
#game_box	#months .month 	{font-size:12px;padding: 0px 5px 0px 5px; text-align: center;  float: left; width:180px; font-weight: bold; color:#4E4E4E;}


#layout #index_2 {height: 400px;}
#index_2 .header {
	padding: 9px 0px 0px 33px;
	height: 26px;
	background: transparent;
	font-size: 1.05em;
}
#index_2 #box_next_articles {
	width: 385px;
	height: 400px;
	float: left;
	background: url(../img/bcg_dalsi_clanky_box.png) no-repeat 0px 0px;
}

#box_next_articles .box{padding: 12px 13px 0px 13px;}
#box_next_articles .article{background: url(../img/bcg_line_right.png) no-repeat center bottom; padding: 0px 0px 5px 0px; margin-bottom: 10px;}
#box_next_articles .article img {
	float: left;
	border: 2px solid #A8A8A8;
	margin: 3px 10px 0px 0px;
}
#box_next_articles .article h2 {
	margin: 0px;
	padding: 0px;
	clear: none;
	display: inline;
	font-size: 1.1em
}
#box_next_articles .article h2 a {color:#4C4C4C;}
#box_next_articles .article p {
	padding: 5px 0px 5px 0px;
	margin: 0px;
	font-size: 0.9em;
	line-height: 1.3em
}
#box_next_articles .article p .link a {background-position: right 3px; padding: 0px 15px 0px 0px;	}
#box_next_articles .link.top {margin-top: -5px}


#index_2 #box_tabulka {
	width: 236px;
	height: 400px;
	float: left;
	background: url(../img/bcg_tabulka_box.png) no-repeat 0px 0px;
	margin: 0px 15px 0px 10px;
}

#box_tabulka .box {
	padding: 8px 13px 0px 13px;
}

#box_tabulka .box  .table_fotbal_mala 						{width: 100%; font-size: 0.9em; margin-bottom: 10px;}
#box_tabulka .box  .table_fotbal_mala th					{background: transparent; color:#FEED00; border-bottom:0px;display: none;}
#box_tabulka .box  .table_fotbal_mala tr td.poradi		{width: 25px;}
#box_tabulka .box  .table_fotbal_mala tr td.body		{text-align: right;font-weight: bold;}
#box_tabulka .box  .table_fotbal_mala tr th.body		{text-align: center;}
#box_tabulka .box  .table_fotbal_mala tr td.zapasy		{width: 30px; text-align: center;}
#box_tabulka .box  .table_fotbal_mala tr th.zapasy		{text-align: center;}
#box_tabulka .box  .table_fotbal_mala tr td.score		{text-align: center; display: none;}
#box_tabulka .box  .table_fotbal_mala tr th.score		{text-align: center; display: none;}
box_tabulka .box   .table_fotbal_mala tr td				{padding: 0px;  margin: 0px; line-height: 1.4em;}
#box_tabulka .box  .table_fotbal_mala tr.CEB td			{font-weight: bold;  color:#D300A4}
#box_tabulka .box  .line 										{margin-bottom: 2px;}

#index_2 #box_news {
	width: 320px;
	height: 400px;
	float: left;
}
#box_news .box {
	background: url(../img/bcg_tabs_2_box.png) no-repeat 0px 0px;
	padding: 10px 13px 0px 13px;
	height: 355px;
}

/* ========================= Novinky */
#news {padding-top: 8px; font-size: 0.9em}
#news .news_panel {height: 325px;}
#news .jScrollPaneTrack {background: url(../img/scroll_track.png) repeat-y;}
#news .jScrollPaneDrag {background: url(../img/scroll_drag_middle.png) no-repeat 0 50%;}
#news .jScrollPaneDragTop {background: url(../img/scroll_drag_top.png) no-repeat; height: 4px;}
#news .jScrollPaneDragBottom {background: url(../img/scroll_drag_bottom.png) no-repeat; height: 4px;	}
#news a.jScrollArrowUp {height: 17px;	background: url(../img/scroll_arrow_up.png) no-repeat 0 0;}
#news a.jScrollArrowUp:hover {background-position: 0 -20px;	}
#news a.jScrollArrowDown {	height: 17px;	background: url(../img/scroll_arrow_down.png) no-repeat 0 0;}
#news a.jScrollArrowDown:hover {	background-position: 0 -20px;	}
#news a.jScrollActiveArrowButton, #news a.jScrollActiveArrowButton:hover {		background-position: 0 0;	}
#news .headers {color:#4C4C4C; font-weight: bold; font-size: 1.2em; background: url(../img/arrow_news.png) no-repeat 0px 5px; padding: 0px 0px 5px 18px;}
#news p {padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; line-height: 1.4em; background: url(../img/bcg_line_right.png) no-repeat center bottom;}
#news  .line {margin-bottom: 2px;}

#box_news table#vysledky {margin: auto; width: 294px;}
#box_news table#vysledky tr  {background: url(../img/bcg_line_right.png) no-repeat center bottom;}
#box_news table#vysledky tr td  {padding: 3px 0px 4px 4px;}
#box_news table#vysledky tr td.score  {white-space: nowrap;}
#box_news table#vysledky tr td a.vyhra 		{color: #008000;}
#box_news table#vysledky tr td a.prohra 		{color: #ff0000;}
#box_news table#vysledky tr td a.remiza 		{color: #004080;}


#layout #index_3  {height: 191px; padding: 0px 0px 0px 0px; margin-top: 20px;}
#layout #index_3 a {
	width: 235px;
	height: 191px;
	display: block;
	float: left;
}
#layout #index_3 a.middle {
	margin: 0px 0px 0px 9px;
}