@charset "utf-8";

*							{box-sizing: border-box; margin: 0px; padding: 0px; font-size: 0;}
html,input,button,textarea,select	{font-family: 'Barlow', sans-serif;}
iframe						{display: none;}
a			{text-decoration: none;}
a:hover		{text-decoration: underline;}
html		{text-align: center; background-color: #fff; background-image: url('../img/vrchni-pozadi.png'); background-repeat: no-repeat; background-position: center top;}
body		{}

header				{width: 100%; height: 120px;}
header div 			{display: inline-block; vertical-align: top;}
header div.logo		{width: 20%; height: 100%; padding: 12px 20px; text-align: left;}
header div.logo img {height: 100%;}
header h1.tp 		{display: inline-block;}
header h1.m 		{display: none;}
header h1			{width: 70%; height: 100%; padding-top: 45px; font-size: 22px; font-weight: 700; text-align: left; vertical-align: top;}
header h1 i 		{color: #FE9835; font-style: normal; font-size: inherit;}
header div.menu		{width: 10%; height: 100%; display: inline-flex; flex-direction: row; flex-wrap: nowrap; justify-content: right; align-items: center; padding: 0px 20px;}
header div.menu>a	{display: none; font-size: 18px;}
header div.menu>a.menu	{display: block;}
header div.menu>a.menu svg	{width: 30px; fill: #FE9835;}

body>nav				{display: none; position: absolute; width: 100%; opacity: 0.95;}
body>nav ul>li			{list-style: none; background-color: #FE9835; border-bottom: 1px solid grey;}
body>nav ul>li	a		{display: block; font-size: 16px; font-weight: 700; padding: 15px 0px; color: #000;}
body>nav ul>li:hover	{ background-color: #fab470;}

footer div.kontakty	{background-color: #F6F6F6; padding: 20px;}
footer div.kontakty h3	{font-size: 22px; font-weight: 700; margin-bottom: 20px;}
footer div.kontakty>div	{width: 100%; padding: 0px 100px;}
footer div.kontakty>div figure {display: inline-block; width: 45%; background-color: #fff; margin: 0px 10px 20px 10px; box-shadow: 0px 3px #888; border-radius: 15px; padding: 0px 10px;}
footer div.kontakty>div figure span {display: inline-block; vertical-align: top;}
footer div.kontakty>div figure span:nth-child(1) {width: 50%; padding-top: 20px;}
footer div.kontakty>div figure span:nth-child(2) {width: 50%; padding: 35px 0px 0px 5px; text-align: left; font-size: 26px;}
footer div.kontakty>div figure span b {display: block; font-size: 20px; font-weight: 700;}
footer div.krajinka>div	{display: inline-block; width: 100%; height: 309px; background-image: url('../img/uvod-paticka-krajinka.jpg'); background-repeat: no-repeat; background-position: 40% top;}
footer div.nadpis		{background-color: #50a86b; font-size: 18px; font-weight: 700; color: #fff; padding: 25px;}
footer div.adresa 			{padding: 25px;}
footer div.adresa>div		{width: 100%;}
footer div.adresa>div img 	{display: inline-block; width: 30%;}
footer div.adresa>div img:first-of-type {margin-bottom: 20px;}
footer div.adresa>div p 	{display: block; font-size: 16px; margin-bottom: 20px;}
footer div.adresa>div b 	{font-size: 16px; font-weight: 700;}
footer div.adresa>div a 	{font-size: 16px; font-weight: 700; color: #FE9835; text-decoration: underline;}
footer div.adresa>div a.odkaz 	{padding: 0px 25px;}