@charset "utf-8";



/* 



Site: http://www.americarep.com.br



Versão: 1.0



Desenvolvidor: Apice do Brasil



Contato: http://www.apicedobrasil.com.br



*/











body {



	background-image: url(../imagens/fundo.jpg);



	background-color: 26282a;



	margin-left: 0px;



	margin-top: 0px;



	margin-right: 0px;



	margin-bottom: 0px;



	color: #989891;



	font-family::Helvetica;



	font-size: 11px;


}

a:link {

	color: #CCCCC8;

	text-decoration: none;

}

a:visited {

	color: #CCCCC8;

	text-decoration: none;

}

a:active {

	color: #CCCCC8;

	text-decoration: underline;

}


a:hover {

	color: #CCCCC8;

	text-decoration: underline;

}




.linls {
	color: #ccccc8;
    font-family:Helvetica;
    font-size: 10px;
}

.links a{
	color: #ccccc8;
    font-family:Helvetica;
    font-size: 10px;
	text-decoration:none;
}

.links a:hover{
	color: #ccccc8;
    font-family:Helvetica;
    font-size: 10px;
	text-decoration:underline;
}







#corpo {
width: 100%;
padding: 0px;
margin: 0px;
}

#main {
	width: 900px;
	padding: 0px;
	margin: 0 auto;
}



/* TOPO */



#top {



	width: 900px;
    height: 149px;
margin: 0 auto;



}







#logomarca {
width: 189px;
height: 149px;
background-image:url(../imagens/logo.jpg);
background-repeat:no-repeat;
margin-left: 0px;
float:left;



}







#login {

width: 438px;
height: 44px;
background-image:url(../imagens/login.jpg);
background-repeat:no-repeat;

margin-left: 480px;



}

#bemvindo {

font:10px Arial, Helvetica, sans-serif;
width: 438px;
height: 44px;
margin-left: 480px;
margin-top:10px;



}












#area {



	width: 136px;



	height: 44px;



	background-image:url(../imagens/areadocliente.jpg);



	background-repeat:no-repeat;



	float:left;



}







#campo_login {



	width: 254px;



	height: 29px;



	float:left;



	padding-top: 14px;



	



}







#btn_login {



	width: 22px;



	height: 22px;



	float:left;



	margin-top: 12px;



	background-image:url(../imagens/ok.jpg);



	background-repeat:no-repeat;



	



}







#input_login {



	width: 110px;



	height: 13px;



	float:left;



	border:none;



	color:#CCC;



	font-family:Helvetica;



	font-size:10px;



	outline:none;



	background-color:transparent;



	padding-left: 5px;



	float:left;



}











#input_senha {



	width: 110px;



	height: 13px;



	float:left;



	border:none;



	color:#CCC;



	font-family:Helvetica;



	font-size:10px;



	outline:none;



	background-color:transparent;



	padding-left: 5px;



	float:left;



	margin-left: 14px;



}















#menu_2 {



width:371px;
height: 20px;
margin-top: 70px;
margin-right: -145px;
float:right;
}


#menu {



width:371px;
height: 20px;
margin-top: 70px;
margin-right: -0px;
float:right;
}


#data {



	width:500px;



	height: 20px;



	float:right;



	margin-top: 10px;
	margin-right: -220px;

	

	color: #989891;



	font-family::Helvetica;



	font-size: 11px;


}











#empresa,







a:link#empresa,







a:visited#empresa {







  background-position: 0px 0px;







  float: left;







  width: 55px;







  height: 20px;







  margin: 0px;







  text-decoration: none;







  overflow: hidden;







  margin-top: 0px;















}















a:visited#empresa, a:link#empresa {







	background-image: url("../imagens/btn_empresa.jpg");







	float: left;







}















a:hover#empresa {







	background-image: url("../imagens/btn_empresa.jpg");







	background-position: 0px 20px;







	float: left;







}















#empresa{







	background-image: url("../imagens/btn_empresa.jpg");







	background-position: 0px 20px;







	float: left;







}















