* {margin: 0; padding: 0;}

body {
  background: #202020 url(../images/bodyBG.jpg) repeat-y center;
  font: 12px arial, sans-serif;
  color: #626262;
}

h1 {
  color: #FFF;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

img {
  border: 0px;
}

p.center {
  text-align: center;
}

p.left {
  text-align: left;
}

div.button {
  clear: both;
  position: relative;
  background-color: #ac1717;
  height: 24px;
  padding: 0 9px;
  width: 130px;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
}

div.button a {
  display: block;
  line-height: 24px;
  color: #FFF;
  font-size: 11px;
  font-weight: bold;
}

div.button .left, div.button .right {
  position: absolute;
  width: 9px;
  height: 24px;
}

div.button .left {
  top: 0px;
  left: 0px;
  background: url(../images/buttonLeftBg.jpg);
}

div.button .right {
  top: 0px;
  right: 0px;
  background: url(../images/buttonRightBg.jpg);  
}

#wrapper {
  background: url(../images/wrapperBG.jpg) no-repeat top;
  min-height: 999px;
  min-width: 995px;
}

* html div#wrapper {
  height: 999px; 
}

#mainContainer {
  width: 995px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

/* FOOTER */

#footer {
  clear: both;
  padding-top: 0px;
  padding-bottom: 8px;
  width: 995px;
  margin-left: auto;
  margin-right: auto;  
}

/* HEADER */

#headerContainer {
  position: relative;
  background: url(../images/headerBG.jpg) no-repeat top;
  width: 995px;
  height: 334px;
}

/* INFO */

#info, #info ul, #icons, #mainHref {
  position: absolute;
  font-family: arial, sans-serif;
  color: #FFF;
}



#mainHref {
  top: 0px;
  left: 200px;
  width: 573px;
  height: 290px;
}

#mainHref a {
  width: 573px;
  height: 290px;
  display: block;
}

#info {
  top: 299px;
  left: 12px;
  width: 983px;
  font-size: 12px;
}

#info ul {
  top: 5px;
  list-style: none;
  background: transparent url(../images/infoPointer.gif) no-repeat center left;
  padding: 0 0 0 20px;
  margin: 0;
  overflow: hidden;
}

#info ul li {
  float: left;
	margin: 0 0 0 3px;
	padding: 0 10px 0 0;
  background: transparent url(../images/infoSeparator.gif) no-repeat center right;
}

#info ul li.last {
  font-weight: bold;
  background: none;
}

#info ul li.first {
  margin: 0;
  padding: 0;
  background: none;
}

#info ul li a {
  color: #FFF;
}

#info div {
  position: absolute;
  height: 30px;
  right: 8px;
  top: 0px;
}

#info div input.text {
  background-color: #FFF;
  border-width: 0;
  color: #1c1c1c;
  font-size: 11px;
  width: 149px;
  margin-top: 7px;
}

#info div input.submit {
  background: transparent url(../images/submitBtn.gif) no-repeat;
  height: 30px;
  width: 32px;
  border-width: 0;
  vertical-align: top;
  cursor: pointer;
}

/* ICONS */

#icons {
  left: 40px;
  top: 20px;
}

#icons a {
  color: #FFF;
  font-size: 11px;
  vertical-align: middle;
}

#icons img {
  margin: 0 5px 0 5px;
  vertical-align: middle;  
}

#icons img.spacer {
  margin: 0 0 0 5px;
}

#leftContainer, #centerContainer, #rightContainer {
  float: left;
}

div.title {
  padding: 14px 24px 26px 24px;  
}

#centerContainerInner {
  padding: 0 16px 0 16px;
  min-height: 611px;
  overflow: hidden;
  background: transparent url(../images/centerContainerBg.gif) left top repeat-y;
}

* html div#wrapper div#mainContainer div#contentContainer div#centerContainer #centerContainerInner {
  height: 611px; 
  overflow: visible;  
}

#leftContainer {
  width: 203px;
  font-family: arial, sans-serif;
  color: #FFF;
}

#centerContainer {
  width: 587px;
}

#centerContainerFooter {
  background: transparent url(../images/centerContainerFooterBg.gif) left top no-repeat;
  height: 11px;
  margin-bottom: 4px;
}

#rightContainer {
  width: 205px;
}

#rightContainerInner {
  padding-right: 2px;
  color: #FFF;
}

div.leftHeader {
  padding-top: 47px;
  padding-left: 2px;
}

div.leftHeader, div.box, div.baner, div.nextMatch {
  margin-bottom: 4px;
}

/* MENU */

