@charset "UTF-8";
/* CSS Document */
/*ESTILOS APLICADOS AO DOCUMENTO INTEIRO - CSS Reset: Eric Meyer*/

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/*html {
	overflow:-moz-scrollbars-vertical;
}
*/
body {
	background:#ffffe0 url(imgs/bg_1.jpg) repeat-x 0 0;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#8b864e;
	line-height:18px;
}

.bg_site{
	background:#ffffe0 url(imgs/bg_curto.jpg) repeat-x 0 0;
}

strong{
	font-weight:bold;
}

em {
	font-style:italic;

}

.aparece{display:block;}

/*começa logo com image-replacement*/
h1 {
	width:780px;
	height:83px;
	margin:0 auto;
	padding:17px 0 0 0;
}

h1 a{
  display:block;
  text-indent:-5000px;
  oveflow:hidden;
  background:url(imgs/logo.gif) no-repeat;
  /*border:2px solid;*/
  width:251px;
  height:66px;

}
/*termina logo com image-replacement*/

/*começa menu principal com image-replacement*/
ul.menu{
	clear:both;
	display:block;
	width:780px;
	height:40px;
	margin:0 auto;
	padding:10px 0 0 0;
	/*border:1px solid;*/
	
}

ul.menu li{
	float:left;
	margin:0 0 0 86px;
}

ul.menu li.inicial{
	margin:0 0 0 0;
}

ul.menu li a{
	display:block;
    text-decoration:none;
	text-indent:-5000px;
	overflow:hidden;
	padding:0;
	/*border:1px solid #FF0000;*/
}

ul.menu li a.portifolio{
	background:url(imgs/menu.gif) no-repeat -5px 0;
	width:75px;
	height:30px;
	margin:0;
	padding:0;
	
}
ul.menu li a.portifolio:hover {background-position:-5px -47px;}

ul.menu li a.solucoes{
	background:url(imgs/menu.gif) no-repeat -175px 0;
	width:80px;
	height:30px;
	
}
ul.menu li a.solucoes:hover {background-position:-175px -47px;}

ul.menu li a.sobre{
	background:url(imgs/menu.gif) no-repeat -360px 0;
	width:52px;
	height:30px;
	
}
ul.menu li a.sobre:hover {background-position:-360px -47px;}

ul.menu li a.trabalhe{
	background:url(imgs/menu.gif) no-repeat -495px 0;
	width:145px;
	height:30px;
	
}
ul.menu li a.trabalhe:hover {background-position:-495px -47px;}

ul.menu li a.contato{
	background:url(imgs/menu.gif) no-repeat -695px 0;
	width:70px;
	height:30px;
	
}
ul.menu li a.contato:hover {background-position:-695px -47px;}
/*termina menu principal com image-replacement*/

/*começa top flash*/
#top_home,#top_site{
	width:100%;
	height:275px;
	margin:0 auto 50px;
	background-color:#CDCDB5;
	clear:both;
	padding:0;
	/*border:1px solid;*/
}

#top_site{
	height:165px;
	margin:0 auto 35px;
}
/*termina top flash*/

/*começa conteudo geral*/

#conteudo {
	margin:0 auto;
	width:780px;
	padding:0 0 0 0;
	clear:both;
	background-attachment:fixed;
	background:url(imgs/bg_conteudo_copia.gif) no-repeat 200px 320px;
	/*border:1px solid;*/
}
#conteudo.bg_conteudo{
background:url(imgs/bg_conteudo_copia.gif) no-repeat 200px 195px;
}

/*termina conteudo geral*/

#coluna_esquerda{
	width:190px;
	float:left;
	margin:0 0 20px 0;
	/*border:1px solid #3399FF;*/
}

h2{
	background:url(imgs/titulos.gif) no-repeat;
	display:block;
	padding:0 0 3px 0;
	text-indent:-5000px;
	width:100%;
	height:25px;
	border-bottom:2px solid #a29e6b; 
}

