/* pamiętaj o: 
 * 
 * ul-li-li-li, ol-li-li-li, blockquote i o wszystkich innych elementach, 
 * które zerujesz w reset.css
 */



#t {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 150%; }


#t h1 {
  font-weight: normal;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 26px;
  line-height: 125%;
  margin-bottom: 20px;
  color: rgb(0,28,52); }
#t h2 { 
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 14px; 
  font-weight: bold; 
  margin: 20px 0 10px 0; } 
#t h2 a {
	text-decoration: none; }  
#t h3 {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px; 
  font-weight: bold; 
  margin: 10px 0 5px 0; }

#t .z_rogiem {
  /* nagłówek z punktorek, stworzone dla h2 */
  background: url(obrazki/punktor-rog.gif) no-repeat;
  background-position: 0 4px;
  padding-left: 24px;
  padding-bottom: 10px;
  margin-bottom: 0; }


#t .belka {
  /* hX.belka = belka pod tytuły i śródtytuły */
  color: rgb(0,34,40);
  text-align: center;
  padding: 7px 0 7px 0;
  display: block;
  background-color: rgb(234,236,227);
  border-bottom: dashed rgb(79,98,74) 1px;
  border-top: dashed rgb(79,98,74) 1px;
}



#t a:visited { color: rgb(133,144,60); }

#t p {
  font-size: 12px;
  line-height: 160%;
  margin-bottom: 10px;
  color: rgb(0,0,0); }

#t strong { font-weight: bold; }





/* przeniesione z artykul.css */
#t .wprowadzenie {
  background: rgb(237,242,213);
  padding: 10px 7px;
  border-top: 1px rgb(0,0,0) dashed;
  border-bottom: 1px rgb(0,0,0) dashed; }
#t .wprowadzenie span {
  float: left;
  font-weight: normal;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: rgb(169,175,0);
  font-size: 43px;
  line-height: 30px;
  margin-top: 5px; }
  
  
  



/* oblewanie tekstem */
.wtopienie { float: left; }

/* pojemniki różne */
.na-skroty { float: right; }





/*
 * RAMKA ZE ZDJĘCIEM O SZEROKOŚCI 110PX I PODPISEM W JEDNEJ LINII
 */

.ramka-p {
  display: block;
  display: inline;
  width: 110px;
  height: 120px;
  padding: 6px;
  text-decoration: none;
  background-color: white;
  border: rgb(220,221,214) 2px solid;
  margin: 0 10px 20px 0;
  float: left; }

.ramka-p:hover {
  border-color: rgb(141,165,0);
}

.ramka-p span {
  display: block;
  width: 110px;
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  background-color: rgb(248,249,243);
  line-height:14px;
  padding:3px 0pt;
  text-decoration: none;
  color: rgb(0,0,0); }

.ramka-p img { width: 110px; } 



/* Obrazki */
#t .fotka { 
  float: left;
  margin: 0px 20px 10px 0;
  text-decoration: none;
  width: 300px; }
#t .fotka img { }
#t .fotka p, #t .fotka span { 
  font-size: 9px;
  line-height: normal;
  color: rgb(202,202,202);
  background-color: rgb(6,28,2);
  padding: 5px 10px;
  margin: 0; 
  display: block; }
  
#t .fotka * span { display: inline; padding:0; margin:0; }  




/*
 * CYTAT W BLOKU
 */

#t blockquote {
  padding-left: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
  background: url(obrazki/cudzyslow.png) no-repeat top left; }

#t blockquote p {}

#t blockquote p.podpis {
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 0; }
  
  





  
  
/* Wykropkowanie poziomu 1: trójkąty */

#t ul li { 
  background: url(obrazki/punktor-trojkat.gif) no-repeat top left;
  background-position: 0px 4px;
  margin-left: 35px;
  padding-left: 15px;
  font-size: 12px;
  line-height: 160%; }

#t ul {
  margin-bottom: 10px; }
  
/* Wykropkowanie poziomu 2: kropki */
  
#t ul ul li { 
  background-image: none;  
  list-style: disc;
  margin-left: 15px;
  padding-left: 0px;
 }



#t li a {
  font-weight: bold;
  text-decoration: none; }
#t li a:hover { text-decoration: underline; }



 
/* Wypunktowanie poziomu 1: trójkąty */
#t ol li { 
  /* !! */
  list-style-type: decimal;
  margin-left: 50px;
  padding-left: 0px;
  font-size: 12px;
  line-height: 160%; }

#t ol {
  /* !! */
  margin-bottom: 10px; }
  
/* Wypunktowanie poziomu 2: kropki */
  
#t ol ul li { 
/* !! */
  background: url(obrazki/punktor-trojkat.gif) no-repeat top left;
  list-style-type: none;
  background-position: 0px 4px;
  margin-left: 0px;
  padding-left: 15px;
 }
 
 
