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

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.7em;
}

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

a:hover {
	font-weight: bold;
	text-decoration:none;
	color: #BEBEBE; 
}
.closeImg {
    position: relative;
    left: -7.6em;
    top: 6.8em; 
}
/************* HEADER STUFF ************/
.BoxGeral {
	max-width: 100%; 
	margin: 0px auto;
        background: url('../img/fundobackground.png');
} 

.BoxTudo {
	max-width: 1100px; 
	margin: 0px auto;
} 
.NavTop {  
	width: 100%;
        position:relative;
	margin: 0px auto;
	height: 5em;  
/*	text-align: center; */
        font-zise: 0.75em; 
        color: #1FA153; 
        background: #fff; /*
        background: #0D4B75 url('../img/FundoTopo.png'); */
}
.Cabecalho {
	width: 100%;
	margin-top: 3.978em;
	height: 8em;  
	text-align: center;
        font-zise: 0.75em; 
        color: #1FA153;    
        background: #F3F5F6; /*
        background: url('../img/fundo-menu.jpg');*/
} 
.Boxlogo { 
    float: left;  
    margin-top:0.5em;
    display: inline-block;
    width: 26%;
    text-align: left; color: #FFF;
  /*  border:1px solid #000; */
}
.Boxlogo h1 { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.3em;
	color: #333;
        margin-top: 0.5em; 
}
.Boxlogo h2 { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.44444444444445em;
	color: #FFF;
        margin-top: -17px; 
}
.Boxcontato { float: left; width: 70%; margin-top: 0.5em; padding:0.3em 1em; text-align: center; }

/************* Containers Destaques, Meio e Central ************/

