﻿@charset "utf-8";
/* CSS Document */

body {
font-family:  verdana, arial, helvetica;
font-size: 12px;
color: #4b2a25;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
background-color: #082341;
background-image: url(../image/tlo1.png);
background-position: 80% 0%; 
background-repeat:no-repeat;

}

p {margin: 0; padding: 0;}

.clear {
  clear: both;
}

#naglowek {
margin-right:auto;
margin-left:auto;
width: 900px;
}

#naglowek2 {
margin-right:auto;
margin-left:auto;
width: 900px;
height: 38px;
background-image: url(../image/logo2.png);
background-repeat: no-repeat;
}


#menu {
  width: 100%;
  height: 40px;
  background-image: url(../image/menu.png);
  background-repeat: repeat-x;
}

#menu2 {
  width: 100%;
  height: 39px;
  background-image: url(../image/menu2.png);
  background-repeat: repeat-x;
}

#gora { width: 900px; height: 22px; background-image: url('../image/gora.png'); position: relative; margin: 0 auto; text-align: left;}
#srodek { width: 900px; background-color: #FFFFFF; position: relative; margin: 0 auto; text-align: left;}
#srodek2 { width: 880px; position: relative; margin: 0 auto; text-align: left; font-family:  verdana, arial, helvetica;
font-size: 12px; font-weight: bold; color: #ffffff;}
#dol { width: 900px; height: 22px; background-image: url('../image/dol.png'); position: relative; margin: 0 auto; text-align: left;}



#stopka {
margin: 0px 0px 0px 15px;
float: left;
width: 220px;
}

#stopka2 {
margin: 0px 0px 0px 0px;
  float: right;
  width: 400px;
}

/* linki */

a:link	{ color: #005496; font-weight: bold; text-decoration: none;}
a:visited	{ color: #005496; font-weight: bold; text-decoration: none;}
a:hover	{ color: #d11934; font-weight: bold; text-decoration: none;}
a:active	{ color: #005496; font-weight: bold; text-decoration: none;}

#naglowek2 a.menu:link	{ font-family:  arial; font-size: 14px; color: #005596; font-weight: bold; text-decoration: none; margin-right: 20px;}
#naglowek2 a.menu:visited	{ font-family:  arial; font-size: 14px; color: #005596; font-weight: bold; text-decoration: none; margin-right: 20px;}
#naglowek2 a.menu:hover	{  font-family:  arial; font-size: 14px; color: #e41b28; font-weight: bold; text-decoration: none; margin-right: 20px;}

#menu2 a.menu:link	{ font-family:  arial; font-size: 14px; color: white; font-weight: bold; text-decoration: none; margin-right: 20px;}
#menu2 a.menu:visited	{ font-family:  arial; font-size: 14px; color: white; font-weight: bold; text-decoration: none; margin-right: 20px;}
#menu2 a.menu:hover	{  font-family:  arial; font-size: 14px; color: black; font-weight: bold; text-decoration: none; margin-right: 20px;}


#submenu { width: 900px; height: 70px; position: relative; margin: 0 auto; text-align: left;}
#submenu #pilki ul { list-style: none; background-color: #00FF00;}
#submenu #pilki ul li { display: inline; }
#submenu #pilki ul li a { height: 70px; float: left;}
#submenu #pilki ul li#superliga a { background-image: url('../image/superliga.png'); width: 168px; }
#submenu #pilki ul li#liga a { background-image: url('../image/1liga.png'); width: 168px; }
#submenu #pilki ul li#liga2 a { background-image: url('../image/2liga.png'); width: 168px; }
#submenu #pilki ul li#puchar a { background-image: url('../image/puchar.png'); width: 168px; }
#submenu #pilki ul li#letnia a { background-image: url('../image/ligaletnia.png'); width: 175px; }
#submenu #pilki ul li a:hover, #submenu #pilki ul a.active { background-position: 0% -70px; }




/* koniec linkow */


/* lista */

 ul#menu { list-style: none; } 
 ul#menu li { padding-left: 15px; background: url(../image/li.png) no-repeat center left; color: #816a50; font-weight: bold; }

/* koniec list */



a		{text-decoration:none;color:#006396;}
a:hover {text-decoration: underline}

.stopka {font-size: 11px; color: #FFFFFF}

.tresc {font-size: 12px;}
a.bialy:link {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
a.bialy:visited {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}
a.bialy:hover {
	text-decoration: underline;
	font-weight: bold;
}
a.bialy:active {
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
}

img.foto {
	border: 1px solid #d1d1d1;
	padding: 3px;
}

a.title:link {
	color: #720e0f;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}
a.title:visited {
	text-decoration: none;
	color: #720e0f;
	font-weight: bold;
		font-size: 13px;
}
a.title:hover {
	text-decoration: underline;
	font-weight: bold;
}
a.title:active {
	text-decoration: none;
	font-weight: bold;
	color: #720e0f;
}


a.title_small:link {
	color: #720e0f;
	text-decoration: none;
	font-size: 11px;
}
a.title_small:visited {
	text-decoration: none;
	color: #720e0f;
}
a.title_small:hover {
	text-decoration: underline;
}
a.title_small:active {
	text-decoration: none;
	color: #720e0f;
}

.box {
  margin-bottom: 10px;
  width: 100%;
  border: 1px solid #E6E6E6;
}


.box .naglowek {
  border-top: none;
  background-image: url("../image/pasek.jpg");
  height: 27;
    padding: 0px 0px 0px 0px;
	 font: bold 11px Tahoma, sans-serif;
    color: #333333;
	text-decoration: bold;
	padding-left: 40px;
	background-repeat: repeat-x;
	}

.box .tytul {
  padding-top: 7px;
  height: 27px;
}

.box .pkat {
  padding: 2px 2px 2px 2px;
  background-color: #CCCCCC;
}
.box .nkat {
  padding: 5px 2px 10px 2px;
  float: right;
  background-color: #f5f5f5;
}


.box .zawartosc {
  padding: 4px;
  font: 11px Tahoma, sans-serif;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #ededed;
  background-color: #FBFBFB;
}







.box h3 {
  font: 13px Tahoma, sans-serif;
  font-weight: bold;
  color: #000;
}





.clear {
  clear: both;
}

#dlugi {
margin: 0px 0px 0px 10px;
  float: left;
  width: 650px;
}


#lewa {
  margin: 0px 0px 0px 0px;
  float: left;
  width: 220px;
}

#lewa2 {
  margin: 0px 0px 0px 15px;
  float: left;
  width: 415px;
}

#prawa {
margin: 0px 0px 0px 0px;
  float: right;
  width: 220px;
}

#prawa2 {
margin: 0px 0px 0px 10px;
  float: right;
  width: 245px;
}

#srodek_strony {
  margin: 0px 0px 0px 6px;
  float: left;
  width: 250px;
}

#reklama {
  margin: 0px 0px 0px 10px;
  float: left;
  width: 455px;
}

#reklama2 {
  margin: 0px 0px 0px 10px;
  float: left;
  width: 300px;
}


