/*########################################################################################################################################################
	PADRONIZANDO NAVEGADORES
/*#######################################################################################################################################################*/

html, body {
	width						: 100%;
	height						: 100%;
	margin						: 0;
	padding						: 0;
}

p {
	margin						: 5px 0px 10px 0px;
	padding						: 0;
}

ul {
	margin						: 0;
	padding						: 0;
}

li {
	margin						: 0;
	padding						: 0;
	list-style					: none;
}

a {
	cursor						: pointer;
}

address {
	margin						: 5px 10px;
	font-style					: normal;
	font-variant				: normal;
	line-height					: 120%;
}
/*########################################################################################################################################################
	ELEMENTOS HTML
#########################################################################################################################################################*/

body {
	scrollbar-3dlight-color		: #efefef;
	scrollbar-arrow-color		: #333;
	scrollbar-base-color		: #efefef;
	scrollbar-darkshadow-color	: #666666;
	scrollbar-face-color		: #efefef;
	scrollbar-highlight-color	: #999999;
	scrollbar-shadow-color		: #999999;
	background					: url('images/bg_site.gif') no-repeat top center;
}

body { 
	font-family					: Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-size					: 11px;
	color						: #333;
} 

td, div, a, form, legend { 
	font-family					: inherit;
	font-size					: inherit;
	color						: #333;
} 

