@charset "utf-8";
/* CSS Document */

/**
 * PADRÃO DAS PÁGINAS
 */
 
/* tabela responsável em centralizar o div "corpo_" */
table.formatador {
	width:980px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
}

/* corpo principal das páginas */
div.corpo_ {
	position:relative;
	width:980px;
	top:0px;
}

/**
 * 	CABEÇALHO
 */

/* área do cabecalho */
div#cabecalho {
	position:relative;
	height:168px;
	width:100%;
}

/* área da logomarca */
div#logomarca {
	position:absolute;
	top:20px;
	left:0px;
	width:308px;
	height:122px;
	background:url(../../imagens/logo.png);	
}

/* mensagem de introdução */
div#mensagem {
	position:absolute;
	top:97px;
	right:0px;
	text-align:right;
	line-height:10px;
}

	div#mensagem p {
		position:relative;
	}


.telefone { font-size:15.7px; }
.telefone img { margin-bottom:0px; }
.telefone span { position:relative; top:-8px; }

/**
 * ÁREA DE LOGIN ADMINISTRATIVO
 */
	
div#corpoAdmin {
	display:none;
	position:absolute;
	bottom:12px;
	left:-200px;
	width:190px;
	height:90px;
	padding:10px 10px 15px 10px;
	background:#777;
	border:1px solid #333;
	color:#fff;
	z-index:9;
}

div#corpoAdmin table td { padding:3px 0 3px 0; }

div#corpoAdmin #statusAdmin {
	position:absolute;
	bottom:10px;
	left:10px;
	width:120px;
	line-height:12px;
	font-size:9px;
	color:#fdff78;
}

/**
 * 	RODAPE
 */
 
/* background do rodape */
div#bgRodape {
	position:relative;
	margin-top:-164px;
	width:100%;
	height:164px;
	background:url(../../imagens/rodape.png) no-repeat center;
}
 
/* área do rodapé */
div#rodape {
	position:relative;
	height:230px;
	width:100%;
	z-index:9;
}

/* up5 */
div#rodape #up5 {
	position:absolute;
	bottom:5px;
	right:0px;
}


/* formas de pagamentos */
div#rodape #pague {
	position:absolute;
	top:30px;
	left:0px;
}

/* copyright */
div#rodape #copyright {
	position:absolute;
	bottom:5px;
	left:0px;
	color:#fff;
	font-size:10px;
	width:100%;
	text-align:center;
}

/* redes sociais */
div#rodape #sociais {
	position:absolute;
	right:200px;
	top:40px;
}

/* seta para subir na página */
div#rodape #subir {
	position:absolute;
	right:0px;
	top:-28px;
}

/* dados da empresa */
div#rodape #dados {
	position:absolute;
	left:0px;
	bottom:25px;
	width:100%;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

/* botões de atalho */
div#rodape #atalhos {
	position:absolute;
	right:85px;
	bottom:8px;
}

/**
 * 	CONTEUDO
 */
 
/* área central */
div#central {
	position:relative;
	top:70px;
	left:0px;
}
 
/* área do corpo das páginas */
div#conteudo {
	display:block;
	width:950px;
	min-height:300px;
	margin-bottom:50px;
}

/* área dos títulos das páginas */
div#tituloPagina { position:absolute; }
div.bgTituloPagina {
	position:absolute;
	width:100%;
	height:70px;
	background:#f8f8f8;
}

div.bgServicos {
	position:absolute;
	width:100%;
	height:244px;
	background:url(../../imagens/bgServicos.jpg) repeat-x;
}

/**
 * 	HOME
 */

div#painel {
	position:absolute;
	top:230px;
	left:0px;
	border-top:10px solid #333;
}

.itemHomeTabela td { padding:8px; }

.itensHome {
	background:url(../../imagens/itensHome.png);
	width:44px;
	height:44px;
}

.itemSobre		{ background-position: 0px 0px; }
.itemServicos	{ background-position: -44px 0px; }
.itemClientes	{ background-position: -88px 0px; }
.itemOrcamento	{ background-position: -132px 0px; }

.homeClientes {
	height:66px;
	width:95px;
	padding:12px 15px;	
	background:url(../../imagens/bgCliente.jpg) no-repeat center;
}

/**
 * 	NOTÍCIAS
 */

table#tabNoticiasLista td {
	padding:14px;
	vertical-align:top;
}

table#tabNoticiasLista .imagem { border:1px solid #ccc; }

table#tabNoticias img { 
	float:left; 
	padding-right:10px;
}

table#tabNoticias td { padding:3px; }

/**
 * 	SERVIÇOS
 */

table#tabServicos td { padding:15px 0px; }

/**
 *  CLIENTES
 */

table#tabClientes td { padding:10px; }
table#tabClientes td div {
	height:66px;
	width:90px;
	padding:12px 15px;
	background:url(../../imagens/bgCliente.jpg) no-repeat center;
}

/**
 * TELA DO POPUP
 */

/* tela cheia - background */
div#backblock {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	top:0px;
	left:0px;
	background:#000;
	z-index:999991;
}

/* calculador do tamanho da tela */
/* suportará o container */
div#blockPopup {
	display:none;	
	position:fixed;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	top:0px;
	left:0px;
	background:none;
	z-index:999991;
}

/* div responsável em centralizar o container */
/* margin-bottom -> Metade da altura do box que ficará centralizado */
div#posicionadorPopup {
    width:1px;
    height:50%;
    background:none;
    margin-bottom:-90px;
    float:left;		
	z-index:999992;
}

/* ícone de fechar da janela do container */
div#barraFuncoesPopup {
    margin:0 auto;
    position:relative;
	top:30px;
	right:0px;
    width:417px;
    height:5px;
	text-align:right;
    clear:left;
	font-weight:bold;
	color:#bf026e;
	z-index:999993;
}

/* container central */
div#containerPopup {
    margin:0 auto;
    position:relative;
    width:390px;
    height:155px;
	padding:50px 20px 20px 20px;
	font-style:italic;
	background:#fff;
	border:8px double #bf026e;
    clear:left;
	z-index:999992;
}