@charset "utf-8";
@import url(style-import-baza.css);

/* Style tylko na stronie głównej */

body {
                       max-width: 50em;
}
header nav ul[title="Odsyłacze nawigacyjne"] li:last-child {
                       margin-right: -1em;
}
section#motto blockquote {
                       font-family: "urw bookman l", georgia, times, "times new roman", serif;
                       margin: -.3em 0 1.5em 0;
                       padding: 0 .7em 0 .7em;
                       color: #000;
}
section#spis {
                       float: left;
                       margin: 0 1.4em 1em 0;
                       padding: 2px;
                       border: solid 2px #777;
                       background-color: #fff;
                       outline: solid .9em #fff;
                       position: relative;
                       z-index: 99;
}
section#spis ul {
                       line-height: 1.5em;
                       list-style-type: disc;
                       color: #777;
                       list-style-position: inside;
                       background-color: #e7e7d7;
                       margin: 0;
                       padding: .4em 0 0 0;
                       min-height: 116em;
}
section#spis ul li {
                       font-size: small;
                       padding-right: .7em;
                       padding-left: .8em;
                       margin: 0;
}
section#spis a:link {
                       color: #6a6a6a;
}
section#spis a {
                       padding: .1em .3em .1em .3em;
}
section#inicjatywa {
                       clear: right;
}
section#inicjatywa header hgroup h2 {
                       background-color: #ccb;
                       padding: .8em .5em .6em .5em;
                       margin: 1.33em 0;
                       font-size: 100%;
}
section#inicjatywa header hgroup h2 img {
                       border: solid 2px #777;
                       background-color: #fff;
                       padding: 2px;
                       margin-left: .3em;
}
section#inicjatywa header + p {
                       border-radius: .9em;
                       box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
                       margin: -21em 1em 0 0;
                       padding: .8em 1.1em 1.7em 1em;
                       position: relative;
                       width: 16em;
                       float: right;
                       background-color: rgba(255, 255, 255, 0.75);
}
section#inicjatywa header + p a:link {
                       color: #555;
}
section#inicjatywa header + p strong {
                       font-weight: normal;
                       color: #333;
}
section#inicjatywa header + p span:lang(la) {
                       font-style: normal !important;
}
section#inicjatywa section#komunikat h1 + p {
                       border-radius: 0;
                       box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
                       margin: -9.1em 1.2em 0 0;
                       padding: .15em 0 0 .4em;
                       position: relative;
                       width: 28em;
                       float: right;
                       font-size: small;
                       background-color: rgba(255, 255, 255, 0.75);
}
section#inicjatywa section#komunikat h1 + p a:link {
                       color: #555;
}
section#inicjatywa section#komunikat h1 + p a img {
                       float: right;
                       background-color: #ccb;
                       margin: -3px 3px 3px 0;
}
section#inicjatywa section#komunikat h1 + p a img:hover {
                       background-color: #ffa;
                       outline: solid 3px #ffa;
}
section#inicjatywa section#komunikat h1 + p span:lang(la) {
                       color: #333;
                       font-style: normal !important;
}
section#informacje {
                       margin-top: -.5em;
}
section#informacje article h1 {
                       font-size: 100%;
                       padding: .1em 0 0 .5em;
                       margin: 1.4em 0 -.8em 0;
                       background-color: #e7e7d7;
                       border-bottom: dotted 1px #777;
}
section#informacje article h1 a {
                       text-decoration: none;
                       display: block;
}
section#informacje article footer p {
                       font-size: small;
                       margin-top: -1.3em;
}
section#informacje article p a img {
                       float: left;
                       margin: .2em .4em 0 0;
                       border: solid 1px #777;
}
section#informacje nav p {
                       font-size: small;
                       margin-top: 3em;
}
aside#do_index figure {
                       clear: left;
                       margin: 0;
                       text-align: center;
                       padding: .2em 0 .9em 0;
                       border-top: dotted 1px #dcdcdc;
}
aside#do_index figure:before {
                       color: #c1bfb1;
                       display: block;
                       content: "Reklama: ";
                       font: x-small verdana, sans-serif;
                       text-align: center;
                       font-weight: bold;
}
aside#do_index ul[title="Polecamy"] {
                       margin: 0;
                       color: #c1bfb1;
                       list-style: none;
                       padding: .2em 0 .5em .4em;
                       border-top: dotted 1px #dcdcdc;
                       border-bottom: dotted 1px #dcdcdc;
                       font: x-small verdana, sans-serif;
}
aside#do_index ul[title="Polecamy"] li {
                       display: inline;
                       padding-right: .1em;
}
aside#do_index ul[title="Polecamy"] a:link {
                       color: #c1bfb1 !important;
}
aside#do_index ul[title="Polecamy"] a:hover {
                       color: #777 !important;
}
aside#do_index ul[title="Polecamy"]:before {
                       content: "Polecamy: ";
}



@media print, projection, tv, screen {
       /* elementy wyłączone w wybranych urządzeniach */
       section#motto h1,
       section#spis h1,
       section#inicjatywa header h1,
       section#komunikat h1,
       section#informacje > h1,
       aside#do_index figure figcaption {
                       display: none;
       }
}



@media screen and (max-device-width: 480px) {
       /* elementy włączone w wybranych urządzeniach */
       section#motto h1,
       section#spis h1,
       section#inicjatywa header h1,
       section#komunikat h1,
       section#informacje > h1,
       aside#do_index figure figcaption {
                       display: block;
       }
}



@media screen {
       /* efekty specjalne na zdjęciu */
       section#inicjatywa header hgroup h2:active:after {
                       margin-left: -452px;
                       vertical-align: bottom;
                       border-bottom: solid .4em #fff;
                       background-color: #fff;
                       padding: .3em 1em 0 1em;
                       text-shadow: 0 0 .2em #ff66cc, 0 0 .2em #ff66cc;
                       font: small verdana, sans-serif;
                       content: "Zasmarkana dziewczynka: „Witaj Świecie!”";
                       box-shadow: 6px 6px 9px rgba(0, 0, 0, 0.5);
       }
       section#inicjatywa header hgroup h2 img {
                       cursor: pointer;
       }
}