#menuHeader {
	position:fixed !important;
	width: 100%;
	top:0px;
	z-index:  999999;
	background:#ffffff;
	text-align:center;
	box-shadow: 0 1px 1px 0 #CCC;
}

.submenu {
	margin:0px;
	padding:0px;
	position: absolute;
	z-index:999999;
}

.menu{
	margin:0px;
	width:100%;
	background:#ffffff;
	font-size:14px;
}


.menulink {
	display:inline-block;
}


.menulink a {
	display:block;
	height: 50px;
	padding-left:20px;
	padding-right:20px;
	text-align: center;
	line-height: 50px;
	font-family:Arial, Helvetica, sans-serif;
	color: #808080;
	text-decoration: none;
}

.submenu li a{
	text-align: left;
	text-decoration: none;
	font-size:14px;
}

.menulink:hover a{
	color: #628b44;
	text-decoration: none;
	background: #f1f1f1;
}

.menulink:hover ul a {
	background: #f1f1f1;
	color: #628b44;
	height: 40px;
	line-height: 40px;
}


.menulink:hover ul a:hover {
	background: #f1f1f1;
	color: #628b44;
}


.menulink ul {
	display: none;
}


.menulink ul li {
	display: block;
	float: none;
}


.menulink ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}


.menu li a:hover + .submenu, .submenu:hover, .menu li a:focus + .submenu, .submenu:focus, .menu li a:active + .submenu, .submenu:active {
	display: block;
}


.show-menu {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #808080;
	background: #ffffff;
	text-align: center;
	padding: 10px 0;
	margin:0px;
	display: none;
	font-size:14px
}


input[type=checkbox]{
    display: none;
}


input[type=checkbox]:checked ~ .menu{
    display: block;
}


@media screen and (max-width : 760px){
	
	.menu {
		position: static;
		display: none;
	}
	
	
	.submenu:first-child{
		margin-top:10px;
	}
	
	.submenu li:first-child{
		margin-top:0px;
	}
	
	
	.menu li, li a {
		width: 100%;
	}
	
	.submenu li{
		margin-left:10px;
	}
	
	.submenu li a{
		text-align:center;
	}
	
	.show-menu {
		display:block;
	}
}


body{
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	width:100%;
}

#header1{
	background: url(../images/header.jpg) no-repeat bottom center;	
}

#header2{
	background: url(../images/header2.jpg) no-repeat bottom center;	
}

#header1, #header2{
	position: relative;
	background-attachment: fixed;
	background-size: cover;
	text-align: center;
}

#header1:before, #header2:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(64,64,64,0.125);
}
	
.titulo, .titulo-claro, .titulo-top{
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	padding-bottom:10px;
}

.titulo, .titulo-claro, .titulo-top{
	margin-top:50px;
	margin-bottom:20px;
	font-size:30px;
	font-weight:bold;
	color:#628b44;
}

.titulo-top{
	position:absolute;
	top:350px;
	left:350px;
	color:#ffffff;
	font-size:36px;	
	padding:20px
}

.content{
	background:#FFFFFF;
	text-align:center;
	width:100%;
}

.sub-content{
	width:60%;
	margin:0 auto;
}


@media screen and (max-width: 1400px){
	.sub-content{
		width:80%;
	}
	.titulo-top{
		left:75px;	
	}
}

@media screen and (max-width: 1000px){
	.sub-content{
		width:90%;
	}
	.titulo-top{
		left:20px;	
		font-size:30px
	}
}

@media screen and (max-width: 600px){
	.titulo-top{
		top:250px;
		left:10px;	
		font-size:30px
	}
}


.conteudo, .conteudo-servico, .conteudo-rodape, .conteudo-mapa{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	display:inline-block;
	padding-top:0px;
	padding-bottom:0px;
	text-align:center !important;
}

.conteudo-servico{
	vertical-align:top;
	width:220px;
	padding:0px;
	margin-top:30px;
}	

.conteudo-rodape{
	width:280px;
	margin-left:20px;
	margin-right:20px;
	vertical-align:top;	
	text-align:left;	
}

.conteudo-mapa{
	margin-left:100px;	
}

@media screen and (max-width: 1700px) {
	 .conteudo-mapa{
		margin-left:20px;
	  }
}

@media screen and (max-width: 600px) {
	 .conteudo-servico, .conteudo-mapa{
		margin-left:0px;
		margin-right:0px;
	  }
}


.corpo-conteudo{
	margin:auto;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#727272;
	text-align:left;
	padding:10px;
}

.subconteudo, .subconteudo2, .subconteudo3{
	min-height:100px;
	max-width:300px;
	margin-left:0px;
	margin-right:0px;
	float:left;
	margin-bottom:10px;
}

.subconteudo2{
	min-height:150px;
	max-width:800px;
}

.subconteudo3{
	max-width:1000px;
}

.div-fields{
	text-align:left;
	padding:5px;	
	float:left;
}

.fields{
	width:280px;
	height:30px;
}

.textarea{
	width:570px;
	resize:none;
}

@media screen and (max-width: 600px) {
	.textarea{
		width:280px;
	}
}

.button{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	height:30px;
	width:80px;
	background-color:#628b44;
	border:none;
	float:right; 
	display:inline-block;
	color:#ffffff;
}

#energia, #beneficios, #donima, #instalacao, #contato{
    margin-top: -60px;
 	padding-top: 60px;
}

#energia, #instalacao{
	margin-top: -30px;
 	padding-top: 30px;	
}