/*
Auther:Muhammad NeamulMowla Pinju
Title:web_hksala_news
Date:3-03-09
*/


body{
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif, Tahoma;
	font-size:12px;
	color:#525252;
	
}


*{
	margin:0;
	padding:0;
}
ul li{
	list-style:none;		
}
img{
	border:none;
}

img.sprava {
	margin:5px;
}

#wrap_bg{
	background:url(_img/wrap_bg3.jpg) repeat-y center;
	width:100%;
}

#wrap_top{
	background:url(_img/wrap_top3.jpg) no-repeat center top;
	width:100%;
	
}

#wrap_btm{
	background: url(_img/wrap_btm3.jpg) no-repeat center bottom;
	width:100%;
	text-align:center;
}

#wrapin_bg{
	width:1004px;	
	margin:0 auto;
	background:url(_img/wrapin_bg6.jpg) repeat-y  center;
}

#wrapin_top{
	width:1004px;
	background:url(_img/wrapin_top5.jpg) no-repeat center top;
}

#wrapin_btm{
	width:1004px;
	background:url(_img/wrapin_btm5.jpg) no-repeat center bottom;
	padding-bottom:8px;
	
}
#container{
	width:1004px;	
	margin-bottom:0px;
	overflow:hidden;
}

/*===============================start=====nav==========================================*/
#nav_top{
	width:990px;
	height:18px;
	padding:11px 14px 0 0;
	float:left;
	text-align:right;
}

#nav_top p{
	color:#fff;
	font-size:11px;
}

#nav_top p a{
	color:#fff;
	text-decoration:none;
}

#nav_top p a:hover{
	color:#636363;
}
/*===============================start=====left_container==========================================*/


#left_container{
	width:230px;
	float:left;
}

#logo{
	width:230px;
	height:307px;
	display:block;
}
#left_container dl{
	width:230px;
	text-align:left;
	padding-bottom:30px;
	overflow:hidden;
}

#left_container dl .left_hdr{
	width:224px;
	height:29px;
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	padding:2px 0 0 6px;
	margin-bottom:3px;
	background:url(_img/left_hdr_bg.png) no-repeat;
}

#left_container dl .left_lft{
	width:99px;
	text-align:right;
	float:left;
	padding-right:12px;
}
#left_container dl .left_lft ul{
	width:99px;
	text-align:right;
	display:block;
	
	
}

.left_lft ul .img_box{
	overflow:hidden;
}
.left_lft ul .img_box img{
	display:block;
/*	width:81px;
	height:61px;*/
	float:right;
	

}
.left_lft ul li{
	width:99px;
	color:#383838;
	font-size:14px;
	display:block;
}
.left_lft ul li .itlc{
	font-style:italic;
}
.left_rt ul li .itlc{
	font-style:italic;
}

#left_container dl .left_rt{
	width:105px;
	background:url(_img/dd_rt1.jpg) no-repeat left 30px;
	float:right;
	text-align:left;
	padding-left:14px;
}
#left_container dl .bg2{
	background:url(_img/bdr_dd2.jpg) no-repeat left 30px;
}
#left_container dl .bg3{
	background:url(_img/bdr_dd3.jpg) no-repeat left 10px;
}


.left_rt ul li{
	width:103px;
	color:#383838;
	font-size:14px;
	display:block;
}

.left_rt ul .img_box{
	overflow:hidden;
}
.left_rt ul .img_box img{
	display:block;
	width:81px;
	height:61px;
	float:left;
}
#left_container dl #left_bar_box{
	width:230px;
	overflow:hidden;
	float:left;
}
#left_bar_box #spn_br{
	width:210px;
	float:left;
	background:url(_img/spn_br.jpg) no-repeat 50px bottom;
	padding:0 0 6px 20px;
	margin-bottom:20px;	
}