#lancamentos,







a:link#lancamentos,







a:visited#lancamentos {







  background-position: 0px 0px;







  float: left;







  width: 79px;







  height: 20px;







  margin: 0px;







  text-decoration: none;







  overflow: hidden;







  margin-top: 0px;















}















a:visited#lancamentos, a:link#lancamentos {







	background-image: url("../imagens/btn_lancamentos.jpg");







	float: left;







}















a:hover#lancamentos {







	background-image: url("../imagens/btn_lancamentos.jpg");







	background-position: 0px 20px;







	float: left;







}















#lancamentos{







	background-image: url("../imagens/btn_lancamentos.jpg");







	background-position: 0px 20px;







	float: left;







}















#produtos,







a:link#produtos,







a:visited#produtos {







  background-position: 0px 0px;







  float: left;







  width: 60px;







  height: 20px;







  margin: 0px;







  text-decoration: none;







  overflow: hidden;







  margin-top: 0px;















}















a:visited#produtos, a:link#produtos {







	background-image: url("../imagens/btn_produtos.jpg");







	float: left;







}















a:hover#produtos {







	background-image: url("../imagens/btn_produtos.jpg");







	background-position: 0px 20px;







	float: left;







}















#produtos{







	background-image: url("../imagens/btn_produtos.jpg");







	background-position: 0px 20px;







	float: left;







}









#promocoes,







a:link#promocoes,







a:visited#promocoes {







  background-position: 0px 0px;







  float: left;







  width: 70px;







  height: 20px;







  margin: 0px;







  text-decoration: none;







  overflow: hidden;







  margin-top: 0px;















}















a:visited#promocoes, a:link#promocoes {







	background-image: url("../imagens/btn_promocoes.jpg");







	float: left;







}















a:hover#promocoes {







	background-image: url("../imagens/btn_promocoes.jpg");







	background-position: 0px 20px;







	float: left;







}















#promocoes{







	background-image: url("../imagens/btn_promocoes.jpg");







	background-position: 0px 20px;







	float: left;







}

















#cadastro,







a:link#cadastro,







a:visited#cadastro {







  background-position: 0px 0px;







  float: left;







  width: 59px;







  height: 20px;







  margin: 0px;







  text-decoration: none;







  overflow: hidden;







  margin-top: 0px;















}















a:visited#cadastro, a:link#cadastro {







	background-image: url("../imagens/btn_cadastro.jpg");







	float: left;







}















a:hover#cadastro {







	background-image: url("../imagens/btn_cadastro.jpg");







	background-position: 0px 20px;







	float: left;







}















#cadastro{







	background-image: url("../imagens/btn_cadastro.jpg");







	background-position: 0px 20px;







	float: left;







}



















#contato,







a:link#contato,







a:visited#contato {







  background-position: 0px 0px;







  float: left;







  width: 48px;







  height: 20px;







  margin: 0px;







  text-decoration: none;







  overflow: hidden;







  margin-top: 0px;















}















a:visited#contato, a:link#contato {







	background-image: url("../imagens/btn_contato.jpg");







	float: left;







}















a:hover#contato {







	background-image: url("../imagens/btn_contato.jpg");







	background-position: 0px 20px;







	float: left;







}















#contato{







	background-image: url("../imagens/btn_contato.jpg");







	background-position: 0px 20px;







	float: left;







}







html{ overflow-x:hidden;}



/* BANNER */











#area_banner {



	width: 900%;



	height: 541px;



	text-align:center;



	margin-top: 58px;



	



	background-repeat:repeat-x;



}











#banner {



	width: 900px;



	height: 332px;







	background-repeat:no-repeat;



	margin: 0 auto;



	padding-top: 0px;



}







/* CONTEUDO DA INDEX */







#traco_a {



	width: 502px;



	height: 9px;



	background-image:url(../imagens/traco_a.jpg);



	background-repeat:no-repeat;



	margin: 20px auto;



}







