/* form style */
.form-style {
    max-width: 420px;
    padding: 10px;
    margin: 0 auto;

    font: 13px Arial, Helvetica, sans-serif;

    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .2);
       -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .2);
            box-shadow: 0 0 15px rgba(0, 0, 0, .2);
}
.form-style-heading {
    padding-bottom: 3px;
    margin-bottom: 10px;

    font-size: 15px;
    font-weight: bold;

    border-bottom: 2px solid #ddd;
}
.form-style label {
    display: block;
    margin: 0 0 15px 0;

    font-size: 12px;
}
.form-style label > span {
    float: left;
    width: 100px;
    padding-top: 8px;
    padding-right: 5px;

    font-weight: bold;
}
.form-style span.required {
    width: 0;
    height: 0;

    color: red;
}

.required {
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
}
.form-style input[name=phone1] {
    width: 40px!important;

    text-align: center;
}
.form-style  input[name=phone2],
input[name=puesto] {
    width: 180px!important;
}
.form-style input[type=text],
input[type=email] {
    width: 180px;
}
.form-style input[type=puesto],
.form-style input[type=text],
.form-style input[type=email],
.form-style input[type=file],
.form-style input[type=number],
.form-style textarea,
.form-style select {
    padding: 7px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;

    -webkit-transition: all .30s ease-in-out;
       -moz-transition: all .30s ease-in-out;
        -ms-transition: all .30s ease-in-out;
         -o-transition: all .30s ease-in-out;

    border: 1px solid #c2c2c2;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    outline: none;
    -webkit-box-shadow: 1px 1px 4px #ebebeb;
       -moz-box-shadow: 1px 1px 4px #ebebeb;
            box-shadow: 1px 1px 4px #ebebeb;
}
.form-style input[type=number]:focus,
.form-style input[type=text]:focus,
input[type=email]:focus,
.form-style input[type=file]:focus,
.form-style textarea:focus,
.form-style select:focus {
    border: 1px solid #0c0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    margin: 0;

    -webkit-appearance: none;
}
.form-style textarea {
    width: 55%;
    height: 100px;
}
.form-style button[type="submit"] {
    display: inline-block;
    padding: 8px 18px;

    font: 12px Arial, Helvetica, sans-serif;

    cursor: pointer;
    text-decoration: none;

    color: #fff;
    border: 1px solid #17445e;
    background-color: #216288;
    -webkit-box-shadow: inset 0 1px 0 0 #3985b1;
       -moz-box-shadow: inset 0 1px 0 0 #3985b1;
            box-shadow: inset 0 1px 0 0 #3985b1;
}
.form-style button[type="submit"]:hover {
    background: linear-gradient(to bottom, #2d77a2 5%, #337da8 100%);
    background-color: #28739e;
}
.form-style .success {
    padding: 5px 10px 5px 10px;
    margin: 0 0 5px 0;

    font-weight: bold;

    color: #2e6800;
    border: none;
    border-left: 3px solid #2e6800;
    background: #d8ffc0;
}
.form-style .error {
    padding: 5px 10px 5px 10px;
    margin: 0 0 5px 0;

    font-weight: bold;

    color: #f00;
    border: none;
    border-left: 3px solid #f00;
    background: #ffe8e8;
}

input[type=number] {
    -moz-appearance: textfield;
}