@font-face
{
    font-family: helvetica;
}

*{
	padding: 0; margin: 0;
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

body{
	background: url('../images/sp_background_pr.png') #fff no-repeat center top;
	font-size: 12px;
}

.clr{
	clear: both;
}

ul{
	list-style: none;
}

ul a{
	text-decoration: none;
}

#all{
	width: 100%;
	height: 100%;
}

#allp{
	width: 980px;
	margin: auto;
}

#header{
	height: 100px;
	margin-bottom: -30px;
	z-index: 100;
}

#header a img{
	border: none;
}

#pic{
	width: 719px;
	height: 210px;
	float: left;
	display: inline;
	background-color: #AAA;
	background: url('../images/sp_main_pic.png') transparent no-repeat;
}

#nav{
	margin-top: 186px;
	width: 719px;
	height: 24px;
	font-family: sports_night; 
	text-transform: uppercase;
}

#nawigacja{
	height: 24px;
	width: 100%;
	z-index: 10;
}

#nav a{
	color: white;
}

#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav li {
	float: left;
	position: relative;
	width: 119px;
	height: 24px;
	text-align: center;
	background: url('../images/button_up.png') no-repeat;
	z-index: 10;
}

#nav li.active{
	background: url('../images/button_down.png') no-repeat;
}

#nav li ul {
	width: 119px;
	display: none;
	position: absolute; 
	top: 24px;
	left: 0;
}

#nav li ul li{
	text-align: left;
	height: 24px;
	margin-top: 1px;
	z-index: 10;
}

#nav li > ul {
	top: auto;
	left: auto;
}

#nav li:hover ul, li.over ul{ display: block; background: url('../images/button_black.png') no-repeat;}

#nav ul li:hover{
	background: url('../images/button_black.png') no-repeat;
}

#ul li:hover ul li{
	background: url('../images/button_black.png') no-repeat;
}




#last_game{
	height: 186px;
	width: 240px;
	background: url('../images/sp_sub_pic.png') transparent no-repeat;
	margin-left: 15px;
	background-color: #CD5468;
	float: left;
}

#last_gamep{
	height: 184px;
	width: 238px;
	margin: 1px 0 1px 1px;
}

#last_score{
	width: 100%;
	height: 25px;
	background: url('../images/tabs_0.gif');
	color: white;
	font-weight: bold;
	text-align: center;
	font: 12px/25px verdana,sans-serif;
}

#matches_link{
	width: 240px;
	margin-top: 186px;
}



#secrow{
	padding-top: 15px;
}




#main{
	width: 719px;
	height: 400px;
	float: left;
	display: inline;
	background: url('../images/trans.png');
}

#main .main_header, #main .archive_header, #main .roster-header{
	background: url('../images/tabs_1_50.gif') transparent no-repeat;
	width: 50px;
	height: 24px;
	margin: 10px 0 0 10px;
}

#matches_header{
	background: url('../images/tabs_1_120.gif') transparent;
	width: 120px;
	float: right;
	height: 24px;
	margin: -200px 10px 0 0;
	position: relative;
}

.main_header .span, .archive_header .span, #last_game .span , .roster-header .span, #next_game .span, #partners .span{
	position: relative;
	text-align: center;
	color: white;
	width: 100%;
	height: 24px;
	font: 11px/24px verdana, sans-serif;
	text-transform: uppercase;
}



#main_links ul li{
	padding-bottom: 10px;
}

#main ul li a{
	text-align: left;
}

#main img{
	float: left;
	border: none;
}
#main  .title{
	display: block;
	font-size: 20px;
}
#main .teaser{
	display: block;
	font-size: 14px;
}
#main .date{
	float:right;
	font-size: 10px;
	font-style: italic;
}

#main_links{
    position: relative;
    top: 10px; left: 10px;
	font-size: 12px;
	width: 200px;
	float: left;
	overflow: hidden;
	height: 350px;
}

#archive_links{
    position: relative;
    top: 10px; left: 10px;
	font-size: 12px;
	width: 650px;
	float: left;
	overflow: hidden;
	height: 350px;
}

.autor_data{
	float: right;
	padding-bottom: 10px;
}

#article{
	width: 630px;
	float: left;
	overflow: hidden;
	height: 310px;
}

#zajawka_article{
	width: 450px;
	float: left;
	height: 350px;
	overflow: hidden;
	margin-left: 20px;
}

#zajawka_article p{
	padding-top: 10px;
	text-align: justify;
}

#zajawka_article #content{
	float: left;

}
#main ul li .title{
	font-size: 14px;
//	text-transform: uppercase;
	font-weight: bold;
}
#main ul li .title a{
	color: maroon;
}

