@charset "utf-8";
/* CSS Document */

#Bktopfixo{ width:100%; height:40px; float:left; background-color:#2F666C; position:fixed; top:0; z-index:999;}
.BtHome{ width:40px; height:40px; float:left; background:url(../imagens-site/icones/btHome.png) no-repeat center center; cursor:pointer;}
.BtHome:hover{ background:url(../imagens-site/icones/btHome2.png) no-repeat center center; 	-webkit-transition:0.5s ease-out;-moz-transition:0.5s ease-out;-o-transition:0.5s ease-out;transition:0.5s ease-out;}
.BtWhats{ width:180px; height:40px; float:right; cursor:pointer;}
.Iconewhats{ width:40px; height:40px; float:right; background: url(../imagens-site/icones/btWhats.png) no-repeat center center;}
#TXTBranco{ width:140px; height:40px; float:right; font-family:'Exo 2',Arial, Helvetica, sans-serif; font-size:18px; font-weight:500; color:#FFF; padding-top:7px; }
.BtWhats:hover .Iconewhats{background: url(../imagens-site/icones/btWhats2.png) no-repeat center center; -webkit-transition:0.5s ease-out;-moz-transition:0.5s ease-out;-o-transition:0.5s ease-out;transition:0.5s ease-out;}
#BkLogoMenu{width:100%; height:100px; float:left; background-color:#F5F5F5; margin-top:40px; position:fixed;z-index:999;}

