* { margin:0; padding:0; border:none; }
body { background:#f4f5f5; }

@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: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') 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;

}

h1 { padding:26px; background:#2c3156; font:20px 'caviar_dreamsregular'; color:#fff; }
h2 { font:30px/65px 'caviar_dreamsregular'; color:#333; text-align:center; }
h3 { padding:15px; background:#2a2f55; font:20px 'caviar_dreamsregular'; color:#fff; border-radius:5px; margin-bottom:5px; }
h4 { padding:15px; font:20px 'caviar_dreamsregular'; color:#333; border-radius:5px; margin-bottom:5px; text-align:center; }
.icon { font:30px/85px 'FontAwesome'; color:#fff; top:10px; position:relative; }
.icon02 { font:60px/50px 'FontAwesome'; color:#999; top:10px; position:relative; }
#circulo { width:85px; margin:0 auto; border-radius:100%; background:#2c3156; margin-bottom:25px; }

.seta { font:40px 'FontAwesome'; color:#435057 }
.seta:hover { color:#4f537e }
.nicescroll-rails { z-index:9999 !important; }
.voltarTopo { position:fixed; bottom:0; right:10px; z-index:999; width:40px; height:40px; cursor:pointer; display:none;}

.txt-conteudo { font:12px/25px 'Arial'; color:#666; text-align:justify; margin:25px; }
.tit01{ font:bold 25px/45px 'caviar_dreamsregular'; color:#333; }
.tit02{ color:#2a2f55; }
.link01 { font:12px arial; color:#666; text-decoration:none; text-align:justify; cursor:pointer; }
.link01:hover { color:#2c3156; }
.link02 { font:12px/35px arial; color:#666; text-decoration:none; cursor:pointer; }
.link02:hover { color:#3498db; }
.linha { border-bottom:1px dotted #666; width:100%; margin:0 auto; }


#fd-topo { width:100%; overflow:hidden; }
#topo { width:100%; max-width:1200px; margin:0 auto; background:#95d6f2; height:220px; }
#logo { width:270px; height:200px; margin:0 auto; }

#fx-banner { width:100%; position:relative; }
#banner { width:100%; height:600px; overflow:hidden; z-index:0; position:relative; }
#foto01 { width:100%; height:600px; background-repeat:no-repeat; background-position:center 0;}

#banner02{ width:200px; height:250px; overflow:hidden; margin:0 auto; }


#menu { width:100%; max-width:1200px; margin:0 auto; position:absolute; overflow:hidden; top:0; left:50%; margin-left:-600px; background:#2a2f55; }
#menu li { width:20%; float:left; list-style:none; padding:50px 0; position:relative; cursor:pointer; }
#menu li:hover .over { top:0; background:#42456e; }
#menu p { font:25px 'denseregular'; color:#fff; text-align:center;  position:relative; z-index:10; margin:0; }
.over { width:100%; height:100%; position:absolute; z-index:0; top:-100px; }
.over{ -webkit-transition:all ease-out 300ms; -moz-transition:all ease-out 300ms; -ms-transition:all ease-out 300ms; -o-transition:all ease-out 300ms; }

#quadros { width:100%; max-width:1200px; margin:0 auto; position:absolute; z-index:10; top:500px; left:50%; margin-left:-600px; }
#quadros01 { width:23%; float:left; margin:0 1%;  height:300px;  background:#fff; text-align:center; }
#quadros01 p { font:12px/20px arial; color:#999; }

#muda-conteudo{ width:100%; max-width:1200px; margin:0 auto; overflow:hidden; }

#conteudo { width:100%; max-width:1200px; margin:0 auto; overflow:hidden; margin-top:230px; padding:5px; }
#conteudo02 { width:100%; max-width:1200px; margin:0 auto; overflow:hidden; }
#quadros02 { width:570px; float:left; overflow:hidden; margin:10px; background:#fff; }
#quadros03 { width:570px; float:right; overflow:hidden; margin:10px; background:#fff; }
#quadros04 { width:100%; height:300px; overflow:hidden; background:#fff; margin-top:25px; }
#quadro05 { width:33%; float:left; overflow:hidden; }
#quadro06 { width:50%; float:left; overflow:hidden; }
.espaco { padding:8px 0; }
.espaco02 { padding:10px; }
.boxBusca{ width:96%; margin-bottom:5px; margin-right:10px; padding: 10px; border-radius:5px; background:rgba(238,238,238,0.5); float:left; }
.botao{ background-color:#192045; color:#fff; padding:10px; margin-right:10px; width:15%; float:left; border-radius:5px; cursor:pointer; }
.botao{ -webkit-transition:all ease-out 300ms; -moz-transition:all ease-out 300ms; -ms-transition:all ease-out 300ms; -o-transition:all ease-out 300ms; }
.botao:hover { background-color:#354f78; }
form { width:550px; float:left; margin-right:10px; }

#qd0Over{ cursor:pointer; float:right; }
#qd0 { line-height:0; width:0; height:0; border: 20px solid; border-color: #eee #2c3156 #2c3156 #eee; font:14px arial; color:#fff; margin-top:12px; cursor:pointer; }
#qd0 { -webkit-transition:all ease-out 300ms; -moz-transition:all ease-out 300ms; -ms-transition:all ease-out 300ms; -o-transition:all ease-out 300ms; }
#qd0:hover { transform:rotateX(180deg); }

/*#programacao { width:200px; height:250px; overflow:hidden; float:left; text-align:center; margin-right:10px; position:relative; }
programacao span{ font:12px/100px Arial; color:#666; }
#programacao:hover .icon02,#programacao:hover span{ color:#1086c7; }
#programacao .icon02{ -webkit-transition:all ease-out 300ms; -moz-transition:all ease-out 300ms; -ms-transition:all ease-out 300ms; -o-transition:all ease-out 300ms; }*/

#rodape { width:100%; overflow:hidden; background:#192045; text-align:center; }
.rodape02{ width:100%; max-width:1200px; margin:0 auto; padding:30px; }
.rodape02 p{ font:15px 'arial'; color:#fff; margin-bottom:25px; text-align:center; }
.rodape02 span{ font:40px 'FontAwesome'; color:#fff; margin-right:30px; cursor:pointer; }

#formContato { width:90%; }
#formContato input { width:100%; background:rgba(255,255,255,0.8); border-radius:8px; padding:10px; color:#999; font:13px arial; margin-bottom:3px; }
#formContato textarea { width:100%; background:rgba(255,255,255,0.8); border-radius:8px; padding:10px; color:#999; font:13px Arial; margin-bottom:3px; resize:none;}
#formContato button { background:rgba(255,255,255,0.8); color:#999; padding:10px; width:20%; float:left; border-radius:5px; cursor:pointer; font:12px Arial; text-align:center; margin:5px 0 20px 5px; }