#left_bar_box #bar_txt{
	width:111px;
	float:left;
}
#left_bar_box #bar_clr{
	width:119px;
	float:right;
}
#bar_clr li #bar_gr{
	height:13px;
	background:url(_img/green_bar.jpg) repeat-x;
	float:left;
	margin-right:2px
}
#bar_clr li #bar_yl{
	height:13px;
	background:url(_img/yellow_bar.jpg) repeat-x;
	float:left;
	margin-right:2px
}
#bar_clr li #bar_rd{
	height:13px;
	background:url(_img/red_bar.jpg) repeat-x;
	float:left;
	margin-right:2px
}

#bar_clr li{
	width:119px;
	text-align:left;
}
#bar_txt li{
	text-align:right;
	width:101px;
	padding-right:10px;
}

.bar_txt_a {
	color:#383838;
	text-decoration:none;
}
.bar_txt_a:hover {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}


/*===============================start=====right_container==========================================*/


#right_container{
	width:774px;
	float:left;
}

#banner{
	width:754px;
	height:284px;
	background:url(_img/banner_bg.jpg) no-repeat 8px 8px;
	padding:15px 8px 8px 8px;	
}
#mid_container{
	width:774px;
	overflow:hidden;
	background:url(_img/table_bg.jpg) repeat-y left;
}
#table_area{
	width:220px;	
	float:left;
	
}

#table_areain{
	width:198px;
	text-align:left;
	padding:15px 22px 0 0;
	background:url(_img/table_area.jpg) no-repeat;	
}
#slc_box{
	width:190px;
	padding:0 0 6px 8px;
}

#slc_box li{
	border-bottom:1px solid #fff;
	padding:15px 0;

}

#slc_box select{
	border:1px solid #fff;
	width:188px;
	height:23px;
	background:url(_img/txtbox_bg.jpg) repeat-x;
}

#table_areain h2{
	background:url(_img/tbl_hdr.jpg) no-repeat;
	width:190px;
	height:24px;
	font-size:14px;
	font-weight:normal;
	padding-left:8px;
	line-height:24px;
	color:#007DC2;
}

#table_areain #left_nav{
	width:190px;
	padding:2px 0 40px 8px;
	font-size:14px;
}

#table_areain #left_nav a{
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}
#table_areain #left_nav a:hover{
	text-decoration:underline;
	font-style:italic;
}
#table_areain #left_nav a.hm_link_push{
	text-decoration:none;
	font-style:italic;
}
#table_areain #left_nav a.hm_link_push:hover{
	text-decoration:underline;
	font-style:italic;
}

#table_areain table{
	width:190px;
	margin-left:8px;
	font-size:11px;
	
}
#table_areain table tr th{
	text-align:center;
	padding:4px 0;
}
#table_areain table .row_a{
	background:#979797;
}
#table_areain table tr .wh{
	color:#fff;
	text-align:right;
}
#table_areain table tr .dt{
	padding-top:14px;
	text-align:right;
}
#table_areain table tr .cn{
	text-align:left;
	padding-left:2px;
}
#table_areain table .tbl_btm{
	background:url(_img/tbl_btm_bg.jpg) repeat-x bottom;
}

#menucnt{
	width:550px;
	float:right;
	padding-right:4px;
	text-align:left;
	
}


#menu_box{
	width:550px;
	text-align:right;
	overflow:hidden;
	height:29px;
	display:block;	
	padding-bottom:10px;
}
#menu_box #main_menu{	
	height:29px;
	float:right;
	background:url(_img/main_menu_bg.jpg) repeat-x;
	text-align:right;
	display:block;
	overflow:hidden;
}

#main_menu #menulft{
	background:url(_img/main_menu_left.jpg) no-repeat left top;
	height:29px;
	float:left;
	overflow:hidden;
	display:block;
	
}

#main_menu  #menulft #menurt{
	background:url(_img/main_menu_right.jpg) no-repeat right top;
	height:29px;
	float:left;
	overflow:hidden;
	
}

