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


*{
margin:0;
padding:0;
border:0;
}

body{
	background:#404040;
	font-family:"Arial Narrow", Arial, "Lucida Sans", sans-serif;
	font-size:14px;
	color:#7f7f7f;	
	}
.linkhome{
	background-image:url(../../images/link.png);
	height:100px;
	width:235px;
	position:absolute;	z-index:200;
	margin-top:475px;
	margin-left:715px;
	}
	
.spacer{clear:both;}


/*-----HYPPER------*/
#hypper{
	z-index:300px;
	margin-top:565px;
	}
#hypper a {
		color:#ccc;
		background:url(../../images/logo_hypper_pq.png) no-repeat 0 0px;
		width:90px;
		height:20px;
		text-align:center;
		font-size:10px;
		text-transform:none;
		float:left;
		margin-left:-285px;
	}


#hypper a:hover{
	background:url(../../images/logo_hypper_pq.png) no-repeat scroll 0 -25px;
	color:#fff;
	}

#hypper p{
	font-size:15px;
	}
/*-----FIM HYPPER------*/

/*------LINGUAS INTERNA-------*/

.mudarlingua{
	width:50px;
	float:right;
	margin-top:0px;
	font-size:10px;
	z-index:300;
}
.mudarlingua a:link{
	text-decoration:none;
	color: #999;
	}
.mudarlingua a:visited{
	text-decoration:none;
	color: #999;	
	}
.mudarlingua a:hover{
	text-decoration:none;
	color: #eaeaea;	
	}	
.mudarlingua a:active{
	text-decoration:none;
	}

#content {background:url(../../images/bg.gif);
	height:610px; 
	left:50%; 
	margin:-305px 0 0 -490px; 
	position:absolute; 
	top:50%; 
	width:980px}
	
#splashscreen{
	height:150px; 
	width:186px;
	 margin:226px 0 0 393px;}
	 
#logohome{
	background-image:url(../../images/logo_home.gif); 
	height:95px;}
	
#languagelegenda{
	background-image:url(../../images/lang_legenda_eng.gif); 
	height:30px;}


/*------LINKS------*/
a:link{
	color: #212121;
	text-decoration:underline;
	}
a:visited{
	color: #212121;
	text-decoration:underline;
	}
a:hover{
	color:#666;
	text-decoration:underline;
	}
a:active{
	color:#ccc;
	text-decoration:underline;
	}


/*-----CORES------*/
.lightcolor{color:#666;}

/*-----LANGUAGES------*/

#language .portugues a{
	background:url(../../images/lang_port.gif) no-repeat 0 0;
	width:67px;
	height:25px;
	margin:0;
	float:left;
	border-right:1px solid #CCC;
	}
	
#language .portugues a:hover{
	background:url(../../images/lang_port.gif) no-repeat 0 -25px;
	}
	
	
#language .espanhol a{
	background:url(../../images/lang_esp.gif) no-repeat 0 0;
	width:54px;
	height:25px;
	margin:0;
	float:left;
	border-right:1px solid #CCC;
	margin-left:5px;
	}
	
#language .espanhol a:hover{
	background:url(../../images/lang_esp.gif) no-repeat 0 -25px;
	}
	
	
	
#language .ingles a{
	background:url(../../images/lang_eng.gif) no-repeat 0 0;
	width:45px;
	height:25px;
	margin:0;
	float:left;
	margin-left:5px;
	}
	
#language .ingles a:hover{
	background:url(../../images/lang_eng.gif) no-repeat 0 -25px;
	}
	

	
	
/*--------------ESTRUTURA BASE---------------*/
#contentinside {background:url(../../images/bg_internas.jpg); height:611px; left:50%; margin:-305px 0 0 -490px; position:absolute; top:50%; width:980px}
#foto{
	background-image:url(../../images/foto.jpg);
	height:611px;
	width:204px;
	float:left;
	margin-left:110px;
	}
/*--------------MENU---------------*/
#menugeral{
	height:17px;
	margin-right:42px;
	margin-top:44px;
/*	background-color:#393;
*/	float:right;
	}
	
#menugeral li{
	list-style:none;
	display:inline;
	}
#menugeral li:hover a{
	}
.hide{
	display:none;
	}
#menugeral li:hover a{
	border-bottom:2px solid #000;
	}
