@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				{margin: auto; width: 1200px; height: 120px;}
header div 			{display: inline-block; vertical-align: top;}
header div.logo		{width: 10%; height: 100%; padding: 12px 0px; text-align: left;}
header div.logo img {height: 100%;}
header h1.tp 		{display: inline-block;}
header h1.m 		{display: none;}
header h1			{width: 35%; 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: 55%; height: 100%; display: inline-flex; flex-direction: row; flex-wrap: nowrap; justify-content: right; align-items: center;}
header div.menu>a	{padding: 0px 15px; font-size: 18px; font-weight: 700;}
header div.menu>a:nth-child(1)	{color: #BB1C39;}
header div.menu>a:nth-child(2)	{color: #FE9835;}
header div.menu>a:nth-child(3)	{color: #4EA96A;}
header div.menu>a:nth-child(4)	{color: #6A87A8;}
header div.menu>a:nth-child(5)	{color: #BC31BA;}
header div.menu>span	{padding: 0px 0px 0px 15px; font-size: 18px; font-weight: 700; cursor: pointer;}
header div.menu>a.menu	{display: none;}
header div.menuvice 	{display: none;}
header div.menuvice.on 	{display: inline-block; width: 250px; position: absolute; top: 80px; background-color: #FE9835; padding: 10px; text-align: left; border-radius: 5px; border: 1px solid #555;}
header div.menuvice>a	{padding: 0px 15px; font-size: 18px; font-weight: 700; color: #fff;}

body>nav	{display: none;}

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	{margin: auto; width: 1200px;}
footer div.kontakty>div figure {display: inline-block; width: calc((100% - 80px) / 4); background-color: #fff; margin: 0px 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: 40%; padding-top: 20px;}
footer div.kontakty>div figure span:nth-child(2) {width: 60%; 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		{display: inline-block; margin: auto; width: 100%; background-image: url('../img/uvod-paticka-pozadi.svg'); background-repeat: repeat-x; background-position: center top;}
footer div.krajinka>div	{display: inline-block; margin: auto; width: 100%; height: 309px; background-image: url('../img/uvod-paticka-krajinka.jpg'); background-repeat: no-repeat; background-position: center top;}

footer div.nadpis		{background-color: #50a86b; font-size: 18px; font-weight: 700; color: #fff; padding: 25px;}

footer div.adresa {padding: 25px 0px;}
footer div.adresa>div	{margin: auto; width: 1200px;}
footer div.adresa>div img 	{display: inline-block; width: 25%; padding: 0px 20px; vertical-align: top;}
footer div.adresa>div p 	{display: inline-block; width: 50%; font-size: 16px; vertical-align: top;}
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;}