@font-face {
    font-family: 'avantgarde_bk_btbook';
    src: url('avgardn.eot');
    src: url('avgardn.eot?#iefix') format('embedded-opentype'),
         url('avgardn.woff') format('woff'),
         url('avgardn.ttf') format('truetype'),
         url('avgardn.svg#avantgarde_bk_btbook') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#000;
	margin:0;
	padding:0;
}


#total {
  position: relative;
  left: 50%;
  width: 1232px; /*tamanho do site*/
  margin: 0 0 0 -50%; /*metade do tamanho do site*/
  height:auto;
}

#faixa {
	width: 928px;
	height: 7px;
	z-index: 9;
	position: absolute;
	left: 152px;
	top: 524px;
	background-image: url(../imagens/fam2.jpg);
	
	}
	
#faixa2 {
	width: 928px;
	height: 7px;
	z-index: 9;
	position: absolute;
	left: 152px;
	top: 525px;
	background-image: url(../imagens/fam2.jpg);
	
	}
		
	
	
#preloader{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 99;
	text-align: center;
	font-size: 12px;
	font-family: Tahoma;
	font-weight: bold;
	background-color: #000;
	color: #CCC;
	
	
	}
	
#preloader2{
	position: absolute;
	width: 760px;
	height: 434px;
	z-index: 99;
	text-align: center;
	font-size: 12px;
	font-family: Tahoma;
	font-weight: bold;
	background-color: #000;
	color: #CCC;
	left: 323px;
	top: 92px;
	
	
	}
	
#preloader3{
	position: absolute;
	width: 760px;
	height: 434px;
	z-index: 99;
	text-align: center;
	font-size: 12px;
	font-family: Tahoma;
	font-weight: bold;
	background-color: #000;
	color: #CCC;
	left: 1096px;
	top: 142px;
	
	
	}				
	
#int1{
	width: 29px;
	height: 22px;
	z-index: 99;
	position: absolute;
	top: 97px;
	left: 143px;
	
	}
	
#int2{
	width: 29px;
	height: 22px;
	z-index: 99;
	position: absolute;
	top: 97px;
	left: 416px;
	}	

#abertura {
	width: 1230px;
	height: 590px;
	z-index: 90;
	left: 3px;
	top: 1px;
	position: absolute;


}

#selo {
	width: 256px;
	height: 406px;
	position: absolute;
	z-index: 1;
	left: 502px;
	top: 19px;
	
}

#ad {
	width: 170px;
	height: 152px;
	position: absolute;
	z-index: 1;
	left: 7px;
	top: 226px;


	
}
	

#iconleo {
	width: 43px;
	height: 32px;
	position: absolute;
	z-index: 3;
	left: 785px;
	top: 28px;
	}
	
#iconedu {
	width: 48px;
	height: 33px;
	position: absolute;
	z-index: 3;
	left: 785px;
	top: 544px;
	}
	
#iconleo1 {
	width: 61px;
	height: 37px;
	position: absolute;
	z-index: 3;
	left: 971px;
	top: 93px;
	}
	
#iconedu2 {
	width: 57px;
	height: 37px;
	position: absolute;
	z-index: 3;
	left: 972px;
	top: 768px;
	}			

.texto1 {
	width: 250px;
	height: 30px;
	position: absolute;
	z-index: 10;
	top: 304px;
	font-family: avantgarde_bk_btbook;
	font-size: 15px;
	color: #808080;
	font-weight: lighter;
	left: 177px;
	
	
	}

.texto2 {
	width: 250px;
	height: 26px;
	position: absolute;
	z-index: 10;
	top: 323px;
	font-family: avantgarde_bk_btbook;
	font-size: 15px;
	color: #CCC;
	font-weight: lighter;
	left: 177px;
	
	
	}	

.texto3 {
	width: 414px;
	height: 24px;
	position: absolute;
	z-index: 10;
	top: 343px;
	font-family: avantgarde_bk_btbook;
	font-size: 15px;
	color: #FFF;
	font-weight: lighter;
	left: 177px;
	
	
	}
	
#freedom {
	width:80px;
	height:31px;
	position:absolute;
	top:856px;
	z-index:1;
	left: 1052px;
	
	}
	
#centro {
	width:947;
	height:560;
	font-family:avantgarde_bk_btbook;
	font-size:14px;
	z-index:1;
	position:absolute;
	
	}

#enviacurriculo {
	width: 145px;
	height: 38px;
	position: absolute;
	z-index: 3;
	left: 301px;
	top: 349px;

	
	
	}
	
