html, body, form, p, ul, h1, h2, h3, h4, h5, h6, h7
{ margin: 0; padding: 0; }

body  { font-family: Arial, Sans-serif; font-size: 12px; color: #000000; background: #ffffff url('images/fundo_geral.png') repeat-x; }

img { border: 0; }
a { font-weight: bold; color: #336699; text-decoration: none; }
a:hover { color: #003399; text-decoration: underline; }


.topo { width: 930px; margin: 0 auto; }
.topo .logo { float: left; height: 80px; font-size: 36px; font-weight: normal; color: #003399;  }
.topo .logo h1,
.topo .logo h2 { display: none; }
.topo .logo a.logo { margin-top: 15px; }
.topo .contato { float: right; width: 202px; height: 80px; background: url('images/telefone_acima.png') no-repeat; }
.topo .social { float: right; width: 120px; margin-top: 5px; margin-right: 30px; }
.topo .social a { color: #ffffff; display: block; margin-bottom: 3px; }
.menu { width: 930px; margin: 0 auto; height: 65px; font-size: 18px; font-weight: normal; color: #6699cc; line-height: 38px; background: url('images/fundo_menu.png') repeat-x 0px -1px; }
.menu ul{ list-style: none; }
.menu ul li { float: left; }
.menu ul li a { color: #6699cc; display: block; margin: 0 32px; height: 40px; }
.menu ul li.separador { width: 4px; height: 40px; background: url('images/separador_menu.jpg') no-repeat; }
.menu ul li.separador span { display: none; }
.menu img.telefone { margin-left: 10px; }


.vitrine { height: 205px; width: 950px; margin: 0 auto; background: url('images/vitrine.png') no-repeat; }

.conteudo { width: 900px; margin: 0 auto; padding: 20px 25px; min-height: 300px; background: url('images/fundo_conteudo.png') no-repeat; }
.conteudo h2 { font-size: 22px; font-weight: bold; color: #336699; margin-bottom: 10px; }
.conteudo h3 { font-size: 18px; font-weight: bold; color: #336699; margin-bottom: 8px; }
.conteudo h4 { font-size: 14px; font-weight: bold; color: #336699; margin-bottom: 8px; }
.conteudo ul { margin-left: 25px; }
.conteudo ul.lista li { margin-bottom: 5px; }
.conteudo p { margin-bottom: 10px; }

.conteudo .blocos { width: 650px; float: left; }

.conteudo .blocoIndex { padding: 20px; margin-bottom: 8px; background: url('images/fundo_box.png') no-repeat; } /* border: 1px solid #bbddff; }*/
.conteudo .blocoIndex img { float: left; margin: 0px 10px 10px 0px; padding: 5px; border: 1px solid #efefef; }

.conteudo .noticias { width: 220px; float: left; padding: 0px 15px; }

.conteudo .cases { width: 890px; text-align: center; }
.conteudo .cases img { border:0; margin:25px 18px; }

.conteudo .portfolio  { margin: 5px 5px 15px; padding: 5px; border: 1px solid #99bbdd; background: #fff url('images/fundo_portfolio.png') no-repeat bottom right; height: 100%; overflow: auto; }
.conteudo .portfolio img { float: left; margin: 0px 10px 10px 0px; border: 0px; }
.conteudo .portfolio a { font-weight: bold; color: #336699; text-decoration: none; }



.conteudo #formContatoInfo { width: 400px; float: left; }
.conteudo #formContato  { float: right; border-left: 1px solid #efefef; }
.conteudo #formContato form { width: 470px; }
.conteudo #formContato label { text-align: right; display: block; float: left; width: 100px; vertical-align: top; margin: 2px 5px 2px 0px; }
.conteudo #formContato input, #formContato select, #formContato textarea { font-family: Calibri, Arial, Sans-serif; font-size: 13px; color: #000; }
.conteudo #formContato input { width:345px; }
.conteudo #formContato select { width: 350px; }
.conteudo #formContato textarea { width: 345px; max-width: 345px; max-height: 140px; height: 140px; }
.conteudo #formContato #btnEnviar { width: 80px; margin-top: 2px; margin-left: 225px; float: none; }

#Aviso { font-size: 12px; color: #000; border: 1px solid #a00; background-color: #FFDFDB; padding: 5px; width: 300px; height: 80px; position: absolute; z-index: 1000; top: 50%; left: 50%; margin-left: -150px; margin-top: -40px; }
#Aviso h3 { font-size: 16px; margin-bottom: 5px; }
#Aviso a { color: #000; text-decoration: none; float: right; }





.rodape { width: 930px; margin: 0 auto; padding: 15px; text-align: center; background: url('images/fundo_rodape.png') no-repeat center top; }
.rodape ul { margin: 0 auto; }
.rodape ul li { color: #336699; list-style: none; display: inline; margin: 0 10px; }
.rodape ul li a { }
.rodape ul li a:hover { }
.rodape p { font-size: 10px; color: #999; margin-top: 15px; }


.clear { clear: both }
.rightFloat { float: right }
.mar10 { margin: 10px }
.marLeft10 { margin-left: 10px }
.marBot10 { margin-bottom: 10px }
.brdCinza { border: 1px solid #cecece }
.bizSpark { float: right; padding: 0 25px 10px 0; }