@font-face {
     font-family: roboto;
     src: url('../font/Roboto.ttf');
}

html, body{
    height:auto;
	margin: 0;
	padding: 0;
	font-family: roboto;
}
/*main, header, article, section, footer{
	display: block;
}*/
h3{
	color: #d2a54a;
	font-size: 1.8em;
}
.clear{
	clear: both;
}
main{
	display: block;
	width: 100%;
	height: auto;
}

header{
	width:100%;
	background-color: #006400;
}
.topo{
	padding: 1em;
	height: auto;
	background: url('../imagens/bg_topo.jpg');
}
.textologo{
	display: none;
}
.topo ul{
	width: 50%;
}
.topo ul li{
	margin-left: 0.9em;
	display: inline;
	color: #fff;
	text-decoration: none;
	margin-right: 3em;
}
.logo{
	margin-left: 1.5em;
	padding: 1.5em;
	width: 12%;
	height: 5%;
}
.btn_menu{
	width:56px;
	margin-top: 1.5em;
	margin-right: 1em;
	height:56px;
	float:right;
	display: none;
}
.btn-close{
	display: none;
}
nav{
	margin-top: 3em;
	width: 50%;
	float: right;
}
nav ul li{
	font-size: 1.2em;
	display: inline;
	list-style: none;
	margin-left: 3em;
}
nav ul li a{
	color: #fff;
	text-decoration: none;
}
article{
	display: block;
	width: 100%;
}
.banner{
	width: 100%;
}
.slideshow{
	width: 100%;
	position: relative;
}

.slider li, ul{
	width: 100%;
	margin: 0;
	padding: 0;
}

.slider li{
	overflow: hidden;
}

.slider li img{
	width: 100%;
}

.slider .caption{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #fff;
}

.slider .caption h1{
	font-size: 50px;
}

.slider .caption p{
	margin-top: 10px;
	font-size: 20px;
}

.pagination{
	position: absolute;
	top: 102%;
	width: 100%;
	display: flex;
	justify-content: center;
}

.pagination li{
	font-size: 20px;
	margin: 2px 5px;
	color: #858585;
	cursor: pointer;
}
.quemsomos, .nossamissao, .clientes, .pilares,.news{
	margin-top: 2em;
	width: 100%;
}
.pilares h3{
	text-align: center;
	color: #d2a54a;
	font-family: roboto;
	font-size: 2em;
}
.coluna_pilares{
	padding: 1em;
	width: 25%;
	float: left;
	margin-left: 3.6em;
	margin-top: 1em;
	border:2px solid #006400;
	box-shadow: 5px 5px 5px #ddd;
}
.coluna_pilares img{
	width: 20%;
}
.coluna_pilares h4{
	font-family: roboto;
	text-align: center;
	color: #d2a54a;
	font-size: 1.2em;
}
.coluna_pilares p{
	font-family: roboto;
	text-align: center;
	color: #999;
}
.news h3{
	text-align: center;
	font-size: 2em;
	font-family: roboto;
}
.newsletter{
	width: 70%;
	margin: 0 auto;
}
.newsletter form{
	width: 70%;
	margin: 0 auto;
}
.newsletter form input[type="text"]{
	width: 65%;
	padding: 1em;
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff;
	font-size: 1em;
}
.newsletter form input[type="submit"]{
	width: 25%;
	padding: 1em;
	background-color: #eee;
	border: 1px solid #fff;
	font-size: 1em;
	font-family: roboto;
}
.newsletter form input[type="submit"]:hover{
    background-color: #006400;
    color:#fff;
    border: 1px solid #d2a54a;
}
.newsletter ::-webkit-input-placeholder {
   color: white;
   font: 12px verdana, arial, sans-serif;
}

.newsletter :-moz-placeholder {
   color: white;
   font: 12px verdana, arial, sans-serif;
}

.newsletter ::-moz-placeholder {
   color: white;  
   font: 12px verdana, arial, sans-serif;
}

