@charset "utf-8";

html, body {
	height: 100%;
	min-width: 1280px;
	margin: 0px;
	font-family: "Open Sans Condensed", sans-serif;
	color: rgb(111,111,111);
	background-color: rgb(41, 41, 41);
}

p, li {
	color: rgb(111,111,111);
}

.all {
	position: relative;
	min-height: 100%;
}

.logo {
	display: block;
	text-align: left;
	height: 140px;
	background-image: url(img/logo.png);
	background-repeat: no-repeat;
	background-position: 50px center;
	background-color: white;
	
}

.menu {
	display: block;
	text-align: left;
    background-color: rgb(41, 41, 41);
	color: white;
	background-repeat: no-repeat;
	background-position: right center;
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
    width: 100%;
	border-bottom: 1px solid white;
}

.menu div {
	display: table-cell;
	vertical-align: middle;
	height: 100px;
	padding: 0px 14px 0px 28px;
	font-size: 1.7em;
	background-image: url(img/odrazka.png);
	background-repeat: no-repeat;
	background-position: left 45px;
}

.menu .vystavba {
	padding: 0px;
	text-align: left;
	font-size: 2.5em;
	padding-left: 50px;
    font-weight: bold;
    font-style: italic;
    width: 500px;
	color: rgba(255, 255, 255, 1);
}

.menu ul {
	display: table-cell;
	text-decoration: none;
	list-style: none;
	list-style-position: inline;	
}

.content {
	display: block;
	font-size: 4em;
	text-align: left;
}

.content p {
	text-align: center;
}	
	
.paticka {
	display: table;
	background-color: rgb(41, 41, 41);
	height: 200px;
    width: 100%;
	box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.5);
	border-top: 1px solid #ffffff5e;
}

.paticka p {
	color: #a5a5a5;
}

.paticka div {
    text-align: left;
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    padding-left: 100px;
}




@keyframes slidy {
0% { left: 0%; }
4% { left: 0%; }

5% { left: -100%; }
9% { left: -100%; }

10% { left: -200%; }
14% { left: -200%; }

15% { left: -300%; }
19% { left: -300%; }

20% { left: -400%; }
24% { left: -400%; }

25% { left: -500%; }
29% { left: -500%; }

30% { left: -600%; }
34% { left: -600%; }

35% { left: -700%; }
39% { left: -700%; }

40% { left: -800%; }
44% { left: -800%; }

45% { left: -900%; }
49% { left: -900%; }

50% { left: -1000%; }
54% { left: -1000%; }

55% { left: -1100%; }
59% { left: -1100%; }

60% { left: -1200%; }
64% { left: -1200%; }

65% { left: -1300%; }
69% { left: -1300%; }

70% { left: -1400%; }
74% { left: -1400%; }

75% { left: -1500%; }
79% { left: -1500%; }

80% { left: -1600%; }
84% { left: -1600%; }

85% { left: -1700%; }
89% { left: -1700%; }

90% { left: -1800%; }
96% { left: -1800%; }
100% { left: -0%; }
}

* {
  box-sizing: border-box;
}

div#captioned-gallery { 
    width: 100%;
    overflow: hidden;
}
figure.slider { 
  position: relative; width: 2000%;
  font-size: 0; animation: 90s slidy infinite; 
  margin: 0px;
}
figure.slider figure { 
  width: 5%; height: auto;
  display: inline-block;  position: inherit;
  margin: 0px;
  height: 100%;
}
figure.slider div { width: 100%; height: 635px; }
figure.slider figure figcaption { 
  position: absolute; bottom: 0;
  background: rgba(0,0,0,0.4);
  color: #fff; width: 100%;
  font-size: 2rem; padding: .6rem; 
  margin-bottom: 10px;
  padding-left: 20px;
}