/* Glowne */

	@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,600,600i&subset=latin-ext');

	html, body
	{
		width: 100%;
		height: 100%;

		margin: 0px;
		padding: 0px;
	}

	body
	{
		font-family: "Raleway", sans-serif;
		font-size: 16px;
		font-weight: 300;
		color: rgb(0,0,0);
		line-height: 180%;

		background-color: rgb(255,255,255);
		background-image: url("paper.png");
	}

	.clean
	{
		width: 1px;
		height: 1px;
		font-size: 1px;
		display: block;
		clear: both;
		margin: 0px;
		padding: 0px;
	}

/* Stale */

	h1, h2
	{
		display: block;

		margin: 0px;

		padding: 0px;
		padding-bottom: 20px;

		color: rgb(0,0,0);
		font-family: "Raleway", sans-serif;
		font-size: 3.0rem;
		font-weight: 300;
		text-decoration: none;
		text-align: left;
		line-height: 100%;
	}

	p
	{
		display: block;

		margin: 0px;
		margin-bottom: 20px;

		padding: 0px;

		text-align: left;
	}

	p.nomargin, .contentMedium p:last-of-type
	{
		margin-bottom: 0px;
	}

	p.noline
	{
		line-height: 0px;
	}

	p.bigger
	{
		font-size: 1.5rem;
		line-height: 150%;
	}

	strong
	{
		font-weight: 600;
	}

	sup
	{
		vertical-align: top;
		font-size: 0.6rem;
	}

	a, a:link, a:visited, a:active
	{
		display: inline-block;

		color: rgb(0,0,0);
		text-decoration: none;

		border-style: none;
		border-width: 0px;

		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: rgb(0,0,0);
	}

	a:hover
	{
		color: rgb(92,30,202);
		text-decoration: none;
		border-bottom-color: rgb(92,30,202);
	}

	img, iframe
	{
		max-width: 100%;

		border-style: none;
		border-width: 0px;
	}

/* Tla */

	.bodyTloA, .bodyTloB
	{
		position: absolute;

		top: 0px;
		left: 0px;

		width: 100%;

		margin: 0px;
		padding: 0px;
	}

	.bodyTloA
	{
		background-color: rgb(92,30,202);

		background: -webkit-linear-gradient(141deg, rgb(30,202,108), rgb(92,30,202)); /*Safari 5.1-6*/
		background: -o-linear-gradient(141deg, rgb(30,202,108), rgb(92,30,202)); /*Opera 11.1-12*/
		background: -moz-linear-gradient(141deg, rgb(30,202,108), rgb(92,30,202)); /*Fx 3.6-15*/
		background: linear-gradient(141deg, rgb(30,202,108), rgb(92,30,202)); /*Standard*/
	}

	.headerTlo, .contentTlo, .footerTlo
	{
		display: block;
		max-width: 100%;

		margin: 0px;
		padding: 0px;
	}

/* Boxy trzymajace */

	.header, .content, .footer
	{
		display: block;

		max-width: 1200px;

		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;

		padding: 0px;
	}

/* Header */

	.headerLogo
	{
		display: block;
		float: left;

		width: 200px;
		height: 61px;

		margin: 20px;
		padding: 0px;
	}

	.headerLogo a
	{
		display: block;

		width: 200px;
		height: 61px;

		border-bottom-style: none;
		border-bottom-width: 0px;
	}

	/* menu */

	.headerMenu
	{
		display: block;
		float: left;

		margin: 20px;
		margin-top: 0px;

		padding: 0px;
	}

	.normal
	{
		display: block;

		margin: 0px;
		padding: 0px;
	}

	.normal div
	{
		display: block;
		float: left;

		margin: 0px;
		margin-right: 20px;

		padding: 0px;
	}

	.normal div a
	{
		display: inline-block;

		margin: 0px;

		padding: 0px;
		padding-bottom: 2px;

		color: rgb(255,255,255);
		font-size: 1.2rem;
		text-decoration: none;

		border-style: none;
		border-width: 0px;

		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: transparent;
	}

	.normal div a:link, .normal div a:visited, .normal div a:active, .normal div a:hover
	{
		text-decoration: none;
	}

	/* opacity */

	.headerLogo, .headerMenu, .backAnimation
	{
		opacity: 0;
		filter: alpha(opacity=0);
	}

