/* ========================= TOP story */
#text #top_story {
	width: 600px;
	height: 460px;
	position: relative;
}

#top_story .box_articles{
	width: 600px;
	height: 380px;
	position: relative;

}
#top_story .box_articles .show{display: block;}

#top_story .box_articles .box_article {
	position: absolute;
	width: 560px;
	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:#FECE14;
	font-size: 2.1em;
	padding: 0px;
	margin: 0px;
	background: none;
	line-height: 1.1em;
	letter-spacing: -1px;
	
}
#top_story .box_articles .box_article h1 a {color:#FECE14; text-decoration: none;}
#top_story .box_articles .box_article h1 a:hover {text-decoration: underline;}
#top_story .box_articles .box_article p {
	padding: 15px 0px 0px 0px;
	margin: 0px;
	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 0px 0px 0px;	
	font-weight: bold;
	color:#FECE14;
}

#content #text #top_story #top_story_thumbs {height: 82px; position: relative; bottom:6px; left:0px; cursor: pointer;}
#content #text #top_story #top_story_thumbs a {
	float: left;
	margin: 0px;
	font-weight: bold;
	padding: 15px 0px 0px 0px;	
	color:#FECE14;
	display: block;
	width: 150px;
	height: 67px;
	background: url(../img/bcg_topstory_thumb.png) no-repeat 0px 0px;
	text-decoration: none;
}
#content #text #top_story #top_story_thumbs a:hover{background: url(../img/bcg_topstory_thumb.png) no-repeat 0px -82px;}
#content #text #top_story #top_story_thumbs a.selected{background: url(../img/bcg_topstory_thumb.png) no-repeat 0px -82px;}


#content #text #top_story #top_story_thumbs span.thumb_border{
	border-right: 1px dotted #ffffff;
	height: 56px;
	display: block;
	padding: 0px 0px 0px 20px;	
}
#content #text #top_story #top_story_thumbs span.thumb_border.noborder{border: 0px;}

#content #text #top_story #top_story_thumbs span.thumb_desc{
	color:#FECE14;
	font-size: 15px;
	display: inline;
}

#content #text #index_left{
	width: 340px;
	float: left;
}
#content #text #index_left #next_articles {
	padding: 30px 0px 0px 0px;
}
#content #text #index_left #next_articles h2{
	font-size: 1.7em;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	border: 0px;
}
#content #text #index_left #next_articles h2 a{text-decoration: none;}
#content #text #index_left #next_articles h2 a:hover{text-decoration: underline;}
#content #text #index_left #next_articles p{
	margin: 0px;
	padding: 10px 0px 30px 0px;
	border: 0px;
}
#content #text #index_left #next_articles p .link {font-size: 0.9em}

#content #text #index_left #next_articles2 {
	padding: 15px 0px 0px 0px;
	border-top: 1px solid #BFCFE6;
}
#content #text #index_left #next_articles2 h3{
	font-size: 1.2em;
	line-height: 1.0em;
	margin: 0px;
	padding: 10px 0px 5px 0px;
	border: 0px;
}
#content #text #index_left #next_articles2 h3 a{text-decoration: none; color:#092F68}
#content #text #index_left #next_articles2 h3 a:hover{text-decoration: underline;}
#content #text #index_left #next_articles2 h3 span{color:#1B54A8; font-size: 11px; font-weight: normal; display: inline;}


#content #text #index_right{
	width: 220px;
	float: right;
	font-size: 0.8em;
	padding: 30px 0px 0px 0px;
}

#content #text #index_right .header {
	margin: auto;
	height: 25px;
	width: 200px;
	padding: 20px 0px 0px 20px;
	color:#092F68;
	font-size: 18px;
	background: url(../img/bcg_header_short.png) no-repeat 0px 0px;
}

#content #text #index_right .box {
	padding:10px 20px 15px 20px;
	margin-bottom: 20px;
	background: #F9FBFD;
	border: 1px solid #D1DDEE;
	border-top:0px; 
}

