/************************************************************************/
/* Desenvolvido por Flex Soluções - Soluções em Web e Software          */
/* www.flexsolucoes.com.br										        */
/* contato@flexsolucoes.com.br											*/
/* (48)3632-3178												        */
/************************************************************************/

/* Geral
-------------------------------------------------------------------------- */
html { overflow:-moz-scrollbars-vertical; } /* coloca barra de rolagem no ff */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
html { height:100%; }
body { width:100%;  height:100%; background:#fff url(../gif/bg.gif) center top repeat-x; font: normal 12px/1.6em arial, sans-serif; text-align: left; color: #666666; font-family:Tahoma, Geneva, sans-serif; }

p { margin:0 0 18px; }

h1, h2, h3, h4, h5, h6 { font-weight:bold; color: #416894; font-family: Helvetica, Arial, Verdana, sans-serif; }
h1 { font-weight:normal; color: #105c03; font-size:2em; margin:6px 0 12px 0; font-family: Helvetica, Arial, Verdana, sans-serif;}
h2 { font-weight:normal; color: #105c03; font-size:1.6em; margin-bottom: 5px; font-family: Helvetica, Arial, Verdana, sans-serif;}
h3 { font-weight:normal; color: #2055a1; font-size:1.2em; margin-bottom: 5px; font-family:Verdana, Geneva, sans-serif; }
h4 { color: #e7ff61; font-weight:bold; font-size:1.2em; margin-bottom: 5px; font-family:Verdana, Geneva, sans-serif; }

/* Clearfix
-------------------------------------------------------------------------- */
.clearfix:after { content:".";  display:block; height:0; clear:both; visibility: hidden; }
.clearfix {display:inline;}  
* html .clearfix {height: 1%;}  
.clearfix {display: block;} 

/* Links
-------------------------------------------------------------------------- */
a {color: #063D80;text-decoration: none;padding: 0 0 1px;outline: 0;}
a:hover {color: #245ea3;text-decoration: none;}

/* Divs
-------------------------------------------------------------------------- */
#geral { width:100%; background:url(../gif/bg-top.gif) top center no-repeat; }
#layout { width:790px; margin:auto; text-align:left; padding-bottom:10px; }
#topo { }
#servicosBarra { background:url(../gif/barra-servicos.gif) repeat-x; height:142px; width:100%; float:left; }
#servicosBarra .conteudo { width:790px; margin:auto; text-align:left; color:#FFF; }
#servicosBarra .conteudo h1 { color:#FFF; font-size:1.5em; font-weight:normal; font-family: Verdana, sans-serif; }
#rodape { height:30px; text-align:center; width:100%; float:left; padding-top:15px; }

.img-produto img {padding:4px; border:1px solid #CCC}
.img-produto img:hover {border:1px solid #e1024b}

.descricao li { margin:auto auto 5px 20px; padding:0px; list-style:disc; }

/* Lista Produtos
-------------------------------------------------------------------------- */
.listaProdutos { margin: 0px; margin-top: 10px; padding: 0px; list-style: none; }
.listaProdutos li { margin: 0px; padding: 0px; cursor:pointer; }
.listaProdutos li { overflow: hidden; height: 21px; color: #666; display: block; padding: 5px 10px 0px 27px; background:#fafafa url("../gif/ico-seta.gif") no-repeat 10px 11px; text-decoration: none; border-bottom: 1px solid #E1E1E1; }
.listaProdutos li.tituloPrincipal {  height: 21px; cursor:default; background:none; border-bottom:1px solid #CCC; }
.listaProdutos li.tituloPrincipal:hover {  background:none; }
.listaProdutos li:hover { color: #105C03; background:#f7fbf6 url("../gif/ico-seta.gif") no-repeat 10px 11px; font-weight:bold; }
.listaProdutosTitulo { float: left; margin: 0px; padding: 0px; }
.listaProdutosFornecedor { float: right; margin: 0px; padding: 0px; text-align:left; width:130px; }



/* Lista Lojas
-------------------------------------------------------------------------- */
.listaLojas { margin: 0px; margin-top: 10px; padding: 0px; list-style: none; }
.listaLojas li { margin: 0px; padding: 0px; cursor:pointer; }
.listaLojas li { overflow: hidden; height: 21px; color: #666; display: block; padding: 5px 10px 0px 27px; background: url("../gif/ico-seta.gif") no-repeat 10px 11px; text-decoration: none; border-bottom: 1px solid #E1E1E1; }
.listaLojas li:hover { color: #105C03; background:#f7fbf6 url("../gif/ico-seta.gif") no-repeat 10px 11px; font-weight:bold; }
.listaLojasTitulo { float: left; margin: 0px; padding: 0px; }
.listaLojasFone { float: right; margin: 0px; padding: 0px; }


/* Letras
-------------------------------------------------------------------------- */
.letra { width:30px; float:left; background:#336633; text-align:center; color:#FFF; margin:0px 3px 10px 3px; }
.letra a { color:#FFF; font-weight:bold; width:100%; height:100%; display:block; padding:4px 0 4px 0; }
.letra a:hover { color:#FFF; background:#548b54; }


/* Formulário
-------------------------------------------------------------------------- */
select, textarea, input { border-style: solid; font-family: verdana; font-size: 13px; color: #000000; background-color: #fff; border-color: #D5D5D5; border-width: 1px; }
input[type="radio"] { border:0px; background:#fff; }
option { font-family: verdana; font-size: 11px; color: #000000;}

.button { font-size:11px; font-family:Tahoma, Verdana, Arial, Sans-Serif; font-weight:bold; background-color: #619c32; padding-left:6px; padding-right:6px; padding-top:3px; padding-bottom:3px; color: #ffffff; border:1px solid #619c32; background-image: url('../jpg/button/bg-button.jpg'); }
.button:hover { background-color: #000000; border:1px solid #000000; background-image: url('../jpg/button/bg-button-over.jpg'); }

.field {background: url(../jpg/bg-field.jpg) repeat-x left top; margin-bottom: 7px; width: 255px; padding: 5px; height: 18px; border: 1px solid #d3d3d3; color:#888888; font-size:12px;}
.fieldTextarea {background: url(../jpg/bg-field.jpg) repeat-x left top; padding: 5px; border: 1px solid #d3d3d3; color:#888888; font-size:12px;}
.fieldSelect {background: url(../jpg/bg-field.jpg) repeat-x left top; padding: 5px; border: 1px solid #d3d3d3; color:#888888; font-size:12px;}

.fbranco {background-color: #fff; border-top: 1px solid #c9cbd3; border-right: 1px solid #c9cbd3; border-bottom: 1px solid #f1e6b3; font-size:12px; }

/* -------- estilo p/ botões do tipo select ---------- */
.form_field { font-family: verdana; font-size: 10px; }