/* CSS Document */

body { display:table; margin:0 auto; padding:0; background:url(images/fundo.jpg) repeat-x; width:800px} 
a , p , h1 , h2 , h3 , h4 , h5 , h6 { font-family:"Verdana"; font-size:12px; text-decoration:none}

#principal { width:800px; margin:0; padding:0; border:solid 1px #d5e6ed; display:table; background:#FFFFFF}

#topo { height:89px; background:url(images/topo.gif) no-repeat; margin:0; padding:0}
#topo form{ display:table; float:right; margin:25px 0 0 0; padding:8px 0 0 0; background:url(images/forms/login.gif) no-repeat; width:252px; height:56px; color:#016894}
#topo form p { margin:0 0 2px 0; padding:0 0 0 70px; display:table}
#topo form p label input { background:url(images/forms/input.gif) no-repeat; width:86px; height:19px; border:none; padding:0}

#menu { width:148px; float:left; margin:0; padding:10px 0 0 0; background:#FFF; height:395px; display:table}
#menu ul{ list-style-type:none; padding:0; margin:0}
#menu ul li { margin:0; padding:0; float:left}
#menu ul li img { margin:0 0 2px 0; padding:0; display:block}
#menu ul li a { margin:0 0 4px 0; padding:3px 0 0 20px; background:url(images/menu/menu.gif) no-repeat; width:128px; display:block; color:#016894; height:16px}
#menu ul li a:hover {background:url(images/menu/menuHover.gif) no-repeat}

#menu .categoria a { background:url(images/menu/categoria.gif) no-repeat; color:#FFF; padding:2px 0 0 35px; height:17px; float:left; width:113px}
#menu .categoria a:hover { background:url(images/menu/categoriaHover.gif) no-repeat}

#conteudo {width:261px; float:left; margin:0; padding:0}
#conteudo img { margin:0; padding:0; display:block}

#texto { width:547px; padding:10px 50px 10px 30px; background:#FFF; float:left; margin:0}
#texto .passo1 {display:table; width:219px; height:75px; background:url(images/forms/cadastroPasso1.gif) no-repeat; margin:15px 0 10px 0; padding:0 0 0 15px}
#texto .passo1 h5 { margin:0 0 10px 0}
#texto .passo1 p { margin:0 0 5px 0} 
#texto .passo1 p input , select , textarea{ border:solid 1px #CCC}

#texto .passo2 {display:table; width:474px; height:329px; background:url(images/forms/cadastroPasso2.gif) no-repeat; margin:15px 0 10px 0; padding:10px 0 0 50px}
#texto .passo2 h5 { margin:0 0 10px 0}
#texto .passo2 p { margin:0 0 5px 0} 
#texto .passo2 p input , select , textarea{ border:solid 1px #CCC}

#texto .passo3 {display:table; width:298px; height:99px; background:url(images/forms/cadastroPasso3.gif) no-repeat; margin:15px 0 10px 0; padding:4px 0 0 20px}
#texto .passo3 h5 { margin:0 0 10px 0}
#texto .passo3 p { margin:0 0 5px 0} 
#texto .passo3 p input{ border:solid 1px #CCC}

#texto .contato { width:420px; height:269px; display:table; background:url(images/forms/faleConosco.gif) no-repeat; padding:20px 0 0 35px}
#texto .contato h5 { margin:0 0 10px 0}
#texto .contato p { margin:0 0 5px 0} 
#texto .contato p input{ border:solid 1px #CCC}

#direita { width:381px; height:391px; float:left; margin:0; padding:10px 0 0 10px; padding:0; background:url(images/fundoDireita.jpg) no-repeat #F6F7F9}
#direita img { width:100px; height:150px; border:solid 1px #CCC; margin:0 5px 0 0}

#categoria { width:578px; padding:10px 40px 10px 15px; background:#FFF; float:right; margin:0}
#categoria p { margin:5px 0 5px 0; padding:0 0 15px 20px; width:264px; float:left; height:170px}
#categoria img { width:100px; height:150px; float:left; border:solid 1px #CCC; margin:0 5px 0 0}
#categoria .titulo {padding:0; /*margin:0px -50px 10px -30px;*/ margin:0 0 0 -15px; width:623px; height:39px; border:none} /* PADDING DE CATEGORIAS -- TEM PADDING PARA AJUSTE EM CONTATO.PHP E SITE.PHP*/
#categoria .pagina { border:none; width:142px; height:22px; float:right}

#categoria form { padding:0; margin:0}
#categoria form p{ margin:0 0 5px 0; padding:0; float:none; width:auto}
#categoria form p input , select{ border:solid 1px #CCC}

#categoria .produtoSlide { height:auto; width:auto; clear:both; padding-bottom:0; margin-bottom:20px}

#rodape { height:36px; clear:both; margin:0; padding:0; background:url(images/rodape.gif) no-repeat}
#rodape a{height:15px; width:130px; float:right; margin:12px 20px 0 0; padding:0}