body	{
	background:#000 url(../imatges/fons.jpg) top center repeat-x;
	font-family: 'Economica', helvetica, sans-serif;
	text-align:center;
	color:#ddd;
	font-size:30px;
	margin:0px;
}
.contenidor	{
	width:600px;
	margin:0px auto 0px auto;
	text-align:center;
}
.columna	{
	width:50%;
	margin:0px;
	float:left;
}
.clear	{
	clear:both;
	margin:10px;
	height:2px;
}
.blau {
	color:#0071B9;
}
#info img	{
	margin:10px 10px 0px 0px;
}
a {
	color:#333;
	text-decoration:none;
}
a:hover {
	color: #0071B9;
}

#logo-efecte {
	margin:0px;
	text-indent: -9999px;
	width: 600px;
	height: 250px;
	background: url(../imatges/LOGO-ambiled-Inicial.png) no-repeat;
}
#logo-efecte a {
	position:absolute;
	top:0px;
	width: 600px;
	height: 250px;
	display: block;
	border: 0;
	background: transparent;
	overflow: hidden;
	cursor:default;
}
#logo-efecte .fake-hover {
	width: 600px;
	height: 250px;
	display: block;
	background: url(../imatges/LOGO-ambiled-Inicial.png) no-repeat 0 -250px;
}

/**************************************  FOOTER  */
.footer{
	position:fixed;
	background:#000 url(../imatges/nav-bg-superior.png) center bottom repeat-x;
	bottom:0px;
	left:0px;
	width:100%;
	height:50px;
	padding:0px;
	z-index:4;
	text-shadow:#000 1px 1px 2px;
	text-align:center;
	font-size:16px;
	color:#666;
}
.footer .credits {
	margin:20px 15px 0px 0px;
	font-size:14px;
	float:right;
}
.footer .credits a{
	color:#fff;
}

.footer .credits a:hover{
	color:#990000;
}
/**********  EFECTE FADE btn */
.fade {
  position: absolute;
  top: 100px
  left: 100px
}

.fade div {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}