* { margin:0; padding:0; border:none; resize:none; }
body{background:#000;}
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:#009ad5; 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 #009ad5; }
#mainMenu ul li:last-child a { border-right:none; }
#mainMenu ul li a:hover { background:#333366; }
nav select{ display:none; border-radius:3px; padding:5px; width:calc(100% - 40px); margin:20px; font:24px/50px 'Oswald', sans-serif; color:#3f454d; outline:none; }
#rodape { position:fixed; bottom:0; width:100%; background:#009ad5; font:normal 12px Arial; color:#fff; text-align:center; padding:15px 0; }

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

.utilit{width:50%; float:left;}

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

.textobutao { font:normal 12px Arial; color:#000; text-align:justify; margin: 7px 0 18px 0; }
.butao { padding:10px; margin-right: 12px; background:#333366; font:normal 12px Arial; text-decoration:none; color:#fff; border-radius:2px; }

.itemLat { font:normal 20px/50px 'dence'; padding-left:10px; background:#F8F8F8; text-decoration:none; color:#333366; display:block; margin:5px 0; border:1px solid #ccc; }
.itemLat:after { content:'\f054'; font:normal 12px/50px 'fa'; color:#fff; float:right; background:#333366; padding:0 20px; }
.itemLat:hover { background:#009ad5; 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:10px 20px; margin:2px 0; background:#333366; color:#fff; font:normal 12px Arial; cursor:pointer; }
#formContato button[type="submit"] { margin-right:5px; }

#acesso_rapido .acesso{width:65%; float:left;}
#acesso_rapido .acesso img { display:inline-block;}
#acesso_rapido .pesquisa{width:35%; float:left;}

#acesso_rapido input { width:80%; padding:5px; border:1px solid #ccc; border-radius:2px; margin:1px 0; }
#acesso_rapido button { padding:5px; background:#333366; margin:1px 0; border-radius:2px; width:30px; height:30px; cursor:pointer; }
#acesso_rapido button:before {content:'\f002'; font:normal 12px 'fa'; color:#FFF;}

@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; }
	.progMS h2 { font-size:24px; }
}

@media screen and (max-width: 640px){
	#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 {padding-left:3%; margin-right:0; float:none;}
	.lateral, .conteudo { float:none; width:100%; padding:0 15px; box-sizing:border-box; height:auto; }
	.progMS h2 { font-size:30px; }
	#acesso_rapido .acesso{width:100%; float:none; margin:0 auto;}
	#acesso_rapido .pesquisa{width:40%; float:none; margin:0 auto;}
	#acesso_rapido .acesso img { text-align:center; margin: 10px 21px;}
}

@media screen and (max-width: 600px){
	#acesso_rapido .acesso img {margin: 10px 15px;}
}

@media screen and (max-width: 480px){
	#mainMenu ul{ display:none; }
	nav select{ display:block; }
	nav { overflow:hidden; }
	#acesso_rapido .acesso img {margin: 10px 2px;}
}

@media screen and (max-width: 320px){
	#acesso_rapido .acesso img {margin: 10px 17px;}
	#acesso_rapido .pesquisa{width:60%; float:none; margin:0 auto;}
	.utilit{width:100%; float:none;}
}