ul.client{
	padding:5px 0 10px 0;
}

p.depoimento{
	width:180px;
	padding:0 5px;
	background:url(imgs/balao_meio.gif) repeat-y;
	clear:both;
	color:#330000;
}

p.autor_depoimento{
	text-align:right;
}

#dep_sup{
	margin:10px 0 0 0;
	width:190px;
	height:18px;
	background:#ffffe0 url(imgs/balao_sup.gif) no-repeat 0 0;
}

#dep_inf{
	background:#ffffe0 url(imgs/balao_inf.gif) no-repeat 0 0;
	width:190px;
	height:44px;
}

/*box do depoimento no setor de portfolio*/
#box_depoimento{
	width:190px;
/*	background:#FFCC33;
*/	float:right;
}

a.link_port{
	display:block;
	width:280px;
	float:left;
	color:#de8500;
	font-weight:bold;
	clear:left;
}

#box_depoimento #dep_sup{
	margin:0;
}

p.case{
	width:360px;
	_width:359px;
	padding-right:20px;
	float:left;
	padding-bottom:15px;
}

p.case_dois{
	width:auto;
	display:inline;
	padding-right:20px;
	padding-bottom:15px;
	float:left;
}


#coluna_direita{
	width:570px;
	float:right;
	/*border:1px solid #FF6600;*/
	margin:0 0 20px 0;
}



/*começa a formatação do cadastro - home*/

form.cadastro fieldset{
	border:none;
}
form.cadastro fieldset label input.nome,form.cadastro fieldset label input.email{
	border:none;
	width:180px;
	height:20px;
	margin:10px 0 10px 0;
	padding:5px;
	background:#ffffe0 url(imgs/bg_input.gif) no-repeat 0 0;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#330000;
}
form.cadastro fieldset label input.email{
	margin:0;
}
form.cadastro fieldset input.enviar,form.cadastro fieldset input.enviar_cad{
	display:block;
	width:67px;
	height:30px;
	/*margin:10px 0 0 0;*/
	background:#ffffe0 url(imgs/bg_enviar.jpg) no-repeat 0 0;
	float:right;
	border:none;
	cursor:pointer;
}

.enviar_cad{
	margin-top:10px;

}

/*termina a formatação do cadastro - home*/

/*começa formatação dos destaques da home*/
p.destaques{
	margin:20px 0 0 0;
	width:570px;
	height:135px;
	/*background-color:#FFCC66;*/
}

p.destaques a .img{
	width:340px;
	height:115px;
	border:solid 10px #d8d8bb;
	float:left;
}

p.destaques a .img:hover{
	border:solid 10px #b3b39e;
}

p.destaques a span{
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#8b864e;
	line-height:18px;
	float:left;
	margin:63px 0 0 10px;
	width:195px;
	text-decoration:none;
	cursor:pointer;
}

/*termina formatação dos destaques da home*/

/*começa posicionamento titulos home*/
h2.nov_client{
	background-position:0 -10px;
}
h2.dizem{
	background-position:0 -53px;
	margin:10px 0 0 0;
}
h2.cadastro{
	background-position:0 -90px;
	margin:10px 0 0 0;
}
h2.novos{
	background-position:0 -130px;
}
/*termina posicionamento titulos home*/

/*COMEÇA SOLUÇÕES: servicos.php*/

/*começa posicionamento titulos solucoes*/
h2.nossos_serv{
	background:url(imgs/tit_solucoes.gif) no-repeat;
	background-position:0 -10px;
}
h2.nossos_prod{
	background:url(imgs/tit_solucoes.gif) no-repeat;
	background-position:0 -53px;
	margin:10px 0 0 0;
}
h2.desenv_sites{
	background:url(imgs/tit_solucoes.gif) no-repeat;
	background-position:0 -90px;
	margin:0 0 10px 0;
}

/*termina posicionamento titulos home*/

