/* ============================================================================================================================ */
/* RESET 
/* ---------------------------------------------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0 none;
	font-family: inherit;
	font-size-adjust: inherit;
	font-stretch: inherit;
	font-style: inherit;
	font-variant: inherit;
	font-weight: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0;
	outline: 0;
}

ol, ul {
	list-style: none;
}

article, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}


/* ============================================================================================================================ */
/* FONTY
/* ---------------------------------------------------------------------------------------------------------------------------- */

@font-face {
	font-family: 'HelveticaNeueCELight';
	src: url('../fonts/HelveticaNeueCELight.eot');
	src: url('../fonts/HelveticaNeueCELight.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueCELight.woff') format('woff'), url('../fonts/HelveticaNeueCELight.ttf') format('truetype');
}

@font-face {
	font-family: 'HelveticaNeueCEBold';
	src: url('../fonts/HelveticaNeueCEBold.eot');
	src: url('../fonts/HelveticaNeueCEBold.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueCEBold.woff') format('woff'), url('../fonts/HelveticaNeueCEBold.ttf') format('truetype');
}

@font-face {
	font-family: 'GuardianEgyptianWebLight';
	src: url('../fonts/GuardianEgyptianWebLight.eot');
	src: url('../fonts/GuardianEgyptianWebLight.eot?#iefix') format('embedded-opentype'), url('../fonts/GuardianEgyptianWebLight.woff') format('woff'), url('../fonts/GuardianEgyptianWebLight.ttf') format('truetype');
}

@font-face {
	font-family: 'GuardianEgyptianWebRegular';
	src: url('../fonts/GuardianEgyptianWebRegular.eot');
	src: url('../fonts/GuardianEgyptianWebRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/GuardianEgyptianWebRegular.woff') format('woff'), url('../fonts/GuardianEgyptianWebRegular.ttf') format('truetype');
}

@font-face {
	font-family: 'GuardianEgyptianHeadlineLightItalic';
	src: url('../fonts/GuardianEgyptianHeadlineLightItalic.eot');
	src: url('../fonts/GuardianEgyptianHeadlineLightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/GuardianEgyptianHeadlineLightItalic.woff') format('woff'), url('../fonts/GuardianEgyptianHeadlineLightItalic.ttf') format('truetype');
}

/* ============================================================================================================================ */
/* HTML
/* ---------------------------------------------------------------------------------------------------------------------------- */

html {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
	overflow: -moz-scrollbars-vertical;
}

body {
	width: 100%;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #323630;
	/*overflow-y: scroll;*/
	-webkit-touch-callout: none;
}

body.fullscreenActive {
	overflow: hidden;
}

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

a, a:hover, a:active, a:focus {
	color: #fff;
	text-decoration: none;
	outline: 0;
}

p {
	/*padding: 0 0 30px;*/
}

ol, ul {
	list-style: none outside none;
}

h1, h2, h3, h4, h5, h6 {
	/*letter-spacing: 1px;*/
	font: inherit;
}

input::-webkit-input-placeholder {
	color: #0a1a39;
}

textarea::-webkit-input-placeholder {
	color: #0a1a39;
}

div#body {
	position: relative;
	min-height: 100%;
	padding-bottom: 50px;
}

div.ng {
	/*padding-top: 40px;*/
}




/* ============================================================================================================================ */
/* RESPONSIVE
/* ---------------------------------------------------------------------------------------------------------------------------- */

.container {
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
	width: auto;
	overflow: auto;
}

/* 1 sloupec */
@media (max-width: 676px) {
	.hidden-1col {
		display: none !important;
	}

	.container {
		width: 294px;
	}
}

/* 2 sloupce */
@media (min-width: 677px) and (max-width: 979px) {
	.hidden-2col {
		display: none !important;
	}

	.container {
		width: 677px;
	}
}

/* 3 sloupce */
@media (min-width: 980px) {
	.hidden-3col {
		display: none !important;
	}

	.container {
		width: 980px;
	}
}

.row {
	display: table;
	content: " ";
}

	.row:after {
		clear: both;
	}

/* 1 sloupec */
@media (max-width: 676px) {	
}

/* 2 sloupce */
@media (min-width: 677px) and (max-width: 979px) {
}

/* 3 sloupce */
@media (min-width: 980px) {
}

/* ============================================================================================================================ */
/* NAVIGATION
/* ---------------------------------------------------------------------------------------------------------------------------- */

nav {
	display: block;
	position: fixed;
	top: 0px;
	right: 0px;
	left: 0px;
	z-index: 1030;
	margin: 0 auto;
	padding-bottom: 8px;
	background-color: transparent;
	color: #7d7d77;
	font-family: Arial, sans-serif;
	font-size: 12px;
	cursor: default;
	border-bottom: solid 1px rgba(255, 255, 255, 0.3);
	letter-spacing: 0.75px;
}

	nav.open {
		border-bottom: solid 1px rgba(199, 2, 2, 1);
	}

	nav b {
		font-weight: inherit;
	}

	nav.noJavascript {
		background-color: #323630;
	}

		nav.noJavascript:hover {
			background-color: #1c1f1a;
		}

	nav #navigationContainer {
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}

	nav .secondLevel a, nav .secondLevel span {
		width: 294px;
		display: table-cell;
		height: 41px;
		vertical-align: middle;
		padding-left: 20px;
		padding-right: 15px;
		color: #fff;
		border-bottom: 1px solid transparent;
		cursor: pointer;
	}

		nav .secondLevel a:hover, nav .secondLevel span:hover {
			border-bottom: 1px solid #c70202;
			color: #c70202;
		}

	nav li {
		width: 294px;
		display: block;
		vertical-align: middle;
		float: none;
	}

		nav li em {
			color: #42453e;
			font-weight: bold;
		}

	nav ul.firstLevel {
		position: relative;
	}

		nav ul.firstLevel > li {
			overflow-y: auto;
			overflow-x: hidden;
			padding-left: 40px;
		}

		nav ul.firstLevel .firstRow {
			float: left;
		}

			nav ul.firstLevel .firstRow + .firstRow {
				margin-left: 9px;
			}

		nav ul.firstLevel h1, nav ul.firstLevel h2, nav ul.firstLevel h3, nav ul.firstLevel span.blank {
			width: 294px;
			height: 41px;
			font: inherit;
			color: #fff;
			padding-left: 20px;
			padding-right: 15px;
			display: table-cell;
			vertical-align: middle;
			border-bottom: 1px solid transparent;
		}

		nav ul.firstLevel > li:hover > .firstRow > * {
			border-bottom: 1px solid #c70202;
		}

		nav ul.firstLevel h2 {
			color: #fff;
		}

		nav ul.firstLevel h3 {
			color: #c70202;
		}

	nav.noJavascript ul.firstLevel > li:hover > ul {
		display: inline-block;
	}

	nav ul.secondLevel {
		display: none;
		clear: both;
		float: right;
		position: relative;
	}

	nav ul.thirdLevel span:hover {
		border-bottom: 1px solid transparent;
	}

	nav ul.thirdLevel li a {
		color: #7d7d77;
	}

/* --- 1 sloupec ------------------------------------------------------------------------------------------------------------- */

@media (max-width: 676px) {

	nav #navigationContainer {
		width: 294px;
		background-image: url('../images/background_menu-1-column.png');
		margin: 0 auto;
	}

	nav ul.firstLevel {
		width: 294px;
	}

		nav ul.firstLevel > li {
			width: 294px;
			padding-left: 0;
		}

	nav div.firstRow h2 {
		display: none;
	}

	nav div.firstRow h3 {
		display: none;
	}

	nav div.firstRow span.blank {
		display: none;
	}

	nav ul.secondLevel {
		width: 294px;
	}

	nav.noJavascript ul.secondLevel > li:hover > ul {
		display: block;
	}

	nav ul.thirdLevel {
		display: none;
	}
}

/* --- 2 sloupce ------------------------------------------------------------------------------------------------------------- */

@media (min-width: 677px) and (max-width: 979px) {

	nav #navigationContainer {
		background-image: url('../images/background_menu-2-column.png');
	}

	nav ul.firstLevel {
		width: 637px;
	}

		nav ul.firstLevel > li {
			width: 637px;
		}

	nav div.firstRow h3 {
		display: none;
	}

	nav div.firstRow span.blank {
		display: none;
	}

	nav ul.secondLevel {
		width: 294px;
	}

	nav.noJavascript ul.secondLevel > li:hover > ul {
		display: block;
	}

	nav ul.thirdLevel {
		display: none;
	}
}

/* --- 3 sloupce ------------------------------------------------------------------------------------------------------------- */

@media (min-width: 980px) {

	nav #navigationContainer {
		background-image: url('../images/background_menu-3-column.png');
	}

	nav ul.firstLevel {
		width: 940px;
	}

		nav ul.firstLevel > li {
			width: 940px;
		}

	nav ul.secondLevel {
		width: 597px;
	}

	nav.noJavascript ul.secondLevel > li:hover > ul {
		display: inline-block;
	}

	nav ul.thirdLevel {
		display: none;
	}
}
/* ============================================================================================================================ */
/* PROGRESS BAR
/* ---------------------------------------------------------------------------------------------------------------------------- */

div#progressBarTable {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	height: 100%;
	width: 100%;
}

div#progressBarTableCell {
	display: table-cell;
	height: 100%;
	width: 100%;
	text-align: center;
	vertical-align: middle;
}

div#progressBarPlaceholder {
	height: 1px;
	width: 900px;
	margin: auto;
	text-align: left;
}

hr#progressBar {
	height: 1px;
	width: 0%;
	margin: 0px auto 0px 0px;
	padding: 0px;
	color: #7D7D77;
	background-color: #7D7D77;
	font-size: 1px;
	border: none;
}

/* ============================================================================================================================ */
/* SECTION : #slideshow
/* ---------------------------------------------------------------------------------------------------------------------------- */

section#slideshow {
	position: relative;
	display: table;
	height: 100vh;
	width: 100%;
	text-align: left;
	padding-left: 0px;
	padding-right: 0px;
	background: url('../images/background_raster.png') top left repeat;
}

	section#slideshow div.section {
		height: 100%;
		width: 100%;
		display: table;
		position: relative;
	}

	section#slideshow.photoEssay div.section {
		height: auto;
	}

	section#slideshow.reportaze {
		border-top: solid 50px #323630;
		height: auto;
		overflow: auto;
	}

	section#slideshow .vertical-align-middle {
		height: 100%;
		width: 100%;
		display: table-cell;
		vertical-align: middle;
		position: relative;
	}

	section#slideshow .bg {
		position: absolute;
		left: 0px;
		right: 0px;
		top: 0px;
		bottom: 0px;
		background-repeat: no-repeat;
		background-attachment: fixed;
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: top left;
		opacity: 0;
	}

	section#slideshow #slideshowHover {
		position: absolute;
		left: 0px;
		right: 0px;
		top: 0px;
		bottom: 0px;
	}

	section#slideshow.reportaze .bg {
		background-position: center 0px;
		background-repeat: no-repeat;
		background-clip: content-box;
	}

	section#slideshow .statement {
		position: absolute;
		left: 0px;
		right: 0px;
		bottom: 0px;
		padding-bottom: 59px;
	}
	section#slideshow .statement .row {
		padding-right: 31px;
		float: right;
	}

	section#slideshow .statement div.block {
		background-color: #000000;
		margin-right: 9px;
		width: 294px;
		height: 196px;
		font-family: Arial, sans-serif;
		font-size: 12px;
		line-height: 22px;
		padding: 20px;
	}

		section#slideshow .statement div.block p {
			color: #7d7d77;
		}

			section#slideshow .statement div.block p a {
				color: #fff;
				font-weight: normal;
			}

				section#slideshow .statement div.block p a:hover {
					border-bottom: 1px solid #c70202;
				}

		section#slideshow .statement div.block span {
			color: #7d7d77;
			display: block;
		}

			section#slideshow .statement div.block span em {	
				font-weight: bold;
				color: #42453e;
			}

/* --- 1 sloupec ------------------------------------------------------------------------------------------------------------- */

