/************************************************************************/
/* 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; }
html { height:100%; background:#fff url(../jpg/bg.jpg) center top repeat-x;  }
body { width:100%; height:100%; background:url(../png/bg-geral.png) center top no-repeat; font: normal 12px/1.6em arial, sans-serif; text-align: left; color: #666666; font-family:Tahoma, Geneva, sans-serif; }

ul, li, ol { list-style:none; }

h1, h2, h3, h4, h5, h6 { font-weight:bold; color: #354C4E; font-family: Helvetica, Arial, Verdana, sans-serif; }
h1 { font-weight:normal; color: #60693a; font-size:1.6em; margin:6px 0 12px 0; padding-bottom:4px; font-family: Helvetica, Arial, Verdana, sans-serif; }
h2 { font-weight:normal; color: #666666; font-size:1.3em; margin-bottom: 5px; font-family: Helvetica, Arial, Verdana, sans-serif; }
h3 { font-weight:normal; color: #3d3d3d; font-size:1.6em; margin-bottom: 5px; font-family: Helvetica, Arial, Verdana, sans-serif; }
h4 { color: #e7ff61; font-weight:bold; font-size:1.2em; margin-bottom: 5px; font-family:Verdana, Geneva, sans-serif; }
h5 { font-family: "Arial", Trebuchet MS, sans-serif; }
h6 { font-family: "Arial", Trebuchet MS, sans-serif; }

img { border:0px; }


/* Padrão
-------------------------------------------------------------------------- */
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }

.floatL { float:left; width:100%; }
.floatR { float:right; width:100%; }

