﻿body {
	text-align: center;
	margin: 5px 0px 5px 0px;
}

#ContenedorPrincipal {
	width: 990px;
	margin: 0px auto;
	text-align: left;
}

#Cabecera {
	width: 990px;
	/*background-image: url(../Images/Cabecera.jpg);*/
}
	#InteriorCabecera {
		position: relative;
		width: 990px;
		height: 270px;
	}
		#FotosFlash {
			position: absolute;
			top: 131px;
			left: 0px;
		}
		#CuadroIdiomas {
			position: absolute;
			top: 0px;
			left: 885px;
		}
		#CuadroUsuarios {
			position: absolute;
			top: 80px;
			left: 853px;
			width: 132px;
			text-align: right;
		}
		#MenuArriba {
			position: absolute;
			top: 175px;
			left: 517px;
		}

#Cuerpo {
	width: 990px;
}
	#MenuLateral {
		width: 230px;
		vertical-align: top;
	}
	#Contenido {
		vertical-align: top;
	}
	#ContenedorInstrucciones {
		z-index: 3;
		position: absolute;
		top: 280px;
		left: 620px;
	}
		#Instrucciones {
			position: absolute;
			top: 0px;
			left: 30px;
			width: 400px;
			border: dashed 1px #376faa;
			background-color: #dbf4f7;
			padding: 5px;
			display: none;
		}
		
.FlashFondo {
	position: absolute;
	top: 339px;
	left: 443px;
	background-image: url(../Images/FondoAgua.jpg);
	width: 325px;
	height: 226px;
}

#Pie {
	width: 970px;
	border-top: solid 1px #376faa;
	padding: 10px;
	margin-top: 20px;
	text-align: center;
}
/* ------------------------------------------------------------------------- */
.IrArriba {
	text-align: right;
	margin-top: 5px;
}
/* ------------------------------------------------------------------------- */

.CuadroOK {
	border: solid 1px #00aa00;
	background-color: #eeffee;
	padding: 10px;
}
.CuadroKO {
	border: solid 1px #ee0000;
	background-color: #ffeeee;
	padding: 10px;
}

/* ------------------------------------------------------------------------- */

.CuadroAzulProducto {
	position: relative;
	border: solid 2px #4f80bc;
}
.CuadroVerdeProducto {
	position: relative;
	border: solid 2px #91cf50;
}
.CuadroNaranjaProducto {
	position: relative;
	border: solid 2px #f69546;
}
.CuadroLilaProducto {
	position: relative;
	border: solid 2px #7a37ac;
}
.CuadroGrisProducto {
	position: relative;
	border: solid 2px #000000;
}

/* TituloCuadroProducto */
	div.TituloCuadroProducto {
		z-index: 2;
		position: absolute;
		top: -19px;
		left: 30px;
	}
	span.TituloCuadroProducto {
		font-family: Arial;
		font-size: 14px;
		font-weight: bold;
		color: #ffffff;
	}
/* TituloCuadroProducto */

img.ImagenCuadroProducto {
	position: absolute;
}

/* TablaSuperiorProducto */
	div.TablaSuperiorProducto {
		position: absolute;
	}
	.TablaSuperiorProducto table {
		border-collapse: collapse;
	}
	.TablaSuperiorProducto td {
		font-weight: bold;
		font-style: italic;
		border: solid 1px #000000;
		text-align: center;
		padding-left: 5px;
		padding-right: 5px;
	}
	.TablaSuperiorProducto td.FondoAzul {
		font-style: normal;
		background-color: #4bacc6;
		color: #ffffff;
	}
	.TablaSuperiorProducto td.FondoVerde {
		font-style: normal;
		background-color: #9bbb59;
		color: #ffffff;
	}
	.TablaSuperiorProducto td.FondoNaranja {
		font-style: normal;
		background-color: #fabf8f;
		color: #ffffff;
	}
	.TablaSuperiorProducto td.FondoLila {
		font-style: normal;
		background-color: #cc99ff;
		color: #ffffff;
	}
	.TablaSuperiorProducto td.FondoGris {
		font-style: normal;
		background-color: #a6a6a6;
		color: #ffffff;
	}
/* TablaSuperiorProducto */

/* TablaInferiorProducto */
	div.TablaInferiorProducto {
		position: absolute;
	}
	.TablaInferiorProducto table {
		border-collapse: collapse;
	}
	.TablaInferiorProducto td {
		font-weight: bold;
		border: solid 1px #000000;
		text-align: center;
	}
	.TablaInferiorProducto td.FondoGris {
		background-color: #bfbfbf;
		color: #ee0000;
		padding-left: 10px;
		padding-right: 10px;
	}
	.TablaInferiorProducto td.FondoAzul {
		background-color: #4f81bd;
		color: #ffffff;
		padding-left: 10px;
		padding-right: 10px;
	}
/* TablaInferiorProducto */
