/*  CSS dla pokładu OPISY (bez spisu)  -  2004.04.14 # 2009.04.23 # 2012.11.08 # 2015.04.8  */

body
{ color: black;
}

a, table.mtab span 
{ font-family: Arial, Gulim, Iwona, sans-serif;
  color: black;
  text-decoration: none; background: transparent;
}

p
{ margin: 0.5em 2pt;
  padding: 0.5em 0;
}


/*  Lewe sub-Menu, ... */
div.lewybox
{ width: 82pt;
}

/*  Menu lewe  */
.spismenu
{ border-bottom: 3pt solid #D00;
  padding: 0 0 6pt;
  background-color: #A22;
  text-align: left;
}
.spismenu p
{ font-family: Arial, Gulim, Iwona, sans-serif;
  margin: 2pt 0 4pt; padding: 2pt 0;
  border: 2.2pt solid peru;
  color: #DB8; background-color: #904;
  font-size: 14pt; font-size: 1.28rem;
  font-weight: bold;
  letter-spacing: 3pt;
  text-align: center;
}
.spismenu .razem div
{ margin: 0; padding: 2pt 0 2pt 5pt;
  color: #DB8;
  font-family: Arial, Gulim, Iwona, sans-serif;
  font-size: 11pt; font-size: 1rem;
  font-weight: bold;
  line-height: 1.1em;
  letter-spacing: 0.8pt;
}
.spismenu .razem div.prawo
{ margin: 0; padding: 0 4pt 2pt 2pt;
  font-size: 8pt; font-size: 0.7rem;
  text-align: right;
  letter-spacing: normal;
}
.spismenu a
{ margin: 0; padding: 0.8pt 1.4pt;
  border-bottom: 0.8pt solid #A22;
  color: ivory;
  text-decoration: none; 
  font-size: 9pt; font-size: 0.85rem;
  font-weight: normal;
  line-height: 1.1em;
}
.spismenu a.bopis
{ display: block;
  margin: 0; padding: 1.4pt 0 0.8pt 5pt;
  border-bottom: 0.8pt solid #A22;
  font-size: 11pt; font-size: 1rem;
  font-weight: bold;
  line-height: 1.2em;
  letter-spacing: 0.8pt;
}
.spismenu a:hover
{ border-bottom: 0.8pt solid #FDA;
  color: #FDA; background-color: #E40;
  text-decoration: none; 
}
.spismenu a.bopis:hover
{ padding: 1.4pt 2pt 0.8pt 8pt;
}
.spismenu a span
{ font-family: "Lucida Console", "Andale Mono", monospace;
  color: #DB8;
}

/*  Inne  */
.piszbox span
{ font-size: 9.6pt;
}


/*  Menu dolne  */
table.mtab
{ margin: 2pt auto 8pt; padding: 0;
  border-top: 3pt solid peru;
  border-left: 3pt solid peru;
  outline: #A22 solid 2px;
  background-color: #FDA;
  font-size: 11pt; font-weight: bold;
  line-height: 20pt;
  letter-spacing: 2pt;
}
table.mtab td
{ border-bottom: 3pt solid peru;
  border-right: 3pt solid peru;
  padding: 1px;
}
table.mtab a, table.mtab span
{ display: block;
  margin: 0; padding: 0 6pt 0 8pt;
  color: ivory; background-color: #A22;
  text-shadow: 1pt 1pt 0 #583000;
}
table.mtab a:hover
{ color: #FDA; background-color: #E40;
}
table.mtab span
{ color: #DB8;
}