/*começa menu serviços*/
ul.menu_serv{
	width:190px;
	margin:0 0 20px 0;
}
ul.menu_serv li{
	margin:0 0 3px 0;
}
ul.menu_serv li.inicial{
	margin:10px 0 3px 0;
}

ul.menu_serv li a.marca{
	display:block;
	width:180px;
	height:20px;
	padding:6px 0 4px 10px;
	background:#ffffe0 url(imgs/bot_laranja.gif) no-repeat 0 0;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
}
ul.menu_serv li a.marcado{
	display:block;
	width:180px;
	height:20px;
	padding:6px 0 4px 10px;
	background:#ffffe0 url(imgs/bot_verde.gif) no-repeat 0 0;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
}
ul.menu_serv li a.marca:hover{
	background:#ffffe0 url(imgs/bot_verde.gif) no-repeat 0 0;
	color:#ffffff;
}
ul.menu_serv li b{
	display:block;
	width:180px;
	height:20px;
	padding:6px 0 4px 10px;
	background:#ffffe0 url(imgs/bot_verde.gif) no-repeat 0 0;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
}
/*termina menu serviços*/

#insert_video{
	width:570px;
	height:320px;
	margin-bottom:10px;
	/*background-color:#FFCC00;*/
}

#insert_video a img{
	border:solid 10px #d8d8bb;
}

#insert_video a img:hover{
	border:solid 10px #b3b39e;
}

p.txt_corrido{
	font:normal 13px Arial, Helvetica, sans-serif;
	line-height:21px;
	color:#8b864e;
}


/*TERMINA SOLUÇÕES*/

/*COMEÇA TRABALHE CONOSCO*/

/*começa posicionamento titulos trabalhe conosco*/
h2.talentos{
	background:url(imgs/tit_trabalhe.gif) no-repeat;
	background-position:0 -10px;
	margin-bottom:10px;
	
}

h2.curriculo{
	background:url(imgs/tit_trabalhe.gif) no-repeat;
	background-position:0 -53px;
}

/*começa formatação do formulário trabalhe conosco*/
.separa{
	height:8px;
	clear:right;
	font:normal 13px Arial, Helvetica, sans-serif;
	line-height:8px;
	/*background-color:#666600;*/
}

form.form_curriculo{
	font:normal 14px/14px Arial, Helvetica, sans-serif;
	line-height:14px;
	margin:0;
	padding: 10px 0 0 2px;
	border:none;
}

form.form_curriculo fieldset{
	border:none;
}

form.form_curriculo fieldset.habilidades{
	padding-top:10px;
}

div#formata_php,div#formata_asp,div#formata_javascript,div#formata_flash,div#formata_css,div#formata_design{
	padding:5px 0 3px 0;
	margin:0 0 0 90px; 
	border-bottom:1px solid #cdcdb4;
	background-color:#fdffbe;
	height:auto;
	display:none;
}

form.form_curriculo fieldset label input.txt,
form.form_curriculo fieldset label input.txt_prefixo,
form.form_curriculo fieldset label input.txt_fone,
form.form_curriculo fieldset label input.txt_cidade,
form.form_curriculo fieldset label input.txt_uf,
form.form_curriculo fieldset label textarea.txt_msg{
	border:none;
	width:304px;
	height:20px;
	margin:0 0 10px 0;
	padding:5px;
	background:#ffffe0 url(imgs/input_trabalhe.gif) no-repeat 0 0;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#330000;
}

form.form_curriculo fieldset label textarea.txt_msg{
	height:140px;
	background:#ffffe0 url(imgs/bg_mensagem.gif) no-repeat 0 0;
	_background:#ffffe0 url(imgs/bg_mensagem.gif) no-repeat 0 0 fixed;
}

form.form_curriculo fieldset label.esq{
	/*float:left;*/
	margin:0 0 0 -5px;
}

form.form_curriculo fieldset label input.txt_prefixo{
	width:19px;
	background:#ffffe0 url(imgs/input_prefixo.gif) no-repeat 0 0;	
}

