body { overflow-x: hidden; font-family: 'Roboto', sans-serif;}

.clean{ clear: both; float: inherit; }

.container{ width:calc(100% - 20px); padding:0px 10px; max-width:1200px; }

h1, h2, h3{ font-family: 'Oswald', sans-serif;}
a:hover{ color: #47525A; }

h2{ color: #465259; margin-bottom: 40px; }
h2 span{ color:#F36B25}

@media (max-width: 700px) { 
	h2{ font-size: 26px; }
	h3{ font-size: 20px; }
}

header{ padding: 10px 0 0 0  !important; ; margin-bottom: 0px;  }
header #logo{ display: inline-block; width: 300px; float: left; }
header #logo img{ width: 100%; max-width:300px; }
header nav{ color: #fff;   }
header.interno nav{ color: #2B3539;  }
/*  */
header nav p{ text-align: right; font-size: 16px;}
header nav p b{ font-size: 18px; }
header nav p span{ font-size: 12px; }

header.home{ /* background: url("../imgs/banner-home.jpg") no-repeat  50% 0; background-size: 100% auto;  */ min-height:576px;}

/* HEADER */
.headerimg { background-position: 50% 0; background-repeat: no-repeat; background-size: 100% auto; background-size: cover;  
	width:100%; min-height:576px; position:absolute; }




header.home h1{ color: #FFFFFF; font-size: 50px; margin: 100px 0 0 100px;  }
header h1{text-shadow: 0px 1px 5px rgba(119, 119, 119, 1);}
header.home h1 span{ font-weight: normal; font-size: 35px; }


header.home #menu a{text-shadow: 0px 1px 5px rgba(119, 119, 119, 1);}
/* header.home #menu a:hover{ text-shadow: none; } */

@media (max-width: 1300px) { 

.headerimg {background-size: auto auto;  !important; }

}


#destaque{ background: #EF3842; margin: 0 0 0px 0;  }
#destaque #anos{  float: left; width: 177px; }
#destaque #txt{  float: left; color: #fff; font-size: 18px; width:calc(100% - 427px); padding: 20px 20px;  }
#destaque #bt{  float: left;  width: 250px; text-align: center; padding-top: 40px; }
#destaque #bt a{ display: inline-block; padding: 10px 40px; color: #fff; background: #9A0C13; }

@media (max-width: 860px) { 
	#destaque #txt{ width:calc(100% - 177px);   }
	#destaque #bt{ display: none; }
}
@media (max-width: 520px) { 
	#destaque{ display: none; }
}

@media (max-width: 1400px) { 
	header{ background-size: inherit !important; }
}


.bg_title{ padding: 30px 0 30px 0; background: #EF3842; margin-top: 20px;  }
.bg_title h1{ color: #fff; margin: 0px; }

.blocos h2{ text-align: center; margin: 0; }
.blocos h3{ text-align: center; font-size: 17px; font-weight: normal;  margin: 10px 0 30px 0; }


/* HOME */
.about #txt{ float: left;  width: 43%; margin-right: 2% }
.about #foto{ float: left; width: 55%;}
.about #foto img{ width: 100%; max-width: 630px;}
.about #historia{ width: 100%; max-width: 600px; margin: 50px auto 30px auto; padding: 90px 0 90px 0;
	background-image: url('../imgs/comentario-top.jpg'), url('../imgs/comentario-bottom.jpg'); background-repeat: no-repeat,no-repeat; 
	background-position: top left, bottom right;
}
.about #historia p{ font-style: italic; color: #666; }
.about #historia p:last-child { font-style: normal; color: #2c3e50; text-align: center; }


header.error{ background: url("../imgs/banner-404.jpg") no-repeat  50% 0; background-color: #fff; border-bottom:0px solid #2C313A; min-height:380px; 
}
header.error h1{ color: #FFFFFF; font-size: 35px; margin: 60px 0 0 60px;  }
header.error h1 span{ font-weight: normal; font-size: 25px; }

#services{ background: #F1F2F2; padding: 35px 0; }
.interno #services{ margin-top: 45px; }
#services #servicos{ text-align: center; }
#services #servicos #box{ display:inline-block; max-width: 280px; min-width: 200px; background: #fff; margin: 0 4px 20px 4px; }
#services #servicos #box:nth-child(2n+2){  }
#services #servicos #box .foto{ border-bottom: 8px solid #FFCB09; position: relative; }
#services #servicos #box .foto icon{ position: absolute; bottom:-40px; width: 85px; margin: 0 auto;   left: 0; 
  right: 0; }
#services #servicos #box .dados{ padding: 40px 12px 20px 12px; }
#services #servicos #box .dados h3{ font-size: 26px; height: 40px; }
#services #servicos #box .dados .detalhes{ height: 345px; padding: 0 20px; }
#services #servicos #box .dados .bt a{ color:#222222; font-weight: bold; font-size: 18px; text-align: center;   }

#docs{ padding: 35px 0; }
#docs #certificados{ text-align: center;  }
#docs #certificados #box{ display: inline-block; width: 23.5%; margin: 0 0.5%  10px 0.5% ; min-width: 270px; padding: 15px; background: #EEEEEE;  }
#docs #certificados #box icon{ width: 63px; float: left; }
#docs #certificados #box .dados{ float: left; width: calc(100% - 63px); padding: 0 15px;  }
#docs #certificados #box .dados h3{ text-align: left; font-size: 20px; padding: 0px; margin: 8px 0 5px 0; height: 40px; }
#docs #certificados #box .dados a{ color: #465259; text-align: left !important; display: block; }
#docs #certificados #others{ text-align: center; margin: 20px 0 0px 0  }
#docs #certificados #others a{ color: #465259; font-size: 18px;  }
#docs #banner-grenn{ width: 100%; text-align: center; }
#docs #banner-grenn img{ width: 100%; max-width:909px;  }

.interno_container{ padding: 30px 0 30px 0; }

/* LICENÇAS */
.licenca h3{ text-align: center; }
.interno_container #certificados{ margin: 20px 0 20px 0; text-align: center;  }
.interno_container #certificados #box{ display: inline-block; width: 30%; min-width: 270px; margin: 5px 1% 15px 1%; padding: 15px; background: #EEEEEE;  }
.interno_container #certificados #box icon{ width: 63px; float: left; }
.interno_container #certificados #box .dados{ float: left; width: calc(100% - 63px); padding: 0 15px;  }
.interno_container #certificados #box .dados h3{ text-align: left; font-size: 20px; padding: 0px; margin: 8px 0 5px 0; height: 40px; }
.interno_container #certificados #box .dados a{ color: #465259; text-align: left !important; display: block; }
.interno_container #banner-grenn{ width: 100%; text-align: center; }
.interno_container #banner-grenn img{ width: 100%; max-width:909px;  }


@media (max-width: 1220px) { 
	header{ background-size: inherit !important; }
}

/* CONTACT */
.contact h3{ color: #C2151C; }
.contact #form{ float: left; width: 55%; margin-bottom: 50px; }
.contact #form label{ display: block; }
.contact #form input{ background-color: #EEEEEE; padding: 8px; width: 80%; border: 0; margin-bottom: 10px; }
.contact #form textarea{ background-color: #EEEEEE; padding: 8px; border: 0; width: 80%; height: 160px; }
.contact #form buttom{ }
.contact #map{ float: left;  width: 45%;}
.contact #map iframe{ margin-top: 20px; width: 100%; max-width: 450px; }
.contact button{ width: 200px; border:none; background-color:#333333; margin:15px 0 0 0; padding:10px 0; border:0; font-size:20px; color:#FFFFFF; text-align:center; display:block; text-decoration: none; }
.contact #msgErro{ color: #FF0000; margin-top: 8px; }

@media (max-width: 1000px) { 
	.contact #form{ width: 52%;}
	.contact #form input, .contact #form textarea{ width: 90%;}
	.contact #map{ width: 48%;}
}


/* RESPONSIVE-HEADER */
@media (max-width: 850px) {
	header #logo{ width: 240px; }
	header.home{ min-height:400px; }
	header.home h1{ color: #FFFFFF; font-size: 30px; margin: 50px 0 0 0px; text-align: center; }
	header.home h1 span{ font-size: 25px; }

	header.contact{ min-height:400px; }
	header.contact h1{ color: #FFFFFF; font-size: 28px; margin: 40px 0 0 0px; text-align: center; }
	header.contact h1 span{ font-size: 20px; }

	.about #txt{ float: none;  width: 100%; margin-right: 0% }
	.about #foto{ float: none; width: 100%; text-align: center; margin: 20px 0px 10px 0px;}

	header.error{  min-height:380px;}
	header.error h1{ color: #FFFFFF; font-size: 28px; margin: 40px 0 0 0px; text-align: center;  }
	header.error h1 span{ font-size: 20px; }

	.contact #map{ width: 100%; max-width:850px; margin-bottom: 30px;}
	.contact #map iframe{ max-width:850px; }
}


@media (max-width: 750px) { 
	header #logo{ width: 200px; }
	.contact #form{ float: none; width: 100%;}
	.contact #form input{ float: none; width: 100%;}
	.contact #map{ width: 100%; margin-bottom: 30px;}
	.contact #map iframe{ max-width:750px; }
}






#reviews{ background-color: #FFCB09; padding: 25px 0; text-align: center; color: #222222 !important; }
#reviews h2{ color:#222222;  margin-bottom: 20px;}
#reviews h3{ font-size: 20px; color: #222222; }
#reviews p{ font-size: 16px;  }
#reviews #demo .container{width: 86%;}





footer{  padding:30px 0 5px 0; background: #333333; }
footer h4{ color: #fff; }
footer p{ color: #AFAFAF; }

footer #subnav{ width: 100%; }
footer #subnav #submenu{ float: left; width: 28%; padding:0; margin: 0; }
footer #subnav #submenu li{ list-style-type: none; padding: 3px 0 3px 10px;  }
footer #subnav #submenu li a{ color: #AFAFAF; }

footer #subnav #place{ float: left; width: 44%; padding-top:10px;}
footer #subnav #place h4{ padding: 8px 0 5px 0; margin: 0; } 
footer #subnav #place img{ float: left; margin-right: 16px; }

footer #subnav #contacts{ float: left; width: 28%; padding:0px 0 20px 0;}
footer #subnav #contacts h4{ padding: 8px 0 5px 0; margin: 0; } 
footer #subnav #contacts ul{ padding:0; margin: 0;  }
footer #subnav #contacts li{ list-style-type: none; color: #AEAEAE; padding: 10px 0;}
footer #subnav #contacts li a{color: #AEAEAE;}
footer #subnav #contacts li .tel{ font-size: 20px; font-weight: bold; color: #fff;}
footer #subnav #contacts li .tel span{ font-size: 16px; }
footer #subnav #contacts li icon{ margin-right: 10px; }
footer #subnav #contacts li icon img{ width: 100%; max-width: 32px; }

footer #partners{ width: 100%; border-top: 1px solid #60697D;   }
footer #partners #by{ color: #fff; width: 100%; text-align: center; font-size: 12px; margin: 10px 0;}
footer #partners #by img{ margin-left: 4px; }


@media (max-width: 730px) { 
	footer #subnav #submenu{ float: none; width: 100%; text-align: center;}
	footer #subnav #place{ float: none; width: 100%; max-width: 340px; margin: 0 auto; }
	footer #subnav #contacts{ float: none; width: 100%; text-align: center; }
}