div.menu-page {
  background: transparent url(../images/menuHeader.png) top left no-repeat;
  _background: transparent url(../images/menuHeaderIE.gif) top left no-repeat; 
}

div.menu-page ul {
  background: transparent url(../images/menuBg.jpg) top left repeat-y;  
	overflow: hidden;
	list-style: none;
}

div.menu-page ul li {
	display: block;
	padding: 10px 0 0 0;
	background: transparent url(../images/menuPageBg.jpg) top left no-repeat;
}

div.menu-page ul li.active {
  background: transparent url(../images/menuLiActiveBg.jpg) top left no-repeat;
}

div.menu-page ul li ul li.active {
  background: transparent url(../images/menuPageBg.jpg) top left no-repeat;
}

div.menu-page ul li ul.submenu {
	background: transparent url(../images/menuActiveBg.jpg);
}

div.menu-page ul li ul {
	background: none;
}

div.menu-page ul li ul li {
	padding: 10px 0 0 15px;
	_height: 10px;
	_overflow: visible;
}

div.menu-page ul li ul li ul {
	margin-left: -15px;
}

div.menu-page ul li ul li ul li {
	padding: 10px 0 0 30px;
}

div.menu-page ul li a {
	display: block;
	background: transparent url(../images/menuPageArrow.gif) top left no-repeat;
	padding: 0 0 10px 25px;
	margin-left: 10px;
	font-size: 12px;
	font-weight: bold;	
	color: #FFF;
}

div.menu-page ul li a.active {
	background: transparent url(../images/menuPageArrowActive.gif) top left no-repeat;
  text-decoration: underline;	
}

div.menu-page ul li ul li a {
	background: transparent url(../images/menuPage2ndArrow.gif) top left no-repeat;
	font-size: 11px;
	padding-left: 15px;
}

div.menu-page ul li ul li a.active {
	background: transparent url(../images/menuPage2ndArrowActive.gif) top left no-repeat;
}

div.menu-page ul li ul li ul li a {
	background: transparent url(../images/menuPage3rdArrow.gif) top left no-repeat;
	font-weight: normal;
}

div.menu-page ul li ul li ul li a.active {
	background: transparent url(../images/menuPage3rdArrowActive.gif) top left no-repeat;
}

div.menuFooter {
  height: 30px;
	background: transparent url(../images/menuFooterBg.png) top left no-repeat;
	_background: transparent url(../images/menuFooterIeBg.jpg) top left no-repeat;
}

* html div#wrapper div#mainContainer div#contentContainer div#leftContainer div div.menuFooter {
	background: transparent url(../images/menuFooterIeBg.jpg) top left no-repeat;
}

/* SONDA */

div.survey {
  margin-top: 3px;
  background: transparent url(../images/sondaHeader.png) top left no-repeat;
  _background: transparent url(../images/sondaHeaderIe.jpg) top left no-repeat; 
}

* html div#wrapper div#mainContainer div#contentContainer div#leftContainer div.survey {
  background: transparent url(../images/sondaHeaderIe.jpg) top left no-repeat; 
}

.pool ul {
	padding: 0;
	margin: 10px 0 0 15px;
	list-style: none;
}

.pool ul li {
	padding: 3px 0 6px 0;
	line-height: 18px;
}

.pool ul li label {
	padding-left: 5px;
  font-size: 11px;
  color: #dadada;
}

.pool ul li input.radio {
  vertical-align: middle;
}

div.menuFooter div {
  text-align: center;
  padding-top: 6px;
  background: transparent url(../images/submitSpacer.gif) center center repeat-y;  
}

div.menuFooter div img {
  vertical-align: top;
}

div.menuFooter input {
  font-size: 12px;
  font-family: Arial;
  font-weight: bold; 
  border: 0 none; 
  background: transparent;
  color: #FFF;
  margin-left: 20px;
  cursor: pointer;
  height: 15px;
  margin-top: -1px;  
}

div.menuFooter input.marginR {
  margin-left:0px;
  margin-right: 20px;
}

div.menuFooter input.marginNone {
  margin-left:0;
  margin-right:0;
}

.marginL {
  margin-left: 20px;
}

div.menuFooter a {
  color: #FFF;
  font-weight: bold;
  margin-right: 20px;
  text-decoration: none;
}

/* FORUM */
div.forum {
  background: transparent url(../images/forumHeader.png) top left no-repeat;
  _background: transparent url(../images/forumHeaderIE.gif) top left no-repeat; 
}

/* NEWSLETTER */