.odcinki_dol
{ display: inline-block;
  margin: 4pt auto 8pt; padding: 1.4pt;
  border: #A22 solid 1pt;
  box-shadow: 0 0 16pt #A22; x: rgba(160,40,32,95);
  background-color: peru;
  background-color: rgba(240,150,40,.6);
  text-align: center;
}
.odcinki_dol b
{ display: inline-block;
}
.odcinki_dol a, .odcinki_dol span
{ display: inline-block;
  margin: 1.4pt; padding: .6ex 1ex .4ex 1.1ex;
  border: 0.6pt solid #FDA;
  border-radius: 4pt;
  box-shadow: inset -1pt -1pt 2.8pt rgba(40,10,0,.8), inset 1pt 1pt 2.8pt rgba(250,250,240,.8);
  color: ivory; background-color: #A22;
  font-family: Arial, Gulim, Iwona, sans-serif;
  font-size: 11pt; font-size: 1rem;
  font-weight: bold;
  letter-spacing: .28ex;
  text-shadow: 1pt 1pt 0 #583000;
}
.odcinki_dol a:hover
{ color: #FDA; background-color: #E40;
}
.odcinki_dol span
{ color: #DB8;
}


/*  Główny blok  */
.rama
{ min-width: 140pt;
  margin: 0 4pt 8pt 88pt; padding: 0;
}
div.glownybox
{ margin: 0; padding: 8pt 0;
  border: 4.8pt double firebrick;
  background-color: #DEFFBF;
  text-align: left;
}


/*  Główka opisów  */
table.glowa
{ width: 99%;
  margin: 0 auto 8pt; padding: 0;
  border: 1.62pt solid #CAF0AA;
  border-collapse: separate;
  border-spacing: 0;
  background-color: #E8FFCA;
  font-size: 11pt; font-size: 1rem;
  text-align: center;
}
td.gl-img
{ width: 88pt;
  padding: 0; margin: 0; border: 4pt solid #E8FFCA;
  text-align: left;
}
td.gl-img img
{ min-width: 70pt;
  padding: 0.8pt; margin: 0;
  background-color: gold;
  border: 1.6pt solid gold;
  border-bottom-color: goldenrod;
  border-right-color:  goldenrod;
  vertical-align: middle;
  cursor: wait;
}
.gl-tyt 
{ font-family: "Franklin Gothic Book", Arial, Tahoma, sans-serif;
  font-size: 48pt; font-size: 4.4rem;
  font-weight: 600;
  letter-spacing: 0.15em; line-height: 1.4em;
  text-shadow: 0 0 6pt #698000;
}
td.gl-rok
{ width: 88pt;
  padding: 4pt; margin: 0; border: 4pt solid #E8FFCA;
  color: #E8FFCA; background-color: #D22;
}
td.gl-rok p, td.gl-rok p span
{ margin: 2pt; padding: 0;
  font-family: "Comic Sans MS", Forte, Verdana, Arial, sans-serif;
  font-size: 14pt; font-size: 1.28rem;
  font-weight: 400;
  line-height: 1.2em;
  text-align: center; 
  letter-spacing: 0.8pt;
}
td.gl-rok p span
{ font-size: 18pt; font-size: 1.7rem;
}


/*  Serie  */

div.ieopis
{ width: 98%; margin: 0 auto;
}

.opis, .opisl
{ clear: right;
  margin: 2pt 6pt 12pt;
  font-size: 1rem;
  line-height: 1.4em;
}
.opisl
{ clear: left;
}

.opis a, .opisl a
{ font-family: "Comic Sans MS", Forte, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12pt; font-size: 1.1rem;
  font-weight: 200;
}
.opis a.link
{ font-size: inherit; font-weight: normal;
  font-style: italic;
}

.npol, .nang
{ font-family: Tahoma, Arial, Verdana, sans-serif;
  letter-spacing: 1pt;
}
.npol
{ color: #111;
  font-size: 12pt; font-size: 1.1rem;
  font-weight: bold;
  border-bottom: 0.8pt dotted #880;
  padding: 0 4pt 1pt;
}
.nang
{ font-size: 10pt; font-size: 0.91rem;
}

img.op, img.ole
{ float: right;
  display: block;
  padding: 0; margin: 1pt 2pt 4pt 6pt;
  border: 2pt ridge gold; outline: #FFD700 ridge 1.8pt;
  background-color: gold;
}
img.ole
{ float: left;
  margin: 1pt 6pt 4pt 2pt;
}

