* { padding: 0 auto; margin: 0 auto }

html {}

body { background: url("./imagem/Layout/bg.gif") no-repeat top center }

#topo { height: 89px; background: url("./imagem/Layout/menu-superior.jpg") repeat-x }
#topo-central { width: 1024px; height: 89px; margin: 0 auto }
#topo-central .logo { width: 233px; height: 60px; float: left; margin: 20px 0 0 70px; background: url("./imagem/Layout/logotipo.png") repeat-x  }
#topo-central .menu { width: 600px; height: 60px; float: left; margin: 20px 0 0 40px }
#topo-central .menu ul { width: 540px; height: 18px; margin: 30px 0 0 50px }
#topo-central .menu ul li { width: auto; height: 18px; float: left; margin: 0 0 0 12px; list-style: none; border-right: 2px solid #ffffff }
#topo-central .menu ul li a { font-family: Century Gothic; font-size: 14px; margin-right: 12px; color: #ffffff; text-decoration: none }

#miolo { width: 1024px; height: 256px; margin: 0 auto; margin-top: 30px }
#miolo .banner { width: 718px; height: 256px; float: left }
#miolo .test { width: 284px; height: 256px; float: left; margin-left:20px; background: url("./imagem/Layout/dicas.png") }
#miolo-inf { width: 1024px; height: 300px; margin: 0 auto; margin-top: 30px }
#miolo-inf .topicos { width: 226px; height: 300px; float: left; margin-left: 20px }
#miolo-inf .topicos a img{ border: nones }
#miolo-inf .topicos .imagem{ width: 226px; height: 136px }
#miolo-inf .topicos .text { width: 226px; height: 144px; margin-top: 20px }
#miolo-inf .topicos .text h1 { font-family: Century Gothic; font-size: 22px; color: Red; text-align: left }
#miolo-inf .topicos .text p { font-family: Century Gothic; font-size: 12px; text-align: left; padding: 5px 0 0 0 }
#miolo-inf .topicos .text a { font-family: Century Gothic; font-size: 14px; font-weight: bold; text-align: left; text-decoration: none; color: gray }
#miolo-inf .link { width: 286px; height: 75px; float: left; margin-left: 20px }

#tudo { width: 284px; height: 256px; }
#tudo .client { width: 284px; height: 256px; }
#tudo .client p { font-family: Century Gothic; font-size: 24px; text-align: center; padding: 70px 3px 0px 3px }

.miolo-escrita { width: 1024px; height: auto; background: #ffffff; margin-top: 20px }
.miolo-escrita h1 { font-family: Century Gothic; font-size: 26px; padding: 20px 0 0 20px; color: red }
.miolo-escrita p { font-family: Century Gothic; font-size: 16px; padding: 20px 20px 0 20px; color: gray }

#rodape { width: auto; height: 44px; margin-top: 20px; background: url("./imagem/Layout/rodape.png") repeat-x }
#rodape .rodape-central { width: 1024px; height: 44px}
#rodape .rodape-central p { font-family: Century Gothic; font-size: 12px; text-align: center; padding: 15px 0 0 0; color: #ffffff; font-weight: bold }








/*.menu ul { width: 922px; *width: 942px; height: 57px; }
.menu ul li { width: 170px; height: 28px; float: left; list-style: none; margin: 10px 0 0 0; text-align: center; padding-top: 8px }
.menu ul li:hover { background: #024ab0 }
.menu ul li a { font-family: Century Gothic; font-size: 18px; text-decoration: none; font-weight: bold }
.menu ul li a:hover { color: #fff }
.menu ul li.home { width: 80px; height: 28px; float: left; list-style: none; margin: 10px 20px 0 -58px; *margin: 10px 20px 0 -18px; text-align: center; padding-top: 10px }
.menu ul li.destaque { width: 240px; height: 28px; float: left; list-style: none; margin: 10px 0 0 38px; text-align: center; padding-top: 10px }
.menu ul li.atendimento { width: 220px; height: 28px; float: left; list-style: none; margin: 10px 0 0 38px; text-align: center; padding-top: 10px }
.menu ul li.contato { width: 120px; height: 28px; float: left; list-style: none; margin: 10px 0 0 30px; text-align: center; padding-top: 10px }
*/