div.newsletter {
  margin-top: 3px;
  background: transparent url(../images/newsletterHeader.png) top left no-repeat;
  _background: transparent url(../images/newsletterHeaderIe.jpg) top left no-repeat;
}

* html div#wrapper div#mainContainer div#contentContainer div#leftContainer div.newsletter {
  background: transparent url(../images/newsletterHeaderIe.jpg) top left no-repeat; 
}

div.newsletter label {
  display: block;
  margin: 0 0 10px 0;
}

div.newsletter div.input {
  margin-left: 13px;
}

div.newsletter input.text {
  width: 150px;
  padding: 5px 0 5px 0;
}

div.leftContent {
  background: transparent url(../images/menuBg.jpg) top left repeat-y;
}

div.leftContentInner {
  padding: 10px;
  font: 12px arial, sans-serif;
  color: #FFF;
}

/* Nastepny mecz */

div.nextMatch {
  background: transparent url(../images/nextMatchHeader.png) top left no-repeat;
  _background: transparent url(../images/nextMatchHeader.gif) top left no-repeat;
}

div.nextMatch div.rightHeader {
  height: 47px;
  text-align: center;
  font: 17px arial, sans-serif;
  color: #FFF;
  font-weight: bold;
}

div.nextMatch div.rightHeader p {
  line-height: 47px;
}

div.nextMatch div.nextMatchInner div.nm-a {
  background: transparent url(../images/tabelaBtn.jpg) center center no-repeat;
  width: 97px;
  height: 22px;
  text-align: left;
  line-height: 22px;
  float: left; 
}

div.nextMatch div.nextMatchInner div.spacer {
  width: 194px;
  height: 40px;
  margin: 0 auto;
}

.clear {
  clear: both;
}

img.relacje {
  display: block;
}

div.nextMatch div.nm-a a {
  display: block;
  padding-left: 10px;
  font: 10px verdana, arial;
  color: #262626;
  line-height: 21px;  
}

div.nextMatchInner {
  width: 203px;
  padding-top: 10px;
  background: transparent url(../images/nextMatchBg.jpg) top left repeat-y;
  text-align: center;
}

div.nextMatchInner p {
  font-weight: bold;
}

div.nextMatchInner p.spacer {
  margin-bottom: 14px;
}

div.nextMatchFooter {
  background: transparent url(../images/nextMatchFooter.png) top left no-repeat;
  _background: transparent url(../images/nextMatchFooter.gif) top left no-repeat;
  _font-size: 2px;
  height: 13px;
}

div.nextMatchFooter a {
  color: #FFF;
  font-weight: bold;
}

div.box {
  background: transparent url(../images/boxBg.png) top left no-repeat;
  _background: transparent url(../images/boxBg.gif) top left no-repeat;
  margin-top: 3px;
  color: #343434;  
}

div.box div.rightHeader {
  height: 39px;
  text-align: center;
  font: 17px arial, sans-serif;
  color: #FFF;
  font-weight: bold;  
}

div.box div.rightHeader p {
  line-height: 39px;
}

div.rightContent {
  position: relative;
  background-color: #FFF;
  text-align: center;
}

div.rightContent div.wiecej {
  position: absolute;
  text-align: right;
  width: 184px;
  top: 50px;
  left: 0px;
}

div.rightContent div.wiecej a {
  color: #FFF;
  vertical-align: middle;
}

.raquo {
  font-size: 16px;
}

div.sklep div.rightContent {
  padding: 5px 10px 0 10px;
}

div.sklep strong {
  color: #ac1717;
}

div.sklep div.img {
	float: left;
	position: relative;
	padding: 5px;
}

div.sklep div.description {
	float: left;
}

div.sklep div.rightContent p {
  margin-bottom: 8px;
}

div.fotogaleria p {
  padding: 7px 0 7px 0;
}

div.rightFooter {
  font-size: 5px;
  height: 7px;
	background: transparent url(../images/rightFooterBg.gif) top left no-repeat;
	clear: both;
}

/* Patronate */

.footerHeader {
  width: 206px;
  height: 80px;
	background: transparent url(../images/footerHeaderBg.jpg) top left no-repeat;  
	float: left;
}

.footerHeaderInner {
  padding-right: 6px;
  text-align: center;
  font: 17px arial, sans-serif;
  font-weight: bold;   
}

.footerHeaderInner p {
  line-height: 80px;
}

.copywright, .created {
  float: left;
  width: 50%;
}

.created {
  text-align: right;
}

.created a {
  color: #FFF;
}

.red {
  color: red;
}


.footerContentInner {
  padding: 5px;
}