#panel_tresc {
  float: left;
  width: 650px;
}

#panel_tresc2 {
  float: left;
  width: 878px;
}

#panel_tresc .box img {
  float: left;
  margin: 0px 4px 4px 0px;
  padding: 2px;
  border: 1px solid #bfbea9;
}
#prawa .box img {
  margin: 0px 4px 4px 0px;
}
#panel_menu {
  float: right;
  width: 200px;
}
.photo {
float: left;
  margin: 0px 4px 4px 0px;
  padding: 2px;
  border: 1px solid #bfbea9;
}
.tytul {
  font: bold 11px Tahoma, sans-serif;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  color: #000;
}
.data {
  font: bold 10px Verdana, sans-serif;
  color: #bfbea9;
}
.wiecej{
  float: right;
}


.dzial {
float: left;
  font: 11px Tahoma, sans-serif;
  margin: 0px 0px 0px 15px;
}

.tabbed-pane * {
	margin: 0;
	padding: 0;
}
.tabbed-pane {
	width: 205px;
}
.tabbed-pane .tabs {
	list-style: none;
	clear: both;
	float: left;
	margin-bottom: -1px;
	
}
.tabbed-pane .tabs li a.active {
padding:5px;background-color:#d4dce6;border-bottom:1px solid #C4C4C4;
}
.tabbed-pane .tabs li {
	float: left;
	margin: 0 3px 0 0;
}

.tabbed-pane .tabs li a {
	color: #666666;
	padding:5px;
	background: #e7e8ec;
	-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius:2px;
}
.tabbed-pane .pane {
	border: 0px;
	padding: 0px;
	clear: both;
	height: 100%;
}
.tabbed-container {
	position: relative;
	clear: both;
	min-height: 3em;
}
.tabbed-container .overlay {
	position: absolute;
	clear: both;
	padding: 5px;
	width: 205px;
	top: 0;
	left: 0;
	text-align: center;
	z-index: 100;
	height: 100%;
}


.esc-widget-tabs{padding:10px;background-color:#fff;border-bottom:1px solid #C4C4C4;}
.esc-widget-tabs ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.esc-widget-tabs ul{display:inline-block;}
.esc-widget-tabs ul li{float:left;list-style-image:none;list-style-position:outside;list-style-type:none;margin-right:10px;}
.esc-widget-tabs ul li a{font-size:83%;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius:2px;display:block;padding:4px 8px;cursor:pointer;}.esc-widget-tabs ul li:last-child{margin-right:0;}
.esc-widget-tabs ul li a:hover,.esc-widget-tabs ul li.selected a,.esc-widget-tabs ul li a.selected{text-decoration:none;}






table.statystyki {
	width: 100%;
	border-collapse: collapse;
	font-size: 11px;
	border-bottom: 1px solid #082341;
	font-family: verdana;
}
	table.statystyki th, td {
		padding: 4px 3px 4px 3px;
	}
	table.statystyki th {
	
		background-color: #d11934;
		color: #ffffff;
		font-weight: bold;
	}
		table.statystyki th a {
			color: #FFCC00;
		}
				
	table.statystyki tr.suma td {
		
		background-color: #3f3f3f;
		color: #FFFFFF;
	}
	table.statystyki tr.szary td {
		background-color: #e5e5e5;
	}
	table.statystyki tr.biały td {
		background-color: #ffffff;
	}
	td.procent {
	width: 25px;
	color: #8383BE !important;
}

.blue {
	color: #36F; font-weight: bold;
}
/* news slider */

#featured{ 
	width:400px; 
	padding-right:244px; 
	position:relative; 
	border:3px solid #ccc; 
	height:250px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:400px; 
	list-style:none; 
	padding:0; margin:0; 
	width:244px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('../image/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:400px; height:250px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url('../image/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	color:#f0f0f0;
	width:390px;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}
/* koniec slidera */