body{background-image:url(t.gif);margin:0px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;line-height:18px;}
.tabela{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;background-color:#D2E9FF;border-top:1px solid #666666;border-right:0px solid #666666;border-bottom:0px solid #666666;border-left:1px solid #666666;text-align:left;padding:3px 5px;vertical-align:top;}
table{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-style:normal;line-height:18px;}
a:link{color:#CC3300;text-decoration:none;}
a:visited{color:#CC3300;text-decoration:none;}
a:hover{color:#FF6600;text-decoration:none;}
a:active{color:#CC3300;}
.tekstp{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10pt;}
.verdana10{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-style:normal;text-decoration:none}
.verdana24{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:24px;font-style:normal;text-decoration:none;font-weight:normal;color:#CC3300;line-height:24px;}
.verdana14{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.verdana12{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;line-height:18px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.redtytul{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:18px;text-decoration:none;color:#CC3300;text-align:center;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-weight:normal;line-height:22px;}
.verdana16{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:16px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;line-height:normal}
.verdana9{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;text-decoration:none}
.cytat{font-family:Georgia, "Times New Roman", Times, serif;font-size:12px;font-style:italic;letter-spacing:1px}
.verdana11{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;text-decoration:none}
.obrazek{border:1px #CC3300 solid;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.verdana18{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:20px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;line-height:normal}
.verdana22{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:22px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;line-height:normal}
.pisany{font-family:Georgia, "Times New Roman", Times, serif;font-size:13px;font-style:italic;font-weight:normal}
.v12{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#666666;text-decoration:none;font-weight:normal}
.top{font-family:Verdana, Geneva, sans-serif;font-size:12px;color:#ffffff;text-decoration:none;font-weight:normal;padding:0px 10px 0px 0px;}
a.top:link{font-family:Verdana, Geneva, sans-serif;font-size:12px;color:#ffffff;text-decoration:none;font-weight:normal}
a.top:active{font-family:Verdana, Geneva, sans-serif;font-size:12px;color:#ffffff;text-decoration:none;font-weight:normal}
a.top:visited{font-family:Verdana, Geneva, sans-serif;font-size:12px;color:#ffffff;text-decoration:none;font-weight:normal}
a.top:hover{font-family:Verdana, Geneva, sans-serif;font-size:12px;color:#ffffff;text-decoration:underline;font-weight:normal}
table.top{margin-top:5px;}
img.zdjecie{border:1px solid #cc3300;}
.background{background-color:#000000;background-image:url(biokominki/foto/bodyback5.jpg);background-repeat:no-repeat;color:#000000;background-position:right}
.ramka{border:1px #666666 solid}
#page{margin:0 auto 2px auto;text-align:left;}
div.cookie{position:fixed;left:0px;bottom:0px;width:auto;z-index:200000;font:12px/18px Arial;line-height:18px;margin:0px auto;}


.red, a.red:link, a.red:active, a.red:visited {color:red;text-decoration:none;font-weight:normal;}
a.red:hover{color:#ffffff;text-decoration:underline;}

.blue, a.blue:link, a.blue:active, a.blue:visited {color:blue;text-decoration:none;font-weight:normal;}
a.blue:hover{color:#ffffff;text-decoration:underline;}




@media (min-width:1024px){#page{width:750px;}
}
@media (max-width:1023px) and (min-width:750px){#page{width:750px;}
}
@media (max-width:749px) and (min-width:600px){#page{width:90%;}
}
@media (max-width:599px) and (min-width:500px){#page{width:90%;}
}
@media (max-width:499px){#page{width:90%;}}



      /* ------------------------CZĘŚĆ-GÓRNA-MENU------------------------ */

      /* wygląd głównego elementu - ol */
      menu.ol {
        list-style-type:none;
        padding:0;
        margin:0;
        background-color:#FFF;
        font-size:18px;
        height:2em;
        line-height:2em;
        text-align:center;
      }

      /* wygląd wszystkich elementów - a - znajdujących się w elemencie - ol */
      menu.ol a {
        display:block;
        text-decoration:none;
        color:#000;
        padding:0 5px;
      }

      /* wygląd elementów - li - wszystkich dzieci elementu - ol */
      menu.ol > li {
        float:left;
        width:180px;
        margin-left:1px;
        background-color:#FDD700;
        height:2em;
      }

      /* wygląd elementu - li - pierwszego dziecka elementu - ol */
      menu.ol > li:first-child {
        margin-left:0;
      }

      /* wygląd elementów - li - wszystkich dzieci elementu - ol - po najechaniu kursorem myszki na element - li */
      menu.ol > li:hover {
        background-color:#EEE;
      }

      /* wygląd elementu - a - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
      menu.ol > li:hover > a {
        color:#09C;
      }

      /* wygląd elementu - ul - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
      menu.ol > li:hover > ul {
        display:block;
      }

      /* ------------------------CZĘŚĆ-ROZWIJANA-MENU------------------------ */

      /* wygląd głównych rozwijanych elementów - ul */
      menu.ol > li > ul {
        display:none;
        list-style-type:none;
        padding:0;
        margin:0;
      }

      /* wygląd elementu - li - w części rozwijanej */
      menu.ol > li > ul > li {
        position:relative;
        background-color:#EEE;
      }

      /* wygląd elementu - a - w części rozwijanej */
      menu.ol > li > ul > li > a {
        border-top:1px solid #FFF;
      }

      /* wygląd elementu - li - w części rozwijanej, po najechaniu kursorem myszki na dany element - li */
      menu.ol > li > ul > li:hover {
        background-color:#DDD;
      }

      /* wygląd elementu - a - w części rozwijanej, po najechaniu kursorem myszki na element - li */
      menu.ol > li > ul > li:hover > a {
        color:#09C;
      }










}