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

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

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

}


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: 2.0em;
	color: #1E90FF;
}

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

a:hover {
	font-weight: bold;
	text-decoration:none; 
}
#slider {
 height: 350px;
  width: 1024px; left: 0; 
}

span {  font-size: 1.1em; font-weight: 300; letter-spacing: -2px; line-height: 20px;  }
h1 span{ font-size: 1.1em; font-weight: 300; letter-spacing: -1px; line-height: 5px;  }
h2 span{  font-size: 1.2em; font-weight: 300; letter-spacing: -1px; line-height: 0px;  }
h3 span{  font-size: 1.29999999999999em; font-weight: 300; letter-spacing: -0.8px; line-height: 0px;  }

/************* HEADER STUFF ************/
#box_social {
position: fixed;
height: 130px;
width: 6%;
top: 280px;
left: 0;
margin-bottom: 0;
-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;
}
.ImgSocial { float: left; width:70%; margin:0 25px 0 8px; }
.ColunaClientes { 
        float: left;
        width: 24.1%;
        margin-right:0.9375em;
       text-align: center;
 }
.ColunaClientes:last-child { margin-right: 0; }
.Sessaoclient {
        float:left;
	width: 100%;
    height: 26.5em;
	margin: 0px auto;
        margin-bottom:1.3em;
	padding: 1.4em 0;
	text-align: center;
        background: #ffffff url('../img/clientes/fundo-azul.png') no-repeat center top;
 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.Descricaoclient {
	width: 100%;
	margin-top: 1em;
	padding: 0.4em;
	text-align: center;
}
.Descricaoclient span{ font-size: 1.5em; font-weight: 200; letter-spacing: -2px; line-height: 1.2em;  }

.BoxGeral {
        position:absolite;
	width: 100%; 
	margin: 0px auto;
        background: url('../img/fundobackground.jpg') repeat-x center top;  
} 
.BoxTopo {  
	width: 100%;
	margin: 0px auto;
	height: 28px;  
/*	border-bottom: 0.1em solid #5A84D2; */
	text-align: center;
        font-zise: 0.75em; 
        color: #1FA153; 
} 
.BoxTudo {
	max-width: 1024px; 
	margin: 0px auto;
} 
.Table {
	width: 100%;
	height: 6em; 
	margin-top: 6.5em;
	margin-bottom: 5em;
    padding-top: 0.7em;
	text-align: center; /*background: url('../img/fundobarra.jpg'); */
}
.Traco {
	width: 100%;
        border-bottom: 0.1em dashed #1E90FF; 
}
.BoxCabecalho {
	width: 100%;
	margin-top: -1.5em;
	height: 180px;    
	text-align: left;
}

.Logo { float: left;
	width: 38%;
	margin-top: 0;
        padding: 0;
	text-align: left;  
}
.Logo h1 { 
        float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 3.5em;
	color: #1EAFDF;
/*        margin-top: -5px;
        padding-left:0.7em; */
}
.Logo h2 { 
        float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.15em;
	color: #1EAFDF;
        margin-top: -5px;
        padding-left:0.7em; 
}
.Chamada { float: right;
	   width: 53.33333333333333%;
           padding: 50px 7px 0 7px;
	   margin-top: 0;
	   text-align: left;
} 
.contato { 
        float: right;
	width: 20%;
	margin-top: 0;
        padding: -1em 0;
	text-align: right; 
 }
.BoxDestaque { 
	width: 100%;
	height: 450px;
        margin-top: 10px;
        padding-top: 5px;
	text-align: left;
        background: url('../img/gallery/fundocidade.png') no-repeat center top;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover; 
 }
.circulo, .circulo2, .circulo3, .circulo4, .circulo5, .circulo6, .circulo7, .circulo8, .circulo_back_end  {
    position:relative;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 1.6em;
    margin: 0 1em 1.7em 1em;
    padding-left:0.4em;
    padding-right:0.4em;
    border:5px solid #1EAFDF;
} 
.circulo { width: 19em; height: 19em; padding-top:5.5em; background: #ffffff url('../img/gallery/limpeza-conservacao.jpg') no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.circulo2 { width: 19em; height: 19em; padding-top:5.5em; background: #ffffff url('../img/gallery/conservaca-de-jardins.jpg') no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.circulo3 { width: 19em; height: 19em; padding-top:5.5em; background: #ffffff url('../img/gallery/atendente.jpg') no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.circulo4 { width: 19em; height: 19em; padding-top:5.5em; background: #ffffff url('../img/gallery/pos-obras.jpg') no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.circulo5 { width: 19em; height: 19em; padding-top:5.5em; background: #ffffff url('../img/gallery/controle-pragas-urbanas1.jpg') no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.circulo6 { width: 20.3em; height: 20.3em; padding-top:5.4em; background: #ffffff url('../img/gallery/limpeza-conservacao2.jpg'); }
.circulo7 { width: 20.3em; height: 20.3em; padding-top:5.4em; background: #ffffff url('../img/gallery/jardinagem3.jpg'); }
.circulo8 { width: 20.3em; height: 20.3em; padding-top:5.4em; background: #ffffff url('../img/gallery/atendente2.jpg'); }
/* background: #ffffff url('../img/gallery/fundo-circ-back-ende.jpg');*/
.circulo_back_end { width: 14em; height: 14em; padding-top:4.3em; background: #FFF url('../img/gallery/fundo-circ-back-end2.jpg') no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.circulo_back_end p {font-family: verdana, "Times New Roman", sans-serif; margin: 0; font-size: 2em; color: #1E90FF; }

.Colunas { width: 19%; margin-top: -1em; margin-right:0.9375em; text-align: center; }
.ColunasBaixo { width: 31%; margin-top: 10px; margin-right:3em; text-align: justify; } 
.Colunas, .ColunasBaixo, .ColunasM {
        position:relative;
        float: left; 
        padding: 0px;
 }
.Colunas, .ColunasBaixo:last-child {
    margin-right: 0; 
}
.Tarja, .TarjaTrasparet { 
        text-align: center;
        line-height: 1.6em;    
 }
.TarjaTrasparet { width: 100%; /*margin-top: 3.5em; padding-top:8px;*/ border-bottom: 1px dashed #f00; padding-bottom:0; }
/*.Tarja { width: 102%; background: #065592; margin-left:-1%; }
.Tarja { background: #1EAFDF; height: 55px; border-bottom: 2px solid #fff; margin-top: 0;  } */
.Retagulo { float:left; width: 32.5%; margin-right:0; text-align: right; border-left:0.1em dashed #1E90FF; }
.Colunaleft { 
        float: left;
	width: 67%; 
	margin-top: 0;
        padding: 10px 20px 60px 0;
	text-align: justify;
 } 
.Colunaleft li { font-size: 1.7em; }

.Colunaright {        
        float: left;
	width: 30.55555555555556%;  
	margin: 0px auto;
	padding:10px 0 60px 20px;
	text-align: justify;
}
.Riding { 
	width: 100%;
        position: relative;
	margin: 0 0 -6px 0;        
	padding: 10px;
	text-align: center;  
 }
/************* Boxs Meio e Centro ************/
.SetorServicos {
        position: relative;
	    width: 100%;
        height: 390px;
	    margin-top:4em;
	   /* margin:4.5em 0 2.4em 0; border-bottom: 0.1em dashed #1E90FF;*/
} 

.SetorServicos:last-child {
    margin-right: 0;
}
.catg_servicos {
        position: relative;
	    width: 100%;
        position: relative;
        height: 400px;
		margin-bottom:4em;
        color: #fff; 
	   /* margin:4.5em 0 2.4em 0;*/
        background: #315281 url('../img/fundos-catg.jpg') no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
} 
.catg_tranparet { width: 100%; height:100%; margin: 0; background-color: rgba(38, 96, 120, 0.7); }
.catg_servicos a { color: #fff; }
.catg_servicos p {font-size: 1.3em; color: #fff; }
.catg_servicos h2 {font-size: 2.2em; color: #fff; margin: 0.6em 0 0.625em 0; }

.SessaoServicos {
        position: relative;
	width: 100%;
        position: relative;
        height: 220px;
	margin:4em 0 2.4em 0;	
}
.Servicoleft {  float:left; width: 21%; margin-right:0; text-align: left; }
.ServicoRight {  float:left; width: 75%; height: 20.1em; margin-top:1em; padding:2.2em 4.5em; text-align: center;
background: url('../img/chaves.png') no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.BoxCentral { 
	width: 100%;
    position: relative;
	margin: 2.5em 0;        
	/*padding: 10px 0 30px 0;	*/
 }
/*.BoxMap { 
	width: 33.33333333333333;
        float: right;
 }*/
.BoxMeio {
           float: left;
	       width: 100%; 
           height: 360px;
           bottom:1.6em;
	       padding: 1.1em;
           text-align: center;
		/*   border-bottom: 0.1em dashed #1E90FF;*/
}
.BoxMeio a { color: #ccc; }
/*.Sessaocliente { 
        float: left;
	width: 32.5%;
        height: 120px;
        margin: 10px auto;
	margin-right:0.9375em;
        padding: 0px; 
	text-align: justify;
 }
.Sessaocliente:last-child {margin-right: 0;}


.botaocategoriaservicos {
        margin-left:32%;
	width: 40%;
        text-align: center;
        padding: 0.4em;
        background: #1EAFDF;
        border-radius:10%;
 }*/
.bloco-text {float: left; width: 47.5%; margin-right:5%; padding: 0; text-align: justify;}
.bloco-text-right {float: left; width: 50%; /*margin-top: 5em; padding-top:5em;*/ text-align: justify;}
.bloco-text:last-child {margin-right: 0;}
/************* Rodaper ************/
.rodape {
        clear: both;
        width: 100%;
        height: 430px;   
	    margin-top: 3em;  
       /* background: #1D4031 url('../img/fundorodape.jpg');*/
		 background: #315281 url('../img/rodape.png') no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
        text-align: center;
        color: #fff;
        padding-top: 0px; 
        border-top: 0.1em dashed #1E90FF;
    /*  border-top: 0.1em dashed #1E90FF;*/
}
.rodape a { color: #fff; }
.rodape p {font-size: 1.3em; color: #333; }
.rodape h2 {font-size: 2.1em; color: #1E90FF; }
.rodape h3 {font-size: 1.8em; color: #FFF; padding: 0; margin:-0.1em 0; }
/*.rodape {
        clear: both;
        width: 100%;
        height: 220px;   
	margin-top: 10px;  
	padding: 3em 0;
        background: #1D4031 url('../img/fundorodape.jpg');
        text-align: center;
        color: #fff;
        padding-top: 0px; 
}*/
.RodapeColuna1, .RodapeColuna2, .RodapeColuna3 {
    float: left;
	width: 33%;
	margin: -17em 0 3em 0;
	padding: 0.5em 0.3125em 0.3em 0.3125em;
	/*padding: 0.3125em;
	margin: 0px auto;*/
	text-align: justify;
}
.fan_fb { float: left; width: 32%; margin: -17em 2em 3em 0; padding: 0.5em 0.3125em 0.3em 0.3125em; text-align: center;}
.rodapeSecao2 {
        clear: both;
        width: 100%;
        height: 65px;       
	    margin: 0px auto;
        bottom:10px; 
        background: #04236E;    /*
        background: #04236E url('../img/fundoazulescuro.jpg'); */
        text-align: center;
        color: #fff; 
        border-top: 2px solid #fff;
        padding-top: 16px;
}  
.rodapeSecao2 p {font-family: verdana, "Times New Roman", sans-serif; font-size: 1.3em; color: #FFF; }
.colunacentro { 
           height: 220px; 
	   max-width: 1024px;   
	   margin: 0px auto;
           padding-top:16em; 
           text-align: center;
}
img, picture, video, embed { max-width: 100%;}

.Imagemlogo {float: left; width:203; height:144px; margin-bottom:-1em; }
.Imgservicos { float:left; width:18%; height: 90px; margin:0 1.4em 1.4em 0; border-radius: 15%;}
.Imagembanner { max-width:100%; ; }
 /*  
.Imagembanner {float: right; width:84%; margin-left:16%; margin-bottom:5%; }
  */
.clientes { width:80%; margin: 1.4em 0px; }
.Marcador { float: left; width:1.3em; height:1.3em; margin: 0 0.5em -0.5375em 0.43125em; padding-bottom:0.2em; }
/* .bannersecond {float: left;  width:90%; height: 200px; }
 */
.IAtendimento { width:100%; margin-bottom:0.8em;}

.Imagem {float: left; margin: 0px; }
.ImgSocial { float: left; width:70%; margin:0 25px 0 8px; }
.Img_catg {  width:100%; margin-top: 1em;}
.Imgcliente {  width:100%; height: 80%; margin-top: 1em;}
.ImgTel {float: left; margin-top: -30px; }
.ImgContact {float: left; margin-bottom: -0.5em; }
.Imagem2 {  margin-left:23%;  }
.Imagempaisagem {float: left; margin:0.625em 0.9375em 0.9375em 0; }
.IconTopo { margin: 0.05em 0.3125em -0.176em 0.4375em; }
.Imgcategoria {margin-left: 0; margin-top: 0.9375em; } 
.atendente {float: right; width:66%; margin:-9em 6em 0 0; }
/*.Imgchamada {float: left; margin:0 0.625em 0.4375 0; }*/
.imgdown { width:100%; height:28px; float: right; margin-top:0; margin-left:0; }
.figura { margin-top:2em; }
.Linha {color: #fff; background-color: #1E90FF; width: 100%; height:0.1em; }
.Linhab { color: #fff; background-color:#f00; width: 100%; height: 1px; float: left; }
.Linha_larg {color: #fff; background-color: #1E90FF; width: 100%; height:0.2em; margin-top:-1.2em; }

.IconCategoria { float:left; width:30%; /* height:12em; */ margin:0 0.2em 3.6em 1.2em; }

.Fonte_circ { background: #1EAFDF; font-family: verdana, "Times New Roman", sans-serif; font-size: 1.6em; color: #fff; line-height: 1.3em; padding:-0.1em 0.15em; /*margin-top:-0.3em;*/}
.SetorServico {font-family: verdana, "Times New Roman", sans-serif; font-size: 1.7em; color: #999; line-height: 0.6em; margin-top:0.2em; }
.Colunasetor { float: left; width: 31.5%; margin-right:1.5%; padding: 1.2em; text-align:center; }
.Colunasetor li { font-size: 1.5em; list-style: none; line-height: 1.2em; }
.Colunasetor a { color: #999; }
.Colunasetor:last-child {margin-right: 0;}
 
.chamada_acao {  width: 100%; margin:3.7em 0 2em 0; padding: 0.4em; text-align: center; } 
a.acao { background: #01A9DB; font-family: verdana, "Times New Roman", sans-serif; font-size: 2.2em; color: #fcfcfc; padding:0.5em; }
a:hover.acao { background: #0D4B75; font-family: verdana, "Times New Roman", sans-serif; font-size: 2.2em; color: #01A9DB; padding:0.5em; }
a.circ { font-family: verdana, "Times New Roman", sans-serif; font-size: 1.45em; color: #585757; line-height: 1.4em; padding:0.3em; margin-top:-0.3em;}
.ColunasM { width: 32.5%; margin-top: -1em; margin-right:0.9375em; text-align: center;}

.FonteAzulgrande {font-family: verdana, "Times New Roman", sans-serif; margin: 1em; font-size: 2.4em; color: #375581; }
.FonteAzulMedio {font-family: verdana, "Times New Roman", sans-serif; margin: 0; font-size: 2.3em; color: #1E90FF; }
.FonteAzulpequeno {font-family: verdana, "Times New Roman", sans-serif; margin: 0; font-size: 1.2em; color: #1E90FF; }
.FonteAzulPP {font-family: verdana, "Times New Roman", sans-serif; margin: 0; font-size: 1.1em; color: #FFF; }
.fontebotaoservicos {font-family: verdana, "Times New Roman", sans-serif; margin: 0; font-size: 1.4em; color: #FFF; }
.Fontechamada {font-family: verdana, "Times New Roman", sans-serif; font-size: 2em; color: #065592; }
.FontechamadaP {font-family: verdana, "Times New Roman", sans-serif; margin: 0.25em; font-size: 1.5em; color: #1E90FF; }
.FontechamadaPTP {font-family: verdana, "Times New Roman", sans-serif; margin-top: 2em; float:right; font-size: 1.5em; color: #1FA153; }
.FonteEscuroGrande {font-family: verdana, "Times New Roman", sans-serif; font-size: 2.4em; color: #375581; }
.FonteEscuroMedio {font-family: verdana, "Times New Roman", sans-serif; margin: 2.5em 0 0.625em 0; font-size: 1.7em; color: #999; }
.FonteForm {font-family: verdana, "Times New Roman", sans-serif; margin-left: 0.5em; font-size: 1.4em; color: #375581; }
.FonteEscuroNormal {font-family: verdana, "Times New Roman", sans-serif; margin: 1em 0 0.625em 0; font-size: 1.3em; color: #999; }
.FonteEscuroP {font-family: verdana, "Times New Roman", sans-serif; margin:-0.7em 0.375em 0 0.625; font-size: 1.3em; color: #375581; }

.FonteBrancoMedio {font-family: verdana, "Times New Roman", sans-serif; font-size: 1.2em; color: #FFF; }
.Fonte-branco-P {font-family: verdana, "Times New Roman", sans-serif; margin:-0.7em 0.375em 0 0.625; font-size: 1.125em; color: #FFF; }
.Fonteservicos { font-family: verdana, "Times New Roman", sans-serif; font-size: 1.55em; color: #333; line-height: 1.4em; padding:0.3em; margin-top:-0.3em;}
.FonteservicosBranco { font-family: verdana, "Times New Roman", sans-serif; font-size: 2em; color: #FFF; padding:0.3em; }
.FonteServicosEscuro { font-family: verdana, "Times New Roman", sans-serif; font-size: 2em; color: #1EAFDF; margin-top:-2.3em; }
.FoteFrontEnd {font-family: Georgia, "Times New Roman", sans-serif; font-size: 2.02em; color: #BEBEBE; padding:0.5em; }

a.linkSetorServicos {font-family: Georgia, "Times New Roman", sans-serif; font-size: 2.5em; color: #999; }
a.linkSetorServicosM {font-family: Georgia, "Times New Roman", sans-serif; font-size: 1.4em; color: #BEBEBE; }
a.linkEscuroGrande {font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.4em; color: #BEBEBE; }
a:hover.linkEscuroGrande {background: #FA6908; font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.4em; color: #ffffff;}
a.linkEscuroPequeno {font-family: verdana, "Times New Roman", sans-serif; font-size: 1.1em; color: #3A3838; margin-left: 0.615em; }
a:hover.linkEscuroPequeno {font-family: verdana, "Times New Roman", sans-serif; font-size: 0.75em; color: #1E90FF; }
a.linkEsbrancoPequeno {font-family: verdana, "Times New Roman", sans-serif; margin-top:16px; font-size: 1.3em; color: #fff; }
a.linkEsbrancoMedio {font-family: verdana, "Times New Roman", sans-serif; font-size: 1.4; color: #fff; }
a:hover.linkEsbrancoPequeno {font-family: verdana, "Times New Roman", sans-serif; margin-top:16px; font-size: 1.3em; color: #1B3381; }
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.LinkVerde { text-decoration:none; font-size: 1.63em; padding: 1.625em dashed; color: #006600;}
.FontSubtitulo { font-family: "Times New Roman", Sans-Serif; font-size: 4.5em; color: #065592; margin-top: 0.7em; }
.Fontep {margin: 20px auto;}
.FontHiding {font-family: "Times New Roman", Sans-Serif; font-size: 2.0em; color: #0c0c0; margin: 0.625 auto;}


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



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

    
.BoxGeral, .BoxTudo {
   padding: 0 0.7em 0 0.7em;
    }}

@media screen and (max-width: 1060px) {
#slider {  max-width: 100%;  }
.choco-title p {
 font-size: 2.4em;}}

@media screen and (max-width: 960px) {
.RodapeColuna1, .RodapeColuna2, .RodapeColuna3 {width: 31%;}
.Colunas {margin-right:0; }
.ImgSocial { width:80%; }
.Logo {width: 36%;}
.Chamada { float: right; width: 63%;}
.Colunas {  height: 390px; }
.botaocategoriaservicos{ width: 50%; }}

@media screen and (max-width: 940px) {
.rodape h2 {font-size: 1.67em; }
.SetorServicos {height: 730px; }
.Colunas { width: 33%; height: 380px; }
.circulo, .circulo2, .circulo3, .circulo4, .circulo5 { width: 23.5em; height: 23.5em; padding-top:7em;}
.choco-title p {
 font-size: 2em;}}

@media screen and (max-width: 850px) {
.ImgSocial { width:90%; }
.Logo {width: 45%;}
.Chamada { width: 55%;}}

@media screen and (max-width: 800px) {
.rodape {height: 730px;}
.RodapeColuna1, .RodapeColuna2,.fan_fb {width: 45%; height: 480px;}
.RodapeColuna3{width: 45%; height: 310px;}
.FontSubtitulo { font-size: 3em; }
.Colunas {  width: 32%; }
.Fontechamada { font-size: 1.7em; }}

@media screen and (max-width: 790px) {
/*.BoxCentral {  width: 49%; float:left; }
.Colunas, .ColunasM, .Retagulo {  width: 100%; height: 370px; }*/
.ColunasBaixo  {  width: 28%; }
.Sessaocliente, .Colunaleft, .Colunaright {  width: 100%; padding:7px; }}

@media screen and (max-width: 750px) {
.atendente {width:60%; margin:-9em 3em 0 0; }
.ImgSocial { width:100%; margin:0 0 0 14px;}}

@media screen and (max-width: 710px) {
.BoxMeio {height: 400px;}
.circulo, .circulo2, .circulo3, .circulo4, .circulo5 { width: 20em; height: 20em;padding-top:6.3em;}
.rodapeSecao2 { height: 94px; }
.Logo {width: 50%;}
.Chamada { width: 50%;}
.Logo h2 { font-size: 1.9em; }
.Fontechamada { font-size: 1.5em; }
.choco-title { width:45%;
 }}

@media screen and (max-width: 660px) {
.SetorServicos {height: 1150px; }
.Colunas { width: 47%; height: 380px; }
.circulo, .circulo2, .circulo3, .circulo4, .circulo5 { width: 25em; height: 25em; padding-top:8em;}
.atendente {width:60%; margin:2.3em 3em 0 0; }
#box_social {width: 7.6%;}
/*.ColunasBaixo  {  width: 100%; }
.BoxCentral {  width: 100%; height: 340px; }*/
.Colunasetor {width: 45%;}}

@media screen and (max-width: 640px) {
.rodapeSecao2 { height: 80px; }}

@media screen and (max-width: 630px) {
.bloco-text { width: 100%; }
.btn-toggle{display: block;}
.atendente {display: none;}}

@media screen and (max-width: 610px) {
/*.Colunas { height: 400px; }*/
#slider {height: 300px;}
.choco-title { bottom:260px;}
/*.BoxCentral {  margin-top:-5.5em; }*/}

@media screen and (max-width: 590px) {
.BoxMeio {height: 440px;}
.rodape {height: 1070px;}
.RodapeColuna1, .RodapeColuna2, .RodapeColuna3, .fan_fb {width: 100%; text-align:left; margin-left:2%;}
.Colunasetor {width: 48%;}
.choco-title { width:50%;}}

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

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

@media screen and (max-width: 530px) {
#box_social {width: 8.5%;}
.Chamada { text-align: center; height: 70px; padding:0 0 20px 0; }
.Logo, .Chamada { width: 100%; }
.Logo h2 { font-size: 2.4em; }
#slider {
 margin-top:50px; height: 280px;
 }
.choco-title { width:60%;
 bottom:240px; }}

@media screen and (max-width: 510px) {
.Colunas { width: 46.4%; }
.circulo, .circulo2, .circulo3, .circulo4, .circulo5 { width: 19em; height: 19em; padding-top:5.6em;}}

@media screen and (max-width: 480px) {
.BoxMeio {height: 480px;}
#box_social {width: 9.7%;}
#slider {
 margin-top:100px;  }}

@media screen and (max-width: 450px) {
.BoxMeio {height: 500px;}
#slider {
 height: 240px;  }
/*.BoxCentral { position:relative; margin-top:-10em; }*/
.choco-title { width:70%;
 bottom:200px; }}

@media screen and (max-width: 410px) {
.BoxMeio {height: 520px;}
.circulo, .circulo2, .circulo3, .circulo4, .circulo5 { width: 16em; height: 16em; padding-top:3.4em;}
#box_social {width: 11%;}
.Logo h2 { font-size: 2em; }
.BoxCentral {  width: 100%;  }
.Colunas { height: 360px; }}

@media screen and (max-width: 390px) {
.BoxMeio {height: 550px;}
.choco-title { width:90%;
 }}

@media screen and (max-width: 360px) {
.BoxMeio {height: 580px;}
#box_social {width: 13%;}
.Imagemlogo {  margin-left: 8%;}
.imgdown { width:100%; }
.Navdown { padding:0; }
.contato { width:15%;
 }}

@media screen and (max-width: 330px) {
.BoxMeio {height: 620px;}
.catg_servicos {height: 490px;}
/*.bloco-text {padding: -2.5em;}
/*.rodape { height: 220px; }*/
.rodapeSecao2 { height: 106px; }
.SetorServicos {height: 1880px; }
.Colunas { width: 100%; }
.circulo, .circulo2, .circulo3, .circulo4, .circulo5 { width: 25em; height: 25em; padding-top:8em;}
#box_social {width: 14.7%;}
.Colunas { height: 400px; }
.BoxCentral { position:relative; margin-top:0;   }
.btn-toggle{display: block;}
.BoxDestaque {display: none;}}

@media screen and (max-width: 290px) {
.BoxMeio {height: 670px;}
.catg_servicos {height: 550px;}
.circulo, .circulo2, .circulo3, .circulo4, .circulo5 { width: 23em; height: 23em; padding-top:6.6em;}
.Imagemlogo {  margin-left: 12%;}
.Logo h2 { margin-left: 6%; font-size: 1.7em; }}

@media screen and (max-width: 270px) {
.Logo h2 { margin-left: 4%; }}

@media screen and (max-width: 250px) {
.Colunas {  height: 495px;}
.Logo h2 { font-size: 1.5em; }}

@media screen and (max-width: 240px) {
.Colunas {  height: 540px;}}