/* Powered by | BRANDE DO BRASIL
   Otimização de Sites e Marketing em Internet
   Site: WWW.BRANE.COM.BR
   Tel: 3362-2375 / 3361-2162
*/
   

/*Padrão*/

body        { margin:20px 0; background:#0071bb url(img-layout/bkg-body.jpg) repeat-x; font:11px verdana; color:#333; }
div         { width:700px; float:left; position:relative; }
h1          { font:20px Trebuchet ms; color:#0094DE; text-transform:uppercase; padding-top:0; margin-top:0; }
h2          { font:bold 11px verdana; color:#0083C1; }
a           { color:#333; }
img         { border:0; }

/*Estrutura*/

#base       { margin:auto; float:none; }
#geral      { background:#fff; }
#topo       { height:70px; background:url(img-layout/bkg-topo.jpg) 0 1px repeat-x; padding-top:20px }
#menu-topo  { width:515px; height:22px; border-bottom:solid 1px #24618E; padding-left:185px; }
#conteudo   { width:670px; padding:10px 15px 15px 15px; _padding-top:15px; }
#footer     { width:690px; height:80px; padding:10px 0 0 10px; background: url(img-layout/bkg-footer.jpg) 0 3px no-repeat; border-top:solid 5px #24618E; color:#000; }

/*Menu Topo*/

.menu-topo                      { margin:0; padding:0; }
.menu-topo li                   { height:auto; display:inline; }
.menu-topo li a                 { height:22px; position:relative; padding-left:11px; float:left; text-decoration:none; font-weight:bold; color:#24618E; line-height:23px; list-style:none;}
.menu-topo li a:hover           { color:#fff; }
.menu-topo .bot-home            { background:url(img-layout/bot-home-off.jpg) no-repeat; width:51px; }
.menu-topo .bot-empresa         { background:url(img-layout/bot-empresa-off.jpg) no-repeat; width:74px; }
.menu-topo .bot-produtos        { background:url(img-layout/bot-produtos-off.jpg) no-repeat; width:83px; }
.menu-topo .bot-contato         { background:url(img-layout/bot-contato-off.jpg) no-repeat; width:75px; }
.menu-topo .bot-home:hover      { background:url(img-layout/bot-home-on.jpg) no-repeat; }
.menu-topo .bot-empresa:hover   { background:url(img-layout/bot-empresa-on.jpg) no-repeat; }
.menu-topo .bot-produtos:hover  { background:url(img-layout/bot-produtos-on.jpg) no-repeat; }
.menu-topo .bot-contato:hover   { background:url(img-layout/bot-contato-on.jpg) no-repeat; }

/*Menu Topo Ativo*/

#a-home               { color:#fff; background:url(img-layout/bot-home-on.jpg) no-repeat; }
#b-empresa            { color:#fff; background:url(img-layout/bot-empresa-on.jpg) no-repeat; }
#c-produtos           { color:#fff; background:url(img-layout/bot-produtos-on.jpg) no-repeat; }
#d-contato            { color:#fff; background:url(img-layout/bot-contato-on.jpg) no-repeat; }

/*Menu Footer*/

.menu-footer          { margin:0; padding:0 0 0 18px; }
.menu-footer li       { display:inline; border-right:solid 1px #888; padding:0 10px; list-style:none;}
.menu-footer li a     { color:#333; }

/*Caixas Home*/

.cx-home              { width:700px; margin:175px 0 0 0; padding:0; float:left; position:relative; }
.cx-home li           { width:233px; height:240px; padding-top:5px; float:left; position:relative; display:inline; background:url(img-layout/bkg-cx-home.jpg) no-repeat; }
.cx-home h2           { font:24px Trebuchet ms; color:#0094DE; text-transform:uppercase; margin:0; padding:0 0 0 10px; }
.cx-home img          { padding-left:17px; }
.cx-home p            { text-align:center; }
.cx-home a            { text-decoration:none; }
.cx-home a:hover      { text-decoration:underline; }

/*Caixas Produtos*/

.cx-produtos          { margin:0; padding:0; float:left; position:relative; }         
.cx-produtos li       { width:162px; display:inline; float:left; position:relative; text-align:center; }
.cx-produtos h2       { margin:0; padding:7px 0 2px 0; color:#000; }
.cx-produtos img      { text-align:left; } 

/*Formulário Contato*/

.contato              { float:left; }
.contato td           { padding:2px; _padding:1px; }
.contato input        { width:250px; height:15px; border:1px solid #888; font:12px arial; color:#414141; }
.contato input.check  { width:12px; height:12px; font:12px arial; color:#414141; margin-right:5px; border:0; }
.contato textarea     { width:350px; height:100px; border:1px solid #888; font:12px arial; color:#414141; overflow:hidden; }
.contato input.botao  { width:58px; height:28px; background:#006699; color:#fff; border:0; }
     

/*Outros*/

.caixa-endereco       { width:220px; height:40px; float:right; background:#f9f9f9; color:#777; margin:0 0 10px 0; padding: 10px 0 0 10px;}