@media (max-width: 676px) {
	section#slideshow .statement {
		padding-bottom: 19px;
	}
	section#slideshow .statement .row {
		padding-right: 0px;
	}
	section#slideshow .statement div.block {
		margin-right: 0px;
	}
}

/* --- 2 sloupce ------------------------------------------------------------------------------------------------------------- */

@media (min-width: 677px) and (max-width: 979px) {
	section#slideshow .statement {
		padding-bottom: 108px;
	}
}

	section#slideshow .photoblogLink {
		position: absolute;
		left: 0px;
		right: 0px;
		bottom: 0px;
		padding-top: 9px;
		font-family: Arial, sans-serif;
		font-size: 12px;
		color: #7d7d77;
		border-top: solid 1px rgba(255, 255, 255, 0.2);
	}

		section#slideshow .photoblogLink .row {
			padding-left: 40px;
		}

		section#slideshow .photoblogLink div.block {
			background-color: #1c1f1a;
			margin-right: 9px;
			float: left;
			width: 294px;
		}

			section#slideshow .photoblogLink div.block span {
				display: table-cell;
				height: 40px;
				vertical-align: middle;
				padding-left: 20px;
				color: #7d7d77;
			}

				section#slideshow .photoblogLink div.block span b {
					font-weight: bold;
					color: #42453e;
					margin: 0 7px 0 7px;
				}

				section#slideshow .photoblogLink div.block span em {	
					font-weight: bold;
					color: #42453e;
				}

		section#slideshow .photoblogLink a {
			color: #fff;
			font-weight: normal;
		}

			section#slideshow .photoblogLink a:hover {
				border-bottom: 1px solid #c70202;
				font-weight: normal;
			}

.rasterHover {
	background: url('../images/background_raster-hover.png') top left repeat !important;
}

body.iPad section#slideshow .bg,
body.iPhone section#slideshow .bg,
body.iPod section#slideshow .bg {
	background-attachment: scroll;
}

section#slideshow .container {
}

section#slideshow #reportazeContainer {
	position: relative;
	padding-top: 80px;
	padding-bottom: 80px;
}

section#slideshow #reportazeContainCenter {
	width: 900px;
	margin: auto;
}

section#slideshow #reportazeContain {
	position: relative;
	width: 100%;
	height: 600px;
	display: table-cell;
	vertical-align: middle;
}

section#slideshow .contain a {
	position: relative;
	z-index: 300;
	display: inline-block;
}

section#slideshow .contain h1,
section#slideshow .contain h3,
section#slideshow .contain h4 {
	float: left;
	font-size: 40px;
	letter-spacing: 1px;
	text-align: left;
}

section#slideshow.reportaz .contain h1 span,
section#slideshow.reportaz .contain h3 span, 
section#slideshow.reportaz .contain h4 span {
	color: #000;
}

section#slideshow.reportaz .contain h1 {
	margin-top: 10px;
	font-size: 66px;
	letter-spacing: normal;
}

section#slideshow.reportaz .contain h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 12px 0 12px 0;
	border-bottom: solid 1px rgba(0, 0, 0, 0.5);
	letter-spacing: normal;
}

section#slideshow.reportaz .contain h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	padding-top: 12px;
	clear: left;
}

section#slideshow span#storyText {
	display: none;
	position: absolute;
	padding: 18px;
	font-size: 28px;
	line-height: 36px;
	font-family: 'HelveticaNeueCELight', sans-serif;
	color: #fff;
	background-color: #000;
	letter-spacing: 2px;
}

section#slideshow .contain a span {
	font-weight: bold;
}

section#slideshow .contain h1 {
	font-family: 'HelveticaNeueCEBold', sans-serif;
	color: #fff;
	margin-bottom: 10px;
	margin-left: 40px;
}

section#slideshow .contain h3 {
	font-family: 'HelveticaNeueCELight', sans-serif;
	color: #fff;
	margin-left: 40px;
	clear: left;
}

section#slideshow .contain a div.help {
	float: left;
	margin-left: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 10px;
	margin-top: 2px;
	border-top: solid 1px rgba(255, 255, 255, 0);
}

section#slideshow .contain a div.helpWithBorder {
	border-top: solid 1px rgba(0, 0, 0, 0.5);
}

section#slideshow #reportazeContain h1, section#slideshow #reportazeContain h3 {
	margin-left: 0px;
}

section#slideshow .contain a:hover h1 {
	color: #c70202;
}

section#slideshow .contain a:hover h3 {
	color: #c70202;
}

section#slideshow a#storyLink,
section#slideshow div#storyLink {
	display: none;
}

section#slideshow a.storyLinks + a.storyLinks {
	margin-top: 20px;
}

section#slideshow hr#line {
	position: absolute;
	margin: 49px 0px 0px 0px;
	width: 0%;
	display: none;
	padding: 0;
	color: #000;
	background-color: #c70202;
	opacity: 0.5;
	z-index: 10;
	border: none;
	height: 1px;
}

section#slideshow hr#lineWhite {
	position: absolute;
	margin: 0px 0px 0px 0px;
	width: 100%;
	display: none;
	padding: 0;
	color: #fff;
	z-index: 10;
	border: none;
	margin-top: 217px;
}

body.iPad section#slideshow hr#line {
	margin-top: 49px;
}

section#slideshow.reportaze hr#line {
	margin-top: 380px;
}

section#slideshow #photoEssayContainer {
	height: 600px;
	box-sizing: content-box;
	background: url('../images/background_raster.png') top left repeat;
}

/* ============================================================================================================================ */
/* PHOTO ESSAY - SLIDESHOW
/* ---------------------------------------------------------------------------------------------------------------------------- */

section#slideshow hr#widePreloader,
section#slideshow div#soundPreloader hr,
section#slideshow div#slideshowProgressBar hr,
section#slideshow div#imagePreloader hr {
	position: absolute;
	margin: 0;
	padding: 0;
	border: none;
	height: 1px;
	background-color: #c70202;
	width: 0%;
	top: 300px;
	color: #000;
}

section#slideshow div#soundPreloader,
section#slideshow div#slideshowProgressBar,
section#slideshow div#imagePreloader {
	position: absolute;
	margin: 0;
	padding: 0;
	border: none;
	height: 1px;
	width: 100%;
	color: #000;
}
section#slideshow div#slideshowProgressBar,
section#slideshow div#soundPreloader{
	top: 720px;
}

section#slideshow div#imagePreloader {
	top: 300px;
}

section#slideshow div#slideshowProgressBar div,
section#slideshow div#soundPreloader div,
section#slideshow div#imagePreloader div {
	width: 900px;
	height: 1px;
	margin-left: auto;
	margin-right: auto;
}

section#slideshow div#slideshowProgressBar hr,
section#slideshow div#soundPreloader hr,
section#slideshow div#imagePreloader hr {
	top: initial;
	width: 0%;
	position: relative;
}

section#slideshow.photoEssay {
	background: none;
	margin-top: 120px;
	margin-bottom: 80px;
	height: auto;
	border-bottom: 1px solid #42453e;
}

section#slideshow.photoEssay div.vertical-align-middle {
	padding-bottom: 40px;
}

section#slideshow ul#slideshowPlaylist {
	display: none;
}

section#slideshow div.slideshowLayers {
	position: absolute;
	top: 0px;
	display: none;
	width: 100%;
	height: 600px;
}

section#slideshow div.slideshowLayers > div{
	width: 900px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	background-position: center center;
}

section#slideshow div.slideshowLayers.wide > div{
	width: 100%;
	background-size: cover;
}

section#slideshow div.title h1,
section#slideshow div.title h3 {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

section#slideshow div.title h1 {
	padding-top: 230px;
	font-size: 66px;
	text-align: left;
	font-family: 'HelveticaNeueCEBold', sans-serif;
}

section#slideshow div.title h3 {
	padding-top: 20px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: normal;
	}

	section#slideshow div.title h1.blk,
	section#slideshow div.title h3.blk {
		color: #000;
	}
	section#slideshow div.title h1.cmprsd {
		letter-spacing: -2px;
	}
	section#slideshow div.title h1.wht,
	section#slideshow div.title h3.wht {
		color: #fff;
	}
	section#slideshow div.title h1.red,
	section#slideshow div.title h3.red {
		color: #c70202;
	}

section#slideshow div.title hr {
	position: absolute;
	margin: 0;
	padding: 0;
	border: none;
	height: 1px;
	background-color: #c70202;
	width: 100%;
	top: 300px;
	color: #000;
}

section#slideshow div.caption {
	position: absolute;
	bottom: 0px;
	width: 900px;
	background-color: #000;
	display: block; 
	left: 0; 
	right: 0; 
	margin-left: auto; 
	margin-right: auto; 
}

	section#slideshow div.caption p {
		font-size: 12px;
		color: #7d7d77;
		font-weight: normal;
		line-height: 22px;
		margin: 20px 55px 20px 55px;
	}

	section#slideshow div.caption p:nth-child(2) {
		margin: -20px 55px 20px 55px;	
	}

	section#slideshow div.caption span {
		font-size: 16px;
		color: #c70202;
		font-weight: bold;
		padding: 0px 8px 0px 0px;
		margin: 21px 20px 20px 20px;
		border-right: solid 1px rgba(50, 54, 48, 1);
		display: block;
		position: absolute;
		top: 0px;
	}

section#slideshow div#thumbnails {
	display: none;
	position: absolute;
	width: 980px;
	height: 200px;
	bottom: 0px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

section#slideshow div#thumbnails > a {
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	margin: 80px 0 0 0;
}

section#slideshow div#thumbnails a#thumbnailsLeft {
	background-image: url('../images/arrow-white-left.png');

}

section#slideshow div#thumbnails a#thumbnailsRight {
	background-image: url('../images/arrow-white-right.png');

}

section#slideshow div#thumbnails a#thumbnailsLeft,
section#slideshow div#thumbnails a#thumbnailsRight {
	background-repeat: no-repeat;
	background-position: center center;
}

section#slideshow div#thumbnails a#thumbnailsLeft:hover,
section#slideshow div#thumbnails a#thumbnailsRight:hover {
	background-color: #c70202;	
}

section#slideshow div#thumbnailsFrame {
	display: block;
	float: left;
	width: 900px;
	height: 200px;
	overflow: hidden;
	position: relative;
	background-color: #000;
	border-top: solid 40px #000;
	border-bottom: solid 40px #000;
}

section#slideshow div#thumbnailsStrip {
	position: absolute;
	display: block;
	height: 120px;
	width: 0px;
	top: 0px;
	left: 0px;
}

section#slideshow div#thumbnailsFrame a {
	position: relative;
	display: block;
	float: left;
	margin-right: 40px;
}

section#slideshow div#thumbnailsFrame b {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 180px;
	height: 120px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

section#slideshow div#thumbnailsFrame a.active b {
	border-bottom: 1px solid #c70202;
}

section#slideshow div#thumbnailsFrame b:hover {
	background: url("../images/background_raster-hover.png") top left repeat;
}

@media (hover: none) {
	section#slideshow div#thumbnailsFrame b:hover {
		background: none;
	}
}

section#slideshow div#thumbnailsFrame img {
	display: block;
	float: left;
}

section#slideshow div#photoEssayNavigation {
	position: absolute;
	top: 0px;
	width: 980px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}

section#slideshow div#photoEssayNavigation a {
	width: 340px;
	height: 600px;
	display: block;
	position: absolute;
}

section#slideshow div#photoEssayNavigation a.slideshowPrevious {
	top: 0px;
	left: 0px;
}

section#slideshow div#photoEssayNavigation a.slideshowPrevious:hover {
	background-image: url('../images/arrow-white-left.png');
	background-repeat: no-repeat;
	background-position: left center;
}

section#slideshow div#photoEssayNavigation div.fullscreenButton {
	position: absolute;
	top: 0px;
	width: 294px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
}

section#slideshow div.fullscreenButton {
	cursor: pointer;
	cursor: hand;
}

