@charset "utf-8";
/* Resetando Elementos */

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,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a { 
	text-decoration:none;
	color:#62577F;
}

a:hover {
	text-decoration:none;
	color:#11003F;
	text-decoration:underline;
}

/* Firefox sempre com barra */
html { overflow: -moz-scrollbars-vertical; }


/* ESTILOS DO SITE */
body { font:14px Arial; color:#777; background:#eee url('../img/bg-site.jpg') repeat-x; line-height:20px; }

/* ESTRUTURA */
#geral{ display:table; width:920px; padding:0 10px; margin:0 auto; background: url('../img/bg-geral.jpg') top left no-repeat; }
#topo{ height:179px; text-indent:-10000px; }
#corpo{ /*display:table;*/ width:100%; margin-top:20px; background:#fff url('../img/bg-geral-fim.jpg') no-repeat bottom left; padding-bottom:20px;}
#conteudo{ float:left; width:580px; margin:9px; _margin:7px; }
#sidebar{ float:right; width:300px; margin:9px; _margin:6px;_margin-left:0; }
#lista{ display:table; width:100%;}
#lista li { display:table; float:left; width:48%; }
#lista li img{ float:left; width:60px; height:50px; margin-right:5px; }

#oquee{ /*width:960px;*/ height:240px; margin:0 10px; }
#apresentacao{ position:absolute; /*width:450px;*/ margin-top:65px; *margin-top:60px; margin-left:20px; }

#modelos li img{ display:block; }

#clientes li{ display:table;  /*width:536px;*/ margin-top:5px; }


/*ESTILOS*/
h2, h2 a{ font:32px "Trebuchet MS",Arial; letter-spacing:-2px; margin-bottom:15px; color:#99bb00; border-bottom:3px solid #eee; padding-top:5px; padding-bottom:3px;}
h2 a{ background:none !important; border:0 !important; padding-left:0 !important; padding-bottom:0 !important; margin-right:0 !important;}
h2 a:hover{ text-decoration:none; color:#768F00;}
h2 span{ display:block; font-size:20px; font-weight:normal; color:#bdbd59; letter-spacing:0; margin-top:-8px; }

#oquee{ background: url('../img/topo1.jpg') no-repeat 0 40px; }
#apresentacao{ font:14px Arial; line-height:20px; color: #663300; }
#apresentacao .txt1{ background:url('../img/bg_txt1.png') no-repeat top left; padding:10px; color:#077;}
#apresentacao .txt2{ background:url('../img/bg_txt2.png') bottom left; padding:10px; color:#eee; *background:#222;}
#apresentacao .txt2 p{ margin:5px 0;}
#apresentacao .txt2 strong{ color:#fff;}
#apresentacao .lermais{ background:url('../img/bg_lermais1.png') no-repeat bottom left; overflow:hidden; text-indent:-10000px; cursor:pointer;}
#apresentacao .selected{ background:url('../img/bg_lermais2.png') no-repeat bottom left; }

#ilustracao{ background:#F3F9E1; padding:5px 0; margin-bottom:-10px;}

/*SITE 2*/

a{ color:#069; background:#F3EFEB; padding:2px 4px; border:1px solid #ddd; margin-top:5px;}
a:hover{ color:#036;}

#modelos p{ margin:5px; color:#077;}
#modelos li{ display:block; margin:10px 0; }
#modelos li a{ display:block; background:#C3DFDE; padding:5px; color:#077; border:0;}
#modelos li a:hover{ background:#9C0; color:#fff;}
#modelos li a span{ display:block; font-size:12px;}
#modelos li img{ background:#fff; margin-bottom:3px; display:block; width:290px; height:145px;}

#pedido { background:#F3EFEB url('../img/bg_pedido.jpg') no-repeat 20px 50px; padding:0px; height:120px; border-bottom:1px dotted #ddd; margin-top:20px;}
#pedido h2{ background:#fff; margin-bottom:2px; border-color:#DFD8D1;}
#pedido p a{ display:block; margin-top:9px; padding:5px 0 0 110px; font-size:24px; color:#077; background:none; border:0;}
#pedido p a span{ display:block; font-size:20px; margin-top:1px;}
#pedido p a:hover{ color: #0099CC; text-decoration:none;}

#clientes { clear:left; margin-top:20px;}
#clientes ul{ margin-top:-10px; margin-bottom:5px;}
#clientes li{ border:2px solid #EFE7E0; width:100%; }
#clientes h3{ float:left; font-size:14px; color:#667F17; letter-spacing:0; padding:5px;}
#clientes li span{ float:right; display: inline-block; text-align:right; padding:4px 7px; background:#F3EFEB; }
#clientes li a{ display:inline-block; font-size:14px; letter-spacing:0; color:#077; margin-top:2px; border:0; }
#clientes li a:hover{ color:#09C;}

#sobre{ display:table; width:100%; background:url('../img/sobre-img1.jpg') no-repeat 160px 75px; text-align:left; color:#555; margin-bottom:20px; font-size:12px;}
#sobre h2{ margin-bottom:7px;}
#sobre p span{ display:block; margin-right:120px; margin-bottom:5px; background:none;}
#sobre p strong{ font-weight:normal; }

/*MENU*/
#menu{ width:100%;}
#menu ul{ display:table; width:100%; }
#menu ul li{ float:left; display:inline; margin:2px 3px 0 3px; height:38px; overflow:hidden;}
#menu li a{ display:block; color:#069; font:14px "Trebuchet MS",Arial; text-transform:uppercase; letter-spacing:0px; background:url('../img/bg-menu1a.jpg') repeat-y top left; padding:0; border:0;}
#menu li a span{ display:block; padding:10px 10px 10px 10px; background:url('../img/bg-menu1b.jpg') repeat-y top right;}
#menu li a:hover{ background-position:0 -40px;  text-decoration:none; color:#036;}
#menu li a:hover span{ background-position:right -40px;}

#pg-inicial #menu li.inicial a, #pg-sobre #menu li.sobre a, #pg-recursos #menu li.recursos a, #pg-modelos #menu li.modelos a, #pg-clientes #menu li.clientes a, #pg-duvidas #menu li.duvidas a, #pg-servicos #menu li.servicos a{ background:url('../img/bg-menu2a.jpg') repeat-y top left; color:#fff;}
#pg-inicial #menu li.inicial a span, #pg-sobre #menu li.sobre a span, #pg-recursos #menu li.recursos a span, #pg-modelos #menu li.modelos a span, #pg-clientes #menu li.clientes a span, #pg-duvidas #menu li.duvidas a span, #pg-servicos #menu li.servicos a span{ background:url('../img/bg-menu2b.jpg') repeat-y top right; color:#fff;}

#menu li.especial a{ background:url('../img/bg-menu3a.jpg') repeat-y top left; color: #C00;}
#menu li.especial a:hover{ background-position:left -40px;  text-decoration:none; color: #900;}
#menu li.especial a span{ background:url('../img/bg-menu3b.jpg') repeat-y top right;}
#menu li.especial a:hover span{ background-position:right -40px;  text-decoration:none;}

/*LISTA ITENS*/
#recursos-lista{ margin-top:12px;}
#inicial #recursos-lista li span{ display:none;}
#recursos-lista img{ background:none;}

#recursos-lista li { margin:0.5%; border-bottom:1px dotted #ddd; width:49%; float:left;}
#recursos-lista li h2, #recursos-lista li h3{ font:normal 20px "Trebuchet MS",Arial; letter-spacing:-1px; color: #CC3300; margin:4px; vertical-align:middle;}
#recursos-lista li p{ font-size:14px; color: #BD995B; line-height:18px; margin-top:3px;}
#recursos-lista li img{ display:block; float:left; margin-right:4px; width:50px; height:42px; }
#recursos-lista li span{ display:block; }
#recursos-lista li.i2{ background:#F3EFEB;}

#pg-recursos #recursos-lista{ margin:0;}
#pg-recursos #recursos-lista li{ width:100%; margin:0; padding:7px 0;}
#pg-recursos #recursos-lista li img{ width:60px; height:50px;}
#pg-recursos #recursos-lista li h3{ font-size:20px;}
#pg-recursos #recursos-lista li span{ letter-spacing:0; margin-top:7px;}

#pg-recursos #recursos-lista li{ border-bottom:1px solid #EFE7E0; padding-bottom:10px;}
#pg-recursos #recursos-lista li:hover{ background:#FFF7EF;}
#pg-recursos #recursos-lista li:hover p{ color:#8F6E35;}
#pg-recursos #recursos-lista li h3{ font:normal 22px "Trebuchet MS",Arial; color:#900; letter-spacing:0;}

/*VALOR*/
#valor{ display:table; background:#F3FFCF; width:96%; border-bottom:3px solid #CBDF8B; padding:2%; margin-bottom:20px;}
#valor h2{ float:left; display:inline-block; font:30px Arial; letter-spacing:-1px; color:#aaa; color:#c00;}
#valor h2 span{ font-size:34px; color:#C00; letter-spacing:-2px;}
#valor h2 span{ background:#C00; font-size:34px; color:#fff; padding:0 5px; letter-spacing:-2px;}

#valor .valor-txt{ float:left; display:inline-block; padding:0 20px;}
#valor .valor-txt span{ display:inline-block; color:#99cc00; font-size:18px;}
#valor .valor-txt span span{ display:block;}
#valor .valor-txt span.s2{ font-size:70px; letter-spacing:-3px; color: #99bb00;}
#valor h3{ float:left; display:inline-block; float:left; font:60px Arial; width:300px; }
#valor h3 span{ font-size:20px; display:inline-block; padding-bottom:30px; float:left; margin-top:10px; }

#valor h2, #valor .valor-txt{ display:block; width:180px; float:none; padding:0; margin:0;}
#valor .valor-txt{ width:205px; }

/*BOTOES ESPECIAIS*/
.seta-direita{ text-align:right; background:#F3EFEB url('../img/ico-seta-dir.gif') no-repeat right 6px; border-bottom:1px solid #DFD8D1;  padding:5px 42px 5px 10px; }
.seta-direita a{ font:16px "Trebuchet MS",Arial; color:#006699; border:0;}
.seta-direita a:hover{ color:#036;}
#modelos p.seta-direita{ margin:0;}

/*PÁGINAS - ESTILOS ESPECÍFICOS*/
#pg-inicial #recursos-lista p{ display:none;}

#pg-sobre #conteudo{ background:url('../img/bg-pg-sobre.jpg') no-repeat 0 60px;}
#pg-sobre #conteudo p{ margin:20px 0; margin-left:250px; line-height:24px;}

#pg-recursos #sobre{ margin-top:20px;}

#pg-modelos #modelos{ margin-bottom:10px; width:100%;}
#pg-modelos #modelos p{ margin:5px; color:#077;}
#pg-modelos #modelos li{ display:inline-block; *float:left; width:270px; margin:9px; *margin:7px;}
#pg-modelos #modelos li a{ display:block; background:#C3DFDE; padding:5px; color:#077;}
#pg-modelos #modelos li a:hover{ background:#9C0; color:#fff;}
#pg-modelos #modelos li a span{ display:block; font-size:12px;}
#pg-modelos #modelos li img{ background:#fff; margin-bottom:3px; display:block; width:260px; height:135px;}

#pg-modelos #sobre{ margin-top:20px;}

#pg-modelos #clientes ul li{ margin:2px 0;}

.aviso{ background:#FFF6CF; padding:5px; border:2px solid #FFC62F; margin-top:20px;}
.aviso .titulo{ color:#FF8A00; font-size:16px; margin-bottom:5px; }
.aviso p{ color:#CF7B19; font-size:12px;}
.aviso img{ float:left; margin:3px; margin-right:10px;} 
.aviso span{ font-weight:bold; padding:0 2px;}
.aviso .obs{ font-size:11px; color:#CC0000; font-style:italic;}

#pg-servicos .aviso .titulo, #pg-pedido .aviso .titulo{ color:#900;}
#pg-pedido .aviso .titulo{ text-align:center; text-transform:uppercase;}
#pg-servicos .aviso p, #pg-pedido .aviso p{ color:#630;}

#pg-clientes #clientes{ margin:0; margin-bottom:10px;}
#pg-clientes #clientes li{ padding:5px 0; display:table; width:100%; border-width:0; border-bottom-width:2px;}
#pg-clientes #clientes li img{ display:block; width:200px; height:60px; float:left; margin-right:10px; background:#fff; padding:3px; border:1px solid #eee; margin-bottom:5px;}
#pg-clientes #clientes li a{ float:none; margin-top:3px; background:#f7f7f7; border:1px solid #e7e7e7; }
#pg-clientes #clientes li p{ float:left; width:55%;  background:#F3EFEB url('../img/bg-box-coment.gif') no-repeat top left; padding:2%; padding-top:15px; font-size:12px;}
#pg-clientes #clientes li h3 { display:block; width:60%; margi-top:-5px; margin-bottom:5px;}
#pg-clientes #clientes li h3 a{ font:normal 18px Arial,"Trebuchet MS"; padding:0; margin-bottom:0; color:#667F17; background:none; border:none; }
#pg-clientes #clientes li h3 a:hover{color:#3D4F05;}

#pg-clientes #pedido{ margin:0; margin-bottom:20px;}

#pg-duvidas #duvidas{ margin:20px 0;}
#pg-duvidas #duvidas li{ display:table; width:100%; margin-bottom:10px; background:; }
#pg-duvidas #duvidas li span{ display:inline-block; float:left; margin-right:5px; background: url('../img/bg-lista-numero.gif') no-repeat; width:26px; height:22px; padding-top:4px; text-align:center; font:15px Arial; color: #006600; letter-spacing:-1px; }
#pg-duvidas #duvidas li strong{ color:#555;}
#pg-duvidas #duvidas li h3{ display:inline-block; width:87%; _width:87%; font:normal 15px Arial; color:#900; background:#F3EFEB; border-bottom:1px solid #DFD8D1; padding:3px 5px; }
#pg-duvidas #duvidas li h3{ background:none; border-bottom:1px solid #EAEFC2;}
#pg-duvidas #duvidas li span.botao{ position:absolute; height:16px; overflow:hidden; margin-top:-22px; margin-left:548px; *margin-left:518px; font-size:10px; text-transform:uppercase; letter-spacing:1px; padding:4px 3px 0 3px; background:#FAFFCF; border:1px solid #E7EFA4; color:#838F1A; cursor:pointer; }
#pg-duvidas #duvidas li span.selected{ background:#DFB0A7; border-color:#BF796B; color:#C00; background:#BF1F00 url('../img/ico-ler-fechar.gif') no-repeat 5px 5px; border-color: #600; color:#fff; text-indent:-10000px; width:10px; height:10px; margin-top:-16px; margin-left:556px; *margin-left:526px;}
#pg-duvidas #duvidas li p{ display:block; width:94.5%; background:#fff; margin-top:5px; margin-left:30px; font-size:12px; }

#pg-duvidas #pedido{ margin:0; margin-bottom:20px;}

#pg-servicos #servicos li{ display:table; width:100%; padding-bottom:10px; margin-bottom:15px; border-bottom:2px solid #eee;}
#pg-servicos #servicos h3{ font:18px Arial; color:#900; margin-bottom:5px;}
#pg-servicos #servicos img{ float:left; display:block; width:120px; height:90px; margin-right:10px;}
#pg-servicos #servicos p{ margin:5px 0; color:#555; font-size:12px; line-height:16px;}
#pg-servicos #servicos strong{ color:#333;}

/*FORMULARIO*/
#formulario{ background:#fff;}

#formulario p{ margin:10px 0;}

#form-box { margin:0 10px; /*background:#EFE7E0;*/ width:355px; margin:0 auto;}
#form-box .form-item{ width:335px; padding:2px 5px; border:3px solid #E0F0B2; font:16px Arial; color:#C00; background:#FBFFEF;}
#form-box #txt_modelocor{ width:180px;}
#form-box #txt_dominio{ width:305px;}
#form-box .form-item label{ display:block;}
#form-box p{ /*border-bottom:1px dotted #ddd;*/ padding-bottom:5px; margin-bottom:5px; }
#form-box .tit-item{ display: block; font:14px Arial; color:#600; padding-bottom:3px;}

#erro-form{ display:table; width:340px; margin:0 auto; background:#FEDFFE; border:3px solid #EFB3D2; padding:5px; padding-top:15px; font-size:14px; color:#AF0A30;}
#erro-form img{ float:left; margin-top:-15px; margin-right:5px;}
.botao1{ margin:10px 0; background:#C00; border:2px solid #F33; border-bottom:1px solid #600; border-right:1px solid #600; padding:1px 3px; font:12px Arial; color:#FCC;}

#sucesso-form{ display:table; width:340px; margin:0 auto; background:#E4FDE0; border:3px solid #AFDFA7; padding:5px; padding-top:15px; font-size:14px; color: #060; text-align:center;}
#sucesso-form img{ float:left; margin-top:-15px; margin-right:5px; margin-bottom:10px;}
#sucesso-form span{ font:bold 16px Arial; color:#030;}

#enviar{ font:20px Arial; background:#99BB00; padding:0 5px; border:3px solid #CDEF2C; color:#fff;}

#atendimento{ display:table; width:410px;}

#atendimento-lembrete1{ position:absolute; background:#F3EFEB; width:120px; padding:10px; font-size:12px; line-height:18px; top:10px; right:0px;}
#atendimento-lembrete2{ float:left; background:#E8ECBD url('../img/atendimento-lembrete-bg.gif') no-repeat bottom left; padding:10px; padding-left:20px; width:109px; font-size:12px; line-height:18px; margin-top:135px; border-right:1px solid #DBDFA7; }

/*ICO NOVO*/
#menu .ico-novo{ position:absolute; margin-left:372px; margin-top:-15px; display:block; width:32px; height:32px;}

/* SIDEBAR */
#sidebar h2{ padding-bottom:0px;}

/* CRÉDITOS */
#creditos{ width:920px; padding:20px; margin:0 auto;}
#creditos p{ font-size:12px; color:#999; margin-top:-15px; margin-bottom:7px; padding-bottom:10px; border-bottom:1px dotted #ddd;}
#creditos span{ display:block; color:#63949F; padding:0 4px;}
#creditos a{ padding:2px 4px; color:#069; border:0;}
#creditos a:hover{ background:#fff; color:#003;}

#creditos .tf{ float:left; width:45%; margin-bottom:20px;}
#creditos .wp{ float:right; width:45%; text-align:right;}
/*body #creditos #wplink{ display:block; width:165px; height:45px; background:url('../img/wp-logo.gif') no-repeat; overflow:hidden; text-indent:-1000px;}
*/
body #creditos a#wplink{ display:block; float:right; width:165px; height:45px; background:none; margin:0; margin-bottom:10px;}
body #creditos a:hover#wplink{ background:none;}

/*Sidebar - Variação nas Páginas*/
#pg-inicial #pedido{ margin-top:-5px; margin-bottom:20px;}

/*Alteração de espaçamento TOPO*/
body{ background-position:0 -30px;}
#topo{ height:150px;}
#geral{ background:url('../img/bg-geral2.jpg') 0 -30px no-repeat !important;}