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

/* Geral
-------------------------------------------------------------------------- */
html, body { height:100%; } /**/
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:1em; vertical-align:baseline; background:transparent; }
html { filter:expression(document.execCommand("BackgroundImageCache", false, true)); } /* permitir imagem cache no IE6 */
html { overflow:-moz-scrollbars-vertical; } /* coloca barra de rolagem no ff */
body { font:85%/150% Arial, Verdana, sans-serif; color:#555864; line-height:1; }

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: #000; font-size:1.6em; margin:6px 0 12px 0; padding-bottom:4px; font-family: Helvetica, Arial, Verdana, sans-serif; border-bottom:1px dashed #CCC; }
h2 { font-weight:normal; color: #666; font-size:1.6em; margin-bottom: 10px; font-family: Helvetica, Arial, Verdana, sans-serif; }
h3 { font-weight:normal; color: #727272; font-size:1.3em; margin-bottom: 5px; font-family: Helvetica, Arial, Verdana, sans-serif; }
h4 { font-weight:normal; color: #727272; font-size:1.3em; margin-bottom: 5px; font-family: Helvetica, Arial, Verdana, 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; }
.strong { font-weight:bold; }

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

.clear { clear:both; }


/* Links
------------------------------------------------------------------------------------------------------------------------------------------------------------ */
a { color:#4596c1; text-decoration:none; }
a:hover { text-decoration:underline; }


/* Divs
------------------------------------------------------------------------------------------------------------------------------------------------------------ */
#inicio { width:100%; margin:0 auto; float:left; }
#geral { min-height:100%; width:100%; float:left; background:url(../gif/bg-body.gif) repeat-y center center; }
#principal { width:960px; margin:auto; position:relative; left:-5px; min-height:100%; }


/* Topo
------------------------------------------------------------------------------------------------------------------------------------------------------------ */
#topo { height:94px; background:#ffffff url(../jpg/bg-topo.jpg) bottom repeat-x; }
#logo { padding:12px 0px 0px 7px; width:460px; float:left; }
#acesso-painel { z-index:50; position:absolute; right:0; }


/* Conteúdo
------------------------------------------------------------------------------------------------------------------------------------------------------------ */
#conteudo { float:right; width:781px; padding:12px 0 30px 0; margin:0 0 20px 0; line-height:1.8em; color:#4d4d4d; }
#conteudo p { font-size:0.9em; margin:0 0 5px 0; line-height:1.8em; color:#4d4d4d; }


/* Navegação - páginas internas
------------------------------------------------------------------------------------------------------------------------------------------------------------ */
ul#navegacao-meio { list-style:none; padding:0px; margin:0; }
ul#navegacao-meio { margin-bottom:10px !important; }
ul#navegacao-meio li { font-size:0.9em; display:inline !important; background:none; }
ul#navegacao-meio li.first { margin-left:0 !important; padding:0 2px 0 0!important; }
ul#navegacao-meio li.link { margin-left:0 !important; padding:0 0 0 15px !important; background:url(../gif/bullet-navegacao.gif) no-repeat 0 50% !important; }
ul#navegacao-meio li a { font-weight:normal; }
ul#navegacao-meio li.first a { color:#3594ac; }
ul#navegacao-meio li.link a { color:#524f4e; }
ul#navegacao-meio li.link a:hover { color:#3594ac; }


/* Publicacao
------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.publicacao { width:295px; height:184px; background:url(../png/bg-publicados.png) no-repeat; }


/* Planos
------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Table (Comparison) */
table.Comparison {width: 100%;border-top: 1px solid #b6b6b6;border-right: 1px solid #b6b6b6;font-size: 12px;}
table.Comparison .mini { font-size:10px; }
table.Comparison .red strong { font-size:14px; }
table.Comparison tr.highlighted {background: transparent url("../png/bg_tr.png"); height:80px;}
table.Comparison tr.big td {height: 45px;}
table.Comparison tr.zebrado td { background:#EFEFEF; }
table.Comparison td.Feature {text-align: left;padding-left: 5px;	}
table.Comparison td {border-left: 1px solid #b6b6b6;border-bottom: 1px solid #b6b6b6;text-align: center;height: 28px;}
table.Comparison th {text-align: center;height: 32px;border-left: 1px solid #b6b6b6;border-bottom: 1px solid #b6b6b6;font-size: 15px;font-weight: normal;color: #424b53;}
table.Comparison th.Feature {text-align: left;padding-left: 15px;color: #848e92;}
table.Comparison td img {margin: 0 auto;}
table.Comparison td b {color: #4fab05;}


/* Vantagens
------------------------------------------------------------------------------------------------------------------------------------------------------------ */
ul#vantagens { margin:0 0 0 -20px; padding:0; list-style:none; font-size:12px; }
#vantagens li { float:left; width:226px; margin:0 0 30px 13px; position:relative; font-size:90%; }
#vantagens li h3 { font-family: Helvetica, Arial, Verdana, sans-serif; font-size:1.4em; line-height:20px; font-weight:normal; display:block; color:#000; background-color:#e5e5e5; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; padding:6px 10px; position:relative; margin-bottom:10px; }
#vantagens li strong { font-weight:bold; }
#vantagens li img { float:left; margin:0 10px 10px 0; }
#vantagens li p { margin-left:45px; font-size:12px; }


/* Telas
------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.telas { width:780px; height:169px; margin-bottom:20px; }
.box-top { overflow:hidden; height:169px; width:742px; color:#616161; font-size:1.2em; background:url(../gif/bg-telas.gif) repeat-x 0 0; float:left; position:relative; left:0; }
#left, #right { cursor:pointer }
.box-top ul { list-style:none; height:169px; }
.box-top ul li { width:227px; text-align:center; display:inline-block; float:left; background:url(../gif/linha-telas.gif) no-repeat 0 0; height:169px; padding:0px 10px 0px 10px; }
.box-top ul li img { border:1px solid #CCC; margin-top:15px; }
.box-left { background: none; width:19px; margin:0; padding:0; overflow:hidden; font-size:0; float:left; line-height:0; }
.box-right { float:left; width:19px; margin:0; padding:0; font-size:0; line-height:0; }
.box-top strong { display: block; font-weight:bold; font-size:1.2em; text-transform:uppercase; color:#1e2123; padding:30px 15px 12px 0px; }
.box-top .fleft { float:left; display:inline; margin:38px 16px 0px 5px; }
.box-top a { text-decoration:none; }
.box-top a:hover { text-decoration: underline; }
	
	/* efeito */
	.stepcarousel{position: relative;overflow: scroll; width: 227px;height: 156px; }
	.stepcarousel .belt{position: absolute; left: 0; top: 0; }
	.stepcarousel .panel{float: left; overflow: hidden; margin: 20px; width: 227px; }
	#galleryB{width: 742px; margin:auto; }
	#galleryB .panel{height: 169px;font: bold 28px Arial;text-align: center;background-color: #fff;color: white;}
	p.samplebuttons{width: 227px;text-align: center;}
	p.samplebuttons a{color: #2e6ab1;padding: 1px 2px;margin-right: 3px;text-decoration: none;}
	#galleryB{overflow: hidden;}


/* Rodapé
------------------------------------------------------------------------------------------------------------------------------------------------------------ */
#rodape { width:100%; float:left; font-size:12px; border-top:1px solid #b5d0d4; color:#555555; }
#rodape a { color:#20a7da; }
#rodape a:hover { color:#0c5c68; }
#rodape .conteudoRodape { margin:0 auto 0.8em auto; width:960px; }

#rodape .iconeRodape { width:59px; height:auto; position:relative; overflow:hidden; margin:-26px auto 0px auto; }
#rodape .iconeRodape img { background:transparent url(../png/ico-rodape.png) no-repeat -59px 0; }
#rodape .iconeRodape:hover img { background-position:0px 0; }

#rodape .copyright { float:left; width:49%; text-align:left; }
#rodape .infoRodaoe { float:right; width:49%; text-align:right; }
#rodape .fleximob { color:#56717b; font-weight:bold; margin-bottom:0.4em; }


/* Formulário
------------------------------------------------------------------------------------------------------------------------------------------------------------ */
select, textarea, input { font-family:verdana; font-size:13px; color:#000000; border:1px solid #D5D5D5; background:#fff; }
input[type="radio"] { border:0px solid #D5D5D5; background:#fff; }
option { font-family:verdana; font-size:11px; color:#000000; }
.inputSemBorda { border:0px solid #D5D5D5; 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 #D6E0E7; 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; }