section#slideshow div#photoEssayNavigation div.fullscreenButton div {
	display: none;
	text-indent: 0;
	z-index: 1500;
	height: auto;
	width: auto;
	background: url('../images/background_raster.png');
	font-size: 10px;
	margin: 0;
	border: none;
	padding: 20px 20px 20px 20px;
	color: #ffffff;
	font-weight: normal;
	letter-spacing: 2px;
	text-transform: uppercase;
	line-height: 20px;
	text-align: center;
	margin-top: 260px;

	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently */
}

@media (hover: none) {
	section#slideshow div#photoEssayNavigation a.slideshowPrevious:hover {
		background: none;
	}
}

section#slideshow div#photoEssayNavigation a.slideshowNext {
	top: 0px;
	left: 640px;
}

section#slideshow div#photoEssayNavigation a.slideshowNext:hover {
	background-image: url('../images/arrow-white-right.png');
	background-repeat: no-repeat;
	background-position: right center;
}

@media (hover: none) {
	section#slideshow div#photoEssayNavigation a.slideshowNext:hover {
		background: none;
	}
}

section#slideshow div#controlPanel {
	width: 900px;
	height: 40px;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
}

section#slideshow div#controlPanel a,
section#slideshow div#controlPanel > span {
	outline: none;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	width: 40px;
	height: 40px;
    font-size: 1px;
    display: block;
	border-right: solid 1px rgba(0, 0, 0, 1);
	border-left: solid 1px rgba(0, 0, 0, 1);
}

section#slideshow div#controlPanel a:hover {
	background-color: #c70202;	
}

section#slideshow div#controlPanel .slideshowPrevious {
	background-image: url('../images/arrow-white-left.png');
	margin: 0px 40px 0px 0px;
    float: left;
}
section#slideshow div#controlPanel .slideshowPlayPause {
	background-image: url('../images/slideshow-play.png');
	margin: 0px 40px 0px 0px;
    float: left;
}
section#slideshow div#controlPanel .slideshowNext {
	background-image: url('../images/arrow-white-right.png');
	margin: 0px 40px 0px 0px;
    float: left;
}
section#slideshow div#controlPanel .slideshowThumbnails {
	background-image: url('../images/slideshow-thumbnails.png');
	margin: 0px 0px 0px 40px;
    float: right;
}
section#slideshow div#controlPanel .slideshowCaptions {
	background-image: url('../images/slideshow-captionsOn.png');
	margin: 0px 0px 0px 40px;
    float: right;
}

section#slideshow div#controlPanel .slideshowSound {
	background-image: url('../images/slideshow-soundOff.png');
	margin: 0px 0px 0px 40px;
    float: right;
}

section#slideshow div#controlPanel span.slideshowThumbnails { 
	/* button not-available */
	background-image: url('../images/slideshow-thumbnailsNA.png');
	margin: 0px 0px 0px 40px;
    float: right;
}

section#slideshow div#controlPanel span.slideshowCaptions {
	/* button not-available */
	background-image: url('../images/slideshow-captionsNA.png');
	margin: 0px 0px 0px 40px;
    float: right;
}

section#slideshow div#controlPanel span.slideshowSound {
	/* button not-available */
	background-image: url('../images/slideshow-soundNA.png');
	margin: 0px 0px 0px 40px;
    float: right;
}

section#slideshow div.slideshowEnd {
	width: 900px;
	height: 600px;
	background-color: #000;
	display: block; 
	text-align: center;
}
section#slideshow div.slideshowEnd p {
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #323630;
	padding: 290px 0 0 0;
}

/* slideshow fullscreen */

div#fullscreenContainer {
	z-index: 10000;
	position: fixed;
	background: rgb(50, 54, 48);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	display: none; /* table */
}

div#fullscreenContainer > div{
	font-size: 0;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

div#fullscreenContainer > div > div{
	margin-left: 0;
	margin-right: 0;
}

div#fullscreenContainer hr#fullscreenPreloader{
	position: absolute;
	margin: auto 0 auto 0;
	left: 0;
	top: 0;
	bottom: 0;
	padding: 0;
	border: none;
	height: 1px;
	background-color: #c70202;
	width: 0%;
	color: #000;
}

div#fullscreenContainer div#fsPrevious,
div#fullscreenContainer div#fsNext{
	width: 40px;
	height: 200px;
	display: inline-block;
	position: relative;
}

div#fullscreenContainer div#fsProportionsWrapper{
	width: 380px;
	height: 200px;
	display: inline-block;
	position: relative;
}

div#fullscreenContainer div#fsControlPanel {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div#fullscreenContainer div.fullscreenButton {
	width: 40%;
	height: 100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

div#fullscreenContainer a.slideshowPrevious,
div#fullscreenContainer a.slideshowNext {
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	width: 30%;
	top: 0;
}

div#fullscreenContainer a.slideshowPrevious {
	background-position: left center;
	left: 0;
}

div#fullscreenContainer a.slideshowPrevious:hover {
	background-image: url('../images/arrow-white-left.png');
}

div#fullscreenContainer a.slideshowNext {
	background-position: right center;
	right: 0;
}

div#fullscreenContainer a.slideshowNext:hover {
	background-image: url('../images/arrow-white-right.png');
}

div#fullscreenContainer a.fullscreenClose {
	background-image: url('../images/slideshow-FSclose.png');
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	width: 40px;
	height: 40px;
	right: 0;
	top: 0;
}

div#fullscreenContainer div#fsPhotos {
	position: relative;
	top: 0;
	left: 0;
	width: calc(100% - 80px);
	height: 100%;
	margin: 0px 40px 0px 40px;
	background: url('../images/background_raster.png') top left repeat;
}

div#fullscreenContainer div#fsPhotos div.fsSlideshowLayers {
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
	/*background-color: black;*/
}

div#fullscreenContainer div#fsPhotos div.fsSlideshowLayers > div{
	width: 100%;
	height: 100%;
	background-size: contain;
}

div#fullscreenContainer div#fsPhotos div.fsSlideshowLayers > div > div.caption,
div#fullscreenContainer div#fsPhotos div.fsSlideshowLayers > div > div.title {
	display: none;
}


/* --- 1 sloupec ------------------------------------------------------------------------------------------------------------- */

@media (max-width: 676px) {

	section#slideshow .photoblogLink div.block {
		display: none;
	}

	section#slideshow .contain {
		width: 294px;
		margin: 0px auto;
	}

		section#slideshow .contain h1,
		section#slideshow .contain h3,
		section#slideshow .contain a div.help {
			margin-left: 0px;
		}

		section#slideshow .contain h1 {
			font-size: 22px;
		}

		section#slideshow .contain h3 {
			font-size: 12px;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			letter-spacing: normal;
			margin-top: 5px;
			margin-bottom: 5px;
		}

	section#slideshow.reportaze .contain h1 {
		padding: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		height: 30px;
	}

	section#slideshow .contain a:hover h1:after {
		top: 0px;
	}

	section#slideshow.reportaze .contain h3 {
		padding: 6px 0px 0px 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		height: 30px;
		font-weight: normal;
	}

	section#slideshow hr#line {
		margin-top: 30px;
	}

	section#slideshow #reportazeContainCenter {
		width: 294px;
		margin-left: auto;
		margin-right: auto;
	}

	section#slideshow.reportaz .contain h1 {
		margin-top: 30px;
	}

	section#slideshow.reportaz .contain h3 {
		font-weight: bold;
	}

	section#slideshow.reportaz .contain h4 {
		letter-spacing: normal;
		padding-top: 8px;
	}

	/* photoEssay slideshow */

	section#slideshow #photoEssayContainer {
		height: 196px;
	}

	section#slideshow hr#widePreloader {
		top: 98px;
	}

	section#slideshow div.title hr {
		top: 98px;
		display: none !important;
	}

	section#slideshow div.title h1,
	section#slideshow div.title h3 {
		width: 294px;
		display: none !important;
	}

	section#slideshow div.title h1 {
		padding-top: 50px;
		font-size: 26px;
	}

	section#slideshow div.title h3 {
		padding-top: 10px;
		font-size: 12px;
	}

	section#slideshow div#photoEssayNavigation {
		width: 294px;
		height: 196px;
	}

	section#slideshow div#photoEssayNavigation a {
		display: none;
	}

	section#slideshow div#slideshowProgressBar div,
	section#slideshow div#soundPreloader div,
	section#slideshow div#imagePreloader div {
		width: 294px;
	}

	section#slideshow div.slideshowLayers {
		height: 196px;
	}

	section#slideshow div.slideshowLayers > div{
		width: 294px;
		height: 196px;
		background-size: contain;
	}

	section#slideshow div.caption {
		width: 294px;
	}

	section#slideshow div#controlPanel {
		width: 294px;
	}

	section#slideshow div.slideshowEnd {
		width: 294px;
		height: 196px;
	}

	section#slideshow div.slideshowEnd p {
		padding: 90px 0 0 0;
	}

	section#slideshow .slideshowSound,
	section#slideshow .slideshowCaptions,
	section#slideshow .slideshowThumbnails {
		display: none !important;
	}

	section#slideshow div#controlPanel .slideshowPrevious {
		margin-left: 40px;
	}

	section#slideshow div#thumbnails {
		display: none;
	}

	section#slideshow div#photoEssayNavigation div.fullscreenButton {
		display: none;
	}
}

/* --- 2 sloupce ------------------------------------------------------------------------------------------------------------- */

@media (min-width: 677px) and (max-width: 979px) {

	section#slideshow .photoblogLink div.block {
		margin-bottom: 9px;
	}

		section#slideshow .photoblogLink div.block:last-of-type {
			margin-bottom: 0px;
		}

	section#slideshow #reportazeContainCenter {
		width: 597px;
		margin-left: auto;
		margin-right: auto;
	}

	/* photoEssay slideshow */

	section#slideshow #photoEssayContainer {
		height: 398px;
	}

	section#slideshow hr#widePreloader {
		top: 199px;
	}

	section#slideshow div#slideshowProgressBar,
	section#slideshow div#soundPreloader {
		top: 518px;
	}

	section#slideshow div#imagePreloader {
		top: 199px;
	}
	section#slideshow div.title hr {
		top: 199px;
	}

	section#slideshow div.title h1,
	section#slideshow div.title h3 {
		width: 597px;
	}

	section#slideshow div.title h1 {
		padding-top: 150px;
		font-size: 40px;
	}

	section#slideshow div.title h3 {
		padding-top: 20px;
		font-size: 12px;
	}

	section#slideshow div#photoEssayNavigation {
		width: 677px;
		height: 398px;
	}

	section#slideshow div#photoEssayNavigation a {
		width: 200px;
		height: 398px;
	}

	section#slideshow div#photoEssayNavigation a.slideshowNext {
		top: 0px;
		left: 477px;
	}

	section#slideshow div#slideshowProgressBar div,
	section#slideshow div#soundPreloader div,
	section#slideshow div#imagePreloader div {
		width: 597px;
	}

	section#slideshow div.slideshowLayers {
		height: 398px;
	}

	section#slideshow div.slideshowLayers > div{
		width: 597px;
		height: 398px;
		background-size: contain;
	}

	section#slideshow div.caption {
		width: 597px;
	}

	section#slideshow div#controlPanel {
		width: 597px;
	}

	section#slideshow div.slideshowEnd {
		width: 597px;
		height: 398px;
	}
	
	section#slideshow div.slideshowEnd p {
		padding: 190px 0 0 0;
	}

	section#slideshow div#thumbnails {
		width: 677px;
	}

	section#slideshow div#thumbnailsFrame {
		width: 597px;
	}

	section#slideshow div#photoEssayNavigation div.fullscreenButton {
		width: 250px;
		height: 398px;
	}

	section#slideshow div#photoEssayNavigation div.fullscreenButton div {
		margin-top: 160px;
	}
}

/* --- 3 sloupce ------------------------------------------------------------------------------------------------------------- */

@media (min-width: 980px) {
	section#slideshow #reportazeContain {
		width: 900px;
	}
}

/* --- pro vsechny varianty ------------------------------------------------------------------------------------------------------------- */

div#fullscreenContainer div.slideshowEnd {
	width: 100%;
	height: 100%;
	display: table;
}

div#fullscreenContainer div.slideshowEnd p {
	display: table-cell;
  	vertical-align: middle;
  	padding: 0;
}

