body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image:url(images/fondo-system-lonjas.jpg);
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
}
.unacolumna #container {
	width: 990px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	text-align: left; /* esto anula text-align: center en el elemento body. */
	background-color:#a39b9a;
}
.unacolumna #cabecera {
	padding: 0px 0px 0px 0px;  /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #cabecera en lugar de texto, es posible que le interese quitar el relleno. */
	margin: 0;
	background-color:#463631;
}

.unacolumna #contenidocentral {
	padding: 0px 0px 0px 0px; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */	margin: 0;
	background: #a39b9a;
}
.unacolumna #pie {
	padding: 0px 0px 0px 0px; /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
	margin:0;
	background:#000;
}

#logo {
	position:absolute;
	width:980px;
	height:73px;
	z-index:20;
	top: 20px;
}
.textoblanco10{
	font-size:10px;
	color:#FFF;
}
.textoblanco10enlace{
	font-size:10px;
	color:#FFF;
}
.textoblanco10enlace:link{
	font-size:10px;
	color:#FFF;
	text-decoration:none;
}
.textoblanco10enlace:visited{
	font-size:10px;
	color:#FFF;
		text-decoration:none;
}
.textoblanco10enlace:hover{
	font-size:10px;
	color:#a39b9a;
		text-decoration:none;
}
.textoblanco10enlace:active{
	font-size:10px;
	color:#FFF;
		text-decoration:none;
}
.textogris10{
	font-size:10px;
	color: #a39b9a;	
}
.textonegro10 {
	font-size:10px;
	color:#000;
}
h1{
	font-size:10px;
	color:#000;
	font-weight:normal;
}
.textonegro10enlace{
	font-size:10px;
	color:#000;
	text-decoration:none;
}
.textonegro10enlace:link{
	font-size:10px;
	color:#000;
	text-decoration:none;
}
.textonegro10enlace:visited{
	font-size:10px;
	color:#000;
	text-decoration:none;
}
.textonegro10enlace:hover{
	font-size:10px;
	color:#fff;
	text-decoration:none;
}
.textonegro10enlace:active{
	font-size:10px;
	color:#000;
	text-decoration:none;
}
.textonegro12{
	font-size:12px;
	color:#000;
}
h2{
	font-size:12px;
	color:#000;
	font-weight:normal;
}
#direccion {
	width:700px;
	z-index:20;
	float:right;
}

#arriba {
	width: 990px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	text-align: right; /* esto anula text-align: center en el elemento body. */

}
.bordemarron{
	border-width:1px;
	border-style:solid;
	border-color:#463631;	
}
.boton{
	background-color: #463631;	
	border-style:none;
	FONT-SIZE: 10px;
	COLOR: #fff;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

