/* CSS Document */
/* ------------------------------ Formular ------------------------ */
div.form {
  width: 600px;
  padding: 5px;
  border: 1px solid rgb(206,206,206);
  margin-left: auto;
  margin-right: auto;
  background: rgb(240,240,240);
}

.form .element {
  border: none;
  padding-bottom: 6pt;
}

.form .desc {
  font-weight: bold;
  border: none;
  margin-bottom: 1px;
}

.form .submit {
  text-align: center;
}

.form table {
  background: inherit;
  border: none;
  margin: 0;
} 

input[type=text], input[type=password], .form select {
  height: 18px;
}

input[type=text], input[type=password], textarea, .form select {
  padding: 0;
  margin: 0px;
  border: 1px solid rgb(206,206,206);
  background: white;
}

input[type=text], .form input[type=password], .form textarea {
  width: 100%;
}

input[type=text]:focus, input[type=password]:focus, 
textarea:focus, .form select:focus {
  border: 1px solid blue;
  background: #F0F0FF
}

.form .nest {
  border: 1px solid rgb(206,206,206);
  background: rgb(240,240,240);
  padding: 3px;
}

.form .errorDesc {
  font-weight: bold;
  color: red;  
}

.form input[type=text].error, .form input[type=password].error, 
.form textarea.error, .form select.error, .form .nest.error {
  background: rgb(255,160,160);
  border: 1px solid red;
}


/*Zmena Vaclav*/
.form h3 {
  margin-bottom: 7px;
  margin-left: -2px;
}

.form .vis {
  display: block;
}

.form .invis {
  display: none;
}

#visa, #visa-el, #mc, #mae {
  width: 92px;
  height: 58px;
  display: inline-block;
  background-position: 0 0;
  background-size: 92px 58px;
  background-repeat: no-repeat;
}

#visa {background-image: url(../../img/visa.png);}
#visa-el {background-image: url(../../img/visa-el.png);}
#mc {background-image: url(../../img/mc.png);}
#mae {background-image: url(../../img/mae.png);}

.form .card {
  width:100%;
}

.form .card td {
  height: 58px;
  text-align: center;
}

.form .card input, .form .card label {
  vertical-align: middle;
}

.form .checkPayment {
  width: 100%;
}

.form .checkPayment td {
  padding-top: 3px;
  padding-bottom: 3px;
}

.form .checkPayment .th-low {
  padding-top: 15px;
  padding-bottom: 5px;
  font-weight: bold;
}

.set-price td {
  padding: 0px 20px 0px 20px;
}

.set-price th {
  text-align: center;
}

.set-price .capt {
  padding-top:15px;
  padding-left:10px;
}

.set-price .price {
  text-align: right;
  padding-left: 0px;
  padding-right: 20px;
}

.set-price .buttons {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 10px;
}

.set-price .price_input {
  width:auto;
}

.set-price .error {
  background: rgb(255,160,160);
  border: 1px solid red;
}

.allPays .month {
  text-align:center;
  width: 20px;
}
.allPays .year {
  text-align:center;
  width: 35px;
}
.allPays .menu-space {
  margin-left:15px;
  margin-right:15px;
  border-right:1px solid #aaaaaa;
}
.allPays .order, .allPays label, .allPays input[type='checkbox'] {
  cursor: pointer;
}
.allPays .underln {
  border-bottom:1px solid #aaaaaa;
}
.allPays th {
  text-align:center;
}
.allPays td {
  padding-left:8px;
  padding-right:8px;
}
.allPays th {
  background-image:none;
}
.allPays .name {
  width: 120px;
}

.allPays .yes, .allPays .no {
  display: inline-block;
  cursor: pointer;
  width: 40px;
  padding-top: 3px;
  padding-bottom: 3px;
  border-radius: 10px;
  font-weight: bold;
}
.allPays .yes, .copyright_violation {
  color: rgb(150,0,0);
  background-color: rgb(250,200,200);
}
.allPays .no {
  color: rgb(0,150,0);
  background-color: rgb(200,250,200);
}
.copyright_violation {
  padding: 3px 5px 3px 5px;
}
/* ------------------------------ Formular konec ------------------------ */