/*------- INDEX --------*/
html body {background-image: url(../img/bcg_body_zubr.png);}
#layout { background-color:#fff;}

#layout #main_index{
	width: 950px;
	margin: auto;
}

#layout #main.index {width: 785px; float: right;}
#layout #main #text.index {width: 550px;}

#layout #col_left {
	width: 150px; float: left;
	padding: 15px 0px 15px 0px;
}

#layout #col_left .header_left {
	background: #FEF400 url(../img/bcg_header_left.gif) no-repeat 0px 0px;	
	width: 140px;
	height: 16px;
	padding: 4px 0px 0px 10px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #29166F;
}
#layout #col_left .bottom_left {
	background: url(../img/bcg_header_left2.gif) no-repeat 0px 0px;	
	width: 150px;
	height: 15px;
	font-size: 0px;
}

#layout #col_left  .space {height: 15px;}
#layout #col_left  .line  {background: #29146F;}

#layout #col_left .box_left {
	background:#FEF400;
	padding: 5px 8px 10px 8px;
	color: #29166F;
	font-size: 0.9em;
	line-height: 1.4em;
}
#layout #col_left .box_left ul 		{padding: 0px; margin: 0px;}
#layout #col_left .box_left ul li	{background: url(../img/arrow3.gif) no-repeat 0px 7px; padding: 1px 0px 4px 10px;}

/* ========================= Anketa */
#layout #col_left .box_left .anketa								{padding: 5px 0px 0px 0px;}
#layout #col_left .box_left .anketa .anketa_otazka 		{text-align: left; margin: 0px 0px 5px 0px; font-weight: bold;}
#layout #col_left .box_left .anketa .hlasuj 					{border-bottom: 1px solid #29146F; padding-top: 3px; padding-bottom: 3px;}
#layout #col_left .box_left .anketa input.odeslat 			{font-size: 11px;}
#layout #col_left .box_left .anketa .hlasuj .toleft	 	{width: 50px;background: Aqua;}
#layout #col_left .box_left .anketa .hlasuj .toright	 	{width: 50px;background: Aqua;}
#layout #col_left .box_left .anketa p.anketa_odpoved 		{clear: both; margin: 0px; padding: 3px 0px 1px 0px; text-align: left;  background: transparent;}
#layout #col_left .box_left .anketa .anketa_graf 			{display: block;	float: left;	font-size: 0px;	width: 100px;	line-height: 0px;	background: #ffffff;	margin: 5px 0px 10px 0px;	padding: 1px 3px 1px 3px;}
#layout #col_left .box_left .anketa .anketa_graf_vyplnene{display: block;	float: left;	font-size: 0px;	height: 8px;	line-height: 0px;	background: #67A5D4;}
#layout #col_left .box_left .anketa .anketa_procenta 		{text-align: center;	margin: 0px;	padding: 0px; 	font-size: 10px;	padding-top: 3px; line-height: normal; background: transparent;}
#layout #col_left .box_left .anketa p.small 					{padding: 5px 0px 0px 0px; margin: 0px;}

#layout #main #col_right #tabs {width: 220px; height: 21px;}
#layout #main #col_right #tabs a{height: 21px;}
#layout #main #col_right #tabs a.tab_on{
	display: block;
	float: left;
	background: url(../img/bcg_tab_on.gif) repeat-x 0px 0px; 
	color: #ffffff;
	text-align: center; 
	text-transform: uppercase; 
	text-decoration: none; 
	font-size: 11px; 
	font-weight: bold;
}

#layout #main #col_right #tabs a.tab_off{
	display: block;
	float: left;
	background: url(../img/bcg_tab_off.gif) repeat-x 0px 0px; 
	color: #28166C;
	text-align: center; 
	text-transform: uppercase; 
	text-decoration: none; 
	font-size: 11px; 
	font-weight: bold;
}

#layout #main #col_right #tabs #tab_1_1.tab_on		{width: 65px; display: block;}
#layout #main #col_right #tabs #tab_1_1.tab_off		{width: 65px; display: block;}
#layout #main #col_right #tabs #tab_1_2.tab_on		{width: 72px; margin: 0px 1px 0px 1px;  display: block;}
#layout #main #col_right #tabs #tab_1_2.tab_off		{width: 72px; margin: 0px 1px 0px 1px; display: block;}
#layout #main #col_right #tabs #tab_1_3.tab_on		{width: 81px; display: block;}
#layout #main #col_right #tabs #tab_1_3		{width: 81px; display: block;}