.bordaImg { border:1px solid #e3e3e3; }
.verMais a { background: url(../gif/ponto-menu.gif) right bottom no-repeat; font: bold 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color: #ff9900; display: block; width: auto; padding: 3px 10px 3px 3px; *padding: 2px 10px 2px 0; text-align:right; text-decoration: none; border-bottom: 1px solid #cecece; }
.verMais a:hover { color: #fff; background:url(../gif/bg-menu-hover.gif); }

.botaoLogin {	background:url(../jpg/cadeado-login.jpg); background-repeat:no-repeat; height:32px; border:none; width:87px;}
.boxLogadoIndex{ background:#EFEFEF; font:Verdana, Geneva, sans-serif; color:#000; text-align:center; margin:0 20px 0 0; max-width:200px; font-weight:bold; padding:5px;}
.boxLogadoIndex a{ font-family:Verdana, Geneva, sans-serif; color:#666;}
.boxLogadoIndex a:hover{ font-family:Verdana, Geneva, sans-serif; color:#000; text-decoration:underline;}

.boxLogadoPaginas{ background:#EFEFEF; font:Verdana, Geneva, sans-serif; color:#000; text-align:center; margin:0 20px 0 0; max-width:200px; font-weight:bold; padding:5px; margin:-40px 0 40px 550px;}
.boxLogadoPaginas a{ font-family:Verdana, Geneva, sans-serif; color:#666;}
.boxLogadoPaginas a:hover{ font-family:Verdana, Geneva, sans-serif; color:#000; text-decoration:underline;}


/* Clearfix
-------------------------------------------------------------------------- */
.clearfix {display: inline-block;} /* isso serve para IE/Mac */
.clearfix:after {content: " ";display: block;height: 0;clear: both;font-size: 0;visibility: hidden;}
* html .clearfix { zoom: 1; }
.clearfix { display: block; }


/* Links
-------------------------------------------------------------------------- */
a { text-decoration:none; color:#4e4e4e; }
a:hover { color:#888; }


/* Divs (Geral)
-------------------------------------------------------------------------- */
#inicio { width:100%; float:left; height:100%; }
#layout { width:800px; margin:auto; height:100%; }
.inicioGeral { background:url(../jpg/bg-geral.jpg) top right no-repeat; width:800px; height:380px; margin:10px auto 15px auto; }
.conteudo { float:left; width:550px; margin:20px 0 10px 20px; }


/* Topo
-------------------------------------------------------------------------- */
.topo { width:50%; height:90px; }
.topo img { padding:30px 0 0 5px; }


/* Logo
-------------------------------------------------------------------------- */
.logoGeral { width:100%; height:187px; }
.logo { float:left; }
.logo img { padding-top:15px; }


/* Login topo
-------------------------------------------------------------------------- */
.loginTopo { float:right; width:220px; margin-top:15px; }
.loginTopo input { width:80px; border-color:#666666; }
.loginTopo strong { color:#666666; }


/* Notícias Meio
-------------------------------------------------------------------------- */
.noticiasMeio { float:left; width:180px; margin:28px 0 0 15px; }


/* Clientes
-------------------------------------------------------------------------- */
.cliente { float:left; width:100px; height:60px; text-align:center; margin:10px 18px; background:url(../jpg/bg-cliente.jpg) no-repeat; }
.cliente img { padding-top:7px; }


/* Portfolio
-------------------------------------------------------------------------- */
.portfolio { float:left; width:520px; margin:0; background:url(../png/bg-port.png); padding:9px; border:1px solid #e8e8e8; -moz-border-radius:7px; -webkit-border-radius:7px; }
.portfolio .foto { float:left; text-align:center; margin-right:10px; }
.portfolio h3 { font-size:2.0em; margin:6px 0; padding-bottom:10px; }
.portfolio .info a { color:#00923F; }
.portfolio .info a:hover { color:#666666; }



/* Rodapé
-------------------------------------------------------------------------- */
#rodape { float:left; width:100%; margin:15px 0; padding:10px 0 0 0; background:url(../gif/linha-rodape.gif) top center no-repeat; }
#rodape a { color:#666; }
#rodape a:hover { color:#bdbdbd; }
#rodape #hagab { float:left; width:150px; text-align:center; }
#rodape #links { font-size:9px; color:#666; float:left; text-align:center; width:420px; }
#rodape #copy { font-size:9px; color:#666; float:right; width:230px; text-align:center; }


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

  /* requerido */
  .requerido { color:#D01A1A; }

  /* button */
  .botao { color:#fff; border:1px solid #EFF9FF; *border:0px; background:#fff url(../png/bg-botao.png) repeat-x 0 0; padding:3px; *padding:2px; }
  .botao:hover { color:#999999!important; border:1px solid #EFF9FF; *border:0px; background:#fff url(../png/bg-botao.png) repeat-x 0 bottom; 	}
  .button { margin-top:4px; font-size:11px; font-family:Tahoma, Verdana, Arial, Sans-Serif; font-weight:bold; background-color:#181818; padding-left:6px; padding-right:6px; padding-top:3px; padding-bottom:3px; color:#ffffff; border:1px solid #4E4E4E; background-image:url('../jpg/bg-button.jpg'); }
  .button:hover { background-color:#000000; border:1px solid #2c719d; background-image:url(../jpg/bg-button-over.jpg); }

  /* label */
  label.w100 { width:98%; float:left; text-align:left; margin:0; display:block; height:4px; }

  /* select  */
  .select { font-family:verdana; font-size:11px; }

  /* fale-conosco */
  #fale-conosco p { margin-left: 20px; }
  #fale-conosco .erro-contato { padding: 0px 20px 0px 20px; }
  #fale-conosco input, select, textarea { border: 1px solid #666666; padding:3px; }
  #fale-conosco span.telefone { margin-left:2px; }
  #fale-conosco ul li { list-style: none; margin-bottom: 8px; }
  #fale-conosco .texto-contato { margin-left: 20px; }
  #fale-conosco span { margin:0px; padding:0px; }

  /* erro */
  .erro { border:1px solid #D01A1A; margin-bottom:10px; }
  .erro h6 { background:#D01A1A; font-size:1em; padding:5px 3px; color:#FFF; }
  .erro ul { list-style-type:none; padding:5px 5px 5px 10px; }
  .erro span { font-weight:bold; }
  .erro li { margin:3px 0; }