/* 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: 'Rubik';
  font-weight:400;
  font-size:18px;
  line-height:28px;
  background-color:#f4f4f4;
  color:#241d2d;
  text-align:center;
}



h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a           { color:#5d3cef; text-decoration: none; border-bottom:solid 1px #5d3cef; font-weight:500; }
.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; }
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; width:100%; padding:25px 30px; font-family:'Rubik'; font-weight:500; font-size:21px;
				color:#241d2d; background:transparent; -webkit-appearance: none; -webkit-border-radius:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
   -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
}
input::placeholder { font-size:14px; color:#33302b; font-weight:400; line-height:30px; }
.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);}

.table-cell	{ display: table-cell; vertical-align: middle;  }

li { list-style-position:outside; list-style-image:url("../images/check.svg"); margin-left:30px;  }

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




main        { position: relative; display:block; width:100%; height:100%;  }
nav         { position: relative; width:100%; padding-top:70px; } 
.prostor    { position: relative; display:block; width:90%; max-width:800px; margin:auto; }

.logo 	 	{ width:80%; max-width:272px; margin:auto;} 
.logo img 	{ float:left; width:100%; margin:4vh 0 16vh 0; } 

.info		{ color:#5d3cef; padding:0 5% }
.button		{ background:#5d3cef; font-size:18px; color:white; display:inline-block; font-weight:500; padding:16px 25px; margin:6vh 0 10vh 0; cursor:pointer }
.button-link	{ padding:0 }
.button	a	{ float:left; color:white; text-decoration:none; padding:16px 25px; border:0; }
.subnadpis	{ color:#5d3cef; font-size:14px; font-weight:500;  }
.klaudia 	{ width:75%; margin:auto;} 
.klaudia img { float:left; width:100%; margin:1vh 0 0 0; } 
.tel			{ color:#5d3cef; font-size:21px; font-weight:500; margin-bottom:10vh; margin-top:-30px }
.nadpis		{ color:#5d3cef; font-size:36px; line-height:44px; font-family:Rubik Mono One; margin-bottom:4vh;  }
.partner		{ text-align:center; margin-bottom:10vh }
.partner a	{ border:0 }
.partner	 img	{ width:100%; max-width:200px }
.vyhody		{ line-height:36px; color:#5d3cef; font-size:18px;  }
.clenstvi	{ line-height:36px; padding:0 5% }
.check		{ position:relative; top:5px; margin-right:15px; display:inline-block; width:17px; height:24px; background:url("../images/check.svg"); background-size:17px 24px;  }
.form		{ margin-top:6vh; }
.form-checkbox	{ width:60%; margin:auto; font-size:14px; line-height:21px; color:#33302b; text-align:left; }
.form .form-obal	{ position:relative; width:60%; margin:auto; margin-top:40px;  }
.form .form-input	{ border:solid 2px #726c60; text-align: left; padding:0;   }
.form .popisek	{ display:none; color:#5d3cef; position:absolute; top:-15px; left:-10px; padding:0 10px; background-color:#f4f4f4; margin-left:30px; font-size:14px; }
.form input[type="checkbox"]  { position:absolute; cursor:pointer; border:0; width:42px; height:42px; margin-top:40px; padding:0}
.form input[type="checkbox"] + label { position:relative; float:left; width:40px; height:40px; border:solid 2px #726c60; margin-top:40px; background:transparent; cursor:pointer;}  
.form input[type="checkbox"]:checked + label  { position:relative; width:40px; height:40px; background:url("../images/check.svg"); background-repeat:no-repeat; background-position:center;
											   background-size:20px 28px; cursor:pointer; }
.form-checkbox-text	{ float:left; width:calc(100% - 74px); margin-left:30px; margin-top:42px }
#form-odeslat		{ background:#3f3947; color:#808080 }
#form-odeslat.aktivni	{ background:#5d3cef; color:white;  }
.form .link           { color:#5d3cef; text-decoration: none; border-bottom:solid 1px #5d3cef; font-weight:500; cursor:pointer; }

.dekujeme	{ display:none; color:#5d3cef; font-size:20px; line-height:32px; margin:6vh 0; }


#form-upravit		{ background:#3f3947; color:#808080 }
#form-upravit.aktivni	{ background:#5d3cef; color:white;  }

footer		{ font-size:14px; color:#808080; margin-bottom:6vh; padding:0 5%  }

.popup				{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:10000 }
.popup-cont			{ display:table; width:100%; height:100%;}
.popup-inner			{ position:relative; width:90%; max-width:800px; margin:auto; background-color:#f4f4f4; padding:50px; text-align:left; }
.popup li 			{ line-height:24px; margin-bottom:12px;  }
.popup-nadpis		{ color:#5d3cef; margin-bottom:10px }
.popup .button		{ margin:50px 0 0 0;}
.popup-center		{ text-align:center; }
.zavrit				{ position:absolute; right:20px; top:20px; cursor:pointer; font-family:Arial; color:black; font-size:20px; }

			  
.error			{ display:none; position:absolute; margin-left:30px; text-align:left; color:#ea013d; font-size:14px; }
.form .form-obal .input-error 		{ border:solid 2px #fd3830 }
.form .form-obal .input-error input 	{ color:#241d2d; }
.form .form-obal .popisek-error		{ color:#fd3830 }
.form .form-obal .input-ok 			{ border:solid 2px #5d3cef }
.form .form-obal	.input-ok input		{ color:#5d3cef; }

.form input[type="checkbox"].checkboxA + label { border:solid 2px #fd3830 }
.form input[type="checkbox"].checkboxB + label { border:solid 2px #fd3830 }