<!--codigo css-->


body {margin:0px; font:Arial; background:url(/resources/images/bg-geral.jpg) repeat-x top #d9d9d9;}
body {margin:0px; font:Arial; background:url(/resources/images/bg-geral.jpg) repeat-x top #d9d9d9;}

h1   {margin:0px; padding:0px;}
h2   {margin:0px; padding:0px;}
h3   {margin:0px; padding:0px;}
a    {margin:0px; padding:0px; outline:none;}
p    {margin:0px; padding:0px;}
ul   {margin:0px; padding:0px;}
li   {margin:0px; padding:0px;}
img  {border:0px;}
div  {height:1px;}

#geral       { width:982px; height:auto; margin:auto; background:#fff;} 

#top         { position:relative; width:980px; height:125px; border-left:1px solid #dadada; border-right:1px solid #dadada; background:#fff;  padding:24px 0 0 0;  float:left;}
#bg-top      { position:relative; width:965px; height:83px; padding:22px 0 20px 15px; background:url(/resources/images/bg-top.jpg) no-repeat; float:left;}
#logo        { position:relative; width:auto; height:auto; float:left;}

/************************************************************************************************************/
#menu-top         { position:relative; width:982px; height:35px; background:url(/resources/images/bg-menu-top.jpg); float:left;}
#menu-top a       { font:bold 11px Arial; color:#fff; text-decoration:none; padding:8px 2px; }
#menu-top a:hover { background:url(/resources/images/bg-bot-top.jpg) repeat-x; }
#menu-top ul      { height:25px; padding:3px 0 3px 230px; }
#menu-top li      { display:inline; list-style:none; margin:0 56px 0 0;}
/************************************************************************************************************/

#center      { position:relative; width:982px; height:auto; padding:10px 0; background:#fff;  float:left;}

/************************************************************************************************************/
#menu-left          { position:relative; width:230px; height:auto; float:left;}
.categoria          { position:relative; width:230px; height:15px; padding:5px 0; background:#44acd3; border-bottom:1px solid #fff; float:left;}
.categoria a        { font:bold 12px Arial; color:#fff; text-decoration:none; margin:0 10px;}
.categoria a:hover  { color:#666;}
.area-sub           { position:relative; width:230px; height:auto; padding:5px 0; background:#a2a2a2; border-bottom:1px solid #fff; float:left;}
.sub-cat            { position:relative; width:220px; height:auto; padding:5px;  background:url(/resources/images/bg-bot-sub.jpg); border-bottom:1px solid #a2a2a2; float:left;}
.sub-cat a          { font:11px Arial; color:#666; text-decoration:none; margin:0 10px;}
.sub-cat a:hover    { text-decoration:underline; }
/************************************************************************************************************/

#conteudo    { position:relative; width:747px; height:auto; padding:0 0 0 5px; _padding:0 0 0 2px; float:left;}
#breadcrumbs { position:relative; width:737px; height:15px; padding:5px; background:#44acd3; font:10px Arial; color:#fff; float:left;}
#breadcrumbs a { color:#fff; text-decoration:none; }
#breadcrumbs a:hover { text-decoration:underline; }
#imagem      { position:relative; width:747px; height:auto; float:left;}
#texto       { position:relative; width:747px; height:auto; float:left;}
h1           { font:bold 14px Arial; color:#348dae; margin:10px 5px;}
h2           { font:bold 14px Arial; color:#348dae; margin:10px 5px;}
p            { font:12px Arial; color:#666; margin:0 5px; }

.bot-missao   { font:12px Arial; color:#348dae; text-decoration:none; }
.bot-missao:hover   { text-decoration:underline; }
.bot-iso     { font:12px Arial; color:#348dae; text-decoration:none; margin: 0 10px 0 0; float:right; }
.bot-iso:hover     { text-decoration:underline; }

#orcamento   { position:relative; width:230px; height:160px; margin:45px 15px 5px 5px; background:#e3e3e3; float:left;}
.text-orc    { margin:10px; text-align:center;}
.bot-orc     { margin:10px 25px;}
#marcas      { position:relative; width:230px; height:160px; margin:45px 15px 5px 5px; background:#e3e3e3; float:left;}
#news        { position:relative; width:230px; height:160px; margin:45px 0 5px 5px; background:#e3e3e3; float:left;}
#news a       { font:bold 12px Arial; color:#666; text-decoration:none;}
#news a:hover { color:#338dae; }
#news2        { position:relative; width:auto; height:auto; margin:10px 5px;  float:left;}
#news2 a       { font:bold 12px Arial; color:#666; text-decoration:none;}
#news2 a:hover { color:#338dae; }    
.desc-news   { font:10px Arial; margin:10px;}
.titulo      { position:relative; width:230px; height:28px; background:#e3e3e3; float:left; }
.titulo p    { font:bold 12px Arial; color:#338dae; margin:7px;}
.area        { position:relative; width:230px; height:132px; background:url(/resources/images/bg-areas.jpg) repeat-x; float:left; }
.img-marcas  { margin:1px 2px;}

hr    { border:1px solid #44ACD3; margin:5px 5px;}

.lista       { position:relative; width:154px; height:auto; margin:10px 15px; _margin:10px 10px; background:#e3e3e3; float:left;}
.titulo-cat  { position:relative; width:154px; height:53px; background:#e3e3e3;  float:left; }
.titulo-cat p { font:bold 12px Arial; color:#338dae; margin:7px;}
.area-cat    { position:relative; width:150px; height:144px; padding:2px; background:#fff; float:left; text-align:center; }
.area-cat  img { max-height:144px; max-width:150px}

.produto     { position:relative; width:720px; height:auto; margin:15px 5px; padding:5px; background:#e3e3e3; float:left;}
.titulo-prod { position:relative; width:720px; height:28px; background:#e3e3e3; float:left; }

#area-prod     { position:relative; width:200px; height:auto; background:#fff; float:left; text-align:center}
#foto          { position:relative; width:200px; height:145px; background:#fff; float:left;}
.imagem-produto{ max-height:150px; max-width:150px; }
#bot           { position:relative; width:200px; height:33px; float:left;}
.area-texto    { position:relative; width:505px; height:auto; padding:5px; margin:0 0 0 5px; background:#fff; float:left;}
.area-texto p  { font:12px Arial; color:#666; margin:7px;}
.orc-prod      { width:200px;} 
#tabela        { position:relative; width:720px; height:auto; padding:5px; font:10px Arial; color:#666; float:left;}
#tabela p      { margin:0px; font:10px Arial;}

#foto-empresa  { position:relative; width:250px; height:auto; float:left; }
#foto-empresa img { width:250px;}
#como-chegar  { position:relative; width:250px; height:auto; padding:15px 0 0 0; float:left; }
iframe  { padding: 0 0 0 80px;}

.pdf           { position:relative; width:700px; height:auto; padding:5px; float:left; }
.logo-pdf      { position:relative; width:auto; height:auto; float:left; }
.nome-pdf      { position:relative; width:200px; height:auto; padding:8px; float:left; }
.nome-pdf a       { font:bold 12px Arial; color:#44ACD3; text-decoration:none; }
.nome-pdf a:hover { text-decoration:underline;}

#footer         { position:relative; width:982px; height:auto; padding-top:20px; background:#fff;  float:left;}

/************************************************************************************************************/
#menu-footer          { position:relative; width:982px; height:35px; background:#6D6D6D; text-align:center; border-bottom:1px solid #fff; float:left;}
#menu-footer ul       { height:25px; padding:3px 0 ; }
#menu-footer li       { display:inline; list-style:none; margin:0 25px 0 0;}
#menu-footer a        { font:11px Arial; color:#fff; text-decoration:none; }
#menu-footer a:hover  { color:#ccc; }
/************************************************************************************************************/

#end            { position:relative; width:982px; height:auto; background:#CECECE; border-top:3px solid #49ABD2; float:left;}
#end p          { font:10px Arial; margin:5px 0; text-align:center; }


/*************************Formulario*********************************/
form td               { width:600px; margin:0 0 10px 0;  float:left;  }
form .areas           { width:280px; padding:3px 4px; font:11px Arial;  border:1px solid #44ACD3;}
form .areas2          { width:280px; padding:3px 4px; font:11px Arial;  border:1px solid #44ACD3;}
form td textarea      { width:280px; height:60px; }
form td               { width:100px; margin:0; padding:0; font:12px Arial; color:#03556C; float:left;}
form td .tFone        { width:280px; }
form td .tFone2        { width:280px; }
form td .botEnviar2   { width:42px; height:22px; cursor:pointer; font:10px Arial; background:#FFF; border:1px solid #44ACD3; }
form td .botEnviar3   { width:42px; height:22px; cursor:pointer; font:10px Arial; background:#FFF; border:1px solid #44ACD3; }

/*************************Formulario*********************************/