/*.........ESTRUTURA.........*/

* { text-decoration:none; margin:0px; padding:0px; vertical-align:middle; border:none;}
hr{display:none;}
body{ margin: auto; text-align: center; background: url(../imagens/fundo-degrade.jpg) repeat-x;}

/*.........Cabealho.........*/
  
#header{ margin: auto; text-align: center; width: 724px; height: 243px; background: url(../imagens/header.jpg)  center no-repeat;} 

#header h1 a{ margin-left: 35px; float: left; width: 330px; height: 113px; position: absolute; top: 85px; text-indent: -5000px; overflow: hidden; display: block;} 

/*.........Pgina Inicial.........*/

#quem_somos{ width: 425px; height: 141px; background: url(../imagens/quem_somos.jpg) center no-repeat; text-indent:-5000px; display:block;}

#vasouras_mainpage{ width: 347px; height: 150px; background: url(../imagens/vassouras.jpg) no-repeat center; margin-top: 5px; float: left; text-indent:-5000px; display:block;}
#rodos_mainpage{ width: 313px; height: 148px; background: url(../imagens/rodos.jpg) no-repeat center; float: right; _margin-top: -155px; text-indent:-5000px; display:block; overflow: hidden;}

#titulo_vassouras_mainpage a{ margin: 13px 120px; width: 130px; height: 40px; overflow: hidden; text-indent: -5000px; display: block;}
#titulo_vassouras_mainpage a:hover{ height: 40px; width: 130px;}
#titulo_rodos_mainpage a{ margin: 13px 10px; width: 110px; height: 80px; overflow: hidden; text-indent: -5000px; display: block; }
#titulo_rodos_mainpage a:hover{ height: 80px; width: 130px;}
#produtos_mainpage{ height: 150px; margin-top: 10px;}
#destaques{height: 30px; width: 136px; background: url(../imagens/destaques.gif) center no-repeat; text-indent: -5000em; margin-bottom: 10px;}
  
/*.........Menu.........*/

#menu{ margin: auto; text-align: center; width: 724px; height: 28px; _left: 270px; padding-top:215px; }
#menu ul{ margin: auto; text-align: center; padding-left: 100px; list-style: none;}
#menu li{ float: left;}

#menu a{ display: block; overflow: hidden; text-indent: -5000em;}

#menu .home a{ background: url(../imagens/menu/main.gif) center center no-repeat; width: 102px; height: 27px;}
#menu .vassouras a{ background: url(../imagens/menu/vassouras.gif) center center no-repeat; width: 88px; height: 27px;}
#menu .rodos a{ background: url(../imagens/menu/rodos.gif) center center no-repeat; width: 62px; height: 27px;}
#menu .produtos a{ background: url(../imagens/menu/produtos-de-limpeza.gif) center center no-repeat; width: 162px; height: 27px;}
#menu .faleconosco a{ background: url(../imagens/menu/fale-conosco.gif) center center no-repeat; width: 108px; height: 27px;}


#menu .home a:hover { background: url(../imagens/menu/main-over.gif) center center no-repeat;}
#menu .vassouras a:hover { background:  url(../imagens/menu/vassouras-over.gif) center center no-repeat;}
#menu .rodos a:hover { background:  url(../imagens/menu/rodos-over.gif) center center no-repeat;}
#menu .produtos a:hover { background:  url(../imagens/menu/produtos-de-limpeza-over.gif) center center no-repeat;}
#menu .faleconosco a:hover { background:  url(../imagens/menu/fale-conosco-over.gif)  center center no-repeat;}


/*.........Conteudo.........*/

#background{ margin: auto; text-align: center; width: 724px; background:url(../imagens/fundo-sombra.gif) repeat-y center; padding: 20px;}
#conteudo{ margin: auto; text-align: left; width: 680px; min-height: 400px;  _height: 400px; clear:both;}
#conteudo_produtos{ margin: auto; text-align: left; width: 680px; height: 1550px;  _height: 400px;}

#rodape{ margin: auto; margin-bottom: 15px; text-align: center; width: 724px; height: 45px; background: url(../imagens/rodape.gif) 1px center no-repeat;}

/*.........Produtos de Limpeza.........*/

#titulo_limpeza{ width: 500px; height: 20px;}


/*.........Titulo produtos e Caracter sticas.........*/

#titulo_produtos_principais{ width: 400px; height: 24px;}


#conteudo h3{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding-top: 15px; _ padding-top: 10px;  padding-left: 10px; letter-spacing: 1px;} 
#itens_carac{ width: 300px; min-height: 80px; margin-top: 5px;}
#itens_carac li{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; list-style:none; }

