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

* { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

body { margin:0; padding:0; background:url(../imagens/fundo.jpg); background-position:top center; background-repeat:no-repeat; background-color:#412540; }

h1 { font-size:18px; color:#FFF; margin:0; padding:0; }
h2 { font-size:24px; color:#422541; margin:0; padding:0; }
h3 { font-size:18px; color:#422541; margin:0; padding:0; }
h4 { font-size:14px; color:#422541; margin:0; padding:0; }
h5 { font-size:12px; color:#333; margin:0; padding:0; font-weight:bold; }

p { margin:0; padding:4px 0 0 0; }


img { border:0; }
img.left { float:left; margin-right:10px; }

/* GERAL */
#geral { position:relative; margin:0 auto; width:992px; clear:both; }

/* CABECALHO */
#header { }
	#logomarca { position:relative; float:left; padding:20px 0 20px 0; }
	#acessoCliente { position:relative; float:right; width:235px; height:28px; padding:8px 0 0 0; text-align:center; color:#FFF; font-size:12px; background:url(../imagens/acessoCliente.png); }
		#acessoCliente a { color:#FFF; text-decoration:none; }
		#acessoCliente a:hover { color:#FFF; text-decoration:underline; }
	#menu { position:relative; clear:both; width:100%; margin-bottom:40px; }
		#menu ul { margin:0; padding:0; position:relative; }
		#menu ul li { padding:4px; list-style:none; float:left; font-size:13px; display:block; font-weight:bold; }
		#menu ul li a.inicio { color:#FFF; text-decoration:none; padding:3px 11px 3px 11px; background:url(../imagens/menuInicio.png); background-repeat:no-repeat; }
		#menu ul li a.quemsomos { color:#FFF; text-decoration:none; padding:3px 11px 3px 11px; background:url(../imagens/menuQuemSomos.png); background-repeat:no-repeat; }
		#menu ul li a.servicos { color:#FFF; text-decoration:none; padding:3px 11px 3px 11px; background:url(../imagens/menuServicos.png); background-repeat:no-repeat; }
		#menu ul li a.portfolio { color:#FFF; text-decoration:none; padding:3px 11px 3px 11px; background:url(../imagens/menuPortfolio.png); background-repeat:no-repeat; }
		#menu ul li a.contato { color:#FFF; text-decoration:none; padding:3px 11px 3px 11px; background:url(../imagens/menuContato.png); background-repeat:no-repeat; }
		#menu ul li a:hover.inicio { background:url(../imagens/menuInicio.png); background-repeat:no-repeat; background-position:left bottom; }
		#menu ul li a:hover.quemsomos { background:url(../imagens/menuQuemSomos.png); background-repeat:no-repeat; background-position:left bottom; }
		#menu ul li a:hover.servicos { background:url(../imagens/menuServicos.png); background-repeat:no-repeat; background-position:left bottom; }
		#menu ul li a:hover.portfolio { background:url(../imagens/menuPortfolio.png); background-repeat:no-repeat; background-position:left bottom; }
		#menu ul li a:hover.contato { background:url(../imagens/menuContato.png); background-repeat:no-repeat; background-position:left bottom; }
		#menu ul li.active a.inicio { background:url(../imagens/menuInicio.png); background-repeat:no-repeat; background-position:left bottom; }
		#menu ul li.active a.quemsomos { background:url(../imagens/menuQuemSomos.png); background-repeat:no-repeat; background-position:left bottom; }
		#menu ul li.active a.servicos { background:url(../imagens/menuServicos.png); background-repeat:no-repeat; background-position:left bottom; }
		#menu ul li.active a.portfolio { background:url(../imagens/menuPortfolio.png); background-repeat:no-repeat; background-position:left bottom; }
		#menu ul li.active a.contato { background:url(../imagens/menuContato.png); background-repeat:no-repeat; background-position:left bottom; }


/* FIM CABECALHO */

/* CONTEUDO */
#conteudo { width:972px; clear:both; position:relative; background:#FFF; padding:10px; min-height:500px; }
	#conteudo a { color:#666; text-decoration:none; }
	#conteudo a:hover { color:#2e182d; text-decoration:underline; }
	#conteudo .titulo { font-size:12px; color:#333; font-weight:bold; }
	
.corRosa { color:#cc0033; font-size:16px; font-weight:bold; }
.corRosaGrande { color:#cc0033; font-size:24px; }

.corAmarela { color:#ff9900; font-size:16px; font-weight:bold; }
.corAmarelaGrande { color:#ff9900; font-size:24px; }

.corAzul { color:#3399cc; font-size:16px; font-weight:bold; }
.corAzulGrande { color:#3399cc; font-size:24px; }

.textUppercase { color:#2e182d; text-transform:uppercase; font-size:12px; font-weight:bold; }
.textoServico { color:#666; font-size:14px; line-height:34px; }

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

.t1 { font-size:14px; color:#999; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }
.t2 { font-size:28px; color:#999; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }
.t3 { font-size:22px; color:#999; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }
.t4 { font-size:18px; color:#999; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }
.t5 { font-size:24px; color:#999; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }

#menuCategorias { width:100%; position:relative; clear:both; }
	#menuCategorias ul { margin:0; padding:0; width:100%; }
		#menuCategorias ul li { position:relative; display:block; width:232px; height:36px; list-style:none; }
		#menuCategorias ul li a { background:url(../imagens/menuCategorias.gif); background-repeat:no-repeat; text-decoration:none; color:#666; width:232px; display:block;  padding:10px 0 8px 14px; font-size:12px;  }
		#menuCategorias ul li a:hover { background:url(../imagens/menuCategorias.gif); background-repeat:no-repeat; background-position:left bottom; text-decoration:none; color:#FFF; }
		
		
.portfolios { position:relative; float:left; margin:6px; width:194px; height:294px; }

/* HOME */
#conteudoHome { width:100%; clear:both; position:relative; }
	#destaque { position:relative; float:left; width:626px; height:332px; background:#FFF; padding:10px; }
	#servicos { position:relative; float:right; width:316px; height:332px; background:#FFF; padding:10px; }
		#servicos .descricao { width:100%; height:44px; font-size:12px; color:#666; line-height:14px; margin-top:10px; clear:both; }
		#servicos .titulo { font-size:12px; color:#333; font-weight:bold; }
		#servicos .titulo a { text-decoration:none; color:#333; }
		#servicos .titulo a:hover { color:#2e182d; }
	#institucional { position:relative; float:left; width:626px; height:220px; padding:10px; color:#FFF; font-size:12px; }
	#postagens { position:relative; float:right; width:316px; height:220px; padding:10px; color:#FFF; font-size:12px; }
		#postagens a { color:#FFF; text-decoration:none; }
		#postagens a:hover { color:#FFF; text-decoration:underline; }
	#principaisClientes { position:relative; width:952px; padding:10px 20px 10px 20px; clear:both; }

/* FIM HOME */
.spanOne { position:relative; float:left; width:304px; margin:10px; color:#666; font-size:12px; }
.spanTwo { position:relative; float:left; width:628px; margin:10px; color:#666; font-size:12px; }
.spanTree { position:relative; float:left; width:952px; margin:10px; color:#666; font-size:12px; }

.info { position:relative; clear:both; width:100%; border-bottom:1px dotted #CCC; padding:10px 0 10px 0; }

/* FIM CONTEUDO */

/* RODAPE */
#rodape { position:relative; top:20px; bottom:0px; margin:0 auto; padding:10px; background:url(../imagens/fundoRodape.png); width:972px; height:70px; clear:both; }
	#rodape .left { position:relative; float:left; width:400px; color:#FFF; font-size:12px; line-height:16px; }
	#rodape .left .titulo { text-transform:uppercase; font-weight:bold; }
	
	#rodape .right { position:relative; float:right; width:400px; color:#FFF; font-size:12px; line-height:16px; text-align:right; top:20px; }
	.space { padding:6px; }


/* FIM RODAPE */


/* FIM GERAL */

/* CONTATO */
.validacao { color:#900; font-size:11px; }

.contatoAssunto {width:100%; height:auto; float:left; position:relative;}
.contatoAssunto .boxSelect {width:302px; height:30px; background:url(../imagens/bg_select.png) no-repeat; overflow:hidden; float:left;}
.contatoAssunto select {width:290px; float:left; margin:8px 0 0 5px; overflow:hidden; border:none; font-size:11px; color:#666;}

.contatoNome {width:100%; height:auto; float:left; overflow:hidden; position:relative;}
.contatoNome .boxInput {width:612px; height:40px; background:url(../imagens/bg_inputPadrao.png) no-repeat; overflow:hidden; float:left;}
.contatoNome input {width:594px; float:left; margin:8px 0 0 8px; overflow:hidden; border:none; font-size:20px; color:#666;}

.contatoEmail {width:100%; height:auto; float:left; overflow:hidden; position:relative;}
.contatoEmail .boxInput {width:612px; height:40px; background:url(../imagens/bg_inputPadrao.png) no-repeat; overflow:hidden; float:left;}
.contatoEmail input {width:594px; float:left; margin:8px 0 0 8px; overflow:hidden; border:none; font-size:20px; color:#666;}

.contatoTelefone {width:301px; height:auto; float:left; overflow:hidden; position:relative;}
.contatoTelefone .boxInputTelefone {width:301px; height:30px; background:url(../imagens/bg_fone.png) no-repeat; overflow:hidden; float:left;}
.contatoTelefone .inputDDD {width:40px; float:left; margin:6px 0 0 8px; overflow:hidden; border:none; font-size:15px; color:#666;}
.contatoTelefone .inputFone {width:212px; float:left; margin:6px 0 0 30px; overflow:hidden; border:none; font-size:15px; color:#666;}

.contatoEmpresa {width:301px; height:auto; float:left; overflow:hidden; position:relative; margin:0 0 0 10px;}
.contatoEmpresa .boxInputEmpresa {width:301px; height:40px; background:url(../imagens/bg_empresa.png) no-repeat; overflow:hidden; float:left;}
.contatoEmpresa input {width:282px; float:left; margin:6px 0 0 8px; overflow:hidden; border:none; font-size:15px; color:#666;}

.contatoMensagem {width:100%; height:auto; float:left; overflow:hidden; position:relative;}
.contatoMensagem .boxInput {width:612px; height:90px; background:url(../imagens/bg_formMsg.png) no-repeat; overflow:hidden; float:left;}
.contatoMensagem textarea {width:600px; height:80px; float:left; margin:6px 0 0 8px; overflow:auto; border:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; color:#666;}
.inputBtnEnviar {width:170px; height:39px; float:left; overflow:hidden; background:url(../imagens/btn_enviar.png) no-repeat; border: none; outline:none; text-indent:-20000px; cursor:pointer;}
.inputBtnEnviarOver {width:170px; height:39px; float:left; overflow:hidden; background:url(../imagens/btn_enviar.png) no-repeat left bottom; border: none; outline:none; text-indent:-20000px; cursor:pointer;}

/* FIM CONTATO */

/* INICIO DO BLOG */

.blocoBlog { position:relative; clear:both; width:96%; padding:2%; margin:4px 0 4px 0; border-bottom:1px dotted #E1E1E1; }

#menu_meses { position:relative; margin-top:10px; float:right; width:80%; border-bottom:0px; border-top:0px; }
		#menu_meses ul { margin:0px; padding:0px; width:100%; list-style:none; }
		#menu_meses li { font-size:11px; }
		#menu_meses li.active { background:#f3f3f3; font-weight:bold; color:#333; text-decoration:none; border-bottom:1px solid #CCC; font-size:11px; text-transform:uppercase; padding:10px 0 10px 6px; display:block; border-top:1px solid #CCC; }
		#menu_meses li a { text-decoration:none; color:#333; font-size:11px; padding:4px 0 4px 6px; display:block; }
		#menu_meses li a:hover { text-decoration:none; background:#2f1d47; color:#FFF; }
		
#menu_publicidade { position:relative; margin-top:10px; float:right; width:170px; border:1px solid #CCC; border-bottom:0px; border-top:0px; }
		#menu_publicidade ul { margin:0px; padding:0px; width:100%; list-style:none; }
		#menu_publicidade li { font-size:11px; }
		#menu_publicidade li.active { background:#f3f3f3; font-weight:bold; color:#333; text-decoration:none; border-bottom:1px solid #CCC; font-size:11px; text-transform:uppercase; padding:2px; display:block; border-top:1px solid #CCC; }
		#menu_publicidade li a { background:url(../imagens/fundo_menu.jpg); text-decoration:none; border-bottom:1px solid #CCC; color:#333; font-size:11px; padding-left:6px; display:block; }
		#menu_publicidade li a:hover { text-decoration:none; background:#2f1d47; color:#FFF; }

/* FIM DO BLOG */

#conteudo .navegacao { position:relative; clear:both; top:10px; height:30px; }
	#conteudo .navegacao ul { position:relative; margin:0px; padding:0px; width:100%; }
	#conteudo .navegacao li { position:relative; float:left; text-align:center; list-style:none; margin:2px; }
	#conteudo .navegacao li a { color:#666; text-decoration:none; border:1px solid #CCC; padding:4px; }
	#conteudo .navegacao li a:hover { border:1px solid #2f1d47; color:#FFF; background:#2f1d47; text-decoration:none; }
	#conteudo .navegacao li a.active { border:1px solid #2f1d47; color:#FFF; background:#2f1d47; text-decoration:none; }