#menugeral .institucional{
	background-image:url(../../images/men_institucional.gif);
	width:55px;
	height:17px;
	margin:0 5px;
	float:left;
	}
#menugeral .produtos{
	background-image:url(../../images/men_produtos.gif);
	width:39px;
	height:17px;
	margin:0 5px;
	float:left;
	}
#menugeral .feiras{
	background-image:url(../../images/men_feiras.gif);
	width:27px;
	height:17px;
	margin:0 5px;
	float:left;
	}
#menugeral .dicas{
	background-image:url(../../images/men_dicas.gif);
	width:22px;
	height:17px;
	margin:0 5px;
	float:left;
	}
#menugeral .ondecomprar{
	background-image:url(../../images/men_ondecomprar.gif);
	width:63px;
	height:17px;
	margin:0 5px;
	float:left;
	}
#menugeral .faleconosco{
	background-image:url(../../images/men_faleconosco.gif);
	width:58px;
	height:17px;
	margin:0 5px;
	float:left;
	}
/*
 *  INGLES
 */
#menugeral .institucional_en{
	background-image:url(../../images/men_institucional_en.gif);
	width:53px;
	height:17px;
	margin:0 5px;
	float:left;
	}
#menugeral .produtos_en{
	background-image:url(../../images/men_produtos_en.gif);
	width:39px;
	height:17px;
	margin:0 5px;
	float:left;
	}
#menugeral .feiras_en{
	background-image:url(../../images/men_feiras_en.gif);
	width:21px;
	height:17px;
	margin:0 5px;
	float:left;
	}
#menugeral .dicas_en{
	background-image:url(../../images/men_dicas_en.gif);
	width:16px;
	height:17px;
	margin:0 5px;
	float:left;
	}
#menugeral .ondecomprar_en{
	background-image:url(../../images/men_ondecomprar_en.gif);
	width:61px;
	height:17px;
	margin:0 5px;
	float:left;
	}
#menugeral .faleconosco_en{
	background-image:url(../../images/men_faleconosco_en.gif);
	width:48px;
	height:17px;
	margin:0 5px;
	float:left;
	}
/*
 * ESPANHOL
 */
#menugeral .institucional_es{
	background-image:url(../../images/men_institucional_es.gif);
	width:54px;
	height:17px;
	margin:0 5px;
	float:left;
	}
#menugeral .produtos_es{
	background-image:url(../../images/men_produtos_es.gif);
	width:44px;
	height:17px;
	margin:0 5px;
	float:left;
	}
#menugeral .feiras_es{
	background-image:url(../../images/men_feiras_es.gif);
	width:26px;
	height:17px;
	margin:0 5px;
	float:left;
	}
#menugeral .dicas_es{
	background-image:url(../../images/men_dicas_es.gif);
	width:38px;
	height:17px;
	margin:0 5px;
	float:left;
	}
#menugeral .ondecomprar_es{
	background-image:url(../../images/men_ondecomprar_es.gif);
	width:72px;
	height:17px;
	margin:0 5px;
	float:left;
	}
#menugeral .faleconosco_es{
	background-image:url(../../images/men_faleconosco_es.gif);
	width:54px;
	height:17px;
	margin:0 5px;
	float:left;
	}
	
	
/*--------------------HOME------------------------*/

#proximafeira{
	width:350px;
	margin-top:45px;
	margin-right:42px;
	float:right;
	}
	
#proximafeira .titulo{
	width:350px;
	background-repeat:no-repeat;
	background-position:right;
	height:25px;
	background-image:url(../../images/tit_home_proxfeira.jpg);
	margin-bottom:10px;
	float:right;
	}
	
#proximafeira .conteudo{
	text-align:right;
	float:right;
	width:350px;
	}
	
/*--------------------INSTITUCIONAL------------------------*/

#conteudotexto{
	width:565px;
	height:340px;
	margin-top:45px;
	margin-left:55px;
	float:left;
	}
#institucional{}
	
	
#coluna1{
	width:285px;
	float:left;
	text-align:justify;
	}
#coluna2{
	width:200px;
	float:left;
	margin-left:40px;
	margin-top:40px;
	text-align:justify;
	}
	
#institucional .titulo{
	width:285px;
	background-repeat:no-repeat;
	height:32px;
	background-image:url(../../images/tit_institucional.png);
	margin-bottom:10px;
	float:left;
	}
	
