﻿/*****************************
RESET E FORMATAÇÂO GERAL
*****************************/
* { margin:0; padding:0; }
	body { color:#4f4f4f; font-family:Verdana, Geneva, sans-serif }
	a { color:#666666; text-decoration:underline; }
		a:focus { outline: 0; }
		a:hover { color:#4f4f4f; text-decoration:none; }
	a img { border: 0; }
	form, fieldset { border: 0; }
	ul, ol { list-style: none; }


/*****************************
ESTRUTURA
*****************************/
#container { display:table; margin:0 auto; width:800px; }


/*****************************
BACKGROUND E SPRITE
*****************************/
#home {
	background:url(../images/background-01.jpg) no-repeat top center; }

.quem,
.objetivos,
.diferenciais,
.equipe,
.missao,
.parceiros {
	background:url(../images/background-02.jpg) no-repeat top center; }

.equipe {
	background:url(../images/background-03.jpg) no-repeat top center; }

.auditoria,
.contabilidade,
.rh,
.ti,
.data,
.change,
.gerenciamento,
.conf,
.financeiro,
.contato-ok {
	background:url(../images/background-04.jpg) no-repeat top center; }

.gestao,
.fiscal { background:url(../images/background-05.jpg) no-repeat top center; }

.contato { background:url(../images/background-06.jpg) no-repeat top center; }

.servicos { background:url(../images/background-07.jpg) no-repeat top center; }

.sprite { background-image:url(../images/sprites.png); background-repeat:no-repeat;  }


/*****************************
TOPO
*****************************/
#header { height:160px; position:relative; width:100%; }
	
	#logo { background:url(../images/logo-serve.png) no-repeat; display:block; font-size:0; height:138px; left:14px; margin:0; padding:0; position:absolute; top:23px; width:136px; }
		#logo a { display:block; height:138px; width:136px; }


/*****************************
MENU
*****************************/
/* menu */
#nav .nav { height:45px; left:196px; position:absolute; top:71px;  }
	#nav .nav li { color:#666666; cursor:pointer; float:left; font-size:16px; font-weight:bold; line-height:46px; margin:0 22px; }
	#nav .nav li:hover { border-bottom:2px solid #fff; }
		#nav .nav li a { color:#666666; text-decoration:none; }
		#nav .nav li:hover ul { left:auto; }


/* sub-menu */
#nav .nav .sub-nav { background:#c5c5c5; left:-999999px; position:absolute; top:46px; }
	#nav .nav .sub-nav li { font-size:12px; float:none; font-weight:normal; line-height:22px; margin:4px; padding:0 6px; }
	#nav .nav .sub-nav li:hover { background:#d5d5d5; border:none; }
		#nav .nav .sub-nav li a { color:#666666; display:block; text-decoration:none; }
		#nav .nav .sub-nav li a:hover { font-weight:bold }
		
		.sub-nav-empresa { width:175px; }
		.sub-nav-servicos { width:219px; }
		
		#home #nav .nav .nav-home,
		#empresa #nav .nav .nav-empresa,
		#servicos #nav .nav .nav-servicos,
		#parceiros #nav .nav .nav-parceiros,
		#contato #nav .nav .nav-contato { 
			border-bottom:2px solid #fff; cursor:pointer; }


/*****************************
CONTEÚDO
*****************************/
/* imagens de background */
#content { background-position:top right; background-repeat:no-repeat; }
	
	.diferenciais #content { background-image:url(../images/bg-diferenciais.png); }
	.missao #content { background-image:url(../images/bg-missao.png); }
	.objetivos #content { background-image:url(../images/bg-objetivos.png); }
	.quem #content { background-image:url(../images/bg-quem.png); }
	.auditoria #content { background-image:url(../images/bg-auditoria.png); }
	.conf #content { background-image:url(../images/bg-conf.png); }
	.contabilidade #content { background-image:url(../images/bg-contabilidade.png); }
	.data #content { background-image:url(../images/bg-data.png); }
	.financeiro #content { background-image:url(../images/bg-financeiro.png); }
	.rh #content { background-image:url(../images/bg-rh.png); }
	.ti #content { background-image:url(../images/bg-ti.png); }
	.fiscal #content { background-image:url(../images/bg-fiscal.png); }
	.gestao #content { background-image:url(../images/bg-gestao.png); }
	.change #content { background-image:url(../images/bg-change.png); }
	.gerenciamento #content { background-image:url(../images/bg-gerenciamento.png); }
	

/* título */
#content h2 { color:#4F8235; font-size:16px; font-weight:bold; margin-bottom:26px; }
#content h3 { color:#4f4f4f; font-size:12px; font-weight:bold; }
	.equipe #content h3 { border-bottom:2px solid #7b7b7b; margin-bottom:10px; width:745px; }
#content h4 { color:#4f4f4f; font-size:12px; font-weight:bold; }
	.equipe #content h4 { margin-bottom:20px; }

/* conteúdo */
#home #content { margin-bottom:24px; }

.quem #content,
.objetivos #content,
.diferenciais #content,
.missao #content,
.parceiros #content {
	height:361px; margin:9px 0 -9px 0; padding:32px 0 0 19px; }

.equipe #content {
	height:2500px; margin:9px 0 -9px 0; padding:32px 0 0 19px; }

