* { margin:0; padding:0; border: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: '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 { font:25px/50px 'caviar_dreamsregular'; font-weight:bold; color:rgb(124, 124, 124); text-align:center; }
.tit01 { font:18px 'caviar_dreamsregular'; font-weight:bold; color:#345a80; float:left; text-align:center; margin-right:70px; }
.tit02 { font:25px 'caviar_dreamsregular'; font-weight:bold; color:rgb(124, 124, 124); }
.tit03 { font:16px 'caviar_dreamsregular'; color:rgb(124, 124, 124); float:left; }
.tit04 { font:18px/50px 'caviar_dreamsregular'; color:rgb(124, 124, 124); }
.tit05 { font:16px 'caviar_dreamsregular'; color:rgb(124, 124, 124); font-weight:bold; padding:40px 0 20px 0; }
.tit06 { font:34px 'caviar_dreamsregular'; font-weight:bold; color:#345a80; }
.tit07 { font:18px 'caviar_dreamsregular'; color:#fff; font-weight:bold; padding:20px 0 20px 0; }
.txt-branco { font:11px Arial; color:#fff;}
.txt-branco02 { font:12px/20px Arial; color:#fff; }
.font-icone { font:30px/50px 'FontAwesome'; color:rgb(124, 124, 124); margin-right:10px; float:left; }
.font-icone02 { font:30px 'FontAwesome'; color:rgb(124, 124, 124); }
.font-icone03 { font:50px 'FontAwesome'; color:#fff; }
.txt-conteudo { font:12px/25px Arial; color:#666; text-align:justify; }

.link01 { padding:15px; border-radius:8px; float:right; color:#fff; font:12px Arial; cursor:pointer; background: rgb(124, 124, 124); box-shadow: 0 0 3px #968f77; }
.link01 { -webkit-transition:all ease-out 300ms; -moz-transition:all ease-out 300ms; -ms-transition:all ease-out 300ms; -o-transition:all ease-out 300ms; }
.link01:hover { background: #a59e85; }

.link02 { font:12px/43px Arial; color:rgb(124, 124, 124); cursor:pointer; }
.link02:hover { color:#333; }

.link03 { font:12px/20px Arial; color:#fff; cursor:pointer; }
.link03:hover { color:rgb(124, 124, 124); }

.link04 { font:12px/20px Arial; color:#666; cursor:pointer; text-decoration:none; }
.link04:hover { color:#333; }

.nicescroll-rails { z-index:9999 !important; }
.voltarTopo { position:fixed; bottom:0; right:10px; z-index:999; width:40px; height:40px; cursor:pointer; display:none;}

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

#fd-menu { width:100%; overflow:hidden; background:rgb(0, 29, 73); }
#fd-menu select { border-radius: 2px; padding:10px; margin:0 auto; display:none; width:calc(100% - 20px); }
#menu { width:100%; max-width:1000px; margin:0 auto; }
#menu li { width:20%; float:left; list-style:none; position:relative; cursor:pointer; }
#menu li a { display:block; padding:25px 0; text-decoration:none; }
#menu li:hover .over { top:60px; background:rgb(124, 124, 124); }
#menu p { font:25px 'denseregular'; color:#fff; text-align:center;  position:relative; z-index:10; margin:0; }
.over { width:100%; padding:100px 0; position:absolute; z-index:0; background:rgb(0, 29, 73); top:-45px; }
.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; }

#topo { width:100%; text-align:center; margin:15px auto; max-width:1000px; position:relative;}
#logo { width:100%; max-width:400px; margin:0 auto; }

#logo2 { position:absolute; width:220px; right:5px; top:5px;}
#logo2 img {width:100%; height:auto; }

#slogan { font:45px/55px 'denseregular'; color:rgb(0, 29, 73); width:100%; max-width:1000px; margin:0 auto; }
#slogan span { color:rgb(124, 124, 124); }
#linha { width:10%; border-top:3px solid rgb(124, 124, 124); margin:0 auto; padding-bottom:10px; }

.q01 { width:calc(50% - 60px;); margin:40px 30px; float:left; }


#banner { width:100%; z-index:1; overflow:hidden; }
#qd-banner {  position:relative; z-index:999; top:-50px; margin:0 auto; width:80%; max-width:800px; overflow:hidden; background:#fff; }
#qd-banner01 { float:left; background:#fff; width:65%; height:130px; }
#qd-banner02 { float:left; width:35%; height:130px; text-align:center; }
#qd-banner03 { background:rgb(0, 29, 73); width:100%; height:100px; }
#qd-banner04{ background:rgb(124, 124, 124); width:100%; padding:10px; cursor:pointer; font: 12px Arial; color:#345a80; font-weight:bold; }
#qd-banner04{ -webkit-transition:all ease-out 300ms; -moz-transition:all ease-out 300ms; -ms-transition:all ease-out 300ms; -o-transition:all ease-out 300ms; }
#qd-banner04:hover { background:#e1ebf4; width:100%; height:30px; }
.espaco { margin:40px 0 0 20px; }
.espaco02 { padding:35px; }
.espaco03 { width:100%; max-width:1000px; padding:30px 0; margin:0 auto; }
.espaco03 form { width:98%; overflow:hidden; }
.espaco03 input { text-indent:5px; margin-bottom:5px; padding:10px 0; border-radius:5px; background:rgba(197,192,166,0.2);}
.espaco03 input[name="user_mail"] { width:49%; float:left; }
.espaco03 input[name="user_senha"]  { width:49%; margin-right:1%; float:left; }
.espaco03 input[name="cliente_documento"]  { width:50%; float:right; }
.espaco03 button { background-color:#1a375e; color:rgb(124, 124, 124); padding:10px; margin-right:10px; float:left; border-radius:5px; cursor:pointer; }
.espaco03 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; }
.espaco03 button:hover { background-color:#354f78; color:#FFF; }
.espaco05 { padding:40px 10px; text-align:center; }

.espaco03 .blocos{width:calc(50% - 20px); float:left; margin:10px; background:rgb(0, 29, 73); padding:10px 0; text-align:center; cursor:pointer;}
.espaco03 .blocos h1>{font:25px 'caviar_dreamsregular';}
.espaco03 .blocos p{font:20px 'denseregular'; color:rgb(255, 255, 255);}

#total01 { width:100%; background:url('../img/fd01.png'); }
#total02 { width:100%; background:url('../img/fd02.png'); }
#total03 { width:100%; overflow:hidden; background:#ebebeb; padding-top:5px; }
#centro { width:calc(100% - 20px ); padding:30px 10px; max-width:980px; margin:0 auto; overflow:hidden; }

#qdhome { width:calc(50% - 20px); float:left; padding: 0 10px; }

.quadro01 { width:calc(25% - 20px); text-align:center; padding:40px 10px; float:left; overflow:hidden; text-align:center; }
.quadro02 { width:calc(25% - 2px); margin:1px; float:left; overflow:hidden; text-align:center; }
#quadro03 { width:25%; float:left; overflow:hidden; }
.quadro04 { width:50%; float:left; overflow:hidden; }
.quadro05 { width:33%; float:left; overflow:hidden; }
.imagem { background-image:url('../img/fd02.png'); }
.circulo { border-radius:100%;  border:1px solid rgba(255,255,255,0.2); box-shadow: 5px 5px 3px #fff; height:150px; width:150px; margin:0 auto; text-align:center; margin-bottom:15px; cursor:pointer; }
.circulo:hover { box-shadow: 5px 5px 3px rgb(124, 124, 124); background:rgba(255,255,255,0.8); }
.circulo:hover .tit05,.circulo:hover .font-icone02 { color:#345a80; }
.circulo { -webkit-transition:all ease-out 300ms; -moz-transition:all ease-out 300ms; -ms-transition:all ease-out 300ms; -o-transition:all ease-out 300ms; }

.circulo02 { border-radius:100%; padding:25px;  border:2px solid rgba(255,255,255,1); height:65px; width:65px; margin:0 auto; text-align:center; cursor:pointer; }

#foto01 { width:100%; margin-top:20px; background-image:url(../img/foto01.jpg); background-repeat:no-repeat; background-position:50% 0;}

#rodape { width:100%; overflow:hidden; background:rgb(0, 29, 73); text-align:center; }
.rodape{ width:100%; max-width:1000px; margin:0 auto; padding:50px 0 50px 0; }
.txt-rodape { font:15px 'arial'; color:#fff; margin-bottom:25px; text-align:center; }
.rodape span{ font:40px 'FontAwesome'; color:#fff; margin-right:30px; cursor:pointer; }

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

@media screen and (max-width:930px){
	#qd-banner01 { float:none; width:80%; margin:0 auto; }
	#qd-banner02 { float:none; width:100%; }
	#qd-banner03 { float:none; }
	.q01 { width:calc(100% - 20px;); margin:20px 10px; float:none; text-align:center; }
}

@media screen and (max-width:895px){
	.quadro02 { width:calc(50% - 2px); }
	.font-icone { font:30px/30px 'FontAwesome'; float:none; }
	.espaco02 {padding:20px 20px;}
}

@media screen and (max-width:768px){
	#logo2 { width:23%;}
	
	#qdhome:nth-child(1) {margin: 0 auto; float:none; }
	#qdhome:nth-child(2) {width:calc(100% - 20px); padding:10px;}
	.quadro01 { width:calc(50% - 20px); }
	.quadro02 { width:calc(50% - 2px); }
	.espaco02 {padding:20px 20px;}
	.font-icone { font:30px/30px 'FontAwesome'; float:none; }
	.tit04 { font-size:15px; }
	#foto01 { background-position:center !important; }
	.quadro02 { width:calc(100% - 2px); }
}

@media screen and (max-width:610px){
	.quadro02 { width:calc(100% - 2px); }
}

@media screen and (max-width:640px){
	.font-icone { font:30px/10px 'FontAwesome'; float:none; }
}

@media screen and (max-width:480px){
	.quadro01 { width:calc(100% - 20px); }
	.quadro02 { width:calc(100% - 2px); }
	.quadro04 { width:100%; float:none; }
	.quadro05 { width:100%; float:none; }
	.q01 { width:calc(100% - 20px;); margin:20px 10px; float:none; text-align:center; }
	#slogan { font:35px/55px 'denseregular'; }
	#menu { display:none; }
	#fd-menu { padding: 10px 0; }
	#fd-menu select{ display:block; }
	.espaco03 .blocos{width:calc(100% - 20px);}
}

@media screen and (max-width:326px){
	.tit02 { font:23px 'caviar_dreamsregular'; font-weight:bold; color:rgb(124, 124, 124); }
	.tit03 { font:16px 'caviar_dreamsregular'; color:rgb(124, 124, 124); float:left; }
	.q01 { width:calc(100% - 20px;); margin:20px 5px; float:none; text-align:center; }
}


@media screen and (max-width:320px){
	h1 { font-size:16px; }
	#slogan { font:25px/35px 'denseregular'; }
	.tit06 { font-size:25px; }
	.espaco03 input[name="user_senha"]  { width:100%; float:none; }
	
}