#institucional .titulo_en{
	width:285px;
	background-repeat:no-repeat;
	height:32px;
	background-image:url(../../images/tit_institucional_en.png);
	margin-bottom:10px;
	float:left;
	}
	
#institucional .conteudo{
	float:left;
	margin-bottom:20px;
	}
	
#institucional .subtitulo{
	width:200px;
	background-repeat:no-repeat;
	height:18px;
	margin-bottom:10px;
	float:left;
	}
	
#institucional .equipe{
	background-image:url(../../images/stit_institucional_equipe.png);
	}
	
#institucional .equipe_es{
	background-image:url(../../images/stit_institucional_equipe_es.png);
	}
	
#institucional .equipe_en{
	background-image:url(../../images/stit_institucional_equipe_en.png);
	}
	
#institucional .responsabilidadesocial{
	background-image:url(../../images/stit_institucional_responsabilidade.png);
	}
	
	
/*--------------------PRODUTOS------------------------*/
.conteudotexto{
	width:565px;
	height:340px;
	margin-top:45px;
	margin-left:55px;
	float:left;
	}
	
	
#produtos{
	width:285px;
	float:left;
	text-align:justify;
	}
	
#produtos .titulo{
	background-repeat:no-repeat;
	height:40px;
	margin-bottom:10px;
	float:left;
	}

.titprodutos{
	background-image:url(../../images/tit_produtos.png);
	width:285px;
	text-align:right;

	}

.titprodutos_es{
	background-image:url(../../images/tit_produtos_es.png);
	width:285px;
	text-align:right;

	}

.titprodutos_en{
	background-image:url(../../images/tit_produtos_en.png);
	width:285px;
	text-align:right;

	}
	
#produtos form{
	width:285px;
	float:left;
	margin:30px 20px 20px 20px;
	}

#produtos .labellogin{
	background-image:url(../../images/stit_login.png);
	background-repeat:no-repeat;
	width:34px;
	height:20px;
	float:left;
	margin-left:6px;
	margin-bottom:4px;
	}

#produtos .labellogin_es{
	background-image:url(../../images/stit_login.png);
	background-repeat:no-repeat;
	width:34px;
	height:20px;
	float:left;
	margin-left:40px;
	margin-bottom:4px;
	}

#produtos .labellogin_en{
	background-image:url(../../images/stit_login.png);
	background-repeat:no-repeat;
	width:34px;
	height:20px;
	float:left;
	margin-left:25px;
	margin-bottom:4px;
	}
	
#produtos .labelsenha{
	background-image:url(../../images/stit_senha.png);
	background-repeat:no-repeat;
	width:40px;
	height:20px;
	float:left;
	}
	
#produtos .labelsenha_es{
	background-image:url(../../images/stit_senha_es.png);
	background-repeat:no-repeat;
	width:75px;
	height:20px;
	float:left;
	}
	
#produtos .labelsenha_en{
	background-image:url(../../images/stit_senha_en.png);
	background-repeat:no-repeat;
	width:60px;
	height:20px;
	float:left;
	}
	
span.txt_senha_produtos{
	display: block;
	text-align: center;
	width: 230px;
	font-size: 10px;
	margin: 10px auto;
}
	
input{
	border:1px solid #e6e7e8;
	height:19px;
	float:left;
	color:#9c9c9c;
	font-size:12px;
	}
	
	
#produtos .campologin{float:left; width:120px;}

#produtos .camposenha{float:left; width:90px;}
	
#produtos .botao{
		background:url(../../images/botao_enviar.jpg);
		border:none;
		width:23px;
		height:21px;
		margin:0 0 3px 5px;
	}
#frmProdutos{
	margin: 30px 0 0 0;		
}
#frmProdutos label{
	background-repeat:no-repeat;
	background-position: right;
	/*width:75px;*/
	width:120px;
	height:18px;
	float:left;
	margin:0 6px 0 15px;

	}
#frmProdutos input{
	border:1px solid #e6e7e8;
	height:19px;
	float:left;
	color:#9c9c9c;
	font-size:12px;
	width: 170px;
	font-size: 10px;	
	}	