form.form_curriculo fieldset label input.txt_fone{
	width:151px;
	background:#ffffe0 url(imgs/input_fone.gif) no-repeat 0 0;
}

form.form_curriculo fieldset label input.txt_cidade{
	width:237px;
	background:#ffffe0 url(imgs/input_cidade.gif) no-repeat 0 0;	
}

form.form_curriculo fieldset label input.txt_uf{
	width:20px;
	background:#ffffe0 url(imgs/input_uf.gif) no-repeat 0 0;
	
}

form.form_curriculo fieldset label.ufs{
	float:left;
	width:170px;
	clear:right;	

}

form.form_curriculo b,form.form_curriculo b.hab{
	display:block;
	width:90px;
	height:30px;
	padding:6px 3px 0 0;
	text-align:right;
	float:left;
	/*border:1px solid;*/
}

form.form_curriculo span{
	display:inline;
	/*background-color:#FF9900;*/
}

form.form_curriculo label.ufs b{
	display:inline;
	width:auto;
	margin-left:13px;
}

form.form_curriculo b.hab{
	padding:0 3px 0 0;
	height:450px;
	float:left;
	/*background-color:#FFFF99;*/
}

div.esq,div.env{
	width:475px;
	float:left;
	line-height:18px;
}

input.upload{
	border:none;
	width:350px;
	height:20px;
	padding:5px;
	background:#CDCDB4 url(imagens/bg_upload.gif) no-repeat 0 0;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#330000;
}

div.env{
	display:block;
	height:50px;
	padding-top:20px;
	padding-bottom:10px;
	border:none;
	background:#ffffe0 url(imgs/linha_trabalhe.gif) repeat-x 0 10px;
/*	border-top:1px solid #cdcdb4;*/
}

div.env_contato{
	/*border:1px solid #FF9900;*/
	/*width:228px;*/
	width:300px;
	padding-right:160px;
	float:right;
}

#alerta_contato{
	display:none;
	/*border:1px solid #66CCFF;*/
	padding-top:20px;
	width:220px;
	float:left;
	text-align:right;
}

#alerta_trabalhe{
	display:none;
	width:220px;
	padding:5px 0 0 5px;
	float:left;
}

a.procurar{
	display:block;
	width:88px;
	height:30px;
	margin:3px 0 8px 0;
	background:#ffffe0 url(imgs/bot_procurar.gif) no-repeat 0 0;
	text-indent:-5000px;
}

a.enviar,a.enviar_contato{
	display:block;
	width:67px;
	height:30px;
	margin:8px 0 8px 0;
	background:#ffffe0 url(imgs/bot_enviar.gif) no-repeat 0 0;
	text-indent:-5000px;
}

input.enviar_contato{
	display:block;
	width:67px;
	height:30px;
	margin:8px 0 8px 0;
	/*background:#ffffe0 url(imgs/bot_enviar.gif) no-repeat 0 0;*/
	text-indent:-5000px;
	float:right;
}

form.form_curriculo fieldset label strong{
	/*border:1px solid;*/
	padding-left:3px;
	padding-top:2px;
	margin-right:10px;
}

form.form_curriculo fieldset label span{
	font:normal 14px/14px Arial, Helvetica, sans-serif;
	line-height:14px;
	padding:0;
	margin:0;
}

.checks{
	margin:0 2px 0 0;
}

form.form_curriculo fieldset label{
	margin:0 0 0 0;
}

form.form_curriculo label.php,
form.form_curriculo label.asp,
form.form_curriculo label.javascript,
form.form_curriculo label.flash,
form.form_curriculo label.css,
form.form_curriculo label.design
{
	margin:0 10px 0 0;
}

form.form_curriculo fieldset input.radio{
	margin:0;
	padding:0;
}

form.form_curriculo fieldset label.novidades{
	font:normal 12px/12px Arial, Helvetica, sans-serif;
	margin:0 0 0 95px;

}

