* { margin:0; padding:0; border:none; resize:none; }
body { background:#000 url(../imgs/fd.jpg) center no-repeat; }
h1,h2,h3,h4,h5,h6 { font-family:'dence'; font-weight:normal; }
a { -webkit-transition:all ease-out 200ms; }

#site { width:100%; }
#mainMenu { width:100%; background:#245236; top:0; }
#mainMenu ul { margin:0 auto; width:100%; max-width:1000px; font-size:0; }
#mainMenu ul li { width:17%; display:inline-block; }
#mainMenu ul li:first-child { width:15%; }
#mainMenu ul li a { font:bold 12px Arial; display:block; padding:30px 0; color:#fff; text-align:center; text-decoration:none; text-transform:uppercase; border-right:1px solid #193b26; }
#mainMenu ul li:last-child a { border-right:none; }
#mainMenu ul li a:hover { background:#99cc01; }
#rodape { bottom:0; width:100%; background:#245236; font:normal 12px Arial; color:#fff; text-align:center; padding:30px 0; }

#estrutura { width:980px; overflow:hidden; padding:10px; background:rgba(200, 200, 200, 0.8); margin:5px auto; border-radius:2px; }
.topo { overflow:hidden; }
.lateral { float:left; width:30%; }
.conteudo { float:right; width:67%; height:370px; padding-right:10px; overflow:auto; }

#logo { width:100%; max-width:300px; height:auto; float:left; }
h2.frase { font-size:50px; text-align:center; margin:40px 0; color:#666; }
h2.frase span { font-size:30px; }
h2.titulo { font-size:50px; color:#666; border-bottom:1px dotted #666; margin-bottom:20px; }
p.texto { font:normal 12px/20px Arial; color:#333; text-align:justify; }
p.texto a { color:#333; text-decoration:none; padding:2px; }
p.texto a:hover { background:#fff; color:#000; }

.progMS { border-top:7px solid #99cc01; border-bottom:7px solid #99cc01; border-radius:5px; }
.progMS h2 { padding:15px 0; background:#99cc01; font-size:30px; text-align:center; color:#fff; }
#MSystem { padding:10px; background:#fff; font-size:0; }
#MSystem input { width:calc(100% / 3 - 2px); font-size:12px; padding:5px; border:1px solid #ccc; border-radius:2px; margin:1px; }
#MSystem button { padding:5px 10px; background:#99cc01; font:normal 12px Arial; color:#fff; margin:1px 0; border-radius:2px; }
#MSystem a { font:bold 12px Arial; color:#333; text-decoration:none; margin-left:10px; }

.itemLat { font:normal 20px/50px 'dence'; padding-left:10px; background:#fff; text-decoration:none; color:#000; display:block; margin:5px 0; }
.itemLat:after { content:'\f054'; font:normal 12px/50px 'fa'; color:#fff; float:right; background:#99cc01; padding:0 20px; }
.itemLat:hover { background:#99cc01; color:#fff; }

#formContato { font-size:0; }
#formContato input, #formContato textarea { width:100%; padding:10px; margin:2px 0; font:normal 12px Arial; }
#formContato input[name="fone"] { width:50%; }
#formContato input[name="assunto"] { width:49%; margin-left:1%; }
#formContato button { padding:20px; margin:2px 0; background:#99cc01; color:#fff; font:normal 12px Arial; cursor:pointer; }
#formContato button[type="submit"] { margin-right:5px; }

@media screen and (max-width: 1000px){
	#estrutura { width:98%; padding:10px 1%; }
}

@media screen and (max-height: 738px){
	#site { height:auto; }
	#mainMenu, #rodape { position:relative; }
}

@media screen and (max-width: 886px){
	#estrutura { height:auto; margin:5px auto; }
	#site { height:auto; }
	#mainMenu, #rodape { position:relative; }
}

@media screen and (max-width: 680px){
	#logo { float:none; margin:0 auto; }
	.progMS, .modelos { display:none; }
	h2.frase { margin:20px 0; padding:10px 0; border-top:1px dotted #fff; border-bottom:1px dotted #fff; }
	.itemLat { width:46%; padding-left:3%; margin-right:1%; float:left; }
	.lateral, .conteudo { float:none; width:100%; height:auto; }
}

@media screen and (max-width: 680px){
	#mainMenu ul li:nth-child(4) { display:none; }
	#mainMenu ul li { width:20% !important; }
}

@media screen and (max-width: 480px){
	#mainMenu ul li:nth-child(4), #mainMenu ul li:nth-child(5), .itemLat { display:none; }
	#mainMenu ul li { width:25% !important; }
}