/* ============================================================================================================================ */
/* SECTION : #latestPhotoEssays
/* ---------------------------------------------------------------------------------------------------------------------------- */

section#latestPhotoEssays {
	display: table;
	height: auto;
	padding-top: 40px;
	padding-bottom: 0px;
	text-align: left;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* ============================================================================================================================ */
/* SECTION : #latestPhotoEssays
/* ---------------------------------------------------------------------------------------------------------------------------- */

section#reportaze {
	display: table;
	height: auto;
	padding-top: 40px;
	padding-bottom: 0px;
	text-align: left;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

/* ============================================================================================================================ */
/* SECTION : .photoblogArchive
/* ---------------------------------------------------------------------------------------------------------------------------- */

section.photoblogArchive {
	display: table;
	height: auto;
	/*padding-top: 40px;*/
	padding-bottom: 0px;
	text-align: left;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

section.photoblogArchive:first-of-type {
	padding-top: 40px;
}

	section.photoblogArchive header {
		background: #323630;
		border-top: solid 1px rgba(255, 255, 255, 0.3);
		border-bottom: solid 1px rgba(255, 255, 255, 0.3);
		color: #ffffff;
		padding-top: 9px;
		padding-bottom: 9px;
		margin-bottom: 40px;
		z-index: 1020; /* pro sticky header*/
	}

		section.photoblogArchive:first-of-type header {
			border-top: none;
			margin-top: 1px;
		}

		section.photoblogArchive header em {
			color: #42453e;
			font-weight: bold;
		}

		section.photoblogArchive header .container {
			padding-left: 343px;
			padding-right: 40px;
			height: 40px;
			background: url('../images/background_tearsheets-header-3-column.png') 40px 0px no-repeat;
		}

			section.photoblogArchive header .container span {
				margin-left: 100px;
				display: table-cell;
				width: 294px;
				height: 40px;
				padding-left: 20px;
				vertical-align: middle;
				letter-spacing: 0.75px;
			}

/* --- 2 sloupce ------------------------------------------------------------------------------------------------------------- */

@media (min-width: 677px) and (max-width: 979px) {
    section.photoblogArchive .firstItem{
        width: 597px !important;
    }

    section.photoblogArchive .firstItem article.listBox {
        position: relative;
        height: 398px;
        text-align: center;
    }

    section.photoblogArchive .firstItem p{
        display: none;
    }

    section.photoblogArchive .firstItem h1, section.photoblogArchive .firstItem h2 {
        display: block;
        width: 294px;
        height: 40px;
        box-sizing: border-box;
        padding: 18px 0px 0px 18px;
        margin: 0px 0px 0px 0px;
        background-color: rgba(28, 31, 26, 1);
        position: absolute;
        left: 153px;
        z-index: 1000;
        text-align:left;
    }

    section.photoblogArchive .firstItem h1 {
        top: 318px;
    }

    section.photoblogArchive .firstItem h2 {
        top: 358px;
        padding-top: 2px;
    }

    section.photoblogArchive .firstItem div.listFotoBox{
        display: inline-block;
        width: auto;
        height: 398px;
    }

    section.photoblogArchive .firstItem span{
        display: none;
    }

    section.photoblogArchive .firstItem a.imgHov{
        width: auto;
        height: 398px;
    }
        
        section.photoblogArchive .firstItem b.indexPh{
            width: 100%;
            height: 398px;
        }

    section.photoblogArchive .firstItem .listFotoBox img{
        max-height: 398px;
        max-width: 597px;
    }
}

/* --- 3 sloupce ------------------------------------------------------------------------------------------------------------- */

@media (min-width: 980px) {
    section.photoblogArchive .firstItem {
        width: 900px !important;
    }

    section.photoblogArchive .firstItem article.listBox {
        position: relative;
        height: 398px;
        text-align: center;
    }

    section.photoblogArchive .firstItem p{
        display: none;
    }

    section.photoblogArchive .firstItem h1, section.photoblogArchive .firstItem h2 {
        display: block;
        width: 294px;
        height: 40px;
        box-sizing: border-box;
        padding: 18px 0px 0px 18px;
        margin: 0px 0px 0px 0px;
        background-color: rgba(28, 31, 26, 1);
        position: absolute;
        left: 306.5px;
        z-index: 1000;
        text-align:left;
    }

    section.photoblogArchive .firstItem h1 {
        top: 318px;
    }

    section.photoblogArchive .firstItem h2 {
        top: 358px;
        padding-top: 2px;
    }

    section.photoblogArchive .firstItem div.listFotoBox{
        display: inline-block;
        width: auto;
        height: 398px;
    }

    section.photoblogArchive .firstItem span{
        display: none;
    }

    section.photoblogArchive .firstItem a.imgHov{
        width: auto;
        height: 398px;
    }
        
        section.photoblogArchive .firstItem b.indexPh{
            width: 100%;
            height: 398px;
        }

    section.photoblogArchive .firstItem .listFotoBox img{
        max-height: 398px;
        max-width: 597px;
    }
}

/* ============================================================================================================================ */
/* SECTION : #selectedWorks
/* ---------------------------------------------------------------------------------------------------------------------------- */

section#selectedWorks {
	display: table;
	height: auto;
	padding-top: 40px;
	text-align: left;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: url("../images/background_raster.png") top left repeat;
	margin-bottom: 80px;
}

.selectedWorks {
	width: 294px;
	min-height: 500px;
	margin-right: 9px;
	float: left;
	padding-bottom: 40px;
	line-height: 27px;
}

	.selectedWorks h1 {
		padding: 20px;
		color: #ffffff;
	}

	.selectedWorks h4 {
		padding: 7px 20px 0 20px;
	}

		.selectedWorks h4 a {
			color: #ffffff;
			border-bottom: none;
		}

			.selectedWorks h4 a:hover {
				border-bottom: 1px solid #c70202;
				color: #ffffff;
			}

	.selectedWorks h5,
	.selectedWorks h6 {
		padding: 0px 20px 0px 20px;
	}

	.selectedWorks h6:first-of-type {
		margin-top: 20px;
	}
	
	.selectedWorks h5,
	.selectedWorks h6 {
		color: #42453e;
		border-bottom: none;
		font-weight: normal;
	}
	
		.selectedWorks h5 a,
		.selectedWorks h6 a {
			color: #ffffff;
			border-bottom: none;
			font-weight: normal;
		}
		
			.selectedWorks h5 a span,
			.selectedWorks h6 a span {
				color: #7d7d77;
				font-weight: normal;
			}
			
			.selectedWorks h5 a:hover,
			.selectedWorks h6 a:hover {
				border-bottom: 1px solid #c70202;
				color: #ffffff;
			}

		.selectedWorks h5 {
			display: table-cell;
			height: 40px;
			vertical-align: middle;
			border-bottom: 1px solid #323630;
			width: 294px;
			padding-top: 0px;
		}
		
			.selectedWorks h5 a {
				font-weight: bold;
			}

	.selectedWorks p {
		padding: 0 20px 40px 20px;
		color: #7d7d77;
	}

		.selectedWorks p a {
			color: #7d7d77;
		}

			.selectedWorks p a:hover {
				border-bottom: 1px solid #c70202;
				color: #ffffff;
			}

/* --- 1 sloupec ------------------------------------------------------------------------------------------------------------- */

@media (max-width: 676px) {

	section#selectedWorks {
		padding-bottom: 0px;
	}

	.selectedWorks {
		margin-right: 0px;
		min-height: 100px;
	}
}

/* --- 2 sloupce ------------------------------------------------------------------------------------------------------------- */

@media (min-width: 677px) and (max-width: 979px) {

	section#selectedWorks {
		padding-bottom: 0px;
	}
}

/* --- 3 sloupce ------------------------------------------------------------------------------------------------------------- */

@media (min-width: 980px) {

	section#selectedWorks {
		padding-bottom: 40px;
	}
}

/* ============================================================================================================================ */
/* SECTION : .withBlocks
/* ---------------------------------------------------------------------------------------------------------------------------- */

.withBlocks .row {
	padding-left: 40px;
	padding-right: 30px;
}

@media (max-width: 320px) {
	.withBlocks .row {
		padding-left: 0px;
		padding-right: 0px;
	}
}

.withBlocks .container div.block {
	width: 294px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 9px;
	margin-bottom: 80px;
	float: left;
}

.withBlocks .container div.headlineBlock {
	background: #1c1f1a;
	font-weight: bold;
	height: 40px;
	margin-bottom: 0px;
}

	.withBlocks .container div.headlineBlock h6 {
		height: 40px;
		display: table-cell;
		vertical-align: middle;
		padding-left: 20px;
		font-weight: normal;
		color: #42453e;
	}

	.withBlocks .container div.headlineBlock:after {
		clear: both;
	}

.col-2, .col-3 {
	display: none;
}

/* --- 1 sloupec ------------------------------------------------------------------------------------------------------------- */

@media (max-width: 676px) {

	.sameHeight > div {
		vertical-align: top;
		background: url('../images/_background-block.png') repeat-y;
	}

	.withBlocks .row {
		padding-left: 0px;
		padding-right: 0px;
	}

	.withBlocks .container div.block {
		margin-right: 0px;
	}
}

/* --- 2 sloupce ------------------------------------------------------------------------------------------------------------- */

@media (min-width: 677px) and (max-width: 979px) {

	.sameHeight > div {
		vertical-align: top;
		background: url('../images/background_index-selected-3-column.png') repeat-y;
	}

	.col-2 {
		display: initial;
	}
}

/* --- 3 sloupce ------------------------------------------------------------------------------------------------------------- */

@media (min-width: 980px) {

	.sameHeight {
		display: table;
		overflow: hidden;
	}

		.sameHeight > div {
			float: none !important;
			display: table-cell;
			vertical-align: top;
			background: url('../images/background_index-selected-3-column.png') repeat-y;
		}

	.withBlocks .container div.block:nth-child(3n+1) {
		clear: both;
	}

	.col-2 {
		display: initial;
	}

	.col-3 {
		display: initial;
	}
}

/* ============================================================================================================================ */
/* FOOTER
/* ---------------------------------------------------------------------------------------------------------------------------- */

div#body > footer {
	display: table;
	height: auto;
	padding-top: 9px;
	margin-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border-top: 1px solid #70736f;
	color: #7d7d77;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

	div#body > footer .container .row {
		padding-left: 40px;
	}

	div#body > footer div.block {
		position: relative;
		background-color: #000000;
		margin-right: 9px;
		float: left;
		width: 294px;
	}

		div#body > footer div.block span {
			display: table-cell;
			height: 40px;
			vertical-align: middle;
			padding-left: 20px;
		}

	div#body > footer div.wide {
		margin-right: 0px;
	}

/* --- 1 sloupec ------------------------------------------------------------------------------------------------------------- */

@media (max-width: 676px) {

	div#body > footer .container .row {
		padding-left: 0px;
	}

	div#body > footer div.wide {
		display: none;
	}

	div#body > footer div.block {
		margin-right: 0px;
	}
}

/* --- 2 sloupce ------------------------------------------------------------------------------------------------------------- */

@media (min-width: 677px) and (max-width: 979px) {

	div#body > footer div.wide {
		width: 294px;
	}
}

/* --- 3 sloupce ------------------------------------------------------------------------------------------------------------- */

@media (min-width: 980px) {

	div#body > footer div.wide {
		width: 597px;
	}
}

/* ============================================================================================================================ */
/* headline  
/* ---------------------------------------------------------------------------------------------------------------------------- */

.headline {
	height: 50px;
	background: url("../images/navigace-bgd.png") -50px -102px no-repeat;
	float: left;
	clear: both;
}

	.headline h6 {
		width: 246px;
		height: 47px;
		color: #7d7d77;
		padding: 14px 0 0 20px;
		float: left;
	}

		.headline h6 a {
			color: #ffffff;
		}

			.headline h6 a:hover {
				color: #ffffff;
				border-bottom: 1px solid #c70202;
			}

/* ============================================================================================================================ */
/* listBox  
/* ---------------------------------------------------------------------------------------------------------------------------- */

