html, body, div, span,
h1, h2, h3, h4, h5, h6, p, pre,
em, img,
strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, tr, th, td {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    list-style: none;
}

h1,h2,h3,h4,h5,h6 {font-weight:normal;}
input,textarea {margin:0; padding:0;}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
/* change colours to suit your needs */
table {border-collapse:collapse; border-spacing:0;}
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}

sub, sup {font-size:75%; line-height:0; position:relative;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}

body{background: url(bg-principal.jpg) center top no-repeat #f3f3f3; font-family: 'Open Sans';}

@font-face {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-style: normal;

}

.container-principal{width: 1002px; margin: 0 auto}
    .topo{height: 77px; overflow: hidden;}
        .topo h1{font-size: 25px; font-weight: bold; font-style: italic;  color: #0092de; padding-top: 28px; float: left ;}
            .topo h1 span{font-size: 20px; color: #686868; font-weight: normal !important;}
        .topo ul{float: right;}
            .topo ul li{float: left; margin: 9px 34px 0 0;}
        .chamada{height: 128px; overflow: hidden;}
            .chamada p{font-size: 18px; margin: 28px 0 0 36px; line-height: 19px; letter-spacing: -1px}
        .destaque{height: 650px; overflow: hidden;}
            .destaque-esq{width: 687px; height: 30px; float: left;}
                .destaque-esq h2{margin: 272px 0 0 30px; font-size: 20px; font-style: italic;}
                .destaque-esq ul{overflow: hidden; margin: 26px 0 0 24px}
                    .destaque-esq ul li{float: left; width: 218px; background: url(filet.jpg) left top no-repeat;  padding-left: 4px}
                    .destaque-esq ul li:first-child{background: none; margin: 0; padding:0 }
                        .destaque-esq ul li h3{font-size: 18px; font-weight: bold; color: #0092de; font-style: italic; margin: 9px 0 13px 11px; letter-spacing: -1px;}
                        .destaque-esq ul li p{font-size: 14px; color: #202020; margin:0 20px 0 11px; letter-spacing: -1px}
            .destaque-dir{width: 315px; height: 800px; background: url(bg-form-02.png) no-repeat; float: left;}
                .destaque-dir h2{font-size: 20px; color: #ffffff; font-weight: bold; font-style: italic; margin: 27px 0 0 38px}
                .form{margin-left: 20px;}
        .footer{height: 30px; overflow: hidden;}
            .footer p{font-size: 11px; color: #202020; margin-left: 35px; }
                .footer p span{float: right; margin-right: 30px}
                    .footer p span a{color:#202020; text-decoration: none; font-size: 12px}