#t em { background-color: rgb(237,242,213); } 
#t cite { font-style: italic; }
#t sup { vertical-align: super; font-size: 0.8em; } 
 
 
 
 
/*
 * Dzikie Życie główna
 */ 
#dzlewa {
	float: left;
	width: 365px; height: 415px; 
	margin: 0 0 20px 0; }

#dzlewa p {
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; text-decoration: none;
	font-size: 14px; line-height: 20px; 
	padding: 0 15px 0 0; }
	
#dzlewa .fotka {
	margin: 0 0 20px 0 }	



#dzprawa {
	float: right;
	width: 172px; height: 415px; 
	margin: 0 0 20px 0; }

#dzprawa img {
	padding: 0 0 5px 0; 
	float: none; }
	
#dzprawa a {
	float: right;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; text-decoration: none;
	font-size: 10px; color: rgb(0,0,0);
	text-align: center; text-decoration: none; 
	padding: 5px; margin: 0 0 10px 0;
	border: 1px rgb(218,219,214) solid;
	display: block; }
	
#dzprawa a:hover {
	border-color: rgb(141,165,0); }		
	
#dzprawa a.dz {
	width: 160px; height: 240px; }

#dzprawa a.rys {
	width: 160px; height: 135px; } 	
 
#dzprawa a span { display: block; } 
 
 

/* Galerie razem */

#t .galerie {
  width: 550px; 
  overflow: auto;
}
#t .galerie a {
  width: 150px; padding: 10px 10px 7px 10px;
  margin: 0 10px 10px 0; float: left; 
  display: inline; /* na podwójny margines w IE6 */
  background: #eaece3; border-bottom: #cacbc6 2px solid; border-right: #cacbc6 2px solid;
  font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #000; }

#t .galerie a img { width: 150px; height: 100px; }
#t .galerie a span { display: block; line-height: 13px; margin-top: 4px; }
#t .galerie a span.tytul { height: 26px; overflow: hidden; }
#t .galerie a span.data { font-size: 10px; line-height: 10px; font-weight: bold; margin-top: 5px; height: 10px; }

#t .galerie a:link { background: #eaece3; }
#t .galerie a:visited span { color: #888; }
#t .galerie a:hover { background: rgb(237,242,213); }
#t .galerie a:active { background: rgb(237,242,213); }
/* #t .gal_kafelki a:visited:hover { background: #eaece3; } */

#t .galerie a:hover span { cursor: pointer; }
 
 
 
/* Galeria jedna. Miniaturki */
#t .galeria {
  width: 550px; 
  overflow: auto;
  margin-bottom: 20px;
  margin-top: 25px;
}
#t .galeria a {
  width: 150px; padding: 10px;
  margin: 0 5px 5px 0; float: left; 
  display: inline; /* na podwójny margines w IE6 */
  background: #eaece3;
  text-decoration: none; }

#t .galeria a img { width: 150px; height: 100px; }
#t .galeria a span { 
  display: block; line-height: 13px; margin-top: 4px; 
  font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #000; 
  height: 13px; line-height:13px; overflow: hidden; }

#t .galeria a:link { background: #eaece3; }
#t .galeria a:visited span { color: #888; }
#t .galeria a:hover { background-color: rgb(237,242,213); }
#t .galeria a:active { background-color: rgb(237,242,213); }

#t .galeria a:hover span { cursor: pointer; } 
 
 
 
 
 
/* Nawigacja typu: poprzednie-następne */
/* tworzona z myślą o galeriach */

#t #naw_popnast { border-top: dashed rgb(192,192,190) 1px; margin-top: 20px; }
#t a#naw_pop, #t a#naw_nast {
  font-family: Tahoma, Arial, Helvetica, sans-serif; text-decoration: none; color: #000;  
  font-size: 10px; line-height: 13px; }
#t #naw_popnast span { display: block; height: 26px; overflow: hidden; }
#t a#naw_pop { 
  float: left; padding: 5px 117px 5px 10px; width: 143px; text-align: right;
  background: url(obrazki/przycisk-poprzednie.png) no-repeat;
  background-position: 163px 5px; }
#t a#naw_nast { 
  float: right; padding: 5px 10px 5px 117px; width: 143px;  text-align: left;
  background: url(obrazki/przycisk-nastepne.png) no-repeat;
  background-position: 0px 5px; }
#t a#naw_pop:hover { 
  background-position: 163px -75px; }
#t a#naw_nast:hover { 
  background-position: 0px -75px; }
#t #naw_popnast a:hover span { cursor: pointer; }







/* === MMMM === */

#t .podtekstem { padding: 10px 0 0 0; margin: 20px 0 0 0; clear: both; } 
#t .podtekstem, #t .podtekstem p { font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 1.2em; }
#t .podtekstem.separator { border-top: 1px solid rgb(190,190,190); }

