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

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

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

a:hover {
	font-weight: bold;
	text-decoration:none; 
}
.closeImg {
    position: relative;
    left: -7.6em;
    top: 6.8em; 
}
/************* HEADER STUFF ************/
.BoxGeral {
        position:absolute;
	width: 100%; 
	margin: 0px auto;
        background: url('../img/fundobackground.png');
} 
.BoxTudo {
	max-width: 1024px; 
	margin: 0px auto;
} 
.BoxCabecalho {
	width: 100%;
	margin-top: 0;
	height: 180px;    
	text-align: left; /*
        background: url('../img/fundocabecalho.png'); */
}
.Destaque {
          position:relative; 
	  width: 100%; 
          height: 779px;
          margin-top:-1.5em;
          background: #ffffff url('../imagens/000002.jpg') no-repeat center top; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
 }
.FundoTransp {
          position:relative; 
	  width: 100%; 
          height: 100%; 
          background: rgba(136, 143, 158, 0.8);            
 }
.space { width: 100%; height: 620px;}
.table { width: 100%; height: 15em; text-align:center; padding:2em; }
.BlocText {      
        float: left;
	width: 55%;  
	margin-top: 0;
	padding:10px 0 10px 0;
	text-align: justify;
}
.Perfil { 
        float: left;
	width: 45%; 
	margin-top: -6.5em;
	margin-right: 7em;
        padding: 0 17px -0.1em 0;
	text-align: justify; 
        background: url('../img/Fundodiv.png'); */
 } 
.Chamada {      
        float: left;
	width: 47%;  
	margin-top: 0;
	padding:10px 0 10px 0;
	text-align: justify; 
}
.Colunas {      
        float: left;
	width: 22.54%;  
	margin-top:1.5em;
	margin-right:2em;
	margin-bottom:2em;
	padding:10px;
	text-align: center;
}
.Colunas:last-child {
 margin-right: 0;
}


.Colunaleft { 
        float: left;
	width: 45%; 
	margin-top: 0;
        padding: 10px 0 10px 0;
        text-align: left; /*
	text-align: justify;  
        background: url('../img/Fundodiv.png'); */
 } 
.Colunaleft li { font-size: 1.7em; }

.Colunaright {      
        float: left;
	width: 55%;  
	margin-top: 0;
	padding:10px 0 10px 20px;
	text-align: left;
/*	text-align: justify;  */
}
.ColunCentral {    
	max-width: 850px; 
	margin: 0px auto; 
  /*      border:1px solid;  */
	text-align: left;
}
.BackgroundLaraja {    
          position:relative; 
	  width: 100%; 
          height: 450px;
          margin:0;
          background: #FF0000; 
}
.BackgroundVerde {    
          position:relative; 
	  width: 100%;
          height: 570px;
          margin-top:-1.4em;
          background: #071914;
}

/************* Boxs Meio e Centro ************/
.BoxCentral {
          position:relative; 
	  width: 100%;  /*
          height: 340px; 
          background: #ffffff url('../imagens/#.jpg') no-repeat center top;
 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;    */          
 }
.SetorServicos:last-child {
    margin-right: 0;
}


.BoxMap { 
	width: 33.33333333333333;
        float: right;
 }
.Hiding {  position:relative;
	   width: 100%; 
           margin-top:-1em; 
           padding:2em 0 1.7em 0;
           margin-bottom:0;
           text-align: center;
           background: #930409; 
} 
.BoxMeio {
          position:relative; 
	  width: 100%;
          background: #F2F2F2; 
} 
.perfilbaixo { 
        float: left;
	width: 35%;
        margin-right: 7em; 
	text-align: right; 
 }
.SessaoNoticias { 
        float: left;
	width: 48%;
        height: 310px;
	margin-right:1.2em;
	margin-bottom:2.5em;
        padding: 0.7em; 
	text-align: center;
 }
.SessaoNoticias:last-child, .Sessaocursos:last-child {
    margin-right: 0;
}


