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

/* Geocontext - Foto */

.style-foto-index body {
			max-width: 65em;
}
.style-foto-index #foto > h1 {
			font-size: 1.125em;
			margin: 1em 0 0 .5em;
			padding: 0;
			color: #000;
}
.style-foto-index #foto > h1:after {
			content: "…";
}
.style-foto-index #toc {
			background-color: #e7e7d7;
			min-height: 30em;
			float: left;
			margin: .3em .5em .25em 0;
			padding: .5em;
}
.style-foto-index #toc ul {
			line-height: 1.5em;
			list-style-type: none;
			margin: 0;
			padding: 0;
}
.style-foto-index #rec h1 {
			font-size: .79em;
			margin: .3em 0 0 0;
			text-indent: -9999em;
}
.style-foto-index #rec ul {
			margin: 0 0 3em -.25em;
			padding: 0;
			max-width: 37em;
			float: left;
}
.style-foto-index #rec ul li {
			display: block;
			margin: 0;
			padding: 0;
			float: left;
			background-color: #fff;
}
.style-foto-index #rec ul li a {
			margin: .25em;
			display: block;
}
.style-foto-index #rec ul li a:active {
			outline: dotted 1px #000;
}
.style-foto-index #rec ul li a:hover {
			outline: 0;
}
.style-foto-index #rec ul li a:focus {
			outline: dotted 1px #000;
}
.style-foto-index #rec ul li a img {
			display: block;
}



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



@media screen, print, projection, tv {
	.style-foto-index #toc h1 {
			position: absolute;
			text-indent: -9999em;
	}
}



.style-foto html {
			padding-bottom: 0;
}



/* ads footer */
.style-foto #propag_footer {
			margin: 2.4em 0 1em 1em;
			padding: 0;
			border: 0;
			display: block;
			float: right;
}



/* prev next */
.style-foto header[role="banner"] nav ul {
			margin: 0;
}
.style-foto header[role="banner"] nav ul:first-child > li:nth-child(2),
.style-foto header[role="banner"] nav ul:first-child > li:nth-child(3),
.style-foto header[role="banner"] nav ul:first-child > li:nth-child(5),
.style-foto header[role="banner"] nav ul:first-child > li:nth-child(6) {
			position: absolute;
			z-index: -1;
}
.style-foto header[role="banner"] nav ul li:nth-child(4) {
			float: right;
			position: relative;
			z-index: 9997;
			margin: .125em 0 -2.1em 0;
}
.style-foto header[role="banner"] nav ul li:nth-child(4) > a[href="/publ/foto/"] {
			font-size: .79em;
}
.style-foto header[role="banner"] nav ul li:last-child {
			float: none;
}
.style-foto header[role="banner"] nav ul li ul {
			font-weight: normal;
			padding: 0;
			margin: 0;
			display: inline;
			font-size: 1px;
}
.style-foto header[role="banner"] nav ul li ul li {
			float: none;
			display: inline;
}
.style-foto header[role="banner"] nav ul li ul ::selection {
			background-color: transparent;
}
.style-foto header[role="banner"] nav ul li ul li a {
			text-decoration: none;
			color: #fff !important;
			outline: 0;
			background-color: #fff !important;
}
.style-foto header[role="banner"] nav ul li ul li:first-child a:after {
			content: "◄";
			display: inline-block;
			border: solid 1px #ccb;
			margin: 0 1px 0 0;
			padding: .2em .3em;
			color: #928d7c;
			font-size: 20em;
}
.style-foto header[role="banner"] nav ul li ul li:first-child a:hover:after {
			outline: 0;
			background-color: #ffa;
}
.style-foto header[role="banner"] nav ul li ul li:first-child a:active:after {
			outline: 0;
			border: solid 1px #008000;
			background-color: #ffa;
			color: #008000;
}
.style-foto header[role="banner"] nav ul li ul li:first-child a:focus:after {
			outline: 0;
			border: solid 1px #008000;
			background-color: #ffa;
			color: #008000;
}
.style-foto header[role="banner"] nav ul li ul li:last-child a:before {
			content: "►";
			display: inline-block;
			border: solid 1px #ccb;
			margin: 0 0 0 1px;
			padding: .2em .3em;
			color: #928d7c;
			font-size: 20em;
}
.style-foto header[role="banner"] nav ul li ul li:last-child a:hover:before {
			outline: 0;
			background-color: #ffa;
}
.style-foto header[role="banner"] nav ul li ul li:last-child a:active:before {
			outline: 0;
			border: solid 1px #008000;
			background-color: #ffa;
			color: #008000;
}
.style-foto header[role="banner"] nav ul li ul li:last-child a:focus:before {
			outline: 0;
			border: solid 1px #008000;
			background-color: #ffa;
			color: #008000;
}



