body {
	height:100%;
	width:100%;
	margin:0;padding:0;
	overflow:hidden;
	
	background-size: cover;
	background-position: 50% 50%;
}

#wrapper {
	width:100%;
	height:100%;
	position:absolute;
	top:0;left:0;/**/
	background-color:transparent;
	overflow:hidden;/**/
}

	#mask {
		width:500%;
		height:100%;/**/
		background-color:transparent;
	}

	.item {
		width:20%;
		height:100%;
		float:left;
		background-color:transparent;
	}
	
	
	.content {
		width:800px;
		height:100%;
		top:0px;
		margin:0 auto;/**/
		background-color:transparent;
		position:relative;
		z-index:20;
	}
	
	.selected {
		background-color:transparent;
		font-weight:700;
	}

	.clear {
		clear:both;
	}
	
	#menu {
		position: fixed;
		top: 60%;
		left: 5%;
		z-index:100;
		font-family: 'Source Sans Pro', sans-serif;
		font-weight:100;
	}
	
	#menu a {
		color:  #4d402e;/*#BDA98D*/
		text-decoration:none;
		
	}
	
	
	#menu a:hover {
		color: #4d402e; 
		text-decoration:none;
		font-weight:400;
	}
	
	
	
	#izq {
		width:200px;
		background-color: #FFFAEB;
		float:left;
		left: 0px;
		height: 100%;
		position:absolute;
		bottom: 0px;
		z-index:100;
	}
	
	#der {
		width:200px;
		background-color: #FFFAEB;
		float:right;
		right: 0px;
		height: 100%;
		position:absolute;
		bottom: 0px;
		z-index:100;
	}
	
#intento{
	width:112%;
	background-color:#FFFAEB;
	height:60%;
	position:absolute;
	bottom: 0px;
	z-index:20;
}

/**/#contenedor{
	width:100%;
	height:60%;
	position:absolute;
	bottom: 0px;
}

#logo {
	position:absolute;
	margin-left: 2%;
	margin-top:15%;
	z-index:100;
}