/* ========================= Anketa */
#index_right #box_anketa .anketa									{line-height: 1.3em;}
#index_right #box_anketa .anketa .anketa_otazka 			{text-align: left; border-bottom: 1px solid #BFCFE6; padding: 5px 0px 5px 0px; background: transparent; font-size: 1.0em}
#index_right #box_anketa .anketa .hlasuj 						{padding: 0px 0px 4px 0px;}
#index_right #box_anketa .anketa .hlasuj input				{width:57px; height: 20px;  background: url(../img/bcg_anketa_button.png) no-repeat 0px 0px; font-size: 12px;	margin: 10px 0px 0px 0px; padding: 5px 0px 5px 0px; border: 0px; float: left;  text-decoration: none;  cursor: pointer; color:#ffffff; font-weight: bold;}
#index_right #box_anketa .anketa .anketa_odpoved 			{padding: 0px 0px 5px 0px; margin: 0px; text-align: left;  background: transparent;}
#index_right #box_anketa .anketa .anketa_odpoved input  	{padding: 0px 0px 0px 0px; margin: 0px; width: 15px; height: 12px;  float: left;}
#index_right #box_anketa .anketa .anketa_odpoved label  	{padding: 0px 0px 0px 2px;	margin: 0px; float: left; width: 150px;}
#index_right #box_anketa .anketa .anketa_graf 				{display: block;	float: left;	font-size: 0px;	width: 140px; height: 8px;	line-height: 0px;	background: #FECE14;	margin: 0px 0px 0px 0px;	padding: 1px 1px 1px 1px; border: 1px solid #FECE14;}
#index_right #box_anketa .anketa .anketa_graf_vyplnene 	{display: block;	float: left;	font-size: 0px;	height: 8px;	line-height: 0px;	 background:#1B54A8;}
#index_right #box_anketa .anketa .anketa_procenta 			{text-align: center;	margin: 0px;	padding: 0px;	font-size: 10px; font-weight: bold;}
#index_right #box_anketa .anketa .space.anketa_space		{height: 15px;}
#index_right #box_anketa .anketa .line							{margin: 2px auto 2px auto;}
#index_right #box_anketa .anketa #q_status					{float: right; padding: 7px 0px 0px 3px; font-weight: bold;}

/* ========================= MALA TABULKA */
#index_right #tabulka table.table_hokej_mala 					{margin: -2px 0px 5px 0px; border-collapse: collapse;width: 100%; line-height: 1.6em}
#index_right #tabulka table.table_hokej_mala tr .poradi		{text-align: left; }
#index_right #tabulka table.table_hokej_mala tr .tym			{display: none;}
#index_right #tabulka table.table_hokej_mala tr .tym_dlouhe	{}
#index_right #tabulka table.table_hokej_mala tr .body			{text-align: center; padding-right: 3px; font-weight: bold;}
#index_right #tabulka table.table_hokej_mala tr .zapasy		{text-align: center;}
#index_right #tabulka table.table_hokej_mala tr .score		{text-align: center;display: none;}
#index_right #tabulka table.table_hokej_mala tr td				{border-bottom: #780301 0px solid; padding: 0px 3px 0px 3px;}
#index_right #tabulka table.table_hokej_mala tr td a			{}
#index_right #tabulka table.table_hokej_mala tr.PIS td		{color:#09316D;font-weight: bold; font-size: 1.0em}
#index_right #tabulka table.table_hokej_mala tr.PIS td		a	{color:#09316D;}
#index_right #tabulka table.table_hokej_mala tr th				{font-weight: bold;}
#index_right #tabulka table.table_hokej_mala th					{padding: 0px 3px 0px 3px; border: 0px solid #ffffff; color:#000000;background: transparent; font-weight: bold;}
#index_right #tabulka table.table_hokej_mala th.zapasy		{text-align: center;}
#index_right #tabulka table.table_hokej_mala th.score			{text-align: center;}
#index_right #tabulka table.table_hokej_mala th.body			{text-align: center;}

#index_right #ptejtese a {color:#09316d}

#content #col_right #game_box {
	padding-top: 15px;	
}
#content #col_right #game_box .line {
	margin: 0px;
	border-bottom: 1px solid #E0B612;
	margin: 5px 0px 15px 0px;
}
#content #col_right #game_box .space {height: 10px;}


#content #col_right #game_box .znak{	
	float: left;
	width: 50px;
	height: 42px;
	background: url(../img/bcg_znak.png) no-repeat 0px 0px;
	text-align: center;
	padding: 8px 0px 0px 0px;
}