#frmProdutos input.botao{
	border: 1px solid #ccc;
	font-size: 10px;
	color: #ccc;
	background: #fff;
	width: 50px;
	float: right;
	margin: 5px 27px 0 0;
}
#frmProdutos textarea{
	width: 170px;	
	font-size: 10px;
}

#frmProdutos .labelrazao{background-image:url(../../images/cadastro_razao_social.png);}
#frmProdutos .labelfantasia{background-image:url(../../images/cadastro_nome_fantasia.png);}
#frmProdutos .labelcnpj{background-image:url(../../images/cadastro_cnpj.png);}
#frmProdutos .labelresponsavel{background-image:url(../../images/cadastro_responsavel.png);}
#frmProdutos .labeltelefone{background-image:url(../../images/cadastro_telefone.png);}
#frmProdutos .labelmensagem{background-image:url(../../images/mensagem_produto.jpg);}
#frmProdutos .labelemail{background-image:url(../../images/email_produto.jpg);}

#frmProdutos .labelrazao_es{background-image:url(../../images/cadastro_razao_social_es.png);}
#frmProdutos .labelfantasia_es{background-image:url(../../images/cadastro_nome_fantasia_es.png);}
#frmProdutos .labelresponsavel_es{background-image:url(../../images/cadastro_responsavel_es.png);}
#frmProdutos .labeltelefone_es{background-image:url(../../images/cadastro_telefone_es.png);}
#frmProdutos .labelmensagem_es{background-image:url(../../images/mensagem_produto_es.jpg);}
#frmProdutos .labelemail_es{background-image:url(../../images/cadastro_email_es.png);}

#frmProdutos .labelrazao_en{background-image:url(../../images/cadastro_razao_social_en.png);}
#frmProdutos .labelfantasia_en{background-image:url(../../images/cadastro_nome_fantasia_en.png);}
#frmProdutos .labelresponsavel_en{background-image:url(../../images/cadastro_responsavel_en.png);}
#frmProdutos .labeltelefone_en{background-image:url(../../images/cadastro_telefone_en.png);}
#frmProdutos .labelmensagem_en{background-image:url(../../images/mensagem_produto_es.jpg);}
#frmProdutos .labelemail_en{background-image:url(../../images/email_produto.jpg);}


#frmProdutos .spacer{
	width: 200px;
	height: 5px;
	margin: 5px 0 0 0;
}
/*--------------------FALE CONOSCO------------------------*/
.conteudotexto{
	width:565px;
	height:340px;
	margin-top:45px;
	margin-left:55px;
	float:left;
	}
	
	
#faleconosco{
	width:425px;
	float:left;
	text-align:justify;
	}
	
#faleconosco .titulo{
	width:425px;
	background-repeat:no-repeat;
	height:40px;
	margin-bottom:10px;
	float:left;
	}

.titfaleconosco{
	background-image:url(../../images/tit_faleconosco.png);
	width:425px;
	text-align:right;

	}

.titfaleconosco_en{
	background-image:url(../../images/tit_faleconosco_en.png);
	width:425px;
	text-align:right;

	}

.titfaleconosco_es{
	background-image:url(../../images/tit_faleconosco_es.png);
	width:425px;
	text-align:right;

	}
	
#faleconosco form{
	width:425px;
	float:left;
	margin:30px 20px 20px 20px;
	}
	
	
#faleconosco label{
	background-repeat:no-repeat;
	width:59px;
	height:18px;
	float:left;
	margin:0 6px 4px 6px;

	}

#faleconosco .labelnome{background-image:url(../../images/form_nome.png);}
#faleconosco .labelemail{background-image:url(../../images/form_mail.png);}
#faleconosco .labelcidade{background-image:url(../../images/form_cidade.png);}
#faleconosco .labelestado{background-image:url(../../images/form_estado.png);}
#faleconosco .labeltelefone{background-image:url(../../images/form_telefone.png);}
#faleconosco .labelmensagem{background-image:url(../../images/form_mensagem.png);}

#faleconosco .labelcidade_es{background-image:url(../../images/form_cidade_es.png);}
#faleconosco .labelestado{background-image:url(../../images/form_estado.png);}
#faleconosco .labeltelefone_es{background-image:url(../../images/form_telefone_es.png);}
#faleconosco .labelmensagem_es{background-image:url(../../images/form_mensagem_es.png);}	

