/******************* Stylo Geral css **********************/

body { font-size: 62.5%; line-height: 0.5em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #444444;
}


*, *:before, *:after {
    
-webkit-box-sizing: border-box;
 
                          
-moz-box-sizing: border-box;
    
                           
 box-sizing: border-box; 

}


/*
h1 {
 padding-top: 0.625em; padding-bottom: 0.3125;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 2.4em;
 color: #00ccff;
} */


h2 {
 padding-top: 0px; padding-bottom: 1em;
 font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.0em;
 color: #1E90FF; line-height: 0.9em;
}


h3 {
 font-family: Georgia, "Times New Roman", sans-serif;
 font-size: 1.6em;
 color: #4F4F4F;
 line-height: 0.9em; }


h4 {
 margin-top: -0.2em; margin-bottom:0.7em;
 font-family: Georgia, "Times New Roman", sans-serif;
 font-size: 1.5em;
 color: #999;
}


h5 { margin-top: 0; margin-bottom:-0.6em;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 1.3em;
 color: #999;
}


h6 {
 padding-top: 0px; padding-bottom: 20px;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 1.1em;
 color: #000000;
}
  
 
p {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 1em;
	padding: 0px;
 color: #000000;
}  


a {
 font-weight: bold; text-decoration: none; color: #ffcf69;
}


a:hover {
 font-weight: bold;
 text-decoration:none; border-bottom:1px dashed #ffcf69; 
}

span{ font-size: 1.2em; font-weight: 200; letter-spacing: -1px; line-height: 1.3em;  }


