/**
 * Reemplazo de imágenes: http://wellstyled.com/css-replace-text-by-image.html 
 */
#logo-ksa {
	margin:0; padding:0;
	position:relative;
	width:143px; height:90px;
	overflow:hidden;
}
	#logo-ksa span {
		display:block;
		position:absolute; left:0; top:0; z-index:1;
		width:143px; height:90px;
		margin:0; padding:0;
		background:url("../images/logotipo_ksa.gif") top left no-repeat;
	}
	
#slogan {
	margin:0; padding:0;
	position:relative;
	width:770px; height:158px;
	overflow:hidden;
	z-index:5;
}
	#slogan span {
		display:block;
		position:absolute; left:7px; top:0; z-index:10;
		width:770px; height:158px;
		margin:0; padding:0;
		background:url("../images/slogan_ksa.gif") top right no-repeat;
	}


/* Menú utilidades */
	#menu-utilidades {
		width: 220px; height: 35px;
		background: url("../images/menu_utilidades.png");
		margin: 0; padding: 0;
		position: relative;
	}
	#menu-utilidades li {
		margin: 0; padding: 0; list-style: none;
		position: absolute; top: 0;
	}
	#menu-utilidades li, #menu-utilidades a {
		height: 35px; display: block;
	}
	
	#util-opcion1 { left:0;     width:32px; }
	#util-opcion2 { left:33px;  width:35px; }
	#util-opcion3 { left:69px;  width:34px; }
	#util-opcion4 { left:103px; width:32px; }
	#util-opcion5 { left:136px; width:36px; }
	#util-opcion6 { left:173px; width:37px; }
	
	/* Dwyer Method */
	#menu-utilidades a span {
	 	display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	 }
	 
	#util-opcion1 a:hover { background: transparent url("../images/menu_utilidades.png") 0 -35px no-repeat; }
	#util-opcion2 a:hover { background: transparent url("../images/menu_utilidades.png") -33px -35px no-repeat; }
	#util-opcion3 a:hover { background: transparent url("../images/menu_utilidades.png") -69px -35px no-repeat; }
	#util-opcion4 a:hover { background: transparent url("../images/menu_utilidades.png") -103px -35px no-repeat; }
	#util-opcion5 a:hover { background: transparent url("../images/menu_utilidades.png") -136px -35px no-repeat; }
	#util-opcion6 a:hover { background: transparent url("../images/menu_utilidades.png") -173px -35px no-repeat; }



/**
 * Estructura 
 */
body {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/fondo_pagina.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#contenedor-pagina {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 920px; /* En teoría 920, pero IE6! */
}

#cabecera {
	position:relative;
}
	#cabecera * {
		margin: 0px;
		padding: 0px;
	}

	#logo-ksa {
		float:left;
	}
	
	#copyright {
		clear:left;
		float:left;
		width:123px;
		margin-top:10px;
		margin-left:20px;
	}
	#casita {
		position:absolute;
		right:0px; /*IE6!!! Debería ser right y bottom */
/*IE!*/ _left:600px;
		top:0px;
		z-index:1;
	}

#navegacion {
	height:45px;
	background-image: url(../images/fondo_navegacion.png);
	background-repeat: no-repeat;
	background-position: center center;
}
	#navegacion * {
	margin: 0px;
	padding: 0px;
	}

	#utilidades {
		float:left;
		padding-top:2px;
		padding-left:10px;
		padding-right:18px; /* Ajustamos la K */
	}
	#busqueda {
		float:left;
		position:relative;
		width:150px;
		height:45px;
		background-image: url(../images/fondo_buscar.png);
		background-repeat: no-repeat;
		background-position: top left;
	}
		#texto-busqueda {
			position:absolute;
			top:10px;
			left:10px;
		}
		#boton-busqueda {
			position:absolute;
			top:9px;
			left:104px;
		}
		
	#opciones {
		float:right;
		padding-top:2px;
		padding-right:10px;
	}

#colaboradores {
	clear:both;
	height:138px;
	margin:10px 0 0 0; padding:0;
	background-image: url(../images/fondo_colaboradores.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position:relative;
}
	#flash-colaboradores {
		position:absolute;
		top:54px; left:43px;
	}

/**
 * Tipografías
 */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#666666;
}

#copyright {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}