@font-face { font-family:Dosis; src:url('dosis/Dosis-Medium.otf'); }
@font-face { font-family:Dosis; font-style:italic; src:url('dosis/Dosis-Medium.otf'); }
@font-face { font-family:Dosis; font-weight:bold; src:url('dosis/Dosis-ExtraBold.otf'); }
@font-face { font-family:Dosis; font-weight:bold; font-style:italic; src:url('dosis/Dosis-SemiBold.otf'); }

* { margin:0; padding:0; }
body { background:#fff; font-family:Dosis, Arial, Tahoma; font-size:1em; }
h2 { margin:0 0 10px; font-size:1.5em; font-weight:normal; color:#666; text-transform:uppercase; }

#topo { background:url(../images2012/bg.jpg) center; border-top:solid 5px #A11C5C; }
#topo .wrap { position:relative; margin:0 auto 5px; width:980px; height:220px; }
#topo .wrap h1 { position:absolute; top:30px; left:0; text-indent:100%; white-space:nowrap; overflow:hidden; width:318px; height:129px; }
#topo .wrap h1 a { display:block; background:url(../images2012/logo.png) no-repeat; width:318px; height:129px; }
#topo .menu { position:absolute; bottom:0; left:0; border-bottom:solid 4px #A11C5C; padding:0; width:980px; }
#topo .menu ul { list-style:none; }
#topo .menu ul li { float:left; position:relative; margin:0 30px 0 0; }
#topo .menu ul li.atendimento { margin:0; }
#topo .menu ul li a { display:block; line-height:50px; color:#666; text-transform:uppercase; text-decoration:none; }
#topo .menu ul li a:hover,
#topo .menu ul li.hover a { color:#A11C5C; }
#topo .menu ul li.hover a { background:url(../images2012/hover.png?1) no-repeat 10px bottom; }
#topo .menu ul li ul { display:none; position:absolute; top:50px; left:0; background:url(../images2012/bg.jpg); border-top:solid 4px #A11C5C; padding:10px 15px; width:230px; }
#topo .menu ul li ul li a { line-height:20px; }
#topo .menu ul li.hover ul li a { background:none; color:#666; }
#topo .menu ul li ul li a:hover { color:#A11C5C; }
#topo form { position:absolute; top:70px; right:0; background:url(../images2012/busca.png) no-repeat; width:340px; height:47px; }
#topo form label { display:none; }
#topo form input { float:left; background:transparent; border:0; font-family:Dosis, Arial, Tahoma; font-size:1em; }
#topo form .busca { margin:0 2px 0 40px; width:260px; height:38px; line-height:38px; }
#topo form .ok { cursor:pointer; text-indent:100%; white-space:nowrap; overflow:hidden; width:38px; height:38px; color:#fff; }
#topo form .avancada { float:left; margin:2px 0 0; width:340px; color:#666; text-decoration:none; text-align:center; }
#topo form .avancada:hover { text-decoration:underline; }

.divcom a { color:#666; text-decoration:none; }
#conteudo { margin:0 auto; width:980px; }
#conteudo div { float:left; margin:0 0 40px; width:980px; }
#conteudo div ul { float:left; list-style:none; }
#conteudo div ul li { float:left; margin:0 20px 0 0; }
#conteudo div ul li a { display:block; background:url(../images2012/blocos.jpg) no-repeat; height:80px; text-transform:uppercase; text-decoration:none; }
#conteudo div ul li a:hover {
-webkit-transform: rotate(-1deg) scale(1.03); -moz-transform: rotate(-1deg) scale(1.03); -o-transform: rotate(-1deg) scale(1.03); transform: rotate(-1deg) scale(1.03);
-webkit-transition: 0 ease; -moz-transition: 0 ease; -o-transition: 0ease; transition: 0 ease;
}
#conteudo .tabelas ul li.smv { margin:0; }
#conteudo .tabelas ul li a { background-position:0 0; padding:20px; width:190px; height:40px; line-height:40px; font-size:1.1em; color:#fff; text-align:center; }
#conteudo .acesso ul li.fe { margin:0; }
#conteudo .acesso ul li a { background-position:0 -160px; padding:20px; width:190px; height:40px; line-height:40px; font-size:1.1em; color:#777; text-align:center; }
#conteudo .acesso ul li.sa a,
#conteudo .acesso ul li.fe a {  }
#conteudo .cadastre { margin:0 50px 0 0; width:610px; }
#conteudo .cadastre ul li.ganhe { margin:0; }
#conteudo .cadastre ul li a { background-position:0 -240px; padding:20px; width:150px; height:40px; line-height:20px; font-size:1.1em; color:#fff; }
#conteudo .compartilhe { width:320px; }
#conteudo .compartilhe ul li { margin:0 10px 0 0; }
#conteudo .compartilhe ul li.blog { margin:0; }
#conteudo .compartilhe ul li a { width:100px; line-height:80px; color:#fff; text-align:center; text-decoration:none; }
#conteudo .compartilhe ul li.twitter a { background-position:0 -320px; }
#conteudo .compartilhe ul li.facebook a { background-position:-100px -320px; }
#conteudo .compartilhe ul li.blog a { background-position:-200px -320px; }

#rodape { float:left; background:url(../images2012/bg.jpg) center; width:100%; }
#rodape .wrap { background:url(../images2012/logo_rodape.png) no-repeat 0 25px; margin:0 auto; padding:25px 0 0 140px; width:840px; height:105px; }
#rodape .wrap ul { list-style:none; }
#rodape .wrap ul li { float:left; border-right:solid 1px #999; margin:0 9px 8px 0; padding:0 9px 0 0; line-height:12px; }
#rodape .wrap ul li:last-child { border:0; margin:0; padding:0; }
#rodape .wrap ul li a { font-size:.9em; color:#666; text-decoration:none; }
#rodape .wrap ul li a:hover { text-decoration:underline; }