#traco_b {



	width: 502px;



	height: 8px;



	background-image:url(../imagens/traco_b.jpg);



	background-repeat:no-repeat;



	margin: 140px auto;



}











#conteudo_index {



	width: 490px;



	height: 200px;



	margin: 0px auto;



	font-family:Helvetica;



}







#destaque1 {



	width: 160px;



	height: 128px;



	float:left;



	background-color: #35393c;



}







#destaque2 {



	width: 160px;



	height: 128px;



	float:left;



	background-color: #35393c;



	margin-left: 5px;



}











#destaque3 {



	width: 160px;



	height: 128px;



	float:left;



	background-color: #35393c;



	margin-left: 5px;



}







#joia1 {



	width: 150px;



	height: 81px;



	background-image:url(../imagens/joia1.jpg);



	background-repeat:no-repeat;



	margin-left: 5px;



	margin-top: 5px;



}







#joia_titulo {



	width: 140px;



	height: 22px;



	margin-left: 5px;



	margin-top: 5px;



	color: ccccc8;



	font-family:Helvetica;



	font-size: 10px;



	margin: 0 auto;



	text-align:center;



	padding-top: 15px;



}


#joia_titulo a{
	color: ccccc8;
    font-family:Helvetica;
    font-size: 10px;
	text-decoration:none;
}

#joia_titulo a:hover {
	color: ccccc8;
    font-family:Helvetica;
    font-size: 10px;
	text-decoration:underline;
	
}








#joia2 {



	width: 150px;



	height: 81px;



	background-image:url(../imagens/joia2.jpg);



	background-repeat:no-repeat;



	margin-left: 5px;



	margin-top: 5px;



}















#joia3 {



	width: 150px;



	height: 81px;



	background-image:url(../imagens/joia3.jpg);



	background-repeat:no-repeat;



	margin-left: 5px;



	margin-top: 5px;



}











#destaque_texto1 {



	width: 150px;



	height: 55px;



	float:left;



	margin-top: 14px;



	color: #989891;



	font-family:Helvetica;



	font-size: 11px;



	float:left;



	padding-left: 5px;



	padding-right: 5px;



	text-align:left;



}







#destaque_texto2 {



	width: 150px;



	height: 55px;



	float:left;



	margin-left: 5px;



	margin-top: 14px;



	color: #989891;



	font-family:Helvetica;



	font-size: 11px;



	float:left;



	padding-left: 5px;



	padding-right: 5px;



	text-align:left;



}











#destaque_texto3 {



	width: 150px;



	height: 55px;



	float:left;



	margin-left: 5px;



	margin-top: 14px;



	color: #989891;



	font-family:Helvetica;



	font-size: 11px;



	float:left;



	padding-left: 5px;



	padding-right: 5px;



	text-align:left;



}







#ass {



	width: 81px;



	height: 22px;



	background-image:url(../imagens/ass.jpg);



	background-repeat:no-repeat;



	margin: 0px auto;



	margin-bottom: 50px;



}



















#ass2,







a:link#ass2,







a:visited#ass2 {







  background-position: 0px 0px;







  float: left;







  width: 81px;







  height: 22px;







  margin: 0px;







  text-decoration: none;







  overflow: hidden;







  margin-top: 0px;















}















a:visited#ass2, a:link#ass2 {







	background-image: url("../imagens/ass2.jpg");







	float: left;







}















a:hover#ass2 {







	background-image: url("../imagens/ass2.jpg");







	background-position: 0px 22px;







	float: left;







}















#ass2{







	background-image: url("../imagens/ass2.jpg");







	background-position: 0px 22px;







	float: left;







}















#rodape_index {



	width: 81px;



	height: 22px;



	background-image:url(../imagens/rodape.jpg);



	background-repeat:no-repeat;



	margin: 10px auto;






}















#rodape {



	width: 81px;



	height: 22px;



	background-image:url(../imagens/rodape.jpg);



	background-repeat:no-repeat;



	margin: 80px auto;



}











/* EMPRESA */