.listBox {
	background: #1c1f1a;
	line-height: 22px;
	min-height: 392px;
}
.listBoxEmpty {
	min-height: 392px;
	background: #1c1f1a url("../images/background_photoblog-1-column.png") top left no-repeat;
}

section#latestPhotoEssays .listBox,
section#reportaze .listBox {
	min-height: 440px;
}
.listBoxEmptyPhotoEssays {
	min-height: 440px;
	background: #1c1f1a url("../images/background_photoblog-1-column.png") top left no-repeat;
}

.listFotoBox {
	width: 294px;
	height: 196px;
	font-size: 0px;
	line-height: 0px;
	background: #323630 url('../images/background_raster.png') top left repeat;
}

.listFotoBox a{
	width: 294px;
	height: 196px;
	/*text-align: center;*/
}

	.listFotoBox img {
		max-width: 294px;
		max-height: 196px;
		margin-left: auto;
		margin-right: auto;
		margin-top: auto;
		margin-bottom: auto;
	}

.listBox h1 {
	font: inherit;
	padding: 20px 20px 0 20px;
}

	.listBox h1 a {
		color: #ffffff;
		border-bottom: none;
	}

		.listBox h1 a:hover {
			border-bottom: 1px solid #c70202;
			color: #ffffff;
		}

.listBox h2 {
	font: inherit;
	padding: 0 20px 0 20px;
	color: #42453e;
	/*font-weight: bold;*/
}

section.photoblogArchive .listBox h2{
	color: #7d7d77;
}

.listBox p {
	padding: 0 20px 20px 20px;
	color: #7d7d77;
}

section.photoblogArchive .listBox p{
	color: #42453e;
}

	.listBox p.textBlock {
		padding: 0 20px 0 20px;
		color: #7d7d77;
	}

	.listBox p a {
		color: #7d7d77;
	}

		.listBox p a:hover {
			border-bottom: 1px solid #c70202;
			color: #ffffff;
		}

.listBox .showText {
	padding: 0 0 20px 20px;
	color: #ffffff;
	text-decoration: none;
	display: block;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	cursor: pointer;
}

	.listBox .showText:hover {
		color: #c70202;
	}

@media (max-width: 635px) {
	.listBox {
		min-height: initial;
	}

		.listBox p.textBlock {
			padding-bottom: 20px;
		}
}

/* ============================================================================================================================ */
/* imageHover  
/* ---------------------------------------------------------------------------------------------------------------------------- */

.photoblogImageBox .imgHov:hover {
	border: none;
}

.imgHov:hover b.indexPh {
	width: 294px;
	height: 196px;
}

.imgHov:hover span {
	position: absolute;
	top: 120px;
	left: 0;
	width: 294px;
	height: 60px;
	background: #ffffff;
	padding: 6px 20px 10px 20px;
	line-height: 22px;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	color: #c70202;
	display: block;
}

	.imgHov:hover span em {
		font-weight: normal;
		font-style: normal;
		color: #000000;
		font-family: Arial, Helvetica, sans-serif;
		border: none;
	}

.imgHov {
	text-decoration: none;
	float: left;
	display: inline;
}

	.imgHov img {
		border: 0;
		display: block;
	}

	.imgHov span, .imgHov div.exSpan {
		font-style: normal;
	}

	.imgHov span, .imgHov div.exSpan, .imgHov b {
		display: none;
	}

	.imgHov:hover {
		position: relative;
	}

		.imgHov:hover b {
			position: absolute;
			top: 0px;
			left: 0;
			background: url("../images/background_raster-hover.png") top left repeat;
			display: block;
		}


/* ============================================================================================================================ */
/* EZPZ tool-tip   
/* -------------------------------------------------- */

.tooltip-content {
	position: absolute;
	width: 312px;
	height: auto;
	background: #000000;
	font-size: 0px;
	line-height: 0px;
	display: none;
	text-indent: 0;
	z-index: 15000;
}

	.tooltip-content img {
		width: 294px;
		height: auto;
		margin: 9px;
	}

.tooltip-content-footer {
	font-size: 13px;
}

.tooltip-content-tearsheets,
.tooltip-content-footer {
	display: none;
	text-indent: 0;
	z-index: 1500;
}

.tooltip-content-tearsheets,
.tooltip-content-footer {
	position: absolute;
	width: 294px;
	height: auto;
	background: #000000;
}

	.tooltip-content-tearsheets p,
	.tooltip-content-footer p {
		margin: 0;
		border: none;
		padding: 20px 20px 20px 20px;
		color: #ffffff;
		font-weight: normal;
		line-height: 22px;
	}

		.tooltip-content-tearsheets p.addInfo {
			padding: 0 20px 20px 20px;
			font-weight: normal;
		}

.tooltip-content-controlpanel {
	display: none;
	text-indent: 0;
	z-index: 1500;
}

.tooltip-content-controlpanel {
	position: absolute;
	width: auto;
	height: auto;
	background: url('../images/background_raster.png');
	margin-top: -120px;
}

	.tooltip-content-controlpanel p {
		font-size: 10px;
		margin: 0;
		border: none;
		padding: 20px 20px 20px 20px;
		color: #ffffff;
		font-weight: normal;
		letter-spacing: 2px;
		text-transform: uppercase;
		line-height: 20px;
	}
		.tooltip-content-controlpanel p em {
			padding: 0 0 0 5px;
			font-size: 13px;
			color: #c70202;
			font-weight: bold;
			text-transform: uppercase;
		}
			.tooltip-content-controlpanel p em span {
				padding: 0 5px 0 5px;
				font-size: 13px;
				color: #000;
				font-weight: normal;
				text-transform: uppercase;
			}

/* ============================================================================================================================ */
/* SECTION : #about
/* -------------------------------------------------- */

section#about {
	position: relative;
	display: table;
	width: 100%;
	text-align: left;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 130px;
	padding-bottom: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #7d7d77;
	line-height: 2;
}

	section#about .row {
		width: 900px;
		margin: 0 auto 0 auto;
		background-color: #1c1f1a;
	}

		section#about .row div {
			float: left;
			padding: 18px;
		}

		section#about .row p {
			padding-bottom: 0px;
		}

		section#about .row p span {
			margin: 0px 0px 20px -5px;
			display:  block;
		}

			section#about .row p a {
				color: #fff;
			}

				section#about .row p a:hover {
					color: #ffffff;
					border-bottom: 1px solid #c70202;
				}

		section#about .row h3 {
			display: block;
			padding-bottom: 10px;
			border-bottom: solid 1px rgba(255, 255, 255, 0.05);
			color: #42453e;
			font-weight: bold;
		}

		section#about .row .leftBlock {
			width: 294px;
		}

		section#about .row .rightBlock {
			width: 597px;
			border-left: 9px solid #323630;
			padding-top: 45px;
		}

			section#about .row .rightBlock span {
				color: #42453e;
				font-weight: bold;
				padding: 0 5px 0 5px;
			}

	section#about .rightBlockLast {
		padding-bottom: 80px !important;
	}

/* --- 1 sloupec ------------------------------------------------------------------------------------------------------------- */

@media (max-width: 676px) {

	section#about {
		padding-top: 90px;
	}

		section#about .row {
			width: 294px;
		}

			section#about .row .leftBlock {
				display: none;
			}

			section#about .row .rightBlock {
				border-left: none;
				width: 294px;
				padding-top: 20px;
				padding-bottom: 0px;
			}

		section#about .rightBlockLast {
			padding-bottom: 30px !important;
		}
}

/* --- 2 sloupce ------------------------------------------------------------------------------------------------------------- */

@media (min-width: 677px) and (max-width: 979px) {

	section#about .row {
		width: 597px;
	}

		section#about .row .rightBlock {
			width: 294px;
		}
}

/* --- 3 sloupce ------------------------------------------------------------------------------------------------------------- */

@media (min-width: 980px) {

}


/* ============================================================================================================================ */
/* ARTICLE : .common
/* spolecne styly pro: reportaz, photoEssay, photoblogText, photoblogPhotos, photoblogVideo
/* ---------------------------------------------------------------------------------------------------------------------------- */

article.common {
	margin-top: 130px;
	font-size: 13px;
}

	article.common div.slideshow {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		overflow: auto;
		text-align: center;
		border-bottom: 1px solid #42453e;
		padding-bottom: 40px;
		line-height: 1px;
		margin-bottom: 0px;
	}

		article.common div.slideshow > * {
			margin-left: auto;
			margin-right: auto;
		}

	article.common section.blocks {
		margin-bottom: 40px;
	}

		article.common section.blocks div.paragraph p,
		article.common header p {
			font-size: 17px;
			padding-top: 20px 0 20px 20px;
			color: #b3b3ac;
			font-family: GuardianEgyptianWebLight, Georgia, "Times New Roman", Times, serif;
			line-height: 30px;
			letter-spacing: 1px;
		}

		article.common header p.perex {
			margin-bottom: 70px;
		}

		article.common header p i {
			font-family: GuardianEgyptianHeadlineLightItalic, Georgia, "Times New Roman", Times, serif;
			letter-spacing: 0.5 px;
		}

			article.common section.blocks div.paragraph p a {
				font-family: GuardianEgyptianWebRegular, Georgia, "Times New Roman", Times, serif;
				letter-spacing: 0.5 px;
			}

			article.common section.blocks div.paragraph p a:hover,
			article.common header p a:hover {
				border-bottom: 1px solid #c70202;
			}

			article.common section.blocks div.paragraph p.credits {
				padding: 20px 0px 0px 0px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 13px;
				line-height: 22px;
				border-top: 1px solid #42453e;
				color: #7d7d77;
				letter-spacing: 0px;
			}

				article.common section.blocks div.paragraph p.credits a {
					color: #7d7d77;
				}

					article.common section.blocks div.paragraph p.credits a:hover {
						color: #ffffff;
					}

	article.common header h1 {
		font-size: 40px;
		color: #ffffff;
		font-weight: normal;
		font-family: HelveticaNeueCELight, Arial, Helvetica, sans-serif;
		letter-spacing: 1px;
	}

	article.common header h2 {
		font-size: 40px;
		color: #ffffff;
		font-weight: normal;
		font-family: HelveticaNeueCELight, Arial, Helvetica, sans-serif;
		letter-spacing: 1px;
	}

	article.common header h2 span {
		font-size: 40px;
		color: #42453e;
		font-weight: normal;
		font-family: HelveticaNeueCELight, Arial, Helvetica, sans-serif;
		letter-spacing: 1px;
		display: block;
	}

	article.common header h3 {
		font-size: 13px;
		line-height: 20px;
		color: #7d7d77;
		padding-bottom: 20px;
		border-bottom: 1px solid #42453e;
		font-family: Arial, Helvetica, sans-serif;
		margin: 0 0 20px 0;
	}

	article.common header h3.preview {
		font-size: 13px;
		line-height: 20px;
		color: #7d7d77;
		padding-bottom: 20px;
		font-family: Arial, Helvetica, sans-serif;
		border-top: 1px solid #42453e;
		border-bottom: none;
		padding-top: 20px;
	}

	article.common header h4 {
		font-size: 13px;
		line-height: 20px;
		color: #7d7d77;
		border-bottom: 1px solid #42453e;
		border-top: 1px solid #42453e;
		font-family: Arial, Helvetica, sans-serif;
		margin: 20px 0 10px 0;
		padding: 10px 0 10px 0;
	}

	article.common header h5 {
		font-size: 13px;
		line-height: 20px;
		color: #7d7d77;
		border-bottom: 1px solid #42453e;
		font-family: Arial, Helvetica, sans-serif;
		margin: 0 0 30px 0;
		padding: 0 0 10px 0;
	}

section#slideshow + article.common {
	margin-top: 40px;
}

	section#slideshow + article.common header h1,
	section#slideshow + article.common header h3 {
		display: none;
	}

