* { margin:0; padding:0; border:none; font-size:0; font-family:sans-serif; text-decoration:none; list-style:none; outline:none; resize:none; }
blockquote {
    font-size: 12px;
    display: block;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 10px;
    -webkit-margin-end: 0px;
}
body { background:#fff; }
h1,h2,h3,h4,h5,h6 { font-family:'dence'; font-weight:normal; }
.hidden { overflow:hidden; }

#topoSite{ background: whiteSmoke; }
#rodape{ background: #3e4095 }
#menuSite { background: #ccc; }
.logo { width:1000px; margin:30px auto; }
.logo img { float:left; width: 100%; max-width: 500px; }
/*.logo h1 { font-size:50px; line-height:60px; color:#fff; float:left; }*/
.logo h1 span { font-family:inherit; font-size:90px; }
.social { float:right; overflow:hidden; margin-top:15px; }
.social a { font:25px 'fa'; color:#fff; text-align:center; float:left; background:#5d5fbb; display:block; width:25px; height:25px; padding:7px; margin:1px; border-radius:2px; }
.social a:hover { background:#3e4095; }
.slogan { font:35px 'dence'; background:#3e4095; color: white; padding:10px; float:right; clear:right; margin-top:30px; }

#mainMenu { background:#3e4095; width:1000px; margin:0 auto; }
#mainMenu>li { position:relative; display:inline-block; width: calc(100% / 7); }
#mainMenu>li>a { display:block; text-align:center; padding:25px 0; font:25px 'dence'; color:#fff; border-right:1px solid #5d5fbb; }
#mainMenu>li:last-child a { border-right:none; }
#mainMenu>li:hover>a { background:#5d5fbb; }
#mainMenu>li:hover>.children { display:block; }

.children { position:absolute; display:none; width:100%; background:#3e4095; }
.children>li>a { display:block; padding:15px 0; margin:5px; background:#5d5fbb; font:20px 'dence'; color:#fff; text-align:center; }
.children>li>a:hover { background:#8182ca; }

.nav { margin:0 auto; background:#3e4095; }
.nav select{ display:none; width:calc(100% - 20px); margin:10px; border:1px solid #ecd16f; padding:10px; font:400 16px Arial; }
.nav select option{ font:inherit; }

#conteudo { width:1000px; overflow:hidden; margin:0 auto; }
#conteudo .textos { margin-top:80px; }
#conteudo h1 { font:50px 'dence'; padding-bottom:20px; border-bottom:1px dotted #ccc; }
.txtSite, .txtSite a { font:12px Arial; color:#000; text-align:justify; margin-top:20px; }
.txtSite strong { font:bold 12px Arial; text-align:justify; margin-top:20px; }

#utilitarios { width:1000px; margin:100px auto; overflow:hidden; }
#utilitarios .qd { width:23%; margin:0 1%; float:left; background: #3e4095; }
#utilitarios .qd .icone { width:100%; height:100px; font:50px/100px 'fa'; color:#fff; margin-bottom:30px; text-align:center; border-bottom:1px solid #fff; padding:20px 0; background:#403745; }
#utilitarios .qd h2 { font-size:30px; color:#fff; text-align:center; }
#utilitarios .qd p { font:12px Arial; color:#fff; text-align:center; margin:30px 0; }
#utilitarios .qd a { font:12px Arial; color:#fff; padding:10px; background:#403745; float:right; }
#utilitarios .qd a:hover { background:#7e6d88; }

#progsSite { background:#ccc; padding:80px 0; }
.centroP { width:1000px; margin:0 auto; overflow:hidden; }
.lado01 { width:400px; float:left; }
.lado02 { width:580px; float:right; overflow:hidden; }
#progsSite h2 { font-size:60px; color:#3e4095; }
#mSystem input { width:200px; border-radius:2px; margin:2px 0; border-bottom:3px solid #3e4095; font:20px 'dence'; padding:20px; }
#mSystem input[name='cliente_documento'] { width:198px; margin-right:2px; }
#mSystem input[name='user_mail'] { width:400px; }
#mSystem button { background:#3e4095; font:25px 'fa'; padding:20px 0; margin:2px 0; border-radius:2px; color:#fff; width:97px; text-align:center; cursor:pointer; }
#mSystem button[type='reset'] { margin-left:4px; }
#mSystem button:hover { background:#5d5fbb; }
#MSystem a { font:normal 30px 'dence'; color:#3e4095; margin-left:5px; }
.circulo { font:25px/50px 'dence'; color:#3e4095; text-align:center; float:left; width:25%; margin:10px 0; }
.circulo span { font:50px/90px 'fa'; color:#3e4095; width:90px; height:90px; display:block; margin:0 auto; border-radius:50%; border:5px solid #3e4095; background:#fff; }
.circulo a { font:bold 12px Arial; color:#fff; width:50px; display:block; margin:0 auto; padding:10px; background:#3e4095; }
.circulo a:hover { background:#5d5fbb; }

#acessoRapido { overflow:hidden; }
.titAcesso { background:#403745; width:200px; padding:30px 20px; font:45px/80px 'dence'; color:#fff; float:left; }
.setaAzul { height:0; width:0; border-left:5px solid #403745; border-top:5px solid transparent; border-bottom:5px solid transparent; float:left; margin:65px 0; }
.acessoLinks { margin:20px 0; overflow:hidden; }
.acessoLinks a img { opacity:0.6; }
.acessoLinks a:hover img { opacity:1; }

#rodape { padding-top:80px; }
#rodape h2 { font:50px 'dence'; color: white; text-align:center; }
#formContato { margin-top:30px; }
#formContato input { width:248px; font:25px 'dence'; background:#fff; padding:15px; margin:1px; border-radius:2px; border-bottom:3px solid #66D9C9; }
#formContato textarea { width:998px; font:25px 'dence'; background:#fff; padding:15px; margin:1px; border-radius:2px; border-bottom:3px solid #66D9C9; }
#formContato button { background:#403745; font:25px 'fa'; padding:20px 0; margin:2px 0; border-radius:2px; color:#fff; width:130px; text-align:center; cursor:pointer; }
#formContato button[type='reset'] { margin-left:4px; }
#formContato button:hover { background:#5d5fbb; }
.copy { color: white; font:12px Arial; text-align:center; padding:20px 0; margin-top:50px; border-top:1px dotted #ccc; }

@media screen and (max-width: 1000px){
	.logo, #mainMenu, #conteudo, #utilitarios, .centroP { width:760px; }
	#utilitarios .qd { width:48%; margin:5px 1%; }
	.lado01 { width:760px; float:none; }
	.lado02 { width:760px; float:none; margin-top:50px; }
	#mSystem input[name='user_mail'] { width:358px; }
	#mSystem input[name='cliente_documento'] { margin:0 2px; }
	.acessoLinks { margin-top:40px; }
	.acessoLinks a { width:20%; float:left; }
	.acessoLinks a img { width:100%; height:auto; }
	#formContato input { width:49%; margin:1px 0.5%; float:left; }
	#formContato textarea { width:99%; margin:1px 0.5%; }
	#formContato button { margin-left:0.5%; }
}

@media screen and (max-width: 767px){
	.logo, #mainMenu, #mainMenu, .nav, #conteudo, #utilitarios, .centroP { width:600px; }
	#mainMenu { display:none; }
	.nav { overflow:hidden; }
	.nav select { display:block; }
	.lado01 { width:600px; float:none; }
	.lado02 { width:600px; float:none; margin-top:50px; }
	#mSystem input[name='user_mail'] { width:198px; }
	.acessoLinks { margin:0; }
	.acessoLinks a { width:28%; float:left; }
	.acessoLinks a img { width:100%; height:auto; }
}

@media screen and (max-width: 639px){
	.logo, #mainMenu, #conteudo, #utilitarios, .centroP, .nav { width:400px; }
	.slogan, .social, #mainMenu { display:none; }
	.nav select { display:block; }
	#utilitarios .qd { width:60%; margin:10px auto; float:none; overflow:hidden; }
	.lado01 { width:400px; float:none; }
	.lado02 { width:400px; float:none; margin-top:50px; }
	#mSystem input { width:199px; }
	#mSystem input[name='user_mail'] { width:400px; }
	#mSystem input[name='cliente_documento'] { margin:0 2px 0 0; }
	.circulo { width:50%; }
	#acessoRapido { display:none; }
	#formContato input { width:100%; margin:1px 0; }
	#formContato textarea { width:100%; margin:1px 0; }
	#formContato button { margin-left:0; }
	.acessoLinks { margin:0; }
	.acessoLinks a { width:28%; float:left; }
	.acessoLinks a img { width:100%; height:auto; }
}

@media screen and (max-width: 479px){
	.logo, #mainMenu, .nav, #conteudo, #utilitarios, .centroP, .lado01, .lado02 { width:300px; }
	#utilitarios .qd { width:90%; }
	#mSystem input { width:149px !important; }
	#mSystem input[name='user_mail'] { width:300px !important; }
	#mSystem button { width:50px; }
	.circulo { width:50%; }
	#acessoRapido { display:none; }
	#formContato input, #formContato textarea { width:100%; margin:1px 0; }
	#formContato button { margin-left:0; }
	.acessoLinks { margin:0; }
	.acessoLinks a { width:28%; float:left; }
	.acessoLinks a img { width:100%; height:auto; }
}