* { margin: 0; padding: 0; }
html, body { height: 100%; }
body { background: url(/_imagens/fundo_grama.jpg) no-repeat center top #6e9417; font-family:Verdana, Arial, Helvetica, sans-serif;}
img { border: 0; }

.limpa { clear: both; }
.center { text-align: center; }

a { font-family:Verdana, Arial, Helvetica, sans-serif;}
a:hover { text-decoration: underline; }

#wrapper { position: relative; margin: auto; width: 900px;   }
#geral { margin: auto;}
*html #geral { height: 100%; }
#header { position: relative;  width: 900px; left: 27px; height: 39px; z-index: 1; }
#header_botoes { position: relative; left: 330px; width: 570px; height: 175px; z-index: 1; }

/* SCROLL NO COMPRAR2 BY CLEY */

#scroll { height: 400px; width: 618px; overflow: auto; padding:0px; /*scrollbar-base-color:#ccff99;*/}

/* MENU */
ul#botoes { height: 175px; list-style: none; width: 600px; background: url(/_imagens/fundo_botoes.jpg) no-repeat center;}
#botoes li { display: block; float: left;}
#botoes li a.botao { position: relative; width: 190px; float: left; display: block; text-indent: -9999px; margin: 0; padding: 0; height: 73px; cursor: pointer; }

#botoes #botoes_marca a.botao      { background: url(/_imagens/marca.jpg) no-repeat; }
#botoes #botoes_produtos a.botao   { background: url(/_imagens/produtos.jpg) no-repeat; top: 87px; }
#botoes #botoes_contato a.botao  { background: url(/_imagens/contato.jpg) no-repeat; }

#botoes #botoes_marca:hover a.botao, #botoes_marca.hover a.botao { background: url(/_imagens/marca-over.jpg) no-repeat; }
#botoes #botoes_produtos:hover a.botao, #botoes_produtos.hover a.botao { background: url(/_imagens/produtos-over.jpg) no-repeat; top: 87px;}
#botoes #botoes_contato:hover a.botao, #botoes_contato.hover a.botao { background: url(/_imagens/contato-over.jpg) no-repeat; }

/* Inserido para funcionar no IE6 conforme teste - by Cley */
#botoes #botoes_marca.hover a.botao, #botoes_marca:hover a.botao { background: url(/_imagens/marca-over.jpg) no-repeat; }
#botoes #botoes_produtos.hover a.botao, #botoes_produtos:hover a.botao { background: url(/_imagens/produtos-over.jpg) no-repeat; }
#botoes #botoes_contato.hover a.botao, #botoes_contato:hover a.botao { background: url(_imagens/contato-over.jpg) no-repeat; }
/* Fim do teste */

#botoes #botoes_marca.atual a.botao { background: url(/_imagens/marca.jpg) no-repeat;}
#botoes #botoes_produtos.atual a.botao { background: url(/_imagens/produtos.jpg) no-repeat; }
#botoes #botoes_contato.atual a.botao { background: url(/_imagens/contato.jpg) no-repeat; }

/* CONTEUDO */
#conteudo { position: relative; width: 900px; }
#miolo { position: relative; width: 900px; overflow: auto; background: url(/_imagens/fundo_amassado.jpg) no-repeat center top #fff;  }
#carimbo { position: relative; background: url(/_imagens/estilo.gif) no-repeat; height: 130px; width: 339px; float: right; padding: 0px 30px 0px 0px;}


/* COLUNAS - CAPA */
/* coluna left tem 'LEFT: -5' e margins '5' para os edges ficarem paralhos em função dos sombreados do fundo */
#left { position: relative; top: 84px; padding: 38px 27px; width: 211px; float: left;}
* html #left { margin-left: 9px; }
#left table, .normal { font-size: 12px; font-family: Verdana, Helvetica, sans-serif; color: #333333; font-weight: normal; }
#left table td { padding: 4px 5px; }
.small { font-size: 10px; font-family: Verdana, Helvetica, sans-serif; color: #333333; font-weight: normal; }
.busca { border: 1px solid #a0c500; height: 18px; width:135px; font-size: 10px; font-family: Verdana, Helvetica, sans-serif; color: #333333; font-weight: normal;}
#left a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none; font-weight: bold; color: #333333;}
#left a:hover { text-decoration: underline; }
#left_euquero { width: 150px; height: 35px; margin-top: 12px; border: 2px dashed #a0c500;}


/* coluna right tem 'LEFT: -5' e margins '5' para os edges ficarem parelhos em função dos sombreados do fundo */
#right { position: relative; float: left; margin-left: 0px; width: 630px; }
#right h1 { clear: both; font-size: 16px; padding: 5px 20px 20px; margin-top: 0px; font-family: Verdana, Helvetica, sans-serif; color: #333333; font-weight: bold;  background: url(/_imagens/faixa.gif) no-repeat; width: 590px; height: 20px; }
#right p { font-size: 12px; margin: 0px 30px 20px 10px; font-family: Verdana, Helvetica, sans-serif; color: #333333; font-weight: normal; }
#compra-moletom { font-size: 12px; margin: 0px 30px 0px 10px; font-family: Verdana, Helvetica, sans-serif; color: #333333; font-weight: normal; }
#right a { font-size: 12px; font-family: Verdana, Helvetica, sans-serif; color: #333333; text-decoration:none; }
#right a:hover { font-size: 12px; font-family: Verdana, Helvetica, sans-serif; color: #333333; text-decoration:underline; }

.produto { float: left; height: 280px; margin-right: 8px; margin-bottom: 20px; font-size: 6px; }
.thumbnail { border: 1px solid #a0c500; width: 195px; height: 195px; /*background: #fff;*/ margin: 0;}
.legenda { padding-top: 5px; text-align: center; width: 195px; font-size: 11px; margin: 0; font-family: Verdana, Helvetica, sans-serif; color: #333333;}
#veja_mais { float:left; padding-right: 30px; padding-bottom:20px; color:#333333 }
#veja_mais a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;}
#veja_mais a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; }
.fotos-600 { float: left; margin: 0px; padding-bottom: 20px; }


/* FICHA PRODUTO- FUT */

#ficha_left { position: relative; float: left; }
#ficha_right { position:relative; float: right; width: 266px; }
#ficha_right p { font-size: 11px; height:203px; }
#ficha_right h1 { clear: both; font-size: 16px; margin-top: 40px; font-family: Verdana, Helvetica, sans-serif; color: #333333; font-weight: bold;  background: url(/_imagens/faixa.gif) no-repeat; width: 216px; height: 20px; text-align: center; padding-bottom:30px;}
#foto_grande { border: 1px solid #a0c500; background: #fff; padding: 1px; width: 359px; height: 269px;}
.thumb_pequeno { float: left; border: 1px solid #a0c500; margin: 20px 5px 0px 0; background: #fff; width: 45px; height: 45px; }
#ficha_right_euquero { width: 152px; height: 38px; border: 2px dashed #a0c500; margin: auto;}
.box-600 {margin-top:20px; margin-bottom:20px;}
label { font-size: 12px; margin: 0px 30px 20px 10px; font-family: Verdana, Helvetica, sans-serif; color: #333333; font-weight: normal; }

/* tamanhos - FUT */

#tamanhos_left { position: relative; float: left; padding-left:10px;}
#tamanhos_left h4 { font-size: 12px; font-family: Verdana, Helvetica, sans-serif; font-weight: bold; padding-bottom: 5px; color:#333333; }
#tamanhos_left h5 { font-size: 11px; font-family: Verdana, Helvetica, sans-serif; padding-top: 5px; font-weight: normal; color:#333333;}
#tamanhos_left table { font-size: 12px; font-family: Verdana, Helvetica, sans-serif; font-weight: normal; border-collapse: collapse; border-color:#333333;}
#tamanhos_left td { padding: 5px 7px; text-align: center; width: 36px; border:1px solid #333; }
#tamanhos_right { position: relative; float: right; margin-right: 30px; border: 1px solid #a0c500;}

/* FORMULARIO DE COMPRA CRIS */

#form_compra {margin-top: 0px; margin-bottom: 0px;	padding-left: 0; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; width: 600px; float:left; }
.text-form {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; margin-left: 0px; margin-top: 10px; margin-right: 10px; }
#form_compra img {width:50px; height:50px; border: 1px solid #a0c500;}
#right input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; margin-left: 0px; margin-top: 10px; margin-right: 10px; border: 1px solid #a0c500; height:18px;}
#right select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; margin-left: 0px; margin-top: 10px; margin-right: 10px; border: 1px solid #a0c500; height:18px;}
#right textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; margin-left: 0px; margin-top: 10px; margin-right: 10px; border: 1px solid #a0c500; }
#form_compra a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color:#333333;}
#form_compra a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color:#333333;}

.campom { width: 100px; }
.campog { width: 200px; }


.inventory_graph span {display:none;}
.inventory_graph .size_bar {clear:left; margin:5px 0 0 5px; height:14px;}
.inventory_graph .size_bar .size {float:left; width:25px; padding:2px 0 0; font:bold 10px Arial, Helvetica, sans-serif; color:#666666; text-align:center;}
.inventory_graph .size_bar .bar_wrapper {float:left; width:199px; height:12px; background:#d4d4d4; border:1px solid #ffffff;}
.inventory_graph .size_bar .bar_wrapper div{ height:11px; margin:1px 0 0; overflow:hidden; background-color:#A0C500; color:#FFFFFF;}

.inventory_graph .size_bar .bar_wrapper div.inventory_bar_backorder {background-color:#d4d4d4; color:#333333; position:relative; left:1px; width:197px;}
.inventory_graph .size_bar .bar_wrapper div.inventory_bar_backorder a:link,
.inventory_graph .size_bar .bar_wrapper div.inventory_bar_backorder a:visited {display:block; height:10px; width:197px;}

.inventory_graph .size_bar .bar_wrapper div.inventory_bar_backorder a:hover,
.inventory_graph .size_bar .bar_wrapper div.inventory_bar_backorder a:active{ background-position:0 -10px;}