#corpo_empresa {



	width: 100%;



	height: 724px;



	margin: 0 auto;



}







#conteudo_empresa {



	width: 920px;



	height: 300px;



	margin: -15px auto;



	font-family:Helvetica;



	



}











#conteudo_empresa_texto {



	width: 570px;



	height: 300px;



	font-family:Helvetica;



	float:left;



	



}


#embreve {
	width: 175px;
	height: 100px;
	background-image:url(../imagens/embreve.jpg);
	margin: 40px 418px;
}




#empresa_foto {



	width: 270px;



	height: 301px;



	background-image:url(../imagens/modeloemp.jpg);



	background-repeat:no-repeat;



	margin-left: 30px;



	float:left;



}







#traco_a_emp {



	width: 502px;



	height: 9px;



	background-image:url(../imagens/traco_a.jpg);



	background-repeat:no-repeat;



	margin: 50px auto;



}







#traco_b_emp {



	width: 502px;



	height: 9px;



	background-image:url(../imagens/traco_a.jpg);



	background-repeat:no-repeat;



	margin: 50px auto;



}











/* LANÇAMENTOS */











#conteudo_lancamentos {



	width: 920px;



	height: 300px;



	margin: -15px auto;



	font-family:Helvetica;



	text-align:center;



}















/* LANÇAMENTOS - Aneis */











#conteudo_aneis {



	width: 920px;



	height: 372px;



	margin: -15px auto;



	font-family:Helvetica;



	text-align:center;



}











/* PRODUTOS */



#corpo_produtos {



	width: 100%;



	height: 724px;



	margin: 0 auto;



}





#traco_a_aneis {



	width: 502px;



	height: 9px;



	background-image:url(../imagens/traco_a.jpg);



	background-repeat:no-repeat;



	margin: 50px auto;



}





#traco_b_aneis {



	width: 502px;

	height: 9px;

	background-image:url(../imagens/traco_a.jpg);

	background-repeat:no-repeat;

    margin: 70px auto;

}







#rodape_aneiss {



	width: 81px;



	height: 22px;



	background-image:url(../imagens/rodape.jpg);



	background-repeat:no-repeat;



	margin: 140px auto;

	margin-left: 300px;

	



}







#conteudo_produtos {



	width: 900px;



	height: 300px;



	margin: 20px auto;



	font-family:Helvetica;



	text-align:center;



	position:static;



}







#menu_gl {



	height: 16px;



	padding-top: 3px;



}







#titulo_aneis {



	width:372px;



	height: 45px;



	background-image:url(../imagens/tl_aneis.png);



	background-repeat:no-repeat;



	background-position:bottom;



	margin-left: 45px;



	margin-top: -37px;



	padding-bottom: 20px;



}







#titulo_brincos {



	width: 372px;



	height: 45px;



	background-image:url(../imagens/tl_brincos.png);



	background-repeat:no-repeat;



	background-position:bottom;



	margin-left: 45px;



	margin-top: -25px;



	padding-bottom: 20px;



}











#titulo_braceletes {



	width: 372px;



	height: 45px;



	background-image:url(../imagens/tl_braceletes.png);



	background-repeat:no-repeat;



	background-position:bottom;



	margin-left: 45px;



	margin-top: -25px;



	padding-bottom: 20px;



}







#titulo_argolas {
	width: 372px;
	height: 45px;
	/*background-image:url(../imagens/tl_argolas.png);
	background-repeat:no-repeat;
	background-position:bottom;*/
	font:22px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin-left: 45px;
	margin-top: 0px;
}













#titulo_conjuntos {



	width: 372px;



	height: 45px;



	background-image:url(../imagens/tl_conjuntos.png);



	background-repeat:no-repeat;



	background-position:bottom;

  margin-left: 45px;



	margin-top: 0px;

}




#titulo_correntes {



	width: 372px;

	height: 45px;

	background-image:url(../imagens/tl_correntes.png);

	background-repeat:no-repeat;

	background-position:bottom;

    margin-left: 45px;

	margin-top: 0px;



}