.Linha {color: #fff; background-color: #A4A4A4; width: 100%; height: 1px; float: left; }

.Linhab { background-color: #999; width: 1010px; height: 0.01em; float: left; }

.Linhac {color: #fff; background-color: #999; height: 1px; float: left; padding-top: 10px; padding-bottom: 20px; }

.LinhaLargo { border: 10px solid #fff; color: #fff; background-color: #000; height: 1px; }


.Fontecontato { font-family: verdana, "Times New Roman", sans-serif; line-height: 0.8em; font-size: 1.4em; color: #3A3838; }


.FontEscuroSuper { font-family: Georgia, "Times New Roman", Times, serif; margin-top: 2em; font-size: 3.7em; color: #4F4F4F; }

.fontEscuroSMedio { font-family: Georgia, "Times New Roman", Times, serif; padding-top: 1.025em; padding-bottom: 1.25em; font-size: 2.4em; color: #4F4F4F; line-height: 1.2em;}

.FontEscuroGrande { font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.2em; color: #4F4F4F;}

.fontEscuroMedio { font-family: Georgia, "Times New Roman", Times, serif; padding-top: 5px; padding-bottom: 5px; font-size: 1.4em; color: #000000;}

.fontEscuroNormal { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; color: #4F4F4F; line-height: 1.2em; }

.fontEscuroPequeno { font-family: Georgia, "Times New Roman", Times, serif; padding: 15px; font-size: 1.0em; color: #000000;}

.fontEscuroS { font-family: Georgia, "Times New Roman", sans-serif; font-size: 2.2em; color: #4F4F4F; line-height: 1.2em; }


.fontAzulSMedio { font-family: Georgia, "Times New Roman", sans-serif; font-size: 2.2em; color: #1E90FF; }


.fontAzul { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; color: #1E90FF;}

.fontBranco { font-family: Georgia, "Times New Roman", sans-serif; font-size: 1.4em; color: #fff;}

.fontBrancoB { font-family: Georgia, "Times New Roman", sans-serif; font-size: 2.7em; color: #fff; line-height: 1em;}

.fontBrancoCirc { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.344444444444444em; color: #fff; margin-top: 0.2em;}

.fontBrancoC { font-family: Georgia, "Times New Roman", sans-serif; font-size: 1.344444444444444em; color: #fff; margin-top: 0.2em;}


/*.fontBrancoSuper {font-family: Georgia, "Times New Roman", sans-serif; font-size: 3.35555555555556em; color: #FFF; line-height: 1em; }*/
.fontBrancoSuper {font-family: Georgia, "Times New Roman", sans-serif; font-size: 4.4em; color: #FFF; line-height: 1em; margin:35px auto ;}

.fontverdeGrande { font-family: Georgia, "Times New Roman", Times, serif; font-size: 4.3em; color: #0B243B; line-height: 1.5em; }

.fontverdeMedio { font-family: Georgia, "Times New Roman", Times, serif; font-size: 3.09em; color: #0B243B; line-height: 0.8em; }

.fontverdePequeno { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.45em; color: #0B243B; line-height: 0.8em;}

/*.fontverdeGrande { font-family: Georgia, "Times New Roman", Times, serif; font-size: 3.7em; color: #0B243B; line-height: 0.9em; }
.fontverdeMedio { font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.55555555555556em; color: #0B243B; line-height: 0.8em; }
.fontverdePequeno { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.977777777777778em; color: #B49C60; line-height: 0.8em;} */


.fontEscuro { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.12222222222223em; color: #999; }

.fontVermelhoPequeno { padding-top: 0.4em; font-family: Georgia, "Times New Roman", sans-serif; font-size: 1.0em; color: red;}

.SetorServico {font-family: verdana, "Times New Roman", sans-serif; font-size: 1.2em; color: #425CAA; line-height: 1.3em; margin-top:0.6em; /*float:left;*/}
 

/* classes imagens e linhas
.ImagemLogo { float: left; margin-top: 0.2em; margin-left: 0.5em; }*/
.logo_topo { float: left; width:5.2em; margin-top: 0.2em; margin-left: 0.5em; }
.ImagemLogo { float: left; margin-top: 0.2em; margin-left: 0.5em; }
.menu_vert { float: left; width:4em; height:2.3em; margin-top: 0.2em; margin-right: 0.5em; }

.Imagem { float: left; padding: 0px 20px 10px 0px; }

.Banner { width:100%; height:350px; }
.Icontact { width:2em; }
.Iconwhats {float:left; width:13%; margin: 0.2em; }
.IconCategoria { float:left; width:20%; /* height:12em; */ margin:0.55em 0.8em 0.1em 0; }
.ImagemPS { float: left; padding: 15px 20px 20px 0px; }

.ImagemSocialG { padding: 5px 20px 5px 0px; }

.ImagemServicos{ width:90%; padding-top: 0.6em; }

.ServicosOff{ width:47.5%; padding-top: 0.6em; float: right; }

.ServicosOff2{ width:50%; padding-top: 0.6em; float:left; }

.ImagemSocialM { width:3em; height: 2em; margin: 1.3em 0 1em 2.4444444444445em; }

.ImagemSocialP { padding: 5px 20px 5px 0px; }

.ImagemMarcador { float: left; padding: 0px 7px 0px 7px; }

.clientes { width:100%; height:100%; padding-bottom: 0.5em; }

.largura-cheia{ width:100%; height:100%; }


a.linkEscuroGrande { font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.4em; color: #BEBEBE; }

a:hover.linkEscuroGrande { background: #ffcf69; font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.4em; color: #ffffff;}

a.linkEscuroMedio { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.6em; color: #000000; }

a.linkverde { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.0em; color: green;}

a:hover.linkverde { background: #006600; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.0em; color: #fff;}

a.linkbranco { background: #006600; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.0em; color: #fff;}

a.link_vinho { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.0em; color: #8A1818;}
  
a.linkazulclaroM { font-family: Georgia, "Times New Roman", sans-serif; font-size: 1.4em; color: #1E90FF; }

a.linkazulclaro { font-family: Georgia, "Times New Roman", sans-serif; font-size: 1em; color: #1E90FF; }



/*****************  Container geral  ******************/

img,
picture,
video,
embed {
 max-width: 100%; 
}



.boxglobal {
 position:absolute; top:0px;
 left:0px; bottom:0px; width:100%; 

}


.Boxtudo {
 width: 1200px; margin: 0px auto; position: relative;
 font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.4em; 
}

.BoxCabecalho { border-bottom:1px solid; position: relative;
 width: 100%;
 height: 140px; margin: 0px auto; position:relative;
}

                                                 
.Logo { float: left; width: 41.58415841584158%;
	height: 130px; 
}

.Logo h1 { font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 2.7em; margin-top: 0.2em; line-height: 1.5em; padding-top: 0.4em; /*0.32222222222222em;*/ color: #4C3E5A;
}


.Logo h2 {
 font-family: Georgia, "Times New Roman", sans-serif;
 font-size: 1.5em; margin-top:-1.2em;
 color: #999;
 }

.Logo a {
 font-weight: bold;
 text-decoration:none; color: #1E90FF;
} 

.Chamada { float: right;
 width: 58%; height: 120px;
 margin-top: 0px; text-align: right; padding-top: 0; 
}

.infocontact { float: right;
 width: 43%; height: 400px;
	margin-top: 0px; text-align: left; padding-top: 0px;
}

.BannerTopo { float: left;
 margin-left:-6em; margin-top: -4em;
 width: 68.96551724137931%;
 text-align: center; 
}
a.BannerTopo { /*font-weight: bold; text-decoration: none;*/font-size: 1.5em; color: #FFF;}
.retanguloinfo { float: left; margin-top: 1.4em; width:60%; font-size: 1.5em; color: #60B49C; padding: 5px; line-height: 1.4em; }

.fundoslider { position: relative;
 width: 100%;
 height: 447px;
 margin: 0; padding-top:0.2em; background: #ccc url('../img/fundoslider.jpg'); }
 
.Destaque { border-bottom:1px solid; position: relative;
 width: 100%;
 height: 450px;
 margin-top: 0;
 margin-bottom: 1.2em; padding-top: 0.3em; line-height: 1.2em;
 text-align: center;
    background: url('/img/fundo-esportre.jpg') no-repeat center top;
 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.chamada_seo { clear: both; border-bottom:1px solid;
 width: 100%;
 height: 450px;/*
 margin-top: 0; */
 margin-bottom: 1.2em; padding-top: 0.3em; line-height: 1.2em;
 text-align: left;
    background: url('../img/back-ground-seo.jpg') no-repeat center top;
 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
} 
.chamada_seo h1 { font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 4.2em; margin-top: 0.2em; line-height: 1.2em; padding-top: 0.4em; color: #FFF; }
.chamada_seo h2 { font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 3.75em; margin-top: 0; line-height: 1.5em; color: #04B4AE; } 
.chamada_seo h3 { font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 2.6em; margin-top: 0.2em; line-height: 1.5em; padding-top: 0.4em; color: #FFF; } 
.chamada_seo p { font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 1.5em; margin-top: -2.7em; line-height: 1.5em; color: #0489B1; } 
.msg_seo { float: left; width: 50%; text-align: left; padding: -0.8em 0em 0.4em 1.125em;}
.msg_seo_2 { float: right; width: 45%; margin-top:0; padding: 0.5em 0em 0.4em 1.125em; text-align: center;}
.seo_site {width:97%; /* height:12em; */ margin-top:-2.4em; }
 
 a.acao_chamada {/*border-radius: 30px 30px;*/ display: inline-block; width: 15em; height: 2.7em; background:#04B4AE; line-height: 1.4em; text-align: center; font-size: 1.15em; color: #FFF; padding-top:10px;}

a:hover.acao_chamada  {/*border-radius: 30px 30px;*/ display: inline-block; width: 15em; height: 2.7em; background:#0489B1; line-height: 1.4em; /*margin-top: 1.3em;*/ text-align: center; font-size: 1.15em; color: #FFF; padding-top:10px;}
a.orcarmento { border-radius: 30px 30px; display: inline-block; width: 11em; height: 2.2em; background:#04B4AE; line-height: 1.4em; text-align: center; font-size: 1.15em; color: #FFF; padding-top:20px; margin-top:20px;}

a:hover.orcarmento {border-radius: 30px 30px; display: inline-block; width: 11em; height: 2.2em; background:#0489B1; line-height: 1.4em; /*margin-top: 1.3em;*/ text-align: center; font-size: 1.15em; color: #FFF; padding-top:20px;}


.circulo, .circulo2, .circulo3 { border-radius: 50%; display: inline-block; height: 11em; width: 11em; text-align: center; color: #fff; line-height: 1.6em; margin: 1.25em; 
}

.circulo { background-color: #7B0232; }

.circulo2 { background-color: #88A9A3; }

.circulo3 { background-color: #B63D6D; }

 
 
/********************* Box Meio ********************/

.BoxMeio {
 position: relative;
 width: 100%;
 margin-top: 1.6em;
 margin-bottom: 1.6em; } 

.Colunacentro { 
 float: left;
/*border-bottom:1px solid;
 height: 490px;*/
 width: 100%; 
 bottom:1.6em;
 padding: 1.1em; 
 text-align: center; 

} 

.SetorServicos {
 float: left;
 width: 31.83333333333334%;
 margin-right: 1.5%; font-size: 1.2em;
 line-height: 1.2em;
 text-align: center;
 color: #4F4F4F;
} 

.SessaoServicos {
 float: left;
 width: 31.83333333333334%;
 margin-right: 1.5%; 
 font-size: 1.2em;
 line-height: 1.2em;
 text-align: left;
 color: #4F4F4F;
} 
/*.SessaoServicos h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.0em; color: #1E90FF; margin:0.7em 0.3em; line-height: 0.9em;}
.SessaoServicos p {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.02em; margin: -1.7em 0.3em 0 0.3em; line-height: 0.9em;}*/
 
.SessaoClientes {
 float: left;
 width: 23.3%;
 height: 220px;
 margin-bottom:6em;
 margin-right: 15px; font-size: 1.2em;
 line-height: 1.2em;
 text-align: center;
 color: #4F4F4F;
} 

.catg_serv {
 float: left;
 width: 23.3%;
 /*height: 220px;*/
 margin-bottom:6em;
 margin-right: 15px; font-size: 1.2em;
 line-height: 1.2em;
 text-align: left;
 color: #4F4F4F;
}
.catg_serv a { margin: 0px; padding-left: 0px;
 /*text-transform: uppercase;*/
	text-decoration: none; font-size: 0.87em;
 font-weight: bold; color: #440202;
 }
.SessaoClientes:last-child, .catg_serv:last-child { margin-right: 0; }

.catg_serv li {line-height: 1.65em; /*list-style: none; color: #999;*/ }

.BlocText {
 float: left; width: 57%; margin-right:1.5%; text-align:justify; line-height: 1.6em; }
.Coluna {
 float: left; width: 41.5%; margin-right:1.5%;  text-align:justify; line-height: 1.6em;}  
.Colunasetor { float: left; width: 21.6%; margin-top: 1.5em; margin-bottom: 4em; margin-right:1.5%; padding: 0.9em; text-align:center; }
.BlocText:last-child, .Coluna:last-child {
    margin-right: 0;
}



.BlocText span{ font-size: 1em; font-weight: 200; letter-spacing: -1px; line-height: 1.3em;  }

.BlocText h1 { font-size: 1.8em; font-weight: 0; letter-spacing: -4em; line-height: 0.2em;  }


.BlocText h2 { margin:0 0 -0.6em 0; font-size: 1.7em; font-weight: 300; letter-spacing: -2em; line-height: 0.2em; color: #4F4F4F;
 }



/* ul.outside {list-style-position: outside; color: #999; }*/

.foco_criacao { width: 100%; height: 450px; margin-top: 0;
 position:relative;
 background: #ffffff url('../img/criacao_de_sites.jpg') no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }


.foco_patrocin { width: 100%; height: 515px; margin: 0px auto;
 position:relative;
 background: #ffffff url('../img/backgroundBanner.jpg') no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }


.foco_SEO { width: 100%; height: 450px; margin: 0px auto;
 position:relative;
 background: #ffffff url('../img/otimizacao_SEO.jpg') no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }


.caixadialog, .caixadialog2 {
 float: left; left: 0px; text-align: left;  /* 
             background: rgba(0,0,0,0.5); */
 }

.caixadialog {  width: 45%; margin-top: 6.8em;
 }

.caixadialog2 {  width: 100%; margin-top: 3.4em;
 }
.Dialog {  width: 80%; margin-top: 10em;
 }




.Barradialog { width: 96%; position: relative;
 /*          height: 480px;  */
 padding:10px; text-align: justify;
 background: #75402C; border-top: 3px solid #F8C030; 
}


.caixaimagen {
 float: right;
 width: 46%; text-align:left; margin-top: 4.8em; padding: 1px auto; /*border: 3px solid #F8C030;*/}

 

.centroesquerda {
        float: left;
	width: 59.4%;
	padding: 10px 10px 20px 0px;
 }


.centrodireita {
 float: right;
 width: 37%;
 text-align: justify; padding: 10px 0 20px 10px;
 line-height: 1.6em; }
 

.BlocoLeft {
        float: left;
	width: 59.4%;
	padding: 10px 10px 20px 0px;
        border: 1px solid;
 }

.Blocoright {
        float: right;
	width: 37%;
	padding: 10px 10px 20px 10px;
        border: 1px solid;
 } 

.BoxColunacentro {
           float: left;
	   width: 100%; 
           bottom:10px;
	   padding: 10px;
           text-align: center;

} 


.BoxMeioColuna1 {
	float: left;
	width: 26.7%;
	margin: 0px auto;
        margin-bottom:10px;
	padding: 0px;
	text-align: left;
}

.BoxMeioColuna2 {
	float: left;
	width: 36.6%;
	margin: 0px auto;
        margin-bottom:10px;
	padding: 0px;
	text-align: left;
}


.BoxMeioColuna1, .BoxMeioColuna2 { line-height: 1.5em; padding:-0.4em 0.4em 0.3em; margin-right:1.6%;  }
.Hiding {
        float: left;
	width: 100%;
        padding-top: 7px; padding-bottom: 10px;
	text-align: justify;
}

.ColumMine {
 float: left;
 width: 45%;
 padding: 0.5% 3%;}
 
.layout { width:90%; margin:0 4.5%;}
  
.BoxMeioColuna1 h5, .BoxMeioColuna2 h5 { line-height: 1.2em; margin-top: 0.4em; margin-bottom:0.3em;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 1.3em;
 color: #999;
}


.BoxMeioColuna1 h2, .BoxMeioColuna2 h5 { line-height: 0.9em; }
#retangulo1 {float: left; width: 200px; height: 60px; background: #6495ED; font-size: 2.0em; color: #ffffff; padding: 10px;} 

#retangulo6 {float: left; width: 200px; height: 90px; background: #87CEFF; font-size: 1.9em; color: #ffffff; padding: 10px;}

#retangulo11 {float: left; width: 200px; height: 60px; background: #B0E0E6; font-size: 2.0em; padding: 10px;}


#retangulo2, #retangulo3, #retangulo4, #retangulo5 {float: right; width: 174px; height: 60px; background: #6495ED; border-left: 1px solid #fff; font-size: 1.6em; color: #ffffff; padding: 10px;}


#retangulo7, #retangulo8, #retangulo9, #retangulo10 {float: right; width: 174px; height: 90px; background: #87CEFF; border-left: 1px solid #fff; font-size: 1.6em; color: #ffffff; padding: 10px;}


#retangulo12, #retangulo13, #retangulo14, #retangulo15 {
float: right; width: 174px; height: 60px; background: #B0E0E6; border-left: 1px solid #fff; font-size: 1.3em; color: #1E90FF; padding: 10px;
}


#retangulo16 {float: left; width: 100%; height: 60px; background: #6495ED; font-size: 1.4em; color: #ffffff; padding: 10px;}

#retangulo17 {float: left; width: 100%; height: 60px; background: #87CEFF; font-size: 1.55em; color: #ffffff; padding:0.1em 0.4em; line-height: 1em; }

#retangulo18 {float: left; width: 100%; height: 60px; background: #B0E0E6; font-size: 1.4em; color: #1E90FF; padding: 10px;}

#retangulo19 {float: left; width: 100%; height: 60px; background: #87CEFF; font-size: 1.4em; color: #ffffff; padding: 10px;}

#retangulo20 {float: left; width: 319px; height: 60px; background: #B0E0E6; font-size: 1.6em; text-align: center; color: #ffffff; padding: 10px;}

#retangulo21 {float: right; width: 289px; height: 60px; background: #B0E0E6; font-size: 1.5em; text-align: center; color: #006600; padding: 10px;}

 

/****************** Rodape  *************************/


#rodape {
 clear: both; width: 100%;
 height: 360px; bottom: 0.8em; border-top: 0.155em solid #999999; 
}
 

.Conteudorodape { position: relative;
 width: 1200px; height: 310px; border-bottom: 0.03em solid #999999;
 margin: 0px auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.6em; line-height: 1.2em; list-style: none; color: #999; 
}
.col_rodape { float: left; width: 30%; text-align: left; margin-right:2.4%; padding:2.5em 0;}

.rodapeesquerdo { float: left; width: 53.46534653465347%;
 text-align: left;
 }

.table_mn {float:left; width: 100%; height: 46px; /*background:#000;*/}
.table_rp {/* float: right;*/ width: 50%; height: 60px; }
/*.rodapedireito { float: right;
 width: 45%; padding: 0.5em 0em 0.4em 1.125em; text-align: right;
 } */


.botoessociais {
 width: 100%;
 text-align: right;
}  

.rodape a,.rodape_h a { margin: 0px; padding-left: 0px;
 text-transform: uppercase;
	text-decoration: none; font-size: 0.875em;
 font-weight: bold; color: #999;
 }


.rodape a:hover,.rodape_h a:hover { padding: 0px;
	text-transform: uppercase;
 text-decoration: none;
 font-size: 0.875em;
 font-weight: bold; color: #999; border-bottom:1px dashed #ffffff;
}

.logo_rodape { float:left; width:25%; /* height:12em; */ margin-top:-1.7em; }

.rodape_title { font-size: 2.2em;  color: #999; /* float:left; width:40%;*/ margin:0.55em 0.8em 0.9em 0; float:left; }
.title_b { font-size: 1.7em;  color: #999; /* float:left; width:40%;*/ margin:0.55em 0.8em 0.9em 0; float:left; }
.rodape li { list-style: none; color: #999; line-height: 1.4em; }
ul.rodape { float: left; color: #999; margin-left:-2.6em;}
.rodape_h li { list-style: none; color: #999; line-height: 1.9em; }
ul.rodape_h { float: left; color: #999;}

#bottom {
position: fixed;
height: 2.3em;
width: 9em;
bottom: 0.6em;
right: 0;
margin-bottom: 0;
/*border-top: 5px solid #316594;
background: #0D4B75; url('../img/fundo-menu.jpg');*/
-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
z-index: 999999;
padding: 10px 0;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}
.img_chamada-whats { float:right; width:100%; margin:-6em 1.9em 0 0; /* margin-bottom:-1.5em;*/ }

/*.SocialBox { float: right; position:relative; width: 15%; margin: -5.3em 2.3em 0 0; text-align: right; font-size: 1.09em; color: #4E9ACE; }
.SocialBox2 { float: right; position:relative; width: 15%; margin-top: -1.4em; text-align: right; font-size: 1.09em; color: #4E9ACE; }
.ImgSocial_2 { width:23%; padding:0; } */

/*  ================================= Media Queries  ======================================  */

@media screen and (max-width: 1313px) {    
.boxglobal, .Boxtudo, .Conteudorodape { padding: 0 0.8em 0 0.8em; }
.chamada_seo h1 {font-size: 3.8em;}
.chamada_seo h2 { font-size: 3.5em;}}

@media screen and (max-width: 1215px) { 
.Boxtudo, .Conteudorodape { width: 97%; margin: 0 1.5%; }}

/*@media screen and (max-width: 1200px) { 
.Boxtudo, .Conteudorodape { width: 100%; margin: 0 1em 0 1em; }
.Boxtudo, .Conteudorodape { width: 97%; margin: 0 1.5%; }}

.retanguloinfo {font-size: 1.5em; padding: 0; line-height: 1.4em; }*/

@media screen and (max-width: 10145px) {
.retanguloinfo {padding: 0;}
.chamada_seo h1 {font-size: 3.67em;}
.chamada_seo h2 { font-size: 3.35em;}}

@media screen and (max-width: 1100px) {
.chamada_seo h1 {font-size: 3.5em;}
.chamada_seo h2 { font-size: 3.15em;}
.retanguloinfo {/*height: 4em;*/ margin-top: 4em; font-size: 1.3em;}}

@media screen and (max-width: 1030px) { 
.chamada_seo h1 {font-size: 3.23em;}
.chamada_seo h2 { font-size: 2.78em;}
.retanguloinfo { margin-top: 3.5em;}
.BannerTopo {margin-left:-3em;}
a.orcarmento,a:hover.orcarmento {width: 9.8em; height: 2.02em; font-size: 1.10em;}
.Conteudorodape {font-size: 1.4em;}
.rodape li { list-style: none; color: #999; line-height: 1.4em; }
.SessaoServicos, .BoxMeioColuna1, .BoxMeioColuna2 { width: 45%; }}

@media screen and (max-width: 1000px) {
.Destaque {height: 670px;}
.caixadialog {margin-top: 3.8em;}
.fontverdeMedio {font-size: 2.75em;}
.BannerTopo {margin-left:-1.7em;}}

@media screen and (max-width: 960px) {
.catg_serv {width: 23%;}
.retanguloinfo {width:70%;}}

@media screen and (max-width: 940px) { 
.catg_serv {width: 48%;} 
.Logo {    width: 39%; }
.Chamada { width: 61%; }}

@media screen and (max-width: 930px) { 
.SessaoClientes {   width: 30%; }}

@media screen and (max-width: 900px) { 
#rodape {height: 490px;}
.Conteudorodape {height: 480px;}
.col_rodape { float: left; width: 47%;} 
.Logo {    width: 38%; }
.Chamada { width: 62%; }}

@media screen and (max-width: 880px) {
.chamada_seo h2 { font-size: 2.55em;}
#retangulo17 { font-size: 1.4em; }
#retangulo18, #retangulo16 { font-size: 1.255em; }
.retanguloinfo {width: 90%;}}

@media screen and (max-width: 836px) {
.Logo h2 { font-size: 1.4em; }}

@media screen and (max-width: 810px) {
.Destaque {height: 760px;}
.caixadialog {width: 100%; margin-top: 0.4em; text-align:center;}
.caixaimagen {width: 100%; text-align:center; margin-top: 1.2em; margin-bottom: 3em;}
.fontBrancoSuper {margin-bottom:0.1em;}
.fontverdeMedio {font-size: 2.75em;}
.catg_serv {width: 47.6%;}} 

@media screen and (max-width: 802px) {
.Conteudorodape { margin: 0 5em 0 1em; }
.Logo {  width: 45%; margin-left: 0;  }
.Chamada { width: 50%;  margin-top:3em;}
.chamada_seo h2 { font-size: 2.35em;}
.Destaque, .BoxMeio { width: 100%;  }/*
.rodapeesquerdo { width: 40%; }
.rodapedireito { width: 52%;}*/
.MenuNav {display: none;}
.btn-toggle{display: block;}}

@media screen and (min-width: 801px) {
.menu {display: none;}
.btn-toggle{display: block;}}

@media screen and (max-width: 801px) {
.ServicosOff, .ServicosOff2 {  width: 100%;}
.BoxCabecalho {height: 165px;}
.BannerTopo {margin-left:7em; margin-top: -9.6em;}
a.orcarmento,a:hover.orcarmento {margin-top:-6em;}
/*.retanguloinfo {margin-bottom:-6em;}*/
.caixadialog2 { margin-top: 4em;}
.Logo {width: 100%; margin-bottom:-1.6em;}
.Chamada {  width: 70%; margin-top:0.3em; text-align:center;}}

@media screen and (max-width: 780px) { 
#retangulo17 { font-size: 1.3em; }
#retangulo18 { font-size: 1.2em; }
.ImagemSocialM { margin: 1.3em 0 1em 1.6em; }}

@media screen and (max-width: 750px) {
.msg_seo { width: 60%; margin-right:-11%;}
#retangulo18, #retangulo16 { font-size: 1em; }
.FontEscuroSuper { font-size: 3.3em;}} 

@media screen and (max-width: 720px) {
#retangulo17 { font-size: 1.1em; }
.BoxCabecalho { height: 200px; }
.BoxMeio { width: 100%;  }
.FontEscuroSuper { font-size: 3.1em;}}

@media screen and (max-width: 710px) {
.Conteudorodape {height: 530px;}}
/*@media screen and (max-width: 700px) {
.BannerTopo { margin-left:0; margin-top: 0;}
.retanguloinfo { margin-top: 0px;  }
.Chamada{ width:80% }}*/

@media screen and (max-width: 680px) {
.catg_serv {width: 47%;}
.SessaoClientes {   width: 28%; }
.ImagemSocialM { margin: 1.3em 0 1em 1.5em; }
.FontEscuroSuper { font-size: 2.9em;}
.fontEscuroSMedio { font-size: 2.1em; }}

@media screen and (max-width: 658px) {
fontEscuroS { font-size: 2em; }}

@media screen and (max-width: 640px) {/*
.BannerTopo {margin-left:8.7em; margin-top: -8em;}*/
a.orcarmento,a:hover.orcarmento {margin-top:-0.6em;}
.Logo { margin-bottom:-0.6em;}
.ImagemSocialM { margin: 1.3em 0 1em 1.1em; }
.FontEscuroSuper { font-size: 2.7em;}
.fontEscuroSMedio { font-size: 2em; }
.SessaoServicos, .BoxMeioColuna1, .BoxMeioColuna2 { width: 80%; }
.fontAzulSMedio { font-size: 2em; }}

@media screen and (max-width: 610px) {
.msg_seo { width: 70%; margin-right:-22%;}
.ImagemSocialM { margin: 1.3em 0 1em 0.7em; }}

@media screen and (max-width: 600px) {
/*.Logo h2 { font-size: 1.6em; }*/
.Logo { margin-bottom:0;}
.Chamada{ width:100% }
.BannerTopo {/*text-align:center;*/margin-left:15%; margin-top: -3.8em;}
a.orcarmento,a:hover.orcarmento {margin-top:0.6em;}
.BoxCabecalho { height: 260px; }
.retanguloinfo {width: 100%;}
.fontAzulSMedio { font-size: 1.7em; }
.rodapeesquerdo { width: 34%; }
.rodapedireito { width: 60%;}}

@media screen and (max-width: 590px) {
.fundoslider {display: none;}
.btn-toggle{display: block;}}

/*@media screen and (max-width: 590px) {
.fundoslider, .Destaque {display: none;}
.btn-toggle{display: block;}}*/


@media screen and (max-width: 580px) {
.fontBrancoSuper {font-size: 3.8em;}
.infocontact { width: 100%; height:220px; }
.SessaoClientes {   width: 28%; height:156px; font-size: 0.9em; }
.rodapeesquerdo { width: 34%; }
.rodapedireito { width: 63%;}}

@media screen and (max-width: 560px) {
.FontEscuroSuper { font-size: 2.5em;}}

@media screen and (max-width: 550px) {
#bottom {width: 7.8em; right: -0.9em; margin-bottom: -0.8em;}
.catg_serv {width: 100%;}
.catg_serv a {font-size: 1.2em;}
.msg_seo { width: 100%; margin: 0;}/*
.rodapeesquerdo { width: 100%; }
.rodapedireito { width: 100%;}*/
.col_rodape { width: 100%; padding:0.05em 0;}
.Conteudorodape {height: 560px;}}

@media screen and (max-width: 550px) {
.msg_seo_2 {display: none;}
.btn-toggle{display: block;}}

@media screen and (max-width: 530px) {
/*.Chamada{ width:100% }
.BannerTopo { width: 100%; }*/
.Conteudorodape {height: 580px; border-bottom:0; }
.Colunacentro { margin-top: -1em; }
.SetorServicos, .BlocText, .Coluna, .centrodireita { width: 48%; }
.FontEscuroSuper { font-size: 2.4em;}
.fontEscuroSMedio { font-size: 1.8em; }}

@media screen and (max-width: 520px) {
/*.BoxCabecalho { height: 270px; }*/
.ImagemSocialM { margin: 1.3em 0 1em 1.1em; }
.FontEscuroSuper { font-size: 2.3em;}
.fontEscuroSMedio { font-size: 1.6em; }
.fontAzulSMedio { font-size: 1.6em; }
.retanguloinfo { font-size: 1.8em;}}

@media screen and (max-width: 500px) {
.fontBrancoSuper {font-size: 3em;}
.fontverdeMedio {font-size: 2.3em;}
.caixaimagen {margin-top: 1.7em;}}

@media screen and (max-width: 480px) {
/*.Logo h2 { font-size: 1.5em; }*/
.FontEscuroSuper { font-size: 2.1em;}
.fontEscuroSMedio { font-size: 1.4em; }
.fontAzulSMedio { font-size: 1.4em; }}

@media screen and (max-width: 470px) {
.chamada_seo h1 {font-size: 3.023em;}
.SessaoServicos, .BoxMeioColuna1, .BoxMeioColuna2 { width: 95%; }
.retanguloinfo { font-size: 1.6em;}}

@media screen and (max-width: 450px) {
.Logo h2 { font-size: 1.4em; }
.FontEscuroSuper { font-size: 2em;}
.fontAzulSMedio { font-size: 1.2em; }}

@media screen and (max-width: 420px) {
#bottom {width: 7.15em; margin-bottom: -1.01em;}
.chamada_seo { height: 470px;}
.SetorServicos, .BlocText, .Coluna, .centrodireita { width: 100%; }
.FontEscuroGrande { font-size: 1.8em; line-height: 1.2em;}
.SessaoClientes {   width: 87%; font-size: 1.4em; text-align:center; height:250px; }
.catg_serv a {font-size: 1.02em;}
.FontEscuroSuper { font-size: 1.8em;}
.retanguloinfo { font-size: 1.3em;}}

@media screen and (max-width: 400px) {
.Destaque {height: 830px;}}

@media screen and (max-width: 386px) {
.chamada_seo { height: 550px;}
.ColumMine { width: 100%; }
.SessaoClientes {   width: 100%; }
/*.Destaque { height: 100px; }*/
.Logo h1 {font-size: 2.55em;}
.Logo h2 { font-size: 1.3em; }

.FontEscuroSuper { font-size: 1.6em;}

.fontEscuroSMedio { font-size: 1.3em; }

.fontAzulSMedio { font-size: 1.4em; line-height: 1.2em; }}

 


@media screen and (max-width: 350px) {
.chamada_seo h1 {font-size: 2.6em;}
.ImagemSocialM { width:2em; height: 2em; margin: 1em 0 1em 1em;}}

@media screen and (max-width: 330px) {
.catg_serv a {font-size: 0.85em;}
.Logo h2 { font-size: 1.5em; }
.FontEscuroSuper { font-size: 1.7em;}
.fontEscuroSMedio { font-size: 1.6em; }
.fontAzulSMedio { font-size: 1.4em; line-height: 1.2em; }
.retanguloinfo { font-size: 1.15555555555556em;}}
 
@media screen and (max-width: 300px) {
.chamada_seo h1 {font-size: 2.06em;}
.Logo h2 { font-size: 1.3em; }
.retanguloinfo { font-size: 1.2em;}}



@media screen and (max-width: 280px) {

.SessaoClientes {  height:220px; font-size: 1.2em; }}



@media screen and (max-width: 250px) {

.SessaoClientes {  height:200px; }

.Logo h2 { font-size: 1.2em;  }}

 



@media screen and (max-width: 230px) {  

.SessaoClientes {  height:170px; }

.Logo h2 { font-size: 1.1333333333em;  }

.FontEscuroSuper { font-size: 1.5em;}

.fontEscuroSMedio { font-size: 1.2em; }

.fontAzulSMedio { font-size: 1.1em; }

.ImagemSocialM { width:1.2em; height: 1.2em; margin: 1em 0 1em 1em; }}




.clearfix:before, .clearfix:after { content: " ";  display: table; }

.clearfix:after {   clear: both;  }

.clearfix {  *zoom: 1;  }