#t p.autor2 { 
  font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase;
  background: url(obrazki/punktor-kwadracik.gif) no-repeat; background-position: 0px 4px;
  padding-left: 15px; }

  
  
  
  
  
  
/* === PUBLIKACJE === */

#t .pub_kafelek {
  display: inline;
  
  width: 245px;
  height: 150px;
  float: left;
  
  margin: 0 13px 26px 13px;
  position: relative;
  left: -13px;
}

#t div.pub_kafelek p { line-height: 120%; }
      
#t a.pub_kafelek {
  background-color: rgb(248,249,243);
  overflow: hidden;
  text-decoration: none;
}
#t a.pub_kafelek img { float: left; margin-right: 6px; }
#t a.pub_kafelek span { display: block; padding-right: 6px; }
#t a.pub_kafelek span.pub_tytul {
  border-top: 6px solid rgb(1,63,33);
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 12px; font-weight: bold; line-height: 1.2em;
  color: rgb(0,0,0);
  padding-top: 7px;
}
#t a.pub_kafelek span.pub_autor, #t a.pub_kafelek span.pub_opis {
  font-family: Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.2em; margin-top: 3px; }
#t a.pub_kafelek span.pub_autor { color: rgb(141,165,0); font-weight: bold; }
#t a.pub_kafelek span.pub_opis { color: rgb(154,154,154); font-weight: normal; }

#t a.pub_kafelek.pub_nowe {
  background-color: rgb(234,245,181);
}

/* --- Publikacja duża --- */

#t .publikacja { margin-bottom: 30px; }
#t .publikacja .fotka { background-color: rgb(248,249,243); }
#t .publikacja .fotka p { font-size: 11px; line-height: 1.2em; color: rgb(0,0,0); background-color: rgb(248,249,243); padding: 0; margin: 10px 0; }
#t .publikacja .kolumna { margin-left: 200px; }

#t .publikacja a.przycisk { background-color: rgb(234,245,181); color: rgb(25,107,8); margin: 0 0 10px 10px; padding: 4px; width: 60px;  float: right; border: 3px solid #fff; text-decoration: none; font-weight: bold;  }
#t .publikacja h1 { margin-bottom: 10px; }
#t .publikacja h4 { border-bottom: 1px dashed rgb(79,98,74); padding: 0 0 10px 0; margin: 0 0 10px 0; line-height: 1em; }
#t .publikacja h4.autor { color: rgb(141,165,0); font-weight: bold; }


/* === Zamawianie === */
  
div.zamow_dz {
  background: url(obrazki/grad-fff-do-tla-h100px.gif) repeat-x; color: #000;
  border: rgb(234,237,228) 2px solid; font-family: Georgia, Times, serif; font-size: 12px;
  text-decoration: none; float: left;  display: block;
  margin: 0 0 15px 0; padding: 10px 5px 5px 5px; height: 73px; overflow: hidden; }
#t div.zamow_dz strong { font-size: 14px; font-weight: normal; display: block; margin: 0 10px 10px 10px; }
div.zamow_dz a { display: inline-block; border-left: rgb(234,237,228) 1px solid; }
div.zamow_dz a.alfa { border-left: none; }
div.zamow_dz a:hover {}
/* specjalne dla papierowych: */
div.zamow_dz.alfa { padding: 10px 20px 5px 20px; margin-right: 10px; }
div.zamow_dz.alfa a { width: 100%; text-align: center; }



/* === Szukanie === */
#t #szuku {}

#t form#wszuku { height: 20px; background: rgb(234,237,226); padding: 10px; }
#t form#wszuku p { font-weight: bold; width: 50%; float: left; padding-top: 3px; margin: 0; font-family: Tahoma, Arial, sans-serif; font-size: 10px; }
#t form#wszuku select { float: right; }
#t form#wszuku button { float: right; margin-left: 10px; }
  
#t #szuku ul { margin-top: 20px; }
#t #szuku li { margin: 0 0 10px 0; padding: 0; background: none; }
#t #szuku li h2 { margin: 0 0 0px 0;}
#t #szuku li a {}
#t #szuku li strong { background: rgb(226,235,237); }
#t #szuku li p { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: rgb(154,154,154); margin-bottom: 0; }





/* === Tabela === */

#t table { font-family: Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1em;
margin-bottom: 30px; width: 100%}
#t table p { font-size: 11px; }
#t table thead th, #t table tbody td { padding: 7px;  border-bottom: 1px solid rgb(228,229,224); border-left: 1px solid rgb(228,229,224); }
#t table td:first-child, #t table th:first-child { border-left: none; }
#t table caption {padding: 14px 7px 14px 7px; border-top: 1px solid rgb(109,110,102);
margin-top: 20px;}
#t table thead {}
#t table thead tr {}
#t table thead th { background: rgb(109,110,102); color: #fff; }
#t table tbody {}
#t table tbody tr {}
#t table tbody td {}
#t table a { text-decoration: none; }