#faleconosco .labelnome_en{background-image:url(../../images/form_nome_en.png);}
#faleconosco .labelcidade_en{background-image:url(../../images/form_cidade_en.png);}
#faleconosco .labelestado_en{background-image:url(../../images/form_estado_en.png);}
#faleconosco .labeltelefone_en{background-image:url(../../images/form_telefone_en.png);}
#faleconosco .labelmensagem_en{background-image:url(../../images/form_mensagem_en.png);}	

input{
	border:1px solid #e6e7e8;
	height:19px;
	float:left;
	color:#9c9c9c;
	font-size:12px;
	}
	
textarea{
	border:1px solid #e6e7e8;
	height:50px;
	width:250px;
	float:left;
	color:#9c9c9c;
	font-size:12px;
	}
select{
	border:1px solid #e6e7e8;
	height:19px;
	float:left;
	color:#9c9c9c;
	font-size:12px;
	}
	
#faleconosco .camponome{float:left; width:250px;}
#faleconosco .campoemail{float:left; width:250px;}
#faleconosco .campocidade{float:left; width:157px;}
#faleconosco .campoestado{float:left; width:20px;}
#faleconosco .campotelefone{float:left; width:250px;}
#faleconosco .campoemensagem{float:left; width:250px;}
	
#faleconosco .botao{
		background:url(../../images/botao_enviar.jpg);
		border:none;
		width:23px;
		height:21px;
		margin:5px 0 3px 300px;
	}
	
/*--------------------ONDE COMPRAR------------------------*/
#ondecomprar{
	width:565px;
	float:left;
	text-align:justify;
	}
#ondecomprar span.busca_titulo{
	font-weight: bold;
	font-size: 14px;
	display: block;
	margin: 0 0 10px 0;
}
#ondecomprar .conteudo{
	float: left;
	width: 550px;
	}
#ondecomprar .titulo{
	width:425px;
	background-repeat:no-repeat;
	height:40px;
	margin-bottom:10px;
	float:left;
	}
.titondecomprar{
	background-image:url(../../images/tit_ondecomprar.png);
	width:525px;
	text-align:right;

	}
.titondecomprar_en{
	background-image:url(../../images/tit_ondecomprar_en.png);
	width:425px;
	text-align:right;

	}
.titondecomprar_es{
	background-image:url(../../images/tit_ondecomprar_es.png);
	width:425px;
	text-align:right;

	}
#ondecomprar form{
	width:555px;
	float:left;
	margin:30px 20px 20px 0;
	}
#ondecomprar label{
	background-repeat:no-repeat;
	width:45px;
	height:18px;
	float:left;
	margin:2px 6px 4px 6px;
	}
	

#ondecomprar .labelpais{background-image:url(../../images/form_ondecomprar_pais.png) ;}
#ondecomprar .labelcidade{background-image:url(../../images/form_ondecomprar_cidade.png);}
#ondecomprar .labelestado{background-image:url(../../images/form_ondecomprar_estado.png);}

#ondecomprar .labelcidade_es{background-image:url(../../images/form_ondecomprar_cidade_es.png);}	

#ondecomprar .labelpais_en{background-image:url(../../images/form_ondecomprar_pais_en.png); width: 52px;}
#ondecomprar .labelcidade_en{background-image:url(../../images/form_ondecomprar_cidade_en.png);}
#ondecomprar .labelestado_en{background-image:url(../../images/form_ondecomprar_estado_en.png);}
	
#ondecomprar .campopais{float:left; width:120px; margin: 0 5px 0 0;}
#ondecomprar .campocidade{float:left; width:120px; margin: 0 5px 0 0;}
#ondecomprar .campoestado{float:left; width:120px; margin: 0 5px 0 0;}

#resultado {
	width: 510px;
	font-size: 13px;
}
#resultado th{
	text-transform: uppercase;
	color: #000;
	font-size: 14px;
	font-weight: normal;
}
#resultado td{
	padding: 0 0 5px 0;
	color: #ccc;
	border-bottom: 1px solid #333;
}
#resultado td.loja{
	color: #666;
}
#resultado td.paginacao{
	text-align: right;
	border:none;
}
#resultado td span.pag,
#resultado td a{
	margin: 0 0 0 5px;
}
#resultado td a:link,
#resultado td a:visited{
	text-decoration: none;
	color: #ccc;
}
#resultado td a:hover{
	text-decoration: underline;
}
#resultado td span.ativo{
	text-decoration: none;
	color: #000;
}

