/*
Theme Name: KWK PROMES
Theme URI: kwkpromes.pl
Author: Piotr Bajer bjr@o2.pl
Author URI: veley.pl
Description: Temat dla KWK PROMES
Version: 1.0
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

/**
 * 	RED: #D41920
 */

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, font, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	background: #ffffff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* first for IE 4–8 */
@font-face {
	font-family: DINPro;
	src: url("fonts/din6/DINWebPro.eot");
}

@font-face {
	font-family: DINPro-Bold;
	src: url("fonts/din6/DINWebPro-Bold.eot");
}

/* then for WOFF-capable browsers */
@font-face {
	font-family: DINPro;
	src: url("fonts/din6/DINWebPro.woff") format("woff");
}

@font-face {
	font-family: DINPro-Bold;
	src: url("fonts/din6/DINWebPro-Bold.woff") format("woff");
}



html
{
	height: 100%;
	background-color: white;
}

body
{
	text-align: center;
	color: #000000;
	font-family: "DINPro", sans-serif;
	font-size: 12px;
	background-color: white;
	min-height: 510px;
	-webkit-text-size-adjust: none;
}

strong, b, .strong
{
	font-weight: normal;
	font-family: "DINPro-Bold", sans-serif;
}

a
{
	color: #000000;
	text-decoration: none;
	outline: none;

}
a:active, a:focus {
     outline: 0;
}
a:hover,
a:active
{
	color: #D41920;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	-ms-transition: color 0.3s;
	-o-transition: color 0.3s;
	transition: color 0.3s;
}
.red
{
	color: #D41920;
}
.fix
{
	clear: both;
	text-indent: -99999px;
	line-height: 1px;
	font-size: 1px;
	height: 0px;
}

#main-wrapper, #bg-wrapper
{
	width: 1145px;
	margin: 0px auto 0px auto;
	text-align: left;
	position: relative;
}
	#main-wrapper.css
	{
		position: fixed;
		top: 50%;
		margin-top: -245px;
		left: 50%;
		margin-left: -573px;
	}
	
	#bg-wrapper
	{
		width: auto;
		position: absolute;
		left: 0px;
		right: 0px;
		bottom: 0px;
		top: 0px;
	}
	html.small #bg-wrapper
	{
		background: url("img/small-bg.gif") no-repeat right top;
	}
	
	#header-wrapper
	{
		position: relative;
		/*font-family: "Purista Light", "purista-kwk", sans-serif;*/
		/*margin-top: 72px;*/
		/*padding-bottom: 45px;*/
		/*padding-bottom: 27px;*/
		padding-left: 150px;
		height: 136px;
	}
		#main-wrapper hgroup a, #main-wrapper hgroup a:hover
		{
			color: #000000;
		}
		hgroup h2
		{
			font-family: "Purista SemiBold", "purista-kwk-bold", sans-serif;
		}
		#mask_1, #mask_2
		{
			position: absolute;
			z-index: 3;
			background: white;
			top: 0px;
			right: 0px;
		}
		html.small #mask_1
		{
			right: 656px;
			width: 136px;
			height: 136px;
		}
		html.small #mask_2
		{
			width: 327px;
			height: 136px;
		}
		header ul
		{
			position: absolute;
			top: 113px;
			left: 352px;
			list-style-type: none;
			text-transform: uppercase;
			/*font-family: "Purista SemiBold", "purista-kwk-bold", sans-serif;*/
			font-family: "DINPro-Bold", sans-serif;
			/*font-weight: bold;*/
			z-index: 3;
		}
			header ul li
			{
				float: left;
				padding-right: 6px;
				line-height: 18px;
				color: #d1d3d4;
				background: white;
			}
			header ul li a
			{
				color: #d1d3d4;
			}
			header ul li a.active
			{
				color: #000000;
			}
				html.small header ul li span
				{
					padding: 0px 2px;
				}
			#instagram_icon,
			#facebook_icon
			{
				width: 14px;
				height: 14px;
				background-color: #a3a5a9;
				background-position: center center;
				background-repeat: no-repeat;
			}
			#instagram_icon:hover,
			#facebook_icon:hover
			{
				width: 14px;
				height: 14px;
				-webkit-transition: background-color 0.3s;
				-moz-transition: background-color 0.3s;
				-ms-transition: background-color 0.3s;
				-o-transition: background-color 0.3s;
				transition: background-color 0.3s;
				background-color: #D41920;
			}
				html.small #facebook_icon
				{
					background-image: url("img/facebook-logo2.png?v3");
					
				}
				html.small #instagram_icon
				{
					background-image: url("img/instagram-logo.png?v3");

				}
#menu-wrapper
{
	width: 135px;
	position: relative;
	height: 327px;
	padding-right: 15px;
	float: left;
	padding-bottom: 2px;
}
	#menu-wrapper nav ul
	{
		list-style-type: none;
		text-align: right;
		text-transform: lowercase;
		/*font-family: "Purista SemiBold", "purista-kwk-bold", sans-serif;*/
		font-family: "DINPro-Bold";
		/*font-weight: bold;*/
		line-height: 16px;
		position: relative;
		background: white;
	}
	#menu-wrapper nav > ul
	{
		/* offset */ 
		margin-top: -3px;
	}
		#menu-wrapper nav ul li
		{
			display: block;
		}
		#menu-wrapper nav ul li a
		{
		}
