/************* GENERAL CSS ************/

 body {
	margin: 0px;
	padding: 0px;
/*	background: #ffffff; */
	text-align: justify; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 85%;
	color: #333333
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.2em;
	color: #000000;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
	color: #FFF; 
}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	color: #000000;
}
a { text-decoration:none; }
/*a {
	text-decoration:none;
	font-weight: bold;	
	text-decoration: none; 
	font-size: 1.3em;
	color: #BEBEBE;
}

a:hover {
	font-weight: bold;
	text-decoration:none; 
	font-size: 1.3em;
} */


.nuvem { width: 100%; height: 500px; text-align: center; margin: 2.2em 0; padding-bottom:2em; }
.nuvem a { float: left; margin:0.15em; background: #F2F2F2; padding: 0.6em; color: #0B4C5F; font-size: 1.575em; }
.nuvem a:hover{ float: left; margin:0.15em; background: #E0ECF8; color:#fff; padding: 0.6em; font-size: 1.575em; }
.nuvem ul { text-align: center; margin-top:1.3em; list-style: none; color:#999; font-family: Helvetica, Tahoma, sans-serif; font-size: 1em; }
.font_titulo_nuvem {font-family: verdana, "Times New Roman", sans-serif; font-size: 2.6em; color: #1E90FF; }
.BlocText:last-child, .Coluna:last-child { margin-right: 0;}

/************* HEADER STUFF ************/
#bottom {
position: fixed;
height: 30px;
width: 100%;
bottom: 0;
left: 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:left; width:5.5%; margin:-6.5em 0 0 3em; /* 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; }

.circulo {
    border-radius: 0 0 50% 50%;
    display: inline-block;
    height: 14em;
    width: 15.4em;
    line-height: 1.6em;
    margin-top: -2.3em;
    text-align: center; 
    padding-top:18px; 
    background: #ffffff url('Imagens/fundocircle.png');
}


#BoxGeral {
	width: 100%; 
	margin: 0px auto;
        background: #ffffff;
} 
#BoxTopo {
	width: 100%;
	margin: 0px auto;
	height: 30px;
	border-bottom: 1px solid #61BEF8;
        background: #3F84AF;  
	text-align: center;
        font-zise: 0.75em; 
        color: #61BEF8;
}
#BoxCabecalho {     width: 100%; height: 18.5em; position:absolite; margin-top:0; margin-bottom:0;
    background: url('../Imagens/fundohead.jpg') no-repeat center top;
 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.BoxTudo {
	width: 1200px; 
	margin: 0px auto;
} 
.Logo { float: left;
	width: 40%;
	margin-top:5em;
	height: 18.5em;   
	text-align: left;
        margin-bottom: 0px; 
}
.Logo h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 4.6em;
	color: #81DAF5;
}
.BoxInfo {
           position:absolite;
           float: left;
	   width: 55%;
           height:7em;
	   margin-top:4em;
	   margin-bottom:-0.7em;
           padding: 10px;
	   text-align: left;  /*
           border-left: 1px solid;   */ 
}
.Chamada { float: left; width:100%; margin-top: -3.02em; text-align: center; font-size: 1.6em; color: #81DAF5; /*border: 1px solid; padding: 15px; background-color: rgba(0, 0, 0, 0.5);  */}

.chama_mobile { float: left; width:100%; margin-top: -3.02em; text-align: center; font-size: 1.6em; color: #81DAF5;}

/*.Chamada { float: right;
	   width: 33.33333333333333%;
           padding: 15px;
	   margin-top: 20px;
	   text-align: left;
           border-left: 1px solid;
           background-color: rgba(0, 0, 0, 0.5);
} */
.readerlogo h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.1em;
	color: #FFFFFF;
}
.readerlogo h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	color: #1FA153; 
}

.readerlogo a {
	font-weight: bold;
	text-decoration:none;
        border-bottom:0px dashed;	
	color: #011501;
}
.readerlogo a:hover {
	font-weight: bold;
	text-decoration:none;
        border-bottom:0px dashed;	
	color: #011501;
}

#BoxDestaque { 
	width: 100%;
	margin-top: 0px;
	height: 450px;
        background: #3F84AF url('Imagens/fundodestaque.png');
	text-align: left; 
 }
.Colunaleft { 
        float: left;
	width: 61.66666666666667%;
	margin: 0px auto;
        padding: 10px 0 10px 0;
	text-align: justify;
 } 
.Colunaright {        
        float: right;
	width: 33.33333333333333%;
	margin: 0px auto;
	padding:10px 0 10px 0;
	text-align: justify;
}
.Colunas { 
        float: left;  
	width: 19%; 
        height: 460px;
        margin-top: 0.625em;
        margin-right:0.83333333333333%;
        padding: 0px; 
        border: 1px solid;
	text-align: center;
 } 
.Colunas:last-child {
    margin-right: 0;
}
.Colunas p { margin-bottom:0.7em; } 
/*.bottom_acao { margin-top:1.5em;}
.bottom_acao a { font-weight: bold;  padding: 0.45em; font-size: 1.2em; text-decoration:none; color: #FFF; background: #000; line-height: 1.2em; } 
.bottom_acao a:hover { font-weight: bold;  padding: 0.45em 0.8em; font-size: 1.2em; text-decoration:none; color: #FFF; background: #3F84AF; } */
a.acao { font-weight: bold;  padding: 0.45em; font-size: 1.8em; text-decoration:none; color: #FFF; background: #000; line-height: 1.2em; } 
a:hover.acao { font-weight: bold;  padding: 0.45em 0.8em; font-size: 1.8em; text-decoration:none; color: #FFF; background: #3F84AF; } 

.Complement { 
        float: left;  
	width: 19%; 
        height: 460px;
        margin-top: 0.625em;
        margin-right:0;
        padding: 0px; 
        border: 1px solid;
	text-align: center;
 }
.Setorleft {
        float: left;
	width: 33.33333333333333%;
	margin: 10px 0 30px 0;
	padding: 10px 7px 0 7px;
	text-align: justify;
}
.Setorright {
        float: left;
	width: 61.66666666666667%;
	margin: 10px 0 30px 0;
	padding: 10px 7px 0 7px;
	text-align: justify;
}
.Setorright ul, .Colunaleft ul { list-style: inside; }
.Setorright li, .Colunaleft li { font-family: verdana, "Times New Roman", sans-serif; font-size: 1.9em; color: #999; margin-left:1.6em;  }

.sessaoclient {
	width: 100%;
	margin: 0px auto;
        margin-bottom:3em;
	padding: 0px;
	text-align: center;
}
.Boxclient {
        float:left;
	width: 23%;
        height: 30.5em;  
	    margin: 0 0.6%; 
	/*margin: 0px auto;*/
        margin-bottom:3em;
	padding: 3.4em 0.3em;
	text-align: center;
        background: #ffffff url('../Imagens/clientes/fundoBranco.jpg') no-repeat center top;
 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

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


.Descricaoclient {
	width: 100%;
	margin-top: 2em;
	padding: 0.4em;
	font-size: 1.5em;
	text-align: center;
}
.Descricaoclient span{ font-size: 1.2em; font-weight: 200; letter-spacing: -2px; line-height: 1.2em;  }

.sessaoenvia {
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
}

/************* Boxs Meio e Centro ************/
 

.BoxCentral {
	width: 100%;
	margin-top: 4.0625em; /*
        border-bottom: 0.1em solid; */
 }
.BoxMap {
        float: left;
	width: 47%; 
	margin: 0.3125em 0 0 0.625em;
	padding: 0.3125em 0.4375em 0 0.4375em;
	text-align: justify;
}

/************* Rodaper ************/
#rodape {
        clear: both;
        width: 100%;
        height: 360px;   
	margin: 0px auto; 
        background: #61BEF8;  
        text-align: center;
        color: #fff;
        padding-top: 0px;  
        border-top: 2px solid #1D4031; 
}
.RodapeColuna, .RodapeColuna_2, .RodapeColuna_3 {
        float: left;
	    margin: 0px auto;
	    padding: 0.3125em;
	    text-align: justify;
}
.RodapeColuna, .RodapeColuna_3 { width: 29.3%; }
.RodapeColuna_2 { width: 12%; }
.Box_face { width: 90%; float: left; margin-top: 0.8em; }

#rodapeSecao2 {
        clear: both;
        width: 100%;
        height: 65px;       
	margin: 0px auto;
        bottom:0.625em;
        background: #3F84AF;
        text-align: center;
        color: #fff; 
        padding-top: 1.875em;
}  
.rodapeCentro { 
               width: 1200px; 
               margin: 0px auto;
               padding: 0.3125em 0.625em 0.3125em 0.4375em;  
               text-align: left;
}

.rodapeCentro ul { list-style-position: outside; list-style-type: none; }
.rodapeCentro li { font-family: verdana, "Times New Roman", sans-serif; font-size: 1.9em; color: #fff; /* margin-left:1.8em; */ }

.Imagem {float: left; max-width:100%; margin:0.625em 0.3125em 0.625em 0.3125em; }
.Imgchamada {float: left; margin:0.4375em 0.3125em 0 0.3125em; width:50px; height:50px; }
.ImgLogo { width:95%; height:100%; }
.SetorServicos { width:100%; height:100%; margin: 0px; }
.Menudown { width:35px; height:28px; margin-top:-2em; }
.IconTel { margin: 0.5em 0.15em -0.4375em 0.4375em; }
.IconTopo { margin: 0.5em 0.3125em -0.4375em 0.4375em; }
.IconsocialTopo { float:right; margin: 0.5em 0.3125em -0.4375em 0.4375em; }
.Imacategoria { width: 100%; } 
.figura {position:absolute; left:43%; margin:-1.875em auto; }
.larg {clear: both; /*color: #fff; background-color: #000;*/ width: 100%; height: 5em; }
.Linha {color: #fff; background-color: #000; width: 100%; height: 1px; }
.Linhab {color: #fff; background-color: #000; width: 100%; height: 1px; float: left; }
.Imagemclient { align: center; width: 85%; /*height:9em;*/ margin:1.2em 0; }

.FonteAzulMedio {font-family: verdana, "Times New Roman", sans-serif; margin: 0px; font-size: 1.7em; color: #FFF; }
.Fontechamada {font-family: verdana, "Times New Roman", sans-serif; margin: 0px; font-size: 2em; color: #61BEF8; }
.FontechamadaP {font-family: verdana, "Times New Roman", sans-serif; margin: 0.25em; font-size: 1.5em; color: #FFF; }
.Fontecategory {font-family: verdana, "Times New Roman", sans-serif; margin-left:14%; font-size: 2.6em; color: #999; margin: 1.5em 2.7em; }
.FonteEscuroMedio {font-family: verdana, "Times New Roman", sans-serif; margin:2em 0.5em  0.8em; font-size: 2.2em; color: #999; }
.FonteEscuroNormal {font-family: verdana, "Times New Roman", sans-serif; line-height: 1.9em; font-size: 1.8em; color: #3A3838; margin:0.8em; }
.Fontecontato {font-family: verdana, "Times New Roman", sans-serif; line-height: 1em; font-size: 1.6em; color: #3A3838; }
.contato_namb {font-family: verdana, "Times New Roman", sans-serif; line-height: 1em; font-size: 2.1em; color: #3A3838; }
.FonteBrancoMedio {font-family: verdana, "Times New Roman", sans-serif; margin: 0.3125em; font-size: 1.6em; color: #FFF; float: left; }
.FonteVerdeEscuro {font-family: verdana, "Times New Roman", sans-serif; margin: 0.625em; font-size: 1.125em; color: #076D61; float: left; }
.FonteVerdeEscuroP {font-family: verdana, "Times New Roman", sans-serif; margin: 0.625em; font-size: 0.8125em; color: #076D61; float: left; }
.FontSetorServicos {font-family: "Times New Roman", Sans-Serif; font-size: 2.0355555555556em; color: #0c0c0; padding:0.5em; margin-top:-0.7em;}
.FoteFrontEnd {font-family: Georgia, "Times New Roman", sans-serif; font-size: 1.4em; color: #61BEF8; }

.Font_footer_branco {font-family: verdana, "Times New Roman", sans-serif; margin: 0px; font-size: 2.2em; color: #FFF; }
.Font_footer_branco_p {font-family: verdana, "Times New Roman", sans-serif; margin: 0px; font-size: 1.55em; color: #FFF; }

a.linkEscuroGrande {font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.4em; color: #BEBEBE; }
a:hover.linkEscuroGrande {background: #61BEF8; font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.4em; color: #FFF;}
a.linkSetorServicos {font-family: Georgia, "Times New Roman", sans-serif; font-size: 1.8em; color: #BEBEBE; }
a.linkSetorServicosM {font-family: Georgia, "Times New Roman", sans-serif; font-size: 1.4em; color: #BEBEBE; }
a.linkEscuroP {font-family: verdana, "Times New Roman", sans-serif; font-size: 0.8125em; color: #999; }

a.linkEscuro_M {font-family: verdana, "Times New Roman", sans-serif; font-size: 0.985em; color: #424242; }

a.linkEscuroPequeno {font-family: verdana, "Times New Roman", sans-serif; font-size: 0.8125em; color: #fff; }
a:hover.linkEscuroPequeno {font-family: verdana, "Times New Roman", sans-serif; font-size: 0.8125em; color: #3F84AF; }
a.linkEscuroMedio {font-family: "Times New Roman", sans-serif; margin: 0.625em 0 0.5em 0; font-size: 1.125em; color: #747373; }
a.LinkAzul {font-weight: bold; text-decoration:none; margin-left: 0.625em; padding: 0.625em dashed; color: #1E90FF;}
a.LinkAzulgrande {font-family: "Times New Roman", Sans-Serif; font-size: 3em; color: #3F84AF; margin:3.5em 0 1.5em 0;}
a.linktopo {font-family: verdana, "Times New Roman", sans-serif; font-size: 13px; color: #61BEF8; }
.FontSubtitulo {font-family: "Times New Roman", Sans-Serif; font-size: 4.1em; color: #1D4031; margin: 0.9375em;}
.FontSubtitulo2 {font-family: "Times New Roman", Sans-Serif; font-size: 2.45em; color: #999; }
.Fontep {margin: 20px auto;}
.FontHiding {font-family: "Times New Roman", Sans-Serif; font-size: 2em; color: #0c0c0; margin: 0.625em auto;}

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

.Riding { 
	width: 100%;
        position: relative;
	margin: 1.5em 0 1.5em 0;        
	padding: 10px;
	text-align: justify;  
 }

.SetorServicos img {
	-moz-opacity: 1;
	opacity: 1;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	filter: alpha(opacity=100); 	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; 	
}
 
.SetorServicos img:hover {
	-moz-opacity: 0.5;
	opacity: 0.5 ;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	filter: alpha(opacity=50); 	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
}

#comentario { 
 position:relative; top: -300px;
 left:3.125em;
 background:#EFF9F8;
 text-align: justify;
 font-size: 1em;
 color:#076D61;
 display: block;
 width:360px;
 height:380px;
 border:1px solid #076D61;
 opacity: 0;

}
#SetorServicos:hover  #comentario{
      opacity: 1;
}
#comentario a {font-size: 1.0625em; color:#076D61;}

/* ===========================================   Media Quer=========================== */
@media screen and (min-width: 1313px) {
.BoxCentral { margin-top: 5.3em; }}

@media screen and (max-width: 1312px) {
#BoxGeral, #BoxGeralNivel2, #BoxGeralNivel3 {  
padding: 0 0.1em 0 0.1em; margin-top:-14px; }}

@media screen and (max-width: 1220px) { 
.BoxCentral { width: 98%; margin-left:2%; }
.SocialBox, .SocialBox2 {width: 15%; margin-right: 2%;}
.RodapeColuna, .RodapeColuna_3 { width: 29%; }
.RodapeColuna_2 { margin-left:0.5%; }}

@media screen and (max-width: 1190px) {
.BoxTudo, .rodapeCentro { width: 100%;}
#BoxDestaque {  height: 390px; }
iframe {width:100%; }
.BoxMap { width: 45%; }
.Colunas {  width: 18.5%; height: 490px; }}

@media screen and (max-width: 1170px) {
.ImgLogo { width:100%; }
.BoxInfo {margin-top:1em;}}

@media screen and (max-width: 1125px) {
#BoxTopo {padding-left: 5%; width: 94.5%;}
#BoxDestaque {height: 350px;}
#rodape { height: 610px; }
.RodapeColuna, .RodapeColuna_2, .RodapeColuna_3 { width: 38%; margin-top: 3em; }
.Colunas {height: 510px;}}

@media screen and (max-width: 1010px) {
/*.RodapeColuna { width: 28.3%; }*/
#BoxDestaque { height: 310px; }}

@media screen and (min-width: 1000px) {
.img_chamada-whats { width:6.5%; }
.btn-toggle{display: block;}
.Complement {display: none;}}

@media screen and (max-width: 1000px) {
.Colunas, .Complement { width: 31%; height: 430px; }
.Imagem{ height: 320px;}}

@media screen and (max-width: 990px) {
#BoxTopo { padding-left: 8%; width: 91.7%; }}

@media screen and (max-width: 960px) {
#BoxTopo { padding-left: 12%; width: 87.3%; }}

@media screen and (max-width: 930px) {
.RodapeColuna, .RodapeColuna_2, .RodapeColuna_3 { width: 46%; }
/*.RodapeColuna_2 { width: 20%; }*/
#BoxTopo { padding-left: 15%; width: 85%; }}



@media screen and (max-width: 910px) {
.SocialBox, .SocialBox2 {width: 19%;}
.img_chamada-whats { width:7.5%; }
.Boxclient { margin-left:2%; width: 30%; }
#BoxTopo { padding-left: 21%; width: 79%; }}

@media screen and (max-width: 890px) {
#BoxDestaque { height: 280px; }}

@media screen and (max-width: 870px) {
.Imagem{ height: 280px; }}

@media screen and (max-width: 850px) {
#BoxTopo { padding-left: 27%; width: 83%; }
.btn-toggle{display: block;}
.IconsocialTopo {display: none;}}

@media screen and (max-width: 840px) {
.linkEscuroPequeno { font-size: 1.3em; }
.Colunas, .Complement { height: 450px; }
/*.Chamada { width: 30%; }*/}

@media screen and (max-width: 810px) {
.img_chamada-whats { width:8.5%; }
#BoxTopo { padding-left: 31%; width: 69%; }
.sessaoclient { width: 100%; border-right:0; }}

@media screen and (max-width: 790px) {
.SocialBox, .SocialBox2 {width: 23%;}
#BoxDestaque { height: 240px; }}

@media screen and (max-width: 760px) {
.BoxMap { width: 96%; }
#BoxTopo {   width: 68%; }}

@media screen and (max-width: 740px) {
#rodape { height: 630px; }
.RodapeColuna_2 { width: 48%; }
.RodapeColuna { width: 48%; /*height: 140px;*/ margin-left:2%; margin-bottom: 2em; }}



@media screen and (max-width: 710px) {
.img_chamada-whats { width:9.5%; }
.BoxInfo { margin-left:-3em; width: 62%; }
.Colunas, .Complement { width: 48%; height: 430px; }
.Imagem{ height: 240px; }}

@media screen and (max-width: 680px) {
#BoxDestaque { height: 200px; }}

@media screen and (max-width: 650px) {
#rodape { height: 875px; }
.RodapeColuna, .RodapeColuna_2, .RodapeColuna_3 { width: 80%; }
.RodapeColuna_3 { height: 330px; }
.Logo { width: 50%; }
.BoxInfo { width: 20%; float:right; }
.btn-toggle{display: block;}
.menu {display: none;}}


@media screen and (max-width: 635px) {
#BoxCabecalho {height: 23em; }
.chama_mobile {margin-top: -1.2em;}
.Logo { width: 70%; }
.btn-toggle{display: block;}
.Chamada {display: none;}}

@media screen and (min-width: 635px) {
.btn-toggle{display: block;}
.menudown, .chama_mobile {display: none;}}

@media screen and (max-width: 630px) {
.Setorleft, .Setorright, .Colunaleft, .Colunaright { float: left; width: 97%; }
.Imagem { width: 97%; height: 320px; }
iframe {  height:350px;}}

@media screen and (max-width: 610px) {
.SocialBox, .SocialBox2 {width: 26%;}
.img_chamada-whats { width:10%; }
.Boxclient { width: 46%; }}

@media screen and (max-width: 550px) {
.SocialBox {margin-top: -3.7em;}
.img_chamada-whats { width:11%; }
    .Logo { width: 80%; }
#BoxGeralNivel3 {height: 290px;}
.sessaoclient { float: left; width: 98%; }
.Imagem { width: 98%; height: 300px; }
/*#rodape { height: 450px; }*/
.RodapeColuna, .RodapeColuna_3 { width: 93%; }}

@media screen and (max-width: 530px) {
.sessaoclient { float: left; width: 96%; }}

@media screen and (max-width: 500px) {
.SocialBox2 {width: 29%; margin-right:3.6%;}
.SocialBox {width: 32%; margin-right:3.6%;}
.Logo { width: 94%; }
.btn-toggle{display: block;}
#BoxDestaque, #jssor_1 {display: none;}}

@media screen and (max-width: 490px) {
.Fontechamada { font-size: 1.8em; }
.Colunas, .Complement { height: 460px; }
.btn-toggle{display: block;}
.Imgchamada {display: none;}}

@media screen and (max-width: 470px) {
.img_chamada-whats { width:12.5%; }
.Logo { width: 100%; }
.ImgLogo { width: 100%; }
.Colunas, .Complement { height: 490px; }
.Chamada { width: 42%;  }
.Fontechamada { font-size: 1.5em; }
.FontechamadaP { font-size: 1.2em; }}

@media screen and (max-width: 450px) {
.SocialBox2 {width: 33%;}
.SocialBox {width: 35%;}
.RodapeColuna, .RodapeColuna_2, .RodapeColuna_3, .Box_face { width: 97%; }
.ImgLogo { margin-left:14%; }}

@media screen and (max-width: 425px) {
.RodapeColuna, .RodapeColuna_3 { width:98%; }
.img_chamada-whats { width:14%; }
.Boxclient { width: 45%; }}

@media screen and (max-width: 400px) {
.SocialBox2 {width: 37%;}
.SocialBox {width: 40%;}
.Chamada { width: 39%;  }
.Fontechamada { font-size: 1.3em; }
.Imagem { height: 270px; }
.circulo {  height: 13.5em; width: 14.9em;}
/*#rodape { height: 465px; }*/
#rodapeSecao2 {  height: 100px;}}

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

@media screen and (max-width: 390px) {
.img_chamada-whats { width:15.4%; }
.BoxCentral { width: 97%; margin-left:2.4%; }
.Colunas { width: 97%; height: 430px; }}
@media screen and (max-width: 390px) {
.Colunas:last-child { margin-left: 5.5%; }}

@media screen and (max-width: 350px) {
.SocialBox2 {width: 41%; margin-right:3.8%;}
.SocialBox {width: 46%; margin-right:3.8%;}
.img_chamada-whats { width:16%; }
.Boxclient { width: 97%; }
/*.Logo { width: 100%; } */

.BoxInfo { margin-left: -8em;}
/*#rodape {  height: 480px;}*/
.RodapeColuna3 { width:90%; }}

@media screen and (max-width: 340px) {
.BoxCentral { margin-top: -10px; padding: 10px; }
.Imagem { height: 230px; }
.sessaoclient { float: left; width: 90%; }}

@media screen and (max-width: 310px) {
.SocialBox2 {width: 50%;}
.SocialBox {width: 54%;}
.img_chamada-whats { width:18.5%; }
.ImgLogo { margin-left:15.4%; }
.Boxclient { width: 100%; }
#rodape { height: 915px; }
.BoxCentral { margin-top: -27px; padding: 5px;  }
.FonteAzulMedio{ font-size:1.2em;}
.FonteEscuroPequeno {font-size: 0.85555555555556em;}
.btn-toggle{display: block;}
#BoxDestaque {display: none;}}

@media screen and (max-width: 280px) {
.img_chamada-whats { width:22%; }
/*#rodape {  height: 560px;}*/}

@media screen and (max-width: 250px) {
.Colunas { width: 90%; height: 480px; }}