#layout #main #col_right #tabs #tab_2_1.tab_on		{width: 73px; display: block;}
#layout #main #col_right #tabs #tab_2_1.tab_off		{width: 73px; display: block;}
#layout #main #col_right #tabs #tab_2_2.tab_on		{width: 73px; margin: 0px 0px 0px 1px;  display: block;}
#layout #main #col_right #tabs #tab_2_2.tab_off		{width: 73px; margin: 0px 0px 0px 1px; display: block;}
#layout #main #col_right #tabs #tab_2_3.tab_on		{width: 72px; margin: 0px 0px 0px 1px;  display: block;}
#layout #main #col_right #tabs #tab_2_3.tab_off		{width: 72px; margin: 0px 0px 0px 1px; display: block;}

/* ========================= BOX ZAPAS */
#layout #main #col_right .box_right #box_games{padding: 10px 0px 0px 0px;}
#layout #main #col_right .box_right #score{padding: 10px 0px 15px 0px; font-size: 3.0em; color:#93CBFC; text-align: center; font-family: tahoma;}
#layout #main #col_right .box_right #tretiny{padding: 1px 0px 1px 0px; font-size: 1.1em; text-align: center; border-top: #ffffff 1px dotted; border-bottom: #ffffff 1px dotted;}
#layout #main #col_right .box_right #game_info{padding: 5px 0px 5px 0px; font-size: 1.0em; text-align: center;}
#layout #main #col_right .box_right #game_info a{color:#FFF500; text-transform: uppercase; font-weight: bold;}
#layout #main #col_right .box_right #game_info a.noexist{ text-decoration: none; cursor: default;}
#layout #main #col_right .box_right .box_aktual {padding: 2px 0px 2px 0px;  border-top: #ffffff 1px dotted;}

/* ========================= MALA TABULKA */
#layout #main #col_right .box_right table.table_hokej_mala 						{margin: 5px auto 0px auto; width: 180px; border-collapse: collapse;}
#layout #main #col_right .box_right table.table_hokej_mala tr .poradi		{width: 25px; text-align: left;}
#layout #main #col_right .box_right table.table_hokej_mala tr .tym			{display: none;}
#layout #main #col_right .box_right table.table_hokej_mala tr .tym_dlouhe	{}
#layout #main #col_right .box_right table.table_hokej_mala tr .body			{width: 25px; text-align: center; padding-right: 3px; font-weight: bold;}
#layout #main #col_right .box_right table.table_hokej_mala tr .zapasy		{width: 25px; text-align: center;}
#layout #main #col_right .box_right table.table_hokej_mala tr .score			{width: 45px; text-align: center; display: none;}
#layout #main #col_right .box_right table.table_hokej_mala tr td				{border: #B7B7B7 0px solid; padding: 0px 3px 0px 3px;}
#layout #main #col_right .box_right table.table_hokej_mala tr.PRE td			{background:#FBEC1F; color:#29166F;}
#layout #main #col_right .box_right table.table_hokej_mala tr.PRE td		a	{color:#29166F;}
#layout #main #col_right .box_right table.table_hokej_mala tr th				{background:#FBEC1F; color:#29166F;}
#layout #main #col_right .box_right table.table_hokej_mala th					{padding: 0px 3px 0px 3px;  border: #B7B7B7 0px solid;}
#layout #main #col_right .box_right table.table_hokej_mala th.zapasy			{text-align: center;}
#layout #main #col_right .box_right table.table_hokej_mala th.score			{text-align: center;}
#layout #main #col_right .box_right table.table_hokej_mala th.body			{text-align: center;}


/* ========================= news */
#layout #main #col_right .box_right.news {padding-right: 2px; padding-bottom: 5px;}
#layout #main #col_right .box_right.news #news {
	overflow: auto;
	padding: 0px 7px 0px 0px; 
	height: 350px;
}
#layout #main #col_right .box_right.news #news .bold {color:#67A5D4}

#layout #main #col_right .box_right.news #news p	{border-bottom: #C98389 1px solid; padding: 4px 0px 5px 0px; margin: 0px 0px 5px 0px; text-align: left;}


#layout #main #top_story #infobar_index{
	background: url(../img/bcg_infobar.gif) repeat-x 0px 0px; 
	padding: 4px 0px 0px 0px;
	height: 26px;
	font-weight: bold;
	text-align: center;
	margin: 0px 0px 5px 0px;
	font-size: 12px;
	color:#29166F;
}
#layout #main #top_story #infobar_index a {color:#29166F;}

#layout #main #top_story #top_story_left_box {
	float: left;
	width: 550px;
	padding: 0px 15px 0px 0px;
	height: 300px;
	border-bottom:  5px solid #FEF400;
}
#layout #main #top_story #top_story_left_box .top_story_left_box { display: none;}
#layout #main #top_story #top_story_left_box .top_story_left_box.show { display: block;}

#layout #main #top_story #top_story_right_box{
	float: right;
	width: 220px;
	height: 300px;
	border-bottom:  5px solid #FEF400;
}