a:link, a:visited 	{ text-decoration: none; color: #B7508F; }
a:hover				{ text-decoration: none; color: #666; }

hr {
	height						: 5px;
	margin						: 10px 0;
	visibility					: hidden;
	clear						: both;
	border						: 0;
}

h1, h2, h3, h4 {
	padding						: 0;
	margin						: 5px 0;
	font-family					: inherit;
	font-weight					: bold;
}

h1	{
	font-size					: 150%;
	margin-top					: 15px;
	color						: #3AB2C1;
}
h2	{
	font-size					: 130%;
	margin-top					: 15px;
	color						: #B7508F;
}
h3	{	font-size: 110%; color	: #B7508F;	}
h4	{	font-size: 100%; color	: #B7508F;	}

/*####################################################################################################################################################
		CONTEUDO DO SITE
####################################################################################################################################################*/

body div#SITE {
	width						: 697px;
	height						: expression(this.scrollHeight <= "300" ? "300" : "auto");  
	min-height					: 300px;
	margin						: 0;
	position					: relative;
	left						: 50%;
	margin-left					: -238px; /* (916 / 2) = 458 - 219 (tamanho do MENU)	*/
	float						: left;
}

body div#SITE div#CONTEUDO {
	clear						: both;
	height						: expression(this.scrollHeight <= "130" ? "130" : "auto");  
	min-height					: 130px;
	margin-top					: 10px;
	padding						: 10px 36px 10px 20px;
	background					: url('images/conteudo_bg_topo.gif') no-repeat;
}

	body div#SITE div#CONTEUDO div.TITULO, body div#SITE div#CONTEUDO h1 {
		margin					: 0 0 30px 0;
		padding					: 0 0 0 10px;
		/* SEO	*/
		line-height				: 1px;
		text-indent				: -9999px;
	}

	body div#SITE div#CONTEUDO a#VOLTAR {
		clear						: both;
		display						: block;
		margin						: 5px;
		padding						: 5px;
		text-align					: center;
	}

	/*########################################################################################################################################################
			LISTAGEM DE PRODUTOS
	########################################################################################################################################################*/

	body div#SITE div#CONTEUDO div#PRODUTOS div {
		width					: 115px;
		height					: expression(this.scrollHeight <= "270" ? "270" : "auto");  
		min-height				: 290px;
		float					: left;
		margin-right			: 13px;
	}
	body div#SITE div#CONTEUDO div#PRODUTOS div a.FOTO {
		height					: 114px;
		margin-bottom			: 2px;
		padding-top				: 9px;
		display					: block;
		background				: url('images/lista_prod_bg.gif') no-repeat top center;
		text-align				: center;
	}

	body div#SITE div#CONTEUDO div#PRODUTOS div span {
		display					: block;
		margin					: 2px 0;
	}
		span.PROMO {
			color				: #B7508F;
			text-decoration		: line-through;
		}
		body div#SITE div#CONTEUDO div#PRODUTOS div span.VALOR {
			color				: #3AB2C1;
			font-weight			: bold;
		}
		body div#SITE div#CONTEUDO div#PRODUTOS div span.ESGOTADO {
			color				: #666;
			text-align			: center;
		}
		
	body div#SITE div#CONTEUDO div#PRODUTOS div a.CART {
		margin					: 5px 0 0 10px;
	}

	/*########################################################################################################################################################
			MOSTRA DE PRODUTOS
	########################################################################################################################################################*/
	
	body div#SITE div#CONTEUDO div#PRODUTO div#FOTOS {
		width					: 250px;
		margin-right			: 20px;
		float					: left;
		text-align				: center;
	}

	body div#SITE div#CONTEUDO div#PRODUTO div#FOTOS ul#MEDIAS {
		width					: 250px;
		height					: 250px;
	}
		body div#SITE div#CONTEUDO div#PRODUTO div#FOTOS ul#MEDIAS li {
			display				: none;
			position			: absolute;
			top					: 260px;
			left 				: 20px;
			text-align			: center;
			list-style			: none;
		}
		body div#SITE div#CONTEUDO div#PRODUTO div#FOTOS ul#MEDIAS li.SHOW {
			display				: block;
		}

	body div#SITE div#CONTEUDO div#PRODUTO div#FOTOS div#ICOS {
		width					: 250px;
		background				: url('images/bg_prod_icos.gif') no-repeat 0 0;
	}
		body div#SITE div#CONTEUDO div#PRODUTO div#FOTOS div#ICOS a img {
			width				: 60px;
			height				: 60px;
			margin				: 30px 0;
			margin-left			: 10px;
			cursor				: pointer;
			border				: 1px solid #EFEFEF;
		}


	body div#SITE div#CONTEUDO div#PRODUTO h2 {
		padding					: 0 10px 6px 0;
		border-bottom			: 1px solid #EFEFEF;
		text-align				: right;
		color					: #B7508F;
		font-size				: 150%;
	}

	body div#SITE div#CONTEUDO div#PRODUTO li {
		font-size				: 110%;
	}
	
	body div#SITE div#CONTEUDO div#PRODUTO li strong {
		display					: block;
		margin					: 5px 0 3px 0;
	}
	
	body div#SITE div#CONTEUDO div#PRODUTO div#REF {
		color					: #41B6C5;
		text-align				: right;
	}

	body div#SITE div#CONTEUDO div#PRODUTO div#VALOR {
		color					: #41B6C5;
		padding-right			: 10px;
		text-align				: right;
	}
		body div#SITE div#CONTEUDO div#PRODUTO div#VALOR span {
			font-size				: 250%;
			font-weight				: bold;
		}

	body div#SITE div#CONTEUDO div#PRODUTO div#VALOR span#PROMO {
		color					: #CCC;
		text-decoration			: line-through;
	}

	body div#SITE div#CONTEUDO div#PRODUTO div#DETALHES, body div#SITE div#CONTEUDO div#PRODUTO div#EXTRAS {
		width					: 370px;
		float					: right;
		margin-top				: 10px;
		background				: url('images/bg_prod_det.gif') no-repeat top right;
	}
		body div#SITE div#CONTEUDO div#PRODUTO div#DETALHES div, body div#SITE div#CONTEUDO div#PRODUTO div#EXTRAS div {
			padding				: 10px 10px 0 20px;
			color				: #41B6C5;
		}
		body div#SITE div#CONTEUDO div#PRODUTO div#DETALHES span {
			color				: #CF76AC;
		}
		body div#SITE div#CONTEUDO div#PRODUTO div#EXTRAS img.MARGIN {
			margin-bottom		: 25px;
		}

	body div#SITE div#CONTEUDO ul.DUPLO {
		width					: 50%;
		margin-left				: 25%;
	}
	
	body div#SITE div#CONTEUDO ul.DUPLO li {
		width					: 50%;
		float					: left;
		font-weight				: bold;
		color					: #3AB2C1;
	}
	
	body div#SITE div#CONTEUDO td.ESTOQUE {
		padding					: 2px;
		background				: #B7508F;
		color					: #FFF;
		text-align				: center;
	}

/*########################################################################################################################################################
		CARRINHO
########################################################################################################################################################*/
	body div#SITE div#CONTEUDO thead td, body div#SITE div#CONTEUDO tfoot td {
		background				: #B7508F;
		color					: #FFF;
		font-weight				: bold;
	}
	
	body div#SITE div#CONTEUDO tr#ACTIONS td {
		background				: #F1F1F1;
		height					: 30px;
	}
