@charset "utf-8";
/* ########## CONFIGURAÇÕES GERAL ########## */

div, span, object, input, h1, h2, h3, h4, h5, h6, ol, ul, li, form, label, table, tr, th, td, fieldset{margin:0;padding:0;border:0;outline:0;}
* html li {height:1%;}

html, body {font-family:Arial, Helvetica, sans-serif; text-align:left; margin:0; padding:0; font-size:12px; }

ol, ul {list-style:none;}

a {color:#666; text-decoration:none; cursor:pointer;}
a:hover {color:#063; text-decoration:inherit;}


h1, h2, h3, h4{font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;}
h1{font-size: 24px; font-weight:lighter; }
h2{font-size: 16px; font-weight:lighter; }
h3{font-size: 14px; font-weight:lighter; }
h4{font-size: 16px; font-weight:bold;}

img{border:0;}

/* ########## CONFIGURAÇÕES ########## */

.bg{background:#fff repeat-x top url(imagem/bg.jpg);}

.botao{background:#EFE1BA url(imagem/bg-botao.jpg) repeat-x 0 0; border:1px #B39465 solid; margin:0; padding:3px 10px; width:auto; display:block; overflow:hidden; clear:both; float:none; text-align:center; text-transform:uppercase; font-family:Tahoma, Geneva, sans-serif; color:#330000; display:inline-block; }
.botao a{color:#330000;}

.promocao{width:104px; height:16px; overflow:hidden; line-height:16px; color:#fff; background:url(imagem/bg-desconto.jpg); margin:auto; font-size:11px; text-align:center; display:block; margin:5px auto!important; color:#FF0;}
.lancamento{width:104px; height:16px; overflow:hidden; line-height:16px; color:#FFF; background:url(imagem/bg-lancamento.jpg); margin:auto; font-size:11px; text-align:center; display:block; margin:5px auto!important;}

.dep{height:80px; overflow:hidden; cursor:default; }
.dep h1{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff !important; font-size:60px !important; letter-spacing:-2px !important; line-height:80px; text-indent:5px !important; font-weight:lighter !important; text-transform: none !important; display:block;}


.top0 {background:url(imagem/bg-dep-masculino.jpg) repeat-x 0 0;}
.top0 h1{background:url(imagem/i-dep-masculino.jpg) no-repeat right;}
.top1 {background:url(imagem/bg-dep-feminino.jpg) repeat-x 0 0;}
.top1 h1{background:url(imagem/i-dep-feminino.jpg) no-repeat right;}
.top2 {background:url(imagem/bg-dep-infantil.jpg) repeat-x 0 0;}
.top2 h1{background:url(imagem/i-dep-infantil.jpg) no-repeat right;}
.top3 {background:url(imagem/bg-dep-esportes.jpg) repeat-x 0 0;}
.top3 h1{background:url(imagem/i-dep-esportes.jpg) no-repeat right;}
.top4 {background:url(imagem/bg-dep-acessorios.jpg) repeat-x 0 0;}
.top4 h1{background:url(imagem/i-dep-acessorios.jpg) no-repeat right;}
.top5 {background:url(imagem/bg-dep-confeccoes.jpg) repeat-x 0 0;}
.top5 h1{background:url(imagem/i-dep-confeccoes.jpg) no-repeat right;}

/* ########## BOX ########## */


.box { clear:both; display:block; background: #ccc; overflow:auto;}
.box div.box-area { padding:5px; color: #666;  }
.box div.box-area h2{ text-transform:uppercase; font-weight:bold; font-size:14px; color:#FFF;}
.box div.box-area h1{ text-transform:uppercase; font-weight:bold; font-size:14px; color:#FFF;}
.box .overlap {position: absolute; height:0; border-top: 10px solid #aaa; border-left: 15px solid transparent; border-right: 15px solid transparent; }
.box .overlap div { margin-top:-10px; background:#fff; height:10px; overflow:hidden;}

.verde div.box-area  {background:#4D6754 ; color:#fff;  }
.verde .overlap {border-top-color:#2B3E33; }
.verde .overlap div {background:#fff;}

.verdec div.box-area  {background:#6D956B ; color:#fff;  }
.verdec .overlap {border-top-color:#425D45; }
.verdec .overlap div {background:#fff;}
.verdec a{ color:#FFF !important;}
.verdec a:hover{ color:#CFC !important;}

.vermelho div.box-area  {background:#CC0000 ; color:#fff;  }
.vermelho .overlap {border-top-color:#660000; }
.vermelho .overlap div {background:#fff;}


/* ########## MAIN ########## */


#topo { width:993px; margin:0 auto; background:none;}
.topo .overlap { width:963px; color:#84A987;}
.topo .overlap div {background:#9EC0A2;}
.topo2 .overlap { width:963px; color:#DEE8DF;}
.topo2 .overlap div {background:#9EC0A2;}

#topo .area{width:923px; padding:10px 20px; height:115px; margin:0 auto; background:url(imagem/bg-topo.jpg) no-repeat 0 0; overflow:hidden;} 
#topo .area .logo{ width:135px; height:115px; margin-right:20px; float:left;}
#topo .area .menu2{ width:768px; height:115px; float:left; }

ul.menu-topo{overflow:hidden; line-height:40px; clear:both; text-align:center; background:#9C6; background:url(imagem/lh-topo.jpg) no-repeat bottom center; padding-bottom:13px;}
ul.menu-topo li{height:40px; overflow:hidden; line-height:40px;  display:inline; font-family:Tahoma, Geneva, sans-serif; font-size:14px;}
ul.menu-topo li a{padding:0 10px; display:inline-block; color:#4C6652; border-right:1px #7FA08C solid; } 
ul.menu-topo li a:hover{color:#000;} 
ul.menu-topo li.atendimento a{ width:200px; border:none !important; background:url(imagem/bg-atendimento.gif) no-repeat center;}
ul.menu-topo li.atendimento h2{ display:none;}
ul.menu-topo li.ultimo a{border:none !important;}

.busca{height:31px; margin:20px 50px; line-height:30px; font-family:Tahoma, Geneva, sans-serif; font-size:16px; font-weight:bold; color:#FFF; overflow:hidden;}
.campo{background:#C6DAC8; border:1px solid #85AE8C; height:20px; padding:5px 10px; font-size:16px; width:405px; }
.botao{background:#6D956B; border:1px solid #4D6754; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; height:30px;}


ul.menu{overflow:hidden; line-height:30px; clear:both; text-align:center;  }
ul.menu li{height:30px; overflow:hidden; display:inline; font-family:Tahoma, Geneva, sans-serif; font-size:16px;}
ul.menu li a{padding:0 23px; display:inline-block; color:#FFF; border-right:1px #7FA08C solid; } 
ul.menu li a:hover{color:#CFC; } 
ul.menu li.ultimo a{ border:none !important;}


ul.menu-categorias{overflow:hidden; line-height:30px; clear:both; text-align:center;  }
ul.menu-categorias li{height:30px; overflow:hidden; display:inline; font-family:Tahoma, Geneva, sans-serif; font-size:16px;}
ul.menu-categorias li a{padding:0 23px; display:inline-block; color:#FFF; border-right:1px #7FA08C solid; } 
ul.menu-categorias li a:hover{color:#CFC; } 
ul.menu-categorias li.ultimo a{ border:none !important;}


#topo .pop-ups{width:961px; margin:0 auto; background:#9EC0A2; padding:0 0 0 0; _padding:10px 0 0 0; border-left:#7FA08C solid 1px; border-right:#7FA08C solid 1px; height:35px; overflow:hidden;}  

.menu-masculino, .menu-feminino, .menu-infantil, .menu-acessorios, .menu-esportivos, .menu-confeccoes, .menu-c-marcas {line-height:35px; }

/*.menu-masculino{}
.menu-feminino{}
.menu-infantil{}
.menu-acessorios{}
.menu-esportivos{}
.menu-confeccoes{}
.menu-c-marcas{}*/

.pop-up-aberta {clear:both; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; }
.pop-up-aberta a{color:#FFF; padding:0 10px; border-right:#7FA08C 1px solid; }
.pop-up-aberta a:hover{color:#CFC; }


#geral {overflow:hidden; width:993px; margin:auto; padding:10px 0 0 0; background:url(imagem/bg-geral.gif) repeat-y;}

.marcas{ background:#fff; width:923px; margin:0 15px; clear:both; float:none; padding:0 20px 10px 20px; _padding:10px 20px 10px 20px; height:50px;}

#le{width:188px; float:left; overflow:hidden;}
.lateral-sqr .overlap {width:173px; border-right:0 solid transparent;  color:#FFF;}
.lateral-sqr .overlap div {background:#D7E5D8;}
.le-box{ background:#D7E5D8; padding:10px 5px 10px 5px; _padding:20px 5px 10px 5px; margin-left:15px; color:#666;}

/*163*/
ul.lista-lateral{ overflow:auto;}
ul.lista-lateral li{ border-bottom:1px solid #ccc; padding:2px 0;}
ul.lista-lateral li a{ display:block; }
ul.lista-lateral li.selecionado{font-weight:bold; font-size:14px;}
ul.lista-lateral li.selecionado a{ color:#000;}

#main{width:805px; float:left;}
.lateral-dir .overlap {width:790px; border-left:0 solid transparent;  color:#FFF;}
.main-box{ background:#fff; padding:10px 10px 5px 10px; _padding:20px 10px 5px 10px; margin-right:15px;}

/*770*/
ul.lista-produtos{ border-bottom:1px solid #CCC; padding-bottom:5px; margin-bottom:10px;overflow:auto; }
ul.lista-produtos li{ font-size:11px; overflow:auto; text-align:right; }
ul.lista-produtos li h2{ font-family:Tahoma, Geneva, sans-serif; font-size:16px; color:#063; font-weight:bold; letter-spacing:1px; text-align:left;}
ul.lista-produtos li ul{ padding:10px 0; clear:both;overflow:auto;  }
ul.lista-produtos li ul li{ width:192px; float:left; overflow:hidden; text-align:left;}

ul.lista-produtos li ul li.pagina-lista {height:240px;}
ul.lista-produtos li ul li p{cursor:pointer; display:block;}
ul.lista-produtos li ul li p.produto-foto {margin:0 auto; text-align:center; padding:5px; margin-bottom:10px; background:#FFF;}
ul.lista-produtos li ul li p.produto-foto img{border:1px #ddd solid;}
ul.lista-produtos li ul li p.produto-titulo { width:172px; margin:0 auto; font-size:13px;}
ul.lista-produtos li ul li p.produto-de { text-align:center; font-size:11px; color:#666;}
ul.lista-produtos li ul li p.produto-por { text-align:center; font-size:14px; color:#C00;}



ul.lista-marcas{width:540px; margin:30px auto; overflow:auto; }
ul.lista-marcas li{ width:180px; float:left; height:50px; line-height:50px; text-align:center; overflow:hidden; }

ul.institucional{}
ul.institucional li{padding-left:30px !important; background-repeat:no-repeat; background-position:left top; margin-bottom:10px;}
ul.institucional li a{display:block;}
ul.institucional li h3{ text-transform:uppercase; color:#134C33; font-size:14px; font-weight:bold; }
ul.institucional li.atendimento{ background-image:url(imagem/i-atendimento.gif);}
ul.institucional li.newsletter{ background-image:url(imagem/i-newsletter.gif);}
ul.institucional li.indique{ background-image:url(imagem/i-indique.gif);}
ul.institucional li.trabalhe-conosco{ background-image:url(imagem/i-tc.gif);}
ul.institucional li.fale-conosco{ background-image:url(imagem/i-fc.gif);}


#institucional{ margin-bottom:20px; overflow:auto;} 
#institucional ul{ width:980px; margin:0 auto;}
#institucional ul li{float:left; height:120px; width:245px; overflow:hidden; color:#033; font-size:12px; font-family:Tahoma, Geneva, sans-serif; } 
#institucional ul li div{ width:195px; margin:0 auto;height:100px; overflow:hidden; background:url(imagem/bg-institucional.jpg) no-repeat 0 0; padding:10px; }
#institucional ul li div h2{text-transform:uppercase; color:#134C33; font-size:14px; font-weight:bold; height:20px;}
#institucional ul li div p{ text-align:center; height:80px; }
#institucional ul li div p.institucional-convenios{ background:url(imagem/i-convenios.jpg) no-repeat left; padding-left:75px; height:65px;}
#institucional ul li div p.institucional-dicas{ background:url(imagem/i-dicas.jpg) no-repeat left; padding-left:75px; height:65px;}
#institucional ul li div p.institucional-pagamento{ background:url(imagem/i-pagamento.jpg) no-repeat center bottom; padding:0 0 20px 0 !important; height:40px;}


#rodape{ border-top:#A4C1AB 1px solid; padding-top:20px;}
#rodape .institucional{ width:963px; margin:0 auto; margin-bottom:20px; }

#rodape .footer { background:#C1D6C7; padding:10px; text-align:center; color:#4C6652; }

ul.menu-rodape{overflow:hidden; line-height:20px; clear:both;   margin-bottom:10px;  }
ul.menu-rodape li{height:30px; overflow:hidden; display:inline; font-size:13px; line-height:13px;}
ul.menu-rodape li a{padding:0 10px; display:inline-block; color:#4C6652; } 
ul.menu-rodape li a:hover{color:#000; } 
#rodape ul li.tecnoig{position:absolute; height:50px; width:75px; margin:150px 0 0 100px;}
#rodape ul li.twitter{float:left; position:absolute; height:40px;}
#rodape ul li.orkut{float:left; position:absolute; height:40px;}

.conteudo ul{margin:10px 50px;}
.conteudo ul li{ list-style:outside square; background:none;font-size:13px; font-weight:lighter; font-family:Verdana, Geneva, sans-serif; color:#000;}
.conteudo ol{margin:10px 50px;}
.conteudo ol li{ list-style:outside decimal; font-size:13px; font-weight:lighter; font-family:Verdana, Geneva, sans-serif; color:#000;}
#produtos ul {list-style:none; margin:0px;}
#produtos li {height:1%; list-style:none;}

/* paginacao */
.pagina {font-size:16px; padding:5px 6px; float:left; height:15px; text-align:center; margin:2px; cursor: default; background:#204446; color:#3FF; font-weight:bold; }
.pagina_ok {font-size:16px; padding:5px;float:left; height:15px; text-align:center; margin:4px 0; cursor: pointer; display:block; font-weight:bold;  color:#F90 !important;}
.pagina_ok a:hover{color:#F90 !important;  }