#dados_loja{
	padding: 10px;
}
#cadastro_produtos img.senha{
	display: block;
	margin: 24px 0 14px 19px;
}
#dados_loja span.nome_loja{
	display: block;
	margin: 10px 0 10px 20px;
	font-size: 12px;
}
/*--------------------DICAS------------------------*/
#dicas{
	width:340px;
	float:left;
	text-align:justify;
	font-size: 16px;
	}
#dicas .titulo{
	width:340px;
	background-repeat:no-repeat;
	height:40px;
	margin-bottom:10px;
	float:left;
	}
.titdicas{
	background-image:url(../../images/tit_dicas.png);
	width:425px;
	text-align:right;

	}
.titdicas_en{
	background-image:url(../../images/tit_dicas_en.png);
	width:425px;
	text-align:right;

	}
.titdicas_es{
	background-image:url(../../images/tit_dicas_es.png);
	width:425px;
	text-align:right;

	}
#dicas .video{
	width: 340px;
	height: 255px;
	margin: 5px 0;
}

#escolha_video{
	width: 180px;
	float: left;
	margin: 0 0 0 40px;
}
#thumb_video{
	margin: 5px 0 10px 0;
}
#thumb_video .vid{
	width: 74px;
	float: left;
	margin: 0 5px 0 0;
	border: 1px solid #eaeaea;
	padding: 3px;
}
#thumb_video span.titulovideo{
	display: block;
	width: 93px;
	float: left;
}
	
/*--------------------FEIRAS------------------------*/
#feiras{
	width:300px;
	float:left;
	text-align:justify;
	position: relative;
	font-size: 14px;
	}
#feiras p{
	display: inline;
}
#feiras .titulo{
	width:300px;
	background-repeat:no-repeat;
	height:40px;
	margin-bottom:10px;
	float:left;
	}
#feiras .mesano{
	float: right;
	position: absolute;
	border-bottom: 1px solid #ccc;	
	font-size: 20px;
	top: 20px;
	width: 300px;
	text-align: right;
}
#feiras .dia{
	font-size: 36px;
	font-weight: bold;
	color: #eaeaea;
	/*margin: 40px 0 0 0;*/
}
#feiras .txt{
	margin: 5px 0 0 0;
	font-size: 14px;
}
#feiras .txt_titulo{
	margin: 0 0 5px 0;
	font-size: 18px;
}
#feiras span.galeria_titulo{
	display: block;
	margin: 15px 0 0 0;
}
#feiras .thumb_galeria img{
	border: 1px solid #eaeaea;
	padding: 5px;
	margin: 5px 15px 0 0;
}
#feiras .cima,
#feiras .baixo{
	width: 300px;
	float: right;
	margin: 4px 0 0 0;
}
#feiras .cima img,
#feiras .baixo img{
	float: right;
}
#feiras .spacer{
	width: 300px;
	border-bottom: 1px solid #ccc;
	margin: 40px 0 0 0;
}
#feiras .prev{
	float: left;
	width: 55px;
	margin: 10px 0 0 0;
}
#feiras .next{
	float: right;
	width: 55px;
	margin: 10px 0 0 0;
}
#calendario{
	float: left;
	width: 200px;
	margin: 50px 0 0 65px;
}
.titfeiras{
	background-image:url(../../images/tit_feiras.png);
	width:300px;
	text-align:right;

	}
.titfeiras_en{
	background-image:url(../../images/tit_feiras_en.png);
	width:300px;
	text-align:right;

	}
.titfeiras_es{
	background-image:url(../../images/tit_feiras_es.png);
	width:300px;
	text-align:right;

	}
img.proximo_off{
	opacity: 0.30;
	filter:alpha(opacity=30);
}

#delimitador{
	position: absolute;
	height: 350px;
	top: 50px;
}
#feira_rodape{
	position: absolute;
	top: 350px;
}
#feiras li{
	display: block;
	min-width: 300px;
}
#feiras_destaque{
	float: right;
	width: 200px;
	margin: 20px 0 0 0;
}
a.feira_ativo{
	background: #000000;
	color: #fff;
}