#menu_box a{
	height:19px;
	padding:2px 10px 0px 10px;
	float:left;
	display:block;
	text-decoration:none;
	color:#fff;
	
}
#menu_box a:hover{
	background:#B7E1F7;
	color:#414141;
}

#menu_box a.hm_link_push{
	background:#B7E1F7;
	color:#414141;
}

#menu_box #sl{
	background:#B7E1F7;
	color:#414141;
}

#menucnt h1{
	background:url(_img/main_hdr_bg.jpg) repeat-x;
/*	width:293px;*/
	width:530px;
	font-size:30px;
	color:#454545;
	padding:3px 0 0 7px;
}

/* news */
#news{
	width:533px;
	padding:52px 10px 20px 7px;
}

#news h2{
	width:533px;
	border-bottom:1px solid #DCD8CC;
	font-size:16px;
	color:#007DC2;
	font-weight:normal;
	margin-bottom:3px;
}
#news h2 span{
	color:#000000;
	font-style:italic;
	font-weight:bold;
}

#news dd{
	width:533px;
	padding-bottom:40px;
}

#news dd h2{
	width:533px;
	border-bottom:1px solid #DCD8CC;
	font-size:16px;
	color:#007DC2;
	font-weight:normal;
	margin-bottom:3px;
}

#news dd h2 a{
	color:#007DC2;
	text-decoration:none;
}

#news dd h2 a:hover{
		color:#828282;
}

#news dd div{
	width:533px;
	color:#525252;
	display:block;
	overflow:hidden;
}

#news dd div div#left{
	width:98px;
	display:block;
	overflow:hidden;
	float:left;
}

#news dd div div#right{
	width:433px;
	display:block;
	overflow:hidden;
	float:left;
}

#news dd div div#left img{
	float:left;
	display:block;
	margin:6px;
	border:3px solid #007DC2;
}
#news dd div div#right span{
	float:left;
	width:400px;
	display:block;
}

#news dd div div#right .more{
	float:right;
	width:30px;
	color:#007DC2;
	text-decoration:none;
	display:block;
}

#news dd div div#right .more:hover{
	color:#828282;
	text-decoration:underline;
}

#news dd div div#sprava{
	width:533px;
	display:block;
	overflow:hidden;
	float:left;
}
#news dd div div#sprava span{
	float:left;
	width:500px;
	display:block;
}
#news dd div div#sprava .more{
	float:right;
	width:30px;
	color:#007DC2;
	text-decoration:none;
	display:block;
}
#news dd div div#sprava .more:hover{
	color:#828282;
	text-decoration:underline;
}


/******** search ********/
#search{
	width:533px;
	padding:52px 10px 20px 7px;
}
#search dd{
	width:533px;
	padding-bottom:40px;
}
#search dd h2{
	width:533px;
	border-bottom:1px solid #DCD8CC;
	font-size:16px;
	color:#007DC2;
	font-weight:normal;
	margin-bottom:3px;
}
#search dd h2 span{
	color:#000000;
	font-style:italic;
	font-weight:bold;
}
#search dd div{
	width:533px;
	color:#525252;
	display:block;
	overflow:hidden;
	border-bottom:1px solid #DCD8CC;
}
#search dd div a.more{
	color:#007DC2;
	text-decoration:none;
	float:right;
}
#search dd div a.more:hover{
		color:#828282;
}
#search dd div .show{
	color:#007DC2;
	font-weight:bold;
}




/*===============================start=====footer==========================================*/
#footer{
	width:1004px;
	text-align:left;
}

#srch_box{
	width:218px;
	height:23px;
	display:block;
	margin-bottom:20px;
	padding:1px 11px 0 1px;
	background:url(_img/srch_box_bg.jpg) no-repeat left;
	text-align:center;
}

