@font-face {
  font-family: 'Ciutadella';
  src: url('../fonts/Ciutadella W04 Medium.eot');
  src: url('../fonts/Ciutadella W04 Medium.woff2') format('woff2'),
       url('../fonts/Ciutadella W04 Medium.eot?#iefix') format('embedded-opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Ciutadella';
  src: url('../fonts/CiutadellaW04-Medium.woff') format('woff'),
       url('../fonts/CiutadellaW04-Medium.ttf') format('truetype'),
       url('../fonts/CiutadellaW04-Medium.svg#CiutadellaW04-Medium') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Ciutadella';
  src: url('../fonts/Ciutadella W04 Reg.eot');
  src: url('../fonts/Ciutadella W04 Reg.woff2') format('woff2'),
       url('../fonts/Ciutadella W04 Reg.eot?#iefix') format('embedded-opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Ciutadella';
  src: url('../fonts/CiutadellaW04-Reg.woff') format('woff'),
       url('../fonts/CiutadellaW04-Reg.ttf') format('truetype'),
       url('../fonts/CiutadellaW04-Reg.svg#CiutadellaW04-Reg') format('svg');
  font-weight: 300;
  font-style: normal;
}

body {
margin:0px;
	font-family: 'Ciutadella';
	background: white;
	color: black;
}
#gallery {
width: 100%;
height: 100%;
xwidth: auto;
xheight: auto;
display: block;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
#logo{ position: absolute; top: 50px; left: 10%; z-index: 99; }
#fondo{ position: absolute; background: url(../images/bg.png) repeat; z-index: 15; width: 100%; height: 100%; overflow: hidden;}
footer{
	font-family: 'Ciutadella';
	background: #fff;
	height: 50px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	border-top: 0px solid #d5ad42;
	z-index: 99;
}
footer p{text-align:right; color: #000; font-weight: 300; font-size: 11px;}
footer p.derechos{text-align:left; color: #000; font-weight: 300; font-size: 11px;}
footer span{color: #000; font-weight: 300; font-size: 11px;}
footer img { padding:5px;}
#info{position: absolute; top:40px; right: 0;font-family: 'Ciutadella'; z-index: 999; float: right;}
#info h1{color: #000; font-weight: 400; font-size: 14px;  }
#info span{color: #000; font-weight: 300;}
#info p{font-size: 13px; margin: 0px; font-weight: 300; color: #000; }
#info a, #info a:visited, #info a:focus{text-decoration: none; color: #000; font-weight: 300;}
#info a:hover {color: #000;}