#submenu-wrapper a.active,
#menu-wrapper a.active
{
	color: #D41920;
}
#submenu-wrapper
{
	width: 190px;
	height: 327px;
	float: left;
	position: relative;
	margin-top: -3px;
	padding-right: 15px;
}
#submenu-wrapper li > a
{
	display: block;
}
#submenu-wrapper > nav
{
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 200px;
	padding-bottom: 8px;
	visibility: hidden;
	background-repeat: no-repeat;
	background-position: center top;
}
#submenu-wrapper > nav.loading
{
	background-image: url("img/ajax-loader.gif?v1");
}
#arrow-top, #arrow-bottom, #arrow-left, #arrow-right
{
	width: 14px;
	height: 14px;
	/*padding: 10px;*/
	border-color: white;
	border-style: solid;
	border-width: 9px;
	position: absolute;
	cursor: pointer;
	/*background-repeat: no-repeat;
	background-position: center center;*/
	background-color: #a3a5a9;
	left: 0px;
	margin-left: -10px;
	display: none;
	-ms-filter: inherit;
	filter: inherit;
	/*opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);*/
}


#arrow-top span, #arrow-bottom span, #arrow-left span, #arrow-right span
{
	position: absolute;
	display: block;
	width: 0px;
	height: 0px;
	border: solid transparent;
}

html.small #arrow-top span, html.small #arrow-bottom span, html.small #arrow-left span, html.small #arrow-right span
{
	border-width: 4px;
}

#arrow-top span
{
	border-bottom-color: white;
	left: 50%;
	top: 0%;
}
#arrow-bottom span
{
	border-top-color: white;
	left: 50%;
	bottom: 0%;
}
#arrow-left span
{
	border-right-color: white;
	top: 50%;
	left: 0%;
}
#arrow-right span
{
	border-left-color: white;
	top: 50%;
	right: 0%;
}

html.small #arrow-top span
{
	margin-left: -4px;
	margin-top: 1px;
}
html.small #arrow-bottom span
{
	margin-left: -4px;
	margin-bottom: 1px;
}
html.small #arrow-left span
{
	margin-top: -4px;
	margin-left: 1px;
}
html.small #arrow-right span
{
	margin-top: -4px;
	margin-right: 1px;
}


