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

/* Geocontext - Foto */

html {
                       padding-bottom: 50em;
}
body {
                       max-width: 86em;
}



/* foto-index */
article#foto-index > h1 {
                       font-size: 115%;
                       margin: 1.3em 0 0 0;
                       color: #000;
}
article#foto-index > h1:after {
                       content: "…";
}
article#foto-index section#foto-toc {
                       background-color: #e7e7d7;
                       min-height: 30em;
                       float: left;
                       margin: .3em .5em .25em 0;
                       padding: .5em;
}
article#foto-index section#foto-toc ul {
                       line-height: 1.4em;
                       list-style-type: none;
                       margin: 0;
                       padding: 0;
}
article#foto-index section#foto-rec h1 {
                       font-size: small;
                       margin: .3em 0 0 0;
                       text-indent: -9999em;
}
article#foto-index section#foto-rec ul {
                       margin: 0 0 3em -.25em;
                       padding: 0;
                       max-width: 37em;
                       float: left;
}
article#foto-index section#foto-rec ul li {
                       display: block;
                       margin: 0;
                       padding: 0;
                       float: left;
                       background-color: #fff;
}
article#foto-index section#foto-rec ul li a {
                       margin: .25em;
                       display: block;
}
article#foto-index section#foto-rec ul li a:active {
                       outline: dotted 1px #000;
}
article#foto-index section#foto-rec ul li a:focus {
                       outline: dotted 1px #000;
}
article#foto-index section#foto-rec ul li a img {
                       display: block;
}



/* ads foto-index */
div#propag_text {
                       margin: .6em 0 .8em .6em;
                       padding: .3em .5em 0 .5em;
                       border: 0;
                       border-left: solid 1px #c1bfb1;
                       background-color: transparent;
}



/* ads footer */
div#propag_footer {
                       margin: 2.6em 0 1em 1em;
                       padding: 0;
                       border: 0;
                       display: block;
                       float: right;
}



/* prev next */
header[role="banner"] nav ul li ul {
                       position: absolute;
                       display: inline;
                       font-weight: normal;
                       font-size: xx-small;
                       padding: 0;
                       margin: 0;
}
header[role="banner"] nav ul li ul[title] li {
                       padding: 0;
                       margin: 0;
                       display: inline;
}
header[role="banner"] nav ul li ul[title] li a {
                       text-decoration: none;
                       color: #fff;
                       outline: 0;
}
header[role="banner"] nav ul li ul[title] li a:active {
                       text-decoration: none;
                       color: #fff !important;
                       outline: 0;
                       background-color: #fff;
}
header[role="banner"] nav ul li ul[title] li a:focus {
                       text-decoration: none;
                       color: #fff !important;
                       outline: 0;
                       background-color: #fff;
}
header[role="banner"] nav ul li ul[title] li a[accesskey="7"]:after {
                       content: "◄";
                       border: solid 1px #ccb;
                       font-size: small;
                       display: table-cell;
                       margin: 0;
                       padding: .2em .3em;
                       color: #928d7c;
                       position: relative;
}
header[role="banner"] nav ul li ul[title] li a[accesskey="7"]:active:after {
                       outline: dotted 1px #777;
}
header[role="banner"] nav ul li ul[title] li a[accesskey="7"]:focus:after {
                       outline: dotted 1px #777;
}
header[role="banner"] nav ul li ul[title] li a[accesskey="8"]:before {
                       content: "►";
                       border: solid 1px #ccb;
                       font-size: small;
                       display: table-cell;
                       margin: 0;
                       padding: .2em .3em;
                       color: #928d7c;
                       position: relative;
}
header[role="banner"] nav ul li ul[title] li a[accesskey="8"]:active:before {
                       outline: dotted 1px #777;
}
header[role="banner"] nav ul li ul[title] li a[accesskey="8"]:focus:before {
                       outline: dotted 1px #777;
}



