* { 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;

}

.flex{ display: flex; flex-wrap: wrap; justify-content:space-between; align-items: center; }

h1 { padding:26px; background:#21428a; font:20px 'caviar_dreamsregular'; color:#fff; }
h2 { font:30px/65px 'caviar_dreamsregular'; color:#333; text-align:center; }
h3 { padding:15px; background:#21428a; 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; }
.icon { font:30px/85px 'FontAwesome'; color:#fff; top:10px; position:relative; }
.icon02 { font:60px/100px 'FontAwesome'; color:#999; top:10px; position:relative; }
#circulo { width:85px; margin:0 auto; border-radius:100%; background:#8299a5; margin-bottom:25px; }

.seta { font:40px 'FontAwesome'; color:#435057 }
.seta:hover { color:#3498db }
.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-top:25px; }
.tit01{ font:bold 25px/45px 'caviar_dreamsregular'; color:#333; }
.tit02{ color:#0079b9; }
.link01 { font:12px arial; color:#666; text-decoration:none; text-align:justify; cursor:pointer; }
.link01:hover { color:#3498db; }
.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:#fff; height:220px; }
#logo { width: 100%;  max-width:430px; height:auto; margin:0 auto; }

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


#menu { width:100%; max-width:1200px; margin:0 auto;  background:#21428a; display: flex; }
/*#menu li { width:20%; float:left; list-style:none; padding:50px 0; position:relative; cursor:pointer; }*/
#menu li {list-style:none; position:relative; cursor:pointer; flex-grow: 1; }
/*#menu li:hover .over { top:0; background:#8299a5; }*/
#menu li:hover .over { height: 100%; }
#menu p { font:25px/100px 'denseregular'; color:#fff; text-align:center;  position:relative; z-index:10; margin:0; display: flex; align-items: center;  justify-content: center; }
/*.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; }*/
.over{  position:absolute; width:100%; height:0%; background:#8299a5; bottom:0; }
.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; }

#menu li:hover .submenu{ display:block; }

.submenu { position:absolute; width:100%; display:none; border:none;  margin:0; padding:0;  list-style:none; z-index: 9999999999; }
.submenu>li{ display:list-item; padding: 3px 5px; box-sizing: border-box; background: #8299a5; border-right: 0 !important; height: 50px; }
.submenu>li:last-child{ border-radius: 0 0 5px 5px; }

.submenu li>p {  z-index:10; font:25px 'denseregular'; text-transform: uppercase; text-align: center; color: white !important; border-radius:4px; color:white; width:100%; height: 40px; }
.submenu li>p:hover{ background: white !important; color: rgb(51, 51, 51) !important; }

#menudrop { width:calc(100% - 40px); background:#21428a; margin:0 auto; padding:0 20px; position:relative; display:none; z-index:1000; }
#menudrop li { width:calc(100% - 20px); display:block; cursor:pointer; padding:0 10px; font:25px/50px 'denseregular'; color:#fff; }
#menudrop li div:after{ font:20px/50px 'FontAwesome'; color:#fff; content:"\f0c9"; float:right; position:relative; }
#menudrop li:hover #subdrop { display:block; }
#subdrop { width:calc(100% - 40px); position:absolute; left:0; top:50px; background:#21428a; padding:0 20px;}
#subdrop li{ list-style:none; width:calc(100% - 20px); padding:10px; }
#subdrop>li:hover{background:rgba(255,255,255,0.2); }

#quadros { width:100%; max-width:1200px; margin:375px auto 0; }
#quadros01 { width:23%; float:left; margin:0 1%;  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:calc(100% - 10px); max-width:1200px; margin:0 auto; overflow:hidden; padding:5px; margin-top:25px; }
#conteudo02 { width:100%; max-width:1200px; margin:15px auto; overflow:hidden; }
#quadros02 { width:calc(50% - 10px); float:left; overflow:hidden; margin-right:10px; background:#fff; }
/*#quadros03 { width:570px; float:right; overflow:hidden; margin:10px; background:#fff; }*/
#quadros04 { width:100%; 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:100%; text-indent:10px; font-size:12px; margin-bottom:5px; padding: 10px 0; border-radius:5px; background:rgba(238,238,238,0.5); }
.botao{ font-size:12px; background-color:#333; color:#fff; padding:10px; margin-right:10px; 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:100%; float:left; margin-right:10px; }

#qd0Over{ cursor:pointer; float:right; }
#qd0 { line-height:0; width:0; height:0; border: 20px solid; border-color: #eee #8299a5 #8299a5 #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); }


#midia { width:50%; /*margin-bottom:25px;*/ float:left; }
#programacao { width:calc( 50% - 10px ); margin-right:10px; overflow:hidden; float:left; text-align:center; cursor:pointer; }
/*#programacao { width:300px; height:200px; overflow:hidden; margin-right:10px; float:left; text-align:center; cursor:pointer; }*/
#programacao span{ display: block; padding: 15px 0; font:12px 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:#333; 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; }


@media screen and (max-width:640px){
	h1 { font:15px 'caviar_dreamsregular'; }
	#quadros01 { width:48%; margin:5px 1%; }
	#quadros02 { width:calc(100% - 10px); margin-right:10px; }
	#midia { width:100%; }
	.tit01 { font:bold 20px/45px 'caviar_dreamsregular'; }
}

@media screen and (max-width:730px){
	h1 { font:15px 'caviar_dreamsregular'; }
	#quadros01 { width:98%; margin:5px 1%; }
	#quadros02 { width:calc(100% - 10px); margin-right:10px; }
	#midia { width:100%; }
	.tit01 { font:bold 20px/45px 'caviar_dreamsregular'; }
}


@media screen and (max-width:480px){
	h1 { font:20px 'caviar_dreamsregular'; }
	#quadros01 { width:98%; margin:5px 1%; }
	#quadro05 { width:100%; }
	#quadro06 { width:100%; }
	#menudrop { display:block; }
	#menu { display:none; }
}

@media screen and (max-width:320px){
	h4 { font-size:15px; }
}