/*########################################################################################################################################################
		MAPA GOOGLE
########################################################################################################################################################*/
	div#MAPA {
		width				: 99%;
		height				: 300px;
		margin				: 30px 0 10px 0;
	 }
		.gmnoprint {
			color				: #FFF !important;
			font-size			: 1px !important;
		}
		.gmnoprint a {
			display				: none;
			visibility			: hidden;
		}
		div#MAPT {
			font-family			: Tahoma, Verdana, Helvetica, sans-serif;
			font-size			: 11px;
			color				: #B7508F;
		}
/*########################################################################################################################################################
	NOTICIAS			
########################################################################################################################################################*/
#TOTAL {
	margin						: 0 5px 15px 0;
	padding-bottom				: 5px;
	border-bottom				: 2px solid #C668A1;
	text-align					: center;
	font-weight					: bold;
	font-size					: 130%;
	color						: #B7508F;
}

body div#SITE div#CONTEUDO ul#EVENTOS li {
	padding-bottom				: 5px;
	margin-bottom				: 5px;
	border-bottom				: 1px dotted #C668A1;
}
body div#SITE div#CONTEUDO ul#EVENTOS li:hover {
	color						: #3AB2C1;
}

body div#SITE div#CONTEUDO ul#EVENTOS li h2 {
	margin-top					: 2px;
}
body div#SITE div#CONTEUDO ul#EVENTOS li span.DATA {
	padding						: 0 5px;
	font-size					: 100%;
	color						: #FFF;
	background					: #B7508F;
}

body div#SITE div#CONTEUDO div#GALERIA a {
	float						: left;
	margin						: 5px 4px;
	padding						: 5px 5px;
}
body div#SITE div#CONTEUDO div#GALERIA a:hover {
	background					: #B7508F;
}

/*########################################################################################################################################################
		MEU PAINEL
########################################################################################################################################################*/

body div#SITE div#CONTEUDO div#PAINEL a {
	width						: 33%;
	display						: block;
	margin						: 20px 0;
	padding						: 10px 0;
	float						: left;
	text-align					: center;
	font-weight					: bold;
	font-size					: 14px;
}
body div#SITE div#CONTEUDO div#PAINEL a:hover {
	background					: #F7F7F7;
}

body div#SITE div#CONTEUDO table#PEDIDOS td {
	text-align					: center;
}
/*########################################################################################################################################################
		EXTRAS
########################################################################################################################################################*/

div.SPACE02 {
	margin-left					: 20px;
}

.RIGHT			{	float		: right;	}
.LEFT			{	float		: left;	}
.CLEAR 			{	clear		: both;	}

.FFF {
	background					: #FFF;
}

.AFTER:after	{
	content						: ".";
	display						: block;
	height						: 0;
	clear						: both;
	visibility					: hidden;
}
*.AFTER 		{	display		: inline-block;	}
*html .AFTER 	{	height		: 1px;	}
.AFTER 			{	display		: block;	}

.HIDE {
	display						: none;
	visibility					: hidden;
}

.SHOW {
	display						: block;
	visibility					: visible;
}

#ALERTA {
	padding						: 20px;
	margin						: 50px 10px 20px 10px;
	border						: 1px dashed #C668A1;
	background					: #FAF1F7;
	color						: #C668A1;
}

div#ILUS {
	color						: #3AB2C1;
	font-weight					: bold;
	padding						: 10px;
	margin						: 10px;
	text-align					: center;
	border-top					: 1px dashed #3AB2C1;
	border-bottom				: 1px dashed #3AB2C1;
}

h2.TIT {
	border-top		: 1px dotted #CCC;
	border-bottom	: 1px dotted #CCC;
	margin			: 20px 0 0 0;
	padding			: 5px;
}
ul#REPRESENTANTES li {
	width			: 190px;
	padding			: 10px;
	height			: 125px;
	float			: left;
	border-bottom	: 1px dotted #CCC;
}
ul#REPRESENTANTES li:HOVER {
	background:#F7F7F7;
}
ul#REPRESENTANTES li h3 {
display:block;
color:#FFF;
background:#B7508F;
padding-left:5px;
}