/* foto & comments */
article#foto > header h1,
article#foto > header dl.note,
article#foto > figure,
article#foto > p,
article#foto > p + p,
article#foto > nav {
                       font-size: small;
}
article#foto > header h1 {
                       position: absolute;
                       margin-top: 3em;
                       text-indent: -9999em;
}
article#foto > header dl.note {
                       margin: .3em 0 .2em 0;
                       color: #333;
                       text-align: left;
                       text-indent: -9999em;
}
article#foto > header dl.note:hover {
                       text-indent: 0;
}
article#foto > header dl.note dt {
                       padding: 0 .1em 0 0;
                       color: #000;
                       display: inline;
}
article#foto > header dl.note dt:after {
                       content: ": ";
}
article#foto > header dl.note dd {
                       display: inline;
                       margin: 0;
}
article#foto > header dl.note dd + dt {
                       padding-left: .9em;
}
article#foto > header dl.note abbr {
                       border: 0;
}
article#foto > header dl.note a:link {
                       color: #000;
}
article#foto > header dl.note dt:last-of-type,
article#foto > header dl.note dd.geo {
                       left: -9999em;
                       position: absolute;
}
article#foto figure#fig-1 {
                       position: relative;
                       padding: 0;
                       margin: 0;
}
article#foto figure#fig-1 > img {
                       float: left;
                       margin: 0 .8em 0 0;
                       display: block;
                       /* box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.9); */
}
article#foto figure#fig-1 figcaption {
                       font-size: 110%;
                       color: #000;
                       font-weight: bold;
                       padding-top: .6em;
}
article#foto > p {
                       margin: 0 0 .9em 0;
}
article#foto > p + p {
                       margin: 0 0 1em 0;
                       font-style: italic;
}
article#foto > p a[href="#fig-1"],
article#foto > p + p a[href="#fig-1"] {
                       color: #333;
                       text-decoration: none;
}



/* numbers */
article#foto > nav h1 {
                       font-size: small;
                       margin: 0 0 .3em 0;
                       font-weight: normal;
                       color: #333;
}
article#foto > nav ul {
                       margin: 0;
                       padding: 0;
}
article#foto > nav ul li {
                       display: table-cell;
                       float: left;
                       line-height: 1.55em;
                       margin: 0 .25em 0 0;
}
article#foto > nav ul a:link {
                       color: #777;
                       border: solid 1px #ccb;
                       background-color: #fff;
                       padding: 0 .5em 0 .5em;
                       text-decoration: none;
                       font-weight: normal;
}
article#foto > nav ul a:visited {
                       color: #e7e7d7;
                       border: solid 1px #e7e7d7;
                       background-color: #fff;
                       padding: 0 .5em 0 .5em;
                       text-decoration: none;
                       font-weight: normal;
}
article#foto > nav ul a:hover {
                       color: #fff;
                       border: solid 1px #928d7c;
                       background-color: #928d7c;
                       padding: 0 .5em 0 .5em;
                       text-decoration: none;
                       font-weight: normal;
}
article#foto > nav ul a:active {
                       color: #090;
                       border: solid 1px #090;
                       background-color: #ffa;
                       padding: 0 .5em 0 .5em;
                       text-decoration: none;
                       outline: 0;
                       font-weight: normal;
}
article#foto > nav ul a:focus {
                       color: #090;
                       border: solid 1px #090;
                       background-color: #ffa;
                       padding: 0 .5em 0 .5em;
                       text-decoration: none;
                       outline: 0;
                       font-weight: normal;
}
article#foto > nav li a { /* number foto */
                       border: solid 1px #fff;
                       padding: 0 .5em 0 .5em;
                       text-decoration: none;
                       background-color: #fff;
                       color: #000;
                       font-weight: bold;
}
article#foto section#comments {
                       float: left;
                       clear: left;
                       margin: 0 0 2em 0;
                       max-width: 37.8em;
}
article#foto + footer {
                       clear: right;
}
article#foto + footer nav ul {
                       border-top: solid 1px #ccb;
                       padding-top: 1.6em;
                       max-width: 90%;
}



@media all {
       article#foto figure#fig-1 > img {
                       height: auto;
       }
}

@media all and (min-device-height: 480px) {
       article#foto figure#fig-1 > img {
                       height: auto;
       }
}

@media all and (min-device-height: 600px) {
       article#foto figure#fig-1 > img {
                       height: 300px;
       }
}

@media all and (min-device-height: 800px) {
       article#foto figure#fig-1 > img {
                       height: 440px;
       }
}

@media all and (min-device-height: 1024px) {
       article#foto figure#fig-1 > img {
                       height: 570px;
       }
}



@media screen, print, projection, tv and (min-device-width: 1280px) and (max-device-width: 1280px) and (min-device-height: 800px) {
       body {
                       max-width: 65em;
       }
}



@media screen, print, projection, tv {
       article#foto-index section#foto-toc h1,
       html[lang="pl"] header nav ul > li:last-child,
       footer[role="contentinfo"] nav ul li a[href="#top"] {
                       display: none;
       }
}



@media handheld, screen and (max-device-width: 480px) {
       html {
                       padding-bottom: 0;
       }
}