#arrow-top:hover, #arrow-bottom:hover, #arrow-left:hover, #arrow-right:hover,
#arrow-top.hover, #arrow-bottom.hover, #arrow-left.hover, #arrow-right.hover
{
	background-color: #D41920;

	/*opacity: 1;
	-ms-filter: "none";
	filter: none;*/
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-ms-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
#arrow-top.hidden, #arrow-bottom.hidden, #arrow-left.hidden, #arrow-right.hidden
{
	visibility: hidden;
}
#arrow-top
{
	top: -29px;
}
#arrow-bottom
{
	bottom: -37px;
}
	/*html.small #arrow-top
	{
		background-image: url("img/arrow-top-2.png?v2");	
	}
	html.small #arrow-bottom
	{
		background-image: url("img/arrow-bottom-2.png?v2");	
	}*/
	#submenu-wrapper nav ul
	{
		overflow: hidden;
		line-height: 16px;
		position: relative;
		background-color: white;
	}
	#submenu-wrapper nav ul.hide
	{
		display: none;
	}
	#submenu-wrapper nav ul.active
	{
		display: block;
	}
	#submenu-wrapper nav > ul
	{
		/* offset */ 
		margin-top: 0px;
		padding-bottom: 3px;
		position: absolute;
		width: 100%;
		top: 0px;
		left: 0px;
	}
	

#content-wrapper
{
	height: 463px;
	width: 790px;
	/*margin-top: 3px;*/
	position: absolute;
	right: 1px;
	top: 1px;
	line-height: 16px;
}
	#content-wrapper > div, #overlay > div, #content > div
	{
		height: 463px;
		width: 790px;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	#content-wrapper.loading
	{
		/*background: url("img/ajax-loader-big.gif") no-repeat center center;*/
	}
	/*#overlay > div
	{
		background-repeat: no-repeat;
		background-position: right bottom;
		background-color: white;
		overflow: hidden;
	}*/
	#overlay
	{
		display: none;
	}
	#overlay.active
	{
		display: block;
	}
	#content > div > div, #overlay > div
	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 790px;
		height: 463px;
		display: none;
		-ms-filter: inherit;
		filter: inherit;
	}
		#content > div > div.text > div
		{
			position: absolute;
			overflow: hidden;
			background-repeat: no-repeat;
			background-position: center center;
		}
		#content > div > div.text > div.bg
		{
			width: 790px;
			height: 327px;
			background-color: white;
			position: absolute;
			top: 136px;
			left: 0px;
		}
		#content > div > div.text > div.top
		{
			background-color: white;
			top: 0px;
			left: 136px;
			width: 327px;
			height: 136px;
		}
		#content > div > div.text > div.left
		{
			top: 136px;
			left: 0px;
			width: 136px;
			height: 327px;
		}
		#content > div > div.text > div.text_1
		{
			bottom: 11px;
			left: 151px;
			width: 298px;
			max-height: 304px;
		}
		#content > div > div.text > div.text_2,
		#overlay > div.text > div.text_2
		{
			bottom: 11px;
			left: 478px;
			width: 298px;
			max-height: 304px;
		}
		
		#content > div > div.image > div,
		#overlay > div > div
		{
			position: absolute;
			overflow: hidden;
			background-repeat: no-repeat;
			background-position: left bottom;
		}
		#content > div > div.image > div.bg_1,
		#overlay > div > div.bg_1
		{
			width: 790px;
			height: 327px;
			background-color: white;
			top: 136px;
			left: 0px;
		}
		#content > div > div.image > div.bg_2,
		#overlay > div > div.bg_2
		{
			width: 327px;
			height: 136px;
			background-color: white;
			top: 0px;
			left: 136px;
		}
		#content > div > div.image > div.horizontal,
		#overlay > div > div.horizontal
		{
			width: 463px;
			height: 327px;
			top: 136px;
			left: 0px;
			background-position: left bottom;
		}
		#content > div > div.image > div.vertical,
		#overlay > div > div.vertical
		{
			width: 327px;
			height: 463px;
			top: 0px;
			left: 136px;
			background-position: right bottom;
		}

		#content > div > div.image > div.gif,
		#overlay > div > div.gif {
			background-size: cover;
		}
		
		#content > div > div.image > div.panorama,
		#overlay > div > div.panorama
		{
			width: 790px;
			height: 327px;
			top: 136px;
			left: 0px;
		}
		
		#overlay > div > div.loading,
		#content > div > div.image > div.loading
		{
			background: white url("img/ajax-loader-big.gif?v1") no-repeat center center;
		}
		
		#content-wrapper div > div.image > div > div.news-text
		{
			background: url("img/overlay.png");
			font-family: "DinPro";
			font-weight: normal;
			color: white;
			text-transform: uppercase;
			position: absolute;
			bottom: 0px;
			right: 0px;
			left: 0px;
			line-height: 1.1;
		}
		#content-wrapper div > div > div > div.movie-button
		{
			position: absolute;
			display: block;
			top: 50%;
			left: 50%;
			width: 84px;
			height: 84px;
			margin-left: -42px;
			margin-top: -42px;
			cursor: pointer;
			background: url("img/arrow-movie2.png?v2") no-repeat left top;
			/*opacity: 0.5;
			filter: alpha(opacity = 50);*/
		}
			#content-wrapper div > div.image > div > div.movie-button:hover
			{
				/*-webkit-transition: opacity 0.3s;
				-moz-transition: opacity 0.3s;
				-ms-transition: opacity 0.3s;
				-o-transition: opacity 0.3s;
				transition: opacity 0.3s;
				opacity: 1;
				filter: none;*/
				background-position: left bottom;
			}
		#content-wrapper div > div.image > div > div.news-text > div
		{
			padding: 11px 15px;
		}
		/*#content-wrapper div > div.image > div > div.news-text span
		{
			color: red;
			font-family: "DinPro";
		}*/
		#content-wrapper > div div.link,
		#content-wrapper > div > div > div > div
		{
			cursor: pointer;
		}
		#content-wrapper > div div.no-link,
		#content-wrapper > div.no-link > div > div > div
		{
			cursor: default;
		}
		#content-wrapper div.link > div div.news-text:hover span,
		#content-wrapper div.external-link > div div.news-text:hover span
		{
			color: white !important;
			-webkit-transition: color 0.3s;
			-moz-transition: color 0.3s;
			-ms-transition: color 0.3s;
			-o-transition: color 0.3s;
			transition: color 0.3s;
		}
		#content-wrapper div > div.image > div.horizontal > div.news-text > div,
		#content-wrapper div > div.image > div.panorama > div.news-text > div
		{
			margin-left: 136px;
		}
		#content-wrapper div > div.image > div.panorama > div.news-text > div
		{
			margin-right: 342px;
		}
		
		#content-wrapper div > div.image > div > div.news-text
		{
			/*display: table;
			position: relative;*/
			min-height: 74px;
			height: 74px;
			overflow: hidden;
		}
		#content-wrapper div > div.image > div > div.news-text > div
		{
			width: 297px;
			/*display: table-cell;
			vertical-align: bottom;*/
			position: absolute;
			bottom: 0px;
			left: 0px;
		}
		
		#content-wrapper div > div.image > div > div.news-text-right > div
		{
			text-align: right;
		}
		
	#overlay > div,
	#overlay > div.stop,
	#content > div > div.active
	{
		display: block;
		z-index: 2;
	}
	#overlay > div.stop
	{
		z-index: 1;
	}
	#overlay > div.active
	{
		z-index: 2;
	}
	#overlay > div.over
	{
		z-index: 3;
	}
	
	#overlay > div.loading > div > div.loader
	{
		background: white url("img/ajax-loader-big.gif") no-repeat center center;
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		opacity: 0.5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
	}
	#overlay > div.loaded > div > div.loader
	{
		display: none;
	}
		/*#overlay > div.loading > div > div.loader > div
		{
			background: url("img/ajax-loader-big.gif") no-repeat center center;
			position: absolute;
			top: 0px;
			bottom: 0px;
			left: 0px;
			right: 0px;
		}*/
	
#bottom-navigation
{
	width: 789px;
	float: right;
	height: 32px;
	text-align: left;
	line-height: 32px;
	font-size: 12px;
	position: relative;
	display: block;
	clear: both;
	margin-right: 12px;
	visibility: hidden;
	background-color: white;
	/*opacity: 1 !important;*/
}
#bottom-navigation span
{
	padding: 0px;
	display: block;
	width: auto;
	float: left;
	text-align: right;
}
#arrow-left, #arrow-right
{
	bottom: auto;
	left: auto;
	top: auto;
	right: auto;
	display: block;
	position: relative;
	margin: 0px;
	float: left;
}
	#max-slide
	{
		text-align: left;
	}
	#current-slide
	{
		text-align: right;
	}
	html.small #current-slide, html.small #max-slide
	{
		min-width: 14px;
	}