.auditoria #content,
.contabilidade #content,
.rh #content,
.ti #content,
.data #content,
.change #content,
.gerenciamento #content,
.conf #content,
.financeiro #content,
.contato-ok #content {
	height:207px; margin:9px 0 -9px 0; padding:32px 0 0 19px; }

.gestao #content,
.fiscal #content { height:250px; margin:9px 0 -9px 0; padding:32px 0 0 19px; }

.contato #content { height:626px; margin:9px 0 -9px 0; padding:32px 0 0 19px; }

.servicos #content { height:680px; margin:9px 0 -9px 0; padding:32px 0 0 19px; }

#content p { font-size:12px; line-height:14px; margin-bottom:15px; word-spacing:-2px; }


/* PARCEIROS */
#lst-parceiros { height:113px; margin-top:60px; }
#lst-parceiros li { float:left; font-size:0; height:113px; }
/*#lst-parceiros li a { display:block; height:113px; width:100%; }*/
	
	#wts { background-position:0 -334px; width:229px; }
	#flavio { background-position:-229px -334px; width:283px; }
	#grc { background-position:-512px -334px; width:237px; }


/* CONTATO */
#frm-contato { width:330px; }
	#frm-contato span { color:#ff0000; font-size:15px; font-weight:bold;}
	
	#frm-contato label { color:#000000; font-size:12px; font-weight:bold; margin-bottom:2px; }
	
	#frm-contato input[type="text"] { color:#666; font-family:Verdana, Geneva, sans-serif; font-size:12px; margin:0 0 8px 0; padding:4px 0; width:320px; }
	#frm-contato textarea { color:#666; font-family:Verdana, Geneva, sans-serif; font-size:12px; height:80px; margin:0 0 5px 0; padding:4px 0; width:320px; }
	#frm-contato select { color:#666; font-family:Verdana, Geneva, sans-serif; font-size:12px; padding:4px 0; width:250px; }
	
	#frm-contato #btn-enviar-2 { color:#000; font-family:Verdana, Geneva, sans-serif; font-size:14px; height:25px; margin-left:173px; width:150px; }
	
	#frm-contato .box-cidade { float:left; margin-right:5px; width:200px; }
		#frm-contato #txtCidade { width:187px; }
	
	#frm-contato .box-estado { float:left; height:54px; width:120px; }
		#frm-contato #txtEstado { width:117px; }
	
	/* formulário msg erro */
	#frm-contato label.error, #frm-contato label.error { display:block; color:#cc0000; font-size:11px; margin:-9px 10px 0 0; text-align:right; width:auto; }
		#frm-contato input.error, #frm-contato textarea.error, #frm-cadastre input.error { border:1px dotted #F00; }


/*****************************
RODAPÉ
*****************************/
#footer { clear:both; height:202px; width:100%; }

	/* newsletter */
	#box-news { float:left; width:190px; }
	.tit-news { color:#666666; font-size:20px; margin-bottom:20px; }
		#frm-news label { display:none; }
		#frm-news input[type="text"] { background-color:#ebebeb; border:1px solid #b5b5b5; border-radius:15px; color:#a7a7a7; font-size:12px; margin-bottom:4px; -moz-border-radius:15px; padding:0 0 0 10px; -webkit-border-radius:15px; width:170px;}
		#btn-enviar-1 { background-position:0 -184px; border:0; height:26px; margin-left:109px; width:73px; }
		.msg { color:#4F8235; font-size:13px; font-weight:bold; text-align:center; }
	
	/* box */
	#lst-destaques { height:145px; }
	#lst-destaques li { float:left; font-size:0; height:145px; width:203px; }
	#lst-destaques li a { display:block; height:145px; width:203px; }
		
		#auditoria { background-position:0 0; }
		#gestao { background-position:-203px 0; }
		#contabilidade { background-position:-406px 0; }
	
	/* endereço e link */
	#txt-end-serve { clear:both; color:#244613; display:block; float:left; font-size:12px; font-style:normal; margin-top:28px; width:653px; word-spacing:-1px; }
	
	#link-grc { background-position:0 -259px; display:block; font-size:0; float:right; height:24px; margin:24px 12px 0 0; width:93px; }