/************************************************************************/
/* 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:#131313 url(../gif/bg-rodape.gif); font: normal 12px/1.6em arial, sans-serif; text-align: left; color: #666666; font-family:Tahoma, Geneva, sans-serif; }

img { border:0px; }

h1, h2, h3, h4, h5, h6 { font-weight:bold; color: #354C4E; font-family: Helvetica, Arial, Verdana, sans-serif; }
h1 { font-weight:normal; color: #005197; font-size:2em; margin:6px 0 12px 0; font-family: Helvetica, Arial, Verdana, sans-serif; padding:2px 0px 6px 0px; border-bottom:2px solid #E1E1E1; }
h2 { font-weight:normal; color: #005197; 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: Helvetica, Arial, Verdana, sans-serif; }
h4 { color: #4b5250; font-weight:bold; font-size:1.1em; margin-bottom: 1px; font-family:Verdana, Geneva, sans-serif; }

.borda { border:1px solid #CFCFCF; }

/* 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: #005197;text-decoration: none; outline: 0;}
a:hover {color: #b7cee3;text-decoration: none;}


/* Divs
-------------------------------------------------------------------------- */
#inicio { width:992px; margin:auto; }
.top { height:15px; background:url(../gif/top.gif) no-repeat; }
.meio { background:url(../gif/meio.gif) center repeat-y; }
.end { height:15px; background:url(../gif/end.gif) no-repeat; }
.conteudoMeio { width:992px; margin:auto auto auto auto; padding-bottom:4px; }
.lateral { width:127px; float:left; }
.principal { width:964px; float:left; margin-left:14px; }
.consulte-nos { float:right; width:339px; margin-top:0px; }