.SessaoDepoimento {
	width: 100%; 
        height: 180px; 
	text-align: justify;	
}
.topodatacursos {  
	width: 100%;
	height: 7em;
        position:relative;
	margin: 3em auto; 
	margin-bottom: 1em; 
	border-left:10px solid #1F243C;   
	text-align: center;
        font-zise: 0.75em; 
        color: #1FA153;
} 
.retangulodatacursos {  
	width: 100%;
	height: 8em;
        position:relative;
	margin: 0px auto; 
	margin-bottom: 0.4em;  
	border-bottom: 0.4em solid #930409; 
	text-align: left;
        font-zise: 0.75em; 
        color: #1FA153;
        background: #930409 url('../img/fundodescrit.png');
} 
.datacursos {  
        float: left;
	width: 23%;
	height: 100%;
	margin: 1px auto; 
	text-align: center;
        color: #FFF;
        background: #930409;
} 
.textcursos {  
        float: right;
	width: 75%;
	height: 49%;
	margin: 0px auto; 
	text-align: center;
        font-zise: 0.75em; 
        color: #1FA153;
}
.descritcursos {  
        float: right;
	width: 76.2%;
	height: 49%;
	margin: 0px auto; 
	text-align: center;
        font-zise: 0.75em; 
        color: #1FA153;
        background: #930409 url('../img/fundoazulclaro.jpg');
}
.Fontetopodatacursos {font-family: "Times New Roman", Sans-Serif; font-size: 3.8em; color: #930409; margin:0.1em; }
.Fontedatacursos {font-family: "Times New Roman", Sans-Serif; font-size: 3.2em; color: #FFF; margin-top: 0.5em;}
.Titulodatacursos {font-family: "Times New Roman", Sans-Serif; font-size: 3em; color: #FFF; margin-top: 0;}
.Funtedescritcursos {font-family: "Times New Roman", Sans-Serif; font-size: 1.8em; color: #FFF; margin-top: 0;}

/************* Rodaper ************/

.rodape {
        clear: both;
        width: 100%;
        height: 80px;       
	margin: 0px auto;
        padding-top: 16px;
        padding-bottom:2em;  
        background: #071914; 
        text-align: center;
        color: #fff; /*
        border-top: 3px solid #A31414; */
}  
.colunacentro { 
           position: relative;
           padding-bottom:1.6em;
           height: 100px; 
	   max-width: 1024px;   
	   margin: 0px auto;
           padding-top:30px; 
           text-align: center;   /*
           background: #ffffff url('../img/fundoazulclaro.jpg'); */
}

span{  font-size: 0.9em; 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;  }

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


.Imagemlogo { width:90%; height:85%;} 
.IconTel { margin: 0.5em 0.15em -0.4375em 0.4375em; }
.Imgservicos { float:left; width:18%; height: 90px; margin:0 1.4em 1.4em 0; border-radius: 15%;}
.Imagembanner { width:100%; height:100%;  }
 /*  
.Imagembanner {float: right; width:84%; margin-left:16%; margin-bottom:5%; }
  */
.Marcador {float: left; width:1.8em; height:1.8em; margin: 0.25em 0.5em -0.4375em 0.43125em; padding-bottom:-0.7em; }
.Marcadorb {float: left; width:2.7em; height:2.2em; margin: 0.25em 0.3125em -0.4375em 0.43125em; }
.Marcadorc {float: left; width:1.7em; height:1.2em; margin: 0.25em 0.3125em -0.4375em 0.43125em; }

.Imagem {float: left; margin: 0px; width:80%; }
.ImgSocial {  width:100%; height: 50px; }
.Depoimento {float: left;  width:30%; height: 110px; float: left; margin: 15px; }

.Desafios { width:60%; }

.IMGperfil { width:460px; height:680px; margin-bottom:-0.3em; }

.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.5em 0.3125em -0.4375em 0.4375em; }
.Imgcategoria {margin-left: 0; margin-top: 0.9375em; } 
.Imgchamada {float: left; margin:0 0.625em 0.4375 0; }
.imgdown { width:100%; height:100%; float: right; margin-top:0; margin-left:0; }
.figura {position:absolute; left:43%; margin:-1.875em auto; }
.Linha {color: #fff; background-color: #000; width: 100%; height: 1px; }
.Linhab {color: #fff; background-color: #fff; width: 100%; height: 1px; float: left; }

.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: 1.7em; 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; margin-top:1.9em; font-size: 1.6em; color: #FFF; }
.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; }
.FonteEscuroMedio {font-family: verdana, "Times New Roman", sans-serif; margin: 2.5em 1.3em -0.8em 0; font-size: 1.7em; color: #444445; }
.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.15em; color: #424649; }
.FonteEscuroP {font-family: verdana, "Times New Roman", sans-serif; margin:-0.7em 0.375em 0 0.625; font-size: 1.3em; color: #375581; }
.FonteEscuroG {font-family: verdana, "Times New Roman", sans-serif; margin:-0.7em 0.375em 0 0.625; font-size: 2.5em; color: #375581; }
.FonteEscuroSG {font-family: verdana, "Times New Roman", sans-serif; margin:-0.7em 0.375em 0 0.625; font-size: 3.5em; 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; }
a.LinkVerde { text-decoration:none; font-size: 3em; padding: 1.625em dashed; color: #2D6428;}


.FonteBrancoMedio {font-family: verdana, "Times New Roman", sans-serif; font-size: 2em; color: #FFF; line-height: 0.6em; }
.Fonteservicos {font-family: verdana, "Times New Roman", sans-serif; font-size: 1.5em; color: #FFF; line-height: 1.4em; padding:0 0.9375em 0 0.9375em; }
.FoteFrontEnd {font-family: Georgia, "Times New Roman", sans-serif; font-size: 1.8em; color: #BEBEBE; }

a.linkSetorServicos {font-family: Georgia, "Times New Roman", sans-serif; font-size: 2.5em; color: #0973C5; }
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: 3em; padding: 1.625em dashed; color: #2D6428;}
.TituloCategorias {font-family: "Times New Roman", Sans-Serif; font-size: 3.4em; color: #FFF; margin-top: 0.3em; margin-bottom: 0.5em; }
.FonteCategorias {font-family: "Times New Roman", Sans-Serif; font-size: 2.4em; color: #FFF; margin-top: 0.3em; margin-bottom: 0.2em; }
.SubtituloAzul {font-family: "Times New Roman", Sans-Serif; font-size: 4.2em; color: #162465; margin-top: 0.3em; margin-bottom: 0.2em; }
.SubtituloAzulM {font-family: "Times New Roman", Sans-Serif; font-size: 3.6em; color: #162465; margin-top: 0.3em; margin-bottom: 0.2em; }
.SubtituloBranco {font-family: "Times New Roman", Sans-Serif; font-size: 4.2em; color: #FFF; margin-top: 0.3em; margin-bottom: 0.2em; }
.SubtituloCinza {font-family: "Times New Roman", Sans-Serif; font-size: 4.2em; color: #444445; margin-top: 0.3em; margin-bottom: 0.2em; }
.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) {
.Logo {width: 36%;}
.Chamada { float: right; width: 63%;}
.Colunas {  height: 390px; }
.botaocategoriaservicos{ width: 50%; }}

@media screen and (max-width: 940px) {
.Colunas {  height: 430px; }
.choco-title p {
 font-size: 2em;}}

@media screen and (max-width: 800px) {
.Colunas {  width: 32%; }
.Fontechamada { font-size: 1.7em; }}

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

@media screen and (max-width: 740px) {
.Logo {width: 37%;}
.Chamada { width: 63%;}}

@media screen and (max-width: 710px) {
.Logo {width: 40%;}
.Chamada { width: 60%;}
.Fontechamada { font-size: 1.5em; }
.choco-title { width:45%;
 }}

@media screen and (max-width: 660px) {
.Logo {width: 43%;}
.Chamada { width: 56%; padding-top: 10px}}

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

@media screen and (max-width: 610px) {
.Logo {width: 47%;}
.Chamada { width: 53%; }
.Colunas { height: 400px; }
#slider {
 height: 300px;
 }
.choco-title { bottom:260px;

 }
.BoxCentral {  margin-top:-5.5em; }}

@media screen and (max-width: 590px) {
.choco-title { width:50%;
 }
.Colunas { height: 440px; }}

@media screen and (max-width: 560px) {
.Logo {width: 50%;}
.Chamada { 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) {
.Chamada { text-align: center; height: 70px; padding:0 0 20px 0; }
.Logo, .Chamada { width: 100%; }
#slider {
 margin-top:50px; height: 280px;
 }
.choco-title { width:60%;
 bottom:240px; }}

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

@media screen and (max-width: 480px) {
#slider {
 margin-top:100px;  }}

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

@media screen and (max-width: 410px) {
.BoxCentral {  width: 100%;  }
.Colunas { height: 360px; }}

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

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

@media screen and (max-width: 330px) {
.Imagemlogo { width:70%; margin-left: 15%;}
.Colunas { height: 400px; }
.rodape { height: 140px; }
.rodapeSecao2 { height: 100px; }
.BoxCentral { position:relative; margin-top:0;   }
.btn-toggle{display: block;}
.BoxDestaque {display: none;}}


@media screen and (max-width: 290px) {
.Imagemlogo {  margin-left: 12%;}
.Colunas {  height: 435px;}
.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;}}