body {
  margin: 0 0;
  padding: 0 0;
  background: #00306C url('images/bg.gif') repeat-x top;
  font-family: Verdana;
  font-size: 12px;
  line-height: 130%;
  color: #828282;  
}

#border{
  margin: 0 auto;
  width: 771px;
  padding: 15px 0; 

  background: #60b7ef; /*opacity: 0.4; filter: alpha(opacity=40);*/
}

#main{
  margin: 0 auto;
  width: 741px;
  background: #fff;
  
}

#content{
  margin: 0 auto;
  width: 741px;
 
}
/*--------[ MENU ]----------------------------------------------------*/
#top{
  margin: 0 0;
  padding 0 0;
  width: 741px;
  height:278px;
}


#top h1{
  margin: 0 0;
  padding: 0 0 0 11px;
  height:101px;
  width:263px;
  float:left;
  background:transparent url('images/logo.png') no-repeat;
  font-family:Arial,Tahoma,Verdana,sans-serif;
  font-size:9px;
  font-weight:normal;
  color: #fff;
}

#top h1 a{
  display: block;
  color: #fff;
  height:101px;
  width:263px;
  text-decoration: none;
}

#top ul{
  margin: 0 0;
  padding: 0 0;
  width:464px;
  height:102px;
  float:right; 
  list-style-type:none;
}

#top ul li{
  margin: 0 0;
  float:left; 
}

#top ul li a{
  color: #fff;
  text-align: center;
  display: block;
  padding-top: 80px;
  height:22px;
  width:116px; 
}
	
#top ul li#onas a{ background:transparent url('images/onas.gif') no-repeat;}
#top ul li#onas_active{ background:transparent url('images/onas_active.gif') no-repeat;}

#top ul li#tiger a{background:transparent url('images/tiger.gif') no-repeat;}
#top ul li#tiger_active{background:transparent url('images/tiger_active.gif') no-repeat;}

#top ul li#galeria a{background:transparent url('images/galeria.gif') no-repeat;}
#top ul li#galeria_active{background:transparent url('images/galeria_active.gif') no-repeat;}

#top ul li#kontakt a{background:transparent url('images/kontakt.gif') no-repeat;}	
#top ul li#kontakt_active{background:transparent url('images/kontakt_active.gif') no-repeat;}	

#top ul li#onas a:hover, 
#top ul li#tiger a:hover, 
#top ul li#galeria a:hover, 
#top ul li#kontakt a:hover { background-position: -116px 0;}


/*------[ PARTNERZY ]------------------------------------------------------------------------------*/
#partnerzy{
position: relative;
left: 20px;
width: 701px;
background:transparent url('images/hr_dot.gif')  0 11px repeat-x;


}
#partnerzyLogo{
  width:58px;
  height:11px;
}
#partnerzy ul{
  margin: 10px 0 0 0;
  padding: 0 0;
  width:710px;
  list-style-type:none;
}

#partnerzyWspolpraca ul{
  margin: 0 0;
  padding: 0 0;
  width:508px;
  list-style-type:none;
}
#partnerzy ul li{
  margin: 0 0 10px 15px;

  float:left; 
 
}

#partnerzyWspolpraca ul li{
  margin: 0 0 15px 35px;
  float:left; 
}

#partnerzy ul li a{
  color: #fff;
  text-align: center;
  font-size: 9px;
  display: block;
  padding-top: 32px;
  height:15px;
   text-indent:-9999px;
}

#partnerzyWspolpraca ul li a{
  color: #828282;
  text-align: center;
  font-size: 11px;
  display: block;
  padding-top: 40px;
  height:15px;
  width: 135px;
    display:block;
}
#partnerzy ul li a span{
  position: absolute;
}

#partnerzy ul li#sbf a, 
#partnerzyWspolpraca ul li#sbf a{ 
  background:transparent url('images/sbf.gif') no-repeat;
  width: 62px;
}
#partnerzy ul li#sbf a:hover,
#partnerzyWspolpraca ul li#sbf a:hover { background-position: -62px 0;}

#partnerzy ul li#shinDo a,
#partnerzyWspolpraca ul li#shinDo a{ 
  background:transparent url('images/shin-do.gif') no-repeat;
  width: 72px;
}

#partnerzy ul li#shinDo a:hover,
#partnerzyWspolpraca ul li#shinDo a:hover { background-position: -72px 0;}

#partnerzy ul li#tigerDrink a,
#partnerzyWspolpraca ul li#tigerDrink a{ 
  background:transparent url('images/tiger_drink.gif') no-repeat;
  width: 74px;
}

#partnerzy ul li#tigerDrink a:hover,
#partnerzyWspolpraca ul li#tigerDrink a:hover { background-position: -70px 0;}

