body {
    	font: 100% Trebuchet MS;
    	background: url(../images/fondo-pixelado.jpg) repeat-x #eeeeee;
    	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: left; /* 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 */
    	color: #000000;
    }
img {border:none;}    
    .oneColFixCtrHdr #container {
    width: 900px; /* 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: auto;
    text-align: justify;
    position: relative;
}
    .oneColFixCtrHdr #header {
    	background: url(../images/fondo.jpg) repeat-x; 
		color:#fff;
		width:900px;
		margin:auto;
    }
    .oneColFixCtrHdr #header #logo {
		margin-left:40px;
    }
    .oneColFixCtrHdr #mainContent {
		margin:auto;
    	padding: 0px 20px 45px 20px; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
		background: url(../images/fondo-index.png) center no-repeat #03467d;
    	width:860px;
    }
    .oneColFixCtrHdr #mainContent .texto{
    	width:700px;
    	margin-left:40px;
		margin-right:auto;
	}
    .oneColFixCtrHdr #mainContent h1{
    	color:#ffffff;
		margin:50px 0 0 0;
		padding:0;
		line-height:33px;
		font-size:38px;
		
	}
    .oneColFixCtrHdr #mainContent h2{
    	color:#ffffff;
		font-size:14px;
		margin:0;
	}
    .oneColFixCtrHdr .fila-simple h3{
    	color:#ffffff;
		font-size:24px;
		margin:0;
	}
    .oneColFixCtrHdr .fila-simple h3{
    	color:#ffffff;
		font-size:18px;
		margin:0;
	}
    .oneColFixCtrHdr .fila-doble h1{
    	color:#ffffff;
		font-size:24px;
		margin:0 0 20px 0;
	}
    .oneColFixCtrHdr .fila-doble h2{
    	color:#ffffff;
		font-size:18px;
		margin:0;
	}
	.oneColFixCtrHdr #mainContent p{
    	color:#c2a15b;
		margin:0px;
		padding:0px;
	}
    .oneColFixCtrHdr #separador-fondo-gris {
    	padding: 0 20px; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
    	background: url(../images/fondo-proximo-evento.gif) repeat-x;
		height:80px;
		width:860px;
		margin:auto;
    }
    .oneColFixCtrHdr #separador-fondo-gris h1 {
    	color:#888;
		margin:20px 0;
		padding:0 0 0 20px;
		line-height:43px;
		font-size:30px;
		float:left;
		width:280px;
    }
    .oneColFixCtrHdr #separador-fondo-gris .texto{
    	width:900px;
    	margin-left:auto;
		margin-right:auto;
	}
    .oneColFixCtrHdr #separador-fondo-gris .texto a{
    	color:#888;
    	text-decoration:none;
	}
    .oneColFixCtrHdr #separador-fondo-gris .texto a:hover{
    	color:#888;
    	text-decoration:underline;
	}
    .oneColFixCtrHdr #separador-fondo-gris .texto p{
    	float:left;
		margin:0 20px 0 22px;
		padding:0 20px 0 0;
		color:#888;
		border-right:solid 1px #555;
		font-size:14px;
		width:500px;
	}
    .oneColFixCtrHdr .contenido .fila-doble strong 
    {
    	color:#c2a15b;
    	}
    .oneColFixCtrHdr #footer {
    	padding: 0px; /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
    	background: url(../images/fondo-pie.gif) repeat-x #DDDDDD;
		width:900px;
		margin:auto;
    }
    .oneColFixCtrHdr #footer p {
		width:900px;
		text-align:center;
    	margin-left: 0;
    	margin-right: 0;
    	padding: 8px 0 0 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
    }
	#imagen-cabecera {
		position:absolute;
		top:102px;
		margin-left:450px;
		z-index:1;
		
	}
	#biografia {
		position:absolute;
		top:90px;
		margin-left:555px;
		z-index:1;
		
	}
	#pareja {
		position:absolute;
		top:90px;
		margin-left:585px;
		z-index:1;
		
	}
	#imagen-cabecera-estrecha {
		position:absolute;
		top:32px;
		margin-left:535px;
		z-index:1;
	}
	#palmares {
		position:absolute;
		top:53px;
		margin-left:652px;
		z-index:1;
		
	}
	#entrevistas {
		position:absolute;
		top:53px;
		margin-left:572px;
		z-index:1;
		
	}
	#noticias {
    position: absolute;
    top: 53px;
    margin-left: 612px;
    z-index: 100;
}

	#contactoDiv {
    position: absolute;
    margin-left: 575px;
    z-index: 100;
	top:160px;
	
}
	#sponsors {
		position:absolute;
		top:83px;
		margin-left:552px;
		z-index:1;
	}
	#videos {
		position:absolute;
		top:43px;
		margin-left:592px;
		z-index:1;
	}
	#calendario {
		position:absolute;
		top:99px;
		margin-left:592px;
		z-index:1;
		
	}
    .oneColFixCtrHdr .tercera-fila{
		margin:auto;
    	width:900px;
		height:340px;
    	padding:30px 0 40px 0;
		background-color:#666;
	}
    .oneColFixCtrHdr .tercera-fila .bloque{
    	width:245px;
		height: 250px;
		margin:0 0 0 40px;
    	color:#ffffff;
		float:left;
	}
    .oneColFixCtrHdr .tercera-fila .bloque a{
    	color:#ffffff;
		text-decoration:none;
		width:245px;
		height: 250px;
		
	}
    .oneColFixCtrHdr .tercera-fila .bloque a:hover{
    	color:#ffffff;
		text-decoration:underline;
		width:245px;
		height: 250px;
	}
    .oneColFixCtrHdr .tercera-fila h2{
    	margin:8px 0 8px 0;
	}
    .oneColFixCtrHdr .tercera-fila p{
    	color:#ffffff;
		margin:0px;
		padding:0px;
	}
    .oneColFixCtrHdr .contenido{
		margin:auto;
    	width:900px;
		background:#666;
		font-size:13px;
		float:left;
	}
    .oneColFixCtrHdr .contenido a{
		color:#FFFFFF;
		text-decoration:none;
	}
    .oneColFixCtrHdr .contenido a:hover{
		color:#DDD;
		text-decoration:underline;
	}
    .oneColFixCtrHdr .contenido .fila-simple{
    	width:245px;
		margin:0;
		background-color: #03467d;
		padding:20px 10px;
    	color:#ffffff;
		float:left;
	}
    .oneColFixCtrHdr .contenido .fila-simple a{
    	text-decoration:none;
	}
    .oneColFixCtrHdr .contenido .fila-simple p{
    	margin:11px 0 11px 0;
	}
    .oneColFixCtrHdr .contenido .fila-doble{
		padding:20px 0 0 0;
		margin:0 0 0 40px;
    	width:510px;
    	color:#ffffff;
		float:left;
		
	}
    .oneColFixCtrHdr .contenido .fila-triple{
    	width:795px;
		margin:0;
		padding:20px 10px;
    	color:#ffffff;
		float:left;
	}
	.imagen-noticia 
	{
	width:100px;
	float:left;
	padding-top:10px;
		}
	.imagen-sponsor 
	{
	width:120px;
	float:left;
	padding-top:30px;
		}
	.texto-noticia 
	{
	width:460px;
	float:left;	
	margin:0 0 10px 10px;
		}
	.texto-sponsor 
	{
	width:400px;
	float:left;	
	margin:0 0 30px 20px;
	border-bottom:1px solid #eeeeee;
		}
	.texto-noticia-ampliado 
	{
	width:560px;
	float:left;	
	margin:0 0 0 10px;
		}
	.texto-noticia p
	{
	margin:0px;
		}
	.texto-noticia h3
	{
	margin:0px;
		}
	.formulario 
	{
		width:270px;
		float:left;
		}
	.formulario input {width:255px; padding:4px;margin:0 0 2px 0; border:none; font-family:Arial; background:#f7f7f7; color:#666; font-size:1em;}	
	.formulario textarea {width:255px; padding:4px;margin:0 0 10px 0; border:none; font-family:Arial; background:#f7f7f7; color:#666; font-size:1em;height:127px;}	
	.link{ background:url(../images/link.gif) center left no-repeat; padding:0 0 0 18px; font-weight:bold; text-decoration:none;}
	.link:hover{ color:#00FF00;}


#anterior_siguiente {
	height: 20px;
	text-align: center;
	margin:0 auto 30px auto;
	width: 415px;
}
#anterior_siguiente_noticias {
	height: 20px;
	text-align: center;
	margin:20px 0 0 0;
	width: 415px;
}

#anterior {
	float: left;
}
#siguiente {
	float: right;
}

#anterior_siguiente a {
	background: url(none);
	margin: 0px;
	padding: 0px;
}
#anterior_siguiente #anterior a {
	background: url(imagenes/anterior.gif) no-repeat left 2px;
	padding-left: 17px;
	color: #FFF;
}
#anterior_siguiente #siguiente a {
	background: url(imagenes/siguiente.gif) no-repeat right 2px;
	padding-right: 17px;
	color: #FFF;
}
#anterior, #siguiente {
	padding-bottom: 20px;
}
.firma 
{
	margin:15px auto auto auto;
	width:800px;
	background:none;
	text-align:center;
	font-size:11px;
	}
.firma a 
{
	text-decoration:none;
	color:#999;
	}
.firma a:hover 
{
	text-decoration:underline;
	color:#999;
	}
#resplandor 
{
	width:900px;
    position:absolute;
	z-index:0;
	margin-left:50%;
	left:-451px;
	height:20px;
	background: url(../images/resplandor.png) repeat-x;
}
.indent {
 background: url(images/mensaje-contacto.jpg) no-repeat right; width:620px; height:80px;text-indent:-9000px;margin:0;padding:0;"
}
#mainContent #fotocontacto {
    position: relative;
    top: 95px;
    right: 38px;
    z-index: 100;
   }
   #mainContent #imgpalmares 
   {
    margin-top: 100px;
    right: 0px;
    z-index: 100;}