#zarzad ul li, #for_partners ul li{
	padding-top: 15px;
}

#read_more{
	float: right;
	padding-top: 5px;
}

#read_more a{
	text-decoration: none;
	color: maroon;
}

#footer{
	height: 400px;
	width: 240px;
	margin-left: 15px;
	float: left;
	background: url('../images/trans.png');
}

#next_game{
	width: 100%;
	height: 260px;
}

#partners{
	width: 100%;
	height: 140px;
}

#partnersp{
	position: relative;
	top: 20px;
	float: right;
	right: 15px;
}

#partnersp ul{
	list-style: none;
}
#partnersp img{
	border: 0;
}

#partners ul li{
	display: inline;
	float: left;
}


#next_game .span{
	float: right;
	background: url('../images/tabs_1_120.gif') transparent;
	width: 120px;
	margin: 10px 10px 0 0;
	position: relative;
}

#partners .span{
	float: right;
	background: url('../images/tabs_1_170.gif') transparent;
	width: 170px;
	margin-right: 10px;
	position: relative;
}






.Scroller-Container {
  position: relative;
}

.Scrollbar-Track-360 {
  width: 8px; height: 360px;
  position: relative;
  background-color: #FFED87;
  background: url('../images/tlo_suwak_360.png') no-repeat;
}
.Scrollbar-Track-340 {
  width: 8px; height: 340px;
  position: relative;
  background-color: #FFED87;
  background: url('../images/tlo_suwak_340.png') no-repeat;
}
.Scrollbar-Track-320 {
  width: 8px; height: 320px;
  position: relative;
  background-color: #FFED87;
  background: url('../images/tlo_suwak_320.png') no-repeat;
}
.Scrollbar-Track-300 {
  width: 8px; height: 300px;
  position: relative;
  background-color: #FFED87;
  background: url('../images/tlo_suwak_300.png') no-repeat;
}

.Scrollbar-Handle {
  position: relative;
  width: 6px; height: 45px;
  background-color: #FF164D;
  background: url('../images/suwak.png') no-repeat;
  left: 1px;
  top: 5px;
}

#Scrollbar-Container, #Article-Scrollbar-Container {
  float:left;
  margin-left:20px;
  width: 2px;
}


#news{
	width: 97%;
	margin: auto;
	margin-top: 15px;
}
	

#roster-container{
	width: 610px;
	float: left;
	overflow: hidden;
	height: 350px;
}

#roster{
  border-collapse:collapse;
  width: 100%;
  margin: 5px 5px 0 25px;
  padding: 0 25px 0 0 ;
}

#roster td{
	height: 20px;
	vertical-align:center;
	font-weight: bold;
}

#roster tr.row:hover{
	background: url('../images/trans.png');
}

#roster th{
	height: 30px;
	font-weight: bold;
	font-size: 18px;
	text-align: left;
}

#next_match{
	width: 100%;
	padding-top: 50px;
	height: 200px;
}

#home_team, #away_team{
	width: 120px;
	float: left;
	text-align: center;
}

#match_at{
	float: left;	
	width: 28px;
}

.team_name{
	width: 106px;
	float: left;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
}

#match_info{
	text-align: center;
}

#next_match .match_date{
	padding-top: 10px;
	font-weight: bold;
}

.clr{
	clear: both;
}

.static{
	width: 90%;
	margin: auto;
	margin-top: 20px;
}

#coaches{
	width: 100%;
}

.row2{
	padding-top: 30px;
}

.row1 li{
	width: 50%;
}

.row2 li{
	width: 24.5%;
}

#coaches li{
	padding: 0;
	float: left;
	//width: 180px;
}

#coaches li img{
	width: 100px;
	height: 100px;
	padding-bottom: 5px;
	
}
#coaches li .img{
	width: 100%;
}
#coaches li .imgp{
	width: 100px;
	margin: auto;
}


.function{
	font-weight: bold;
	text-transform: uppercase;
	width: 100%;
	text-align: center;
}

.name{
	font-size: 16px;
	width: 100%;
	text-align: center;
}

.name a{
	text-decoration: none;
	color: black;
}

.static p{
	font-size: 14px;
	padding-bottom: 10px;
	text-align: justify;
	text-indent: 20px;
}

#szkoly_jutub{
	float:left;
	margin: 0 10px 10px 0;
}

#rekrutacja, #historia{
	float: left;
	overflow: hidden;
	height: 320px;
}

.wallpapers li{
	float: left;
	width: 320px;
}

.wallpapers li ul li{
	padding-top: 5px;
	float: left;
	width: 88px;
}

#matches table{
	width: 100%;
	
}

