* { 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:#7ecefd; font:20px 'caviar_dreamsregular'; color:#fff; }
h2 { font:30px/65px 'caviar_dreamsregular'; color:#333; text-align:center; }
h3 { padding:15px; background:#7ecefd; 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:#2185c5; 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:300px; height:180px; margin:0 auto; padding-top:20px; }

#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; overflow:hidden; background:#7ecefd; }
#menu li { width:20%; float:left; list-style:none; padding:50px 0; position:relative; cursor:pointer; }
#menu li:hover .over { top:0; background:#74bdea; }
*/
#menu { width:100%; max-width:1200px; margin:0 auto; overflow:hidden; background:#7ecefd; display: flex; justify-content: space-between;  }
#menu li { list-style:none; padding:50px 0; position:relative; cursor:pointer; flex-grow: 1; }
#menu li:hover .over { top:0; background:#74bdea; }
#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; }

#menudrop { width:calc(100% - 40px); background:#7ecefd; 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:#7ecefd; 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:0 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 #2185c5 #2185c5 #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{ 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; }


.pco{ width:100%; margin:20px 0; background:white; font:normal 25px/80px 'caviar_dreamsregular'; text-align:center; text-transform:uppercase; cursor:pointer; }
.pco:hover{ background:#7ecefd; color:white; }

@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; }
}