/*html.small #arrow-left
{
	background-image: url("img/arrow-left-2.png?v2");
}
html.small #arrow-right
{
	background-image: url("img/arrow-right-2.png?v2");
}*/
#bottom-navigation #max-slide
{
	text-align: left;
}
#bottom-navigation img
{
	background: url("img/numeration-separator.png") no-repeat top center;
	width: 1px;
	height: 15px;
	padding: 0px 5px;
	vertical-align: middle;
}

#order-date, #order-order
{
	position: absolute;
	bottom: -2px;
	right: 15px;
	display: none;
	background-color: white;
}
#mp3
{
	line-height: 28px;
	position: absolute;
	bottom: 10px;
	right: 0px;
	width: 28px;
	height: 28px;
	white-space: nowrap;
	background: url("img/robert-o-projekcie.png") no-repeat left top;
	display: none;
	z-index: 4;
}
#mp3.active
{
	/*display: block;*/
	background-position: left bottom;
}
	#mp3 span
	{
		position: absolute;
		right: 8px;
		padding-right: 28px;
		top: 0px;
		font-family: "DINPro", sans-serif;
		color: #000000;
	}

/*
.news-slides li
{
	display: block;
	height: 110px;
	background-position: left top;
	background-repeat: no-repeat;
	margin-top: 3px;
}
.news-slides li a
{
	display: block;
	height: 110px;
	padding-left: 210px;
}
.news-slides li:first-child
{
	margin-top: 0px;
}
.news-slides li a:hover span
{
	color: black;	
}
.news-slides li a span span
{
	padding-left: 1px;
	padding-right: 1px;
}
*/

#single-wrapper
{
	padding: 50px;
	padding-top: 0px;
	text-align: justify;
	max-width: 600px;
}
#single-wrapper strong.title
{
	font-family: "DINPro-Bold", sans-serif;
	/*font-weight: bold;*/
	display: block;
}
#logo img
{
	width: 129px;
	height: 83px;
}
	html.small #logo img
	{
		background: url("img/logo.png") no-repeat center center;
	}

/**
 * 	Selection issue
 */
::selection 
{
	background: transparent;
	}
::-moz-selection 
{
	background: transparent;
}

*.unselectable, header, img
{
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}

/**
 * 	Publications fix
 */
ul.inset li > a,
ul.inset li > span
{
	display: block;
	text-indent: -27px;
	padding-left: 27px;
}
#related-menu-20 li > a:first-line,
#related-menu-20 li > span:first-line
{
	
	/*color: red;*/
}


/**
 * 	Youtube
 */
.movie
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	bottom: 0px;
}


/**
 * 	Loading class
 */
body.loader
{
	background: white url("img/ajax-loader-big.gif?v1") no-repeat center center;
}
body.loading #logo,
body.loading #language-facebook ul,
body.loading #menu-wrapper ul,
body.loading #submenu-wrapper,
body.loading #content-wrapper,
body.loading #bottom-navigation,
body.loading #bg-wrapper
{
	visibility: hidden;
}


/**
 * 	Newsletter
 */
input
{
	font-family: "DINPro", sans-serif;
	font-size: 100%;
	border: 0px;
	background: white;
	padding: 0px;
}
#newsletter_email
{
	color: #979899;
}
#newsletter_email:focus
{
	color: #000000;
}

/* ###################  MEDIUM #################### */
html.medium body
{
	font-size: 14px;
	min-height: 605px;
}

html.medium #main-wrapper
{
	width: 1358px;
}
	html.medium #bg-wrapper
	{
		background: url("img/medium-bg.gif") no-repeat right top;
	}
	html.medium #main-wrapper.css
	{
		margin-top: -302px;
		margin-left: -679px;
	}
	html.medium #header-wrapper
	{
		padding-left: 178px;
		height: 161px;
	}
		html.medium #mask_1
		{
			right: 778px;
			width: 161px;
			height: 161px;
		}
		html.medium #mask_2
		{
			width: 388px;
			height: 161px;
		}
		html.medium hgroup h1, html.medium hgroup h2
		{
			font-size: 31px;
			line-height: 25px;
		}
		html.medium header ul
		{
			top: 133px;
			left: 418px;
		}
			html.medium header ul li
			{
				padding-right: 9px;
				line-height: 21px;
			}
			html.medium #facebook_icon
			{
				width: 16px;
				height: 16px;
				background-image: url("img/medium/facebook-logo2.png?v3");
			}
			html.medium #instagram_icon
			{
				width: 16px;
				height: 16px;
				background-image: url("img/medium/instagram-logo.png?v3");
			}
				html.medium header ul li span
				{
					padding: 0px 2px;
				}
html.medium #menu-wrapper
{
	width: 160px;
	position: relative;
	height: 388px;
	padding-right: 18px;
	float: left;
	padding-bottom: 2px;
}
	html.medium #menu-wrapper nav ul
	{
		line-height: 19px;
	}
	html.medium #menu-wrapper nav > ul
	{
		margin-top: -5px;
	}
html.medium #submenu-wrapper
{
	width: 225px;
	height: 388px;
	margin-top: -5px;
	padding-right: 18px;
}

html.medium #submenu-wrapper > nav
{
	height: 237px;
	padding-bottom: 10px;
}

