* { 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; }

.dots{ position:fixed; z-index:900; width:100%; height:100%; opacity:1; top:0; overflow:hidden; background:url(../imgs/dots4.png); z-index: -80; } 
.fundo{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background:#000 url(../imgs/fd.jpg) center no-repeat; z-index: -99; }


#site { width:100%; height:100%; display:table; }
#siteCentro { display:table-cell; vertical-align:middle; }
#mainMenu { width:100%; background:steelBlue; position:fixed; top:0; }
#mainMenu ul { margin:0 auto; width:100%; max-width:1000px; font-size:0; }
#mainMenu ul li { width:calc(100% / 5); 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 rgba(0, 200, 200, 1); }
#mainMenu ul li:last-child a { border-right:none; }
#mainMenu ul li a:hover { background: #5a91bf; }
.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:steelBlue; font:normal 12px Arial; color:#fff; text-align:center; padding:30px 0; }

#estrutura { width:980px; height:550px; overflow:hidden; padding:10px; background:rgba(200, 200, 200, 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:30px; color:#fff; display: block; }
/*h2.frase span { font-size:30px; }*/
h2.frase a{ color: white; text-decoration: none; }
h2.frase a:hover{ color: steelblue;  }

.icone1:before { padding:20px; content: "\f041"; font: 24px 'FontAwesome'; }
.icone2:before { padding:20px; content: "\f095"; font: 24px 'FontAwesome'; }

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 #224b8b; border-bottom:7px solid #224b8b; border-radius:5px; }
.progMS h2 { padding:15px 0; background:#224b8b; 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:#224b8b; 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:#224b8b; padding:0 20px; }
.itemLat:hover { background:#224b8b; 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:steelBlue; color:#fff; font:normal 12px Arial; cursor:pointer; }
#formContato button[type="submit"] { margin-right:5px; }

.esquerda{ float: left; width: 50%; overflow: hidden; }
.direita{ float: right; width: 50%; overflow: hidden; }

.esquerda h2 { font-size: 50px; color: #fff; border-bottom: 1px dotted #fff; margin-bottom: 20px; }
.esquerda h2 span { display: block; font: 300 19px/25px 'Open Sans', sans-serif; color:#f7f7f7; text-align:left;}

.esquerda h3 { text-align: right; font-size: 30px; color: white; }
.esquerda h3:after { font: 20px/50px 'FontAwesome'; display: inline-block; width: 50px; text-align: center; margin-left: 15px; color: white; background-color: steelblue; border-radius: 5px; }
.esquerda h3.ct1:after { content: "\f041";}
.esquerda h3.ct2:after { content: "\f095";}
.esquerda h3.ct3:after { content: "\f0e0";}
.esquerda p { margin-bottom: 20px; font: normal 12px/20px Arial; text-align: right; color: white; }

.esquerda a{ color: white; text-decoration: none; }
.esquerda a:hover{ color: steelblue;  }

@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){
	body { background:#000; }
	#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; }
    .direita, .esquerda{ width: 100%; display: block; }
}