/*#body {background-color: #f2f2f2}*/


.radio {
	height: 25px;
	width: 19px;
	clear:left;
	float:left;
	margin: 0 0 3px;
	padding: 0 0 0 26px;
	background: url("../images/radio2.png") no-repeat;
	cursor: pointer;
}
.checkbox {
	height: 25px;
	width: 19px;
	clear:left;
	float:left;
	margin: 0 0 3px;
	padding: 0 0 0 26px;
	background: url("../images/checkbox.png") no-repeat;
	cursor: pointer;
	text-align:left;
}
.checkbox input,.radio input {
	display: none;
}
.checkbox input.show,.radio input.show {
	display: inline;
}
.selected {
	background-position: 0 -52px;
}
.block {
	width: 50%;
	float: left;
}
label {
	padding-left:10px;
	float:left;
	text-align:left;
}

body.form { height: auto; }

.zend_form { font-size: 1.1em; margin: 1em 0 0 30px }
.zend_form dt { clear: both; float: left; line-height: 25px }
.zend_form dd { color: #000; float: left; line-height: 25px }
.zend_form dd label { float:none; padding-left: 0 }
.zend_form .default { color: #aaa }
.zend_form .required .suffix { color: red; font-weight: bold }

#fieldset-majitel {flex:1 1 30%}

.zend-form2 ul { font-size: 1.1em;display:flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; margin: 2em 0; }




.zend-form2 .zf-subform {background-color: #fff;border-radius:10px; flex: 1 1 30%; }

@media (max-width: 1108px) {
 .zend-form2 .zf-subform {flex: 1  1 45%;/* Dva boxy vedle sebe */}
	.zend-form2 .zf-subform {width:50%}
}

@media (max-width: 724px) {
  .zend-form2 .zf-subform {
    flex: 1 1 100%; /* Všechny boxy pod sebou */
  }
}



.zend-form2 select {outline: none; box-sizing: border-box;  transition: border-color 0.3s ease, box-shadow 0.3s ease;color:#888}
.zend-form2 select:focus {color:#000}

.zend-form2 input[type="text"], .zend-form2 select { border: 1px solid #aaa;height:3em; width: 100%;  padding: 10px;   border-radius: 5px;  outline: none; box-sizing: border-box;  transition: border-color 0.3s ease, box-shadow 0.3s ease;}  
.zend-form2 input[type="text"]:focus, select:focus  { border: 1px solid #aaa; border-color: var(--sting);  box-shadow: 0 0 5px var(--sting); background-color: var(--sting_bg); }    
.zend-form2 textarea { width: 100%;height: 90px;  padding: 10px;  font-size: 10px;  border: 1px solid #aaa;  border-radius: 10px;   outline: none;  resize: none;   transition: border-color 0.3s ease, box-shadow 0.3s ease; /* Plynulý přechod */}   
.zend-form2 textarea:focus {  border-color: #888;  box-shadow: 0 0 8px var(--sting);  background-color: var(--sting_bg);}  

.zend-form2 input[type="radio"], input[type="checkbox"]  { appearance: none;  width: 15px; height: 15px; border: 1px solid #aaa; outline: none; cursor: pointer; position: relative;  margin-right: 10px; transition: all 0.2s ease;  }
.zend-form2 input[type="radio"] {border-radius: 50%; }
.zend-form2 input[type="radio"]:checked {  background-color:var(--sting_bg);  border-color: var(--sting);}
.zend-form2 input[type="radio"]:checked::after {  content: "";  width: 8px;  height:8px;  background-color:  var(--sting);  border-radius: 50%;  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);}   
.zend-form2 input[type="radio"]:hover {  border-color: var(--sting);}    
.zend-form2 input[type="checkbox"]:checked {  background-color: var(--sting_bg);  border-color: var(--sting);}   
.zend-form2 input[type="checkbox"]:checked::after { content: "";  width: 3px;  height: 9px;  border: solid #555;  border-width: 0 3px 3px 0;  position: absolute; top: 0px;  left: 4px;  transform: rotate(45deg);}   



.zend-form2 .zf-subform { background: #fff; margin-bottom: 1em; position: relative; padding: 3em 2em 1em 2em }
.zend-form2 .zf-subform legend {left: 0; font-weight: bold; padding: 0.8em 0.8em; position: absolute; top: 0; width: 100%; text-align: center;font-size: 130%; }

.zend-form2 .zf-item { margin-bottom: 0.7em;width: 100%; }
.zend-form2 .zf-item:last-child { margin-bottom: 0 }
.zend-form2 .zf-label { display: inline-block;  text-align: right; vertical-align: top }
.zend-form2 .zf-label { float: none; padding: 0 }
.zend-form2 .zf-input { vertical-align: top; width: 100%;  }
/*
.zend-form2 .zf-input input,
.zend-form2 .zf-input textarea,
.zend-form2 .zf-input select { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }

.zend-form2 .zf-radio input { margin-right: 0.5em; vertical-align: baseline; width: auto }
.zend-form2 .zf-radio label { float: none; margin-right: 1em; padding: 0; vertical-align: middle }
*/

.zend-form2 .zf-captcha img { border: 1px solid #b2b2b2; display: inline-block; height: auto; padding: 1px; vertical-align: top; width: 40%;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.zend-form2 .zf-captcha .input { display: inline-block; margin-right: 5%; vertical-align: top; width: 55% }
.zend-form2 .zf-submit { text-align: center }
.zend-form2 .required .suffix { color: red; font-weight: bold }
.zend-form2 .errors { color: red; font-size: 90%; line-height: 1.1em; list-style-type: none; margin-top: 0.1em; padding: 0 }



.zend-form3 { font-size: 1.1em }
.zend-form3 .zf-item { margin-bottom: 1em }
.zend-form3 .zf-item:last-child { margin-bottom: 0 }
.zend-form3 .zf-label { display: block; width: auto; text-align: left; float: none; padding: 0; margin-bottom: 0.3em }
.zend-form3 .zf-input { display: block; width: auto; padding: 0.5em; margin: 0; border-radius: 0.2em }
.zend-form3 .zf-input input,
.zend-form3 .zf-input textarea,
.zend-form3 .zf-input select {border: 1px solid #aaa; width: 100% }
.zend-form3 .zf-radio input { margin-right: 0.5em; vertical-align: baseline; width: auto }
.zend-form3 .zf-radio label { float: none; margin-right: 1em; padding: 0; vertical-align: middle }
.zend-form3 .zf-captcha img { border: 1px solid #b2b2b2; display: block; height: auto; padding: 1px; vertical-align: top; width: auto }
.zend-form3 .zf-submit { text-align: center }
.zend-form3 .required .suffix { color: red; font-weight: bold }
.zend-form3 .errors { color: red; font-size: 90%; line-height: 1.1em; list-style-type: none; margin-top: 0.1em; padding: 0 }

.zend-form3  input[type="text"] { height:3em; width: 80%;  padding: 10px;   border-radius: 5px;  outline: none; box-sizing: border-box;  transition: border-color 0.3s ease, box-shadow 0.3s ease;}  
.zend-form3  input[type="text"]:focus, select:focus   { border-color: var(--sting);  box-shadow: 0 0 5px var(--sting); background-color: var(--sting_bg); }    

.zend-form3 input[type="checkbox"]  { appearance: none;  width: 15px; height: 15px; border: 1px solid #aaa; outline: none; cursor: pointer; position: relative;  margin-right: 10px; transition: all 0.2s ease;  }
.zend-form3 input[type="checkbox"]:checked {  background-color: var(--sting_bg);  border-color: var(--sting);}   
.zend-form3 input[type="checkbox"]:checked::after { content: "";  width: 3px;  height: 9px;  border: solid #555;  border-width: 0 3px 3px 0;  position: absolute; top: 0px;  left: 4px;  transform: rotate(45deg);}   

.zend-form3 input[type="file"] {
  height:3em; width: 80%;  padding: 10px;   border-radius: 5px;  outline: none; box-sizing: border-box;  transition: border-color 0.3s ease, box-shadow 0.3s ease;

}








body.form2 { background: url('../images/bg_kariera_body_var1.jpg') no-repeat -140px 40px; height: auto; margin: 0 }
.form2 .h2 { margin: 0 0 2em 0; padding-right: 4em; text-align: right }
.form2 .note .note-sign { color: red; font-size: 1.1em; font-weight: bold }
.form2 .message { font-size: 1.1em; line-height: 1.5em; margin-left: 170px; margin-top: 3em }


body.form3 { background: url('../images/media/img-obalka-160x160.png') no-repeat 10px 70px; height: auto; margin: 0; overflow: hidden }
.form3 .h1 { background: #ffc20f; color: #000; font-size: 1.5em; font-weight: bold; height: 65px; line-height: 65px; margin: 0px 0 1em 0; padding: 0 1em; position: relative; text-align: right }
.form3 .h1 img { height: 35px; left: 30px; position: absolute; top: 15px ; width: auto }
.form3 #note_content { float: left; padding-top: 150px; width: 30% }
.form3 #page_content { float: left; width: 70% }
.form3 .note { clear: both; text-align: center }
.form3 .note .note-sign { color: red; font-size: 1.1em; font-weight: bold }
.form3 .message { font-size: 1.1em; line-height: 1.5em; padding: 1em 3em }
.form3 .zend_form { margin: 0; overflow: hidden;padding: 5px; }
.form3 dt {  width: 30% }
.form3 dd { margin: 0 4% 1.2em 0; width: 66% }
.form3 textarea.input {height:6em;border: 1px solid #aaa;color:#888;}
.form3 .input { border: 1px solid #aaa; margin: 0; padding: 3px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius:5px;outline: none;height: 3em  }
.form3 .input[type="text"]:focus, .form3 textarea:focus {  border: 1px solid #aaa; box-shadow: 0 0 5px var(--sting); }
.form3 .h2-4 { background: none }




.form3 .select { border: 1px solid #aaa; padding: 3px; width: 208px }
.form3 .error { border-color: red }
.form3 .errors { color: red; font-size: 90%; line-height: 1.1em; list-style-type: none; margin-top: 0.1em; padding: 0 }
.form3 #check-input { width: 100% }
.form3 #check-element img {
	border: 1px solid #aaa;
	display: block;
	height: 41px;
	margin-bottom: 0.5em;
	padding: 1px;
	width: 100px;
}




.form4 dt { width: 200px }
.form4 dd { margin-bottom: 1em; width: 300px }
.form4 .radio { clear:none; height: auto; width: auto; float: none;	margin: 0 0.5em 0 0; padding: 0; background: none; cursor: auto; }
.form4 .radio-label { margin-left: 2em }
.form4 .radio-label:first-child { margin-left: 0 }
.form4 .input { border: 1px solid #aaa; padding: 3px; width: 300px }
.form4 .textarea { border: 1px solid #aaa; padding: 3px; width: 300px }
.form4 .select { border: 1px solid #aaa; padding: 3px; width: 208px }
.form4 .error { border-color: red }
.form4 .errors { color: red; line-height: 1.1em; list-style-type: none; }
.form4 #check-element img {
	border: 1px solid #aaa;
	display: block;
	height: 60px;
	margin-bottom: 0.5em;
	padding: 1px;
	width: 204px;
}
.form4 #check-input { width: 200px }



@media only screen and (max-width: 800px) {
    #form_uchazec {width:100%} 

	.zend-form3 input[type="text"], .zend-form3 input[type="file"]  {width: 100%; }
    
    
}






@media only screen and (max-width: 639px) {
	.form3 dt { width: 48% }
	.form3 dd { margin-right: 0; width: 50% }
	.form3 #check-element img { float: none }
	.form3 #check-input { float: none; width: 100% }
	
	.form4 .zend_form { margin: 1em; overflow: hidden }
	.form4 dt, .form4 dd, .form4 label { float: none; padding: 0; width: 100% }
	.form4 .input, .form4 .textarea, .form4 .select {  width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
	.form4 .errors { font-size: 80% } 
}