@charset "utf-8";

body {
    margin: 0;
    background-image: url(images/bg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

p {
    padding-bottom: 5px;
    margin: 0;
    font-size: 12px;
    line-height: 18px;
}

h2 {
    color: #FFFFFF;
    font-size: 14px;
    padding: 20px 0 10px 0;
}

#clear {
    clear: both;
}

.clear {
    clear: both;
}

#page {
    width: 775px;
    min-height: 680px;
    margin: 0 auto;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#top {
    width: 775px;
    height: 27px;
    font-size: 14px;
    position: relative;
    text-align: center;
    margin: 0;
}

    #top ul {
        padding-top: 8px;
    }

    #top li {
        display: inline;
        text-decoration: none;
        color: #FFF;
        padding: 0;
        margin: 0;
    }

    #top a {
        color: #FFF;
    }

        #top a:hover {
            color: #c9edfd;
        }

#header-pt {
    width: 775px;
    height: 141px;
    background-image: url(Images/topo.png);
    background-repeat: no-repeat;
    background-position: top center;
}

#header-en {
    width: 775px;
    height: 141px;
    background-image: url(Images/topo.en.png);
    background-repeat: no-repeat;
    background-position: top center;
}

#logo {
    width: 223px;
    height: 141px;
    margin-left: 60px;
    float: left;
}

    #logo a {
        position: absolute;
        padding: 120px 180px 20px 50px;
    }

#twitter {
    width: 125px;
    height: 40px;
    margin-left: 90px;
    float: left;
    margin-top: 100px;
}

    #twitter a {
        position: absolute;
        padding: 20px 80px 20px 50px;
    }

#languagebr {
    width: 40px;
    height: 40px;
    margin-left: 180px;
    float: left;
    margin-top: 100px;
}

    #languagebr a {
        position: absolute;
        padding: 20px 20px 20px 18px;
        cursor: pointer;
    }

#languageen {
    width: 40px;
    height: 40px;
    float: left;
    margin-top: 100px;
}

    #languageen a {
        position: absolute;
        padding: 20px 20px 20px 18px;
        cursor: pointer;
    }

#slider {
    margin-top: 30px;
    width: 775px;
    height: 326px;
    background-image: url(images/Image1.png);
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
}

#coin {
    width: 775px;
    height: 326px;
    position: relative;
    padding: 20px 0px 0px 15px;
}

#coin-slider {
    width: 739px;
    height: 278px;
    position: relative;
}

    #coin-slider img {
        float: left;
    }

.nivo-controlNav {
    display: none;
}

#conteudo-home {
    width: 755px;
    min-height: 180px;
    padding-left: 20px;
    margin-top: 10px;
}

#bemvindo {
    float: left;
    width: 250px;
    height: 140px;
}

    #bemvindo p {
        color: #FFFFFF;
        font-size: 14px;
    }

#webservice p {
    color: #FFFFFF;
    font-size: 12px;
}

#cotacoes {
    float: left;
    width: 261px;
    min-height: 180px;
    background-image: url(images/fundo-cotacoes.png);
    background-repeat: no-repeat;
    padding-left: 10px;
}

    #cotacoes table {
        margin-top: 10px;
    }

#webservice {
    float: right;
    width: 230px;
    height: 165px;
    background-image: url(images/esc.png);
    background-repeat: no-repeat;
}

.pws {
    padding-top: 20px;
    line-height: 14px;
}

#footer {
    padding-top: 20px;
    text-align: center;
    color: #FFFFFF;
    font-size: 9px;
}

    #footer a, #footer-empresa a, #webservice a {
        color: #FFFFFF;
    }

/*/////////////////////////EMPRESA/////////////////////////*/

#conteudo-empresa {
    width: 775px;
    margin-top: 30px;
    background-image: url(images/fundo-empresa_png.png);
    background-repeat: no-repeat;
}

#empresa_texto {
    width: 400px;
    height: 783px;
    position: relative;
    top: 40px;
    left: 40px;
    color: #095e81;
}

#conteudo-empresa h2 {
    color: #095e81;
}

/*/////////////////////////IMPORTACAO/////////////////////////*/

#conteudo-importacao {
    width: 775px;
    min-height: 325px;
    margin-top: 30px;
    background-image: url(images/fundo-importacao.png);
    background-repeat: no-repeat;
}