article.common div.wide {
	position: relative;
	width: 100%;
	background: url("../images/background_article-wide.png") 0px 0px repeat-x;
	overflow: auto;
	position: relative;
	overflow: visible;
}

	article.common div.wide > div {
		width: 980px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

		article.common div.wide > div.paragraph {
			padding-top: 80px;
			padding-bottom: 40px;
			margin-bottom: 40px;
		}

		article.common div.wide > div.image {
			margin-bottom: 40px;
			padding-bottom: 0px;
		}

article.common div.image {
	padding-top: 40px;
	padding-bottom: 40px;
	line-height: 0px;
	position: relative;
	overflow: visible;
}

	article.common div.image img {
		background: url('../images/background_raster.png');
		line-height: 50px;
	}

	article.common div.imageWrapper {
		background: url('../images/background_raster.png');
		text-align:center;
	}

	article.common div.imageWrapperRight {
		text-align: right;
	}

	article.common div.image + div.image,
	article.common div.image + div.wide > div,
	article.common div.wide + div.wide > div,
	article.common div.wide + div.image {
		border-top: 1px solid #42453e;
	}

	article.photoblogPhotos  div.image + div.image{
		padding-top: 80px;
	}

	article.common div.image + div.wide,
	article.common div.wide + div.wide {
		background: url("../images/background_article-wide.png") 0px 1px repeat-x;
	}

	article.common div.image p {
		position: absolute;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 22px;
		color: #7d7d77;
		padding: 20px 0px 0px 0px;
		letter-spacing: 0px;
		bottom: -90px;
		height: 100px;
	}

		article.common div.image p a:hover {
			border-bottom: 1px solid #c70202;
		}

article.common div.wide div.image p {
	bottom: -130px;
}

article.common div.wide div.image img {
	background: none;
}

article.common div.image p.left {
	background: url("../images/icon-caption-left.png") top left no-repeat;
	text-align: left;
	left: 40px;
	letter-spacing: 0.5px;
}

article.common div.image p.right {
	background: url("../images/icon-caption-right.png") top right no-repeat;
	text-align: right;
	right: 40px;
	letter-spacing: 1px;
}

article.common div.image span {
	width: 900px;
	font-size: 13px;
	text-align: left;
	position: absolute;
	display: none;
	overflow: visible;
	background-color: #fff;
	bottom: 80px;
	line-height: 22px;
	height: auto;
	padding: 20px 20px 20px 20px;
}

article.common div.wide div.image span {
	bottom: 40px;
}

article.common div.image:hover span {
	display: block;
}

article.common div.images {
	overflow: auto;
}

	article.common div.images img {
		max-width: 597px;
		float: left;
	}

		article.common div.images img + img {
			max-width: 294px;
			margin-left: 9px;
			margin-bottom: 6px;
		}

		article.common div.images img:last-of-type {
			margin-bottom: 0px;
		}

article.common div.video {
	padding-top: 40px;
	padding-bottom: 40px;
}

	article.common div.video + div.video {
		border-top: 1px solid #42453e;
	}

article.common div.slideshow div {
	margin: 0px auto 40px auto;
	position: relative;
	padding-bottom: 40px;
	border-bottom: 1px solid #42453e;
}

	article.common div.slideshow div:last-of-type {
		margin-bottom: 0px;
	}

	article.common div.slideshow div span {
		text-align: left;
		position: absolute;
		display: none;
		overflow: visible;
		background-color: #fff;
		bottom: 80px;
		line-height: 22px;
		width: 900px;
		min-height: 80px;
		padding: 20px 20px 20px 20px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
	}

	article.common div.slideshow div:hover span {
		display: block;
	}

article.common div.twoCollumns > * {
	width: 597px;
}

article.common div.oneCollumn {
	width: 900px;
	margin-top: 100px;
}
article.common div.oneCollumn:last-child{
	margin-bottom: 200px;
}

article.common div.left h4,
article.common div.left p {
	float: left;
	border-right: 1px solid #42453e;
	padding-bottom: 30px;
	padding-right: 20px;
}

article.common div.right h4,
article.common div.right p {
	float: right;
	border-left: 1px solid #42453e;
	padding-bottom: 30px;
	padding-left: 20px;
}

article.common div.paragraph p {
	padding-bottom: 30px;
}

	article.common div.paragraph p:last-child {
		padding-bottom: 0px;
		margin-bottom: 70px;
	}

article.common div.paragraph h4 {
	font-size: 22px;
	color: #fff;
	font-family: HelveticaNeueCELight, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	margin-top: -4px;
	padding-bottom: 20px;
	padding-top: 3px;
}

article.common div.left h4 {
	background: url("../images/icon-gray-underline.png") 0px 40px no-repeat;
}

article.common div.right h4 {
	background: url("../images/icon-gray-underline.png") 20px 40px no-repeat;
}

article.common i.end {
	width: 11px;
	height: 11px;
	margin: 7px 0 0 10px;
	background: url("../images/icon-text-end.png") top left no-repeat;
	display: inline-block;
}

article.common div.audio {
	color: #b3b3ac;
}

	article.common div.audio div.soundPlayer {
		position: relative;
		width: 294px;
		height: 48px;
		background-color: #323630;
		border-bottom: 1px solid #42453e;
		border-top: 1px solid #42453e;
		padding: 9px 0 9px 0;
		margin: 54px 0 9px 0;
	}

	article.common div.audio p {
		padding: 0px;
		line-height: 30px;
	}

	article.common div.audio + div.paragraph {
		margin-top: -140px;
	}

article.common hr.afterBlocks {
	height: 1px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	color: #42453e;
	background-color: #42453e;
	border: none;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}

	article.common hr.afterBlocks + header {
		padding-top: 80px;
	}

article.common section.sources {
	border-bottom: 1px solid #42453e;
	padding: 10px 0px 20px 0px;
	overflow: auto;
	line-height: 22px;
}

	article.common section.sources h5 {
		color: #b3b3ac;
		border-bottom: 1px solid #42453e;
		padding: 10px 0 10px 0;
		margin: 0 0 10px 0;
	}

	article.common section.sources a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #7d7d77;
	}

		article.common section.sources a:hover {
			color: #ffffff;
			border-bottom: 1px solid #c70202;
		}


