/*================================
	Main stuff
================================*/
body,html,div,ul{
	margin: 0;
	padding: 0;
	font-family: sans-serif, 'Open Sans';
	font-size: 13px;
	color: #404040;
	word-spacing: .075em;
}

li{
	display: inline;
	list-style: none;
}

a{
	text-decoration: none;
	color: #404040;
}

p{
	text-align: justify;
}

body{
	width: 1170px;
	margin: 0 auto;
}

h1{
	font-size: 1.75em;
	text-align: center;
	font-weight: 900;
	padding: 2.2em 0.9em 0 0;
	border-bottom: 1px solid #DBDBDB;
	margin: 0;
}


article  p{
	margin: 1.5em;
	margin-left: 0;
}

.uvod_obrazok{
	border-bottom: 1px solid #DBDBDB;
	border-left: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
	padding: 1.5em;
	filter: grayscale(100%);
}

.uvod_obrazok:hover{
	filter: grayscale(0%);
	width: 110%;
	height: 110%;
}

.vedlaseba{
	display: flex;
}

.banner, .form,.gallery{
	padding-top: 60px;
}
/*================================
	Header
================================*/
header{
	height: 60px;
	border-bottom: 1px solid #f4f4f4;
	position: fixed;
	z-index: 9999;
	background-color: #ffffff;
	width: 1170px;
}

.logo a{
	color:  #fff;
	background-color: #61c190;
	font-weight: 900;
	padding: 1.8em 1.5em;
	text-align: center;
	transition: background-color 0.2s ease-out;
	transition: color 0.2s ease-out;
	text-transform: uppercase;
	float: left;
}

.logo:hover{
	background-color:  #73c89d;
}
.menu{
	float: right;
	padding-top: 1.8em
}
.menu a{
	font-weight: 900;
	font-size: .8em;
	text-align: center;
	transition: background-color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
	text-shadow: 0 -1px 1px #dbdbdb;
	text-transform: uppercase;
	border-right: 1px solid #f4f4f4;
	padding: 2em;
}

.menu a:hover, .menu a:active{
	color:  #73c89d;
}

.menu ul li{
	display: inline;
	list-style: none;
}

/*================================
	Content
================================*/
.banner{
	background-image: url(src/images/banner.jpg) ;
	background-repeat: no-repeat;
	color: #ffffff;
	height: 460px;
	width: 100%;
	text-align: center;
}

.banner h1{
	font-size: 1.75em;
	margin-bottom: .5em;
	font-weight: 900;
	text-shadow: 0 0 1px #DBDBDB;
	color: #ffffff;
	padding: 0;
	background-color: none;
	border-bottom: 0px;
}

.button, button{
	border: 1px solid #ffffff;
	height: 3.4em;
	text-align: center;
	font-size: .8em;
	font-weight: 900;
	padding: 1em 2em;
	text-shadow: 0 0 1px #DBDBDB;
	transition: color 0.2s ease-in-out;
	color: #ffffff;
	text-transform: uppercase;
	margin: 0 auto;
}

.button:hover,button:hover{
	transition: background-color 0.2s ease-in-out;
	background-color:  rgba(144, 144, 144, 0.1);
}

.banner p{
	font-weight: 300;
	width:  800px;
	margin:  2em auto;
}

.obsah{
	padding-top: 200px;
	color: #ffffff;
}

.obsah p{
	text-align: center;
}

/*================================
	Gallery
================================*/
.galeria{

	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.galeria li{
	border:  1px solid #dbdbdb;
	padding: 1.5em;
	filter: grayscale(100%);
	text-align: center;
}

.galeria li:hover{
	filter: grayscale(0%);
}
/*================================
	From
================================*/
form{
	margin-top: 2em;
}

.icons li{
	display: inline;
	list-style: none;
}

.vedla{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

button{
	background-color: #f4f4f4;
	color: #404040;
	border: 1px solid #dbdbdb;
}

input, textarea{
	border: 1px solid #DBDBDB;
	background-color: #f4f4f4;
	margin-top: .6em;
	margin-bottom: 0.4em;
}

input:focus, textarea:focus{
	border: 1px solid #61c190;
}

input:select, textarea:select{
	border: 1px solid #61c190;
}


.posts article{
	border-top: 1px solid #dbdbdb;
	margin-top: 1.5em;
}

h2{
	font-size: 1.2em;
	padding-top: 1em
}

.date{
	color: #dbdbdb;
	padding-top: 1em
}

.posts p{padding-top: 1em}
/*================================
	Footer
================================*/
footer, footer a{
	color: #AAAAAA;
	font-size: .8em;
	text-align: center;
	padding: 1.5em 0;
	margin-top: 2em;
}

footer{	border-top: 1px solid #DBDBDB;}