body {
    background-color: #DDD;
}

/* INPUT E CAMPI */
input[type="text"],
input[type="password"],
input[type="select"],
select,
div.results,
input#file.upload {
    transition: all 0.451s ease;
    box-shadow: 0px 2px 7px -4px #000000 inset;
    background: #FFF;
    border-radius: 4px;
    border: 1px solid #ccc;
    font-family: 'Open Sans', sans-serif;
    font-size: 115%;
    color: #555;
    padding: 10px;
    margin: 4px;
}

input[type="text"]:hover,
input[type="password"]:hover,
input[type="select"]:hover,
select:hover,
div.results:hover,
input#file.upload:hover {
    background: #DDD;
}

input#file.upload {
    margin: 15px;
    padding: 15px;
}

div.results.tr,
div.results.td {
    padding: 5px;
}

div.notice {
    padding: 15px;
}

/* BUTTON */
#sendbutton {
    transition: all 0.451s ease;
    box-shadow: 0px 8px 14px -7px #000000;
    background: linear-gradient(to bottom, #008030 5%, #007020 100%);
    border-radius: 4px;
    border: 1px solid #4b8f29;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 23px;
    font-weight: bold;
    padding: 16px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #5b8a3c;
}

#sendbutton:hover {
    background: linear-gradient(to bottom, #007020 5%, #008030 100%);
}

#sendbutton:active {
    position: relative;
    top: 3px;
    box-shadow: 0px 5px 14px -7px #000000;
}

/* HEADER */
.header {
    min-width: 400px;
    width: 60%;
    margin: 50px auto 0 auto;
    text-align: center;
    background-color: #008030;
    padding: 20px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 24px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0px 8px 14px -7px #000000;
}

/* CONTENT */
.content {
    min-width: 400px;
    width: 60%;
    margin: 0 auto;
    font-size: 20px;
    text-align: center;
    background-color: #FFF;
    padding: 20px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 24px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0px 8px 14px -7px #000000;
}

/* TITLE */
.title {
    text-shadow: 1px 2px 4px rgba(0,0,0,0.5);
    font-weight: bold;
    color: #000;
    letter-spacing: 1pt;
    word-spacing: 2pt;
    font-size: 1.2em;
    text-align: center;
    line-height: 1;
    margin-bottom: 10px;
}

/* FOOTER */
.footer {
    box-sizing: border-box;
    color: #61666C;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 32px;
    margin-top: 15px;
    text-align: center;
}