#div_curriculo {
	width: 454px;
	height: 432px;
	position: absolute;
	z-index: 4;
	left: -2px;
	top: 0px;
	background-image: url(../imagens/fundocurriculo.jpg);
	display:none;

	
	
	
	}

#comentarios {
	width:947;
	height:560;
	font-family:avantgarde_bk_btbook;
	font-size:22px;
	z-index:1;
	position:absolute;
	left: 234px;
	top: 187px;
	color:#000;
	
}

#comentarios2 {
	width:947px;
	height:406px;
	font-family:avantgarde_bk_btbook;
	font-size:14px;
	z-index:1;
	position:absolute;
	left: 234px;
	top: 187px;
	color:#000;
	
}
	
#vale {
	width: 209px;
	height: 255px;
	z-index: 5;
	position: absolute;
	border-color: #000;
	border-width: 2px;
	border-style: solid;
	left: 0px;
	top: 359px;
	display:none;
	
}

#essence {
	width: 209px;
	height: 255px;
	z-index: 5;
	position: absolute;
	left: 0px;
	top: 544px;
	border-color: #000;
	border-width: 2px;
	border-style: solid;
	display:none;
}

#terramare {
	width:209px;
	height:255px;
	z-index:5;
	position:absolute;
	left: 0px;
	top: 483px;
	border-color:#000;
	border-width:2px;
	border-style:solid;
	display:none;
	visibility:hidden;
	
}

#cond {
	width: 209px;
	height: 255px;
	z-index: 5;
	position: absolute;
	left: 0px;
	top: 419px;
	border-color: #000;
	border-width: 2px;
	border-style: solid;
	display:none;
	
	
}

/*

#div {
	width:209px;
	height:255px;
	z-index:5;
	position:absolute;
	left: 0px;
	top: 609px;
	border-color:#000;
	border-width:2px;
	border-style:solid;
	display:none;
	
	
}
*/

#arq_desing {
	width: 304px;
	height: 35px;
	position: absolute;
	z-index: 1;
	top: 178px;
	left: 10px;
	
	}
	
#quemsomos {
	width: 601px;
	height: 161px;
	font-family: avantgarde_bk_btbook;
	font-size: 16px;
	margin-right: 0;
	position: absolute;
	z-index: 10;
	left: 10px;
	top: 12px;
	color: #FFF;
	text-align: justify;
	text-justify: auto;
	padding-right: 0;
	
	
	}
	
#conteudo {
	width:760px;
	height:434px;
	position:absolute;
	

	}
	
		
#conteudo2 {
	width:760px;
	height:434px;
	position:absolute;
	z-index:1;

	}	
	
	
		
	
#contato {
	width: 452px;
	height: 433px;
	font-family: avantgarde_bk_btbook;
	font-size: 14px;
	position: absolute;
	z-index: 1;
	left: 322px;
	top: 91px;
	
	
	}
#espaco {
	width: 762px;
	height: 130px;
	font-family: avantgarde_bk_btbook;
	font-size: 14px;
	position: absolute;
	z-index: 9;
	left: -1px;
	top: 308px;
	background:url(../imagens/base_cliente.png)
	
	
	}	
	

	
.deixe_comentario {
	width:184px;
	height:117px;
	font-family:avantgarde_bk_btbook;
	font-size:22px;
	position:absolute;
	z-index:3;
	left: 43px;
	top: 7px;
	color:#FFF;
	text-align:center;

	
	
	}
	
.login {
	width:217px;
	height:117px;
	font-family:avantgarde_bk_btbook;
	font-size:14px;
	position:absolute;
	z-index:3;
	left: 288px;
	top: 7px;
	color:#FFF;
	text-align:center;

	
	
	}			
	/* div class formulários  */	
	
.nome {
	width: 52px;
	height: 16px;
	position: absolute;
	z-index: 2;
	left: 42px;
	top: 13px;
	font-size: 14px;
	color: #666;
	
	
	}
	
	
.form_nome {
	width: 172px;
	height: 18px;
	position: absolute;
	z-index: 2;
	left: 42px;
	top: 29px;
	font-size: 14px;
	border-width: 3px;
	border-color: #666;
	border-style: solid;
	
	}
	
.nome2 {
	width: 52px;
	height: 16px;
	position: absolute;
	z-index: 2;
	left: 41px;
	top: 42px;
	font-size: 14px;
	color: #666;
	
	
	}
	
	
.form_nome2 {
	width: 172px;
	height: 18px;
	position: absolute;
	z-index: 2;
	left: 41px;
	top: 62px;
	font-size: 14px;

	
	}	
	
	
.email {
	width: 52px;
	height: 16px;
	position: absolute;
	z-index: 2;
	left: 241px;
	top: 13px;
	font-size: 14px;
	color: #666;
	
	
	}
	
	