.newsletter :-ms-input-placeholder {  
   color: white;  
   font: 12px verdana, arial, sans-serif;
}
.lista_clientes{
	width: 100%;
}
.clientes h3{
	text-align: center;
}
.lista_clientes ul{
	list-style: none;
	margin: 0 auto;
	width: 80%;
}
.lista_clientes ul li{
	display: inline;
	margin-left: 3em;
}
.quemsomos, .nossamissao{
	margin-top: 3em;
}
.nossamissao, .news{
	background-image: url(../imagens/bg-quemSomos.jpg);
	padding: 2em 0em;
}
.texto_quemsomos{
	margin-top: -1em;
	width: 40%;
	float: right;
	margin-right: 5em;
	font-size: 1em;
	color: #999;
}
.imagen_quemsomos{
	width: 40%;
	float: left;
	margin-left: 5em;
	border: 3px solid #999;
}
.texto_nossamissao{
	width: 40%;
	float: left;
	color: #fff;
	margin-left: 4em;
	padding: 1em;
}
.imagen_nossamissao{
	width: 40%;
	float: right;
	margin-top: 0.5em; 
	margin-right: 0em;
	margin-right: 4em;
	border: 3px solid #fff;
}
.imagen_quemsomos img, .imagen_nossamissao img{
	width: 100%;
}
footer{
	width: 100%;
	background-color: #006400;
}
.copy{
	float: left;
	color: #fff;
	margin-left: 5em;
}
.desenvolvido{
	color: #fff;
	float: right;
	margin-right: 5em;
}
.copy a , .desenvolvido a{
	text-decoration: none;
	color: #d2a54a;
}
.categoria{
	width: 20%;
	float: left;
}
.categorias{
	width: 100%;
	margin-bottom: 2em;
}
.categorias h4{
	text-align: center;
	color: #333;
	font-family: roboto;
	font-size: 1.5em;
}
.categorias ul{
	width: 100%;
	margin: 0;
	padding: 0;
}
.categorias ul li{
	list-style: none;
	padding: 0.6em;
	text-align: center;
	background-color:#228B22;
}
.categorias ul li ul{
	display: none;
	width: 20%;
    position: absolute;
    margin-left: 16.3em;
    margin-top: -1.8em;
}
.categorias ul li a{
	text-decoration: none;
	color: #d2a54a;
}
.categorias ul li:hover ul{
	display: block;
}
.categorias ul li:nth-child(2n +1){
	background-color: #006004;
}
.produtos{
	float: right;
	width: 80%;
	margin-top: 3em;
}
.produtos ul{
	list-style: none;
}
.produtos ul li{
	width: 20%;
	margin-left: 3em; 
	display: inline-block;
	margin-bottom: 3em;
}
.produtos h5{
	text-align: center;
}
.produtos p{
	text-align: center;
}
.paginator{
	width: 80%;
	margin: 0 auto;
	margin-top: 5em;
}
.num_pag{
	display: inline;
	padding:1em;
	background-color: #ddd;
	border-radius: 3px;
	border: 1px solid #333;
}
.num_pag a{
	text-decoration: none;
	color: #333;
}
.contato{
	width: 40%;
	padding: 2em;
	margin-left: 5em;
	float: left;
}
.contato h2{
	font-size: 1.5em;
	margin-bottom: 1em;
	color:#999;
}
.contato form{
	width: 100%;
}
.contato form input{
	font-family: roboto;
	font-size: 1em;
	width: 70%;
	padding: 1em;
	display: block;
	margin-bottom: 1em;
}
.contato form input[type="submit"]{
    width:30%;
}
.contato form textarea{
	font-family: roboto;
	font-size: 1em;
	width: 70%;
	padding: 1em;
	height: 100px;
}
.info_contato{
	width: 40%;
	float: right;
	padding: 2em;
}
.info_contato h2{
	font-size: 1.5em;
	margin-bottom: 1em;
	color:#999;
}
.info_contato ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.info_contato ul li{
	color: #333;
	margin-bottom: 1em;
	font-size: 1.2em;
}
.info_contato ul li img{
	width: 5%;
}