@charset "utf-8";
/* CSS Document */
header, section, footer, aside, nav, article, figure, figcaption, main {
	display: block;}

html, body { 
    margin: 0px; 
	padding: 0px; 
	border: 0px; 
	width:100%;
	height:100%;}
	
#page {
	width: 100%;}
	
img {border: none;}

a {
	text-decoration: none;}

.header-wrapper {
	width: 100%;
    margin-bottom: -4px;
	background: url(../images/header-image.png) no-repeat top;}
	
header.page-header {
	width: 960px;
	margin: auto;}

.logo {
	width: 100%;
	text-align: center;
	padding-top:40px;}

nav.main-navigation {
	width: 960px;
	margin: auto;
	padding-top: 33px;}
	
nav.main-navigation ul {
	list-style: none;
}
	
	
nav.main-navigation li {
	display: inline;
	margin-right: 14px;}
	
nav.main-navigation li a {
	font-size: 13px;
	font-family: 'Droid Serif';
	
	letter-spacing: 0.08em;
	text-transform: uppercase;}

nav.main-navigation li a.active {
	color: #2E1B1F;}

.aktive{
	color: #804B54;
	}
.aktivejo{
	color: 	#D4B6AB;
	}				

	
.galleryContainer {
	margin: 40px auto;
	width: 960px;}
	
.galleryPreviewContainer {
    position: relative;}

.galleryPreviewImage img {
    display: none;
	box-shadow: 2px 2px 2px 0 #c1c1c1;
	position: relative;
	top:0;
	left:0;
}
.galleryPreviewImage {
	overflow:hidden;
	width:960px;
	height:639px;
}

	
img.previewImage1 {
	display: block;
}

.galleryNavigationBullets {
	text-align: center;
	position: relative;
	bottom: 45px;
	z-index:9999;
}
.galleryNavigationBullets span {
	display: none;
}
.galleryNavigationBullets a {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 3px;
	background: #fff;
}
.galleryNavigationBullets a:hover,
.galleryNavigationBullets a.active {
	background: #D4B6AB;
}
			
.dark-veil {
  background-color: rgba(0, 0, 0, 0.5);
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index:1000;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.dark-veil img {
    vertical-align: middle;}


.image-galleries {
	width: 960px;
	margin: auto;
	position: relative;
	bottom: 43px;}

.floatLeft {
	width: 310px;
	height: 206px;
	box-shadow: 2px 2px 2px 0 #c1c1c1;
	float: left;
	position: relative;
	margin-bottom:15px;
	overflow:hidden; }


.qender {
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 15px;
}

	
.central {
	margin-top: 0;
	margin-right: 8px;
	margin-bottom: 0;
	margin-left: 8px;
}


	
.galleryVeil {
  background-color: rgba(0, 0, 0, 0.4);
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.galleryVeil h2 {
	padding-left: 30px;
	padding-top: 100px;
	font-size: 39px;
	font-family: 'Cookie';
	color: #fff;
	margin-bottom:0;}
	
.galleryVeil a {
	padding-left: 30px;
	margin-top: 0;
	font-size: 9px;
	font-family: 'Roboto';
	color: #fff;
	text-transform: uppercase;}
	
.footer-wrapper {
	width: 100%;
	clear: both;
    position: relative;
    height: 70px;
	margin-top: -3em;}

footer {
	width: 960px;
	margin: 30px auto;}
	
.footer-left {
	float: left;
	position: relative;
	bottom: 20px;}

.footer-left ul {
	float: left;
	list-style: none;
	padding-left: 0;}
	
.footer-left li {
	display: inline;
	margin-right: 12px;}
	
.footer-left li a {
	font-size: 10px;
	font-family: Roboto;
	text-transform: uppercase;
	color: #5D5D5D;
	letter-spacing: 0.06em;}	
	
.footer-left li.follow {
	font-size: 10px;
	font-family: Roboto;
	text-transform: uppercase;
	color: #AAAAAA;
	letter-spacing: 0.06em;
	margin-left: 17px;}
	
.footer-left li span {
	margin-right: 5px;}
	
.footer-left li img {
	vertical-align: middle;
	margin-right: 0px;}
			
.impuls {
	float: right;}

.impuls2 {
	float: right;
	position: relative;
	bottom: 5px;}
	
.impuls a, .impuls2 a {
    font-size: 10px;
	font-family: Roboto;
	color: rgba(93, 93, 93, 0.6);
	text-transform: uppercase;
	letter-spacing: 0.04em;}
	
.arrow {
	text-align: center;
	margin-top: 40px;}
	
.page-heading {
	width: 848px;
	margin: 0 auto 100px;}
	
.page-heading2 {
	width: 100%;
	text-align: center;}
	
.section-title{
	float: left;
}
	
.section-title h1 {
	font: 39px normal 'Cookie';
	color: #D3B6AB;
	padding-left: 5px;}	
	
.page-heading2 h1 {
	font: 39px normal 'Cookie';
	color: #D3B6AB;}
	
.turn-to-gallery {
	float: right;
	position: relative;
	bottom: -42px;}

.turn-to-gallery img, .go-top img {
	padding-right: 10px;}
	
.turn-to-gallery span, .go-top span {
	font: 14px normal 'Droid Serif';
	color: #B8B8B8;
	letter-spacing: 0.02em;}
	
.choosen-gallery {
	width: 878px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.photo-container {
	float:left;
	height: auto;
	box-shadow: 3px 3px 2px 0px #dddddd;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 30px;
	margin-left: 15px;
}
	
.photo-container img {
	display: block;}

.two-photo-container {
	width: 848px;
	height: 611px;
	margin: 0 auto 30px;}	
		
.left-container {
	float: left;
	width: 410px;
	box-shadow: 3px 3px 2px 0px #dddddd;}
	
.right-container {
	float: right;
	width: 410px;
	box-shadow: 3px 3px 2px 0px #dddddd;}
	
.two-photo-container img {
	display: block;}	
	
.go-top {
	width: 848px;
	margin: 0 auto 150px;}
	
.footer-wrapper2 {
	width: 100%;
	clear: both;
    position: relative;
    height: 80px;
	margin-top: -3em;
	border-top: 1px solid #EDEBE9;}
	
.select-gallery, .select-category {
	width: 978px;
	height: 780px;
	margin: 0 auto;
	clear: both;}
	
.gallery-section {
	float: left;
	margin-bottom: 40px;}
	

.gallery-section img {
	box-shadow: 2px 2px 2px 0px #dddddd;}	
	
.gallery-section h3 {
	font-size: 27px;
	font-family:'Droid Serif';
	font-weight: 700;
	color: #6C5D5E;
	margin-top: 10px;
	margin-bottom: 0;}
	
.gallery-section h3 a{
	font-size: 22px;
	font-family:'Droid Serif';
	font-weight: 700;
	color: #6C5D5E;
}	
	
	
.gallery-section span {
	font-size: 12px;
	font-family:'Droid Serif';
	font-weight: 700;
	color: rgba(108, 93, 94, 0.5);
	margin-top: 0;}
	
.kontaktteksti {
	position: relative;
	z-index: 10;
	height: 428px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	left: auto;
	right: auto;
}
.kontaktmap {
	float: left;
}
.tekstikontakt {
	opacity: 0.8;
	position: absolute;
	z-index: 999;
	height: 628px;
	width: 276px;
	line-height: 20px;
	float: right;
	top: -2px;
	right: 0px;
	font-family: "Droid Serif";
	font-weight: 700;
	color: #000;
	letter-spacing: 0.04em;
	line-height: 1.5em;
	background-color: #FFF;
	padding: 50px;
	font-size: 14px;
}
.harta {
	clear: both;
	height: 628px;
	margin-bottom: 80px;
	}

.tekstidok {
	width: 848px;
	line-height: 25px;
	font-family: "Droid Serif";
	font-weight: 700;
	color: #804B54;
	letter-spacing: 0.04em;
	line-height: 1.5em;
	font-size: 14px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}