.clique{
	padding-bottom:5px;

}

/*TERMINA TRABALHE CONOSCO*/

/*COMEÇA CONTATO*/

/*começa posicionamento titulos contato*/
h2.onde{
	background:url(imgs/tit_contato.gif) no-repeat;
	background-position:0 -10px;
	
}
h2.como{
	background:url(imgs/tit_contato.gif) no-repeat;
	background-position:0 -53px;
	margin:20px 0 0 0;
}
h2.escreva{
	background:url(imgs/tit_contato.gif) no-repeat;
	background-position:0 -90px;
	margin:0 0 10px 0;
}
h3.vcom{
	font:bold 14px Arial, Helvetica, sans-serif;
	padding:10px 0 20px 0;
}
a.mail{
	display:block;
	text-decoration:underline;
	margin:20px 0 0 0;
	color:#8b864e;
}
a.maps{
	display:block;
	background:url(imgs/globo.gif) no-repeat;
	text-decoration:underline;
	margin:20px 0 0 0;
	padding:135px 0 0 0;
	color:#8b864e;
	text-align:center;
}
/*Formata a div do mapa*/
#map {
	width:570px;
	height:350px;
	border:solid 1px #8b864e;
}

#bot_volt{
	display:block;
	font:normal 13px Arial, Helvetica, sans-serif;
	line-height:30px;
	width:67px;
	height:30px;
	background:url(imgs/bot_voltar.gif) no-repeat;
	float:right;
	/*border:1px solid #FF6600;*/
	clear:both;
}

#bloco{
	display:block;
	width:570px;
	height:30px;
	clear:both;
	/*border:1px solid #FF6600;*/
	padding-bottom:10px;

}

/*TERMINA CONTATO*/

/*COMEÇA SOBRE*/

/*títulos sobre*/
h2.dizem{
	background:url(imgs/tit_sobre.gif) no-repeat;
	background-position:0 -10px;
	margin-top:0;
}

h2.por_que{
	background:url(imgs/tit_sobre.gif) no-repeat;
	background-position:0 -53px;
	margin: 0 0 10px 0;
}

h2.quem{
	background:url(imgs/tit_sobre.gif) no-repeat;
	background-position:0 -90px;
	margin: 15px 0 10px 0;

}

ul.clientes{
	width:190px;
	/*height:265px;*/
	padding-top:10px;
	margin:0;
	float:left;
	/*background-color:#FFCC00;*/
	overflow:hidden;
}

ul.clientes li{
	width:190px;
	padding:0;
	margin:0;
	/*float:left;*/

}

/*TERMINA SOBRE*/

/*COMEÇA PORTFOLIO: */

/*começa posicionamento titulos portfolio*/
h2.port{
	background:url(imgs/tit_portifolio.gif) no-repeat;
	background-position:0 -10px;
}

h2.port_sobre{
	background:url(imgs/tit_portifolio.gif) no-repeat;
	background-position:0 -53px;
	margin: 0 0 10px 0;

}

a.veja_outros{
	display:block;
	width:190px;
	height:28px;
	background:url(imgs/veja_outros.gif) no-repeat 0 0;
	border-top:1px solid #330000;
	border-bottom:1px solid #330000;
	text-indent:-5000px;

}



/*começa rodape*/
#rodape {
	width:100%;
	height:120px;
	clear:both;
	background:#bab897 url(imgs/bg_bottom.jpg) repeat-x 0 0;
	margin-top:20px;
	/*border:1px solid;*/
}

ul.menu_rodape{
	width:780px;
	margin:0 auto;
	padding:35px 0 0 0;
	clear:both;
}

ul.menu_rodape li{
	float:left;
	color:#ffffff;
}
ul.menu_rodape li a{
	color:#ffffff;
}
ul.menu_rodape li.credito{
	color:#ffffff;
	float:right;
}

/*termina rodape*/