html.medium #arrow-top span, html.medium #arrow-bottom span, html.medium #arrow-left span, html.medium #arrow-right span
{
	border-width: 5px;
}
html.medium #arrow-top, html.medium #arrow-bottom, html.medium #arrow-left, html.medium #arrow-right
{
	width: 16px;
	height: 16px;
	border-width: 11px;
	margin-left: -11px;
}

html.medium #arrow-top span
{
	margin-left: -5px;
}
html.medium #arrow-bottom span
{
	margin-left: -5px;
}
html.medium #arrow-left span
{
	margin-top: -5px;
}
html.medium #arrow-right span
{
	margin-top: -5px;
}


html.medium #arrow-top
{
	top: -33px;
	/*background-image: url("img/medium/arrow-top-2.png?v2");*/
}
html.medium #arrow-bottom
{
	bottom: -45px;
	/*background-image: url("img/medium/arrow-bottom-2.png?v2");*/	
}
	html.medium #submenu-wrapper nav ul
	{
		line-height: 19px;
	}
	html.medium #submenu-wrapper nav > ul
	{
		padding-bottom: 1px;
	}
html.medium #content-wrapper
{
	height: 549px;
	width: 937px;
	line-height: 19px;
}
	html.medium #content-wrapper > div, html.medium #overlay > div, html.medium #content > div
	{
		height: 549px;
		width: 937px;
	}
	html.medium #content > div > div, html.medium #overlay > div
	{
		width: 937px;
		height: 549px;
	}
		html.medium #content > div > div.text > div.bg
		{
			width: 937px;
			height: 388px;
			top: 161px;
		}
		html.medium #content > div > div.text > div.top
		{
			top: 0px;
			left: 161px;
			width: 388px;
			height: 161px;
		}
		html.medium #content > div > div.text > div.left
		{
			top: 161px;
			left: 0px;
			width: 161px;
			height: 388px;
		}
		html.medium #content > div > div.text > div.text_1
		{
			bottom: 13px;
			left: 179px;
			width: 352px;
			max-height: 361px;
		}
		html.medium #content > div > div.text > div.text_2,
		html.medium #overlay > div.text > div.text_2
		{
			bottom: 13px;
			left: 567px;
			width: 352px;
			max-height: 361px;
		}
		html.medium #content > div > div.image > div.bg_1,
		html.medium #overlay > div > div.bg_1
		{
			width: 937px;
			height: 388px;
			top: 161px;
		}
		html.medium #content > div > div.image > div.bg_2,
		html.medium #overlay > div > div.bg_2
		{
			width: 388px;
			height: 161px;
			left: 161px;
		}
		html.medium #content > div > div.image > div.horizontal,
		html.medium #overlay > div > div.horizontal
		{
			width: 549px;
			height: 388px;
			top: 161px;
		}
		html.medium #content > div > div.image > div.vertical,
		html.medium #overlay > div > div.vertical
		{
			width: 388px;
			height: 549px;
			left: 161px;
		}
		
		html.medium #content > div > div.image > div.panorama,
		html.medium #overlay > div > div.panorama
		{
			width: 937px;
			height: 388px;
			top: 161px;
		}
		html.medium #content-wrapper div > div.image > div > div.news-text > div,
		html.medium #content-wrapper div > div.image > div > div.external-link-text
		{
			padding: 13px 18px;
		}
		html.medium #content-wrapper div > div.image > div.horizontal > div.news-text > div,
		html.medium #content-wrapper div > div.image > div.horizontal > div.external-link-text > div,
		html.medium #content-wrapper div > div.image > div.panorama > div.news-text > div,
		html.medium #content-wrapper div > div.image > div.panorama > div.external-link-text > div
		{
			margin-left: 161px;
		}
		html.medium #content-wrapper div > div.image > div.panorama > div.news-text > div,
		html.medium #content-wrapper div > div.image > div.panorama > div.external-link-text > div
		{
			margin-right: 388px;
		}
		html.medium #content-wrapper div > div.image > div > div.news-text > div
		{
			width: 352px;
		}
		html.medium #content-wrapper div > div.image > div > div.news-text
		{
			min-height: 86px;
			height: 86px;
		}
		html.medium #content-wrapper div > div > div > div.movie-button
		{
			width: 101px;
			height: 100px;
			margin-left: -50px;
			margin-top: -50px;
			background: url("img/medium/arrow-movie2.png?v2") no-repeat left top;
		}
html.medium #bottom-navigation
{
	width: 936px;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	margin-right: 14px;
}
html.medium #bottom-navigation span
{
	padding: 0px;
}
html.medium #arrow-left, html.medium #arrow-right
{
	margin: 0px;
}
	html.medium #current-slide, html.medium #max-slide
	{
		min-width: 16px;
	}
/*
html.medium #arrow-left
{
	background-image: url("img/medium/arrow-left-2.png?v2");
}
html.medium #arrow-right
{
	background-image: url("img/medium/arrow-right-2.png?v2");
}*/
html.medium #bottom-navigation img
{
	background: url("img/numeration-separator.png") no-repeat top center;
	width: 1px;
	height: 18px;
	padding: 0px 5px;
}

html.medium #order-date, html.medium #order-order
{
	bottom: -2px;
	right: 18px;
}
html.medium #mp3
{
	line-height: 33px;
	bottom: 12px;
	width: 33px;
	height: 33px;
	background-image: url("img/medium/robert-o-projekcie.png");
}
	html.medium #mp3 span
	{
		right: 11px;
		padding-right: 33px;
	}
html.medium #logo img
{
	width: 151px;
	height: 97px;
	background: url("img/medium/logo.png") no-repeat center center;
}

