* { margin:0; padding:0; border:none; }


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

@font-face {
    font-family: 'niagara_solidregular';
    src: url('../fonts/niagsol-webfont.eot');
    src: url('../fonts/niagsol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/niagsol-webfont.woff') format('woff'),
         url('../fonts/niagsol-webfont.ttf') format('truetype'),
         url('../fonts/niagsol-webfont.svg#niagara_solidregular') 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;

}

#layout { width:100%; border-top:solid #7a829e 5px; }

.logo { width:100%; max-width:260px ; height:150px; background:url('../img/logo.png') no-repeat center; margin: 0 auto; cursor:pointer;}

nav select { display:none; border-radius:2px; padding:15px; width:98%; margin-bottom:10px; font: 18px/80px 'caviar_dreamsregular'; color:#333; text-transform:uppercase; }
#fd-menu { width:100%; max-width:1000px; margin:0 auto; padding:0; }
#menu ul{ width:95%; max-width:1000px; margin:0 auto; overflow:hidden; font-size:0; padding:20px auto; }
#menu ul li { width:calc(100% / 6); display:inline-block; list-style:none;  position:relative;  cursor:pointer; overflow:hidden; }
#menu ul li:hover .over { top:0;}
#menu li p { font:20px/54px 'antonio-regular'; text-align:center; color:#000; position:relative; z-index:10; }
#menu li p:hover { color:#fff; }
.over, #menu p { -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 { top:-54px; background:rgba(122,130,158,1);  width:100%; height:54px; position:absolute;  z-index:0; overflow:hidden; }

#banner { width:100%; height:auto; overflow:hidden; }
#fd { width:100%; position:relative; overflow:hidden; border-bottom:solid #7a829e 5px; }
#fd-programacao { width:100%; overflow:hidden; background:#dfe5ec; padding:10px;}
#fd-programacao01 { width:100%; max-width:1000px; margin:10px auto;  }
#fd-programacao01 .bloco { width:calc(100% / 3 - 10px); float:left; overflow:hidden; padding:0 5px;}
#fd-programacao01 .bloco div { width:calc(98% - 10px); padding:10px; }
#fd-programacao01 .bloco div img { float:left; margin-right:10px;}
#fd-programacao01 .bloco div h1 { font:20px Tahoma; color:#5465a2; margin:0; text-transform:uppercase;}
#fd-programacao01 .bloco div p { font:12px/22px  Arial; color:#333; margin-bottom:15px; }
#fd-programacao01 .bloco div form { width:98%; }
#fd-programacao01 .bloco div input { width:100%; background: #d1dbe7; border-radius: 5px; margin-bottom:3px; padding: 5px; color:#666; font-family:13px Arial; border-width: 0; }
#fd-programacao01 .bloco div button { background:rgba(122,130,158,1); border-radius:3px; cursor:pointer; overflow:hidden; padding:10px; margin:5px 0 0 10px; color:#FFF; font:12px Arial; text-align:center; }

#txt-conteudo { width:100%; max-width:1000px; margin:30px auto; overflow:hidden; }
#txt-conteudo  h2 { font:bold 30px 'antonio-regular'; color:#000; padding:10px; text-align:center; }
#txt-conteudo .cons { width:25%; float:left; }
#txt-conteudo div { width:50%; overflow:hidden; float:left; }
#txt-conteudo div .parte01 { width:75%; margin-right:5px; float:left; text-align:right; }
#txt-conteudo div .parte01 p { font:12px/22px Arial; color:#333; text-align:right; }
#txt-conteudo div .parte02 { width:20%; overflow:hidden;}
#txt-conteudo div .parte03 { width:75%; margin-left:5px; float:left; text-align:left; }
#txt-conteudo div .parte03 p { font:12px/22px Arial; color:#333; }

#txt-conteudo div form { width:90%; }
#txt-conteudo div input { width:100%; background:#eee; border-radius:8px; padding:15px; color:#ccc; font:13px arial; margin-bottom:3px; }
#txt-conteudo div textarea { width:100%; background:#eee; border-radius:8px; padding:15px; color:#ccc; font:13px Arial; margin-bottom:3px; resize:none; }
#txt-conteudo div button { background:#eee; color:#ccc; padding:15px; float:left; border-radius:3px; cursor:pointer; font:12px Arial; text-align:center; margin:5px 0 0 10px; }
#txt-conteudo .div { width:25%; float:left; padding:25px 0; }
#txt-conteudo .mapa { width:100%; margin-top:80px; }

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

#conteudo { width:100%; max-width:1000px; margin:50px auto; overflow:hidden; }
#conteudo  .caixa { width:25%; overflow:hidden; float:left; background:#fdfdfd; text-align:center; -webkit-transition:all 300ms ease; }
#conteudo  .caixa  div { margin:0 5px;  border:1px solid #ccc; padding:20px 0;}
#conteudo .caixa div:hover { background:#cdd7e3; }
#conteudo  .caixa div h1{ font:bold 15px Arial; color:#000; text-align:center; }
#conteudo  .caixa  div p{ font:12px/20px Arial; color:#333; text-align:center; margin:20px; }
#conteudo  .caixa  div img{ border:1px #eee solid; border-radius:50px; width:100%; max-width:100px; margin:10px auto; }
#conteudo  .caixa div:hover  img{ transform:rotateY(180deg); background-color:#fff;}
#conteudo  .caixa div:hover  p { color:#fff;}
#conteudo  .caixa div:hover  h1{ color:#fff;}

#conteudo  .caixa  img{ -webkit-transition:all 300ms ease-out; -moz-transition:all ease-out 300ms; -ms-transition:all ease-out 300ms; -o-transition:all ease-out 300ms;}
#conteudo  .caixa:hover  img{ -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg);}
#conteudo  .caixa  p{ -webkit-transition:all 300ms ease-out; -moz-transition:all ease-out 300ms; -ms-transition:all ease-out 300ms; -o-transition:all ease-out 300ms; } 
#conteudo  .caixa  h1{ -webkit-transition:all 300ms ease-out; -moz-transition:all ease-out 300ms; -ms-transition:all ease-out 300ms; -o-transition:all ease-out 300ms; }

.assine{width:100%; max-width:600px; overflow:hidden;}
.assine input, .assine textarea{font:16px Verdana; color:#333; padding:15px 0; text-indent:10px; resize:none; margin-bottom:10px; float:none; border:1px solid rgb(51, 51, 51); box-sizing:border-box;}
.assine input[name="nome"], .assine textarea, .assine input[name="bairro"], .assine input[name="email"], .assine input[name="nascimento"]{width:100%;}
.assine input[name="plano"], .assine input[name="cidade"], .assine input[name="endereco"]{width:69%; float:left;}
.assine input[name="vencimento"], .assine input[name="cep"], .assine input[name="numero"]{width:30%; float:right;}
.assine input[name="cpf"], .assine input[name="fone"]{width:50%; float:left;}
.assine input[name="rg"], .assine input[name="celular"]{width:49%; float:right;}
.assine button{padding:20px 30px; background:rgb(51, 102, 153); color:#FFF; cursor:pointer; border:0;}

#fd-rodape { width:100%; overflow:hidden;  background:#f1f4f7; }
#rodape { width:calc(100% - 20px);  padding:0 10px; max-width:1000px; margin:0 auto; }
#voltar-acima { width:100%; max-width:1000px; margin:0 auto; padding: 20px 0; }
#voltar-acima .voltarTopo { width: 100%; max-width:50px; line-height: 50px; border-radius:50px; margin:0 auto; color: #FFFFFF; font-size: 30px; background:  #cfd9e6; display: block; overflow:hidden; }
.caixa02 { width:calc(25% - 20px); padding:10px 10px; float:left; }
.caixa02:nth-child(3),#rodape .caixa02:nth-child(4)  {  padding-top:40px;  }
.caixa02 img { width:100%; max-width:150px; }
.caixa02 h1 { font:25px Arial; color:#000; }
.caixa02 h2 { font:20px/40px Arial; color:#000; }
.caixa02 p { font:12px/30px Arial; color:#666; }
.right{float:right!important;}

h1 { font:20px Arial; color:#000; }
p { font:12px/30px Arial; color:#333; text-align:justify;}

.link01{ font:12px Arial; color:rgb(255, 255, 255); cursor:pointer; text-decoration:none; background:rgb(25, 110, 162); padding:10px;}
.link01:hover{ background:rgb(22, 90, 130);}

.link02{ font:bold 12px Arial; color:#5465a2; cursor:pointer; text-decoration:none; }
.link02:hover{ color:#333; }

.link03 { font:12px/30px Arial; color:#fff; cursor:pointer; text-decoration:none; width:50%; background:#5464a0; padding:10px; -webkit-transition: all 300ms ease; }
.link03 { -webkit-transition: all 300ms ease; -moz-transition:all ease-out 300ms; -ms-transition:all ease-out 300ms; -o-transition:all ease-out 300ms;}
.link03:hover { background:#000;  padding:10px; }

.link04{ font:12px/30px Arial; color:#333; cursor:pointer; text-decoration:none; }
.link04:hover{ color:#5465a2; text-decoration:underline; }



@media screen and (max-width:768px) {
	#txt-conteudo { width:98%; }
	#conteudo .caixa { width:50%; float:left; margin:5px 0; }
	.caixa02 { width:calc(50% - 20px); padding:10px 10px; }
	#fd-programacao01 .bloco div { padding:3px; }
	#voltar-acima { padding:0; margin:20px 0 20px 0; }
}

@media screen and (max-width:640px) {
	#menu li { width:25%; }
	#fd-rodape { margin-top:50px; }
	#fd-menu { width:calc(100% - 20px); max-width:1000px; background:#7a829e; padding:10px; }
	#menu ul { display:none; }
	nav select { display:block; }
}
@media screen and (max-width:580px){
	.assine input{width:100% !important;}
}

@media screen and (max-width:480px){
	#banner { display:none; }
	#conteudo .caixa { width:100%; float:none; }
	#txt-conteudo div { width:98%; }
	#txt-conteudo div .parte01 { width:100%; text-align: center; }
	#txt-conteudo div .parte01 p , #txt-conteudo div .parte03 p{ text-align:center; }
	#txt-conteudo div .parte03 { width:100%; margin-top:35px; text-align:center; }
	#txt-conteudo div .parte02 { display:none; }
	#fd-programacao01 .bloco { width:100%; float:none; }
	#fd-programacao01 .bloco:nth-child(2) { width:100%; }
	#txt-conteudo .cons { width:50%; }
}

@media screen and (max-width:320px) { 
	.caixa02 { width:calc(100% - 20px); padding:10px 10px; }
	.caixa02:nth-child(1) { text-align:center; }
	.caixa02 p { text-align:center; }
	#txt-conteudo { width:98%; }
	#txt-conteudo div { width:100%; }
	#txt-conteudo div .parte01 { width:100%; text-align:center; margin-right:0;}
	#txt-conteudo div .parte03 { width:100%; text-align:center; margin-top:35px; }
	#txt-conteudo div .parte02 { display:none; }
	#txt-conteudo .cons { width:100%; float:none; }
}