#sponsors .container, #partners .container {
	float: left;
	width: 786px;
	height: 80px;
	position: relative; 
	overflow: hidden;
	border-bottom: 0;
	background: transparent url(../images/patronateBg.jpg) top left no-repeat; 
}

#sponsors .containerInner, #partners .containerInner {
  padding: 15px 0;
}

#sponsors .bg, #partners .bg {
	position: absolute;
	left: 0;
	top: 0;
	z-index:1000;
}

#sponsors ul, #partners ul {
	margin: 0;
	padding:0;
	width: 100000px;
	position: relative;
	top: 0;
	left: 0;
	height: 100px;
	list-style: none;
}                      

#sponsors ul li, #partners ul li {
    padding: 0 8px;
    margin: 0;
    height: 50px;
    text-align: center;
    float:left;
    display: block;
    background-color: #292929;
}

#sponsors ul li img, #partners ul li img {
}

div.footerSpacer {
  clear: both;
  height: 5px;
}

div.footerContent {
  clear: both;
  height: 85px;
  color: #FFF;  
}

/* baner */

.baner {
  margin-top: 3px;
  width: 203px;
  text-align: center;
  background: #FFF;
	position: relative;  
	overflow: hidden;
}

.baner img {
  display: block;
  margin: 0 auto;
}

.banerTop, .banerBottom {
  width: 203px;
  height: 8px;
  font-size: 1px;
  position: absolute;
  left: 0px;
}

.banerTop {
  background: transparent url(../images/banerBoxTopBg.png) top left no-repeat;
  _background: transparent url(../images/banerBoxTopBg.gif) top left no-repeat;
  top: 0px;
}

.banerBottom {
  background: transparent url(../images/banerBoxBottomBg.png) top left no-repeat;
  _background: transparent url(../images/banerBoxBottomBg.gif) top left no-repeat;
  bottom: 0px;
}

.round-baner {
	background-color: #FFF;
	width: 203px;
	overflow: hidden;
}


/* VERSUS */

.versus {
  position: relative;
  background: transparent url(../images/versus.jpg) center center no-repeat;
  width: 203px;
  height: 90px;
}

.versus .vs1, .versus .vs2 {
  position: absolute;
  height: 56px;
  width: 77px;
}

.versus .vs1 {
  top: 9px;
  left: 5px;
}

.versus .vs2 {
  top: 9px;
  right: 5px;
}

/* Search list */

.search-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.search-list li {
	margin: 0 10px 30px 10px;
	padding: 0 0 10px 0;
	background: transparent url(../images/bg_line.png) repeat-x left bottom;
	position: relative;
}

.search-list li h3 {
	font-size: 13px;
	margin: 0;
	padding: 10px 0
}

.search-list li h3 a {
	color: #ac1717;
}

.search-list li .description {
	clear: left;
	line-height: 1.7em;
}

.search-list li.last {
  margin-bottom: 80px;
}

.search_phrase {
	color: #ac1717;
}

.search_form div {
	padding: 0 10px;
}

.search_input {
	clear: left;
	background: transparent url(../images/search_input_bg.png) no-repeat left center;
	width: 151px;
	height: 22px;
	border: none;
	line-height: 18px;
	padding: 6px 3px;
	margin: 5px 0 0 0;
}


.search_submit {
  background: transparent url(../images/submitSearchBtn.gif) no-repeat;
  height: 23px;
  width: 25px;
  border-width: 0;
  vertical-align: middle;
  cursor: pointer;
}

div.more-absolute {
  float: right;
  background: transparent url(../images/btnWiecejWhite.jpg) no-repeat bottom center;
  height: 50px;
  width: 76px;
  text-align: center;
}

div.more-absolute a {
  margin-top: 30px;
  color: #FFF;  
  display: block;  
}

/* Gallery table */

table.gallery {
  width: 100%;
  margin-bottom: 20px;
}

table.gallery td {
  padding: 5px;
  width: 33%;
  text-align: center;
}

.buttonRedTop,
.buttonRedBottom {
	width: 203px;
	height: 7px;
}

.buttonRedTop {
	background: transparent url(../images/button_red_top.png) left top no-repeat;
	_background: transparent url(../images/button_red_topIE.gif) top left no-repeat; 
}

.buttonRedBottom {
	background: transparent url(../images/button_red_bottom.png) left top no-repeat;
	_background: transparent url(../images/button_red_bottomIE.gif) top left no-repeat;
}

.button-flash {
	display: block;
	overflow: hidden;
	margin: 3px 0;
}