.form_email {
	width: 172px;
	height: 18px;
	position: absolute;
	z-index: 2;
	left: 241px;
	top: 29px;
	font-size: 14px;
	border-width: 3px;
	border-color: #666;
	border-style: solid;
	
	}
	
.email2 {
	width: 52px;
	height: 16px;
	position: absolute;
	z-index: 2;
	left: 238px;
	top: 42px;
	font-size: 14px;
	color: #666;
	
	
	}
	
	
.form_email2 {
	width: 172px;
	height: 18px;
	position: absolute;
	z-index: 2;
	left: 238px;
	top: 62px;
	font-size: 14px;

	
	}
	
.cr1 {
	width: 149px;
	height: 38px;
	position: absolute;
	z-index: 3;
	left: 270px;
	top: 348px;

	
	}

#fechar {
	width: 24px;
	height: 25px;
	position: absolute;
	z-index: 3;
	left: 383px;
	top: 9px;


	
	}
	
#fechar2 {
	width: 24px;
	height: 25px;
	position: absolute;
	z-index: 3;
	left: 743px;
	top: 113px;


	
	}			
		
.cidade {
	width: 52px;
	height: 16px;
	position: absolute;
	z-index: 2;
	left: 42px;
	top: 66px;
	font-size: 14px;
	color: #666;
	
	
	}
	
	
.form_cidade {
	width: 172px;
	height: 18px;
	position: absolute;
	z-index: 2;
	left: 42px;
	top: 84px;
	font-size: 14px;
	border-width: 3px;
	border-color: #666;
	border-style: solid;
	
	}

.cidade2 {
	width: 52px;
	height: 16px;
	position: absolute;
	z-index: 2;
	left: 41px;
	top: 96px;
	font-size: 14px;
	color: #666;
	
	
	}
	
	
.form_cidade2 {
	width: 172px;
	height: 18px;
	position: absolute;
	z-index: 2;
	left: 41px;
	top: 114px;
	font-size: 14px;

	
	}

.estado {
	width: 52px;
	height: 16px;
	position: absolute;
	z-index: 2;
	left: 241px;
	top: 66px;
	font-size: 14px;
	color: #666;
		
	
	}
	
	
.form_estado {
	width: 172px;
	height: 21px;
	position: absolute;
	z-index: 2;
	left: 241px;
	top: 84px;
	font-size: 14px;
	
	}
	
.estado2 {
	width: 52px;
	height: 16px;
	position: absolute;
	z-index: 2;
	left: 238px;
	top: 96px;
	font-size: 14px;
	color: #666;
		
	
	}
	
	
.form_estado2 {
	width: 172px;
	height: 21px;
	position: absolute;
	z-index: 2;
	left: 238px;
	top: 114px;
	font-size: 14px;

	
	}	
	
.telefone {
	width: 57px;
	height: 16px;
	position: absolute;
	z-index: 2;
	left: 42px;
	top: 122px;
	font-size: 14px;
	color: #666;
	
	
	}
	
	
.form_telefone {
	width: 172px;
	height: 18px;
	position: absolute;
	z-index: 2;
	left: 42px;
	top: 139px;
	font-size: 14px;
	border-width: 3px;
	border-color: #666;
	border-style: solid;
	
	}
	
.telefone2 {
	width: 57px;
	height: 16px;
	position: absolute;
	z-index: 2;
	left: 41px;
	top: 139px;
	font-size: 14px;
	color: #666;
	
	
	}
	
	
.form_telefone2 {
	width: 172px;
	height: 18px;
	position: absolute;
	z-index: 2;
	left: 41px;
	top: 156px;
	font-size: 14px;

	
	}	

.anexo {
	width: 222px;
	height: 16px;
	position: absolute;
	z-index: 2;
	left: 41px;
	top: 189px;
	font-size: 14px;
	color: #666;
	
	
	}
	
	
.form_anexo {
	width: 372px;
	height: 22px;
	position: absolute;
	z-index: 2;
	left: 41px;
	top: 209px;
	font-size: 14px;
	background-image:url(../imagens/inputtype.jpg);

	
	}
	
	
.celular {
	width: 44px;
	height: 16px;
	position: absolute;
	z-index: 2;
	font-size: 14px;
	color: #666;
	left: 241px;
	top: 122px;
	
	}
	
	
.form_celular {
	width: 172px;
	height: 18px;
	position: absolute;
	z-index: 2;
	font-size: 14px;
	left: 241px;
	top: 139px;
	border-width: 3px;
	border-color: #666;
	border-style: solid;
	
	}
	
