@charset "utf-8";

/* CSS Document */



/****

Estrutura para o site

****/



body {background:#000; margin:0; padding:0;}



#geral {background:url(imagens/bg_site.jpg); width:957px; height:557px; margin:0 auto; }



#box_centro{

	background:url(imagens/box_centro.jpg);

	width:671px;

	height:341px;

	color: #CCC;

}



/****

Estilos para o site

****/



.navigation {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#656565; text-decoration:none; }

.navigation a {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#656565; text-decoration:none; }

.navigation a:houver {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#656565; }



.txt_empresa {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#F0F0F0; }



/****

CSS Antigo

****/



@charset "utf-8";



img{

	border:0px;

}



form{

	margin:0px;

	padding:0px;

}



#fundo{

	width:100%;

	height:574px;

	margin-top: -287px;

	top: 50%;

	position: absolute;

	background: url(../img/bg_site.jpg) no-repeat center;

}

#centro{

	width:1000px;

	height:417px;

	margin-left: -502px;

	left: 50%;

	margin-top: -200px;

	top: 50%;

	position: absolute;

}





#menu{

	width:1045px;

	height:130px;

	float:left;

	text-align: left;

	margin-top: -300px;

	margin-left: -500px;

	position: absolute;

	z-index: 2;

	left: 50%;

	top: 50%;

	clip: rect(10px,auto,auto,auto);

}

#amarca {

	width:977px;

	float:left;

	text-align: left;

	background: url(../img/bg_amarca.jpg) no-repeat left top;

	padding-top: 40px;

	height: 424px;

}

#produtos {

	width:977px;

	float:left;

	text-align: left;

	background: url(../img/bg_produto.jpg) no-repeat left top;

	padding-top: 0px;

	height: 424px;

}

#miolo {

	width:977px;

	float:left;

	text-align: left;

	background: url(../img/bg_capacete.jpg) no-repeat left top;

	padding-top: 0px;

	height: 424px;

}



#coluna1_produto , #pic_produto{

	float: left;

	width: 391px;

}



#coluna2_produto {

	float: left;

	width: 520px;

	margin-left: 45px;

	padding: 0px;

}



#txt_produto {

	float: left;

	width: 500px;

	margin: 0px;

	padding: 30px 0px 6px;

	text-align: justify;

}

#txt_produto p {

	margin: 0px;

	padding: 0px 0px 10px;

	font-size: 14px;

	color: #FFFFFF;

}



#txt_produto ul {

	margin: 0px;

	padding: 5px 0px 0px;

	list-style: url(../img/ul.png);

	float: left;

	width: 500px;

}

#txt_produto ul li {

	font-size: 14px;

	padding: 4px 0px 0px;

	float: left;

	width: 461px;

}



#coluna1_contato {

	float: left;

	margin: 0px;

	padding: 0px 20px 0px 0px;

	width: 200px;

	text-align: right;

}

.h2_contato {

	font-family:Arial, Helvetica, sans-serif;

	color:#656565;

	float: right;

	padding-left: 20px;

	font-weight: bold;

}

.h2_produto {

	float: left;

	padding-bottom: 5px;

}

#coluna1_contato p {

	font-family:Arial, Helvetica, sans-serif;

	margin: 0px;

	padding: 0px 0px 10px;

	font-size: 11px;

	color: #FFFFFF;

	clear: both;

}

#coluna1_contato a {

	font-family:Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	text-decoration: none;

;

}

#coluna1_contato a:hover {

	text-decoration: underline;

}

.div_rep {

	float: left;

	width: 500px;

}

#coluna2_contato {

	float: left;

	margin: 0px;

	padding: 0px 0px 0px 20px;

	width: 350px;

	text-align: left;

}

#form_contato #nome, #form_contato #assunto, #form_contato #email  {

	float: left;

	width: 300px;

	margin-bottom: 9px;

	padding: 1px 1px 2px;

	background: #1F1F1F url(../img/bg_form.jpg) repeat-x left top;

	border: 1px dashed #656565;

	color: #FFFFFF;

	font-size: 12px;

}



