body				{background:url(../imagens/bg-barra.jpg) no-repeat;
					background-position:center top;
					background-attachment:fixed;
					font-size:11pt;
					font-family:Calibri, Arial, Verdana;
					text-align:justify}

#tudo				{width:960px;
					margin:auto}

#btns				{height:24px;
					/*background:url(../imagens/btns-teste.jpg) no-repeat;*/
					background-position:right;
					text-align:right}

#banner				{height:39px;
					background:url(../imagens/banner.png) ;
					padding:140px 10px 0 0;
					text-align:right;
					color:#FFF}
					
#info				{position:absolute;
					top:60px;
					width:940px;
					color:#FFF}	
					
.branco				{color:#FFF}									

form				{text-align:right;}

.cadastro			{text-align:left}

#esq				{float:left;
					width:150px}

#dir				{float:right;
					width:500px}

.pesquisar			{background:url(../imagens/enviar-btn.png) no-repeat;
					width:30px;
					height:30px;
					border:0px}
	
#corpo				{background:#FFF}


#menu				{background:#213452;
					width:150px;
					float:left;
					margin: 5px 0 0 0;
					padding:0;
					font-size:11pt}
				
					
#menu ul			{list-style:none;
					padding:0;
					margin:0 0 2px 2px;
					float:left;
					list-style:none;
					width:146px;
					}					
					
#menu ul li			{list-style-type: none;
					margin: 0;
					padding: 0;
					border-bottom: 1px solid #000;}
					
#menu ul li a		{background:url(../imagens/btn-prod.jpg);
					margin:0 0 0 0;
					padding:4px;
					display:block;
					text-decoration: none;
					color:#222;}	
					
#menu a:hover		{background:url(../imagens/btn-prod-hover.jpg);
					color: #000;}	
					
				
#publicidade		{background:#213452;
					width:150px;
					float:right;
					margin: 5px 0 0 0}

#conteudo			{width:650px;
					float:left;
					margin:5px 5px 0 5px;}

#flash				{height:232px}

#empresa-produtos	{/*border:#024 solid 2px;*/
					height:23px;
					margin:5px 0 0 0;
					background:url(../imagens/barra-branca.gif) repeat-x;
					padding: 4px 2px 2px 2px;}

h1					{font-size:13pt;
					text-align:left;
					margin:1px 0 0 0}
					
h2					{font-size:12pt;
					text-align:left;
					margin:1px 0 0 0}	
					
hr					{color:#024;}

#texto				{margin:-2px 0 0 0;
					padding: 2px 5px 2px 5px;
					background:url(../imagens/bg-transparente.png)}
			
#artigos p img		{float:left;
					margin: 10px} 			

#veja-tb			{border-top:#024 solid 2px;}

#orcamento			{background:url(../imagens/quadro-orcamento.jpg);
					width:148px;
					margin:auto;
					margin:1px 1px 0 1px}
					
#parceiros			{background:url(../imagens/parceiros.jpg) no-repeat;
					width:148px;
					margin:auto;
					margin:5px 1px 0 1px;
					text-align:center;
					padding:35px 0 0 0}
					
#rodape				{background:url(../imagens/rodape.jpg);
					width:950px;
					height:35px;
					color:#FFF;
					padding:55px 5px 5px 5px; 
					font-size:9pt;
					margin:5px 0 0 0;
					text-align:right}		
					
#clear				{clear:both}	

#painel				{padding:5px;}	

.artigo				{background:url(../imagens/assistente-artigo.jpg) no-repeat;
					background-position:right}
					
.portifolio			{background:url(../imagens/assistente-portifolio.jpg) no-repeat;
					background-position:right}
					
.destaques			{background:url(../imagens/assistente-destaque.jpg) no-repeat;
					background-position:right}
							
.parceiros			{background:url(../imagens/assistente-parceiros.jpg) no-repeat;
					background-position:right}		
					
.empresa			{background:url(../imagens/assistente-empresa.jpg) no-repeat;
					background-position:right}	
					
.produto			{background:url(../imagens/assistente-produto.jpg) no-repeat;
					background-position:right}	
					
.promocao			{background:url(../imagens/assistente-promocao.jpg) no-repeat;
					background-position:right}	 
					

.personalizacao		{background:url(../imagens/assistente-personalizacao.jpg) no-repeat;
					background-position:right}
					
a:link				{text-decoration:none;
					color:#333;}
					
a:hover				{text-decoration:none;
					color:#330;}
					
a:visited			{text-decoration:none;
					color:#033;}
					
img					{border:none}		 			
					
					
					
///////////////////////////////////////////////   *   EFEITO ZOOM   *    ///////////////////////////////////////////////


.personalizacao{ visibility:hidden; }
div#container_image{ float: left; margin-left: 5px; width:320px; height:221px; position: relative; overflow:hidden; border:#024 solid 2px  }
div#container_image img#image{ position: absolute; left:0; top:0; }  
div#container_thumb{ width: 300px; float: left; position: relative; overflow:hidden; cursor: none;}
div#container_thumb img#thumb{ width: 100%; }
div.shadow{ position:absolute;top:0;left:0;width:0;height:0; background:#000; overflow:hidden; }
#shadow_1, #shadow_3, #shadow_4{ width: 100%; }					
					


#corpo-btn			{width: 580px;
					margin:auto;}


#btn-per			{width:188px;
					height:68px;
					float:left;} 
					

#corpo-malas		{margin:auto}

#produtos			{width:290px;
					height:290px;
					float:left; 
					margin:5px 15px 5px 15px;
					border-bottom:#999 solid 2px;}
					
.form-esq			{text-align:left}	

.carrinho			{font-size:9pt;
					text-align:left}
					
#incluir			{background:#EEE;
					font-family:Arial, Helvetica, sans-serif;
					font-size:11pt}

.incluirnoorcamento	{background:url(../imagens/incluir-orcamento.png) no-repeat;
					width:98px;
					height:28px;
					border:0}
					
#login				{background:#EEE;
					padding:5px;
					border:#555 solid 2px;
					margin: 0 0 2px 0}					
					

#container
{
    width: 150px;
    margin: 0 auto;
	background:#003
}
#loader
{
    background-color: white;
    display: inline;
    float: left;
    height: 148px;
    overflow: hidden;
    margin: auto;
    width: 148px;
    position: relative;
    text-align: center;
}

#loader img
{
    width: 100%;
    height: 100%;
}
.loading
{
    background: url( '../imagens/loadingIcon.gif' ) no-repeat 50% 50%;
    height: 100%;
    width: 100%;
	z-index:10;
}
 
#metas ul li{
	font-size:8pt;	
	display:inline;
}
					



#lightbox{
	background-color:#AAA;
	padding: 10px;
	border:#FFF solid 2px;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image:url(../imagens/overlay.png) }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../imagens/overlay.png", sizingMethod="scale");
	}