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

#site { width:100%; height:100%; display:table; }
#siteCentro { display:table-cell; vertical-align:middle; }
#mainMenu { width:100%; background:#548dd3; position:fixed; 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 #365d9b; }
#mainMenu ul li:last-child a { border-right:none; }
#mainMenu ul li a:hover { background:#365d9b; }
.nav select{ display:none; width:80%; margin:10px auto; border:1px solid #ccc; border-radius:2px; padding:10px; font:400 16px Arial; }
.nav select option{ font:inherit; }
#rodape { position:fixed; bottom:0; width:100%; background:#548dd3; font:normal 12px Arial; color:#fff; text-align:center; padding:30px 0; }

#estrutura { width:980px; height:550px; overflow:hidden; padding:10px; background:rgba(0,0,0, 0.6); margin:0 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:#fff; }
h2.frase span { font-size:30px; }
h2.titulo { font-size:50px; color:#fff; border-bottom:1px dotted #fff; margin-bottom:20px; }
p.texto { font:normal 12px/20px Arial; color:#fff; text-align:justify; }
p.texto a { color:#fff; text-decoration:none; padding:2px; }
p.texto a:hover { background:#fff; color:#000; }

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

.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:#548dd3; padding:0 20px; }
.itemLat:hover { background:#548dd3; 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:#548dd3; 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){
	#estrutura { height:auto; margin:5px auto; }
	#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){
	#mainMenu {  overflow:hidden; }
	#mainMenu ul { display:none; }
	.nav select { display:block; }
	#logo { float:none; margin:0 auto; }
	h2.frase { margin:20px 0; padding:10px 0; border-top:1px dotted #fff; border-bottom:1px dotted #fff; }
	.itemLat { width:29%; padding-left:3%; margin-right:1%; float:left; }
	.modelos { width:30%; }
	.lateral, .conteudo { float:none; width:100%; height:auto; }
	.lateral { margin-top:20px; }
}

@media screen and (max-width: 680px){
	.itemLat { width:95%; padding-left:5%; margin-right:0; float:none; }
}