#importacao_texto {
    width: 700px;
    height: 396px;
    position: relative;
    top: 45px;
    left: 40px;
    color: #095e81;
}

#conteudo-importacao h2 {
    color: #095e81;
}

/*/////////////////////////EXPORTACAO/////////////////////////*/

#conteudo-exportacao {
    width: 775px;
    min-height: 425px;
    margin-top: 30px;
    background-image: url(images/fundo-exportacao.png);
    background-repeat: no-repeat;
}

#exportacao_texto {
    width: 500px;
    height: 400px;
    color: #095e81;
    float: left;
    position: relative;
    top: 35px;
    left: 40px;
}

    #exportacao_texto a, #download a {
        color: #095e81;
        text-decoration: underline;
    }

        #exportacao_texto a:hover, #download a:hover {
            color: #0CF;
        }

#conteudo-exportacao h2 {
    color: #095e81;
}

#download {
    width: 180px;
    height: 40px;
    font-size: 12px;
    float: right;
    margin-top: 210px;
    margin-right: 20px;
}

    #download p {
        margin-bottom: 5px;
    }

/*/////////////////////////TRANSPORTE RODOVIARIO/////////////////////////*/

#conteudo-tr {
    width: 775px;
    min-height: 325px;
    margin-top: 30px;
    background-image: url(images/fundo-tr.png);
    background-repeat: no-repeat;
}

#transporte-texto {
    width: 770px;
    height: 420px;
    position: relative;
    top: 45px;
    left: 40px;
    color: #095e81;
}

#exportacao_texto a {
    color: #095e81;
}

#conteudo-tr h2 {
    color: #095e81;
}


/*/////////////////////////FALE CONOSCO/////////////////////////*/

#conteudo-faleconosco {
    width: 775px;
    min-height: 420px;
    margin-top: 30px;
    background-image: url(images/fundo-contato.png);
    background-repeat: no-repeat;
}

#faleconosco_a {
    width: 300px;
    height: 400px;
    float: left;
    position: relative;
    top: 45px;
    left: 40px;
    color: #095e81;
}

#faleconosco_b {
    width: 360px;
    height: 350px;
    float: right;
    position: relative;
    left: -15px;
    top: 45px;
    color: #095e81;
}

    #faleconosco_a a, #faleconosco_b a {
        color: #095e81;
    }

        #faleconosco_a a.mapa {
            font-size: 13px;
            font-weight: bold;
        }

#conteudo-faleconosco h2 {
    color: #095e81;
}


#rodape-contato {
    text-align: center;
    color: #FFFFFF;
    font-size: 9px;
    float: left;
}

    #rodape-contato a {
        color: #FFFFFF;
    }

.formContact label {
    clear: left;
    float: left;
    width: 60px;
    margin: 0 5px 0 0;
    line-height: 30px;
    text-align: left;
    font-size: 12px;
}

.formContact select {
    width: 200px;
    border: 1px solid #F5F5F5;
    height: 15px;
    background: #F5F5F5;
}

textarea {
    height: 30px;
}

input[type=text], textarea {
    width: 200px;
    border-width: 1px;
    padding: 3px;
    border: 1px solid #F5F5F5;
    background: #F5F5F5;
}

.formContact input[type=text] {
    height: 10px;
}

.formContact input[type=submit] {
    float: right;
    margin-right: 90px;
}

.formContact input.input-validation-error[type="text"], .formContact textarea.input-validation-error, input.input-validation-error[type="file"] {
    border: 1px solid #FF0000;
    background-color: #FFEEEE;
}

#cotacoes table {
    margin: 0 6px 5px 8px;
    font-size: 12px;
    color: #0b3655;
    width: 210px;
}

    #cotacoes table.valores {
        height: 70px;
    }

    #cotacoes table.table-header {
        margin-top: 12px;
    }

    #cotacoes table tr td {
        text-align: center;
        padding: 3px;
    }

    #cotacoes table .data {
        background: #066993;
        color: #fff;
    }

    #cotacoes table tr .sigla {
        color: #095e81;
        width: 40%;
        font-weight: bold;
    }

    #cotacoes table tr .taxa {
        color: #095e81;
        width: 60%;
        font-weight: bold;
    }

#footer p {
    font-size: 14px;
}