.obrazki
{ width: 96%;
  margin: 4pt auto 12pt;
  text-align: center;
}
.obrazki img
{ min-width: 80pt; max-width: 94%;
  padding: 0; margin: 4pt;
  border: 2pt ridge gold; outline: #FFD700 ridge 2pt;
  box-shadow: 2px 2px 10px #440;
  background-color: gold;
}


.branie
{ clear: both; width: 96%;
  margin: 14pt auto 2pt; padding-top: 14pt;
  line-height: 1.15em;
  border-top: 3pt solid #E00000;
}
.branie p
{ margin: 0 12pt 2pt; padding: 0;
  font-size: 18pt; font-size: 1.7rem;
  line-height: 1.15em;
}

.branie img
{ vertical-align: baseline;
}

.branie a
{ margin: 0; padding: 2pt 4pt;
  color: #004000; background-color: #CFEFAF;
  font-size: 11pt; font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.5em;
}
.branie a:hover
{ color: #CFFFAF; background-color: #006000;
}


/*  Ksiazki  */

ul.knigi
{ margin: 8pt 10pt; padding: 2pt 0 2pt 8pt;
}
ul.knigi li
{ padding-bottom: 2.2pt;
  font-family: Georgia, "Book Antiqua", "Times New Roman", serif;
  color: #211;
  font-size: 11pt; font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1pt;
}

div.glownybox .cent img
{ padding: 0; margin: 2pt;
  border: 2px ridge gold; outline: #FFD700 ridge 2px;
  background-color: gold;
}


/*  Liryki  */

.spiew
{ padding: 8pt; 
  font-size: 14pt; font-size: 1.28rem;
  text-align: center; 
  line-height: 1.28em;
}
.spiew b
{ display: inline-block; 
}

.centclr
{ clear: both;
  text-align: center;
}
.centclr img
{ max-width: 98%;
  box-shadow: 0 0 5pt #397060;
}

.opsi
{ clear: right;
  margin: 2pt 6pt;
  padding-top: 6pt;
  line-height: 1.4em;
}

div.blok-wew
{ max-width: 98%; width: 568pt;
  margin: 12pt auto; border: 0; padding: 0;
  text-align: left;
}

div.txt-prawy, div.txt-lewy
{ float: right;
  width: 280pt;
  margin: 4pt 0;padding: 0;
  border: 1pt solid #F0FFFF;
  border-bottom-color: #888;
  border-right-color: #AAA;
  background-color: #DAE8FF;
  box-shadow: 0 0 5pt #397060;
}
div.txt-lewy
{ float: left;
}

div.blok-wew p
{ margin: 6pt 4pt 6pt 1em;
  font-size: 10pt; font-size: 0.91rem;
  line-height: 1.28em;
}

div.blok-wew h1
{ font-family: Arial, Gulim, Iwona, sans-serif;
  padding: 0.35em 2pt 0.25em 0.8em;
  margin: 6pt; border: 0;
  color: white; background-color: #004072;
  font-size: 12pt; font-size: 1.1rem;
  font-weight: bold;
  letter-spacing: 0.25ex;
  text-shadow: 2pt 2pt 1pt #002, -2pt -2pt 1pt #002, -2pt 2pt 1pt #002, 2pt -2pt 1pt #002;
}


/*
||
||  Mniejsze  Ekrany  [!]
||
*/

@media (max-width: 700pt)
{

 body { max-width: 700pt; }
 .odcinki_dol a, .odcinki_dol span { font-size: 0.91rem; }
 .gl-tyt { font-size: 3.8rem; letter-spacing: 0.1em; }

 div.blok-wew  { width: 525pt; }
 div.txt-prawy, div.txt-lewy { width: 260pt; }
 div.blok-wew p  { font-size: 0.85rem; }
 div.blok-wew h1 { font-size: 1rem; }

}

