@charset "utf-8";
/* Estilos por defecto para todos los elementos y para el cuerpo. */
* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
body {
	background:#ffffff url(../images/common/backgroundFondo.gif) repeat-x top;
	text-align : center; /* hack para que el IE6 centre. */
}

/* Clases para discriminar los fondos dependiendo de la opción */
.principal {
	background:#ffffff url(../images/common/fondo.jpg) 2px 0 no-repeat;
}
.porQueTrabajar02 {
	background:#ffffff url(../images/common/02_02.jpg) 0 0 no-repeat;
}
.porQueTrabajar {
	background:#ffffff url(../images/common/02.jpg) 0 0 no-repeat;
}
.NuestroProceso {
	background:#ffffff url(../images/04/Fondo04.jpg) 1px 0 no-repeat;
}
.NuestrasOfertas {
	background:#ffffff url(../images/05/Fondo05.jpg) 1px 0 no-repeat;
}
/* Estilos para resto de elementos */
#container {
	width: 758px;
	height: 525px;
	margin: 0 auto; /* Se supone que así debería centrar en todos los navegadores, aunque el ie6 se lo pasa por el forro. Deja 0 píxeles arriba y abajo y ajusta automáticamente los márgenes a derecha e izquierda. */
	}

	/* Cabaecera de la página. */
	#container #header {
		padding-top:7px;
		width:100%;
		height:57px;
		text-align:left;
		vertical-align:middle;
		}
		#container #header img {
			vertical-align:middle;
		}
		#container #header #logo {
			margin-left:10px;
		}
		#container #header #rrhh {
			margin-left:160px;
		}
		#container #header h1 {
			visibility:hidden; /* No queremos que se vea, porque lo que se ve es la imagen. Lo suyo sería que no hubiese imágen, sino estilo aplicado al texto. Aún así, dejamos el h1 y lo ponemos hidden para que el buscador lo indexe como título de la página. OJO! Si hay muchos elementos hidden o hay pocos, pero son muy largos y con muchos espacios, es muy probable que los agentes indexadores de los buscadores penalicen la página porque se piensa que son términos al azar. */
		}
	/* Cuerpo de la página. Esto será lo que varíe a lo largo de las paginas. En realidad, lo que variará de unas páginas a otras será los estilos que estén contenidos dentro de #container #content #main (sin incluír a este), así que igual te viene bien (por organización) sacarlo a un fichero css e ir enlazándolo en sus respectivas páginas. */
	
	/* Contenido central (menú y contenido). */
	#container #content {
		position:relative;
		text-align:left;
		height:431px;
		}
		#container #content #navigation {
			position:relative;
			float:left;
			width:208px;
			}
			#container #content #navigation ul {
				margin-top:39px;
				}
				#container #content #navigation ul li {
					margin-bottom:40px;
					width:154px;
					height:32px;
					}
				#container #content #navigation ul #btn01 {
					margin-left:26px;
					}
				#container #content #navigation ul #btn01:hover, .hover1 {
					margin-left:26px;
					}
				#container #content #navigation ul #btn02 {
					margin-left:18px;
					}
				#container #content #navigation ul #btn03 {
					margin-left:10px;
					}
				#container #content #navigation ul #btn04 {
					margin-left:2px;
					margin-bottom:26px;
					}
			#container #content #navigation #insertaCV {
	margin-left:152px;
	margin-top: 9px;
				}
		#container #content #main {
			position:relative;
			float:left;
			width:500px;
			height:425px;
			}

	/* Pie de la página. */
	#container #footer {
		clear:both;
		padding-top:2px;
		border-top:3px solid #dde3e8;
		border-bottom:1px solid #91a1ac;
		text-align:center;
		vertical-align:middle;
		height:35px;
		}
		#container #footer p {
			font-size:10px;
			color:#666666;
			line-height:110%;
		}
		#container #footer a 
		{
			color:#666666;
			font-size:10px;
			text-decoration: none;
		}
			#container #footer #address {
				font-weight:bold;
			}