/**
 * 	Publications fix
 */
html.medium ul.inset li > a,
html.medium ul.inset li > span
{
	display: block;
	text-indent: -31px;
	padding-left: 31px;
}
/* ###################  BIG #################### */
html.big body
{
	font-size: 16px;
	min-height: 699px;
}

html.big #main-wrapper
{
	width: 1573px;
}
	html.big #bg-wrapper
	{
		background: url("img/big-bg.gif") no-repeat right top;
	}
	html.big #main-wrapper.css
	{
		margin-top: -349px;
		margin-left: -785px;
	}
	html.big #header-wrapper
	{
		padding-left: 206px;
		height: 186px;
	}
		html.big #mask_1
		{
			right: 902px;
			width: 186px;
			height: 186px;
		}
		html.big #mask_2
		{
			width: 450px;
			height: 186px;
		}
		html.big hgroup h1, html.big hgroup h2
		{
			font-size: 36px;
			line-height: 29px;
		}
		html.big header ul
		{
			top: 154px;
			left: 484px;
		}
			html.big header ul li
			{
				padding-right: 10px;
				line-height: 24px;
			}
			html.big #facebook_icon
			{
				width: 20px;
				height: 20px;
				background-image: url("img/big/facebook-logo2.png?v3");
			}
			html.big #instagram_icon
			{
				width: 20px;
				height: 20px;
				background-image: url("img/big/instagram-logo.png?v3");
			}
				html.big header ul li span
				{
					padding: 0px 2px;
				}
html.big #menu-wrapper
{
	width: 185px;
	position: relative;
	height: 450px;
	padding-right: 21px;
	float: left;
	padding-bottom: 2px;
}
	html.big #menu-wrapper nav ul
	{
		line-height: 22px;
	}
	html.big #menu-wrapper nav > ul
	{
		margin-top: -5px;
	}
html.big #submenu-wrapper
{
	width: 260px;
	height: 450px;
	margin-top: -5px;
	padding-right: 21px;
}

html.big #submenu-wrapper > nav
{
	height: 274px;
	padding-bottom: 11px;
}
html.big #arrow-top, html.big #arrow-bottom, html.big #arrow-left, html.big #arrow-right
{
	width: 20px;
	height: 20px;
	border-width: 12px;
	margin-left: -13px;
}

html.big #arrow-top span, html.big #arrow-bottom span, html.big #arrow-left span, html.big #arrow-right span
{
	border-width: 6px;
}

html.big #arrow-top span
{
	margin-left: -6px;
	margin-top: 1px;
}
html.big #arrow-bottom span
{
	margin-left: -6px;
	margin-bottom: 1px;
}
html.big #arrow-left span
{
	margin-top: -6px;
	margin-left: 1px;
}
html.big #arrow-right span
{
	margin-top: -6px;
	margin-right: 1px;
}


html.big #arrow-top
{
	top: -38px;
	/*background-image: url("img/big/arrow-top-2.png?v2");*/	
}
html.big #arrow-bottom
{
	bottom: -51px;
	/*background-image: url("img/big/arrow-bottom-2.png?v2");*/	
}
	html.big #submenu-wrapper nav ul
	{
		line-height: 22px;
	}
	html.big #submenu-wrapper nav > ul
	{
		padding-bottom: 0px;
	}
html.big #content-wrapper
{
	height: 636px;
	width: 1086px;
	line-height: 22px;
}
	html.big #content-wrapper > div, html.big #overlay > div, html.big #content > div
	{
		height: 636px;
		width: 1086px;
	}
	html.big #content > div > div, html.big #overlay > div
	{
		width: 1086px;
		height: 636px;
	}
		html.big #content > div > div.text > div.bg
		{
			width: 1086px;
			height: 450px;
			top: 186px;
		}
		html.big #content > div > div.text > div.top
		{
			top: 0px;
			left: 186px;
			width: 450px;
			height: 186px;
		}
		html.big #content > div > div.text > div.left
		{
			top: 186px;
			left: 0px;
			width: 186px;
			height: 450px;
		}
		html.big #content > div > div.text > div.text_1
		{
			bottom: 16px;
			left: 207px;
			width: 408px;
			max-height: 417px;
		}
		html.big #content > div > div.text > div.text_2,
		html.big #overlay > div.text > div.text_2
		{
			bottom: 16px;
			left: 657px;
			width: 408px;
			max-height: 417px;
		}
		html.big #content > div > div.image > div.bg_1,
		html.big #overlay > div > div.bg_1
		{
			width: 1086px;
			height: 450px;
			top: 186px;
		}
		html.big #content > div > div.image > div.bg_2,
		html.big #overlay > div > div.bg_2
		{
			width: 450px;
			height: 186px;
			left: 186px;
		}
		html.big #content > div > div.image > div.horizontal,
		html.big #overlay > div > div.horizontal
		{
			width: 636px;
			height: 450px;
			top: 186px;
		}
		html.big #content > div > div.image > div.vertical,
		html.big #overlay > div > div.vertical
		{
			width: 450px;
			height: 636px;
			left: 186px;
		}
		
		html.big #content > div > div.image > div.panorama,
		html.big #overlay > div > div.panorama
		{
			width: 1086px;
			height: 450px;
			top: 186px;
		}
		html.big #content-wrapper div > div.image > div > div.news-text > div,
		html.big #content-wrapper div > div.image > div > div.external-link-text
		{
			padding: 16px 21px;
		}
		html.big #content-wrapper div > div.image > div.horizontal > div.news-text > div,
		html.big #content-wrapper div > div.image > div.horizontal > div.external-link-text > div,
		html.big #content-wrapper div > div.image > div.panorama > div.news-text > div,
		html.big #content-wrapper div > div.image > div.panorama > div.external-link-text > div
		{
			margin-left: 186px;
		}
		html.big #content-wrapper div > div.image > div.panorama > div.news-text > div,
		html.big #content-wrapper div > div.image > div.panorama > div.external-link-text > div
		{
			margin-right: 450px;
		}
		html.big #content-wrapper div > div.image > div > div.news-text > div
		{
			width: 408px;
		}
		html.big #content-wrapper div > div.image > div > div.news-text
		{
			min-height: 104px;
			height: 104px;
		}
		html.big #content-wrapper div > div > div > div.movie-button
		{
			width: 115px;
			height: 114px;
			margin-left: -57px;
			margin-top: -57px;
			background: url("img/big/arrow-movie2.png?v2") no-repeat left top;
		}
