@import url(https://fonts.googleapis.com/css?family=Archivo+Narrow:400,700|Oswald:300,400);
/* font-family:'Archivo Narrow', sans-serif; */
/* font-family:'Oswald', sans-serif; */

* { font-family:inherit; color:inherit; box-sizing:border-box; outline:none; }
body { margin:0; padding:0; font-family:'Archivo Narrow', sans-serif; }
h1,h2,h3,h4,h5,h6 { font-family:'Oswald', sans-serif; font-weight:300; }
.estrutura { width:98%; max-width:1000px; margin:0 auto; }

.topo { background:#000 url(images/fd-topo.jpg) center no-repeat; background-attachment:fixed; overflow:hidden; }
.topo h1 { color:#fff; background:rgba(0,0,0,0.7); padding:50px 0; margin:200px 0; font-weight:400; text-align:center; }

.mainMenu { background:#00221F; overflow:hidden; }
.mainMenu .logomarca { background:#fff; width:300px; height:120px; float:left; }
.mainMenu .nav { float:right; font-size:0; }
.mainMenu ul { margin:0; padding:0; list-style:none; }
.mainMenu li { display:inline-block; font-size:16px; font-weight:700; height:120px; line-height:120px; color:#fff; }
.mainMenu li a { display:block; padding:0 25px; height:120px; text-decoration:none; text-transform:uppercase; }
.mainMenu li a:hover { background:#977C61; }
.nav select{ display:none; width:98%; margin:10px auto; border:1px solid #ccc; border-radius:2px; padding:10px; font:400 16px Arial; }
.nav select option{ font:inherit; }
#secundario { display:none; position:fixed; top:0; width:100%; }

.paginaHome { margin:80px auto; text-align:center; }
.linksHome { margin:50px auto; }
.linksHome a { display:inline-block; width:33%; text-decoration:none; text-align:center; padding:5px; }
.linksHome a:hover { background:#eee; }
.linksHome a h2, .linksHome a p { margin:0; }
.linksHome a img { display:block; width:100%; }

.paginasSite { text-align:justify; margin:80px auto; }
.paginasSite h1 { color:#977C61; border-bottom:1px dashed #977C61; text-align:left; }
.paginasSite a { text-decoration:none; }
.paginasSite a:hover { text-decoration:underline; }

.formContato { margin:50px 0; }
.formContato input, .formContato textarea { padding:25px 20px; margin:0; background:#eee; float:left; border:none; font-size:inherit; }
.formContato input { width:50%; }
.formContato textarea { width:100%; resize:none; }
.formContato button { padding:15px 35px; background:#eee; border:1px solid #ccc; border-radius:2px; margin:5px 0; cursor:pointer; }

.meioHome { padding:100px 0; background:#000 url(images/fd-meio.jpg) center no-repeat; background-attachment:fixed; }
.meioHome .txtMeio { background:rgba(0,0,0,0.5); color:#fff; text-align:center; padding:50px 0; }
.meioHome .txtMeio h1 { margin:0 0 30px; }

.rodape h1 { color:#977C61; border-bottom:1px dashed #977C61; }
.linksUteis { margin:80px auto; overflow:hidden; }
.linksUteis a { display:block; float:left; padding:15px 10px; width:25%; text-decoration:none; border-radius:2px; }
.linksUteis a:hover { background:#ddd; }

.utilitarios { padding:100px 0; background:#000 url(images/fd-utilitarios.jpg) center no-repeat; background-attachment:fixed; overflow:hidden; }
.utilitarios a { color:#fff; text-decoration:none; text-align:center; display:block; width:25%; float:left; }
.utilitarios a h2 { margin:10px 0; }
.utilitarios a p { margin:0; }

.areaOnline .estrutura { margin:50px auto; overflow:hidden; }
.mSystem input { width:49%; float:left; padding:20px; border:1px solid #ccc; border-radius:2px; margin:5px .5%; }
.mSystem button { padding:20px 15px; background:#eee; border:none; border-radius:2px; margin:5px; cursor:pointer; }
.mSystem a { display:inline-block; padding:20px 15px; background:#977C61; color:#fff; text-decoration:none; border-radius:2px; margin:5px 0; }
.progsSite a { display:block; width:49%; float:left; margin:5px .5%; color:#fff; padding:20px; border-radius:2px; background:#977C61; text-decoration:none; }
.progsSite a:hover { background:#995600; }

.copy { background:#977C61; text-align:center; color:#fff; padding:50px 0; }

@media screen and (max-width:890px){
	.mainMenu li a { padding:0 10px; }
}

@media screen and (max-width:800px){
	.mainMenu .logomarca { float:none; margin:0 auto; }
	.mainMenu .nav { float:none; margin:10px 0; }
	.mainMenu .nav li { width:20%; text-align:center; }
	
	.linksUteis a { width:50%; }
}

@media screen and (max-width:640px){
	.linksHome a { width:100%; margin:10px 0; }
	.utilitarios a { width:50%; margin:15px 0; }
	.mSystem input { width:100%; margin:5px 0; }
}

@media screen and (max-width:600px){
	.progsSite a { width:99%; }
	.nav ul { display:none; }
	.nav select { display:block; }
}

@media screen and (max-width:480px){
	.linksUteis a { width:100%; }
	.utilitarios a { width:100%; margin:15px 0; }
	.topo { display:none; }
	.mainMenu .logomarca { margin:15px auto; }
}