#content #col_right #game_box .game{	
	float: left;
	width: 210px;
	margin-left: 18px;
}

#content #col_right #game_box .game.short {width: 155px;}

#content #col_right #game_box .game .round{	
	font-size: 0.9em;
	color: #4F3E00;
	line-height: 1.0em;
	padding: 5px 0px 0px 0px;
}

#content #col_right #game_box .game .teams{	
	font-size: 1.2em;
	color: #092F68;
	font-weight: bold;
	line-height: 1.0em;
	padding: 0px 0px 1px 0px;
}

#content #col_right #game_box .game .date{	
	font-size: 0.9em;
	color: #4F3E00;
	line-height: 1.0em;
}

#content #col_right #game_box .score{	
	float: left;
	width: 45px;
	margin-left: 10px;
	text-align: left;
	font-size: 1.2em;
	color: #092F68;
	font-weight: bold;
	line-height: 1.0em;
	padding: 16px 0px 1px 0px;
}
#content #col_right #game_box .score a {color: #09316D;}


/* ========================= Novinky */
#content #col_right #news {padding-top: 20px}
#content #col_right #news #news_panel {height: 310px;}

#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 -41px;	}
#news #news_panel .header_news {
	color: #092F68;
	font-weight: bold;
	background: transparent;
	font-size: 1.1em;
}
#news #news_panel p {
	font-size: 0.9em;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

/* ========================= MLADEZ */
#content #col_right #mladez_clanky {margin: 0px;}
#content #col_right #mladez_clanky h3{
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: bold;
	padding: 4px 0px 10px 0px;
	margin: 0px;
}
#content #col_right #mladez_clanky h3 span{color:#1B54A8; font-size: 11px; font-weight: normal; display: inline;}
#content #col_right #mladez_clanky p {
	font-size: 1.0em;
	padding: 0px 0px 8px 0px;
	margin: 0px 0px 11px 0px;
}
#content #col_right #mladez_clanky .line {margin: 0px 0px 10px 0px;}

#content #col_right #mladez_menu {background: url(../img/header_mladez.png) no-repeat 0px 0px; height: 41px; margin-bottom: 20px;}
#content #col_right #mladez_menu a {
	float: left;
	display: block;
	text-decoration: none;
	height: 41px;
	background: url(../img/header_mladez.png) no-repeat 0px 0px;
}
#content #col_right #mladez_menu a.button1 {width: 57px; background-position: 0px 0px; }
#content #col_right #mladez_menu a.button2 {width: 44px; background-position: 57px 0px;}
#content #col_right #mladez_menu a.button3 {width: 44px; background-position:  -101px 0px;}
#content #col_right #mladez_menu a.button4 {width: 23px; background-position:  -145px 0px;}
#content #col_right #mladez_menu a.button5 {width: 23px; background-position:  -168px 0px;}
#content #col_right #mladez_menu a.button6 {width: 24px; background-position:  -191px 0px;}
#content #col_right #mladez_menu a.button7 {width: 24px; background-position:  -215px 0px;}
#content #col_right #mladez_menu a.button8 {width: 24px; background-position:  -239px 0px;}
#content #col_right #mladez_menu a.button9 {width: 24px; background-position:  -263px 0px;}
#content #col_right #mladez_menu a.button10 {width: 30px; background-position: -287px 0px;}

#content #col_right #mladez_menu a.button1:hover {background-position: -0px -41px;}
#content #col_right #mladez_menu a.button2:hover {background-position: -57px -41px;}
#content #col_right #mladez_menu a.button3:hover {background-position: -101px -41px;}
#content #col_right #mladez_menu a.button4:hover {background-position: -145px -41px;}
#content #col_right #mladez_menu a.button5:hover {background-position: -168px -41px;}
#content #col_right #mladez_menu a.button6:hover {background-position: -191px -41px;}
#content #col_right #mladez_menu a.button7:hover {background-position: -215px -41px;}
#content #col_right #mladez_menu a.button8:hover {background-position: -239px -41px;}
#content #col_right #mladez_menu a.button9:hover {background-position: -263px -41px;}
#content #col_right #mladez_menu a.button10:hover {background-position: -287px -41px;}