html.big #bottom-navigation
{
	width: 1084px;
	height: 44px;
	line-height: 44px;
	font-size: 16px;
	margin-right: 16px;
}
html.big #bottom-navigation span
{
	padding: 0px;
}
html.big #arrow-left, html.big #arrow-right
{
	margin: 0px;
}
	html.big #current-slide, html.big #max-slide
	{
		min-width: 18px;
	}
/*
html.big #arrow-left
{
	background-image: url("img/big/arrow-left-2.png?v2");
}
html.big #arrow-right
{
	background-image: url("img/big/arrow-right-2.png?v2");
}*/
html.big #bottom-navigation img
{
	background: url("img/numeration-separator.png") no-repeat top center;
	width: 1px;
	height: 21px;
	padding: 0px 5px;
}

html.big #order-date, html.big #order-order
{
	bottom: -2px;
	right: 21px;
}
html.big #mp3
{
	line-height: 38px;
	bottom: 14px;
	width: 38px;
	height: 38px;
	background-image: url("img/big/robert-o-projekcie.png");
}
	html.big #mp3 span
	{
		right: 14px;
		padding-right: 38px;
	}
html.big #logo img
{
	width: 176px;
	height: 113px;
	background: url("img/big/logo.png") no-repeat center center;
}

/**
 * 	Publications fix
 */
html.big ul.inset li > a,
html.big ul.inset li > span
{
	display: block;
	text-indent: -36px;
	padding-left: 36px;
}
/* ###################  BIGGEST #################### */

html.biggest body
{
	font-size: 18px;
	min-height: 795px;
}

html.biggest #main-wrapper
{
	width: 1791px;
}
	html.biggest #bg-wrapper
	{
		background: url("img/biggest-bg.gif") no-repeat right top;
	}
	html.biggest #main-wrapper.css
	{
		margin-top: -397px;
		margin-left: -893px;
	}
	html.biggest #header-wrapper
	{
		padding-left: 234px;
		height: 212px;
	}
		html.biggest #mask_1
		{
			right: 1026px;
			width: 212px;
			height: 212px;
		}
		html.biggest #mask_2
		{
			width: 512px;
			height: 212px;
		}
		html.biggest hgroup h1, html.biggest hgroup h2
		{
			font-size: 41px;
			line-height: 33px;
		}
		html.biggest header ul
		{
			top: 175px;
			left: 552px;
		}
			html.biggest header ul li
			{
				padding-right: 12px;
				line-height: 27px;
			}
			html.biggest #facebook_icon
			{
				width: 24px;
				height: 24px;
				background-image: url("img/biggest/facebook-logo2.png?v3");
			}
			html.biggest #instagram_icon
			{
				width: 24px;
				height: 24px;
				background-image: url("img/biggest/instagram-logo.png?v3");
			}
				html.biggest header ul li span
				{
					padding: 0px 2px;
				}
html.biggest #menu-wrapper
{
	width: 211px;
	position: relative;
	height: 512px;
	padding-right: 24px;
	float: left;
	padding-bottom: 2px;
}
	html.biggest #menu-wrapper nav ul
	{
		line-height: 25px;
	}
	html.biggest #menu-wrapper nav > ul
	{
		margin-top: -6px;
	}
html.biggest #submenu-wrapper
{
	width: 296px;
	height: 512px;
	margin-top: -6px;
	padding-right: 24px;
}

html.biggest #submenu-wrapper > nav
{
	height: 312px;
	padding-bottom: 13px;
}
html.biggest #arrow-top, html.biggest #arrow-bottom, html.biggest #arrow-left, html.biggest #arrow-right
{
	width: 24px;
	height: 24px;
	border-width: 13px;
	margin-left: -15px;
}

html.biggest #arrow-top span, html.biggest #arrow-bottom span, html.biggest #arrow-left span, html.biggest #arrow-right span
{
	border-width: 8px;
}

html.biggest #arrow-top span
{
	margin-left: -8px;
}
html.biggest #arrow-bottom span
{
	margin-left: -8px;
}
html.biggest #arrow-left span
{
	margin-top: -8px;
}
html.biggest #arrow-right span
{
	margin-top: -8px;
}

html.biggest #arrow-top
{
	top: -44px;
	/*background-image: url("img/biggest/arrow-top-2.png?v2");*/	
}
html.biggest #arrow-bottom
{
	bottom: -58px;
	/*background-image: url("img/biggest/arrow-bottom-2.png?v2");*/	
}
	html.biggest #submenu-wrapper nav ul
	{
		line-height: 25px;
	}
	html.biggest #submenu-wrapper nav > ul
	{
		padding-bottom: 0px;
	}