#titulo_infantil {



	width: 372px;



	height: 45px;



	background-image:url(../imagens/tl_infantil.png);



	background-repeat:no-repeat;



	background-position:bottom;



  margin-left: 45px;



	margin-top: 0px;



}







#titulo_pingentes {



	width: 372px;



	height: 45px;



	background-image:url(../imagens/tl_pingentes.png);



	background-repeat:no-repeat;



	background-position:bottom;



  margin-left: 45px;



	margin-top: 0px;

}





#traco_a_argolas {



	width: 502px;



	height: 9px;



	background-image:url(../imagens/traco_a.jpg);



	background-repeat:no-repeat;



	margin: 0px auto;



}





#traco_b_argolas {



	width: 502px;

	height: 9px;

	background-image:url(../imagens/traco_a.jpg);

	background-repeat:no-repeat;

    margin: 0px auto;

}



#rodape_argolas {



	width: 81px;



	height: 22px;



	background-image:url(../imagens/rodape.jpg);



	background-repeat:no-repeat;



	margin: 10px auto;

	

}


#rodape_promo {



	width: 81px;



	height: 22px;



	background-image:url(../imagens/rodape.jpg);



	background-repeat:no-repeat;



	margin: 10px auto;

	

}



#btn_voltar_argolas {



	width: 70px;



	margin-left: 430px;



	margin-top: 10px;



}





/* Contato */











#conteudo_contatos {



	width: 920px;



	height: 455px;



	margin: -15px auto;



	font-family:Helvetica;



	text-align:center;



	position:static;



}







#campo_contatos {



	width: 460px;



	height: 355px;



	margin: 0px auto;



	font-family:Helvetica;



	text-align:center;



	float:left;



}







#campo_contatos2 {



	width: 460px;



	height: 355px;



	margin: -418px 464px;



	font-family:Helvetica;



	text-align:center;



	float:left;



}











#nome {



	width:160px;



	height: 18px;



	padding-top: 2px;



	text-align:right;



	float:left;



}







#pais {



	width: 160px;



	height: 18px;



	padding-top: 2px;



	text-align:right;



	float:left;



}







#classificacao {



	width: 160px;



	height: 18px;



	padding-top: 2px;



	text-align:right;



	float:left;



}







#email {



	width: 160px;



	height: 18px;



	padding-top: 2px;



	text-align:right;



	float:left;



}







#endereco {



	width: 160px;



	height: 18px;



	padding-top: 2px;



	text-align:right;



	float:left;



}







#bairro {



	width: 160px;



	height: 18px;



	padding-top: 2px;



	text-align:right;



	float:left;



}







#fone {



	width: 160px;



	height: 18px;



	padding-top: 2px;



	text-align:right;



	float:left;



}











#comentario {



	width:160px;



	height: 18px;



	padding-top: 2px;



	text-align:right;



	float:left;



}











#campo1 {



	width: 200px;



	float:left;



	text-align:left;



	margin-left: 5px;



	background-image:url(../imagens/campo1.jpg);



	background-repeat:no-repeat;



}







.input1 {



	width: 194px;



	height: 18px;



	border:none;



	background:transparent;



	color: #989891;



	font-family::Helvetica;



	font-size: 11px;



	padding-left: 3px;



	padding-right: 3px;



	outline:none;



}







.input1b {



	width: 200px;



	height: 18px;



	border-color:#1d1d1f;



	border: 0;



    background-color: #222325;



	color: #989891;



	font-family::Helvetica;



	font-size: 11px;



	outline:none;



}







#campo2 {



	width: 95px;



	float:left;



	text-align:left;



	margin-left: 5px;



	background-image:url(../imagens/campo2.jpg);



	background-repeat:no-repeat;



}







#campo2b {



	width: 95px;



	float:left;



	text-align:left;



	margin-left: 10px;



	background-image:url(../imagens/campo2.jpg);



	background-repeat:no-repeat;



}