#partnerzy ul li#tigerGym a,
#partnerzyWspolpraca ul li#tigerGym a{ 
  background:transparent url('images/tiger_gym.gif') no-repeat;
  width: 109px;
}

#partnerzy ul li#tigerGym a:hover,
#partnerzyWspolpraca ul li#tigerGym a:hover { background-position: -109px 0;}

#partnerzy ul li#fundacjaFortuna a,
#partnerzyWspolpraca ul li#fundacjaFortuna a{ 
  background:transparent url('images/fundacja_fortuna.gif') no-repeat;
  width: 74px;
}

#partnerzy ul li#fundacjaFortuna a:hover,
#partnerzyWspolpraca ul li#fundacjaFortuna a:hover { background-position: -74px 0;}


#partnerzy ul li#tribag a,
#partnerzyWspolpraca ul li#tribag a{ 
  background:transparent url('images/tribag_logo.gif') no-repeat;
  width: 97px;
}

#partnerzy ul li#tribag a:hover,
#partnerzyWspolpraca ul li#tribag a:hover { background-position: -97px 0;}


#partnerzy ul li#orlen a,
#partnerzyWspolpraca ul li#orlen a{ 
  background:transparent url('images/orlen_logo.gif') no-repeat;
  width: 50px;
}

#partnerzy ul li#orlen a:hover,
#partnerzyWspolpraca ul li#orlen a:hover { background-position: -50px 0;}


#partnerzy ul li#tour a,
#partnerzyWspolpraca ul li#tour a{ 
  background:transparent url('images/tour_logo.gif') no-repeat;
  width: 121px;
  padding-top:20px;
  margin-top:12px;
}
#partnerzy ul li#tour a:hover,
#partnerzyWspolpraca ul li#tour a:hover { background-position: -121px 0;}

#partnerzy ul li#lang a,
#partnerzyWspolpraca ul li#lang a{ 
  background:transparent url('images/lang_logo.gif') no-repeat;
  width: 34px;
  line-height:30px;

}
#partnerzy ul li#lang a:hover,
#partnerzyWspolpraca ul li#lang a:hover { background-position: -34px 0;}


#partnerzy ul li#eska a,
#partnerzyWspolpraca ul li#eska a{ 
  background:transparent url('images/eska_logo.gif') no-repeat;
  width: 95px;
  line-height:30px;

}
#partnerzy ul li#eska a:hover,
#partnerzyWspolpraca ul li#eska a:hover { background-position: -95px 0;}

.clearboth{
	  clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#partnerzy ul li#tbt a,
#partnerzyWspolpraca ul li#tbt a{ 
  background:transparent url('images/tbt.gif') no-repeat;
  width: 40px;
  text-indent: -9999pt;
}

#partnerzy ul li#tbt a:hover,
#partnerzyWspolpraca ul li#tbt a:hover { background-position: -40px 0;}

#partnerzy ul li#babilon a,
#partnerzyWspolpraca ul li#babilon a{ 
  background:transparent url('images/babilon.gif') no-repeat;
  width: 170px;
  text-indent: -9999pt;
}

#partnerzy ul li#babilon a:hover,
#partnerzyWspolpraca ul li#babilon a:hover { background-position: -170px 0;}

/*------[ STRONA GŁÓWNA ]------------------------------------------------------------------------------*/
#aktualnosci{
position: relative;
right: 25px;
float: right;
width: 345px;
background: transparent url('images/grey_dot.gif') 0 40px repeat-x;
line-height: 160%;
}



#aktualnosci h2{
margin: 0 0;
font-size: 9px;
padding-left: 30px;
color: #fff;
width: 116px;
height: 41px;
background:transparent url('images/aktu_header.gif') no-repeat;
}

.news{
margin-left: 15px;

}
.naglNewsa{
margin-top:10px;
margin-bottom: 4px;
font-family: Georgia,Arial,sans-serif;
}

.naglNewsa h3{
margin: 0 0;
padding: 0 0;
font-size: 16px;
color: #288DCB;
}

.naglNewsa span{
font-size: 11px;
color: #ccc;
}
.imageNews{
border: 1px #ccc solid;
padding: 3px;
margin: 0 0;

}
#aktualnosci p{
font-family: Georgia,Arial,sans-serif;
text-indent: 0px;
font-size: 12px;
line-height: 140%;
}


#fundStart{
position: relative;
left: 20px;
padding: 0 0;
width: 340px;
background: transparent url('images/grey_dot.gif') 0 40px repeat-x;
}

#fundStart h2{
margin: 0 0;
padding: 0 0;
font-size: 9px;
color: #fff;
width: 86px;
height: 41px;
padding-left: 30px;
background:transparent url('images/fund_header.gif') no-repeat;
}

#fundStart p{
  margin-left: 15px;
  font-size: 12px;
}

/*------[ O NAS, TIGER, GALERIA, KONTAKT ]------------------------------------------------------------------------------*/