@media (max-width: 500pt)
{

 .rama
 { margin-left: 86pt;
 }
 div.glownybox
 { border-width: 4pt;
   padding: 4pt 0;
 }

 td.gl-img
 { width: 5.6em;
   border-width: 3pt;
 }
 td.gl-img img
 { width: 100%; min-width: 3em;
   box-sizing: border-box;
   padding: 0;
 }
 .gl-tyt 
 { font-size: 3rem;
 }
 td.gl-rok
 { width: 5.6em;
   border-width: 3pt;
 }
 td.gl-rok p, td.gl-rok p span
 { font-size: 1rem;
 }
 td.gl-rok p span
 { font-size: 1.4rem;
 }

 .opis, .opisl
 { margin: 2pt 6pt 12pt;
   font-size: 0.91rem;
 }
 .opis a, .opisl a, .npol
 { font-size: 1rem;
 }
 .nang
 { font-size: 0.85rem;
 }

 .obrazki
 { width: 100%;
 }

 .odcinki_dol a, .odcinki_dol span
 { font-size: 0.91rem;
 }

 div.blok-wew { width: auto; }
 div.txt-prawy, div.txt-lewy
 { float: none;
   margin: 5pt auto;
 }

}

@media (max-width: 440pt)
{

 div.lewybox
 { width: 80pt;
 }

 .rama
 { margin: 0 2pt 8pt 84pt;
 }

 td.gl-img
 { width: 5.4em;
 }
 td.gl-img img
 { Xmin-width: 3.5em;
 }
 .gl-tyt 
 { font-size: 2.5rem;
 }
 td.gl-rok
 { width: 5em;
 }
 td.gl-rok p, td.gl-rok p span
 { font-size: 0.91rem;
 }
 td.gl-rok p span
 { font-size: 1.2rem;
 }

 div.ieopis
 { width: 99%;
 }

 img.op
 { margin-right: 0;
 }
 img.ole
 { margin-left: 0;
 }

 div.blok-wew  { width: auto; }
 div.txt-prawy, div.txt-lewy
 { width: 240pt; max-width: 99.5%;
 }
 div.blok-wew p
 { margin: 5pt 3pt 6pt 1ex;
 }
 div.blok-wew h1
 { margin: 4pt; border: 0;
 }

}

@media (max-width: 340pt)
{

 div.lewybox
 { width: 99%;
   margin: 0 auto;
 }

 .spismenu .razem
 { display: inline-block;
 }
 .spismenu .razem a.bopis, .spismenu .razem div
 { display: inline-block;
 }
 .spismenu a.bopis
 { padding: 0.8pt 2pt 0.8pt 4pt;
 }
 .spismenu a.bopis:hover
 { padding: 0.8pt 4pt 0.8pt 2pt;
 }
 .spismenu .razem div.prawo
 { margin-right: 4pt;
   padding: 0 2pt 2pt 0;
 }

 div.rama
 { margin: 0 1pt;
 }

 div.glownybox
 { border: 1.4pt solid firebrick;
   padding-top: 2pt;
 }

 table.glowa
 { width: 100%;
   border-width: 1pt;
 }
 td.gl-img
 { width: 4em;
 }
 .gl-tyt 
 { font-size: 1.75rem;
   letter-spacing: 0;
 }
 td.gl-rok
 { width: 4.5em;
 }
 td.gl-rok p, td.gl-rok p span
 { font-size: 0.91rem;
   letter-spacing: 0;
 }
 td.gl-rok p span
 { font-size: 1.1rem;
 }

 .obrazki img
 { margin: 4pt 0;
   outline-width: 0;
 }

 img.op, img.ole
 { float: none;
   display: block;
   max-width: 97%;
   margin: 4pt auto;
   outline-width: 0;
 }

 .branie p
 { margin: 0 2pt 2pt;
   font-size: 1.2rem;
 }
 .branie a
 { padding: 1.2pt 3pt;
   font-size: 1rem;
 }

 .spiew
 { padding: 5pt;
   font-size: 1.2rem;
 }
 div.txt-prawy, div.txt-lewy
 { width: 218pt;
 }
 div.blok-wew p
 { margin: 5pt 2.4pt 6pt 3pt;
 }
 div.blok-wew h1
 { margin: 4pt; border: 0;
 }

}

/*  The End  */