.input2 {



	width: 95px;



	height: 18px;



	outline:none;



	border:none;



	background:transparent;



	color: #989891;



	font-family::Helvetica;



	font-size: 11px;



}







#campo3 {



	width: 269px;



	float:left;



	text-align:left;



	margin-left: 97px;



}







.input3 {



	width: 269px;



	height: 100px;



	margin-top: -5px;



	outline:none;



	border-color:#1d1d1f;



	border: 1 solid;



    background-color: #222325;



	color: #989891;



	font-family::Helvetica;



	font-size: 11px;



}







#enviar {



	width: 70px;



	margin-left: 428px;



	float:left;



}

#enviar_cad {



	width: 70px;



	margin-left: 428px;



	float:left;



}






#apagar {



	width: 50px;



	float:left;



	background-image:url(../imagens/apagar.jpg);



	background-repeat:no-repeat;



}







#campobg {



	width:205px;



	height: 18px;



	padding-top: 2px;



	text-align:right;



	float:left;



	margin-top: 3px;



}



#localizacao {



	width: 220px;



	float:left;



	text-align:left;



	margin-left: 210px;



	margin-top: 60px;



	color: #989891;



	font-family::Helvetica;



	font-size: 11px;



}







#mapa {



	width: 80px;



	height: 80px;



	background-image:url(../imagens/mapa.jpg);



	float:left;



	margin-top: 3px;



}











#mapaa {



	width: 80px;



	height: 80px;



	background-image:url(../imagens/mapaa.jpg);



	float:left;



	margin-bottom: -5px;



}











#locali {



	width: 120px;



	color: #989891;



	font-family::Helvetica;



	font-size: 12px;



	text-align:left;



	float:left;



}











#desc {



	width: 130px;



	color: #989891;



	font-family::Helvetica;



	font-size: 11px;



	text-align:left;



	margin-top: -9px;



	margin-left: -16px;



}







#traco_b_contato {

width: 502px;
height: 8px;
background-image:url(../imagens/traco_b.jpg);
background-repeat:no-repeat;
margin: -10px auto;

}







#rodape_contato {



	width: 81px;



	height: 22px;



	background-image:url(../imagens/rodape.jpg);



	background-repeat:no-repeat;



	margin: 30px auto;



}















#ende {



	width: 250px;



	color: #989891;



	font-family:Helvetica;



	font-size: 11px;



	text-align:left;



	margin-top: 36px;



	margin-left: -16px;



}







#btn_voltar {



	width: 70px;



	margin-left: 690px;



	margin-top: -185px;



	float:left;



}



#btn_voltar_aneis {



	width: 70px;



	margin-left: 0px;



	margin-top: 110px;



}







.select {



	border:none;



}





/********* GALERIA DE IMAGENS ********************/







.container {

	height: 450px;

	width: 810px;

	margin: 0px auto;

	top: 50%; left: 50%;

}



#paginacao {

	width: 100px;

	height: 10px;

	margin: 390px 593px;



	

}



#paginacao a{

	color:#dcdcdc;

}



#paginacao a:hover{

	color:#6C6C6C;

}

#paginacao1 {

	width: 100px;

	height: 10px;

	margin: 20px 423px;
}



ul.thumb {

	float:right;

	list-style: none;

	margin: -395px 0px;

	padding-bottom: 14px;

	width: 320px;

} 

ul.thumb li {

	margin: 0; padding: 5px;

	float: left;

	position: relative;

	width: 90px;

	height: 90px;

}

ul.thumb li img {

	width: 90px; height: 90px;

	border: 1px solid #4A4A4A;

	padding: 2px;

	background: #4A4A4A;

	left: 0; top: 0;

	-ms-interpolation-mode: bicubic; 

}

ul.thumb li img.hover {

	border: 1px solid #4A4A4A;

}

#main_view {

	float: left;

	margin-top: 0px;

	margin-left: 0px;

	border: 5px solid #4A4A4A;

}



/*////////////////////////////////////////*/