#srch_box input{
	width:208px;
	height:19px;
	color:#828282;
	font-size:12px;
	padding-top:4px;
	padding-left:10px;
	background:url(_img/txtbox_bg.jpg) repeat-x;
	border:none;
}
#footer #spnsr{
	background:url(_img/sponsar_bg2.jpg) no-repeat left;
	width:1000px;
	height:98px;
	padding:14px 4px 0 0px;
}

#spnsr a{
	color:#828282;
	text-decoration:none;
}

#spnsr a:hover{
	color:#000;
}
#spnsr img{
	margin-right:52px;
}

.hide {
	visibility: hidden;
	position: absolute;
	top: -400px;
}

#qscroller1 {

	width:1000px;
	height:72px;
	
}

.qslide {
	width:950px;
	height:72px;
	padding-left:50px;
	display:block;
	color:#fff;
	line-height:72px;
	
}

#viac{
	width:990px;
	padding:5px 10px 0 0;
	overflow:hidden;
}

#viac a{
	float:right;
}

#btm_nav{
	width:1000px;
	height:45px;
	font-size:11px;
	overflow:hidden;
}

#btm_nav span{
	float:left;
	color:#A6D0E7;
}
#btm_nav span b{
	color:#fff;
	font-weight:normal;
	}
#btm_nav p{
	float:right;
	color:#A6D0E7;
}

#btm_nav p a{
	color:#fff;
	text-decoration:none;
}

#btm_nav p a:hover{
	color:#fff;
	text-decoration:underline;
}

#spnsr img,#left_container dl .left_hdr,.left_rt ul .img_box img,.left_lft ul .img_box img,.teamvs img,img{
	behavior: url("iepngfix.htc")
 
 }
 
 /*=======================================about===================================================*/
 
#right_container .paddingbtm{
 	padding-bottom:90px;
 }
 
 .about_cnt{
 	width:536px;
	padding:35px 14px 0 0;
 }
 
.about_cnt  h2{
	width:527px;
	border-bottom:1px solid #DCD8CC;
	font-size:16px;
	color:#007DC2;
	font-weight:normal;
	padding-left:9px;
	margin-bottom:3px;
}

.about_cnt ul{
	width:536px;
	padding:15px 0px 0 0px;
	overflow:hidden;
}

.about_cnt ul li{
	width:131px;
	height:150px;
	float:left;
	margin-bottom:25px;
	text-align:center;
	
}


.about_cnt ul li  img{
	border:3px solid #007DC2;
	

}

.about_cnt ul li big{
	font-size:12px;
	display:block;
}

.about_cnt ul li small{
	font-size:10px;
	display:block;
}
/*==========================team===============================================*/

#team_img{
	background:url(_img/team_img_bg.jpg) no-repeat;
	width:450px;
	height:265px;
	margin-left:37px;
	padding:8px 7px 11px 8px;
}

#hrac_img{
	margin-left:207px;
	margin-top:10px;
	text-align:center;
	width:89px;
	height:119px;
	border:1px solid black;
	padding:8px 8px 8px 8px;
}

#teamhdr{
	width:533px;
	border-bottom:1px solid #DCD8CC;
	font-size:16px;
	color:#007DC2;
	font-weight:normal;
	margin-bottom:14px;
}

#playerdtl{
	width:533px;
	margin:0;
	padding:0;
	padding:0px 10px 20px 7px;
	overflow:hidden;
	
}

#hrac_more{
	float:right;
	width:30px;
	color:#007DC2;
	text-decoration:none;
	display:block;
}
#hrac_more:hover{
	color:#828282;
	text-decoration:underline;
}


#playerdtl dd{
	width:265px;
	float:left;
	padding-bottom:28px;
	text-align:left;
}

#playerdtl dd p{
	width:265px;
	height:130px;
	float:left;
	text-align:left;
	overflow:hidden;
}


#playerdtl dd p img{
	background:url(_img/team_plr_bg.jpg) no-repeat;
/*	width:89px;
	height:100px;
	*/
	padding:4px;
	float:left;
	margin-right:4px;
}

