*{margin:0; padding:0; list-style:none;}
body{font:80% Trebuchet MS, Arial, Helvetica, sans-serif; background:#f7f7f7 url('../images/fundo_site.gif');}
img, fieldset{border:0;}
.logo h2{ display:none;}
a{font-family:Trebuchet MS, Arial, Helvetica, sans-serif; color:#111; text-decoration:none;}
a:hover{color: #FF0000;  text-decoration: underline;}
input, select, textarea{padding:1px 4px; background:#F2F2F2; border:1px #ccc solid; font:12px Trebuchet MS, Arial, Helvetica, sans-serif;}
input:hover, select:hover, textarea:hover,
input:focus, select:focus, textarea:focus{border:1px #690 solid;}
input.bt, input.bt_ok{padding:0!important; width:50px; height:22px; background: url('../images/bg_botao.gif') no-repeat; border:0; color:#000; font-weight:bold;}
input.bt_ok{width:20px; height:20px; background: url('../images/bg_botao_redondo.gif') no-repeat; color:#fff;}
img.i{padding:4px; background:#fff; border:1px #CCC solid;}
a:hover img.i{border:1px #690 solid;}
label{padding:3px 0; display:block;}
hr{ font-size:1px; width:505px; height:2px; border-bottom:1px #CCC solid; border-top:1px #f2f2f2 solid;}

#all{margin:0 auto; width:898px; border-left:1px #CCC solid;border-right:1px #CCC solid;  background:#fff;}

/********************************************
 HEADER
********************************************/
#header{}

.all-logo{ width:325px; height:198px; background: url('../images/cab_logo.jpg') no-repeat; float:left;}
.logo{width:288px; height:84px; background: url('../images/logo.gif') no-repeat 12px 34px; text-indent:-9999px;}
.logo a{width:288px; height:84px; display:block;}

.login{padding:25px 0 0 12px;}
.login label{ display:inline;}
.login label span{ font-size:75%; font-weight:bold; color:#fff;}
.login label input.i-l{ width:80px; height:16px!important; line-height:16px; background:#000; border:1px #65961D solid; color:#86C526; font-size:75%; font-weight:bold;}
.esq{padding-left:24px;}
.esq li{padding:0 6px; float:left;}
.esq li a{font-size:80%;}

.logado{padding:25px 0 0 20px; height:35px;}
.logado i{ font-weight:bold; color:#fff;}
.logado a{ text-decoration:underline;}
.logado a.ad{ font-weight:bold;}

.s{padding:10px 0 0 12px;}
.s label span{width:31px; height:32px; background: url('../images/bg_lupa.gif') no-repeat ; float:left; text-indent:-9999px; }
.s label input.cx{margin-top:5px; width:200px; border-left:0; float:left;}
.s label input.bt{margin:5px 0 0 3px;}

.all-nav{ float:left; text-align:right;}
ul.nav{padding:20px 0 0 20px; width:553px; height:28px; background: url('../images/cab_nav.jpg') no-repeat; text-align:right; }
ul.nav li, ul.nav li.l{padding:0 16px; background:url('../images/ser_verde.gif') no-repeat right 5px; display:inline; }
ul.nav li.l{background:none!important;}
ul.nav li a{ font-weight:bold; border-bottom:1px #CCC dashed;}
ul.nav li a:hover{border-bottom:1px #86C526 solid; text-decoration:none;}
ul.nav li a span{}

.bg_flash{width:573px; height:150px; background: url('../images/cab_flash.jpg') no-repeat; float:left;}

/********************************************
 CONTENT
********************************************/

#all-content{ padding:5px 12px 12px 12px; width:874px; float:left; }

/********************************************
 MENU
********************************************/

#menu{ width:175px; float:left;}
#menu h2{ width:175px; height:46px;  background: url('../images/menu_categ.jpg') no-repeat; text-indent:-9999px;}
#menu .all-ul{background: url('../images/menu_bg.jpg') repeat-y; width:175px; float:left;}
#menu .all-ul ul{padding:5px 10px 30px 10px; background: url('../images/menu_bg_rod.jpg') no-repeat bottom; width:155px; float:left;}
#menu .all-ul li.cat{float:left;}
#menu .all-ul li.cat strong{ margin-left:2px; padding:0 5px 4px 5px; width:156px; font-size:110%; background: url('../images/bg_menu.jpg') repeat-x bottom; border-bottom:2px #86C526 solid; float:left; }
#menu .all-ul li.cat  a strong{ cursor:pointer; color:#000; text-decoration:none;}
#menu .all-ul li.cat strong span{color:#65961D;}
#menu .all-ul ul li{padding-left:14px; line-height:18px;background: url('../images/ico_menu.gif') no-repeat 0 6px; border-bottom:1px #f2f2f2 solid; }
#menu .all-ul ul li a{ font-size:0.95em;}
#menu .all-ul ul.rod{padding:6px 10px 20px 10px; background: url('../images/menu_bg_rod_fim.jpg') no-repeat bottom;}

/********************************************
 CENTRO
********************************************/
#centro{padding:0 12px 0 8px; width:508px;  float:left;}
#centro fieldset{padding:10px;}
#centro p{ padding:8px 0;}
p.herar{margin-bottom:8px; padding:0!important; line-height:30px; border-bottom:1px #CCC dashed;}
p.herar a{text-decoration:underline;}
p.herar strong{ color:#c00;}

.tit{border-bottom:1px #86C526 solid; height:27px; font-size:1.4em;}
.tit span{border-bottom:3px #86C526 solid; float:left;}
.tit span b{color:#86C526;}

.select_marcas{padding:0!importants;}
.select_marcas label{padding:6px; background:#f2f2f2; width:159px;}
.select_marcas select{width:158px; font:12px Arial, Helvetica, sans-serif;}

.lista-prod{padding:10px 0; float:left;}
.lista-prod dl{ padding:20px 0; width:507px; border-bottom:1px #e1e1e1 solid; float:left;}
.lista-prod dl .foto{ width:100px; text-align:center; float:left;}
.lista-prod dl .texto{width:405px; float:left;}
.lista-prod dl .texto strong{ font-size:1.2em; text-decoration: underline;}
.lista-prod dl p.detalhes{ padding-top:4px;}


/********************************************
 MENU2
********************************************/
#menu2{ width:170px; float:left;}
p.add-lista{margin-bottom:6px; width:170px; height:42px;  background: url('../images/bg_lista.gif') no-repeat;}
p.add-lista a{padding-left:8px; line-height:46px; font-weight:bold; font-size:1.1em;}
#menu2 h2{padding-left:6px; line-height:26px; background: url('../images/bg_preto.jpg') repeat-y; font-size:1.1em; color:#fff; text-transform: uppercase;}
#menu2 h2 span{color:#86C526;}
#menu2 .b-box{margin-bottom:10px; width:164px; padding:2px; border:1px #CCC solid; float:left;}
#menu2 ul li{padding:10px; text-align:center;}
#menu2 fieldset.ind{padding:10px;}
#menu2 fieldset.ind input{ width:134px!important;}
#menu2 fieldset.ind input.bt{width:50px!important;}

.loading{ color:#c00;}

.link-atendimento{ position:relative;}
.link-atendimento a span{ padding:3px 6px; background: #339900; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; color:#fff; font-size:11px; position:absolute; right:0px; top:34px; display:none;}
.link-atendimento a:hover span{ display:block;}
.link-atendimento a:hover{ text-decoration:none;}

/********************************************
PRODUTO
********************************************/
.produto{ padding:20px 0 10px 0;}
.produto .foto{ width:170px; height:200px; text-align:center; border-right:1px #ccc dashed; float:left;}
.produto .tx{ padding-left:5px; width:320px; float:left;}
.produto h1{ font-size:1.6em;  font-style:italic; color:#65961D; text-decoration:underline;}
.produto h1 span{ color:#999;}
.produto .det{padding:5px 0;}


.add{ padding:7px 0;}
.add input.cx{ width:25px;}
.add input.bt{background:#fc0; width:auto;}
.add input.bt:hover{color:#fff;}

.produto h2.dp{padding:15px 0 0 0; border-bottom:1px #86C526 solid; font-size:1.2em; clear:both;}
.produto h2.dp span{padding:3px 5px; background:#86C526; color:#fff;}
div.descr{ padding:10px; text-align:justify;}
div.descr h2{ padding:10px 0 5px; font-size:18px; text-decoration:underline;}
div.descr h3{ padding:10px 0 0 0; font-size:16px; text-decoration:underline;}
div.descr table{border-collapse:collapse; font-size:13px !important;}
div.descr table td{padding:5px;  border:1px #000 solid; font-size:13px !important;}
div.descr a{ text-decoration:underline; color:#00f;}


/********************************************
LISTA DE PEDIDOS
********************************************/
.box-ajuda{ padding:10px 0;text-align:center;}
.box-ajuda p{padding:10px 10px 10px 70px!important; background:#FFD9D9 url('../images/cadeado.gif') no-repeat 0 5px; border:2px #c00 solid; color:#000; text-align:left;}

.box-ajuda img{margin-top:8px; padding:3px; border:1px #ccc solid;}

p.botao_finalizar{ text-align:center;}
p.botao_finalizar input{padding:0 10px; background:#fc0; font-weight:bold; font-size:1.1em;}

.excluir{ margin-top:8px;}
.excluir a{ padding:0 15px; background:#FF6464; border:2px #c00 solid; font-size:1.1em; float:left; font-weight:bold; color:#fff;}
.excluir a:hover{color:#fc0; text-decoration:none;}


.contato p{ padding:10px 0;}

.cliente{ padding:10px 0;}

.loading{ padding:10px 0 0 10px; color:#666;}
.indica_prod{ padding:15px 0 10px 0;}
.indica_prod .fechar{ position:absolute; margin-left:430px;}
.indica_prod .fechar a{ padding:3px 6px; background:#ccc; font-weight:bold; display:block;}
.indica_prod label span{ width:100px; text-align:right; float:left;}
.indica_prod label.bt_rod{ padding-left:102px;}
#box_indica_prod{ display:none;}


/************pages**********/
.pages{padding:10px 0 10px 20px;}
.pages p{padding:0;}
.pages dt{display:none;}
.pages dl{padding:7px 0;}
.pages dd{margin:0 2px; padding:0 2px; background:#86C526; float:left;}
.pages dd a, .pages dd b{padding:3px 8px; background:#ccc; font-weight:bold; color:#fff; text-decoration:none; float:left;}
.pages dd a:hover, .pages dd b{background:#86C526; color:#fff;}
.pages dd.ant a, .pages dd.prox a{padding:3px!important; background:#fff!important; color:#000!important;}
.pages dd.ant a:hover, .pages dd.prox a:hover{color:#6699CC!important;}


/* Mapa do site */
#MapaSite {margin:0; padding:15px 0;}
#MapaSite ul {padding:0;height:100%; border:0; }
#MapaSite li {line-height:18px; padding:4px 0 4px 20px; width:300px; height:100%; border:0; list-style:none;  }
#MapaSite li a.hov{font-weight:bold;}
#MapaSite .nivel_1 {margin-left:15px; }
#MapaSite .nivel_2 {margin-left:4px; height:100%;}
#MapaSite .nivel_3 {margin-left:4px; height:100%;}
#MapaSite .nivel_4 {margin-left:4px; height:100%;}
#MapaSite .mt {background:url('../images/bkg_item_map.gif') no-repeat left top; }
#MapaSite .ult {background:url('../images/bkg_item_map_ult.gif') no-repeat left top; } 
#MapaSite .branco {}
.todos { list-style:none; background:url('../images/bkg_map.gif') repeat-y left top;  }
.nivel_1 todos{background:url('../images/bkg_item_map_ult.gif') no-repeat left bottom;}


/*********ERRO*******/
#erro{margin-top:8px; border:2px #C00 solid; display:none;}
#erro h4{margin:0; border:0; width:auto; padding:4px 6px; font:bold 12px Arial, Helvetica, sans-serif; color:#FFF; background:#C00;}
#erro p.er{padding:8px; clear:both; border:0;}


/********************************************
 FOOTER
********************************************/
#footer{background:url('../images/bg_rodape.jpg') repeat-x top; width:898px; height:117px; clear:both; display:table;}
#footer .nav-rod{ width:898px; border-bottom:1px #ccc dashed; float:left;}
#footer .nav-rod li{padding:0 10px; background:url('../images/ser_verde.gif') no-repeat right; float:left;}
#footer .nav-rod li a{line-height:36px; font-weight:bold;}


.vcard{ padding:5px 0 8px 10px; width:500px; line-height:16px; float:left;}
.vcard strong{color:#65961D; text-decoration:underline;}
address{ font-style:normal; color:#777;}
address a{ text-decoration:underline;}

.copy{padding:55px 0 0 45px; color:#fff; font-size:10px; float:left;}
.des{padding:50px 10px 0 0; width:370px; text-align: right; background: url('../images/logo_rodape.gif') no-repeat 190px 10px;  float: right;}