/* Makes responsive fields. Sets size and field alignment.*/
label.envelope{float: left; width: 150px; padding: 10px; font-size: 14px; color: #546a76;}
.envelope label{position:absolute; top:0; left:0; width: auto!important; padding: 0!important; font-size: 13px!important; margin-left:1px!important; padding:0 2px!important; background-color: white;}
.envelope span label{position:absolute; top:-20px; left:0; width: auto!important; padding: 0!important; font-size: 13px!important; margin-left:1px!important; padding:0 5px!important; background-color: white;}


@media only screen and ( max-width: 600px ){
    label.envelope{float: none; width: 100%;}
}

span.envelope{
  position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 5px;
    padding: 0;
    padding-top: 6px;
}

span.envelope span{
  position: relative;    
}

span.small{
    width: 40px;
}

span.middle{
    width: 100px;
}

span.napoveda{font-weight: 400; font-size: 13px; color: #808080;margin-left: 10px;}
span.info{font-weight: 400; font-size: 13px; color: #e3000f;margin-left: 10px;}

span.envelope input{
/*margin-bottom: 3px;*/
width: 100%;
font-size: 13px;
padding: 5px;
border-radius:5px;
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 textarea.required:invalid{
background: #ffdddd;
outline: 0;
}

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

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

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

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

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: 13px;
padding: 10px;
border:1px solid #546a76;
border-radius:5px;
margin-bottom: 5px;
resize:vertical;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}