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}
					
#banner2			{height:179px;
					background:url(../imagens/banner.png);
					padding:0 10px 0 0;
					text-align:right;
					color:#FFF}
					
#banner3			{height:179px;
					background:#333;
					padding:0 10px 0 0;
					text-align:right;
					color:#FFF}
					
					
#info				{position:absolute; 
					top:60px;
					width:940px;
					color:#FFF}	 
					
#info2				{float:right;
					width:240px;
					color:#FFF;
					padding:15px 0 0 0}	 
					
#info3				{height:150px;
					float:left;
					width:700px;
					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");
	}

#quadro1
	{
		background:url(../imagens/quadro1.jpg);
		width:385px; 
		height:190px;
		margin:5px 0 0 5px; 
		padding:40px 5px 0 250px;		
	}
	
#quadro2
	{
		background:url(../imagens/quadro2.jpg);
		width:385px; 
		height:190px;
		margin:5px 0 0 5px; 
		padding:40px 5px 0 250px;		
	}	
	
#quadro3
	{
		background:url(../imagens/quadro3.jpg);
		width:385px; 
		height:190px;
		margin:5px 0 0 5px; 
		padding:40px 5px 0 250px;		
	}
	
.comentario
	{
		width:330px;
	} 
	
.esquerda
	{
		text-align:left;  
	}
	
	
#pesquisade
	{
		background:#EFEFEF;
		padding:5px;		
	}
	
#opicional
	{
		background:url(../imagens/opicional.gif);
		width:620px;
		height:130px;	
		padding:50px 10px 0 10px;  			
	}
	
#opesq	
	{
		float:left;
		width:80px;
		margin:2px;
		padding:6px;
		font-size:14pt;
		font-style:italic;
		font-weight:bold;
	}
	
#opdir	
	{
		float:left;
		width:510px;
		margin:2px;
		padding:2px;
	}
	
.form-opi
	{
		background:url(../imagens/form-opi.gif);
		width:494px;
		height:30px;
		border:0;
		padding-left:5px;
		padding-right:5px;
	}	
	
#ask1
	{
		background:url(../imagens/pergunta1.gif);
		width:629px;
		height:82px;	
		padding:20px 0 0 10px; 			
	}
	
#ask1esq	
	{
		float:left;
		width:150px;
		margin:2px;
		padding:6px;
		font-size:12pt;
		font-style:italic;
		font-weight:bold;
	}
	
#ask1dir	
	{
		float:left;
		width:300px;
		margin:2px;
		padding:10px; 
	}

#ask2
	{
		background:url(../imagens/pergunta2.gif);
		width:622px;
		height:85px;	
		padding:20px 0 0 10px; 		 	
	}
	
#ask2esq	
	{
		float:left;
		width:150px;
		margin:2px;   
		padding:6px;
		font-size:12pt;
		font-style:italic;
		font-weight:bold; 
	}
	 
#ask2dir	
	{
		float:left;
		width:300px;
		margin:2px;
		padding:10px;
	}

#ask3
	{
		background:url(../imagens/pergunta3.gif);
		width:629px;
		height:288px;	
		padding:20px 0 0 10px; 			
	}
	
#ask3esq	
	{
		float:left;
		width:400px;
		margin:2px;
		padding:6px;
		font-size:11pt;
		font-style:italic;
		font-weight:bold;
	}
	
#ask3dir	
	{
		float:left;
		width:150px;
		margin:2px;
		padding:10px;
	}
	
#ask4
	{
		background:url(../imagens/pergunta4.gif);
		width:629px;
		height:132px;	
		padding:20px 0 0 10px; 			
	}
	
#ask4esq	
	{
		float:left;
		width:250px;
		margin:2px;
		padding:6px;
		font-size:11pt;
		font-style:italic;
		font-weight:bold; 
	}
	
#ask4dir	
	{
		float:left;
		width:300px;
		margin:2px;
		padding:10px; 
	}
	
#ask5
	{
		background:url(../imagens/pergunta5.gif);
		width:622px;
		height:154px;	
		padding:20px 0 0 10px;   			
	} 
	
#ask5esq	
	{
		float:left;
		width:200px;
		margin:2px;
		padding:6px;
		font-size:11pt;
		font-style:italic;  
		font-weight:bold;  
	}
	
#ask5dir	
	{
		float:left;
		width:350px;
		margin:2px; 
		padding:8px;  
	}
	
.form-com
	{
		background:url(../imagens/form-com.gif);	
		width:347px;
		height:27px;
		border:0;
		padding-left:5px;
		padding-right:5px;
	}
	
.tabela-form	
	{
		font-size:11pt;
		font-style:italic;  
		font-weight:bold;  
		text-align:left;
	}	
	
