* { margin:0; padding:0; }

@font-face {
    font-family: 'denseregular';
    src: url('../fonts/dense-regular-webfont.eot');
    src: url('../fonts/dense-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dense-regular-webfont.woff2') format('woff2'),
         url('../fonts/dense-regular-webfont.woff') format('woff'),
         url('../fonts/dense-regular-webfont.ttf') format('truetype'),
         url('../fonts/dense-regular-webfont.svg#denseregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'caviar_dreamsregular';
    src: url('../fonts/caviardreams_0-webfont.eot');
    src: url('../fonts/caviardreams_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/caviardreams_0-webfont.woff2') format('woff2'),
         url('../fonts/caviardreams_0-webfont.woff') format('woff'),
         url('../fonts/caviardreams_0-webfont.ttf') format('truetype'),
         url('../fonts/caviardreams_0-webfont.svg#caviar_dreamsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bauhaus_md_btmedium';
    src: url('../fonts/bauhausm_7-webfont.eot');
    src: url('../fonts/bauhausm_7-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bauhausm_7-webfont.woff2') format('woff2'),
         url('../fonts/bauhausm_7-webfont.woff') format('woff'),
         url('../fonts/bauhausm_7-webfont.ttf') format('truetype'),
         url('../fonts/bauhausm_7-webfont.svg#bauhaus_md_btmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

.tit01 { font:bold 25px/35px 'denseregular'; color:#000; }
.txt-conteudo { font:12px/18px arial; color:#333; text-align:justify; }
.link01 { width:65px; padding:5px; border-radius:8px; background:#FF9933; font:bold 12px arial; color:#fff;  margin-left:200px; cursor:pointer; }
.link02 { font:12px/24px arial; color:#FF6600; cursor:pointer; }
.link02:hover { text-decoration:underline; }
.link03 { font:12px/24px arial; color:#333; cursor:pointer; }
.link03:hover { text-decoration:underline; }
.link04 { font:12px/15px arial; color:#333; cursor:pointer; }
.link04:hover { text-decoration:underline; }
.linha01 { border-bottom:1px dotted #ccc; width:100%; }
.linha02 { border-bottom:1px solid #DDDDDD; width:100%; margin-top:20px; }


body { background:#F3F3F3; }
#tudo { width:984px; overflow:hidden; margin:0 auto; }
.topo { width:984px; overflow:hidden; }
#logo { float:left; margin-right:10px; width:235px; height:80px; margin-top:20px; }

#menu-topo{ list-style: none; width: 700px; height: 30px; font-size: 0; float:right; margin:10px 0; }
#menu-topo li { margin:2px; display: inline-block; position: relative; border-radius:20px; background:#FF9900; width: 112px; height: 30px; font:bold 15px/30px "caviar_dreamsregular"; color: #333; text-align: center; text-decoration: none; cursor: pointer; float: left; -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; }
#menu-topo li:hover{ color:#FF6600; background:#333; }

#tarja-topo { width:300px; height:30px; float:right; padding-top:10px; }
#tarja-topo  img { float:left; margin-right:10px; position:relative; }
#tarja-topo span { font:12px arial; color:#000; float:left; margin-right:25px; cursor:pointer; }

#fd-banner { width:960px; height:160px; margin:0 auto; background:#fff; margin-top:25px; padding:5px; overflow:hidden; }
#banner01 { width:685px; height:160px; position:relative; float:left; z-index:0; overflow:hidden }
#banner { width:685px; height:160px; position:relative; z-index:-50; }
#slogan{ font:bold 34px/35px 'denseregular'; color:#FF6600; position:absolute; top:50px; left:50px; z-index:999; text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #ccc, 0 0 40px #ccc, 0 0 80px #ccc, 0 0 100px #ccc, 0 0 150px #ccc; }
#slogan span{ color:#333; }
#quadro01 { float:left; width:84px; overflow:hidden; margin:17px 2px 3px 5px; cursor:pointer;  }
#quadro01:hover p{ color:#333; }
#quadro01 p{ font:15px/25px 'bauhaus_md_btmedium'; color:#FF6600; -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; }

#conteudo { width:970px; overflow:hidden; margin:0 auto; margin-top:10px; }
#quadro02 { width:318px; height:370px; float:left; margin:1px; border:1px solid #DEDEDE; background:#fafafa; }
#quadro02:last-child { width:322px; }
.espaco { padding:10px; }
.espaco02 { position:relative; z-index:0; overflow:hidden; }

#quadro03 { width:640px; height:370px; float:left; margin:1px; border:1px solid #DEDEDE; background:#fafafa; }

.img01 { width:65px; height:125px; position:absolute; top:220px; right:0; z-index:999; }
#rodape { width:970px; height:50px; font:12px arial; color:#ccc; }
#rodape span {float:left; font:12px/35px arial; color:#848484; margin-right:35px; }
#rodape a { float:left; font:12px/35px arial; color:#848484; margin-right:15px; text-decoration:none; cursor:pointer; }
#rodape a:hover{ text-decoration:underline; }

#muda-conteudo{ width:100%; overflow:hidden; }