@font-face {
    font-family: 'FuturaStd-Heavy';
    src: url('./fonts/FuturaStd-Heavy.eot');
}

@font-face {
    font-family: 'FuturaStd-Heavy';
    src: url('./fonts/FuturaStd-Heavy.woff') format('woff'),
    url('./fonts/FuturaStd-Heavy.svg#FuturaStd-Heavy') format('svg');
}

@font-face {
    font-family: 'FuturaStd-Book';
    src: url('./fonts/FuturaStd-Book.eot');
}

@font-face {
    font-family: 'FuturaStd-Book';
    src: url('./fonts/FuturaStd-Book.woff') format('woff'),
    url('./fonts/FuturaStd-Book.svg#FuturaStd-Book') format('svg');
}

* {
    font-family: 'FuturaStd-Book', sans-serif;
    font-size: 98%;
}

html, body {
    margin: 0;
    padding: 0;
}

body {
    background: url('./images/diagonal-noise.png') rgb(6,145,165);
}

.wrap {
    height: 50%;
}

table.body {
    width: 850px;
    height: 650px;
    background: url('./images/shadow-table.png') center center no-repeat;
    margin-top: -325px;
}

table.body tr.body td.body {
    background: white;
    vertical-align: top;
}

div.header {
    background: url('./images/header.png') no-repeat left top;
    height: 70px;
    position: relative;
    z-index: 10;
    margin-bottom: -70px
}

div.footer {
    background: url('./images/footer.png') no-repeat left bottom;
    height: 62px;
    position: relative;
    z-index: 10;
    top: 538px;
    margin-bottom: -62px;
}

div.content {
    position: relative;
    height: 600px;
}

div.content .left {
    display: inline-block;
    width: 400px;
    height: 530px;
    vertical-align: top;
    padding-top: 70px;
}

div.content .left .logo {
    height: 175px;
    background: url('./images/logo.png') center center no-repeat;
}

div.content .left .images {
    height: 355px;
    background: url('./images/imagem.png') top left no-repeat;
}

div.content .right {
    display: inline-block;
    width: 399px;
    height: 600px;
    vertical-align: top;
    margin-left: -4px;
    background: url('./images/shadow-vertical.png') left center no-repeat;
}

div.content .right .form {
    padding-top: 80px;
}

div.content .right .form table {
    width: 350px;
}

div.content .right .form table tr {
    height: 30px;
}

div.content .right .form table tr td {
    color: rgb(110,111,112);
}

div.content .right .form table tr td.label {
    vertical-align: top;
    text-transform: uppercase;
    width: 98px;
    color: rgb(110,111,112);
}

div.content .right .form table tr td.box {
    vertical-align: top;
}

div.content .right .form table tr td.box input {
    width: 244px;
    border: none;
    background: rgb(205,205,205);
    margin: 0;
}

div.content .right .form table tr td.box textarea {
    max-width: 244px;
    min-width: 244px;
    max-height: 100px;
    min-height: 100px;
    border: none;
    background: rgb(205,205,205);
    margin: 0;
}

div.content .right .form table tr td button {
    border: none;
    color: white;
    background: grey;
}

div.content .right .contacts {
    margin-top: -10px;
    color: rgb(110,111,112);
}

div.content .right .contacts .top {
    background: url('./images/shadow-top.png') left bottom repeat-x;
    height: 10px;
}

div.content .right .contacts .center {
    text-align: center;
    padding-top: 25px;
}

div.content .right .contacts .bottom  {
}

.mail-sucess {
    border: 1px solid rgb(181,202,3);
    background: rgb(220,230,157);
    border-radius: 5px;
    margin-left: 25px;
    margin-right: 25px;
    padding: 5px;
    color: darkSlateGray;
    text-align: center;
}

.mail-failure {
    border: 1px solid rgb(230,45,42);
    background: rgb(245,163,138);
    border-radius: 5px;
    text-align: center;
}