//* Ampliar imagen*//
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
	width: inherit;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	left: -120px;
	visibility: hidden;
	text-decoration: none;
	top:   286px;
	width: 432px;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top:  265px;
	left: 300px; /*position where enlarged image should offset horizontally */

}
/*Fin de amplliar imagen*/

body  {
    	background: #000000;
     	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 */	
    }  
.twoColElsRtHdr #container {
	width: 800px;  /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	border: 1px solid #000000;
	text-align: justify; /* esto anula text-align: center en el elemento body. */
	background-image: url(../imatges/fondo.jpg);
	margin-top: 0;
	margin-bottom: auto;
	margin-right: auto;
	margin-left: auto;
    } 
.twoColElsRtHdr #header {
	padding: 0 10px;  /* 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 #header en lugar de texto, es posible que le interese quitar el relleno. */
	background-image: url(../imatges/fondo.jpg);
    } 
    .twoColElsRtHdr #header h1 {
	margin: 0; /* el ajuste en cero del margen del último elemento del div de #header evita la contracción del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */
	padding: 10px 0; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
	background-image: url(../imatges/fondo.jpg);
    }
.twoColElsRtHdr #sidebar1 {
	float: right;
	width: 12em; /* el relleno superior e inferior crea un espacio visual dentro de este div */
	background-image: url(../imatges/fondo.jpg);
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
    }  */
    .twoColElsRtHdr #mainContent {
	margin: 0 13em 0 10px;
	background-image: url(imatges/fondo.jpg);
    } 
    .twoColElsRtHdr #footer p {
	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
	padding: 10px 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 */
	background-image: url(../imatges/fondo.jpg);
    }
.Estilo1 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.Estilo2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
}
.Estilo3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #405973;
}