.celular2 {
	width: 44px;
	height: 16px;
	position: absolute;
	z-index: 2;
	font-size: 14px;
	color: #666;
	left: 238px;
	top: 139px;
	
	}
	
	
.form_celular2 {
	width: 172px;
	height: 18px;
	position: absolute;
	z-index: 2;
	font-size: 14px;
	left: 238px;
	top: 156px;

	
	}	
	
.msg {
	width: 187px;
	height: 16px;
	position: absolute;
	z-index: 2;
	font-size: 14px;
	color: #666;
	left: 42px;
	top: 176px;
	

	
	}
	
	
.form_msg {
	width: 372px;
	height: 103px;
	position: absolute;
	z-index: 2;
	font-size: 14px;
	left: 42px;
	top: 196px;
	border-width: 3px;
	border-color: #666;
	border-style: solid;

	
	}
	
.msg2 {
	width: 187px;
	height: 16px;
	position: absolute;
	z-index: 2;
	font-size: 14px;
	color: #666;
	left: 41px;
	top: 238px;

	
	}
	
	
.form_msg2 {
	width: 372px;
	height: 80px;
	position: absolute;
	z-index: 2;
	font-size: 14px;
	left: 41px;
	top: 260px;

	
	}	
	
.realiz {
	width: 255px;
	height: 16px;
	position: absolute;
	z-index: 2;
	font-size: 13px;
	color: #666;
	left: 42px;
	top: 313px;
}

.b1 {
	width: 142px;
	height: 39px;
	position: absolute;
	z-index: 2;
	left: 301px;
	top: 312px;

}

.b2 {
	width:174px;
	height:54px;
	position:absolute;
	z-index:2;
	left: 38px;
	top: 216px;

}

/* links da pagina */

a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #000;
}
a:active {
	text-decoration: none;
	color: #000;
}
	
/* area do cliente */

.cadastro {
	width: 151px;
	height: 31px;
	position: absolute;
	z-index: 99;
	left: 17px;
	top: 26px;



	}
	
	
.entrevista {
	width: 153px;
	height: 31px;
	position: absolute;
	z-index: 99;
	left: 288px;
	top: 26px;



	
	}
	
.acessar1 {
	width: 221px;
	height: 54px;
	position: absolute;
	z-index: 99;
	left: 49px;
	top: 59px;


	
	}
	
.acessar2 {
	width: 248px;
	height: 54px;
	position: absolute;
	z-index: 9;
	left: 321px;
	top: 60px;


	
	}		

#aviso1 {
	width: 180px;
	height: 117px;
	position: absolute;
	z-index: 999;
	left: -16px;
	top: 113px;
	display:none;
		
	}
	
#aviso2 {
	width: 180px;
	height: 117px;
	position: absolute;
	z-index: 999;
	left: 259px;
	top: 117px;
	display:none;
		
	}
	
.login1 {
	width: 82px;
	height: 23px;
	position: absolute;
	z-index: 99;
	border-width: 3px;
	border-color: #666;
	border-style: solid;
	left: -8px;
	top: -10px;
	
	}
	
.senha1 {
	width: 105px;
	height: 23px;
	position: absolute;
	z-index: 99;
	font-size: 14px;
	border-width: 3px;
	border-color: #666;
	border-style: solid;
	left: -9px;
	top: 18px;
	
	}
	
.login2 {
	width: 105px;
	height: 23px;
	position: absolute;
	z-index: 99;
	font-size: 14px;
	border-width: 3px;
	border-color: #666;
	border-style: solid;
	
	}
	
.senha2 {
	width: 105px;
	height: 23px;
	position: absolute;
	z-index: 99;
	font-size: 14px;
	border-width: 3px;
	border-color: #666;
	border-style: solid;
	left: 0px;
	top: 29px;
	
	}
	
.ba1 {
	width: 84px;
	height: 25px;
	position: absolute;
	z-index: 99;
	font-size: 14px;
	left: 121px;
	top: 15px;
	
	}
	
.ba2 {
	width: 84px;
	height: 25px;
	position: absolute;
	z-index: 99;
	font-size: 14px;
	left: 120px;
	top: 14px;
	
	}			
	
.esqueci1 {
	width: 99px;
	height: 17px;
	position: absolute;
	z-index: 99;
	font-size: 14px;
	left: 43px;
	top: 97px;
	
	}
								
.esqueci2 {
	width: 98px;
	height: 17px;
	position: absolute;
	z-index: 99;
	font-size: 14px;
	left: 317px;
	top: 97px;
	
	}	
#content:active {
	-webkit-opacity: 20;
	-moz-opacity: 20;
	opacity: 20;
}