#onasHeader,
#tigerHeader,
#galeriaHeader,
#kontaktHeader{
background: transparent url('images/grey_dot.gif') 0 40px repeat-x;
position: relative;
left: 20px;
width: 701px;


}
#onasHeader h2,
#tigerHeader h2,
#galeriaHeader h2,
#kontaktHeader h2{
margin: 0 0;
font-size: 9px;
padding-left: 30px;
color: #fff;
width: 119px;
height: 41px;
}

#onasHeader h2{background: transparent url('images/onas_header.gif') no-repeat;}
#tigerHeader h2{background: transparent url('images/tiger_header.gif') no-repeat;}
#galeriaHeader h2{background: transparent url('images/galeria_header.gif') no-repeat;}
#kontaktHeader h2{background: transparent url('images/kontakt_header.gif') no-repeat;}

#onasMenu,
#tigerMenu{
position: relative;
left: 34px;
margin-bottom: 10px;
float: left;
width: 140px;
height: 400px;
}

#onasMenu ul,
#tigerMenu ul{
  margin: 0 0;
  padding: 0 0;
  list-style-type:none;
}

#onasMenu ul li,
#tigerMenu ul li{
  margin: 0 0 0 5px;
}

#onasMenu ul li a,
#tigerMenu ul li a{
  color: #fff;
  text-decoration: none;
  text-align: center;
  font-size: 9px;
  display: block;
  height:15px;
  width: 130px;
  padding-top: 14px;
}
#onasMenu ul li a:hover,
#tigerMenu ul li a:hover{
color: #F3F3F3;
}

/*#onasMenu ul li#informacje a{background:transparent url('images/informacje.gif') no-repeat;}
#onasMenu ul li#informacje_active a{background:transparent url('images/informacje.gif') -130px 0 no-repeat; color: #F3F3F3;}
*/
#onasMenu ul li#odTigera a{ background:transparent url('images/od_tigera.gif') no-repeat;}
#onasMenu ul li#odTigera_active a{color: #F3F3F3; background:transparent url('images/od_tigera.gif') -130px 0 no-repeat; }

#onasMenu ul li#planowane a{ background:transparent url('images/planowane.gif') no-repeat; 
                              height:33px;}
#onasMenu ul li#planowane_active a{color: #F3F3F3; }
#onasMenu ul li#planowane_active {height:48px; background:transparent url('images/planowane.gif') -130px 0 no-repeat;}


#onasMenu ul li#archiwum a{ background:transparent url('images/archiwum.gif') no-repeat;
                            height:33px;}
#onasMenu ul li#archiwum_active a{color: #F3F3F3; }
#onasMenu ul li#archiwum_active {height:48px; background:transparent url('images/archiwum.gif') -130px 0 no-repeat;}

#onasMenu ul li#cele a{ background:transparent url('images/cele.gif') no-repeat;}
#onasMenu ul li#cele_active a{color: #F3F3F3; background:transparent url('images/cele.gif') -130px 0 no-repeat;}

#onasMenu ul li#misja a{ background:transparent url('images/misja.gif') no-repeat;}
#onasMenu ul li#misja_active a{color: #F3F3F3; background:transparent url('images/misja.gif') -130px 0 no-repeat;}

#onasMenu ul li#stypendia a{ background:transparent url('images/stypendia.gif') no-repeat;}
#onasMenu ul li#stypendia_active a{color: #F3F3F3; background:transparent url('images/stypendia.gif') -130px 0 no-repeat;}

#onasMenu ul li#projekty a{ background:transparent url('images/projekty.gif') no-repeat;}
#onasMenu ul li#projekty_active a{color: #F3F3F3; background:transparent url('images/projekty.gif') -130px 0 no-repeat;}

#onasMenu ul li#patronaty a{ background:transparent url('images/patronaty.gif') no-repeat;}
#onasMenu ul li#patronaty_active a{color: #F3F3F3; background:transparent url('images/patronaty.gif') -130px 0 no-repeat;}

#onasMenu ul li#zarzad a{ background:transparent url('images/zarzad.gif') no-repeat;}
#onasMenu ul li#zarzad_active a{color: #F3F3F3; background:transparent url('images/zarzad.gif') -130px 0 no-repeat;}

#onasMenu ul li#wspolpraca a{ background:transparent url('images/wspolpraca.gif') no-repeat;}
#onasMenu ul li#wspolpraca_active a{color: #F3F3F3; background:transparent url('images/wspolpraca.gif') -130px 0 no-repeat;}

#onasMenu ul li#aukcje a{ height:48px; background:transparent url('images/aukcje.gif') no-repeat;}
#onasMenu ul li#aukcje_active a{height:48px;  color: #F3F3F3; background:transparent url('images/aukcje.gif') -130px 0 no-repeat;}

