@charset "utf-8";
/* CSS Document */


#topo-ani-banner{width:1003px; height:280px; margin:0 auto; clear:both; overflow:hidden;}
#topo-ani-banner h3{width:155px; float:right; padding-right:20px; background:url(imagem/form_error2.gif) no-repeat scroll 158px 0px;}
#topo-ani-banner a{color:#C00;}
#topo-ani-banner a:hover{color:#F00;}

#topo-ani-setas{ width:1002px; position:absolute; left:50%; margin-left:-501px;}
.st-sl{left:0; margin-left:10px;}
.st-sr{left:100%; margin-left:-60px;}
.seta-topo-bt{width:50px; height:100px; overflow:hidden; position:absolute; margin-top:90px;}
.seta-topo-bt a{background-image:url(imagem/bg-setas-topo.png); background-repeat:no-repeat; width:50px; height:100px; display:block; overflow:hidden; text-indent:-9999px;}
.seta-topo-bt a#Lseta{ background-position:0 0;}
.seta-topo-bt a:hover#Lseta{ background-position:0 -100px;}
.seta-topo-bt a#Rseta{ background-position:-50px 0;}
.seta-topo-bt a:hover#Rseta{ background-position:-50px -100px;}


#topo-ani{width:1003px; height:280px; margin:0 auto; clear:both; overflow:hidden; }
.meio{ width:500px; height:400px; text-align:center; font-size:60px; margin:100px auto;	}

img:hover#passa-distribuidor.passa-lateral{background:url(imagem/bg-passa-distribuidor.gif) no-repeat 23px bottom; cursor:pointer; }
/*img:hover#passa-distribuidor.passa-centro{cursor:default !important; }*/
	
img:hover#passa-consumidor.passa-lateral{background:url(imagem/bg-passa-consumidor.gif) no-repeat 11px bottom; cursor:pointer; }
/*img:hover#passa-consumidor.passa-centro{cursor:default !important;  }*/
	
img:hover#passa-salao.passa-lateral{background:url(imagem/bg-passa-salao.gif) no-repeat 6px bottom; cursor:pointer; }
/*img:hover#passa-salao.passa-centro{cursor:default !important;  }*/
	

#main-local{ width:733px;  overflow:hidden;  color:#999;}
#main-local h2{color:#999;line-height:50px; }
#main-local h3{ font-weight:bold; color:#666;}
#main-local blockquote{ margin:0;}

#main-local .local-chamada{ border-bottom:#CCC 1px solid; line-height:20px; clear:both; float:none; overflow:hidden; }

#main-local ul.vantagens-distribuidores{ margin:20px 50px;}
#main-local ul.vantagens-distribuidores li{ font-size:16px; background:url(imagem/arrow-vantagens-red.gif) no-repeat 0 8px; padding-left:25px; line-height:30px;}

#main-local .passo-a-passo{width:500px; margin:20px auto; overflow:hidden; }

#main-local .passo-a-passo ul.controlar-pp {text-align:right; width:500px; margin-bottom:10px; overflow:auto; cursor:default;}
#main-local .passo-a-passo ul.controlar-pp li {display:inline; line-height:40px; height:40px; padding:0 10px; overflow:hidden; font-size:22px; font-weight:bold; color:#CCC;}
#main-local .passo-a-passo ul.controlar-pp li a {width:40px; height:40px; display:inline-block; text-align:center; font-size:22px; font-weight:bold; background-image: url(imagem/bg-pp.gif); background-repeat:no-repeat; background-position:0 0; color:#FFF; cursor:pointer;}
#main-local .passo-a-passo ul.controlar-pp li a:hover{background-position:0 -40px !important;}
#main-local .passo-a-passo ul.controlar-pp li a.selecionado{background-position:0 -40px !important;}

#main-local .passo-a-passo a.pp-prev{ background-image:url(imagem/bg-pp.gif); background-position:-40px -30px; width:15px; height:30px; cursor:pointer; display:inline-block; text-indent:-50px; overflow:hidden; float:left; margin-top:50px;}
#main-local .passo-a-passo a:hover.pp-prev{ background-image:url(imagem/bg-pp.gif); background-position:-40px 0;}
#main-local .passo-a-passo a.pp-next{ background-image:url(imagem/bg-pp.gif); background-position:-55px -30px;width:15px; height:30px; cursor:pointer; display:inline-block; text-indent:-50px; overflow:hidden; float:left; margin-top:50px;}
#main-local .passo-a-passo a:hover.pp-next{ background-image:url(imagem/bg-pp.gif); background-position:-55px 0;}

#main-local .passo-a-passo .passo-p{width:470px; float:left !important; clear:none!important; overflow:hidden;}
#main-local .passo-a-passo .passo-p ul.passo-pp {}
#main-local .passo-a-passo .passo-p ul.passo-pp li{ font-size:14px !important; padding:20px !important;}