/*.........Vassouras.........*/

#vassouras{  width: 551px; height: 391px; margin: auto; background: url(../imagens/vassouras/vassouras.gif) no-repeat;}
#rodos{  width: 551px; height: 391px; margin: auto; background: url(../imagens/produtos/rodos.jpg) no-repeat;}

/*.........Produtos de Limpeza.........*/
#caix_pr2ri{width: 330px; min-height: 200px; margin-left: 300px;  _margin-left: 340px; margin-top: -877px; _margin-top: -1536px;}

#caixa_pr p, #caixa_pr2 p{ padding-top: 10px; padding-left: 8px; padding-right: 90px; font-size: 13px; font-family: Arial, Helvetica, sans-serif;}
#caixa_pr .lav_vidp{ padding-right: 160px;} #caixa_pr2 .mop_pop{ } 

#caixa_pr{ width: 355px; min-height: 300px; margin-top: 15px;}
#caixa_pr ul{ list-style: none;}
#caixa_pr  li{border: 2px solid #E7E7E7; margin-bottom: 15px;}
#caixa_pr2{ width: 340px; min-height: 220px; margin-top: 15px; float: right; margin-right: -50px;  _margin-right: 0px; margin-top: -655px; _margin-top: 0px;}
#caixa_pr2{list-style: none;}
#caixa_pr2  li{border: 2px solid #E7E7E7; margin-bottom: 15px; float: right;}

#caixa_pr .ras_vid{ width: 330px; height: 200px; background: #FBFBFB url(../imagens/limpeza/rasp_vidr.gif) 245px no-repeat;}
#caixa_pr .lav_vid{ width: 330px; height: 200px; background: #FBFBFB url(../imagens/limpeza/lav_vid.jpg) 160px no-repeat; }
#caixa_pr .lim_vid{ width: 330px; height: 200px; background: #FBFBFB  url(../imagens/limpeza/lim_vid.jpg) 155px no-repeat; }
#caixa_pr .apl_cera{ width: 330px; height: 200px; background: #FBFBFB url(../imagens/limpeza/cera.jpg) 180px no-repeat; }
#caixa_pr .placas{ width: 330px; height: 200px; background: #FBFBFB url(../imagens/limpeza/placas.jpg) 250px no-repeat; }
#caixa_pr .mao_mec{ width: 330px; height: 200px; background: #FBFBFB url(../imagens/limpeza/mao_mecanica.jpg) 250px no-repeat; }
#caixa_pr .sup{ width: 330px; height: 200px; background: #FBFBFB url(../imagens/limpeza/Suportes.jpg) 190px no-repeat; }

#caixa_pr2 .mop_po{ width: 330px; height: 200px; background: #FBFBFB url(../imagens/limpeza/mop_po.jpg) 200px no-repeat;}
#caixa_pr2 .sup_mopo{ width: 330px; height: 200px; background: #FBFBFB url(../imagens/limpeza/super_mop.jpg) 240px no-repeat;}
#caixa_pr2 .con_mop{ width: 330px; height: 200px; background: #FBFBFB url(../imagens/limpeza/mopinho.jpg) 215px no-repeat;}
#caixa_pr2 .mop_liq{ width: 330px; height: 200px; background: #FBFBFB url(../imagens/limpeza/mop_liq.jpg) 195px no-repeat;}
#caixa_pr2 .bal_exp{ width: 330px; height: 200px; background: #FBFBFB url(../imagens/limpeza/baldes.jpg) bottom 210px no-repeat;}
#caixa_pr2 .org_ele{ width: 330px; height: 200px; background: #FBFBFB url(../imagens/limpeza/organizador.jpg)  bottom center no-repeat;}
#caixa_pr2 .esc_as{ width: 330px; height: 200px; background: #FBFBFB url(../imagens/limpeza/escovas.jpg)  260px center no-repeat;}


/*.........T tulo.........*/

#caixa_pr a, #caixa_pr a:hover, #caixa_pr2 a, #caixa_pr2 a:hover{ text-indent: -5000px; display: block; overflow: hidden; margin-top: 10px; margin-left: 10px;}

