.gwiazdka { background-color: #bbb }
.pyl_lyp { background-color: #054 }
.groszki { background-color: #814 }
.no_i_tak { background-color: #a09 }
.termos-w { background-color: #f90 }
.pan_c-c { background-color: #a23 }
.sofka { background-color: #146 }
.internacia { background-color: #040 }
/* .tlum { background-color: #888 } */
.tlum { background-color: #78a }
.sze-dzie { background-color: #ebc876 }
.rownik { background-color: #788 }

.glowna { background: #999 url("escher3.jpeg")}

body { margin:0; padding:0;
       font-family: "Times New Roman", serif; 
       font-size: 16px; 
     }
div#gora { height: 1em; margin: 0; padding: 0 }

.kontener { color: #000; 
            background-color: #fff;
            width: 50em;
            margin: 0 auto 1.2em 12.5em; 
            padding: 1.5em 0;
            border: 0;
            font-family: georgia, serif; 
            font-size: 10pt; 
            font-weight: normal;
            line-height: 160%;            
          }
.kontener * { padding: 0;
            }
.kontener p,h2,div,hr,ul { margin: auto 4em }
.kontener h1 { color: #666; background-color: #fff;
               margin: 4em 2.2em; 
               font-size: 2.2em; 
               line-height: 1.2em; 
             }
             
/* body.sze-dzie h1 { margin-bottom: 0 } */

.kontener h1.dlugi_naglowek { margin: 1.5em 0 2em 2.2em }

.kontener h2 { font-size: 1em; font-weight: bold; 
               color: #666; background-color: #fff;
               margin-bottom: 2.5em; 
               padding-top: 5em 
              }

.kontener h2.wieksze { font-size: 1.5em;
		       margin-left: 2.5em;
                     }
.kontener h2.nopad { padding-top: 0 }

.kontener h2.nopad:target { border: 3px solid #040; 
                            padding-left:1em;
                            padding-top:0.5em
                          }
/* poszcz. jezyki w "internacia" - FIXME */

.kontener strong { color: #666; background-color: #fff }
body.glowna ul { margin-top: 0; margin-bottom: 1em;
                 list-style-type: none 
               }           
body.glowna li { margin-left: 2em }
body.glowna li.cofnij { margin-left: 0 }

p.gora_listy { margin-bottom: 0 }
p.malutkie   { font-size:smaller; margin-left: 6em }

/* body>.kontener ul { margin-left: 20em } */


.glowna .kontener { border: 1px solid #a00 }

.kontener p  { padding-bottom: 5em }
.kontener p.tlum_nagl  { padding-top: 7em }
.kontener p.nopad  { padding-bottom: 0 }
.kontener p.trik_IE { padding-bottom: 0; display: none }
.kontener .bez_tyt { padding-top: 5em }
.kontener p#zephyr_69 { padding: 3em 0 2em 0 }

.menu { position: absolute; 
        left: 1em; top: 1em;
        width: 9em;
        margin: 0; padding: 0;
      }
div[class~="menu_dolne"] { left: 52.5em; top: auto;
                           right: auto; bottom: 1em;
                           position: fixed;
                         }
div[class~="menu_glowne"] { position: fixed }

span.tlum_link { float:right; margin-top: 1em; margin-bottom: 0 }

a { color: #666; font-weight: normal }

.prawe { text-align: right }
.dlugie_wersy { margin-right: -3em }

p.napomnienie { display: none }

/*              

p.napomnienie { margin: 0 4em 1em; 
                border: 1px solid #bbb;
                background-color: #f3f3f3;
                line-height: 120%;
                color: navy;
              }
p[class~="napomnienie"] { display: none }

*/              

img.ffox { vertical-align: top; 
            border-style: none; 
            padding-left: 0.25em;
          }
a.ffox  { color: red }

img.w3c { border-width: 0; margin-left: 1em }
p.w3c a:hover { background-color: transparent }
p.w3c {text-align: right}




#schowaj { color: #fff }

#fbadge { display: none;
          float: right;
        }


.menu a,.menu div { color: white; 
              background-color: transparent; 
              font-weight: bold; 
              text-decoration: none;
              display: block;
              margin: 0;
              padding: 1px 4px 1px 4px;
            }

.menu div { color: #bbb }



a.trik_IE { display: none }
a[class~="trik_IE"] { display: block }

p[class~="trik_IE"] { display: none }

span[class~="trik_IE"] { display: none }
span.trik_IE { display: none }

.menu a:hover { color: #ddd }
.menu #domek { border: 2px solid #eee !important;
               margin: 2px 0 0;
               background-color: #555;
             }
.ramka { border: 2px solid white }

.glowna div p { padding: 0 }
.glowna div p.napomnienie { padding: 1em }

.glowna .menu a { margin: 2px 0;
                  border: 1px solid #333;
                  background-color: #555;
                }
.glowna .menu_glowne a:hover { background-color: #555 }

.kontener a:hover { background-color: #eee }
.kontener a.nobkgd:hover { background-color: transparent }

.free_art { text-align: center }
img.freeart { width: 300px; border-style: none }

div.super_do_tomiku { margin-left: 4em; margin-top: 2em }
div.do_tomiku { float: left; width: 20em; margin:2em 0; text-align: center }
div.do_tomiku_pojedyncza { float: left; width: 40em; margin:2em 0; text-align: center }
.do_tomiku img { margin: 0 auto; border: 1px solid #666 }
.do_tomiku p { text-align: center; margin: 0 }

.internacia img {margin: 1em 1em 1em 0; border: 1px solid #666 }

p.tlum_nagl img {float: left; margin: 0 2em 1em 0; border: 1px solid #666 }

br.clear_br { clear: both }

/* * {border: 1px dotted teal }  */

.okladka { float: left; 
           margin: 2em 3em 3em 2em;
         }

div>.okladka {margin-left: 4em }

.opis_tomiku { padding-top: 4em }
div.opis_tomiku p { font-weight: bold; 
                    color: #000; background-color: #fff;
                    padding: 0; 
                    margin: 1em auto 
                  }
.opis_tomiku_spec { font-weight: normal; 
                    font-size: smaller;
                  }
.do_gory { vertical-align: super; }

.rameczka { border: 1px solid #666 }

.bezszeryf { font-family: sans-serif }

h1#mlb { color: #149; 
         font-family: georgia, serif;
         font-size: 9em; font-weight: bold;
         text-align: center;
         margin: 0.7em 1em 0.5em;
         padding: 0.2em 0;
         background-color: #f3f3f3;
         border: 1px solid #bbb;
       }

div>h1#mlb { margin-top: 0.5em }

br.szeroki { margin-top: 0.5em }
hr.spec { margin: 3em auto; width: 7em }
hr.padbot { margin-bottom: 8em }
body[class~=glowna] hr { margin-top: 1.5em; margin-bottom: 1.5em }

.internacia p { margin-bottom: 2em }
span.pardonu { color: #666; font-style: italic }

.motto { margin-left: 9em; font-style: italic; padding-bottom: 1em }
.podpis { font-style: normal;
          font-weight: normal;
        }

.przypis { margin-top: -3em }
.spis_tresci { margin-left: 7em }
div.spis_tresci h2 { margin-bottom: 1em; margin-top: 5em; padding-top: 0; margin-left: 0 }
div.spis_tresci p { line-height: 120% }

body.sze-dzie div.spis_tresci p { line-height: inherit;
                                  padding-bottom: 3em;
                                }

div.sze-dzie_rozdz { text-align: center }

.podwojna { font-size: 2em }
p.notka { margin-top: 2em; 
          margin-left: 5em;
          font-size: 9pt;
          line-height: 140%;
          padding: 0;
        }
div>p.notka { padding-bottom: 1em }

p#o_autorze2:target { border: 3px solid #149;
                      border-left: 20px solid #149;
                      padding: 1em 1.2em 1em 2em;
                      height: 140px;
                    }
p#o_autorze2:target #schowaj { color: black }
p#o_autorze2:target #fbadge { display: inline }

p#kontak:target { border: 3px solid red;
                  border-left: 20px solid red;
                  padding: 1em 0 1em 2em;
                }
                
p.pisac { margin-left: 6em }

.notka_o_skokach { color: #363 }

.kopyrajty { 
             margin-left: 6em;
             margin-bottom: 0;
             font-size: smaller; font-weight: normal;
             color: #000; background-color: #fff;
             line-height: 140%;
             padding-bottom: 0;
           }



/* experyment */

body#groszki_ramka { text-align: center;
                     background-color: #814;
                   }

div#ramka { width: 600px; height: 440px;
            background: #fff; color: #000;
            text-align: center;
            font-family: verdana, arial, helvetica, sanserif;
            font-size: 8pt;
            margin: 50px auto auto auto;
            overflow: auto;
          }

div#ramka div { text-align: left;
                font-weight: normal;
                color: #000; background-color: #fff;
                margin: 40px 50px 0;
                padding: 0;
              }

div#ramka div div.motto { margin-bottom: 10px }

div#ramka p { padding-bottom: 20px;
              margin:0;
            }

div#ramka h2,strong { color: #333 }
div#ramka h2 {font-size: 1em; margin: 0 0 2em }

div#menu_ramka { width: 600px; height: auto;
                 color: #fff; background-color: transparent;
                 text-align: center;
                 font-family: verdana, arial, helvetica, sanserif;
                 font-size: 8pt;
                 margin: 5px auto auto;
               }

div#menu_ramka a { text-align: center;
                   color: #fff;
                   font-weight: bold;
                   text-decoration: none;
                   padding: 0 7px;
                 } 
div#menu_ramka a:hover { color: #ddd }

div#menu_ramka a#poprz { text-align: left;
                         float: left;
                         padding: 0;
                       }
                       
div#menu_ramka a#nast { text-align: right;
                        float: right;
                        padding: 0;
                      }            
                      
img#okladka_ramka { float: left;
                    margin-right: 30px;
                    margin-bottom: 20px;
                    height: 170px;
                  }