#larguraMenu{ max-width:1250px; height:auto; margin-left:auto; margin-right:auto;}
@media(max-width:1250px){#larguraMenu{max-width:98%;}}

#btMenu{ width:120px; height:40px; float:right; background:#2F666C; border-radius:20px; margin-top:30px; font-family:'Exo 2',Arial, Helvetica, sans-serif; font-size:18px; font-weight:500; color:#FFF; text-align:center; line-height:37px; cursor:pointer; margin-left:6px;}
#btMenu:hover{ background:#FFCC29; color:#2F666C;-webkit-transition:0.5s ease-out;-moz-transition:0.5s ease-out;-o-transition:0.5s ease-out;transition:0.5s ease-out;}
#btMenuAtivo{ width:120px; height:40px; float:right; background:#FFCC29; border-radius:20px; margin-top:30px; font-family:'Exo 2',Arial, Helvetica, sans-serif; font-size:18px; font-weight:500; color:#2F666C; text-align:center; line-height:37px; cursor:pointer; margin-left:6px;}
@media(max-width:900px){#btMenu,#btMenuAtivo{ display:none;}}

#MenuMobile{ width:40px; height:40px; float:right; background: url(../imagens-site/icones/menuMObile.png) #2F666C no-repeat center center; border-radius:20px; cursor:pointer; margin-top:30px;}
#MenuMobile:hover{ background: url(../imagens-site/icones/menuMObile.png) #FFCC29 no-repeat center center; -webkit-transition:0.5s ease-out;-moz-transition:0.5s ease-out;-o-transition:0.5s ease-out;transition:0.5s ease-out; }
@media(min-width:900px){#MenuMobile{ display:none;}}

/* PAINEL */
#panelMenu{width:100%; height:100%;position:fixed;left: 0rem;
background:#000;text-align:center;
display:none;/*MANTER FECHADO*/
z-index:999;/*NA FRENTE DE TUDO*/
overflow:auto;/*BARRA DE ROLAGEM QUANDO PRECISAR*/
overflow-x: hidden;/*TIRANDO BARRA DE RODAGEM DO RODAPE DO PAINEL*/}
/* FECHAR PAINEL */
.BtFechar{width:40px; height:40px; border-radius:20px; background-color:#2F666C; background-image: url(../imagens-site/icones/MenuMobileFechar.png); background-position:center center; background-repeat:no-repeat; position: fixed; right:10px; top:10px; z-index:999; cursor:pointer;
display:block;/*display fechado*/}
/* IFRAME PAINEL */
#IframePainel{ width:100%; height:100%; position:absolute; top:0; bottom:0; left:0; right:0;}
/* FINAL PAINEL */

#barratitle{ width:100%; height:55px; float:left; background:url(../imagens-site/fundos/bktitle.png) #FFF no-repeat center center;}
#titlePag{ width:100%; height:auto; float:left; font-family:'Exo 2',Arial, Helvetica, sans-serif; font-size:23px; font-weight:900i; color:#2F666C; padding-top:12px; text-align:left;}
@media(max-width:500px){#titlePag{text-align:center;}}
#TXTPadrao{ font-family:'Exo 2',Arial, Helvetica, sans-serif; font-size:16px; font-weight:400; text-align:left;}
@media(max-width:500px){#TXTPadrao{text-align: center;}}

#BtAmarelo{ width:250px; height:auto; float:left; padding-top:10px; padding-bottom:10px; background-color:#FFCC29;font-family:'Exo 2',Arial, Helvetica, sans-serif; font-size:18px; font-weight:700; text-align:center; border-radius:25px; color:#2F666C; cursor:pointer;}
#BtAmarelo:hover{ background-color:#3C828A; color:#FFF; -webkit-transition:0.5s ease-out;-moz-transition:0.5s ease-out;-o-transition:0.5s ease-out;transition:0.5s ease-out;}
@media(max-width:500px){#BtAmarelo{ width:100%;}}
#AlinhaBT{ max-width:250px; margin-left:auto; margin-right:auto;}
@media(max-width:500px){#AlinhaBT{ max-width:100%;}}

#titlePP{width:100%; height:auto; float:left; font-family:'Exo 2',Arial, Helvetica, sans-serif; font-size:23px; font-weight:900i; color:#FFF; text-align:left; margin-bottom:5px;}
#TXTporq{width:100%; height:auto; float:left; font-family:'Exo 2',Arial, Helvetica, sans-serif; font-size:16px; font-weight:400; color:#FFF; text-align:left;}
@media(max-width:895px){#titlePP,#TXTporq{text-align:center;}}
#BkporqueEsc{ width:60%; height:auto; float:left; }
#QuardPP{ width:33%; height:auto; float:left; margin-bottom:30px;}
@media(max-width:895px){#QuardPP{width:50%;}}
#IMGPP{ width:100%; height:auto; float:left; text-align:center;}
#NotaPP{ width:100%; height:auto; float:left; text-align:center; font-family:'Exo 2',Arial, Helvetica, sans-serif; font-size:50px; font-weight:800; color: #FFF;}
#TXTPP{ width:100%; height:auto; float:left; text-align:center; font-family:'Exo 2',Arial, Helvetica, sans-serif; font-size:16px; font-weight:400; color:#FFF;}
@media(max-width:895px){#BkporqueEsc{width:100%;}}
#BkporqueDir{width:40%; height:auto; float:left; text-align:center;}
@media(max-width:895px){#BkporqueDir{width:100%; padding-top:20px;}}
#BKSOSPP{ width:100%; height:auto; float:left;}
#QuadsosPP{width:19%; height:200px; float:left; padding-left:3%; padding-right:3%; padding-top:30px;}
#IMGsosPP{width:100%; height:auto; float:left; text-align:center; padding-bottom:10px;}
#TitlesosPP{width:100%; height:auto; float:left; font-family:'Exo 2',Arial, Helvetica, sans-serif; font-size:18px; font-weight:700; color:#FFF; text-align:center; padding-bottom:10px;}
#TXTsosPP{width:100%; height:auto; float:left; text-align:center; font-family:'Exo 2',Arial, Helvetica, sans-serif; font-size:16px; font-weight:400; color:#FFF;}
@media(max-width:1200px){#QuadsosPP{width:44%;height:170px;}}
@media(max-width:680px){#QuadsosPP{width:94%;height:170px;}}

#TitleVCennt{width:100%; height:auto; float:left; font-family:'Exo 2',Arial, Helvetica, sans-serif; font-size:23px; font-weight:900i; color:#2F666C;text-align: center;}
.QuadClientes{ width:14.5%; padding:4.8%; float:left; border-radius:10px; border:1px solid #CCC; background-color:#FFF; margin-left:0.5%; margin-bottom:0.5%; text-align:center;}
@media(max-width:895px){.QuadClientes{width:39%;}}

#BkEmpresaEsq{ width:50%; height:auto; float:left; padding-right:5%;}
#BkEmpresaDir{ width:45%; height:auto; float:left; padding-top: 20px;}
@media(max-width:895px){#BkEmpresaEsq,#BkEmpresaDir{width:100%;}}

#IMGServ{ width:34%; height:auto; float:left; padding-right:1%;}
#ContServEsq{ width:65%; height:auto; float:left;}
#titleServEsq{width:100%; height:auto; float:left; font-family:'Exo 2',Arial, Helvetica, sans-serif; font-size:23px; font-weight:900i; color:#2F666C; text-align:left;}
#TXTServEsq{width:100%; height:auto; float:left;font-family:'Exo 2',Arial, Helvetica, sans-serif; font-size:16px; font-weight:400; text-align:left; }
#BtServorcamento{ width:250px; height:auto; float:left; padding-top:10px; padding-bottom:10px; background-color:#FFCC29;font-family:'Exo 2',Arial, Helvetica, sans-serif; font-size:18px; font-weight:700; text-align:center; border-radius:25px; color:#2F666C; cursor:pointer;}
#BtServorcamento:hover{ background-color:#3C828A; color:#FFF; -webkit-transition:0.5s ease-out;-moz-transition:0.5s ease-out;-o-transition:0.5s ease-out;transition:0.5s ease-out;}
@media(max-width:895px){#IMGServ{ width:54%;}}
@media(max-width:895px){#ContServEsq{ width:45%;}}
@media(max-width:750px){#IMGServ{ width:100%;}}
@media(max-width:750px){#ContServEsq{ width:100%;}}
@media(max-width:500px){#titleServEsq,#TXTServEsq,#BtServorcamento{ width:100%; text-align:center;}}

#QuadContatoUm{ width:23.8%; height:90px; float:left; padding-top:40px; border:1px solid #CCC; border-radius:18px; position:relative; margin-right:1%;}
#QuadContato{ width:23.8%; height:90px; float:left; padding-top:40px; border:1px solid #CCC; border-radius:18px; position:relative;  margin-right:1%;}
#ICOcontato{ width:100%; height:auto; position:absolute; top:-30px; text-align:center;}
#TXTCOntato{font-family:'Exo 2',Arial, Helvetica, sans-serif; font-size:16px; font-weight:400; color:#2F666C; text-align:center;}
@media(max-width:1190px){#QuadContatoUm{ width:48%; margin-bottom:40px;}}
@media(max-width:1190px){#QuadContato{ width:48%;}}
@media(max-width:500px){#QuadContatoUm{ width:100%; margin-bottom:40px;}}
@media(max-width:500px){#QuadContato{ width:100%; margin-bottom:40px;}}

.BkDadosContato{ width:40%; height:auto; float:left; }
.BkFormularioContato{width:60%; height:auto; float:left;}
@media(max-width:930px){.BkDadosContato{ width:100%; margin-bottom:25px;}}
@media(max-width:930px){.BkFormularioContato{ width:100%;}}
#TitleDados{width:100%; height:auto; float:left; font-family:'Exo 2',Arial, Helvetica, sans-serif; font-size:23px; font-weight:900i; color:#2F666C; text-align:left;}
#TXTdadosContato{ width:100%; height:auto; float:left;font-family:'Exo 2',Arial, Helvetica, sans-serif; font-size:16px; font-weight:400; color:#2F666C; text-align:left; padding-bottom:20px;}
#QuadBrancoCont{ width:300px; height:90px; float:left; padding-top:40px; background-color:#FFF; border-radius:18px; position:relative; }
@media(max-width:600px){#QuadBrancoCont{ width:100%;}}
@media(max-width:600px){#TitleDados,#TXTdadosContato{ text-align:center;}}

/*conf Form*/	
input{
	width:96.9%; 
	height:40px;
	float:left;
	margin-bottom:5px;
	margin-left:5px;
	padding-left:5px; 
	background: #FFF;
	border:0px solid  #FFF;
	border-radius:20px; 
	font-family:'Exo 2',Arial, Helvetica, sans-serif; font-size:15px; font-weight: 500; color:#2F666C; text-align: left;}
textarea{
	border-radius:20px; 
	width:97%; 
	height:140px;
	float:left; 
	margin-left:5px;
	margin-bottom:5px; 
	padding-left:5px; 
	padding-top:7px; 
	background: #FFF; 
	border:0px solid  #FFF; 
	font-family:'Exo 2',Arial, Helvetica, sans-serif; font-size:15px; font-weight: 500; color:#2F666C; text-align: left; 
	resize: none;
	}
.EstiloBut{
	width:150px;
	height:auto;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:10px;
	background-color:#2F666C; 
	border-radius:35px;
	font-family:'Exo 2',Arial, Helvetica, sans-serif; font-size:16px; font-weight: 500; color: #FFF; text-align:center  ;
	cursor:pointer;
	}
.EstiloBut:hover{
	background-color: #FFF;
	color:#2F666C;
	-webkit-transition:0.5s ease-out;
    -moz-transition:0.5s ease-out;
    -o-transition:0.5s ease-out;
    transition:0.5s ease-out;
	}						
@media(max-width: 770px){input{width:97.3%;}}	
@media(max-width: 770px){select{width:98%;}}	
/*campo email*/	
#email:valid {background:#00FF00;}
#email:invalid {background:;}
				
/* Final Formulario */

#TXTdiferencial{width:100%; height:auto; float:left; font-family:'Exo 2',Arial, Helvetica, sans-serif; font-size:16px; font-weight:400; color:#FFF; }
@media(max-width:850px){#TXTdiferencial{ text-align:center;}}

#BkLocalidade{width:100%; height:auto; float:left; background-color: #2F666C; padding-top:25px; padding-bottom:25px; position:relative;}
#icoLocalidade{ width:100%; height:auto; text-align:center; padding-bottom:10px;}
#EndLocal{ width:100%; height:auto; float:left; font-family:'Exo 2',Arial, Helvetica, sans-serif; font-size:16px; font-weight:400; color:#FFF; text-align: center; }

#TipPrincipal{ width:48.6%; margin-right:1%; margin-bottom:1%; height:45px; float:left; border:2px solid #FFF; border-radius:40px; line-height:40px; font-family:'Exo 2',Arial, Helvetica, sans-serif; font-size:16px; font-weight:400; color:#FFF; text-align: center;}
@media(max-width:1195px){#TipPrincipal{width:48.5%;}}
@media(max-width:785px){#TipPrincipal{width:100%;}}

#BkVerdeInicio{width:100%; height:auto; float:left; background:url(../imagens-site/fundos/bolaBk.png) #2F666C no-repeat bottom; padding-top:50px; padding-bottom:50px;}
#EsqDiferencial{ width:59%; height:auto; float:left;}
#FormularioOrca{ width:36%; padding-left:2%; padding-right:2%; padding-bottom:2%; height:auto; float:left; background-color:#51A8B1; border-radius:30px; }
@media(max-width:850px){#EsqDiferencial,#FormularioOrca{width:100%;}}
@media(max-width:850px){#FormularioOrca{ margin-top:50px;}}
@media(max-width:500px){#FormularioOrca{ width:80%; padding-left:10%; padding-right:10%; padding-bottom:7%;}}
#Titleorcaexpress{width:100%; height:auto; float:left; font-family:'Exo 2',Arial, Helvetica, sans-serif; font-size:23px; font-weight:900i; color:#FFF; text-align: center;}

/* RODAPE */
#logorodape{ width:100%; height:auto; float:left; text-align:center; cursor:pointer; padding-bottom:20px;}
#statsRodape{width:100%;height:75px;float:left;text-align:center;}
#elcage{width:100%; height:auto; float:left; text-align:center; cursor:pointer;}

#larguraPagina{ max-width:1250px; margin-left:auto; margin-right:auto;}
@media(max-width:1250px){#larguraPagina{max-width:85%;}}