html.biggest #content-wrapper
{
	height: 724px;
	width: 1236px;
	line-height: 25px;
}
	html.biggest #content-wrapper > div, html.biggest #overlay > div, html.biggest #content > div
	{
		height: 724px;
		width: 1236px;
	}
	html.biggest #content > div > div, html.biggest #overlay > div
	{
		width: 1236px;
		height: 724px;
	}
		html.biggest #content > div > div.text > div.bg
		{
			width: 1236px;
			height: 512px;
			top: 212px;
		}
		html.biggest #content > div > div.text > div.top
		{
			top: 0px;
			left: 212px;
			width: 512px;
			height: 212px;
		}
		html.biggest #content > div > div.text > div.left
		{
			top: 212px;
			left: 0px;
			width: 212px;
			height: 512px;
		}
		html.biggest #content > div > div.text > div.text_1
		{
			bottom: 19px;
			left: 236px;
			width: 464px;
			max-height: 475px;
		}
		html.biggest #content > div > div.text > div.text_2,
		html.biggest #overlay > div.text > div.text_2
		{
			bottom: 19px;
			left: 748px;
			width: 464px;
			max-height: 475px;
		}
		html.biggest #content > div > div.image > div.bg_1,
		html.biggest #overlay > div > div.bg_1
		{
			width: 1236px;
			height: 512px;
			top: 212px;
		}
		html.biggest #content > div > div.image > div.bg_2,
		html.biggest #overlay > div > div.bg_2
		{
			width: 512px;
			height: 212px;
			left: 212px;
		}
		html.biggest #content > div > div.image > div.horizontal,
		html.biggest #overlay > div > div.horizontal
		{
			width: 724px;
			height: 512px;
			top: 212px;
		}
		html.biggest #content > div > div.image > div.vertical,
		html.biggest #overlay > div > div.vertical
		{
			width: 512px;
			height: 724px;
			left: 212px;
		}
		
		html.biggest #content > div > div.image > div.panorama,
		html.biggest #overlay > div > div.panorama
		{
			width: 1236px;
			height: 512px;
			top: 212px;
		}
		html.biggest #content-wrapper div > div.image > div > div.news-text > div,
		html.biggest #content-wrapper div > div.image > div > div.external-link-text
		{
			padding: 19px 34px;
		}
		html.biggest #content-wrapper div > div.image > div.horizontal > div.news-text > div,
		html.biggest #content-wrapper div > div.image > div.horizontal > div.external-link-text > div,
		html.biggest #content-wrapper div > div.image > div.panorama > div.news-text > div,
		html.biggest #content-wrapper div > div.image > div.panorama > div.external-link-text > div
		{
			margin-left: 212px;
		}
		html.biggest #content-wrapper div > div.image > div.panorama > div.news-text > div,
		html.biggest #content-wrapper div > div.image > div.panorama > div.external-link-text > div
		{
			margin-right: 512px;
		}
		html.biggest #content-wrapper div > div.image > div > div.news-text > div
		{
			width: 444px;
		}
		html.biggest #content-wrapper div > div.image > div > div.news-text
		{
			min-height: 118px;
			height: 118px;
		}
		html.biggest #content-wrapper div > div > div > div.movie-button
		{
			width: 133px;
			height: 132px;
			margin-left: -66px;
			margin-top: -66px;
			background: url("img/biggest/arrow-movie2.png?v2") no-repeat left top;
		}
html.biggest #bottom-navigation
{
	width: 1233px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	margin-right: 18px;
}
html.biggest #bottom-navigation span
{
	padding: 0px;
}
html.biggest #arrow-left, html.biggest #arrow-right
{
	margin: 0px;
}
	html.biggest #current-slide, html.biggest #max-slide
	{
		min-width: 20px;
	}
/*
html.biggest #arrow-left
{
	background-image: url("img/biggest/arrow-left-2.png?v2");
}
html.biggest #arrow-right
{
	background-image: url("img/biggest/arrow-right-2.png?v2");
}*/
html.biggest #bottom-navigation img
{
	background: url("img/numeration-separator.png") no-repeat top center;
	width: 1px;
	height: 24px;
	padding: 0px 5px;
}

html.biggest #order-date, html.biggest #order-order
{
	bottom: -2px;
	right: 24px;
}
html.biggest #mp3
{
	line-height: 43px;
	bottom: 16px;
	width: 43px;
	height: 43px;
	background-image: url("img/biggest/robert-o-projekcie.png");
}
	html.biggest #mp3 span
	{
		right: 17px;
		padding-right: 43px;
	}
html.biggest #logo img
{
	width: 201px;
	height: 129px;
	background: url("img/biggest/logo.png") no-repeat center center;
}

/**
 * 	Publications fix
 */
html.biggest ul.inset li > a,
html.biggest ul.inset li > span
{
	display: block;
	text-indent: -40px;
	padding-left: 40px;
}

/**
 * 	Links
 */

#content-wrapper div.link > div div.news-text span.kwk-grey-link,
#content-wrapper div.external-link > div div.news-text span.kwk-grey-link
{
	color: #c0c0c0 !important;
}
#content-wrapper div.link > div div.news-text:hover span.kwk-grey-link,
#content-wrapper div.external-link > div div.news-text:hover span.kwk-grey-link
{
	color: #fe0000 !important;
	font-family: "DINPro-Bold" !important;
}