#playerdtl dd p span{
	width:164px;
	display:block;
	float:left;
	color:#454545;
	font-size:12px;
	font-style:italic;
	
}

#playerdtl dd p .plname{
	font-size:16px;
	color:#007DC2;
	font-style:normal;
}

#playerdtl dd p .plname a{
	font-size:16px;
	color:#007DC2;
	font-style:normal;
	text-decoration:none;
}
#playerdtl dd p .plname a:hover{
	font-size:16px;
	color:#007DC2;
	font-style:normal;
	text-decoration:underline;
}

#playerdtl dd big{
	color:#000000;
	font-size:12px;
	font-style:normal;
}

/*==========================uspechy===============================================*/

#uspechdtl{
	width:533px;
	margin:0;
	padding:0;
	padding:0px 10px 20px 7px;
	overflow:hidden;
	
}


#uspechdtl dd{
	width:130px;
	float:left;
	padding-bottom:28px;
	text-align:left;
}

#uspechdtl dd p{
	width:130px;
	float:left;
	text-align:center;
	overflow:hidden;
}


#uspechdtl dd p img{
	display:block;
	margin:30px 3px 3px 17px;
	border:3px solid #007DC2;
}

#uspechdtl dd p span{
	width:130px;
	display:block;
	color:#454545;
	font-size:12px;
	font-style:italic;
	
}

#uspechdtl dd p .plname{
	font-size:16px;
	color:#007DC2;
	font-style:normal;
}

#uspechdtl dd big{
	color:#000000;
	font-size:12px;
	font-style:normal;
}

/*=======================================result=====================================================*/

.roundtime{
	width:541px;
	margin-right:9px;
	overflow:hidden;
	
}

.roundtime .resulthdr{
	float:left;
	width:100px;
	display:block;
	font-size:16px;
	color:#007DC2;
}



.roundtime p{
	float:right;
	width:400px;
	text-align:right;
	display:block;
	color:#515151;
}

.roundtime p span{
	color:#000;
}

.teamvs{
	width:541px;
	height:72px;
	text-align:left;
	background:url(_img/result_bg.jpg) no-repeat;
	overflow:hidden;
	margin-bottom:23px;
}

.teamvs img{
	float:left;
/*	width:38px;
	height:72px;*/
	display:block;
}

.teamvs  span{
	width:200px;
	height:52px;
	font-size:14px;
	padding-top:25px;
	float:left;
	display:block;
}

.teamvs  span big{
	font-weight:normal;
	font-size:18px;
	font-weight:normal;
	color:#525252;
	padding:0 4px;
}

.teamvs  .vs{
	width:30px;
	text-align:center;
}
.teamvs  .leftteam{
	text-align:right;
	width:190px;
	font-style:italic;
	padding-right:10px;
}
.teamvs  .rightteam{
	width:190px;
	text-align:left;
	font-style:italic;
	padding-left:10px;
	
}

/*================================hall==============================*/


#slidegl{
	width:550px;
	position:relative;
}
.hide2 {
	visibility: hidden;
	position: absolute;
	top: -400px;
	
}
 #qscroller2 {
 	width:458px;
	height:272px;
	margin:0 0 30px 40px;
	background:url(_img/gallery_img_bg.jpg) no-repeat;
	
	
}

.qslide2{
	width:450px;
	height:264px;
	padding:4px;
}

.qslide2 img{
	width:450px;
	height:264px;
	display:block;	
	
}
#go-prev{
	width:26px;
	height:29px;
	position:absolute;
	top:130px;
	left:0px;
}

#go-next{
	width:26px;
	height:29px;
	position:absolute;
	top:130px;
	right:15px;
}


.panel img{
	width:450px;
	height:264px;
		
}


