.error {color: red;}
.done {color: green;}

.formLineGarance {width: 100%; float: left; margin: 0px 0px 5px 0px; display: flex; align-items: center;}
.formLineGarance IMG {margin-right: 30px;}

.formLine {width: 100%; float: left; margin: 0px 0px 5px 0px;}
.formLine .formRow {width: 245px; height: 35px; padding: 6px 0px 0px 0px; float: left; font-size: 12px; color: #3c3c3b;}
.formLine .formRow .hvezdicka {font-size: 25px; color: #d9001a; line-height: 12px; font-weight: bold;}
.formLine .formInput {width: 433px; height: 36px; float: left; padding: 0px 10px 0px 20px; margin: 0px; border: 0px; font-size: 14px; color: #3c3c3b; background-image: url(../images/form-input.png); background-color: transparent;}
.formLine .formTextarea {width: 433px; height: 130px; float: left; padding: 10px 10px 10px 20px; margin: 0px 0px 6px 0px; background-image: url(../images/form-textarea.png); background-color: transparent; font-size: 12px; color: #3c3c3b; font-family: Arial; border: 0px;}
.formLine .formCheckboxes {width: 660px; float: left; padding: 0px 0px 15px 0px;}
  .formLine .formCheckboxes INPUT {width: 20px; float: left; height: 25px; padding: 0px; margin: 0px;}
  .formLine .formCheckboxes LABEL {width: 195px; height: 20px; float: left; font-size: 12px; color: #3c3c3b; padding: 5px 0px 0px 5px;}
.formLine .formCheckboxesBig {width: 660px; float: left; padding: 0px 0px 15px 0px;}
  .formLine .formCheckboxesBig INPUT {width: 20px; float: left; height: 25px; padding: 0px; margin: 2px 0px 0px 0px;}
  .formLine .formCheckboxesBig LABEL {width: 620px; height: 20px; float: left; font-size: 12px; color: #3c3c3b; padding: 7px 0px 0px 5px;}
.formLine A {color: #e12f7c;}
.formLine .formSelect {width: 65%; float: right; padding: 2px; margin: 0px 0px 0px 0px; border: 1px #4e575c solid; background-color: #192125; font-size: 12px; color: #FFF; font-family: Arial;}
.formLine .formSubmit {width: 100%; float: right; height: 40px; margin: 10px 0px 5px 0px; background-color: #dc1f72; background: linear-gradient(#cf236e, #dc2072); color: #FFF; font-size: 18px; font-weight: bold; border: 0px; cursor: pointer;}
.formLine .formSubmit:HOVER { background: linear-gradient(#ad1a5a, #dc2072); }
.formLine .antispam {width: 150px; height: 24px; border: 1px #e2d8c5 solid; float: left; margin: 0px 10px 0px 15px;}
.formLine .formInputAntispam {width: 276px; height: 24px; float: left; padding: 0px 10px 0px 5px; margin: 0px; border: 1px #ccc solid; font-size: 14px; color: #3c3c3b;}
.detailSide .formLine .formCheckboxes {width: 440px; float: left; padding: 0px 0px 15px 0px;} 


.formLine .formSelectG {position: relative; width: 443px; height: 36px; float: left; padding: 0px 0px 0px 20px; background-image: url(../images/form-input.png); background-color: transparent;}
.formLine .formSelectG .arrow {width: 32px; height: 32px; float: right; background-image: url(../images/select-drop-off.jpg); cursor: pointer; margin: 2px 2px 0px 0px; z-index: 49;}
.formLine .formSelectG .active {position: absolute; top: 0px; left: 10px; width: 100%; height: 26px; padding: 4px 0px 0px 10px; float: left; color: #000; border: 0px; cursor: pointer; font-size: 14px; color: #3c3c3b; line-height: 2; overflow: hidden;}
.formLine .formSelectG .bgRed {color: #d9001a;}
.formLine .formSelectG .activeInput {display: none;}
.formLine .formSelectG .list {position: absolute; top: 35px; left: 10px; width: 451px; float: left; border: 1px #ccc solid; display: none; z-index: 100;}
#content .formLine .formSelectG .list .listItem {width: 431px; float: left; padding: 5px 10px; cursor: pointer; background-color: #FFF; font-size: 12px; color: #3c3c3b; border-bottom: 1px dashed #ddd;}
.formLine .formSelectG .list .listItem {width: 431px; float: left; padding: 5px 10px; cursor: pointer; background-color: #FFF; font-size: 12px; color: #3c3c3b; border-bottom: 1px dashed #ddd;}
  .formLine .formSelectG .list .listItem A {color: #3c3c3b;}
  #content .formLine .formSelectG .list .last {border: 0px;}
  .formLine .formSelectG .list .last {border: 0px;}
.formLine .formSelectG .list .listItem:HOVER {background-color: #dedede;}
.formLine .formSelectG .list .listItemDisabled {width: 431x; float: left; padding: 5px 10px; border-bottom: 1px #ddd dashed; cursor: pointer; background-color: #f7f7f7; font-size: 12px; color: gray;}


/* SIMPLE */
.formLine .formRow2 {width: 245px; padding: 6px 0px 0px 0px; float: left; font-size: 12px; color: #3c3c3b;}
.formLine .formRow2.right {flex: 0 0 245px; text-align: right; padding-right: 10px;}
.formLine .formRow2 .hvezdicka {font-size: 25px; color: #d9001a; line-height: 12px; font-weight: bold;}
.formLine .formSelectG2 {width: 461px; float: left; padding: 3px; border: 1px #ccc solid;}
.formLine .formSelectG2 .bgRed {border-color: #d9001a; background-color: fadfdf; background-image: none;}
.formLine .formInput2 {width: 453px; float: left; padding: 3px; margin: 0px; border: 1px #ccc solid; font-size: 14px; color: #3c3c3b;}
.formLine .formCheckboxText {padding: 6px 0px 0px 0px; float: left; font-size: 12px; color: #3c3c3b;}
.formLine .formTextarea2 {width: 453px; height: 130px; float: left; padding: 3px; margin: 0px 0px 6px 0px; border: 1px #ccc solid; font-size: 12px; color: #3c3c3b; font-family: Arial;}
/* end SIMPLE */


.formLine .formRow .bigPink {font-size: 16px; color: #E12F7C; font-weight: bold;}

.formLine .bgRed {border-color: #d9001a; background-color: #fbe6e6; /*background-image: url(../images/form-input-red.png);*/}
.formLine .bgRedAS {border-color: #d9001a; background-color: #fbe6e6; /*background-image: url(../images/form-as-red.png);*/}
.formLine .bgRedTextarea {border-color: #d9001a; background-color: #fbe6e6; /*background-image: url(../images/form-textarea-red.png);*/}

.formLine .tipFrame {width: 555px; padding: 10px 0px 10px 245px; margin: 0px 0px 0px 2px; float: left; font-size: 12px; font-style: italic;}
.formLine .tipFrame A {color: #d9001a;}

.formBlock {width: 940px; padding: 20px 20px 10px 20px; float: left; border: 1px #ccc solid; background-color: #f7f7f7; margin: 0px 0px 20px 0px;}
  .formBlock H3 {margin: 0px 0px 15px 0px; float: left; width: 940px; padding: 0px 0px 15px 0px; /*background-image: url(../images/hr.png); background-repeat: repeat-x; background-position: left bottom; font-size: 18px; color: #e12f7c; font-weight: bold;*/}
#homeTextFrame .formBlock .error {font-size: 14px; color: #d9001a;}
#homeTextFrame .done {font-size: 14px; color: green;}
.formBlockSmall {width: 100%; padding: 0px 0px 0px 0px; float: left; margin: 20px 0px 10px 0px;}
  .formBlockSmall .formSubmit {margin: 15px 0px 0px 0px;}
  
.form { width: 100%; height: 100%; display: none; position: fixed; top: 0; left: 0; z-index: 501; padding: 20px 0 20px 0; background: rgba(255,255,255,.8); }
.form.visible { display: block; }
 .form .mainFrame { width: 500px; max-height: 100%; position: relative; padding: 30px; background: #fff; box-shadow: -4px -5px 75px #dc1f72; overflow-y: auto; }
.form H2 { margin-top: 0; margin-bottom: 20px; font-weight: 400; }
.form .formRow { width: 150px; float: left; margin-top: 9px; }
.form .formInput { width: calc(100% - 160px); float: right; }
 .form .formInput INPUT { width: 100%; float: left; height: 40px; outline: none; padding: 0 5px; box-sizing: border-box; }
.form .row { margin-bottom: 10px; }
.form .homeRegP { margin-bottom: 25px; }
.form INPUT[type=submit] { width: 100%; margin-top: 10px; padding: 10px 0; background: linear-gradient(#cf236e, #dc2072); text-align: center; font-size: 17px; color: #fff; border: 0; outline: none; }

.close { width: 20px; height: 20px; position: absolute; top: 5px; right: 5px; cursor: pointer; }
.close:before { content: ""; width: 100%; height: 2px; position: absolute; top: calc(50% - 1px); left: 0; background: #b7b7b7; transform: rotate(-45deg); }
.close:after { content: ""; width: 100%; height: 2px; position: absolute; top: calc(50% - 1px); left: 0; background: #b7b7b7; transform: rotate(45deg); }

.form .moreInfo { float: right; margin-bottom: 15px; text-align: right; color: #e12f7c; font-size: 11px;}
 .form .moreInfo A {color: #e12f7c;}

BODY.notScrollable { overflow: hidden; } 

.prevod .formLine .formRow { width: auto; }

@media screen
and (max-width: 1200px)
{
  .form .mainFrame { float: none; }
  
  .formBlock {width: 100%;}
  .formLine {flex-wrap: wrap;}
  .formLine .formRow2.right {width: 100%; flex: 0 0 100%; text-align: left;}
  .formLine .formInput2 {width: 100%;}
  .formLine .formCheckboxText {width: 100%;}
  
  #forgotPassword {width: 100%; margin: 0;}
}

@media screen
and (max-width: 600px)
{
  .form .mainFrame { width: 90%; }
  .form .head, .form .inputs { padding-right: 0; padding-left: 0; }
  .close { position: fixed; }
  
  .formBlock H3 {width: 100%;}
  
  .formLineGarance {display: block; width: 100%; text-align: center;}
  .formLineGarance IMG {margin: 0 0 20px 0;}
}

@media screen
and (max-width: 480px)
{
  .form .head { padding-top: 20px; }
   .form H2 { margin-bottom: 15px; padding-bottom: 15px; font-size: 25px; }
  .form .formRow { width: 100%; margin-top: 0; }
  .form .row { margin-bottom: 10px; }
   .form .formInput, .form TEXTAREA { width: 100%; }
   .formLine .formSelectG,
   #search .longSelect .formSelectG .list .listItemDisabled,
   #search .longSelect .formSelectG .listItem,
   #search .formLine .formSelectG .active { width: 100%; box-sizing: border-box; }
                    
   .formLine .formSelectG .list,
   #content .formLine .formSelectG .list .listItem  { width: calc(100% - 10px); } 
   
   .formLine .formSubmit { font-size: 14px; }
}