/* foto & comments */
.style-foto #foto > header h1 {
			font-size: .79em;
			position: absolute;
			margin-top: 3em;
			text-indent: -9999em;
}
.style-foto #foto > header dl.note {
			margin: .1em 10em .4em 0;
			color: #333;
			text-align: left;
			text-indent: -9999em;
}
.style-foto #foto > header dl.note:hover {
			text-indent: 0;
}
.style-foto #foto > header dl.note dt {
			padding: 0 .1em 0 0;
			color: #000;
			display: inline;
}
.style-foto #foto > header dl.note dt:after {
			content: ": ";
}
.style-foto #foto > header dl.note dd {
			display: inline;
			margin: 0;
}
.style-foto #foto > header dl.note dd + dt {
			padding-left: .9em;
}
.style-foto #foto > header dl.note abbr {
			border: 0;
}
.style-foto #foto > header dl.note a:link {
			color: #000;
}
.style-foto #fig-1 {
			position: relative;
			padding: 0;
			margin: 0;
}
.style-foto #fig-1 img[class^="width_"] {
			font-size: .79em;
			float: left;
			margin: 0 1em 0 0;
			display: block;
			box-shadow: 2px 2px 7px rgba(0, 0, 0, .9);
}
.style-foto #fig-1 img.width_550px {
			width: 35%;
			max-width: 550px;
			height: auto;
}
.style-foto #fig-1 img.width_570px {
			width: 35%;
			max-width: 570px;
			height: auto;
}
.style-foto #fig-1 img.width_990px {
			width: 64%;
			max-width: 990px;
			height: auto;
}
.style-foto #fig-1 figcaption {
			font-size: .889em;
			color: #000;
			font-weight: bold;
			padding-top: 1.5em;
}
.style-foto #foto > div p {
			line-height: 1.35;
			font-size: .79em;
			margin: 0 0 .9em 0;
			display: table;
			max-width: 35em;
}
.style-foto #foto > div p + p {
			line-height: 1.35;
			margin: 0 0 1em 0;
			font-style: italic;
			display: table;
			max-width: 35em;
}



/* numbers */
.style-foto #foto > nav h1 {
			font-size: .79em;
			margin: 0 0 .3em 0;
			font-weight: normal;
			color: #333;
}
.style-foto #foto > nav ul {
			font-size: .79em;
			margin: 0;
			padding: 0;
			display: table;
			max-width: 35em;
}
.style-foto #foto > nav ul li {
			display: table-cell;
			float: left;
			line-height: 1.6;
			margin: 0 .25em 0 0;
}
.style-foto #foto > nav ul a:link {
			color: #686868;
			border: solid 1px #ccb;
			background-color: #fff;
			padding: 0 .5em 0 .5em;
			text-decoration: none;
			font-weight: normal;
}
.style-foto #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;
}
.style-foto #foto > nav ul a:hover {
			outline: 0;
			color: #fff;
			border: solid 1px #928d7c;
			background-color: #928d7c;
			padding: 0 .5em 0 .5em;
			text-decoration: none;
			font-weight: normal;
}
.style-foto #foto > nav ul a:active {
			color: #008000;
			border: solid 1px #008000;
			background-color: #ffa;
			padding: 0 .5em 0 .5em;
			text-decoration: none;
			outline: 0;
			font-weight: normal;
}
.style-foto #foto > nav ul a:focus {
			color: #008000;
			border: solid 1px #008000;
			background-color: #ffa;
			padding: 0 .5em 0 .5em;
			text-decoration: none;
			outline: 0;
			font-weight: normal;
}
.style-foto #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;
}



.style-foto #comments {
			float: left;
			clear: left;
			margin: 0 0 2em .5em;
			max-width: 37.8em;
}
.style-foto main + footer {
			clear: right;
}
.style-foto main + footer nav ul {
			border-top: solid 1px #ccb;
			padding-top: 1.5em;
			width: 90%;
}
.style-foto #foto > p a[href="#fig-1"],
.style-foto #foto > p + p a[href="#fig-1"] {
/*
			color: #333;
			text-decoration: none;
*/
}



@media screen, print, projection, tv {
	.style-foto #search-top {
			display: none;
	}
}



@media all and (max-width: 799px) {
	.style-foto #foto > header dl.note {
			display: none;
	}
	.style-foto #fig-1 {
			margin-top: 2.6em;
	}
	.style-foto #fig-1 figcaption {
			padding-top: .75em;
			clear: left;
	}
	.style-foto #fig-1 img.width_550px {
			width: 60%;
	}
	.style-foto #fig-1 img.width_570px {
			width: 60%;
	}
	.style-foto #fig-1 img.width_990px {
			width: 99%;
	}
	.style-foto main + footer nav ul {
			padding-top: .5em;
			width: 100%;
	}
	.style-foto #comments {
			margin-right: .5em;
			margin-left: .5em;
	}
	/* ads footer */
	.style-foto #propag_footer {
			margin-left: .5em;
			float: none;
			clear: left;
	}
}
