* { 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:#a6a08b; text-align:center; }
.tit01 { font:20px 'caviar_dreamsregular'; font-weight:bold; color:#CC0000; float:left; text-align:center; margin-right:70px; }
.tit02 { font:25px 'caviar_dreamsregular'; font-weight:bold; color: rgba(0, 0, 0, 0.6); }
.tit03 { font:16px 'caviar_dreamsregular'; color: rgba(0, 0, 0, 0.6); float:left; font-weight: bold; }
.tit04 { font:18px/50px 'caviar_dreamsregular'; color:#FFFFFF; }
.tit05 { font:17px 'caviar_dreamsregular'; color: white; font-weight:bold; padding:40px 0 20px 0; }
.tit06 { font:34px 'caviar_dreamsregular'; font-weight:bold; color:#cc0000; }
.tit07 { font:21px 'caviar_dreamsregular'; color:#fff; font-weight:bold; padding:-10px 0 20px 0; }
.txt-branco { font:11px Arial; color:#fff;}
.txt-branco02 { font:13px/20px Arial; color:#fff; }
.font-icone { font:30px/50px 'FontAwesome'; color:#FFFFFF; margin-right:10px; float:left; }
.font-icone02 { font:30px 'FontAwesome'; color:#a6a08b; }
.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: #c5c0a6; 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:#c5c0a6; cursor:pointer; }
.link02:hover { color:#333; }

.link03 { font:15px/23px Arial; color:#fff; cursor:pointer; }
.link03:hover { color:#bc3e3f;font-size: 18px; }

.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:#CC0000; color:#FFF; padding:10px; float:left; border-radius:5px; cursor:pointer; font:12px Arial; text-align:center; margin:5px 0 20px 5px; }

#fd-menu { margin-left: 8%; margin-top: 30px; width:84%; height: 70px; border-radius: 15px; overflow:hidden; background-color: rgba(236,4,4,1.0); position: fixed; color: rgb(236, 4, 4); z-index: 1000;}
#fd-menu select { position: absolute; border-radius: 10px; padding:10px 0px 0px 5px; margin:0px auto 0px 5px; display:none; width:calc(100% - 20px); }
#fd-menu:hover{background: rgba(0, 0, 0, 0.5); font-weight: bold;}


#menu { width:100%; max-width:1000px; margin:0 auto;}
#menu li { width:14%; float:left; list-style:none; position: relative; cursor:pointer; }
#menu li a { display:block; padding:12px 0; text-decoration:none;}
#menu li:hover .over { top:45px; background:#bc3e3f; }
#menu li a p .zoommais {margin-left: -50px; margin-right: 50px; position: absolute;}
#menu li a p:hover .zoommais { margin-top: 45px; margin-bottom: 45px; background: rgba(236, 4, 4, 1.0); position: absolute;}
#menu p { font:20px 'denseregular'; color:#fff; text-align:center; position: relative; z-index:10; margin-top: 12px;}

.over { width:100%; padding:100px 0; position:absolute; z-index:0; background-color: transparent; top:-50px; }
.over { 
	-webkit-transition:all ease-out 100ms; 
	-moz-transition:all ease-out 300ms; 
	-ms-transition:all ease-out 300ms; 
	-o-transition:all ease-out 300ms; 
}

.zoommais {width:100px; height: 100px; padding-left: 2px; z-index:0; background-color: transparent; font-size: 15pt;}
.zoommais:hover { 
		height: 500px;
		position: absolute;
		text-align: center;
		padding-left: 6px;
		padding-right: 6px;
		padding-top: 25px;
		padding-bottom: 30px;
		border: solid 1px;
		font-size: 16pt;
		background-color: rgba(236, 4, 4, 1.0);
		color: rgba(255, 255, 255, 1.0);
	 	-webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
        transition: 250ms;
}
.swing { width: -100px; height: 100px; padding-left: 40px; z-index:900; background-color: transparent;}
.swing:hover {
		margin-bottom: 100px;
		margin-left: 80px;
		border-color: black;
		position: absolute;
		-webkit-animation: swing 0.5s ease;
        animation: swing 0.5s ease;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        cursor: pointer;
}

.colorText:hover{color: red;}
.ic_account{color:yellow;font-size:18px;}
.ic_account2{color:transparent;font-size:18px;}
.ic_account2:hover{color:yellow;font-size:18px;}
#topo { width:100%; text-align:center; margin:15px 0;}
#logo { width:200; max-width:200px; margin:0 auto; position: absolute;}
#slogan { font:45px/55px 'denseregular'; color:#7d7d7d; width:100%; max-width:1000px; margin:0 auto; }
#slogan span { color:#b2aa91; }
#linha { width:10%; border-top:3px solid #b2aa91; margin:0 auto; padding-bottom:10px; }

.q01 { width:calc(50% - 60px;); margin:15px 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:135px;}
#qd-banner02 { float:left; width:35%; height:130px; text-align:center; }
#qd-banner03 { background: rgba(234, 4, 4, 1.0); width:100%; height:100px; }
#qd-banner04{ background:#c5c0a6; width:100%; padding:10px; cursor:pointer; font: 12px Arial; color:#333333; 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:50px 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:#CC0000; color:#FFF; 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:#9b0303; color:#FFF; margin-top: 20px; margin-top: 20px; }
.espaco05 { padding:40px 10px; text-align:center; }

#total01 { width:100%;background:url('../img/fd01.png'); margin-top: 80px; height: auto; }
#total02 { width:100%; background-color: rgba(0, 0, 0, 0.6); }
#total03 { width:100%; overflow:hidden; background:#ebebeb; padding-top:5px; }
#total04 { width:100%; background-color: #ebebeb; margin-top: 80px; height: 550px; }
#centro { width:calc(100% - 20px ); padding:10px 0px; max-width:980px; margin:0 auto; overflow:hidden; margin-top: -60px;}

#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; cursor: pointer; }
#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 { background:rgba(0,0,0,0.6); 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 red; background: white; }
.circulo:hover .tit05,.circulo:hover .font-icone02 { color: rgb(225, 4, 4);}
.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:50px; background-image:url(../img/foto01.jpg); background-repeat:no-repeat; background-position:50% 0;}

#rodape { width:100%; overflow:hidden; background:#333333; 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){
	#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; }
}

@media screen and (max-width:326px){
	.tit02 { font:23px 'caviar_dreamsregular'; font-weight:bold; color:#a6a08b; }
	.tit03 { font:16px 'caviar_dreamsregular'; color:#a6a08b; 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; }
	
}

.boxShadow{
	transition: box-shadow 1s ease-in-out;
}
.boxShadow:hover{
   box-shadow: 5px 5px 2px #888888;
}

@-webkit-keyframes swing
{
    15%
    {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    30%
    {
        -webkit-transform: translateX(-10px);
       transform: translateX(-10px);
    } 
    50%
    {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }
    65%
    {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }
    80%
    {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes swing
{
    15%
    {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    30%
    {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    50%
    {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }
    65%
    {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }
    80%
    {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.animationFones
{
    width: 100px;
    height: 100px;
    position: relative;
    -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation-name: animationFones;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes animationFones {
    0%   {background-color:rgba(0,0,0,0.9);}
    50%  {background-color:#fff;}
    100%   {background-color:rgba(0,0,0,0.8);}
}

/* Standard syntax */
@keyframes animationFones {
    0%   {background-color:rgba(0,0,0,0.9);}
    50%  {background-color:#fff;}
    100%   {background-color:rgba(0,0,0,0.8);}

}