html, body {
	margin: 0px auto;
	width: 780px;
	-webkit-box-shadow: 0 0 2em rgba( 0, 0, 0, .1 );
	-moz-box-shadow: 0 0 2em rgba( 0, 0, 0, .1 );
	box-shadow: 0 0 2em rgba( 0, 0, 0, 0.1 );
	font-family: 'Roboto', sans-serif;
}
html {
	background-color: #f7eee3;
}
body {
	background: url(../img/background.jpg) repeat-y;
}
.header {
	padding: 20px 0px;
	text-align: center;
	color: white;
	background-color: #b44d46;
}
.header h1 {
	margin: 0px;
/*	text-transform: uppercase;*/
}
.pattern {
	width: 100%;
	height: 66px;
	background: url(../img/pattern.png) repeat-x;
	border-bottom: #b44d46 2px solid;
}

/** CONTENT **/
.content {
	padding: 10px 20px;
	text-align: justify;
	font-weight: bold;
}

.content img {
	-webkit-box-shadow: 0 0 1em rgba( 0, 0, 0, .75 );
	-moz-box-shadow: 0 0 1em rgba( 0, 0, 0, .75 );
	box-shadow: 0 0 1em rgba( 0, 0, 0, .75 );
}

.content p img {
	margin: 10px;
}

p {
	margin: 0px;
	padding-bottom: 8px;
	text-indent: 2em;
}

ul {
	margin: 0px;
	padding: 30px;
	list-style: none;
	text-align: center;
}

ul li {
	padding-bottom: 20px;
}

li a {
	color: black;
}

div.ru, div.ru a {
	color: black;
}

div.fi, div.fi a {
	color: #b44d46;
}

p img {
	float: left;
}

.nav a {
	font-weight: bold;
	color: #b44d46;
}
/** FOOTER **/
.footer {
/*	text-align: right;*/
	color: white;
	background-color: #b44d46;
}

.footer p {
	text-indent: 0em;
}
#imagelightbox
{
	cursor: pointer;
	position: fixed;
	z-index: 10000;

	-ms-touch-action: none;
	touch-action: none;

	-webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 );
	-moz-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 );
	box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 );
}

#imagelightbox-caption
{
	margin: 0px auto;
	width: 780px;
	display: none;
	text-align: center;
	color: #fff;
	background-color: #666;
	position: fixed;
	z-index: 10001;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0.625em;
}


/** Purecss custom **/
.pure-g, .pure-g-r {text-align: center;}

.pure-g div:first-child, .pure-g-r div:first-child {text-align: left;}
.pure-g div:last-child, .pure-g-r div:last-child {text-align: right;}

.pure-g img, .pure-g-r img {margin: 0px;width: auto !important;width:100%;max-width: 100%;}

.pure-g > div, .pure-g-r > div {
	padding: 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@media (max-width:780px){
	html, body {width:500px; margin:0px auto;}
	body {background: #f8dfbe;}
	.header {padding: 4px 0px;}
	.pattern {height: 50px; background: url(../img/pattern-small.png) repeat-x;}
	.content {padding: 4px 8px;}
	ul {margin: 0px; padding: 10px;}
	ul li {padding-bottom: 10px;}
	div .fotos img {max-width:63%;}
	.pure-g div:first-child, .pure-g-r div:first-child,
	.pure-g div:last-child, .pure-g-r div:last-child {text-align: center;}
	#imagelightbox-caption {width: 500px;}
}