body {
	padding:20px;
	color:#bba;
	background:url(../imagenes/fondo.jpg);
	background-position:top;
	text-align:center;
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	/*background-repeat:no-repeat;*/
}

.colsBody #header { 

	background:url(../imagenes/header.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width: 750px;  /* este ancho creará un contenedor que cabrá en una ventana de navegador 800px si el texto se deja con los tamaños de fuente predeterminados del navegador */
	height:150px;
	background-color:#800000;
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */    	    	
} 
	
	
.colsBody #fondo { 
	width: 750px;  /* este ancho creará un contenedor que cabrá en una ventana de navegador 800px si el texto se deja con los tamaños de fuente predeterminados del navegador */
	height:475px;
	background:url(../imagenes/fondoCentro.jpg);
	background-repeat:repeat-y;
	background-color:#000000;
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */    	    	
	
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */	
} 
	
	
.colsBody #footer { 
	width: 750px;  /* este ancho creará un contenedor que cabrá en una ventana de navegador 800px si el texto se deja con los tamaños de fuente predeterminados del navegador */
	height:125px;
	background:url(../imagenes/footer.jpg);
	background-repeat:no-repeat;
	text-align:right;
	background-color:#999999;
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */    	    	
} 


.colsBody #divpie{
	width: 750px;
	background-image:url(../imagenes/pie-pag.png);
	background-repeat:no-repeat;
	background-position:bottom;
	text-align:center middle;

	height:20px;
	text-decoration:none;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:10px;	
	color:#000000;	
}
 
.colsBody #col1 {
	float: left; /* dado que este elemento es flotante, debe asignarse un ancho */
	width: 30%; 
	height:500px;	
}

.colsBody #col2 {
	text-align:center middle;
	float: right; /* dado que este elemento es flotante, debe asignarse un ancho */
	width: 70%; 
	height:500px;
/*	background: #333399; /* el color de fondo se mostrará a lo largo de todo el contenido de la columna, pero no más allá */	
}

.letraStyleText {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
}


#visor  {
			margin:0px auto;
			width: 400px;
			height: 300px;
		}
		
		

		#navbar  {
			margin:0px auto;
			width: 640px;
			height: 40px;
			background: #FF3300;
			text-align: center;			
			vertical-align: middle;						
		}
		#navbar a, #navbar a:visited, #navbar a:hover {
			float: left;
			border: 0px;
			margin: 4px;
			width: 152px;
			height: 32px;
			background: #000;
			color: #fff;
			font-weight: bold;
			text-decoration: none;
			
		}