textarea {
 /*vertical-align: top;*/
}
textarea.animated {
 -webkit-transition: height 0.2s; -moz-transition: height 0.2s;	transition: height 0.2s;
}

.formular .chyba {
 margin: 0 0 15px 0; padding: 15px 15px 8px 15px; color: #902409; background: #fdc5c5; border: 2px solid #ff9494;
}
.formular .chyba a {
 font-weight: bold; color: #902409;
}
.formular .chyba span {
 display: block; margin-bottom: 7px; font-size: 18px; line-height: 20px;
}
.formular .ok {
 margin: 0 0 15px 0; padding: 20px 20px 15px 20px; font-size: 18px; line-height: 130%; color: #ffffff; background: #18a9bf;
}
.formular .ok span {
 display: block; margin-bottom: 5px;
}

.formular span {
 display: block;
}
.formular span.info {
 margin: 0 0 15px 0; padding: 8px 8px; line-height: 130%; background: #e5e5e5;
}
.formular span.info.red {
 color: #ff0000;
}

.chybainput {
 float: left; margin: 1px 0 0 0; padding: 7px 10px; font-size: 14px; line-height: 100%; color: #ffffff; background: #ff0000;
}
.okinput {
 float: left; margin: 1px 0 0 0; padding: 7px 10px; font-size: 14px; line-height: 100%; color: #ffffff; background: #80c5db;
}

.formular label {
 float: left; width: 200px; margin: 0 0 12px 12px; padding: 11px 0 0 0; text-align: right; font-weight: 400;
}
.formular label.radch {
 padding: 5px 0 0 0; 
}
.formular label.pov {
 font-weight: bold; color: #000000;
}
.formular label.w300 {
 width: 300px;
}
.formular label.w250 {
 width: 250px;
}
.formular label.w120 {
 width: 120px;
}
.formular label.w80 {
 width: 80px;
}
.formular input[type=text], .formular input[type=password], .formular input[type=file], .formular select, .formular textarea, .textarea {
 float: left; width: 250px; margin: 0 0 12px 12px; padding: 10px; font-size: 16px; background: #ffffff; border: 1px solid #b7b7b7;
 -webkit-box-shadow: inset 0px 0px 5px 0px #ededed; -moz-box-shadow: inset 0px 0px 5px 0px #ededed;
 box-shadow: inset 0px 0px 5px 0px #ededed; font-family: arial;
}
.formular select {
 width: 260px; padding: 9px 6px 9px 6px;
}
.formular input.w400 {
 width: 400px;
}
.formular input.w200 {
 width: 200px;
}
.formular input.w150 {
 width: 150px;
}
.formular input.w100 {
 width: 100px;
}
.formular input.w50 {
 width: 50px;
}
.formular textarea.w400 {
 width: 400px; height: 80px;
}
.formular input[type=text]:disabled {
 color: #525252; background: #e1e1e1;
}
.formular input[type=text][readonly], .formular input[type=text][readonly="readonly"] { 
 color: #525252; background: #e1e1e1; 
}
.spravyodvody input[type=text][readonly].date, .formular input[type=text][readonly="readonly"].date {
 background: #fbfbfb;
}

.formular .text2 {
 float: left; margin: 0 0 18px 12px; padding: 11px 0 0 0;
}

.formular .inputmore {
 float: left; margin: 0 0 0 12px;
}
.formular .inputmore.noMarginLeft {
 margin-left: 0;
}
.formular .inputmore.radiocheckbox {
 margin-top: 12px; margin-bottom: 0;
}

.formular .inputmore.radiocheckbox input[type=radio], .formular .inputmore.radiocheckbox input[type=checkbox] {
 float: left; margin: 2px 7px 7px 0;
}
.formular .inputmore label {
 width: auto; margin: 0 0 0 0; padding: 0; text-align: left; font-weight: normal;
}
.formular .inputmore .info3.clear {
 cursor: pointer;
}
.formular .inputmore.narodeny label {
 margin: 11px 7px 0 0; color: #717171;
}
.formular .inputmore.narodeny select {
 width: auto; margin-left: 0; margin-right: 12px;
}
.formular .inputmore.narodeny input[type=text] {
 margin-left: 0;
}
.formular .inputmore .other {
 margin-top: 6px;
}
.formular .inputmore .other.hide {
 display: none;
}
.formular .inputmore .other label {
 color: #717171;
}



.formular.dotaznik label.radch {
 display: block; width: auto; margin: 18px 0 12px 0; padding: 14px 18px; font-size: 18px; line-height: 21px; 
 text-align: left; background: #e2e2e2;
}
.formular.dotaznik label.radch:first-child {
 margin-top: 0;
}
.formular.dotaznik textarea {
 clear: both; margin: 3px 0 0 8px; width: 320px; height: 100px;
}
.formular.dotaznik input[type=text] {
 clear: both; margin: 1px 0 0 8px;
}
.formular.dotaznik .inputmore {
 clear: both; float: left; margin: 0 0 0 12px;
}
.formular.dotaznik .inputmore.radiocheckbox input[type=radio], .formular.dotaznik .inputmore.radiocheckbox input[type=checkbox] {
 margin: 5px 7px 7px 0;
}
.formular.dotaznik .inputmore label {
 margin: 3px 0 0 0;
}
.formular.dotaznik .inputmore textarea {
 width: 280px; height: 50px; margin: 5px 0 0 0;
}
@media screen and (max-width: 400px) { 
 .formular.dotaznik textarea { width: 80%;} 
} 


.formular span.info2 {
 float: left; margin: 4px 0 0 7px; font-size: 12px;
}
.formular span.info3 {
 float: left; margin: 10px 0 0 7px; font-size: 12px;
}

.formular input[type=submit] {
 display: block; margin: 0 auto; margin-top: 15px; padding: 14px 28px; font-size: 15px; color: #ffffff;
 background: #000000; text-decoration: none;
}
.formular input[type=submit]:hover {
 color: #303030; background: #ffa800; text-decoration: none;
}

.formular .ononeline {
 text-align: center;
}
.formular .ononeline input[type=submit] {
 display: inline-block; margin-left: 10px; margin-right: 10px;
}

.formular .info.nadp {
 margin: 12px 0 10px 0;
}