/*
'-----------------------------------------------------------------------------------------------------
' Ficheiro de LAYOUT (CSS)
' 	Copyright, 2007 Artefirme
'		Criado:		3L, 31-JUL-2007
'		Alterado:	3L, 30-OUT-2007
'-----------------------------------------------------------------------------------------------------
*/

@charset "iso-8859-1";

/*----- Formatações GERAIS --------------------------------------------------------------------------*/
body {
	width:								100%;
	height:								100%;
	margin:								0px;
	background-color:			#FFF6EF;
}

/*----- Formatações de CABECALHO --------------------------------------------------------------------*/
#cabecalho {
	z-index:							5;
	width:								auto;
	height:								55px;
	margin:								20px 20px 10px 20px;				/* Top Right Bottom Left */
	overflow:							hidden;
}

.logoTopo {
	float:								left;
	height:								55px;
	margin:								0px 20px 0px 0px;						/* Top Right Bottom Left */
}


/*----- Formatações MENU de NAVEGACAO ---------------------------------------------------------------*/
#menuNav {
	z-index:							50;
	position:							relative;
	top:									0px;
	float:								right;
	margin:								0px 20px 0px 0px;						/* Top Right Bottom Left */
}

.menuN1Inactivo, .menuN1Activo {
	float: 								left;
	width:								140px;
	height:								80px;
	margin:								0px 0px 0px 10px;						/* Top Right Bottom Left */
	padding:							5px 0px 5px 5px;						/* Top Right Bottom Left */
	border:								1px solid #666666;
	font-family:					Verdana, Arial, Helvetica, sans-serif;
	font-size:						8pt;
	font-weight:					bold;
	vertical-align:				top;
	overflow:							hidden;
}
html>body .menuN1Inactivo, html>body .menuN1Activo {
	overflow:							visible;
}

.menuN1Inactivo, .menuN1Inactivo a, .menuN1Inactivo a:link, .menuN1Inactivo a:active, .menuN1Inactivo a:visited {
	color:								#888888;
	background-color:			#FFFFFF;
	text-decoration:			none;
}
.menuN1Inactivo a:hover, 
.menuN1Activo, .menuN1Activo a, .menuN1Activo a:link, .menuN1Activo a:active, .menuN1Activo a:visited {
	color:								#666666;
	background-color:			#F6F6F6;
	text-decoration:			none;
}
.menuN1Activo a:hover {
	color:								#222222;
	text-decoration:			none;
}

.menuN2 {
	position:							relative;
	padding:							0px 0px 5px 5px;						/* Top Right Bottom Left */
	top:									50px;
	left:									-6px;
	width:								140px;
	border:								1px solid #222222;
	border-top:						none;
	visibility: 					hidden;
	background-color:			#F6F6F6;
}

.menuN2Item, .menuN2Item a {
	margin:								5px 0px 0px 0px;						/* Top Right Bottom Left */
	vertical-align:				top;
	font-weight:					normal;
}

/*----- Formatações de CORPO CENTRAL (PROMOCAO) -----------------------------------------------------*/
#blocoPromocao {
	z-index:							0;
	position:							relative;
	top:									0px;
	margin:								20px 20px 15px 20px;				/* Top Right Bottom Left */
	padding:							30px 30px 30px 30px;				/* Top Right Bottom Left */
	background:						url(../images/imagemPromo1.jpg);
	background-position:	center center;
	border:								1px solid #7D7D7D;
	width:								auto;
	height:								400px;
	overflow:							visible;
}
html>body #blocoPromocao {
	padding:							30px 30px 15px 30px;						/* Top Right Bottom Left */
	width:								auto;
	height:								auto;
	min-height:						400px;
	overflow:							visible;
}

.caixaArtigo {
	position:							relative;
	width:								660px;
	height:								auto;
	margin:								0px 0px 15px 0px;						/* Top Right Bottom Left */
	padding:							0px 0px 0px 0px;				/* Top Right Bottom Left */
	border:								1px solid #7D7D7D;
	background-color:			#FFFFFF;
}
.caixaArtigo h1 {
	margin:								15px 0px 0px 15px;						/* Top Right Bottom Left */
}
.caixaArtigo table {
	margin:								0px 0px 0px 0px;						/* Top Right Bottom Left */
}

.caixaProduto0 {
	position:							relative;
	width:								660px;
	height:								auto;
	margin:								0px 0px 15px 0px;						/* Top Right Bottom Left */
	padding:							0px 0px 0px 0px;						/* Top Right Bottom Left */
	border:								1px solid #7D7D7D;
	background-color:			#FFFFFF;
}
.caixaProduto1 {
	float: 								left;
	margin:								0px 15px 0px 0px;						/* Top Right Bottom Left */
	padding:							0px 0px 0px 0px;						/* Top Right Bottom Left */
	border:								1px solid #7D7D7D;
	background-color:			#FFFFFF;
	width:								257px;
	height:								auto;
	overflow:							visible;
}
html>body .caixaProduto1 {
	width:								257px;
	min-width: 						auto;
}

.caixaProduto0 h1, .caixaProduto1 h1  {
	margin:								15px 0px 0px 15px;						/* Top Right Bottom Left */
}
.caixaProduto1 table, .caixaProduto1 table {
	margin:								0px 0px 0px 0px;						/* Top Right Bottom Left */
}


.caixaImagem {
	width:								auto;
	vertical-align:				top;
	padding:							15px 0px 0px 0px;					/* Top Right Bottom Left */
}
.caixaImagem img {
	border:								1px solid #ADADAD;
	margin:								0px 0px 3px 0px;						/* Top Right Bottom Left */
	padding:							0px 0px 0px 0px;						/* Top Right Bottom Left */
}

.caixaTexto {
	vertical-align:				top;
}
.caixaTexto p {
	margin:								15px 0px 0px 0px;						/* Top Right Bottom Left */
}

.iconeDetalhe {
	margin:								0px 0px 0px 15px;						/* Top Right Bottom Left */
	text-align:						right;
}

/*----- Formatações de RODAPE -----------------------------------------------------------------------*/
#rodape {
	position:							relative;
	top:									0px;
	width:								auto;
	height:								15px;
	margin:								0px 20px 30px 20px;					/* Top Right Bottom Left */
}
#rodapeEsquerdo {
	width:								auto;
	float:								left;
}
#rodapeDireito {
	width:								auto;
	float:								right;
}