#layout #main #top_story #top_story_right_box a {
	height: 79px;
	width: 180px;
	font-weight: bold;
	background: #9ACCFF url(../img/bcg_top_story_header.gif) no-repeat 0px 0px;
	padding: 16px 20px 0px 20px;
	font-size: 14px;
	text-decoration: none;
	line-height: 1.3em;
	margin: 0px 0px 5px 0px;
	display: block;
	color: #29166F;
}
#layout #main #top_story #top_story_right_box a.selected {
	background: #29166F url(../img/bcg_header_right.gif) no-repeat 0px 0px;
	color: #ffffff;
}


#layout #main #top_story #top_story_right_box a span {
	display: block;
	font-size: 10px;
	font-weight: normal
}

#layout #main #top_story #top_story_left_box #topstory_left {float: left; width: 255px; padding: 22px 0px 0px 0px;}
#layout #main #top_story #top_story_left_box #topstory_right {float: right;  width: 280px; padding: 18px 0px 0px 0px;}
#layout #main #top_story #top_story_left_box #topstory_right h1 {padding: 0px 0px 10px 0px; margin: 0px; font-size: 1.7em;}









#layout #main #text  .space {height: 10px;}
#layout #main #text #infobar{
	background: url(../img/bcg_infobar.gif) repeat-x 0px 0px; 
	padding: 4px 0px 0px 0px;
	height: 26px;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	color:#29166F;
}
#layout #main #text #infobar a {color:#29166F;}

#layout #main #text #topstory_left {float: left; width: 255px; padding: 22px 0px 0px 0px;}

#layout #main #text #topstory_right {float: right;  width: 280px; padding: 18px 0px 0px 0px;}
#layout #main #text #topstory_right h1 {padding: 0px 0px 10px 0px; margin: 0px; font-size: 1.7em;}

#layout #main #text #index_yellow{background: url(../img/bcg_index_yellow.gif) repeat-y 0px 0px;}

#layout #main #text #index_yellow .header_middle {
	height: 16px;
	text-align: left;
	padding: 2px 0px 4px 0px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #29166F;
}

#layout #main #text #index_yellow #hlasovani_hraci 								{}
#layout #main #text #index_yellow #hlasovani_hraci .hlasovani_nazev		{padding: 5px 0px 5px 0px; text-align: center;}
#layout #main #text #index_yellow #hlasovani_hraci .hlasuj 					{padding: 4px 0px 4px 0px;}
#layout #main #text #index_yellow #hlasovani_hraci .hlasuj input			{padding: 0px;}
#layout #main #text #index_yellow #hlasovani_hraci .hlasovani_odpoved 	{text-align: center; padding: 3px; text-transform: uppercase; color: #2B1673; font-weight: bold;}
#layout #main #text #index_yellow #hlasovani_hraci .hlasovani_odpoved_input option	{width: 200px;}


#layout #main #text #articles {
	/* background: url(../img/bcg_articles.gif) repeat-x 0px 0px;	*/
	padding: 10px 0px 0px 0px;
}
#layout #main #text #articles  #articles_left {float: right; width: 430px; background: transparent;}
#layout #main #text #articles  #articles_left h2 {font-size: 1.2em; font-weight: bold; padding: 10px 0px 2px 0px; margin: 0px;}
#layout #main #text #articles  #articles_left .author {font-size: 0.8em; border: 0px; padding: 0px 0px 4px 0px;}
#layout #main #text #articles  #articles_left p 		{padding: 0px 0px 10px 0px; font-size: 1.0em;}
#layout #main #text #articles .top_space {margin-top: 15px;}

#layout #main #text #articles .line {background: #FEF400;}

#layout #main  #mladez {background: #FFF500 url(../img/bcg_index_box_down.gif) repeat-x 0px 0px; padding: 1px 10px 10px 10px;}
#layout #main  #mladez h3 {font-size: 1.4em; font-weight: bold; padding: 10px 0px 2px 0px; margin: 0px;}
#layout #main  #mladez h3 a {color:#29166F;}
#layout #main  #mladez .author {font-size: 0.8em; border: 0px; padding: 0px 0px 4px 0px;}
#layout #main  #mladez p 		{padding: 0px 0px 0px 0px; font-size: 1.0em; margin: 0px;}
#layout #main  #mladez #mladez_top {width: 440px;float: left;}
#layout #main  #mladez #mladez_info {width: 280px;float: right; padding: 10px 0px 0px 0px; font-size:0.9em;}
#layout #main  #mladez #mladez_info h5 {padding: 0px 0px 0px 0px; margin: 0px; font-weight: bold; color:#29166F; font-size:11px; text-transform: uppercase; font-weight: bold;}
#layout #main  #mladez #mladez_info ul {padding: 0px; margin: 0px; border-top:1px dotted}
#layout #main  #mladez #mladez_info ul li a {font-weight: bold; color:#29166F}
#layout #main  #mladez #mladez_info p 	{padding: 0px 0px 6px 0px;}