#caixa_pr .ras_vidh a{width: 221px; height: 24px; background:url(../imagens/titulo_limpeza/rasp_vidr.gif) no-repeat;}
#caixa_pr .lav_vidh a{ width: 214px; height: 22px; background: url(../imagens/titulo_limpeza/lav-vid.gif) no-repeat;}
#caixa_pr .lim_vidh a{ width: 250px; height: 22px; background:url(../imagens/titulo_limpeza/lim_vid.gif) no-repeat;}
#caixa_pr .limp_vidh a{ width: 250px; height: 25px; background: url(../imagens/titulo_limpeza/limpeza.gif) no-repeat;}
#caixa_pr .apl_cerh a{ width: 250px; height: 26px; background: url(../imagens/podutos_de_limpeza/apl_cera.gif) no-repeat;}
#caixa_pr .placash a{ width: 250px; height: 26px; background: url(../imagens/podutos_de_limpeza/placas.gif) no-repeat;}
#caixa_pr .maoh a{ width: 250px; height: 26px; background: url(../imagens/titulo_limpeza/mao_mecanica.gif) no-repeat;}
#caixa_pr .suph a{ width: 250px; height: 26px; background: url(../imagens/titulo_limpeza/suportes.gif) no-repeat;}


#caixa_pr2 .mop_poh a{ width: 250px; height: 28px; background: url(../imagens/titulo_limpeza/mop-po.gif) no-repeat; }
#caixa_pr2 .sup_moph a{ width: 250px; height: 28px; background: url(../imagens/podutos_de_limpeza/super-mop.gif) no-repeat; }
#caixa_pr2 .con_moph a{ width: 250px; height: 28px; background: url(../imagens/podutos_de_limpeza/mopinho.gif) no-repeat; }
#caixa_pr2 .mop_lih a{ width: 250px; height: 28px; background: url(../imagens/podutos_de_limpeza/mop-liquido.gif) no-repeat; }
#caixa_pr2 .bal_esh a{ width: 265px; height: 28px; background: url(../imagens/titulo_limpeza/baldes.gif) no-repeat; }
#caixa_pr2 .org_aces a{ width: 300px; height: 28px; background: url(../imagens/podutos_de_limpeza/organizador.gif) no-repeat; }
#caixa_pr2 .esc_ash a{ width: 300px; height: 28px; background: url(../imagens/titulo_limpeza/escovasevass.gif) no-repeat; }

/*.........Produtos Separados.........*/
#titulo_produtos{ width: 256px; height: 24px;}
#produtos2{ margin: auto; text-align: left; width: 680px;}
#produtos2 #titulo_produtos{ width: 256px; height: 24px; margin-top: 50px;}
#img_produtos{ float:left; margin-top: 10px; border: 2px solid #EEEEEE; padding: 3px;}
#lista_produtos_lado{ float: right; width: 570px;}
#lista_produtos{ float: right; width: 485px;}
#lista_produtos_embaixo{ float: left; width: 485px; margin-top:-20px;}
#lista_produtos_baixo{ float: left; width: 485px;}
#lista_produtos_lav{ float: right; width: 380px; margin-top: 15px;}
#lista_produtos li, #lista_produtos_lav li, #lista_produtos_embaixo li, #lista_produtos_baixo li, #lista_produtos_lado li{ font: 10px Verdana, Arial, Helvetica, sans-serif; margin-top:10px;}
#voltar, #voltar a{ width: 250px; height: 17px; margin-top: 120px; margin-left: 210px;}


/*.........Fale Conoco...........*/
#contatos{width:500px; height:75px; background: url(../imagens/linha.gif) bottom no-repeat; margin:10px 0px;  }
.contatos{font:80% Arial, Helvetica, sans-serif; color:#333333;}
.p-formulario{font:80% Arial, Helvetica, sans-serif; color:#333333; margin: 5px 0px; padding:10px 0px;}
.contatos a{ color:#0073B6;}
#formulario{margin: 15px 10px; width:450px; height:400px; background: #FDFDFD; padding: 0 15px; border:1px solid #E7E7E7; }
.formulario{font: 12px/35px Arial, Helvetica, sans-serif; color: #515151;} 
.formulario-field{font: 12px Arial, Helvetica, sans-serif; color: #515151; border:1px solid #CCC; padding: 4px 4px; margin-bottom:6px; margin-left:15px; }
.formulario-field-mensagem{font: 12px Arial, Helvetica, sans-serif; color: #515151; border:1px solid #CCC; padding: 4px 4px; }
.enviar{ font: 12px Arial, Helvetica, sans-serif; background: #E9E9E9; padding:1px; margin:5px 0px; border:1px solid #CCC; color:#333;}

/*.........Creditos .........*/
#rodape address{ text-indent:-5000px; display:block; margin:auto;}
#contador{display:none;}