@charset "utf-8";
/* CSS Document */
html{ min-height:100%; background:url(../imgs/site/fundoBottom.png) bottom center no-repeat; background-color:#000000; z-index:1; }
body{ width:100%; height:100%; background:url(../imgs/site/fundoTop.png) top center no-repeat; position:relative; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0px; margin:0px; display:block; color:#FFFFFF;}

#wrapper{ width:100%; height:100%; min-height:100%;}

#main{ width:950px; height:100%; margin:0 auto; position:relative;}

#header{ position:relative; width:100%; margin:0px;}
#content{ position:relative; margin-top:325px; min-height:550px;}

#fundoLeft{ position:absolute; top:530px; left:-10px; width:10px; height:105px; background:url(../imgs/site/fundoLeft.png) top left no-repeat;}
#fundoRight{ position:absolute; top:315px; right:-10px; width:10px; height:320px; background:url(../imgs/site/fundoRight.png) top right no-repeat;}

#slideshow{ width:950px; height:300px;}
/*INI GERAIS*/
	form{ margin:0px; padding:0px;}

	#stretcherHack{ position:relative; height:85px;}
	
	a img, a img:link, a img:visited{ border:none; overflow:hidden;}
	a, a:link, a:visited{ color:#FFFFFF;}
	a:hover{color:#dd137b;}
	
	.imagem img, .imagem img:link, .imagem img:visited{ border:3px solid #1f1a17;}
	.imagem img:hover{ border:3px solid #dd137b;}
	.imagem, .imagem:link, .imagem:visited{ display:block}
	.imagem:hover{ }
	
	.imagemLink{ position:relative; display:inline-block; text-decoration:none;}
	.imagemLink img, .imagemLink img:link, .imagemLink img:visited{ border:3px solid #1f1a17;}
	.imagemLink img:hover{ border:3px solid #dd137b;}
	.imagemLink .plus, .imagemLink .plus:link, .imagemLink .plus:visited{ position:absolute; right:0px; bottom:0px; color:#FFFFFF; display:block; width:25px; height:25px; background-color:#1f1a17; text-align:center; line-height:25px; font-size:16px; text-decoration:none; cursor:pointer}
	.imagemLink .data, .imagemLink .data:link, .imagemLink .data:visited{ position:absolute; left:0px; bottom:0px; color:#FFFFFF; display:block; width:85px; height:25px; background-color:#1f1a17; text-align:center; line-height:25px; font-size:10px; text-decoration:none; cursor:pointer; color:#b1c623; line-height:24px;}
	
	
	.clear{ width:100%; height:10px; clear:both;}
	
	.colorWhite{ color:#FFFFFF;}
	.colorBlack{ color:#000000;}
	.colorGreen{ color:#b1c623;}
	.colorPink{ color:#dd137b;}
	
	.fontSize10{ font-size:10px;}
	.fontSize12{ font-size:12px;}
	.fontSize14{ font-size:14px;}
	.fontSize16{ font-size:16px;}
	.fontSize18{ font-size:18px;}
	
	.alignLeft{ text-align:left;}
	.alignRight{ text-align:right;}
	.alignJustify{ text-align:justify;}
	.alignCenter{ text-align:center;}
	
	/*INI BUTOES DIRECCIONAIS*/
		.btUp, .btUp:visited, .btUp:link{ display:block; width:20px; height:20px; background:url(../imgs/site/btUp.png) top center no-repeat;}
		.btUp:hover{ background:url(../imgs/site/btUp.png) bottom center no-repeat;}
		
		.btRight, .btRight:visited, .btRight:link{ display:block; width:20px; height:20px; background:url(../imgs/site/btRight.png) top center no-repeat;}
		.btRight:hover{ background:url(../imgs/site/btRight.png) bottom center no-repeat;}
		
		.btDown, .btDown:visited, .btDown:link{ display:block; width:20px; height:20px; background:url(../imgs/site/btDown.png) top center no-repeat;}
		.btDown:hover{ background:url(../imgs/site/btDown.png) bottom center no-repeat;}
		
		.btLeft, .btLeft:visited, .btLeft:link{ display:block; width:20px; height:20px; background:url(../imgs/site/btLeft.png) top center no-repeat;}
		.btLeft:hover{ background:url(../imgs/site/btLeft.png) bottom center no-repeat;}
	/*END BUTOES DIRECCIONAIS*/
	
	#titulo{ margin:0px; padding:0px; font-size:16px; position:absolute; right:0px; bottom:190px;}
	
	#btVoltar, #btVoltar:link, #btVoltar:visited{ margin-top:30px;  display:block; width:84px; height:22px; background:url(../imgs/site/btVoltar.png) top center no-repeat;  text-decoration:none;}
	#btVoltar:hover{ background:url(../imgs/site/btVoltar.png) bottom center no-repeat;}
/*END GERAIS*/

/*INI PAGINAÇAO*/
	#paginacao{ position:relative; float:left; color:#fff; margin-bottom:10px; font-size:12px;}
	#paginacao a, #paginacao a:link, #paginacao a:visited{ color:#fff; margin-right:3px; float:left; display:block; width:22px; height:22px; background-color:#3bb3c2; text-align:center; line-height:22px; text-decoration:none; }
	#paginacao a:hover{ background-color:#dd137b; }
	
	#paginacao div{ margin-right:3px; float:left; display:block; width:22px; height:22px; background-color:#dd137b; text-align:center; line-height:22px; }
/*INI PAGINAÇAO*/

/*INI HEADER*/
	#logo{ position:absolute; top:211px; left:265px;}

	/*INI MENU*/
		#menu{ position:absolute; left:0px; top:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
		
		#menu a, #menu a:link, #menu a:visited{ display:block; width:100px; height:17px; padding:73px 10px 10px 10px; position:absolute; text-decoration:none; color:#FFFFFF;}
		#menu a:hover{ color:#000000;}
		
		#menu #btInicio{ left:0px; top:0px; background-color:#5f3a74;}
		#menu #btProdutos{ left:120px; top:0px; background-color:#e36621;}
		#menu #btAMarca{ left:0px; top:100px; background-color:#da251d;}
		#menu #btPontosDeVenda{ left:120px; top:100px; background-color:#b1c623; height:32px; padding:58px 10px 10px 10px;}
		#menu #btContactos{ left:240px; top:100px; background-color:#3bb3c2;}				#menu #btLoja{ left:360px; top:100px; background-color:#F6D500; height: 32px; padding: 58px 10px 10px;} 
		#menu #btEventos{ left:120px; top:200px; background-color:#dd137b;}
	/*END MENU*/
	
	/*INI NEWSLETTER*/
		#newsletter{ position:absolute; right:0px; top:0px; width:250px; height:60px; padding:20px 20px 20px 30px; background-color:#5f3a74;}
		
		#emailNewsletter{ width:200px; border:none; outline-color:#B1C623; outline-width:5px;}
		
		#newsletterSubmit, #newsletterSubmit:visited, #newsletterSubmit:link{ background:url(../imgs/site/btOk.gif) top center no-repeat; display:block; width:25px; height:20px; border:none; margin-top:2px;}
		#newsletterSubmit:hover{ background:url(../imgs/site/btOk.gif) bottom center no-repeat; cursor:pointer;}
	/*END NEWSLETTER*/
	
/*END HEADER*/

/*INI FOOTER*/
	#footer{ position:absolute; bottom:22px; right:0px; width:270px; height:170px;}
	#footer .square{ display:block; width:37px; height:37px; position:absolute;}
	
	
	#square1{ right:0px; bottom:120px;}
	#square2{ right:80px; bottom:80px;}
	#square3{ right:40px; bottom:80px;}
	#square4{ right:0px; bottom:80px;}
	#square5{ right:160px; bottom:40px;}
	#square6{ right:120px; bottom:40px;}
	#square7{ right:80px; bottom:40px;}
	#square8{ right:40px; bottom:40px;}
	#square9{ right:0px; bottom:40px;}
	#square10{ right:200px; bottom:0px;}
	#square11{ right:160px; bottom:0px;}
	#square12{ right:120px; bottom:0px;}
	#square13{ right:80px; bottom:0px;}
	
	#divSiteBy{ position:absolute; bottom:3px; right:0px; color:#818181; font-size:10px; line-height:18px;}
	#siteBy, #siteBy:visited, #siteBy:link{ display:block; width:53px; height:12px; background:url(../imgs/site/siteBy.png) top center no-repeat; text-decoration:none;}
	#siteBy:hover{ background:url(../imgs/site/siteBy.png) bottom center no-repeat;}
/*END FOOTER*/

/*INI HOME*/
	#noticias{ position:relative; clear:both}
/*END HOME*/

/*INI A MARCA*/
	#a_marca{ position:absolute; top:80px; left:120px;}
/*END A MARCA*/

/*INI PRODUTOS*/
	#produtos{ padding-left:10px; padding-right:10px;}
	#produtos table{ float:left; margin-left:10px; margin-bottom:15px; text-align:right;}
	#produtos .link, #produtos .link:link, #produtos .link:visited{ color:#FFFFFF; text-decoration:none;}
	#produtos .link:hover{ color:#dd137b;}
	
	/*INI DETALHE*/
		#galeriaProdutos{ width:232px; margin-left:10px; height:464px;}
		#galeriaProdutos a{ float:left; margin:5px;}
		#galeriaProdutosScroll{ width:20px; position:absolute; top:419px; left:0px;}
		
		#produtoDetalhes{ position:absolute; top:340px; left:250px; }
		
		#imagemProduto{ position:absolute; left:290px; top:0px; width:650px; height:350px; text-align:center; line-height:350px; overflow:hidden; padding:0px; margin:0px;}
		
	/*END DETALHE*/
/*END PRODUTOS*/

/*INI EVENTOS*/
	#eventos{ padding-left:10px; padding-right:10px;}
	#eventos table{ float:left; margin-left:10px; margin-bottom:15px; text-align:right;}
	#eventos .link, #eventos .link:link, #eventos .link:visited{ color:#FFFFFF; text-decoration:none;}
	#eventos .link:hover{ color:#dd137b;}
	
	/*INI DETALHE*/
		#galeriaEventos{ width:232px; margin-left:10px; height:464px;}
		#galeriaEventos a{ float:left; margin:5px;}
		#galeriaEventosScroll{ width:20px; position:absolute; top:419px; left:0px;}
		
		#eventoDetalhes{ position:absolute; top:340px; left:250px; }
		
		#imagemEvento{position:absolute; left:280px; top:0px; text-align:center; padding:0px; margin:0px;}
		#imagemEvento img{border:3px solid #1f1a17; }
		
	/*END DETALHE*/
/*END EVENTOS*/

/*INI Pontos De Venda*/
	#pontosDeVenda{ padding-left:10px; padding-right:10px;}
	#pontosDeVenda table{ float:left; margin-left:10px; margin-bottom:15px; text-align:left;}
	#pontosDeVenda .texto, #pontosDeVenda .scroll{ width:200px; height:170px;}
/*END Pontos De Venda*/

/*INI CONTACTOS*/
	#contactos{ padding-left:10px; padding-right:10px;}
	#contactos table{ float:left; margin-left:10px; margin-bottom:15px; text-align:left;}
	#contactos .texto, #contactos .scroll{ width:300px; height:170px;}
	
	#contactos .textbox, #contactos .ezpz-hint{ outline-color:#3bb3c2; color:#FFFFFF; background-color:#1f1a17; border:none; width:292px; height:16px; line-height:16px; font-size:12px; vertical-align:middle; padding:3px; }
	#contactos .textarea, #contactos .ezpz-hintTextarea{ outline-color:#3bb3c2; color:#FFFFFF; background-color:#1f1a17; border:none; width:292px; height:200px; line-height:16px; font-size:12px; vertical-align:middle; padding:3px; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif}
	
	#formNome, #formEmail, #formAssunto, #formMsg{ background-color:#1f1a17; border:2px #1f1a17 solid; width:298px;}
	.chrome #formMsg{ height:200px;}
	.chrome #formMsg input{height:16px !important}
	#btEnviar, #btEnviar:link, #btEnviar:visited{ display:block; width:86px; height:22px; background:url(../imgs/site/btEnviar.png) top center no-repeat; cursor:pointer; border:none; float:right; }
	#btEnviar:hover{ background:url(../imgs/site/btEnviar.png) bottom center no-repeat; }
/*END CONTACTOS*/