#menucnt .hallhdr{
	width:533px;
	border-bottom:1px solid #DCD8CC;
	font-size:16px;
	color:#007DC2;
	font-weight:normal;
	margin-bottom:14px;
}
#gallery_all{
	width:550px;
	overflow:hidden;
	margin-bottom:50px;
}
#gallery_all img{
	background:url(_img/team_plr_bg.jpg) no-repeat;
	width:89px;
	height:100px;
	padding:4px;
	float:left;
	margin:0 9px 23px 0;
}

#btmtxt{
	margin-bottom:40px;
	color:#525252;
	display:block;

}

/*===================================contact==========================================*/


#contact{
	width:540px;
	padding-right:9px;
	overflow:hidden;
}


#contact{
	width:540px;
	padding-right:10px;
	overflow:hidden;
}

#contact dd{
	width:270px;
	float:left;
	
}

#contact dd .lftspan{
	padding-left:9px;
	width:261px;
	display:block;
}

#contact dd .cnt_hdrl{
	padding-left:9px;
	width:261px;
}

#contact dd a{
	color:#66B1DA;
	text-decoration:none;
}
#contact dd a:hover{
	text-decoration:underline;
}

#contact dd img{
	border:3px solid #007DC2;
}

#contact dd h2{
	width:270px;
	border-bottom:1px solid #DCD8CC;
	font-size:16px;
	color:#007DC2;
	font-weight:normal;
	margin-bottom:14px;
}

#contact dd #form{
	width:261px;
}
#form li{
	margin-bottom:4px;
}
#form .txtbox{
	width:257px;
	height:19px;
	padding:4px 1px 2px 3px;
	display:block;
	background:url(_img/txtbox_li.jpg) no-repeat left top;
}
#ok1{
	width:175px;
	height:19px;
	border:0px;
	float:left;
	padding:4px 1px 2px 3px;
	display:block;
	background:url(_img/txtbox_li.jpg) no-repeat left top;
}
#security_code {
	font-size:12px;
	padding-left:10px;
	color:#828282;
}
#ok2{
	width:70px;
	height:22px;
	border:0px;
	float:left;
	clear:right;
	padding:4px 1px 2px 10px;
	display:block;
}

.txtbox input{
	width:247px;
	height:18px;
	font-size:12px;
	color:#828282;
	padding-left:10px;
	/*border-top:none;
	border-left:none;*/
	border:none;
	
}

#form #tarea{
	background:url(_img/txtarea_li.jpg) no-repeat;
	width:257px;
	height:85px;
	padding:4px 1px 2px 3px;
}

#tarea textarea{
	width:247px;
	height:84px;
	font-size:12px;
	color:#828282;	
	padding-left:10px;
	border:none;
}


#form li #btn{
	background:url(_img/btn_li.jpg) no-repeat;
	width:68px;
	height:24px;
	border:none;
}


/*==============================paging==========================*/

#paging_box{
	width:550px;
	text-align:right;
	overflow:hidden;
	height:29px;
	display:block;
	padding-bottom:10px;
}
#paging_box #pg_menu{	
	height:29px;
	float:right;
	background:url(_img/pg_menu_bg.jpg) repeat-x;
	text-align:right;
	display:block;
	overflow:hidden;
}

#pg_menu #pglft{
	background:url(_img/pg_menu_left.jpg) no-repeat left top;
	height:29px;
	float:left;
	overflow:hidden;
	display:block;
	
}

#pg_menu  #pglft #pgrt{
	background:url(_img/pg_menu_right.jpg) no-repeat right top;
	height:29px;
	float:left;
	overflow:hidden;
	
}

#paging_box a{
	height:19px;
	padding:2px 5px 0px 5px;
	float:left;
	display:block;
	text-decoration:none;
	color:#fff;
	
}
#paging_box a:hover{
	background:#E2E2E2;
	color:#000;
}

#paging_box a.press{
	background:#E2E2E2;
	color:#000;
}

#paging_box #sl{
	background:#E2E2E2;
	color:#000;
}