#tigerMenu ul li#biografia a{ background:transparent url('images/biografia.gif') no-repeat;}
#tigerMenu ul li#biografia_active a{color: #F3F3F3; background:transparent url('images/biografia.gif') -130px 0 no-repeat;}

#tigerMenu ul li#kariera a{ background:transparent url('images/kariera.gif') no-repeat;}
#tigerMenu ul li#kariera_active a{color: #F3F3F3; background:transparent url('images/kariera.gif') -130px 0 no-repeat;}

#tigerMenu ul li#zdjecia a{ background:transparent url('images/zdjecia.gif') no-repeat;}
#tigerMenu ul li#zdjecia_active a{color: #F3F3F3; background:transparent url('images/zdjecia.gif') -130px 0 no-repeat;}



#onasMenu ul li#aukcje a:hover, 
#onasMenu ul li#informacje a:hover, 
#onasMenu ul li#odTigera a:hover,
#onasMenu ul li#planowane a:hover,
#onasMenu ul li#archiwum a:hover,
#onasMenu ul li#cele a:hover,
#onasMenu ul li#misja a:hover,
#onasMenu ul li#stypendia a:hover,
#onasMenu ul li#projekty a:hover,
#onasMenu ul li#patronaty a:hover,
#onasMenu ul li#zarzad a:hover,
#onasMenu ul li#wspolpraca a:hover,
#tigerMenu ul li#biografia a:hover,
#tigerMenu ul li#kariera a:hover,
#tigerMenu ul li#zdjecia a:hover
 { background-position: -130px 0;}



#onasTresc,
#tigerTresc{
position: relative;
right: 29px;
margin-bottom: 10px;
float: right;
text-align: justify;
padding: 0 0;
width: 500px;
line-height: 140%;
}

#galeriaTresc,
#kontaktTresc{
position: relative;
left: 42px;
top: 10px;
}

#galeriaTresc #naglowek{
height: 30px;
margin-top: 20px;
margin-bottom: 20px;
}




#onasTresc ul li,
#tigerTresc ul li{
margin-bottom: 10px;
text-align: justify;
}

#onasTresc h2,
#tigerTresc h2,
#galeriaTresc h2{
font-family: Georgia,Arial,sans-serif;
margin: 15px 0;
font-size: 20px;
color: #288DCB;
padding-bottom: 2px;
background: transparent url('images/h2_bg.gif') left bottom no-repeat; 
}
#galeriaTresc h2{
margin-top: 20px;
padding-top: 0;
}
#galeriaTresc h2 span{
font-size: 12px;
color: #828282;
font-weight: normal; 
}

#onasTresc h3,
#tigerTresc h3{
font-family: Arial,sans-serif;
font-size: 15px;

}

#galeriaTresc img.thumb {
height:105px;
width:105px;
background-color: #ddd;
border: 2px #fff solid;
padding: 7px;
margin-right: 7px;
margin-bottom: 7px;;
}




#galeriaTresc a:hover img.thumb {
background-color: #BADCE2;

border: 2px #288DCB solid;

}

#pageNumCont {
  font-size: 14px;
 text-align: center;
}

.pageNum a {
border: 1px #fff solid;
padding: 1px 4px;
}

.pageNum a:hover {
border: 1px #288DCB solid;
background-color: #CAF0FF;
}
.pageNum a:visited {
color:#ccc;
}

.pageNum_active a{
border: 1px #288DCB solid;
background-color: #CAF0FF;
font-weight: bold;
padding: 1px 4px;

}

.galeriaLink{
padding-top: 10px;
font-family: Arial,sans-serif;
font-size: 15px;
color: #288DCB;
font-weight: bold;
text-decoration: none;
line-height: 140%;
}
.galeriaLink a{
font-family: Arial,sans-serif;
font-size: 15px;
color: #288DCB;
border-bottom: 2px #ccc solid;
font-weight: bold;
text-decoration: none;

}

.galeriaLink a:hover {
border-bottom: 2px #288DCB solid;
}


------[ STYLE TREŚCI ]------------------------------------------------------------------------------*/

p {
text-indent: 30px;
text-align: justify;
}

span a, p a{
color:#288DCB; 
text-decoration: none;
border-bottom: 1px #ccc solid;
}

span a:hover, p a:hover{
border-bottom: 1px #288DCB solid;
}

.justify{
text-align: justify;
}

.dotHr{
background:transparent url('images/hr_dot.gif') left repeat-x;
height:1px;
font-size: 1px;
max-height: 1px;
margin: 0 0;
padding: 0 0;
line-height: 0px;
}
.pdf {
height: 35px;
padding: 10px;
background: transparent url('images/pdf.jpg') no-repeat;

padding-left: 45px;
margin-right: 40px;
line-height: 40px;
}

.noindent {
text-indent: 0px;
text-align: left;
}
/*lightbox style*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
/*koniec lightbox style*/