.bgBranco { background:#FFF; }
.bgHover { background:#e1ebf8; }

/* Barra topo
-------------------------------------------------------------------------- */
#barraTop { height:31px; }
#barraTop .conteudo { width:962px; margin:auto; padding-top:5px; }
#barraTop a { float:left; margin:5px 10px 0 0; }
#barraTop .busca { float:right; margin:2px 10px 0 0; font-size:12px; color:#717e8f; }
#barraTop input { font-size:11px; width:150px; color:#717e8f; background:#fff url(../png/lupa.png) 124px -7px no-repeat; }
div#barraTop div.social{float: right; margin-right: 10px;}
div#barraTop div.social a{float: left; margin-top: 3px;}


/* Topo
-------------------------------------------------------------------------- */
#topo { height:104px; }
#topo .conteudo { width:982px; margin:auto; padding-top:8px; }
#topo .logo { float:left; padding-top:4px; }


/* Respostas Enquete
-------------------------------------------------------------------------- */
.resposta { width:100px; padding:2px 0 2px 0; float:left; }
.resposta .porcento { font-size:10px; color:#999;}
.resposta .barra { width:50px; border:1px solid #dcdcdc; height:5px; }
.resposta .barraResultado { background:#c6c6c6; height:3px; padding-top:2px;   }


/* Produtos
-------------------------------------------------------------------------- */
.produtos { float:left; width:700px; }
.produtos h2 { margin-bottom:11px; float:left; width:100%; margin-top:11px; }
.produtos h3 a { font-size:1.2em; width:160px; height:34px; background:url(../png/bg-produto.png) no-repeat; color:#333;; float:left; padding:7px 0 0 7px; }
.produtos h3 a:hover { background:url(../png/bg-produto2.png) no-repeat; color:#333; }


/* Produtos - Detalhes
-------------------------------------------------------------------------- */
.produto { width:339px; height:201px; float:left; background:url(../jpg/bg-produtos.jpg) no-repeat; margin:0px 5px 10px 0; _margin:0px 9px 10px 0; }
.detalhesProduto { width:697px; background:url(../gif/produtos/meio.gif) bottom repeat-y; float:left; }
.detalhesProduto .top { height:5px; background:url(../gif/produtos/top.gif) no-repeat; }
.detalhesProduto .meio { background:url(../gif/produtos/end.gif) bottom no-repeat; width:100%; float:left; }
.detalhesProduto .conteudo { padding:5px 10px 10px 10px; }
.detalhesProduto .foto { float:left; padding:5px; margin:0 8px 10px 0; border:1px solid #EEE; background:#FFF; width:320px; }


/* �ltimos Eventos
-------------------------------------------------------------------------- */
.ultimos-eventos { float:left; width:339px; margin:0px 19px 0 0; }
.ultimos-eventos .lista { float:left; width:100%; padding-bottom:2px; margin-bottom:6px; background:url(../gif/linha-ultimos-eventos.gif) bottom no-repeat; }
.ultimos-eventos .foto { float:left; width:42px; height:30px; background:url(../png/borda-mini-evento.png) no-repeat; padding:6px 0 0 6px; }
.ultimos-eventos .info { float:right; color:#4b5250; width:280px; margin-right:10px; padding-top:5px; font-size:11px; }
.ultimos-eventos .info a { color:#4b5250; }
.ultimos-eventos .info a:hover { color:#999; }


/* Eventos
-------------------------------------------------------------------------- */
.eventos { float:left; width:100%; border-bottom:1px dashed #CCC; padding-bottom:10px; margin-bottom:10px; }
.eventos .foto { float:left; width:180px; height:138px; background:url(../jpg/borda-evento.jpg) no-repeat; padding:8px 0 0 8px; }
.eventos .info { float:right; width:510px; padding-top:10px; }

.boxdestaque { height: 260px; width: 960px; float: left; }
.txtdestaque { font-family: Verdana, Geneva, sans-serif; font-size: 17px; color: #31718a; font-weight: normal; height: 20px; width: auto; padding:0 8px 0 8px; margin-top: 15px; margin-bottom: 10px; }
.imgdestaque { height: 133px; width: 220px; margin-right: auto; margin-left: auto; float: left; padding-left: 18px; }
.imgdestaque img { border:1px solid #bcbcbc; }
.desctxt { float: left; height: auto; width: 840px; padding-left: 18px; margin-top: 12px; color: #5f5e51; }


/* Rodap� Links
-------------------------------------------------------------------------- */
.rodapeLinks { text-align:center; margin:20px 0 5px 0; float:left; width:100%; color:#BFBFBF; }
.rodapeLinks a { padding:0 10px 0 10px; color:#39565f; }
.rodapeLinks a:hover { color:#7d949b; }


/* Dicas
-------------------------------------------------------------------------- */
.dicas {background:url('../gif/sidebox_bg.gif') no-repeat left top; width:98%; border:0px solid #e6e6e6; background-color:#0B3959; margin:12px 0 3px 0; }

.dicas h3 { background:#EAEAEA url('../gif/setas_faq.gif') no-repeat right -52px; font-size:1.2em; font-family:Tahoma, Geneva, sans-serif; padding:5px 10px; margin:0; border-top:solid 1px #BFBFBF; border-bottom:none; cursor:pointer; color:#333; }
.dicas h3:hover { background-color:#EDECEA; }
.dicas h3.active { background-position:right 4px; }
.dicas p { margin:0; padding:0 10px 10px 10px; display:none; background:#f5f5f5; border:1px solid #e9e9e9; }		


/* Info
-------------------------------------------------------------------------- */
.info { width:992px; margin:auto; background:#f8f8f8 url(../png/bg-info.png) bottom repeat-x; font-size:12px; line-height:15px; padding-bottom:8px; }
.info h2 { padding:2px 0px 6px 0px; border-bottom:2px solid #E1E1E1; }
.info label { border-bottom:1px solid #fff; }
.info label.last { border:none; }
.info input { background:none; }


/* Lista produtos
-------------------------------------------------------------------------- */
ul.listaProdutos {margin:0;padding-left:26px;}
ul.listaProdutos li {padding-bottom:8px;list-style:circle; width:100%; float:left;}


/* Rodap�
-------------------------------------------------------------------------- */
#rodape { text-align:center; font-size:11px; padding-top:10px; }
#rodape #flex a {background:transparent url('../png/logo-flex.png') no-repeat left bottom; float:right; height:24px; width:67px; margin:0% 2% 0px 0px; _margin:-35px 2% 0px 0px; }
#rodape #flex a:hover {background:transparent url('../png/logo-flex.png') no-repeat left top; float:right; }


/* 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;}
.inputSemBorda { border:0px solid #D5D5D5; background:#fff; }

  /* 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 { text-align:left; height:24px; margin:50px 0 20px 0; }
  label.w100 { width:100%; float:left; text-align:left; margin:2px 0 0 0; display:block; height:24px; }

  /* -------- estilo p/ inputs do newsletter ---------- */
  .input-news {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url(../png/bg-input.png) no-repeat scroll 0 0;height:31px;margin-top:14px;position:relative;width:229px;}
  .input-news input {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent none repeat scroll 0 0;border:medium none;color:#9D9D9D;font-family:Georgia,"Times New Roman",Times,serif;font-size:12px;font-style:italic;margin:0;padding:8px 25px 8px 12px;width:192px;}

  /* select  */
  .select { font-family:verdana; font-size:11px; }
  
  div.folders{width: 100%; float: left; height: 190px; padding-top: 10px;}
  div.folders div.folder{float: left; height: 180px; width: 160px; margin-left: 28px; position: relative;}
  div.folders div.folder div.imagem{width: auto; margin: 0 auto;}
  div.folders div.folder div.imagem a{display: block; float: left;}
  div.folders div.folder img{ max-width: 160px; max-height: 130px; float: left; height: auto; border-radius: 2px;}
  div.folders div.folder img:hover{opacity: 0.9;}
  div.folders div.titulo{width: 100%; float: left; height: auto; text-align: center; position: absolute; bottom: 30px; font-size: 14px; left: 50%; margin-left: -80px;}
  div.folders div.titulo.download{bottom: 8px;}
  div.folders div.titulo a{color: #5D8EA2; font-size: 14px; background-image: url('../png/download.png'); background-repeat: no-repeat; background-position: bottom left; padding-left: 17px;}
  div.folders div.titulo a:hover{opacity: 0.8;}