article.common section.links {
	border-top: 1px solid #42453e;
	padding-top: 9px;
	margin-top: 120px;
	overflow: auto;
}

	article.common section.links .column {
		background: url('../images/background_raster.png');
		margin-right: 9px;
		float: left;
		width: 294px;
		height: 168px;
		padding: 20px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

	article.common section.links h5 {
		color: #42453e;
	}

	article.common section.links a {
		display: block;
		margin-top: 5px;
		height: 20px;
		background: url("../images/icon-red-underline.png") 0px 19px no-repeat;
	}

		article.common section.links a.license {
			color: #c70202;
		}
		article.common section.links a.main {
			color: #7d7d77;
		}

		article.common section.links a:hover {
			color: #ffffff;
			background: url("../images/icon-red-underline.png") 0px 19px repeat-x;
		}

	article.common section.links .column:last-of-type {
		margin-right: 0px;
	}


article.common section.comments {
	margin-top: 80px;
	padding: 20px;
	text-align: left;
	background: url('../images/background_raster.png');
	min-height: 168px;
}

	article.common section.comments > a {
		margin: 0 0 10px 302px;
		display: inline-block;
		height: 130px;
		background: url("../images/icon-red-underline.png") 0px 19px no-repeat;
		width: 258px;
		letter-spacing: 0.75px;
		font-weight: bold;
	}

		article.common section.comments > a:hover {
			background: url("../images/icon-red-underline.png") 0px 19px repeat-x;
		}


	article.common section.comments article {
		padding: 20px 0px 20px 302px;
		color: #7d7d77;
		min-height: 161px;
		border-bottom: 1px solid #1c1f1a;
	}

		article.common section.comments article:first-of-type {
			border-top: 1px solid #1c1f1a;
		}

		article.common section.comments article p {
			padding: 0px 0px 0px 0px;
			line-height: 22px;
		}

			article.common section.comments article p.text {
				margin: 0 0 20px 0;
			}
			article.common section.comments article p.author {
				color: #ffffff;
			}
			article.common section.comments article p.date {
				color: #7d7d77;
			}

			article.common section.comments article p.empty {
				font-style: italic;
			}

			article.common section.comments article p a {
				color: #ffffff;
				border-bottom: none;
			}

				article.common section.comments article p a:hover {
					border-bottom: 1px solid #c70202;
					color: #ffffff;
				}

/* form/comments - začátek */

	article.common section.comments .form {
		background-color: #000000;
		margin: 20px 0 160px 0;
		padding: 9px 9px 0 9px;
		font-family: Arial, Helvetica, sans-serif;
		display: none;
	}

		article.common section.comments .form div {
			display: table;
			width: 100%;
			background-color: #64645c;
			margin-bottom: 9px;
			overflow: auto;
			min-height: 40px;
		}

		article.common section.comments .form label {
			display: table-cell;
			width: 274px;
			height: 40px;
			font-weight: bold;
			padding: 0px 15px 0px 0px;
			margin: 0;
			vertical-align: middle;
			text-align: right;
		}

			article.common section.comments .form label.textarea {
				padding-top: 15px;
				vertical-align: top;
			}

		article.common section.comments .form label.TXT {
			display: block;
			padding: 15px 15px 0px 0;
			width: 274px;
			height: 43px;
			font-weight: normal;
			font-style: italic;
			text-align: right;
		}
			article.common section.comments .form label.TXT em {
				font-weight: bold;
		}

		article.common section.comments .form input {
			display: table-cell;
			height: 40px;
			width: 100%;
			padding: 0 0 0 20px;
			border: 1px solid #7d7d77;
			background-color: #7d7d77;
			font: inherit;
			font-size: inherit;
		}

		article.common section.comments .form textarea {
			display: table-cell;
			width: 100%;
			padding: 13px 20px 20px 20px;
			border: 1px solid #7d7d77;
			background-color: #7d7d77;
			font: inherit;
			font-size: inherit;
			resize: vertical;
		}

		article.common section.comments .form input.sendButton {
			background-color: #ffffff;
			border: 1px solid #ffffff;
			color: #000000;
			font-weight: bold;
			cursor: pointer;
		}

			article.common section.comments .form input.sendButton:hover {
				background-color: #c70202;
				border: 1px solid #c70202;
				color: #000000;
			}

		article.common section.comments .form .error {
			color: #c70202; 
			font-weight: bold;
		}

/* form/comments - konec */

article.common div.hover {
	display: none;
	background-image: url('../images/background_raster-hover.png');
	background-repeat: repeat;
}

article.common a.arrows,
article.common b.arrows {
	line-height: 0;
	font-size: 0;
	color: transparent;
	display: inline-block;
}

article.common a.arrowsLeft {
	background-image: url('../images/arrow-gray-left.png');
	background-repeat: no-repeat;
}

article.common a.arrowsLeft:hover {
	background-image: url('../images/arrow-red-left.png');
}

article.common a.arrowsRight {
	/*left: 940px;*/
	background-image: url('../images/arrow-gray-right.png');
	background-repeat: no-repeat;
}

article.common a.arrowsRight:hover {
	background-image: url('../images/arrow-red-right.png');
}

	article.common.photoEssay header {
		margin-top: 80px;
	}

	article.common.photoEssay{
		margin-bottom: 80px;
	}

	article.common.reportaz{
		margin-bottom: 80px;
	}

/* --- 1 sloupec ------------------------------------------------------------------------------------------------------------- */

@media (max-width: 676px) {

	article.common div.slideshow {
		background: url("../images/background_photoessay-1-column.png") 0 0px repeat-x;
	}

	article.common header,
	article.common div.image,
	article.common div.paragraph,
	article.common div.audio,
	article.common div.video,
	article.common section.comments,
	article.common section.sources,
	article.common section.links {
		width: 294px;
		margin-left: auto;
		margin-right: auto;
		overflow: auto;
	}

	article.common div.imageWrapper{
		width: 294px;
		min-height: 196px;
	}

	article.common.photoEssay {
		margin-top: 90px;
	}

	article.common div.slideshow div {
		width: 294px;
	}

	article.common img {
		max-width: 294px;
        /*max-height: 196px;*/
	}

	article.common div.slideshow div span {
		width: 294px;
	}

	article.common .swfPlayer {
		display: none;
	}

	article.common header {
		margin-top: -40px;
	}

	article.common header div.headerContent {
		width: 294px;
	}

	article.common header.arrows {
		height: 120px;
	}

		article.common header h1 {
			font-size: 22px;
			font-family: HelveticaNeueCELight, Arial, Helvetica, sans-serif;
			letter-spacing: 0px;
		}

		article.common header h2, article.common header h2 span {
			font-size: 13px;
			font-family: HelveticaNeueCELight, Arial, Helvetica, sans-serif;
			letter-spacing: 1px;
			font-weight: bold;
		}

		article.common header h2 span {
			color: #42453e;
			margin: 10px 0 0 0;
		}

		article.common header h3 {
			padding-top: 5px;
		}

	article.common div.left h4 {
		border-right: none;
		padding-right: 0px;
		background: url("../images/icon-gray-underline.png") 0px 40px no-repeat;
	}

	article.common div.right h4 {
		border-left: none;
		padding-left: 0px;
		background: url("../images/icon-gray-underline.png") 0px 40px no-repeat;
	}

	article.common div.audio {
		display: none;
	}

	article.common section.blocks div.paragraph p,
	article.common header p {
		font-size: 15px;
		border-right: none;
		border-left: none;
		padding-right: 0;
		padding-left: 0;
		line-height: 24px;
	}

		article.common header p.perex {
			border-top: 1px solid #42453E;
			margin-top: 38px;
			padding-top: 20px;
			margin-bottom: 0px;
		}

	article.common div.wide > div {
		width: 294px;
		overflow: visible;
	}

	article.common div.imageWithDescription {
		overflow: visible;
		margin-bottom: 90px;
	}

	article.common div.image span {
		width: 294px;
		z-index: 100;
	}

	article.common div.image p {
		position: absolute;
		top: 256px;
		height: auto;
	}

	article.common div.twoCollumns > * {
		width: 294px;
	}

	article.common div.audio + div.paragraph {
		margin-top: 0px;
	}

	article.common div.audio {
		margin-bottom: 40px;
	}

		article.common div.audio div.soundPlayer {
			margin-top: 10px;
		}

	article.common div.images img {
		max-width: 294px;
		margin: 0px 0px 40px 0px;
	}

		article.common div.images img + img {
			margin-left: 0px;
		}

		article.common div.images img:last-of-type {
			margin-bottom: 0px;
		}

	article.common section.links .column {
		margin-bottom: 9px;
	}

	article.common div.paragraph h4 {
		font-size: 24px;
	}

	article.common div.paragraph p {
	padding-bottom: 30px;
	}

	article.common div.paragraph p:last-child {
		padding-bottom: 0px;
		margin-bottom: 0px;
	}

/* form/comments - začátek */

	article.common section.comments article {
		padding-left: 0px;
	}

	article.common section.comments > a {
		margin-left: 0px;
	}

	article.common section.comments fieldset > div {
		position: relative;
	}

	article.common section.comments .form div { 
			width: 236px;
		}

	article.common section.comments .form label {
		display: block; 
		text-align: left;
		width: 236px;
		padding:  15px 0 0 20px;
	}

		article.common section.comments .form label.antiBot {
				padding:  0 0 0 58px;
			}

		article.common section.comments .form label.TXT {
				width: 236px;
				height: 40px;
				padding: 15px 0 0 0;
				letter-spacing: -0.25px;
				text-align: center;
				vertical-align: middle;
			}

	article.common section.comments .form input {
			height: 40px;
			width: 236px;
		}

		article.common section.comments .form textarea {
			width: 236px;
		}

		article.common section.comments .form input.sendButton {
			height: 40px;
			width: 236px;
		}

/* form/comments - konec */

	article.common hr.afterBlocks {
		width: 294px;
	}

	article.common div.arrows {
		position: relative;
	}

	article.common.photoblogVideo a.arrowsTop,
	article.common.photoblogVideo b.arrowsTop {
		width: 90px;
		height: 196px;
		position: absolute;
	}

	article.common.photoblogPhotos a.arrowsTop,
	article.common.photoblogPhotos b.arrowsTop {
		width: 90px;
		height: 196px;
		position: absolute;
	}

	article.common.photoblogText a.arrowsTop,
	article.common.photoblogText b.arrowsTop {
		width: 25px;
		height: 40px;
		position: absolute;
	}

	article.common header.arrows {
		overflow: hidden;
	}

	article.common a.arrows.arrowsLeft,
	article.common b.arrows.arrowsLeft {
		/*top: 0px;*/
		left: 0px;
	}

	article.common a.arrows.arrowsRight,
	article.common a.arrowsspanarrowsRight {
		/*top: 0px;*/
		left: 204px;
	}

	article.common.photoblogText a.arrows.arrowsLeft,
	article.common.photoblogText b.arrows.arrowsLeft {
		top: 71px;
		left: 0px;
	}

	article.common.photoblogText a.arrows.arrowsRight,
	article.common.photoblogText b.arrows.arrowsRight {
		top: 71px;
		left: 269px;
	}

	article.common.photoblogPhotos a.arrows,
	article.common.photoblogVideo a.arrows {
		opacity: 0;
	}

		article.common.photoblogPhotos a.arrows:hover,
		article.common.photoblogVideo a.arrows:hover {
			opacity: 1;
		}

	article.common.photoblogText header.arrows {
		position: relative;
	}

	article.common a.arrowsLeft,
	article.common b.arrowsLeft {
		background-repeat: no-repeat;
		background-position: 0px 80px;
	}
	
	article.common.photoblogVideo b.arrowsLeft,
	article.common.photoblogVideo a.arrowsLeft {
		background-position: 0px 58px;
	}

	article.common.photoblogPhotos a.arrowsLeft,
	article.common.photoblogVideo a.arrowsLeft {
		background-image: url('../images/arrow-grayblack-left.png');
	}

	article.common.photoblogText a.arrowsLeft {
		background-position: -12px 0px;
		background-image: url('../images/arrow-gray-left.png');
	}

	article.common a.arrowsRight {
		background-repeat: no-repeat;
		background-position: 50px 80px;
	}

	article.common.photoblogVideo a.arrowsRight {
		background-position: 50px 58px;
	}

	article.common.photoblogText a.arrowsRight {
		background-position: -5px 0px;
		background-image: url('../images/arrow-gray-right.png');
	}

	article.common.photoblogPhotos a.arrowsRight,
	article.common.photoblogVideo a.arrowsRight {
		background-image: url('../images/arrow-grayblack-right.png');
	}

	article.common div.image p.left {
		left: 0px;
	}

	article.common div.image p.right {
		right: 0px;
	}
}

/* --- 2 sloupce ------------------------------------------------------------------------------------------------------------- */

@media (min-width: 677px) and (max-width: 979px) {

	article.common div.slideshow {
		background: url("../images/background_photoessay-2-column.png") 0 0px repeat-x;
	}

	article.common header,
	article.common div.image,
	article.common div.paragraph,
	article.common div.audio,
	article.common div.video,
	article.common section.comments,
	article.common section.sources,
	article.common section.links {
		width: 677px;
		margin-left: auto;
		margin-right: auto;
		overflow: auto;
		padding-left: 40px;
		padding-right: 40px;
	}

	article.common div.imageWrapper{
		width: 597px;
		min-height: 398px; 
	}

/* form/comments */

	article.common section.comments {
		width: 597px;
		margin-left: auto;
		margin-right: auto;
		overflow: auto;
		padding-left: 10px;
		padding-right: 10px;
	}

	article.common.photoblogText header {
		padding-left: 0px;
		padding-right: 0px;
	}

	article.common header div.headerContent {
		width: 597px;
		border-top: 1px solid #42453e;
		padding: 150px 0 0 0;
	}

	article.common div.slideshow div {
		width: 597px;
		height: 438px;
	}

		article.common div.slideshow div span {
			width: 597px;
		}

	article.common img {
		max-width: 597px;
        /*max-height: 398px;*/
	}

	article.common .swfPlayer {
		display: none;
	}

	article.common div.wide {
		overflow: visible;
	}

		article.common div.wide > div {
			width: 597px;
			overflow: visible;
		}

		article.common div.wide div.image p {
			position: absolute;
			top: 460px;
			height: auto;
			bottom: auto;
		}

	article.common div.image span {
		width: 597px;
		z-index: 100;
	}

	article.common div.audio + div.paragraph {
		margin-top: 0px;
	}

	article.common div.audio {
		margin-bottom: 40px;
	}

		article.common div.audio div.soundPlayer {
			margin-top: 10px;
		}

	article.common div.images img + img {
		max-width: 294px;
		margin-top: 9px;
		margin-right: 9px;
		margin-left: 0px;
		/*margin-bottom: 6px;*/
	}

	article.common div.images img:last-of-type {
		margin-right: 0px;
		margin-top: 50px;
	}

	article.common section.links .column {
		margin-right: 0px;
		margin-bottom: 9px;
	}

		article.common section.links .column:first-of-type {
			margin-right: 9px;
		}

	article.common div.imageWithDescription {
		overflow: visible;
		margin-bottom: 90px;
	}

	article.common hr.afterBlocks {
		width: 597px;
	}

	article.common div.arrows,
	article.common header.arrows {
		width: 677px;
	}

	article.common div.arrowsBottom {
		margin-top: 40px;
	}

	article.common a.arrowsTop {
		/*top: 40px;*/
		width: 40px;
	}

	article.common.photoblogVideo a.arrowsTop,
	article.common.photoblogPhotos a.arrowsTop,
	article.common.photoblogVideo b.arrowsTop,
	article.common.photoblogPhotos b.arrowsTop {
		height: 398px;
	}

	article.common.photoblogVideo a.arrowsTop {
		background-position: 0px 142px;
	}

	article.common.photoblogPhotos a.arrowsTop {
		background-position: 0px 180px;
	}

	article.common.photoblogText a.arrowsTop,
	article.common.photoblogText b.arrowsTop {
		height: 40px;
		background-position: 0px 0px;
		margin-top: 216px;
	}

	article.common a.arrowsBottom,
	article.common b.arrowsBottom {
		width: 40px;
		height: 40px;
		background-position: 0px 0px;
	}

		article.common a.arrowsBottom.arrowsRight,
		article.common b.arrowsBottom.arrowsRight {
			margin-left: 597px;
		}

	article.common div.hover {
		width: 597px;
		height: 398px;
		margin-top: -398px;
		margin-left: 40px;
	}

	article.common.photoblogVideo div.hover {
		margin-top: -414px;
		height: 336px;
	}

	article.common div.arrows,
	article.common header.arrows {
		position: initial;
	}
}

/* --- 3 sloupce ------------------------------------------------------------------------------------------------------------- */

@media (min-width: 980px) {

	article.common div.slideshow {
		background: url("../images/background_photoessay-3-column.png") 0 0px repeat-x;
	}

	article.common header,
	article.common div.image,
	article.common div.paragraph,
	article.common div.audio,
	article.common div.video,
	article.common section.sources,
	article.common section.links {
		width: 980px;
		margin-left: auto;
		margin-right: auto;
		overflow: auto;
		padding-left: 40px;
		padding-right: 40px;
	}

	article.common div.imageWrapper{
		width: 900px;
		min-height: 600px;
	}

	article.common.photoblogText header {
		padding-left: 0px;
		padding-right: 0px;
	}

	article.common header div.headerContent {
		width: 900px;
		border-top: 1px solid #42453e;
		padding: 150px 0 0 0;
	}

	article.common section.comments {
		width: 900px;
		margin-left: auto;
		margin-right: auto;
		overflow: auto;
		padding-left: 20px;
		padding-right: 20px;
	}

	article.common div.slideshow div {
		width: 900px;
		height: 640px;
	}

		article.common div.slideshow div span {
			width: 900px;
		}

	article.common div.image {
		overflow: visible;
	}

	article.common div.images {
		overflow: auto;
	}

	article.common #swfPlayer {
		display: none;
	}

	article.common .swfPlayer {
		display: block !important;
		background: url("../images/background_photoessay-3-column.png") 0 0px repeat-x;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		overflow: auto;
		text-align: center;
		border-bottom: 1px solid #42453e;
		padding-bottom: 40px;
		line-height: 1px;
		margin-bottom: 80px;
	}

	article.common hr.afterBlocks {
		width: 980px;
	}

	article.common div.arrows,
	article.common header.arrows {
		width: 980px;
	}

	article.common header.noarrows {
		width: 900px;
	}

	article.common div.arrowsBottom {
		margin-top: 40px;
	}

	article.common a.arrowsTop,
	article.common b.arrowsTop {
		/*top: 40px;*/
		width: 40px;
	}

	article.common.photoblogVideo a.arrowsTop,
	article.common.photoblogPhotos a.arrowsTop,
	article.common.photoblogVideo b.arrowsTop,
	article.common.photoblogPhotos b.arrowsTop {
		height: 600px;
	}

	article.common.photoblogVideo a.arrowsTop {
		background-position: 0px 229px;
	}

	article.common.photoblogPhotos a.arrowsTop {
		background-position: 0px 280px;
	}

	article.common.photoblogText a.arrowsTop,
	article.common.photoblogText b.arrowsTop {
		height: 40px;
		background-position: 0px 0px;
		margin-top: 216px;
	}

	article.common a.arrowsBottom,
	article.common b.arrowsBottom {
		width: 40px;
		height: 40px;
		background-position: 0px 0px;
	}

		article.common a.arrowsBottom.arrowsRight,
		article.common b.arrowsBottom.arrowsRight {
			margin-left: 900px;
		}

	article.common.photoblogPhotos div.hover {
		width: 900px;
		height: 600px;
		margin-top: -600px;
		margin-left: 40px;
	}

	article.common.photoblogVideo div.hover {
		width: 900px;
		height: 506px;
		margin-top: -600px;
		margin-left: 40px;
	}

	article.common div.arrows,
	article.common header.arrows {
		position: initial;
	}
}