.BoxDestaque { height: 480px; padding:1.3em 0; }
.Destaque_b { height: 440px; background: url('../imagens/city.png') no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.DestaqueBanner { float: left; width: 72.4%; height: 400px; margin-top: 0px; /* margin-right: -15%; */ }
.BoxDestaque, .Destaque_b { width: 100%; text-align: center; margin-top: 0.6em; }
.Destaque_hiding { width: 100%; height: 120px; text-align: center; background: #FFF url('../imagens/fundo-teste.png') no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.Destaque_hiding p { text-align: center; color:#fff; }
.BoxDestaque p, .institucional p { margin-top:0.4em; line-height: 1.3em; }
.hiding_transparent {

 position:relative; width:100%;
 height: 100%; padding:0.8em 0; background: rgba(18, 57, 104, 0.8); }

.institucional { width: 100%; height: 590px; margin-top: 0.6em; padding:1.3em 0; text-align: left; }
.institucional_b { width: 100%; height: 365px; margin-top: 0; margin-bottom:-1.5em; padding: 0 0 0.4em 0; background: #F8F8F9; text-align: center; }
.institucional_b ul { list-style-position: inside; } 

.Sessao_meio { width: 100%; height: 350px; padding:2em 0; text-align: center; }
.BoxCentral { width: 100%; margin-top:0.5em; padding:2em 0; text-align: center; }

/************* Divs elementos e colunas ************/

.retangulo { float: right;
 position:relative;
 width: 70%; margin: 0; text-align: left; }
.SocialBox {  float: right;
  position:relative; width: 30%; margin-top: 10em; text-align: right; }
.Colunas_servicos { float: left; background: #FFF; width: 23%; height: 275px; margin: 2.7em 1.7em 0 0; padding: 0; text-align: justify; color:#999; border-right:0.1em solid #999; border-bottom:0.1em solid #999; } 
.descricao_servicos { width: 100%; margin-top: 0.8em; padding:0 0.5em; text-align: center; }
.Colunaleft { float: left; width: 55%; margin: 0 3em 0 0; padding: 0.9em 0 2em 0; text-align: justify; } 
.Colunaright { border-left:1px solid; float: left; width: 40%; margin: 0; padding: 0.9em 0 2em 0.5em; text-align: justify; }
.Colunaright_b { float: left; width: 40%; 0 3em 0 0; padding: 1.2em 0 2em 0.5em; text-align: justify; }
.Colunaleft ul { list-style-position: inside; }
.Colunaleft li { font-size: 1em; }
.Colunaleft h2 { font-size: 1.45em; }
.Colunas_servicos:last-child {
 margin-right: 0; 
}
.colunas { float: left; width: 32.145%; margin:0; margin-right:1.1em; padding: 0.7em; text-align: center; }
.tarja { width: 100%; height: 55px; margin-top: 0.8em; background: #FA6908; padding:0 0.5em; text-align: left; }
.tarja_tranparent { width: 100%; height: 55px; margin-top: 0.8em; padding:0 0.5em; text-align: left; }
.tarja_left { width: 100%; height: 15em; margin: 1em 0; padding:0.4em 0; font-size: 1.3em; text-align: left; }
.colunas:last-child, .tarja {
 margin-right: 0; 
}
.table { float: left; width: 15%; height: 100%;}
.apresentacao { float: left; width: 29%; height: 310px; margin:4.5em 2.2em 2.5em 2.2em; border:5px solid #4E9ACE; padding: 0.7em; text-align: center; background: #0D4B75; } 
.foco_apresentacao { width: 110%; text-align: justify; margin-left:-5%; margin-bottom:0.8em; padding:3% 6%; background: #0D4B75; }
.foco_apresentacao span{ font-size: 1em; font-weight: 300; letter-spacing: -1px; line-height: 20px;  }
.hiding { width: 100%; position: relative; margin: 0 0 5px 0; padding: 10px; text-align: center;  }
.Tarja_hiding { width: 100%; height: 12em; margin: 0 0 .4em 0; text-align: center; line-height: 0.2em; background: #FA6908; padding-top:0.2em; }
.Tarja_hiding_tranparet { width: 100%; height: 12em; margin-top: 0; margin-bottom: -3.5em; text-align: center; line-height: 0.2em; padding-top:0.1em; border-top:0.2em #FA6908 solid; }
.Tarja_acao {

 position:relative; width:100%;
 height: 310px; margin-top: 0.2em;
 margin-bottom: 1.6em; text-align:center; background: #FFF url('../imagens/fundo-tarja.jpg') no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
 }
.Tarja_acao_transparent {

 position:relative; width:100%;
 height: 100%; padding:2em 0; background: rgba(248, 248, 248, 0.7); }
.Botao_azul { width: 21%; height: 40px; padding: 0.4em 0.2em; margin: 1em 0.7em; text-align: center; line-height: 1em; font-size: 1.25em; color: #1E90FF; background:#FFF; border:0.01em solid #1E90FF; }
.Botao_acao { width: 28%; height: 40px; padding: 0.4em 0.2em; margin: 1em 0.7em 2em 0.7em; text-align: center; line-height: 1em; font-size: 1.25em; color: #1E90FF; background:#FFF; border:0.01em solid #1E90FF; }
.Botao_acao a { width: 28%; height: 40px; padding: 0.4em 0.2em; margin: 1em 0.7em 2em 0.7em; text-align: center; line-height: 1em; font-size: 1.25em; color: #1E90FF; background:#FFF; border:0.01em solid #1E90FF; }
.Botao_acao a:hover  { background:#000; width: 28%; height: 40px; padding: 0.4em 0.2em; margin: 1em 0.7em 2em 0.7em; text-align: center; line-height: 1em; font-size: 1.25em; color: #1E90FF; background:#FFF; border:0.01em solid #1E90FF; }

/************* Rodaper ************/
.rodape {
        clear: both;
        width: 100%;
        height: 380px;
	margin-top: 10px;  
        background: #0D4B75; /* url('../img/FundoTopo.png'); */
        text-align: center;
        color: #fff;
        padding-top: 0px;  
 /*       height: 100px;   
        border-top: 2px solid #A31414;  */
}
.SessoesRodape, .SessoesRodape2 { float: left; margin: 0px auto; padding: 0; text-align: left; margin:0.2em 0.8em 0 0; }
.SessoesRodape { width: 27%; }
.SessoesRodape2 { width: 15.5%; }
.bloco {width: 100%; height: 310px;}
.SessoesRodape:last-child {
 margin-right: 0; padding-right:0; 
}
.SessoesRodape ul, .SessoesRodape2 ul { list-style: none; margin-top:1em; line-height: 1.4em; }
.SessoesRodape li { list-style: none; line-height: 1.4365em; }
.rodapeSecao2 {
        clear: both;
        width: 100%;  
	margin: 0px auto;  
        bottom:10px;   
        background: #014270;
/* url('../img/fundoazulescuro.jpg'); 
url('../img/FundoTopo.png');
        height: 60px; 
        border-top: 3px solid #A31414;  */
        text-align: center;
        color: #fff; 
        padding-top: 3em;
        padding-bottom: 3em;
}  
.colunacentro { 
           position: relative;
           padding-bottom:1.6em;
	   max-width: 1100px;  
	   margin: 0px auto;  
           padding-top:30px; 
           text-align: center;   /*
           height: 100px; 
           background: #ffffff url('../img/fundoazulclaro.jpg'); */
}

span{ font-size: 0.9em; font-weight: 100; letter-spacing: -1px; 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;  }

img,
picture,
video,
embed {
    max-width: 100%;
}
.imagem {float: left; margin: 1.2em 0; }
.atendente { width:100%; margin: 1.2em 0; }
.img_front_end { width:100%; margin: 0.625;}
.imglogo { width:55%; margin-top:-0.9em;}
.spdr { width:0.1em; height: 1.6em; margin:-0.47em 0; }
.IconTel { margin: 0.5em 0.15em -0.4375em 0.4375em; }
.img-banner { width:100%; height: 100%; margin:0; }
.ImgSocial {  width:2.85em; margin:-0.42em 2em; }
.IconTopo { margin: 0.5em 0.3125em -0.4375em 0.4375em; }
.whats-top { width:6em; }
.chamada-whats { width:6.5%; margin-top:-8em; margin-bottom:0.5em; }
.Iconchamada { width:20%; }
.figura_icon { width:20%; }
.icones { float: left; width:12%; margin:0.6125em;}
.figura_icon2 { width:43%; margin:2.5em 1.2em 1em 0;}
.figura_icon_seg { width:45%; margin:2.5em 1.2em 1em 0;}
.figura_icon3 { float: left; width:80%; margin:0; }
.marcador { float: left; width:1em; height:1em; margin: 0.25em 0.5em -0.4375em 0.43125em; padding-top:0.8em padding-bottom:-0.8em; }
.imgdown { width:100%; height:100%; float: right; margin-top:0; margin-left:0; }
.Linha {color: #fff; background-color: #000; width: 100%; height: 1px; }
.Linhab {color: #fff; background-color: #fff; width: 100%; height: 1px; float: left; }

.azul_claro_grande {font-family: verdana, "Times New Roman", sans-serif; margin: 1em; font-size: 2.4em; color: #375581; }
.azul_claro_Medio {font-family: verdana, "Times New Roman", sans-serif; margin: 0; font-size: 1.9em; color: #1E90FF; }
.azul_claro_pequeno {font-family: verdana, "Times New Roman", sans-serif; margin: 0; font-size: 0.9em; color: #1E90FF; }
.azul_escuro_grande {font-family: verdana, "Times New Roman", sans-serif; margin: 1em; font-size: 2.4em; color: #0D4B75; }
.azul_escuro_medio {font-family: verdana, "Times New Roman", sans-serif; margin: 0 0 0.4em 1em; font-size: 1.4em; color: #0D4B75; }
.azul_escuro_pequeno {font-family: verdana, "Times New Roman", sans-serif; margin: 0; font-size: 1.1em; color: #0D4B75; padding:1.3em 0 0.5em 0; line-height: 1.1em; }

.font_chamada {font-family: verdana, "Times New Roman", sans-serif; margin-top:0.8em; font-size: 1.15em; color: #0D4B75; line-height: 0.9em; }
.font_chamadap {font-family: verdana, "Times New Roman", sans-serif; margin-top:1em; font-size: 0.9em; color: #0D4B75; line-height: 0.2em; }

.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; }
.Font_escuro {font-family: verdana, "Times New Roman", sans-serif; margin: 0.7em 0 0.2em 0; font-size: 1.3em; color: #375581; }
.FonteEscuroP {font-family: verdana, "Times New Roman", sans-serif; margin:-0.7em 0.375em 0 0.625; font-size: 1.3em; color: #375581; }
.Fontverde {font-family: "Times New Roman", Sans-Serif; font-size: 4em; color: #2D6428; margin-top: 0.3em; margin-bottom: 0.2em; }
.sucesso {font-family: "Times New Roman", Sans-Serif; font-size: 3.4em; color: #FFF; margin: 0.4em 0 0.4em 1.7em; }
.FonteBrancoMedio {font-family: verdana, "Times New Roman", sans-serif; font-size: 1.2em; color: #FFF; }
.FooterBranco {font-family: Georgia, "Times New Roman", sans-serif; font-size: 1.1em; color: #FFF; line-height: 1.4em; }
.FooterTitulo {font-family: Georgia, "Times New Roman", sans-serif; font-size: 1.5em; color: #FFF; line-height: 0.5em; }

.TituloCategoriaA {font-family: "Times New Roman", Sans-Serif; font-size: 2.4em; color: #FFF; margin-top: 0.9em; margin-bottom: -0.5em; }
.TituloCategoriaB {font-family: "Times New Roman", Sans-Serif; font-size: 2.1em; color: #FF0000; margin-top: 0.3em; margin-bottom: 0; }
.Categoria_branco {font-family: "Times New Roman", Sans-Serif; font-size: 1.8em; color: #FFF; margin-top: 1.3em; margin-bottom: 0.2em; }
.Categoria_escuro {font-family: "Times New Roman", Sans-Serif; font-size: 1.8em; color: #0D4B75; margin-top: 1.3em; margin-bottom: 0.2em; }
.Subtitulo-branco {font-family: "Times New Roman", Sans-Serif; font-size: 2.6em; color: #FFF; }
.SubtituloEscuro {font-family: "Times New Roman", Sans-Serif; font-size: 2.6em; color: #052235; }
.SubtituloEscuroM {font-family: "Times New Roman", Sans-Serif; font-size: 2.5em; color: #052235; margin-top: 0.3em; margin-bottom: 0.5em; }
.SubtituloEscuroP {font-family: "Times New Roman", Sans-Serif; font-size: 1.9em; color: #052235; margin-top: 0.3em; margin-bottom: 0.5em; }
.font_titulo_red {font-family: "Times New Roman", Sans-Serif; font-size: 4.2em; color: #DF0101; margin-top: 1.4em; margin-bottom: 0.2em; }
.subtitulo_red {font-family: "Times New Roman", Sans-Serif; font-size: 2.5em; color: #DF0101; margin-top: 0.3em; margin-bottom: 0.5em; }
.font_red {font-family: "Times New Roman", Sans-Serif; font-size: 2.2em; color: #DF0101; margin-top: 0.8em; margin-bottom: 0.2em; }
.font_red_P {font-family: "Times New Roman", Sans-Serif; font-size: 1.9em; color: #DF0101; margin-top: 0.3em; margin-bottom: 0.5em; }

a.LinkVerde { text-decoration:none; font-size: 3em; padding: 1.625em dashed; color: #2D6428;}
a.linktop {font-family: Georgia, "Times New Roman", sans-serif; font-size: 1.5em; color: #FFF; padding: 0 1em; }
a:hover.linktop { background: #2B8BED; font-family: Georgia, "Times New Roman", sans-serif; font-size: 1.5em; padding: 4em 1em 0.5em 1em; color: #FFF;}
a.linkSetorServicos {font-family: Georgia, "Times New Roman", sans-serif; font-size: 2.2em; color: #0973C5; margin-topo:-0.3em; }
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; font-size: 0.93em; color: #fff;  line-height: 0.35em;}
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: 3em; padding: 1.625em dashed; color: #2D6428;}


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



@media screen and (max-width: 1312px) {
.BoxGeral, .BoxTudo { padding: 0 0.7em 0 0.7em; }}
   
@media screen and (max-width: 1120px) {
.imglogo { margin-left: 2%; margin-top:0;}
.SessoesRodape, .SessoesRodape2 { margin-left:1%; }
.SessoesRodape { width: 23%; } 
.SessoesRodape2 { width: 13%; }}

@media screen and (max-width: 1080px) {
.imglogo { margin-left: 3.5%;}
.Destaque_b { height: 470px; }
.Colunas_servicos { height: 300px; }}


@media screen and (max-width: 1045px) {
.Colunas_servicos { width: 22%; }}

@media screen and (max-width: 1010px) {
.colunas { float: left; width: 31%;}}

@media screen and (max-width: 980px) {
.Colunaleft { float: left; width: 53%; }
.Colunaright { width: 38%;}}
 
@media screen and (max-width: 925px) {
.ImgSocial { margin-left: 1em; margin-right: 0; }}

@media screen and (max-width: 880px) {
.imglogo { width:65%; margin-left: 4%;}
.rodape { height: 740px; }
.SessoesRodape, .SessoesRodape2 { width: 40%; margin-left: 2%; margin-top:3em; }}

@media screen and (max-width: 840px) {
.chamada-whats { width:8%; }
.BoxDestaque { height: 530px; }
.icones { float: left; width:15%; }
.Botao_azul { width: 25%; }}

@media screen and (max-width: 765px) {
.retangulo { width: 100%; }
.BoxDestaque { height: 570px; }}

@media screen and (max-width: 710px) {
.Colunaright_b { width: 38%; }
.imglogo { width:75%; }
.chamada-whats { width:9%; }
.BoxLogo {width: 40%;}
.Boxcontato { width: 60%;}
.Fontechamada { font-size: 1.5em; }
.Botao_azul { width: 31%; }
.colunas { float: left; width: 29%;}
.Colunas_servicos { width: 20%; }}

@media screen and (max-width: 670px) {
.BoxDestaque { height: 600px; }}

@media screen and (max-width: 650px) {
.BoxDestaque { height: 640px; }
.Destaque_b { height: 850px; }
.Sessao_meio { height: 550px; }
.colunas, .Colunas_servicos { width: 45%;}}

@media screen and (max-width: 610px) {
.Destaque_hiding { height: 135px; }
.imglogo { width:90%; }}

@media screen and (max-width: 580px) { 
.chamada-whats { width:10%; }
.Botao_azul { width: 36%; }
.BoxDestaque { height: 890px; }
.ImgSocial { margin-left: 0; } 
.Colunaleft {  width: 48%; }
.colunas, .Colunas_servicos {  width: 43%;}}

@media screen and (max-width: 540px) { 
.Botao_azul { width: 50%; }}

@media screen and (max-width: 510px) { 
.BoxLogo {width: 45%;}
.Boxcontato { width: 53%;}}

@media screen and (max-width: 480px) {  
.font_chamada { font-size: 1em; }
.font_chamadap { font-size: 0.78em; }
.chamada-whats { width:10.6%; }
.Colunaright { border-left:0; }
.Colunaleft, .Colunaright, .Colunaright_b {   width: 100%; }}

@media screen and (max-width: 450px) { 
.chamada-whats { width:11%; }
.Colunas_servicos { height: 380px; }
.BoxDestaque { height: 950px; }
.Destaque_b { height: 1830px; }
.Sessao_meio { height: 790px; }
.Colunas_servicos { border:0; }
.colunas, .Colunas_servicos { width: 100%;}
.rodape { height: 1130px; }
.SessoesRodape, .SessoesRodape2 { width: 100%; }}
 
@media screen and (max-width: 420px) { 
.imglogo { width:100%; margin-left: 85%; }
.Cabecalho { height: 14em; }
.Boxlogo { width: 35%; }
.Boxcontato { width: 100%;}}

@media screen and (max-width: 380px) { 
.chamada-whats { width:12.3%; }
.Colunas_servicos { height: 340px; }
.Destaque_b { height: 1660px; }
.Sessao_meio { height: 760px; }
.BoxDestaque { height: 1020px; }}

@media screen and (max-width: 340px) {
.Destaque_hiding { height: 165px; }}

@media screen and (max-width: 335px) {
.BoxDestaque { height: 1080px; }}

@media screen and (max-width: 320px) {
.Subtitulo-branco { font-size: 2.2em; }
.chamada-whats { width:14%; }
.Destaque_b { height: 1580px; }
.Colunas_servicos { height: 320px; }
.BoxDestaque { height: 1130px; }}

@media screen and (max-width: 300px) {
.Sessao_meio { height: 840px; }}

@media screen and (max-width: 280px) {
.Colunas_servicos { height: 300px; }
.BoxDestaque { height: 1190px; }}

@media screen and (max-width: 255px) {
.Subtitulo-branco { font-size: 1.9em; }}