#ask6
	{
		background:url(../imagens/pergunta6.gif);
		width:622px;
		height:70px;	
		padding:20px 0 0 10px;   			
	} 		
		
		
#ask7
	{
		background:url(../imagens/pergunta7.gif); 
		width:621px;
		height:132px;	
		padding:20px 0 0 10px; 			
	}
	
#ask7esq	
	{
		float:left;
		width:250px;
		margin:2px;
		padding:6px;
		font-size:11pt;
		font-style:italic;
		font-weight:bold; 
	}
	
#ask7dir	
	{
		float:left;
		width:300px;
		margin:2px;
		padding:10px; 
	}	
	
#ask8
	{
		background:url(../imagens/pergunta8.gif); 
		width:621px;
		height:132px;	
		padding:20px 0 0 10px; 			
	}
	
#ask8esq	
	{
		float:left;
		width:200px;
		margin:2px;
		padding:6px;
		font-size:11pt;
		font-style:italic;
		font-weight:bold; 
	}
	
#ask8dir	
	{
		float:left;
		width:350px;
		margin:2px;
		padding:10px; 
	}	
	
#ask9
	{
		background:url(../imagens/pergunta9.gif); 
		width:621px;
		height:132px;	
		padding:20px 0 0 10px; 			
	}
	
#ask9esq	
	{
		float:left;
		width:350px;
		margin:2px;
		padding:6px;
		font-size:11pt;
		font-style:italic;
		font-weight:bold;
	}
	
#ask9dir	
	{
		float:left;
		width:200px;
		margin:2px;
		padding:10px; 
	}	
	
#ask10
	{
		background:url(../imagens/pergunta10.gif); 
		width:621px;
		height:122px;	
		padding:30px 0 0 10px; 		 	
	}	
	
#ask11
	{
		background:url(../imagens/pergunta11.gif); 
		width:621px;
		height:200px;	
		padding:30px 0 0 10px; 	 		
	}	
	
#ask12
	{
		background:url(../imagens/pergunta12.gif); 
		width:629px;
		height:122px;	
		padding:30px 0 0 10px; 	 		
	}	
	
#ask13
	{
		background:url(../imagens/pergunta13.gif);  
		width:629px;
		height:182px;	
		padding:30px 0 0 10px; 	 	 	
	}	
			
.comentar
	{
		width:600px;
		height:180px; 
	}	
	
.enviar-form
	{
		background:url(../imagens/enviar-form.gif);
		width:100px;
		height:20px;
		border:0;
		margin:10px;
	}	
			
#cot, #com
	{
			display:none;
	}
	
	
	
	
	
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/															






#quadro_painel
	{
		width:946px;
		border:#CCC solid 4px;
		border-radius:20px 20px 0 0;
		/*background:url(../imagens/quadro-painel.gif);*/
		margin:15px auto;		
	}															
	
#quadro-titulo
	{
		width:946px;
		border-radius:17px 17px 0 0;
		height:60px;
		background:-webkit-gradient(linear, left top, left bottom, from(#13163E), to(#004080)) repeat-X;
		background: -moz-linear-gradient(top, #13163E, #004080) repeat-X;
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#13163E, endColorstr=#004080)";
	}	
	
#novo-btn
	{
		border-radius:7px;
		padding:5px;
		margin:14px 0 0 5px;
		float:left;
		border:1px solid #000;
		background:-webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#FFFFFF)) repeat-X;
		background: -moz-linear-gradient(top, #DDDDDD, #FFFFFF) repeat-X;
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDDDDD, endColorstr=#FFFFFF)";
		font-weight:bold;
	}	
	
#quadro-content
	{
		margin:5px;
	}	
			
#pagina2
	{
		float:left;
		border:#CCC solid 2px;
		margin:2px;
		padding:2px 5px 2px 5px;
		border-radius: 5px; 
	}			
	
#mini-img
	{
		float:left;
		width:100px;
		height:119px;
		padding:2px;
		margin:2px;
	}	
	
#nome-prod
	{
		float:left;
		width:635px;
		margin:2px 2px 2px 10px;
	}
	
#nome_prod2
	{
		float:left;
		width:635px;
		margin:2px 2px 2px 10px;
		padding:1px;
		background:#069;
		color:#009999
	}	
	
#editar
	{
		float:left;
		width:50px;
		height:50px;
		margin:2px;
	}
	
.change_link {
	display: block;
	width: 20px;
	height: 20px;
	font-size: 12pt;
	background-color: #eee;
	float: left;
	margin-right: 5px;
	text-align: center;
	margin-top: 10px;
	border: 1px solid #bbb;
	text-decoration: none;
}

.midia
	{
		text-align:left;
	}
	
.FormId
	{
		padding:10px;
		width:10px;
	}	
	
#arrowUp, #arrowDown
	{
		height:20px;	
		margin:2px;	
		text-align:center;
	}