article.common div.arrows,
article.common header.arrows {
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	overflow: auto;
}

	article.common div.arrows > *,
	article.common header.arrows > * {
		float: left;
	}


/* ============================================================================================================================ */
/* ARTICLE : .photoblogPhotos
/* ---------------------------------------------------------------------------------------------------------------------------- */

article.photoblogPhotos {
	margin-top: 90px;
}

/* --- 1 sloupec ------------------------------------------------------------------------------------------------------------- */

@media (max-width: 676px) {

	article.photoblogPhotos {
		width: 294px;
		margin: 50px auto 0 auto;
	}
}

/* ============================================================================================================================ */
/* ARTICLE : .photoblogVideo
/* ---------------------------------------------------------------------------------------------------------------------------- */

article.photoblogVideo {
	margin-top: 90px;
}



/* ============================================================================================================================ */
/* SECTION : .itemsList
/* spolecne styly pro: tearsheets, photoblog
/* ---------------------------------------------------------------------------------------------------------------------------- */

section.itemsList {
	border-top: solid 50px #323630;
	font-size: 13px;
}

	section.itemsList header {
		background: #323630;
		border-top: solid 1px #1c1f1a;
		border-bottom: solid 1px #1c1f1a;
		color: #ffffff;
		padding-top: 9px;
		padding-bottom: 9px;
		z-index: 1020; /* pro sticky header*/
	}

		section.itemsList header.first {
			border-top: none;
		}

		section.itemsList header em {
			color: #42453e;
			font-weight: bold;
		}

		section.itemsList header .container {
			padding-left: 343px;
			padding-right: 40px;
			height: 40px;
			background: url('../images/background_tearsheets-header-3-column.png') 40px 0px no-repeat;
		}

			section.itemsList header .container span {
				margin-left: 100px;
				display: table-cell;
				width: 294px;
				height: 40px;
				padding-left: 20px;
				vertical-align: middle;
				letter-spacing: 0.75px;
			}

	section.itemsList article {
		padding-bottom: 80px;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		overflow: auto;
		padding-left: 40px;
		padding-top: 80px;
	}

		section.itemsList article:last-child {
			padding-bottom: 0px;
		}

		section.itemsList article header {
			position: relative;
			height: 398px;
			width: 294px;
			background-color: #1c1f1a;
			float: left;
			padding: 20px;
			z-index: 1019; /* pro sticky header*/
		}

			section.itemsList article header p {
				display: block;
				color: #7d7d77;
			}

			section.itemsList article header h1 {
				margin-top: 15px;
				line-height: 22px;
			}

				section.itemsList article header h1 a:hover {
					border-bottom: 1px solid #c70202;
				}

			section.itemsList article header h2 {
				color: #42453e;
				margin-top: 8px;
				font-weight: bold;
			}

		section.itemsList article > a {
			display: block;
			overflow: auto;
		}

		section.itemsList article + article {
			border-top: 1px solid #42453e;
		}

		section.itemsList article > a {
			height: 398px;
			position: relative;
			display: block;
			float: left;
			margin-left: 9px;
			width: 637px;
		}

			section.itemsList article > a b {
				display: none;
			}

			section.itemsList article > a:hover b {
				/* background: url("../images/???.png") top left repeat; */
				height: 398px;
				display: block;
				width: 637px;
				z-index: 500;
				position: absolute;
				top: 0px;
				left: 0px;
			}

			section.itemsList article > a div {
				/* background: url("../images/???.png") top left repeat; */
				height: 398px;
				width: 637px;
				line-height: 0;
				padding: 0px 40px 0px 0px;
				margin: 0px;
				position: relative;
				display: table-cell;
				vertical-align: middle;
				text-align: center;
				border-collapse: collapse;
				border-spacing: 0px;
				border: none;
			}

			section.itemsList article > a img {
				max-width: 597px;
				max-height: 398px;
				margin-left: auto;
				margin-right: auto;
			}

		section.itemsList article div.image {
			width: 597px;
			height: 398px;
			line-height: 0;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 9px;
			background: url("../images/background_raster.png") top left repeat;
			position: relative;
			display: inline-block;
			vertical-align: middle;
			text-align: center;
			border-collapse: collapse;
			border-spacing: 0px;
			border: none;
		}

			section.itemsList article div.image div {
				width: 597px;
				height: 398px;
				line-height: 0;
				display: table-cell;
				vertical-align: middle;
				text-align: center;
			}

			section.itemsList article div.image img {
				max-width: 597px;
				max-height: 398px;
				margin-left: auto;
				margin-right: auto;
			}

/* --- 1 sloupec ------------------------------------------------------------------------------------------------------------- */

@media (max-width: 676px) {

	section.itemsList article {
		width: 294px;
		height: 472px;
		padding: 40px 0 0 0;
	}

		section.itemsList article > a img {
			width: 294px;
		}

		section.itemsList article > a div {
			height: 196px;
		}

		section.itemsList article > a {
			height: 196px;
		}


		section.itemsList article div.image {
			width: 294px;
			height: 196px;
		}

		section.itemsList article > a div {
			width: 294px;
			background: url("../images/background_photoblog-1-column.png") top left repeat;
		}

		section.itemsList article > a:hover b {
			width: 294px;
			background: url("../images/background_photoblog-1-column.png") top left repeat;
		}

		section.itemsList article div.image img {
			width: 294px;
		}

		section.itemsList article div.image div {
			width: 294px;
			height: 196px;
		}

		section.itemsList article header {
			position: absolute;
			z-index: 100;
			background-color: rgba(28,31,26,1);
		}

	section.itemsList.photoblog article header {
		top: 236px;
		height: 196px;
	}

	section.itemsList.tearsheets article header {
		top: 236px;
		height: 196px;
	}

	section.itemsList article div.image,
	section.itemsList article a {
		margin-left: 0px;
		width: 294px;
		overflow: hidden;
	}

	section.itemsList article a {
		width: 294px;
	}

	section.itemsList header .container,
	section.photoblogArchive header .container {
		padding-left: 0px;
		background: url('../images/background_tearsheets-header-1-column.png') 0 0px no-repeat;
	}
}

/* --- 2 sloupce ------------------------------------------------------------------------------------------------------------- */

@media (min-width: 677px) and (max-width: 979px) {

	section.itemsList article,
	section.itemsList footer {
		width: 677px;
	}

	section.itemsList article {
		height: 754px;
	}

		section.itemsList article header {
			position: absolute;
			z-index: 100;
			background-color: rgba(28,31,26,1);
		}

	section.itemsList.photoblog article header {
		top: 478px;
		width: 597px;
		height: 196px;
	}

	section.itemsList.tearsheets article header {
		top: 438px;
		width: 597px;
		height: 196px;
	}

	section.itemsList article div.image,
	section.itemsList article a {
		margin-left: 0px;
	}

	section.itemsList header .container,
	section.photoblogArchive header .container {
		background: url('../images/background_tearsheets-header-2-column.png') 40px 0px no-repeat;
		padding-left: 344px;
	}

	section.itemsList article {
		padding-bottom: 40px;
	}
}

/* --- 3 sloupce ------------------------------------------------------------------------------------------------------------- */

@media (min-width: 980px) {

	section.itemsList article,
	section.itemsList footer {
		width: 980px;
	}

	section.itemsList header .container,
	section.photoblogArchive header .container {
		background: url('../images/background_tearsheets-header-3-column.png') 40px 0px no-repeat;
		padding-left: 343px;
	}
}

/* ============================================================================================================================ */
/* SECTION : .itemsList.photoblog
/* ---------------------------------------------------------------------------------------------------------------------------- */

section.itemsList.photoblog header p.date {
	border-bottom: 1px solid #42453e;
	padding-bottom: 13px;
}

section.itemsList.photoblog header p.desc {
	width: 254px;
	border-top: 1px solid #42453e;
	padding-top: 15px;
	position: absolute;
	bottom: 18px;
}

	section.itemsList.photoblog header p.desc span {
		font-weight: bold;
		color: #42453e;
		margin: 0 5px 0 5px;
	}

/* --- 1 sloupec ------------------------------------------------------------------------------------------------------------- */

@media (max-width: 676px) {

	section.itemsList.photoblog {
		width: 294px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: -40px;
	}
}

/* --- 2 sloupce ------------------------------------------------------------------------------------------------------------- */

@media (min-width: 677px) and (max-width: 979px) {

	section.itemsList.photoblog {
		margin-bottom: -80px;
	}

		section.itemsList.photoblog header p.desc {
			width: 557px;
		}
}

/* ============================================================================================================================ */
/* SECTION : .itemsList.tearsheets
/* ---------------------------------------------------------------------------------------------------------------------------- */

section.itemsList.tearsheets {
	/*opacity: 0;*/
}

	section.itemsList.tearsheets article {
		padding-top: 40px;
	}

	section.itemsList.tearsheets article header p.blank {
		border-bottom: 1px solid #42453e;
		padding-bottom: 13px;
	}

	section.itemsList.tearsheets article header p.media {
		color: #42453e;
		margin-top: 8px;
		/*font-weight: bold;*/
	}

	section.itemsList.tearsheets article header p.country {
		margin-top: 40px;
		padding-bottom: 0px;
	}

	section.itemsList.tearsheets article header p.date {
		margin-top: 10px;
	}

	section.itemsList.tearsheets article {
		border-top: 1px solid #42453e;
	}

		section.itemsList.tearsheets article:first-of-type {
			border-top: none;
		}

	section.itemsList.tearsheets section > header {
		border-top: solid 1px rgba(255, 255, 255, 0.3);
		border-bottom: solid 1px rgba(255, 255, 255, 0.3);
	}

	section.itemsList.tearsheets section:first-of-type header {
		border-top: none;
	}

/* --- 1 sloupec ------------------------------------------------------------------------------------------------------------- */

@media (max-width: 676px) {

	section.itemsList.tearsheets header p.blank {
		border-bottom: 1px solid #42453e;
		padding-bottom: 0px;
		font-size: 1px;
		height: 12px;
	}
}

/* --- 2 sloupce ------------------------------------------------------------------------------------------------------------- */

@media (min-width: 677px) and (max-width: 979px) {

	section.itemsList.tearsheets header p.blank {
		border-bottom: 1px solid #42453e;
		padding-bottom: 0px;
		font-size: 1px;
		height: 12px;
	}
}