/* Makes responsive fields. Sets size and field alignment.*/
label.envelope{float: left; width: 120px; padding: 5px; font-size: 14px; color: #546a76;}

span.envelope{
    overflow: hidden;
    display: block;
    padding: 1px;
}

span.small{
    width: 40px;
}

span.middle{
    width: 120px;
}

span.napoveda{font-weight: 400; font-size: 15px; color: #505050;margin-left: 10px;}

span.envelope input{
margin-bottom: 5px;
width: 100%;
font-size: 16px;
padding: 5px;
border-radius:5px;
background-color: white;
border:1px solid #546a76;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

span.envelope input.required:invalid {
  background: #ffdddd;
  outline: 0;
}

span.envelope select.required:invalid{
background: #ffdddd;
outline: 0;
}

span.envelope input.required:valid {
  background: #ddffdd;
}

span.envelope select.required:valid{
background: #ddffdd;
}

span.envelope input[type=submit]{
width:100%;
padding: 5px;
border-radius:5px;
border:1px solid #546a76;
background-color: #546a76;
color: white;
font-size:14px;
font-weight: 600;
cursor:pointer;
}

input::-webkit-input-placeholder {
  font-family: 'Didact Gothic', sans-serif;
  font-size: 16px;
  color:#505050;
  opacity: 0.7;
}

input:-moz-placeholder { /* Firefox 18- */
  font-family: 'Didact Gothic', sans-serif;
  font-size: 16px;
  color:#505050;
  opacity: 0.7;
}

input::-moz-placeholder {  /* Firefox 19+ */
  font-family: 'Didact Gothic', sans-serif;
  font-size: 16px;
  color:#505050;
  opacity: 0.7;
}

input:-ms-input-placeholder {
  font-family: 'Didact Gothic', sans-serif;
  font-size: 16px;
  color:#505050;
  opacity: 0.7;
}

input::placeholder {
  font-family: 'Didact Gothic', sans-serif;
  font-size: 16px;
  color:#505050;
  opacity: 0.7;
}

textarea::-webkit-input-placeholder {
  font-family: 'Didact Gothic', sans-serif;
  font-size: 16px;
  color:#505050;
  opacity: 0.7;
}

textarea:-moz-placeholder { /* Firefox 18- */
  font-family: 'Didact Gothic', sans-serif;
  font-size: 16px;
  color:#505050;
  opacity: 0.7;
}

textarea::-moz-placeholder {  /* Firefox 19+ */
  font-family: 'Didact Gothic', sans-serif;
  font-size: 16px;
  color:#505050;
  opacity: 0.7;
}

textarea:-ms-input-placeholder {
  font-family: 'Didact Gothic', sans-serif;
  font-size: 16px;
  color:#505050;
  opacity: 0.7;
}

textarea::placeholder {
  font-family: 'Didact Gothic', sans-serif;
  font-size: 16px;
  color:#505050;
  opacity: 0.7;
}

span.envelope input[type=submit]:hover{background-color: white; color: #546a76; transition: all 300ms ease 0s;}

span.envelope select{
margin-bottom: 3px;
padding: 5px;
border-radius:5px;
border:1px solid #546a76;
}

span.envelope textarea{
width:100%;
font-size: 16px;
padding: 5px;
border:1px solid #546a76;
border-radius:5px;
margin-bottom: 5px;
resize:none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}