@import url(http://fonts.googleapis.com/css?family=Lato);

@font-face {
font-family: "HelveticaNeueLTPro-LtEx";
 src: url('../font/HelveticaNeueLTPro-LtEx.eot');
 src: url('../font/HelveticaNeueLTPro-LtEx.eot?#iefix') format('embedded-opentype'), url('../font/HelveticaNeueLTPro-LtEx.woff') format('woff'), url('../font/HelveticaNeueLTPro-LtEx.ttf') format('truetype'), url('../font/HelveticaNeueLTPro-LtEx.svg#HelveticaNeueLTPro-LtEx') format('svg');
}


html, body, section {
	height: 100%;
	margin:0px;
	font-family:Helvetica;
	font-size:  1.0em;
	color:#fff;
	background:#000;
}
section {
	height:100%;
	min-height:auto;
	padding:20px;
}
#corpo-pagina {
}


#topo {
	position: fixed;
	height:100px;
	width:100%;
	z-index:20;
	border-bottom:1px solid #F1F4F2;
	background:#FFF;
}
#logo {
	float:left;
	position: fixed;
	z-index: 10000;
	margin-top:5px;
	margin-left:10%;
	height: 100%;
}
#menu {
	float:right;
	position: fixed;
	padding:5px;
	right:-20px;
	margin-top:30px;
	width: 800px;
	z-index:2;

	 

}
#menu a {
 font-family: 'Lato', sans-serif;
	text-decoration:none;
	color:#222;
	float:left;
	width:120px;
	height:40px;
	line-height:40px;
	margin-left:10px;
	text-align:center;
	background: #FFF;
	display:block;
	border: 0px solid #000;
}
#menu a:hover {

	background: #383F7B;
	color: #fff;
	  -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
}
#menu .ativo {
background: #383F7B;
	color: #fff;
		  -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;

}
#banner {
	width:100%;
	position:relative;
	top:80px;
}
#contato {
	position:relative;
	top:60px;
}

#galeria {
	position:relative;
	top:50px;
}
.voltar-topo {
	position: fixed;
	bottom: 20px;
	right: 20px;
}


@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

  .mostrar {
    display: inherit !important; }
  .esconder {
    display: none !important; }

}