/*Footer*/
#footer {
	width: 960px;
	margin: 0 auto 40px;
/*Como observaran tuve que introducir un margen inferior para que la barra no tape el footer
As I had observed that introducing a lower margin for the toolbar does not cover the footer*/
	padding: 20px 0;
	background: url(images/img07.gif) no-repeat;
}

#footer p {
	margin: 0;
	line-height: normal;
	text-align: center;
}

/*Footer Bar*/
#footer_bar {
	position: fixed;
	bottom: 0px;
/*Aqui mandamos la barra al fondo - We send the bar at the bottom*/
	width: 960px;
/*Usamos el ancho establecido anteriormente en el ancho del footer - We use the previously set width in the width of the footer*/
}

#footer_bar .bar {
	margin: 0 auto;
/*Centra la barra en el DIV - Centers the bar on DIV*/
	height: auto;
/*Alto de la barra - High Bar*/
	width: 690px;
/*Ancho de la barra - Bar width*/
}

/*Social Bar*/
/* Esta linea esta para eliminar el borde azul de las imagenes en Firefox
This line is to eliminate the blue border of the images in Firefox */
#social_bar img {
border: none;
}

#social_bar ul {
	list-style: none;
}

#social_bar li {
	float: left;
}

#social_bar li .show {
	display: block;
}

#social_bar li .hide {
	height: 0;
	overflow: hidden;
}

#social_bar li:hover .hide {
	padding-right: 10px;
	height: auto;
}

#social_bar li:hover .show {
	height: 0;
	overflow: hidden;
}