* { margin:0; padding:0; border:none; text-decoration:none; outline:none; resize:none; }

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

}

p { font:12px/25px arial; text-align:justify; color:#666; }

h1 { font:bold 40px/90px 'caviar_dreamsregular'; text-align:center; color:#a2d968; text-transform:uppercase; border-bottom: 1px #666 dotted; }
h2 { font:30px/90px 'caviar_dreamsregular'; text-align:center; color:rgb(68, 98, 229); text-transform:uppercase; }
h3 { font:25px/50px 'caviar_dreamsregular'; color:rgb(68, 98, 229); text-transform:uppercase; }
h4 { font:bold 24px/35px 'caviar_dreamsregular'; color:#333; text-align:center; }

.ic01:before { font:28px/50px 'FontAwesome'; content:'\f00b'; color:#333; float:left; margin-right:10px; }
.ic02:before { font:28px/50px 'FontAwesome'; content:'\f095'; color:#333; float:left; margin-right:10px; }
.ic03:before { font:28px/50px 'FontAwesome'; content:'\f041'; color:#333; float:left; margin-right:10px; }

.tudo { width:100%; overflow:hidden; position:relative; }
.centro { width:98%; max-width:1000px; overflow:hidden; margin: 0 auto; }
.espaco { margin:30px auto; overflow:hidden; }
.text-center { font:12px/25px arial; text-align:center; color:#666; }
.tc_red { color:#232D59; font-size:14px; }
.red { color:#232D59; font-size:26px; text-transform:uppercase; }
.margin { margin:50px auto;  }

.Linha { width:100%; border-top: 2px #eee solid; }

.l01 { width:70%; padding:10px; border-radius:2px; font:20px/20px 'denseregular'; color:#333; text-transform:uppercase; cursor:pointer; -webkit-transition:all ease-out 300ms; -moz-transition:all ease-out 300ms; -ms-transition:all ease-out 300ms; -o-transition:all ease-out 300ms;  }
.l01 a{ color:#333; display:block; }
.l01:hover { background:rgb(68, 98, 229);}
.l01 a:hover{ color:#fff;}

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

nav select { display:none; border-radius:2px; padding:15px; width:100%; margin-bottom:10px; font: 25px/80px 'denseregular'; color:#333; text-transform:uppercase; }

.fd-menu { background:rgb(35, 45, 89); margin-top:20px; }
#logo { width:30%; float:left; font:40px/120px 'denseregular'; color:#fff; text-align:center; text-transform:uppercase; }

#menu { width:70%; overflow:hidden; float:right; }
#menu li { width:20%; float:left; list-style:none; padding:35px 0; position:relative; cursor:pointer; }
#menu li:hover .over { top:0; background:#A7C1E5; color:#333; }
#menu p { font:28px/50px 'denseregular'; color:#fff; text-align:center;  position:relative; z-index:10; margin:0; display:block; text-transform:uppercase; }
.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; }

#google { width:98%; overflow:hidden; margin-top:300px; }
.fd-goo { width:calc(100% - 4px); height:70px; margin:10px 2px; background:rgba(0,0,0,0.7); }
.goo input[type='search']{ width:80%; height:70px; margin:0 auto; text-indent:5px; float:left; background:rgba(0,0,0,0); font:400 17px 'Arial', sans-serif; outline:none; border-bottom: 2px rgb(68, 98, 229) solid; color:#999; }
.goo input[type='search'], .goo button[type='submit'], .goo button[type='submit']:before{ -webkit-transition:all ease-out 250ms; -moz-transition:all ease-out 250ms; -ms-transition:all ease-out 250ms; -o-transition:all ease-out 250ms; }
.goo input[type='search']:focus{ background:rgba(0,0,0,0); border-bottom: 2px #fff solid; color:#999; }
.goo button[type='submit']{ width:20%; position:relative; float:right; padding:20px 0; background:rgba(0,0,0,0); cursor:pointer; }
.goo button[type='submit']:before{ content:'\f002'; font:normal 28px/25px 'FontAwesome'; color:#fff; }
.goo button[type='submit']:hover:before{ color:rgb(68, 98, 229); }

.preto {  background:#232D59; }
.preto h2 {color:#fff;}
.b { width:20%; height:auto; padding:20px 0; float:left; cursor:pointer; -webkit-transition:all ease-out 250ms; -moz-transition:all ease-out 250ms; -ms-transition:all ease-out 250ms; -o-transition:all ease-out 250ms; }
.b:hover { background:#eee; border-radius:5px; }

.q01{ width:calc(33% - 10px); padding:0 5px; float:left; }
.q01:nth-child(3){ width:calc(34% - 10px); }

.q02 { width:calc(20% - 10px); padding:5px; float:left; }
.q02:nth-child(2) { width:calc(60% - 10px); }

.bt { width:98%; padding:50px 0; border:3px rgb(68, 98, 229) solid; font:20px/30px arial; color:rgb(68, 98, 229); text-align:center; text-transform:uppercase; cursor:pointer; -webkit-transition:all ease-out 250ms; -moz-transition:all ease-out 250ms; -ms-transition:all ease-out 250ms; -o-transition:all ease-out 250ms; }
.bt:hover {background:rgb(68, 98, 229); color:#fff; }

.rodape { padding:10px; background:#A7C1E5; font:14px/25px arial; text-align:center; color:#fff; }

#formContato { width:98%; }
form.contato input { text-indent:5px; margin-bottom:5px; padding:15px 0; border-radius:2px; background:#f4f4f4; color:#666; }
form.contato textarea { text-indent:5px; margin-bottom:5px; padding:10px 0; border-radius:5px; background:#f4f4f4; color:#666; font:12px arial; }
form.contato input{ width:98%; }
form.contato textarea{ width:98%; }
form.contato button{ background:#f4f4f4; color:#999; padding:10px; margin-right:5px; float:left; border-radius:5px; cursor:pointer; }
form.contato button{ -webkit-transition:all ease-out 300ms; -moz-transition:all ease-out 300ms; -ms-transition:all ease-out 300ms; -o-transition:all ease-out 300ms; }
form.contato button:hover{ background:#ccc; }

form.financiamento input{padding:20px 10px; border:1px solid #CCC; width:49%; margin-right:1%; margin-bottom:5px; float:left; border-radius:2px; font:16px Tahoma, Geneva, sans-serif;}
form.financiamento input[name="nome"], form.financiamento input[name="email"]{width:100%; margin-right:0;}
form.financiamento input[name="emprestimo"], form.financiamento input[name="nascimento"], form.financiamento input[name="quitado"], form.financiamento input[name="celular"], form.financiamento input[name="estado"]{width:50%; margin-right:0;}
form.financiamento button{width:70px; height:50px; cursor:pointer; border-radius:2px;}

#noticias {width:49%; float:left; margin:20px 0;}
#linksuteis {width:49%; float:right; margin:20px 0;}
#linksuteis p { color:rgb(255, 255, 255); cursor:pointer; padding:10px; border-radius:3px; margin:2px 0; -webkit-transition:all ease-out 250ms; -moz-transition:all ease-out 250ms; -ms-transition:all ease-out 250ms; -o-transition:all ease-out 250ms; background:#666666; }
#linksuteis p:hover {color:white; background:rgb(35, 45, 89);}

.endereco{width: 50%; overflow:hidden; float:left; padding-bottom: 20px;}
.formulario{width:100%; float:left;}


@media screen and (max-width:768px){
	.endereco{width:100%;}
	#logo { width:100%; float:none; margin: 0 auto; }
	#menu { width:100%; float:none; }
	#foto01 { background-position:center !important; }
	#google { margin-top:250px; }
	h3 { font-size:20px; }
	.q02:nth-child(1) { width:calc(50% - 10px); float:none; margin:0 auto; }
	.q02:nth-child(2) { width:calc(80% - 10px); float:left; }
	.q02:nth-child(3) { width:calc(20% - 10px); float:left; }
	
	#noticias, #linksuteis {width:100%; float:none;}
}

@media screen and (max-width:480px){
	nav select{ display:block; }
	#menu ul{ display:none;	}
	h4 { font-size:20px; }
	.red { font-size:22px; }
	h1 { font-size: 30px; }
	h2 { font-size:18px; } 
	h3 { font-size:16px; }
	.q01{ width:calc(50% - 10px); }
	.q01:nth-child(3){ width:calc(100% - 10px); float:none; }
}

@media screen and (max-width:320px){
	.b { width:70%; float:none; margin:0 auto; }
	.q01{ width:calc(100% - 10px); }
	.q02:nth-child(1) { width:calc(80% - 10px); }
	.q02:nth-child(2) { width:calc(100% - 10px); float:none; }
	.q02:nth-child(3) { width:calc(100% - 10px); float:none; }
	.bt { padding:10px 0; 
}