/******************* 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", sans-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: #000; width: 100%; height: 1px; float: left; }

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

.Linhac {color: #fff; background-color: #000; 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;}

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

.fontverdeGrande { font-family: Georgia, "Times New Roman", Times, serif; font-size: 4.3em; color: ##B49C60;; line-height: 1.5em; }

.fontverdeMedio { font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.25555555555556em; color: #60B49C; line-height: 1em; }

.fontverdePequeno { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.977777777777778em; color: #60B49C; line-height: 1em;}

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

 
.FootTitulo {font-family: Georgia, "Times New Roman", sans-serif; font-size: 2em; color: #999; line-height: 0.5em; }

/* classes imagens e linhas  */

.ImagemLogo { float: left; margin-top: 0.2em; }

.Imagem { float: left; padding: 0px 20px 10px 0px; }

.Banner { width:100%; height:350px; }

.Icontact { width:5em; }

.ImagemSocialG { padding: 5px 20px 5px 0px; }

.ImagemServicos{ width:90%; padding-top: 0.6em; }

.ServicoPatrocin { width:82%; margin-left:-2.4em; margin-top:2.8em; }

.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:80%; border-radius: 10%; }

.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.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 { position: relative;
 width: 100%;
 height: 140px; border-bottom:0.15em solid #999; margin: 0px auto; position:relative;
 background: url('../imagens/#.jpg') no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
} 
.BoxCabecalho2 { position: relative;
 width: 100%;
 height: 160px; margin: 0px auto; position:relative;
 background: url('../imagens/cabecalho.jpg') no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}                                                
.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 h3 { margin-top:-1.2em; color:#FFF; }
.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; color:#FFF;
}

.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; 
}

.retanguloinfo { float: left; margin-top: 1.4em; width:60%; font-size: 1.5em; color: #FFF; 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: 400px;
 margin-top: 0;
 margin-bottom: 1.2em; padding-top: 0.3em; line-height: 1.2em;
 text-align: center;
    background: url('../imgs/destaque.jpg') no-repeat center top;
 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.infocontact { float: right;
 width: 43%; height: 430px;
 margin-top: 0px; text-align: left padding-top: 0px;
 background: url('../imagens/fundo.jpg') no-repeat center top;
     -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.banner_baixo { position:relative; float: left; width: 100%; height: 210px;
 text-align: center; margin-top:2.6em; margin-bottom:3em; background: url('../imagens/fundo_baixo.jpg') no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}                                           
.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;
 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;
} 

.SessaoClientes {
 float: left;
 width: 23.3%;
 height: 220px;
 margin-right: 15px; font-size: 1.2em;
 line-height: 1.2em;
 text-align: center;
 color: #4F4F4F;
} 

.SessaoClientes:last-child { margin-right: 0; }



.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.inside {
 list-style-position: inside; 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: 480px; 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: -3em;
 }

.caixadialog2 {  width: 100%; margin-top: 20em;
 }
.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: 43%; text-align:left; margin-top: 1em;

 padding: 5px auto; 
}

 

.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.5em;
 }

  
.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; }

/****************** Rodape  *************************/


#rodape {
 clear: both; width: 100%;
 height: 250px; border-top:0.15em solid #999; bottom: 1em; background: url('../imagens/#.jpg') no-repeat center bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}  


#rodape2 {
 clear: both; width: 100%;
 height: 250px; bottom: 1em; background: url('../imagens/rodape.jpg') no-repeat center bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.Conteudorodape { position: relative;
 width: 1200px;
 margin: 0px auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.6em; line-height: 1.2em; list-style: none; color: #999; 
}

.rodapeesquerdo { float: left; width: 53.46534653465347%;
 text-align: left;
 }

.rodapedireito { float: right;
 width: 45%; padding: 0.5em 0em 0.4em 1.125em; text-align: right;
 }  


.botoessociais {
 width: 100%;
 text-align: right;
}  

.rodape a { margin: 0px; padding-left: 0px;
 text-transform: uppercase;
	text-decoration: none; font-size: 0.875em;
 font-weight: bold; color: #999;
 }


.rodape a:hover { padding: 0px;
	text-transform: uppercase;
 text-decoration: none;
 font-size: 0.875em;
 font-weight: bold; color: #999; border-bottom:1px dashed #ffffff;
	
}


/*  ================================= Media Queries  ======================================  */

@media screen and (max-width: 1312px) {    

.boxglobal, .Boxtudo, .Conteudorodape { padding: 0 0.8em 0 0.8em; }}



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

.Boxtudo, .Conteudorodape { width: 100%; margin: 0 1em 0 1em; }}

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

.caixadialog {  width: 100%; }
.caixaimagen {
 float: right;
 width: 55%; }
.caixadialog2 {  width: 100%; margin-top: 10em;
 }
.SessaoServicos, .BoxMeioColuna1, .BoxMeioColuna2 { width: 45%; }}

@media screen and (max-width: 930px) { 

.SessaoClientes {   width: 30%; }}



@media screen and (max-width: 900px) {  

.Logo {    width: 38%; }

.Chamada { width: 62%; }

.Logo h2 { font-size: 1.6em; }}

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


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


@media screen and (max-width: 802px) {

.Conteudorodape { margin: 0 5em 0 1em; }

.Logo {  width: 48%; margin-left: 0;  }

.Logo h2 { font-size: 1.9em; }

.Chamada { width: 26%; }

.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:-3em; margin-top: -3em;
 }
.caixadialog2 { margin-top: 4em;
 }
.Logo {  width: 100%; }

.Chamada {  width: 70%; 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) {

#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: 700px) {

.BannerTopo { margin-left:0; margin-top: 0;
 }
.retanguloinfo { margin-top: 0px;  }

.Chamada{ width:80% }}



@media screen and (max-width: 680px) {

.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) {

.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) {

.ImagemSocialM { margin: 1.3em 0 1em 0.7em; }}



@media screen and (max-width: 600px) {

.Logo h2 { font-size: 1.6em; }

.fontAzulSMedio { font-size: 1.7em; }

.rodapeesquerdo { width: 34%; }

.rodapedireito { width: 60%;}}


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

@media screen and (max-width: 580px) {

.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;}

.retanguloinfo {width: 100%;}}



@media screen and (max-width: 550px) {

.rodapeesquerdo { width: 100%; }

.rodapedireito { width: 100%;}}



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


.Chamada{ width:100% }
.BannerTopo { width: 100%; }
.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: 190px; }

.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: 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) {

.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) {

.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; }

.FontEscuroSuper { font-size: 1.8em;}
.retanguloinfo { font-size: 1.3em;}}



@media screen and (max-width: 380px) {

.ColumMine { width: 100%; }
.SessaoClientes {   width: 100%; }

.Destaque {  height: 100px; }

.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) {

.ImagemSocialM { width:2em; height: 2em; margin: 1em 0 1em 1em;}}



@media screen and (max-width: 330px) {

.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) {

.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;  }

