/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;

}
html,body {
  margin:0;
  padding:0;
  font-family: 'Space Mono', monospace;
  font-weight:400;
  font-size:20px;
  line-height:35px;
  background-color:#f9f7f3;
  color:#55422d;
  -webkit-text-size-adjust:100%;
  font-variant-ligatures: no-common-ligatures;

}



h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a           { color:#55422d; text-decoration: none;}
a:hover     { text-decoration: underline; }
.clearboth  { clear: both; }
.floatleft  { float: left; }
.uppercase  { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }
.black		{ color:black }
img         { border: none; }
p           { clear:both; }
ul          { margin:0; }
b           { font-weight:700; }
strong      { font-weight:700; }
hr          { height:1px; border:0; background-color: black; }
.tisic      { margin-left: 0.3em;	}
.nonselectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.nopadding  { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input,textarea { border:none; outline:none; resize:none; padding:10px 2% 10px 2%; margin-top:5px; font-family: 'Space Mono', monospace; font-size:20px; border:solid 1px #404040;
                -webkit-appearance: none; -webkit-border-radius:0px;  }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
   -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
.ramecek5   { -webkit-border-radius:5x; -moz-border-radius:5px; border-radius:5px; behavior: url(PIE.htc); }
.ramecek10  { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; behavior: url(PIE.htc); }
.ramecek-kulaty { -webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px; behavior: url(PIE.htc);}

li { list-style-position:inside; }

hr 			{ padding:0; margin:0; background-color:#404040; }

.pom-cara   { position:absolute; background-color:#a3e4ff; width:1px; height:2000px; z-index:10000 }
#pom-cara0  { left:0;  }
#pom-cara1  { left:calc(100%/6);}
#pom-cara2  { left:calc((100%/6)*2);}
#pom-cara3  { left:calc((100%/6)*3);}
#pom-cara4  { left:calc((100%/6)*4);}
#pom-cara5  { left:calc((100%/6)*5);}
#pom-cara6  { left:calc(100% - 1px);}

.line				{ position:fixed; background:#6f5646; }
#line-horizontal1	{ position:relative; width:100%; height:40px; top:0; left:0; background:#f9f7f3; border-bottom:solid 1px #6f5646; z-index:10; }
#line-horizontal2	{ position:absolute; width:100%; height:40px; left:0; background:#f9f7f3; border-top:solid 1px #6f5646; z-index:10; }
#line-vertical1		{ width:1px; height:100%; top:0; left:40px; z-index:100; }
#line-vertical2		{ width:1px; height:100%; top:0; left:calc(((100% - 80px)/3) + 40px); z-index:100; }
#line-vertical3		{ width:1px; height:100%; top:0; right:40px; z-index:100; }


main        { position: relative; float:left; display:block; width:100%; height:100%; padding:40px; }
nav         { position:fixed; top:0; width:calc((100% - 80px)/3); height:100%; z-index:100; } 
.prostor    { position:relative; width:100%; max-width:1920px; margin:auto; }
.section		{ position:relative; float:right; width:calc((100%/3) * 2); min-height:100vh; }

#logo-container 		{ position:relative; height:calc(12vh + 23px); margin:auto; margin-top:90px; width:60%; }
#logo 		{ position:absolute; bottom:0; width:100%; } 
#logo img	{ float:left; width:100%; } 

#menu 		{ margin:18vh 0 0 20%; padding:0;}
.menu		{ clear:both; float:left; font-size:22px; line-height:28px; text-transform:uppercase; cursor:pointer; letter-spacing:0.2em; margin-bottom:23px; border-bottom:solid 2px transparent }
.menu.active	{ border-bottom:solid 2px #55422d }

#menu-mobile			{ display:none; position:absolute; right:5%; width:30px; height:25px; margin-top:1px; cursor:pointer;}
#menu-mobile span		{ position:absolute; display:block; width:100%; height:3px; border:1px solid #ae682a; background-color: #ae682a;
					  	  -webkit-border-radius:5x; -moz-border-radius:5px; border-radius:5px; behavior: url(PIE.htc); }
#menu-mobile span:nth-child(1) { top:0; }
#menu-mobile span:nth-child(2) { top:10px }
#menu-mobile span:nth-child(3) { bottom:0; }


#info		{ float:left; width:50%; font-size:20px; line-height:45px; margin-top:calc(12vh + 23px) }
#info-container { float:left; width:75%; margin-left:16%; }
#info h2		{ color:#ad672a; font-size:33px; font-weight:700; letter-spacing:0.01em; }
#info p		{ margin-top:45px }

.info			{ float:left; width:100%; margin-top:45px; line-height:30px; }
.info-left		{ float:left; width:75%;}
.info-container	{ position:relative; float:left; width:100%;  }
.info-sipka		{ position:absolute; bottom:3px; right:10%; background:url(../images/sipky_prava.svg); width:46px; height:46px; background-size:46px 46px;  }
.info a			{ float:left; width:100%; color:#ad672a; font-weight:700; }
.info a:hover .info-sipka	{ background:url(../images/sipky_prava_hover.svg);  }

#novinky			{ float:right; width:50%; font-size:15px; line-height:25px; margin-top:calc(12vh + 40px) }
#novinky-text	{ float:left; width:68%; margin-left:12%; letter-spacing:0.02em; }
#novinky img		{ float:right; width:100%;  }

.sipka-nahoru	{ display:none; position:absolute; top:8vh; right:-30px; background:url(../images/sipky_nahoru.svg); width:61px; height:61px; background-size: 61px 61px; cursor:pointer; z-index:1000; }
.sipka-dolu		{ position:absolute; bottom:8vh; right:-30px; background:url(../images/sipky_dolu.svg); width:61px; height:61px; background-size: 61px 61px; cursor:pointer; z-index:1000; }

#section1	{ float:left; width:calc((100%/3)*2); margin-left:calc(100%/3); margin-top:16vh;  }
#submenu		{ float:left; width:30%; }
#to-jsme-my	{ float:left; width:80%; margin-left:26%; font-size:33px; line-height:45px; color:#ad672a; font-weight:700; letter-spacing:0.01em; }
#jmena		{ margin-left:calc(26% + 30px); margin-top:calc(4vh + 180px); font-size:20px; line-height:20px; font-weight:700; letter-spacing:0.01em; }
.jmeno		{ clear:both; float:left; margin-bottom:30px; cursor:pointer; border-bottom:transparent solid 1px }
#jmena .active	{ border-bottom:#55422d solid 1px }
#text		{ float:left; width:55%; padding:0 5%; font-size:15px; line-height:25px; text-align:center;}
.text		{ display:none }
#text0		{ display:block; }
.foto		{ position:relative; margin:40px auto 4vh auto; width:181px; height:181px;  }
.foto img	{ float:left; width:100%; }


#section2	{ float:left; width:calc((100%/3)*2); margin-left:calc(100%/3); margin-top:12vh; border-bottom:solid 1px #6f5646; }
#kredo		{ float:left; width:70%; margin-left:7.5%; margin-bottom:8vh; font-size:33px; line-height:45px; color:#ad672a; font-weight:700; letter-spacing:0.01em }
.odkaz		{ float:left; width:100%; border-top:solid 1px #6f5646; padding:6vh 7.5%; }
.odkaz-top	{ float:left; width:100%; margin-bottom:4vh }
.odkaz-left	{ float:left; width:47.5%; margin-right:5%;}
.odkaz-right	{ float:left; width:47.5%; }
.odkaz-container	 { position:relative; float:left; width:100%; }
.odkaz-bottom	 { position:absolute; bottom:0; margin-left:52.5%; width:47.5%; }
.odkaz-bottom a	 { position:relative; float:left; color:#ad672a; text-decoration:none; font-weight:700; letter-spacing:0.01em; width:90%; }
.odkaz-sipka		 { position:absolute; bottom:-9px; right:0; background:url(../images/sipky_prava.svg); width:46px; height:46px; background-size:46px 46px;  }
.odkaz-bottom a:hover .odkaz-sipka	{ background:url(../images/sipky_prava_hover.svg);  }


#section3	{ float:left; width:calc((100%/3)*2); margin-left:calc(100%/3); padding:12vh 5% 8vh 5%; min-height:auto; }
#kontakt		{ font-size:33px; line-height:45px; color:#ad672a; font-weight:700; letter-spacing:0.01em;   }
#section3 a	{ font-weight:700; text-decoration:none;   }
#section3 a.formular { display:inline-block; border-bottom:solid 1px #55422d; font-size:20px; line-height:20px;  }
.kontakt-left 	{ float:left; width:50%; }
.kontakt-right 	{ float:right; width:50%; }
#kontakt-social { margin:25px 0 15px 0  }
#kontakt-facebook a	{ float:left; background:url(../images/fb.svg); width:35px; height:35px; background-size:35px 35px; margin-right:15px  }
#kontakt-instagram a	{ float:left; background:url(../images/ig.svg); width:35px; height:35px; background-size:35px 35px;  }


#section4	{ float:left; width:calc((100%/3)*2); margin-left:calc(100%/3); padding:0 5% 0 5%;  }
#firmy				{ float:left; width:100%; margin:12vh 0 12vh 0; font-size:33px; line-height:45px; color:#ad672a; font-weight:700; letter-spacing:0.01em; }
#firmy-container		{ width:90%; margin:auto; }
#firmy a				{ float:left; width:42%; margin:6vh 4% 2vh 4%; text-align: center; }
#firmy img			{ height:3.5vw }
#firmy img.vetsi 	{ height:7vw }