/* Projekty */

	.project
	{
		display: block;
		float: left;

		width: 580px;
		max-width: 100%;

		height: 386px;

		margin: 0px;
		padding: 0px;
	}

	.projectBox
	{
		position: relative;

		width: 100%;
		height: 100%;

		margin: 0px;
		padding: 0px;
	}

	.projectLink, .projectDesc, .projectColo, .projectImag
	{
		position: absolute;

		width: 100%;
		height: 100%;

		top: 0px;
		left: 0px;

		margin: 0px;
		padding: 0px;
	}

	.projectLink a
	{
		display: block;

		width: 100%;
		height: 100%;

		border-bottom-style: none;
		border-bottom-width: 0px;
	}

	.projectColo
	{
		opacity: 0;
		filter: alpha(opacity=0);
	}

	.projectDesc h2
	{
		display: block;
		float: left;

		color: rgb(0,0,0);
		font-weight: 300;
		font-size: 1.2rem;

		margin: 20px;
		margin-bottom: 0px;

		padding: 10px;
		padding-right: 15px;
		padding-left: 15px;

		background-color: rgb(255,255,255);

		opacity: 0;
		filter: alpha(opacity=0);
	}

	.contentMedium p.projectHash
	{
		color: rgb(150,150,150);
	}

	.contentMedium .projectDesc p.projectHash
	{
		margin: 20px;
		margin-top: 1px;

		padding: 0px;

		color: rgb(255,255,255);
		font-weight: 300;
		font-size: 0.8rem;

		opacity: 0;
		filter: alpha(opacity=0);
	}

	p.projectHash strong
	{
		font-weight: 300;
	}

/* Content */

	.contentMedium
	{
		display: block;

		max-width: 1160px;

		margin-top: 0px;
		margin-right: 20px;
		margin-bottom: 0px;
		margin-left: 20px;

		padding: 0px;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.contentTlo.backAnimation .contentMedium
	{
		padding-top: 0px;
	}

	.contentTlo.backAnimation .contentMedium p
	{
		color: rgba(255,255,255,0.5);
		font-size: 3rem;
		line-height: 100%;
	}

	.contentTlo.backAnimation .contentMedium p.noline
	{
		line-height: 0px;
	}

	.contentMedium div.fb-like
	{
		margin-top: 5px;
	}

	.contentSchema
	{
		margin: 0px;
		padding: 0px;
	}

	.contentPagination
	{
		display: block;

		max-width: 100%;

		margin: 0px;
		padding: 0px;
	}

	.contentPagination a
	{
		display: inline-block;

		margin: 0px;
		margin-right: 1px;

		padding: 10px;
		padding-right: 21px;
		padding-left: 21px;

		color: rgb(255,255,255);
		font-size: 0.8rem;
		text-decoration: none;

		background-color: rgb(30,202,108);

		border-bottom-style: none;
		border-bottom-width: 0px;
	}

	.contentPagination a:link, .contentPagination a:visited, .contentPagination a:active
	{
		color: rgb(255,255,255);
		text-decoration: none;
	}

	.contentPagination a:hover
	{
		background-color: rgb(92,30,202);
	}

/* Footer */

	.footer
	{
		margin-bottom: 40px;
	}

	.footerBox
	{
		display: block;
		float: left;

		width: 400px;

		margin: 0px;
		padding: 0px;
	}

	.footerBox p
	{
		color: rgb(100,100,100);

		margin-bottom: 0px;

		padding-top: 0px;
		padding-right: 20px;
		padding-bottom: 0px;
		padding-left: 20px;
	}

	.footerBox p a, .footerBox p a:link, .footerBox p a:visited, .footerBox p a:active, .footerBox p a:hover
	{
		color: rgb(92,30,202);
		text-decoration: none;

		border-bottom-style: none;
		border-bottom-width: 0px;
	}

	.footerBox p a:hover
	{
		color: rgb(0,0,0);
	}

	.footerBox div.fb-like
	{
		margin-top: 5px;
		margin-right: 20px;
		margin-left: 20px;
	}

@media only screen and (max-width: 1190px)
{
	h1, h2, .contentTlo.backAnimation .contentMedium p
	{
		font-size: 1.5rem;
	}

	.project, img.projectImagImg
	{
		display: block;
		float: none;

		width: 100%;
	}

	.footerBox
	{
		max-width: 100%;
	}
}