#form_contato #mensagem  {

	float: left;

	width: 300px;

	margin-bottom: 5px;

	padding: 1px;

	background: #1F1F1F url(../img/bg_form.jpg) repeat-x left top;

	border: 1px dashed #656565;

	color: #FFFFFF;

	height: 80px;

	font: 12px Arial, Helvetica, sans-serif;

}



input#submit {

	margin: 2px;

	background: #000000;

	width: 70px;

	height: 25px;

	cursor: pointer;

	font-size: 16px;

	color: #656565;

	border: 0px none #000000;

	font-style: normal;

}

#bt_enviar {

	padding-right: 5px;

	text-align: right;

	width: 300px;

	float: left;

}

#amarca #texto {

	float: left;

	font: bold 14px Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	text-align: justify;

	padding: 0px 200px 100px 335px;

}

#amarca #texto p {

	margin: 0px;

	padding: 0px 0px 15px;

}

#rodape {

	float: left;

	width: 977px;

	padding-top: 5px;

}

#rodape #rodape1 {

	font-size: 9px;

	color: #FFF;

	float: left;

	padding-top: 17px;

}

#rodape #rodape2 {

	float: right;

	padding-right: 0px;

}

#fundo_home {

	width:100%;

	height:574px;

	margin-top: -287px;

	top: 50%;

	position: absolute;

	background: url(../img/bg_home2.jpg) no-repeat center;

}

#animacao {

	float: left;

	width: 1000px;

	height: 425px;

}

#representantes {

	width:977px;

	float:left;

	text-align: left;

	background: url(../img/bg_representantes.jpg) no-repeat left top;

	padding-top: 60px;

	height: 424px;

}

#coluna1_representantes {

	float: left;

	margin: 0px;

	width: 300px;

	text-align: right;

	padding-top: 90px;

	padding-right: 54px;

	padding-bottom: 0px;

	padding-left: 115px;

}

#coluna4_representantes {

	float: left;

	margin: 0px;

	padding: 30px 63px 0px 115px;

	width: 435px;

	text-align: right;

}

#coluna4_representantes p {

	margin: 0px;

	padding: 0px 0px 10px;

	font-size: 11px;

	color: #FFFFFF;

}

#coluna4_representantes a {

	font-size: 11px;



	color: #FFFFFF;

	text-decoration: none;

	font-weight: bold;

}

#coluna1_representantes p {

	margin: 0px;

	padding: 0px 0px 10px;

	font-size: 11px;

	color: #FFFFFF;

}

#coluna1_representantes a {

	font-size: 11px;



	color: #FFFFFF;

	text-decoration: none;

	font-weight: bold;

}

.conteudo_representantes  a {

	font-size: 11px;

	color: #FFFFFF;

	text-decoration: none;

	font-weight: bold;

}

#coluna2_representantes p {

	margin: 0px;

	padding: 0px 0px 20px;

	font-size: 12px;

	color: #FFFFFF;

	float: left;

	width: 250px;

}

.conteudo_representantes a:hover {

	text-decoration: underline;

}

#coluna1_representantes a:hover {

	text-decoration: underline;

}



#coluna2_representantes {

	float: left;

	margin: 0px;

	padding: 0px 0px 55px 5px;

	width: 500px;

	text-align: left;

}

#coluna3_representantes {

	float: left;

	margin: 0px;

	padding: 10px 0px 0px 0px;

	width: 320px;

	height:390px;

	text-align: left;

}

#contato {

	width:977px;

	float:left;

	text-align: left;

	background: url(../img/bg_contato.jpg) no-repeat left top;

	padding-top: 140px;

	height: 324px;

}



#pop {

	height: 490px;

	width: 490px;

	margin-top: -245px;

	margin-left: -245px;

	position: absolute;

	left: 50%;

	top: 50%;

	z-index:3;

}