@charset "iso-8859-1";
/* CSS Document */

* { font-family:"Tahoma", Geneva, sans-serif; font-size:11px; color:#333; }
body { padding:0px; margin:0px; background-color:#CCC}
img { border:0px;}
.limpa { clear:both; _display:inline; margin:0px; padding:0px; height:0px; }
.azul { color:#5392b7; font-weight:bold; font-size:10px;}

#estrutura_interna { width:767px; margin:0 auto; padding:30px; background-color:#f3f3f3}

.topo_site { width:767px; height:319px; background-image:url(../imagens/topo_site.jpg); background-repeat:no-repeat}

.lado_direito { width:417px; float:right;}

.lado_esquerdo { float:left; width:217px;}

.exibe_video { margin-left:5px; float:left; margin-bottom:20px;}

#logomarca { width:196px; float:left; margin-top:70px; margin-left:40px; _margin-left:20px; text-align:center }
#logomarca_slogan { text-align:center; font-size:10px; color:#000000; }

#idiomas { width:180px; float:left; }
#idiomas_slogan { width:110px; float:left; margin-top:5px;}
#idiomas_logos  { width:70px; float:right}

.banner-hotti { float:left; margin-left:5px; }

#menu_horizontal { margin-top:80px; font-size:12px; float:left; width:470px; margin-left:20px; _margin-left:10px;}
#menu_horizontal a { font-size:12px; color:#000; text-decoration:none;}
#menu_horizontal a:hover { font-size:12px; color:#000; text-decoration:underline;}

.form_busca { margin:0px;}
#busca { float:right; width:250px; text-align:right; margin-top:45px; margin-left:30px;}

.bt_busca { border:0px; font-weight:bold; font-weight:bold; background-color:#f3f3f3; width:40px;}
.campo_busca { border:1px solid #bbbbbb; width:145px; background-color:#ececec; color:#333}

#animacao_central { height:280px; background-color:#666; margin-top:5px;}

#sobre_empresa { height:132px; background-color:#ededed; margin-top:5px; padding:5px;}
#sobre_empresa_foto { width:316px; height:131px; float:left}
#sobre_empresa_texto { float:right; width:430px; line-height:15px;}
#sobre_empresa_texto p { margin-top:0px;}
#sobre_empresa_botao { margin-top:10px; height:15px; background-image:url(../imagens/fundo_botao_rocatti.gif); background-repeat:repeat-x; padding:3px; font-weight:bold;}
#sobre_empresa_botao a { font-weight:bold; text-decoration:none;}
#sobre_empresa_botao a:hover { font-weight:bold; text-decoration:underline;}

.fundo_produto { padding:5px; width:169px; height:169px; float:left; margin-top:10px; background-color:#d3d3d3; margin-left:10px; _margin-left:7px;}
.foto_produto { height:134px;}
.nome_produto { background-color:#757575; height:22px; margin-top:5px; color:#FFF; font-weight:bold; padding-top:8px; text-align:center; font-size:9px;}
.nome_produto a { font-weight:bold; text-decoration:none; color:#FFF; font-size:9px;}
.nome_produto a:hover { font-weight:bold; text-decoration:underline; color:#FFF; font-size:9px;}

#todos_produtos { background-image:url(../imagens/fundo_botao_rocatti.gif); background-repeat:repeat-x; height:17px; margin-top:10px; margin-left:10px; margin-right:10px; _margin-left:13px; _margin-right:15px; text-align:right; font-weight:bold; padding-top:2px; padding-right:2px;}
#todos_produtos a { font-weight:bold; text-decoration:none;}
#todos_produtos a:hover { font-weight:bold; text-decoration:underline;}

#rodape { margin-top:30px; margin-left:10px; margin-right:10px; text-align:right; font-size:10px;}
#rodape a { color:#000; text-decoration:none;}
#rodape a:hover { color:#000; text-decoration:underline;}

.titulo_subpaginas { margin-top:20px; margin-bottom:10px; text-align:right; font-size:18px; font-weight:bold; padding-right:10px;}
.subtexto { text-align:center; margin-bottom:20px;}

.iso { float:left; margin-left:5px;}

.mapa { float:left; margin-left:200px; _margin-left:100px; margin-top:10px; margin-bottom:20px;}

.campos_titulos { float:left; width:120px; text-align:right; margin-top:5px; margin-left:120px; _margin-left:60px; padding-top:5px; }
.campos_input { float:left; width:320px; text-align:left; margin-left:5px; margin-top:5px; }
.campos_form_contato { border:1px solid #666; width:320px; padding:5px;}
.campos_form_contato_ddd { border:1px solid #666; width:50px; padding:5px; text-align:center}
.campos_form_contato_tel { border:1px solid #666; width:120px; padding:5px;}


.botao_form_contato { text-align:center; margin-top:10px;}

.bt_form_contato { padding:5px; background-color: #999; border:1px solid #333; color:#FFF; font-weight:bold;}

.negrito { font-weight:bold; }

.navegacao_produtos_numeros { margin-top:10px; margin-left:10px; margin-right:10px; text-align:center}
.navegacao_produtos_paginas { margin-top:5px; margin-left:10px; margin-right:10px; text-align:center}

.navegacao_produtos_numeros a { font-weight:bold; text-decoration:none;}
.navegacao_produtos_numeros a:hover { font-weight:bold; text-decoration:underline;}

.navegacao_produtos_paginas a { font-weight:bold; text-decoration:none;}
.navegacao_produtos_paginas a:hover { font-weight:bold; text-decoration:underline;}

.texto_empresa { text-align:left; margin-bottom:20px; line-height:15px;}

.servicos_mostra { border-bottom:#333 solid 1px; padding:7px}
.servico_mostra_imagem { width:80px; height:80px; float:left; }
.servico_mostra_texto { float:left; padding-top:35px; padding-left:5px;}

.fotos { width:338px; float:left; margin-top:10px;}
.fotos_grande { width:338px; height:280px;}
.fotos_miniatura { width:74px; height:60px; float:left; margin-left:1px; margin-top:1px;}
.descricao_produto { float:right; width:428px; text-align:left; margin-top:10px;}
.nome_produto_exibe { font-size:18px; font-weight:bold;}
.categoria_produto_exibe { font-weight:bold; color:#F00}

.itens_busca { padding:5px; color:#FFF; background-color:#F00; margin-top:10px;}
.itens_busca_titulo { color:#FFF; font-size:14px; font-weight:bold;}

.mensagem, .voltar { text-align:center; margin-bottom:10px; margin-top:10px;}

.voltar a { text-decoration:none; }
.voltar a:hover { text-decoration:underline; }

.mostra_animacao { margin-left:5px;}