/* LARGURA REAL DOS ELEMENTOS *********************************************************/
*{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	margin: 0;
	padding: 0;
}

/* SEPARA OS ELEMENTOS FLOATS *********************************************************/
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix{
    *zoom: 1;
}

/* CONTEÚDO **********************/
body{ font-family: 'Anek Latin', sans-serif; margin: 0; padding: 0; background:#fff; }

p{ margin:0 0 25px 0; }

h1{	font-size:36px; font-weight:300; line-height:120%; }	
h2{	font-size:30px; font-weight:300; line-height:120%; }
h3{	font-size:24px; font-weight:300; line-height:120%; }	
h4{	font-size:20px; font-weight:300; line-height:130%; }
h5{	font-size:16px; font-weight:300; line-height:140%; }
	
.container{ width:94%; max-width:1200px; margin:0 auto; padding:40px 0; text-align:left; background:#fff; overflow:auto; }

.home-secoes{ float:left; margin:20px 0; width:100%; border-bottom:1px solid #cacaca; text-align:center; padding:0 5px; font-size:20px; font-weight:700; }

/* TOP **********************/
.top{ float:left; width:100%; display:block; background:#fff; z-index:9999; }
.top-container{	width:98%; max-width:1300px; margin:0 auto; }
.logo{ float:left; width:330px; }
.telefones{ float:left; padding:2px 0; text-align:left; font-size:20px; color:#fff;  }
.telefones img{ margin:0 5px -5px 0; width:25px; }
.redes{ float:right; padding:2px 0 0 0; text-align:right;  }
.bt-redes{ margin-left:20px; width:25px; cursor: pointer; transition:all 150ms linear; opacity:0.8; }
.bt-redes:hover{ filter:grayscale(0%); opacity:0.99; }
.menu{ float:right; margin-top:35px; width:70%; text-align:right; }
.bt-menu{ margin-left:35px; border:0; border-bottom:2px solid #fff; font-family:'Anek Latin', sans-serif; font-size:16px; font-weight:500; color:#000; background:transparent;
		  cursor: pointer; transition: all 150ms linear; }
.bt-menu:hover{ border-bottom:4px solid #00923f; color:#00923f; }

/* BANNER **********************/
.banner{ border-bottom:4px solid #ffe600; }

/* HOME **********************/
.produtos{ float:left; margin:40px 0.4% 20px 0.4%; width:32.5%; height:250px; padding:30px; text-align:center; background:url('../imagens/fd-balao.png') no-repeat; background-size:100%; }
.produtos h1{ padding:0 15px 5px 15px; font-size:24px; font-weight:700; color:#58595b; }
.produtos h2{ padding:0 10px 20px 10px; font-size:18px; font-weight:300; color:#000; }
.produtos img{ margin:-50px 0 0 0; width:100px; height:100px; }

.home-destaques{ float:left; margin-bottom:40px; width:31%; border-radius:0 0 30px 0; padding-bottom:15px; text-align:center; background:#f1f2f2; }
.home-destaques h1{ padding:10px 15px 5px 15px; font-size:26px; font-weight:500; letter-spacing:-1px; color:#000; }
.home-destaques h2{ padding:0 15px 5px 15px; font-size:18px; font-weight:300; color:#000; }
.home-destaques-img{ width:100%; height:280px; }
.bt-home-destaques-img-cover{ margin-top:130px; border:0; padding:10px 25px; font-family: 'Anek Latin', sans-serif; font-size:14px; font-weight:700; 
								  background:#fff; opacity:0; cursor: pointer; transition:all 300ms 150ms; }
.home-destaques-img-cover{ float:left; width:100%; height:0; background:rgba(0,0,0,0.3); transition:all 300ms ease-out; }
.home-destaques-img:hover .home-destaques-img-cover{ height:280px; }
.home-destaques-img:hover .bt-home-destaques-img-cover{ opacity:0.7; }
.home-destaques-bt{ margin:5px 0; border:0; padding:10px 25px; font-family:'Anek Latin', sans-serif; font-size:14px; font-weight:800; color:#fff; background:#24b574;
					cursor: pointer; transition: all 150ms linear; }
.home-destaques-bt:hover{ margin:0 0; border:0; padding:15px 35px; }
.home-destaques-space{ float:left; margin:0; width:3.5%; height:10px; }

/* PAGES **********************/
.page-banner{ float:left; width:100%; height:150px; }
.page-ilustra{ margin:10px 0 10px 35px; width:450px; }
.mapa{ width:100%; height:250px; }

.quemsomos-item{ float:left; margin:30px 10% 0 10%; width:80%; border-top:1px solid #00923f; border-radius:0 0 30px 0; padding:20px 40px 10px 90px; text-align:left; background:#f1f2f2; }
.quemsomos-item img{ margin:0 10px 5px -80px; width:70px; }

.imagens{ float:left; margin:1px; width:24.7%; height:220px; border:1px solid #cacaca; border-radius:0 0 30px 0; }
.imagens-cover{ float:left; width:100%; height:0; border-radius:0 0 30px 0; text-align:center; background:rgba(0,0,0,0.5); transition:all 300ms ease-out; }
.imagens-cover-bt{ margin-top:100px; border:0; padding:10px 25px; font-family: 'Anek Latin', sans-serif; font-size:14px; font-weight:700; 
								  background:#fff; opacity:0; cursor: pointer; transition:all 300ms 150ms; }
.imagens:hover .imagens-cover{ height:220px; }
.imagens:hover .imagens-cover-bt{ opacity:0.7; }

.fotos{ float:left; margin:0 20% 0 20%; width:60%; }
.detalhes{ float:left; margin:-50px 10% 0 10%; width:80%; border:1px solid #cacaca; border-radius:0 0 30px 0; padding:60px 30px 15px 30px; text-align:center; background:#f1f2f2; }
.detalhes h1{ font-size:28px; }
.detalhes h2{ font-size:18px; }

.bt-voltar{ margin:5px 1px; border:0; padding:10px 25px; font-family:'Anek Latin', sans-serif; font-size:14px; font-weight:800; color:#fff; background:#00923f;
					cursor: pointer; transition: all 150ms linear; }
.bt-voltar:hover{ margin:0 1px; border:0; padding:15px 35px; background:#24b574; }

.questao{ margin:5px 0; width:100%; padding:10px 15px; font-size:22px; font-weight:300; background:#f1f2f2; cursor:pointer; }
.resposta{ margin:-3 0 15px 0; width:100%; border:1px solid #cacaca; border-top:0; border-radius:0 0 30px 0; padding:5px 15px 10px 15px; font-size:18px; line-height:150%; }

.noticias-itens a{ float:left; width:100%; border-bottom:1px solid #cacaca; padding:30px 0; text-align:left; text-decoration:none; transition:all 200ms linear; }
.noticias-itens a:hover{ background:#e8e8e8; }
.noticias-itens h1{ margin:-5px 0 10px 0; padding:0 15px; font-size:22px; font-weight:500; letter-spacing:-1px; line-height:120%; color:#666; }
.noticias-itens h2{ padding:0 15px 10px 15px; font-size:18px; font-weight:300; letter-spacing:-0.5px; line-height:130%; color:#000; } 
.noticias-itens h3{ margin-bottom:10px; padding:0 15px 10px 15px; font-size:16px; font-weight:400; letter-spacing:-0.5px; line-height:100%; color:#d28004; } 
.noticias-itens img{ margin:0 20px 5px 0; width:200px; border:1px solid #999; }

.contato-form{ float:left; margin-right:5%; width:55%; }
input, textarea{ margin:0 0.5% 5px 0; padding:10px 15px; border:1px solid #999; border-radius:2px; font-family:'Anek Latin', sans-serif; font-size:18px; font-weight:300; }
#input1{ width:99%; }
#input2{ width:49%; }
.bt-form{ margin:5px 1px; border:0; padding:10px 25px; font-family:'Anek Latin', sans-serif; font-size:14px; font-weight:800; color:#fff; background:#00923f;
					cursor: pointer; transition: all 150ms linear; }
.bt-form:hover{ margin:0 1px; border:0; padding:15px 35px; background:#24b574; }

.mapa-contato{ margin:-30px 0 0 0; width:40%; height:370px; border-radius:0 0 30px 0; }

/* BOTTOM **********************/
.mapa{ width:100%; height:400px; }

.bottom{ width:100%; background:url('../imagens/fd-bottom.jpg') center #005224; }
.bottom-container{ width:94%; max-width:1100px; margin:0 auto; padding:50px 60px; text-align:center; color:#a4bdaf; }
.bottom-container img{ margin:0 3px -2px 0; width:22px; cursor: pointer; transition: all 150ms linear; }
.bottom-redes{ margin-top:15px; font-size:26px; }

.copyright{ width:100%; padding:20px 0; text-align:center; font-size:12px; font-weight:500; color:#8faf9d; background:#003216;}
.copyright a{ color:#8faf9d; text-decoration:none; }
.copyright a:hover{ color:#fff; text-decoration:underline; }

	
	
/***********************************************************************************/
/* MÍDIA QUERIES */
/***********************************************************************************/


/* 1367px – Notebooks com monitores widescreen --------------------------*/
@media screen and (max-width: 1367px){

h4{	font-size:18px; }

.container{ padding:20px 30px; }

.page-banner{ height:120px; }

.produtos img{ margin:-50px 0 0 0; width:80px; height:80px; }
.produtos h1{ padding:0 10px 5px 10px; font-size:22px; }
.produtos h2{ padding:0 8px 20px 8px; }

.home-destaques-img{ height:250px; }
.home-destaques h1{ font-size:24px; }
.bt-home-destaques-img-cover{ margin-top:110px; }
.home-destaques-img:hover .home-destaques-img-cover{ height:250px; }

.page-ilustra{ width:400px; }

.noticias-itens a{ padding:20px 0; }

.mapa{ height:300px; }

}

/* 1200px – Tablets no formato paisagem e alguns monitores mais antigos ------------*/
@media screen and (max-width: 1200px){

.logo{ width:280px; }
.menu{ margin-top:30px; }
.bt-menu{ margin-left:25px; }

.produtos{ margin:40px 0.4% 10px 0.4%; height:250px; padding:15px; background:url('../imagens/fd-balaoPQ.png') no-repeat; background-size:100%; }

.home-destaques-img{ height:180px; }
.home-destaques h1{ font-size:24px; }
.bt-home-destaques-img-cover{ margin-top:70px; }
.home-destaques-img:hover .home-destaques-img-cover{ height:180px; }

.imagens{ height:200px; }
.imagens:hover .imagens-cover{ height:200px; }

}

/* 768px – Tablets no formato retrato, como o iPad --------------------------------*/
@media screen and (max-width: 768px){

.produtos{ margin:40px 0.4% 10px 0.4%; height:300px; padding:15px; background:url('../imagens/fd-balaoPPQ.png') no-repeat; background-size:100%; }

.home-destaques{ margin-bottom:20px; width:100%; padding-bottom:0; text-align:left; }
.home-destaques-img{ float:left; margin:0 20px 0 0; width:30%; height:190px; }
.home-destaques-img:hover .home-destaques-img-cover{ height:190px; }
.home-destaques-bt{ display:none; }

.imagens{ width:33%; height:200px; }

.page-ilustra{ margin:10px 0 10px 15px; width:350px; }

.contato-form{ margin-right:0; width:100%; }
.mapa-contato{ margin:20px 0 0 0; width:100%; height:200px; }
	
}

/* 550px – Smartphones no formato paisagem com tela pequena -----------------------*/
@media screen and (max-width: 550px){

h1{	font-size:32px; line-height:100%; }

#tarjabranca{ box-shadow:5px 0 5px #000; }
.banner, .page-banner{ display:none; }

.produtos{ margin:40px 2% 10px 2%; width:96%; height:250px; padding:15px; background:url('../imagens/fd-balao.png') no-repeat; background-size:100%; }
.produtos h1{ padding:0 15px 5px 15px; font-size:24px; font-weight:700; color:#58595b; }
.produtos h2{ padding:0 10px 20px 10px; font-size:18px; font-weight:300; color:#000; }
.produtos img{ margin:-50px 0 0 0; width:100px; height:100px; }

.quemsomos-item{ margin:20px 0 0 0; width:100%; padding:20px 15px 10px 70px; }
.quemsomos-item img{ margin:0 5px 5px -60px; width:50px; }

.imagens{ width:49.3%; height:180px; }
.imagens:hover .imagens-cover{ height:180px; }
.imagens-cover-bt{ margin-top:70px; }

.questao{ line-height:110%; }

.page-ilustra{ margin:0 0 20px 0; width:100%; }

.fotos{ margin:0 5% 0 5%; width:90%; }
.detalhes{ margin:-50px 0 0 0; width:100%; padding:60px 10px 10px 10px; }
.detalhes h1{ font-size:24px; font-weight:400; }
.detalhes h2{ font-size:18px; }

.mapa{ height:200px; }
.bottom-container{ width:100%; padding:30px 20px; }

}

/* 320px – Smartphones no formato retrato com tela pequena ------------------------*/
@media screen and (max-width: 479px){

h1{	font-size:30px; }

.container{ width:100%; padding:20px 10px; }

.logo{ width:200px; }
.telefones{ font-size:18px;  }
.telefones img{ margin:0 3px -4px 0; width:22px; }
.bt-redes{ margin-left:5px; width:23px; }

.produtos{ margin:50px 0 10px 0; width:100%; height:230px; padding:5px; background:url('../imagens/fd-balaoPQ.png') no-repeat; background-size:100%; }
.produtos img{ margin:-50px 0 0 0; width:80px; height:80px; }

.home-destaques-img{ margin:0 0 10px 0; width:100%; height:190px; }
.home-destaques-img:hover .home-destaques-img-cover{ height:190px; }

.imagens{ width:49.3%; height:100px; }
.imagens:hover .imagens-cover{ height:100px; }
.imagens-cover-bt{ margin-top:30px; padding:10px; }

.questao{ padding:10px; font-size:20px; }
.resposta{ padding:5px 10px 10px 10px; }

.noticias-itens img{ margin:0 0 5px 0; width:100%; }

}