#matches a{
	text-decoration: none;
	color: maroon;
	text-transform: uppercase;
}

#matches .score{
	font-weight: bold;
	font-size: 16px;
}

.h1 {
	font-weight: bold;
	font-size: 24px;
	float: left;
	padding-right: 15px;
}

#tabela{
	width: 500px;
}

#tabela a{
	text-decoration: none;
	color: maroon;
	float: right; 
}

#fb-like{
	padding-top: 3px;
}

#fb-like .connect_widget_connected_text{
	color: maroon;
}

.more_info{
	padding-top: 5px;
}

.more_info a{
	text-decoration: none;
	color: maroon;
}

#wroc {
	width: 71px;
	height: 20px;
	background:url('../images/wroc.png') top;
	font: 11px/20px "lucida grande",tahoma,verdana,arial,sans-serif;
	text-align: center;
	float: left;
	margin-right: 5px;
	cursor: pointer;
}

#wroc:hover{
	width: 71px;
	height: 20px;
	background:url('../images/wroc.png') bottom;
}

#galerie{
	flot: left;
}

#galerie li{
	width: 125px;
	float: left;
	padding-bottom: 10px;
}

#content img{
	margin-right: 10px;
}


#galerie .gallery{
	float: left;
	width: 24%;
	height: 180px;
	text-align: center;
}

#galerie img{
	float: none;
}

#galerie .caption{
	font-size: 12px;
}

#galerie a{
	color: maroon;	
	text-decoration: none;
}

#galerie a:hover{
	font-weight: bold;
}

#video p{
	padding-top: 20px;
}

#video a{
	color: maroon;	
	text-decoration: none;
	font-weight: bold;
}

#video a:hover{
	text-decoration: underline;
}

/* Dropdown Menu Start */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dl-dropdown.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

 a, a:visited, a:hover, a:active, a:focus {direction:ltr; outline:0;}

 #holder {position:absolute; width:709px; background:url('../images/tabs_0.gif') repeat-x left top; padding-left:10px; overflow:hidden;}
 dl.menu {width:250px; float:left; margin:-32700px -150px 0 0; background:url(../images/tabs_0.gif) no-repeat left bottom;}
 dl.menu a {display:block; height:25px; color:#fff; font:normal 11px/25px verdana, sans-serif; text-decoration:none; text-indent:10px;}
 dl.menu a:visited {color:#fff;}

 dl.menu dt {float:left; padding:0; margin:32700px 0 0 0; position:relative; z-index:50;}
 dl.menu dt a {background:transparent; width:100px;}
 dl.menu dt a:hover,
 dl.menu dt a:focus,
 dl.menu dt a:active
 {margin-right:1px; background:url(../images/tabs_1.gif) no-repeat left top; text-decoration:none;}

 dl.menu dd {float:left; padding:25px 0 0 0; margin:-25px 0 0 0; position:relative; z-index:10; background:url(../images/tabs_1.gif) no-repeat left top;}
 dl.menu dd a {background:#666;width:150px;}
 dl.menu dd a:hover,
 dl.menu dd a:focus,
 dl.menu dd a:active
 {margin-right:1px; background:#ccc; color:#000;}

dl.long dd {float:left; padding:25px 0 0 0; margin:-25px 0 0 0; position:relative; z-index:10; background:url(../images/tabs_1_wide.gif) no-repeat left top;}

dl.long {width: 300px;}
dl.long dt a {width: 150px;}
dl.long dt a:hover,
dl.long dt a:focus,
dl.long dt a:active
 {margin-right:1px; background:url(../images/tabs_1_wide.gif) no-repeat left top; text-decoration:none;}

/* Dropdown Menu End */


/* Slide Viewer */

/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 

/*core classes*/ 
.stripViewer { position: relative; overflow: hidden; border: 0px solid #ff0000; margin: 1px 0 1px 1px; }
.stripViewer ul { /* this is your UL of images */ margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; } 
.stripViewer ul li { float:left; } 
.stripTransmitter { overflow: auto; width: 100%; height:24px; background:url(../images/tabs_0.gif)} 
.stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none;} 
.stripTransmitter ul li{ width: 20px; float:left; margin: 0 1px 1px 0; } 
.stripTransmitter a{ font: bold 10px Verdana, Arial; text-align: center; line-height: 22px; background:url(../images/tabs_0.gif) ; color: #fff; text-decoration: none; display: block; } 
.stripTransmitter a:hover, a.current{ color: #ff0000; } 

/*tooltips formatting*/ 
.tooltip { padding: 0.5em; background: #fff; color: #000; border: 5px solid #dedede; } 

/* Slide Viewer End */