#main-local .local-areas{ background:url(imagem/bg-local-main.jpg) no-repeat 0 0; clear:both; float:none;width:733px; height:220px; margin-top:20px;}
#main-local .local-areas div{ float:left; padding:0 20px; height:220px; overflow:hidden; }
#main-local .local-areas .local-box1{ width:224px; padding:0 20px 0 0 ;} 
#main-local .local-areas .local-box2{width:204px;}
#main-local .local-areas .local-box2g{ width:449px; _width:446px; background:url(imagem/bg-local-mask.jpg) repeat-y center !important; }
#main-local .local-areas .local-box3{ width:205px;}

#main-local ul.area-restrita{margin:0 20px;}
#main-local ul.area-restrita li{ line-height:25px; height:25px; overflow:hidden; margin-top:10px;}
#main-local ul.area-restrita li a{ background-repeat:no-repeat; line-height:25px; display:block;  height:25px; padding-left:30px;}
#main-local ul.area-restrita li a.tabela-precos{ background-image:url(imagem/icons-ar.gif); background-position: 0 0;}
#main-local ul.area-restrita li a:hover.tabela-precos{ background-position: 0 -25px;}
#main-local ul.area-restrita li a.politica-comercial{ background-image:url(imagem/icons-ar.gif); background-position: 0 -50px;}
#main-local ul.area-restrita li a:hover.politica-comercial{ background-position: 0 -75px;}
#main-local ul.area-restrita li a.pecas-publicitarias{ background-image:url(imagem/icons-ar.gif); background-position: 0 -100px;}
#main-local ul.area-restrita li a:hover.pecas-publicitarias{background-position: 0 -125px;}
#main-local ul.area-restrita li a.pedidos-clientes{ background-image:url(imagem/icons-ar.gif); background-position: 0 -150px; }
#main-local ul.area-restrita li a:hover.pedidos-clientes{ background-position: 0 -175px; }

#main-local .local-cores{width:733px; height:100px; margin-top:20px; background:url(imagem/i-lh.jpg) no-repeat center bottom; padding-bottom:30px; overflow:hidden;}
#main-local .local-cores .tabela-cores{width:253px; height:100px; float:left; overflow:hidden;}
#main-local .local-cores .cores-seleciona{width:480px; height:100px; float:left; overflow:hidden;}


#main-local .local-areas .encontrar-salao{background: url(imagem/bg-mapa.gif) no-repeat left; padding-left:125px; width:344px; height:170px;}
#main-local .local-areas .encontrar-salao span.encontrar{display:block;  height:80px; width:344px;   overflow:hidden;}
#main-local .local-areas .encontrar-salao span.encontrar form{ margin-top:20px; text-align:center;}
#main-local .local-areas .encontrar-salao span.encontrar form .c-cep{color:#000; background:#FFF; padding:4px; border:1px solid #98C596; font-size:14px; font-family:Verdana, Geneva, sans-serif; width:100px;}
#main-local .local-areas .encontrar-salao span.casa-mutari {width:344px; height:60px; line-height:50px; display:block; overflow:hidden;}
#main-local .local-areas .encontrar-salao span.casa-mutari span{ float:left;}
#main-local .local-areas .encontrar-salao span.casa-mutari a{ margin-left:20px; float:left; line-height:50px;}



#main-local .t-casa-mutari{text-indent:-99999px; height:70px; width:215px; background:url(imagem/i-casa-mutari.gif) no-repeat center 0; display:inline-block;}



#main-local .depoimentos-salao{overflow:auto; height:50px; }
#main-local .depoimentos-salao h2{ width:182px; float:left; overflow:hidden; }
#main-local .depoimentos-salao span{ width:322px; float:left; height:50px; line-height:50px; text-align:right; overflow:hidden;}
#main-local .depoimentos-salao span h3 { float:right; padding-left:10px; background:url(imagem/arrow-v.gif) no-repeat left; margin-left:20px; font-size:14px;}

.local-distribuidores{} 
.local-distribuidores h2 {color:#CC3333 !important;}
.local-distribuidores h3{ font-weight:bold;}
.local-distribuidores .local-chamada{ background:url(imagem/i-local-distribuidores.jpg) no-repeat 20px bottom; padding:0 0 20px 205px; width:508px; } 


.local-consumidores{}
.local-consumidores h2 {color:#CC9900 !important;}
.local-consumidores h3{ font-weight:bold;}
.local-consumidores .local-chamada{ background:url(imagem/i-local-consumidores.jpg) no-repeat  left bottom; padding:0 0 20px 340px; width:373px;}


.local-saloes{}
.local-saloes h2 {color:#6699CC !important;}
.local-saloes .local-chamada{ background:url(imagem/i-local-saloes.jpg) no-repeat  20px bottom; padding:0 0 20px 180px; border:none !important; width:533px;}