@charset "UTF-8";
/* CSS Document */

html, body {
	width: 100%;
	height: 100%;
}

body{
	margin: 0px;
	padding: 0px;
	font: 85% Helvetica, Verdana, Arial;
	color: #FFF;
	text-align: left;
	background-color: #7d7d7d;
}

a {
	color: #3e3e3e;
	text-decoration: none;
}

a:hover {
	color: #fe8010;
}

#wrapper{
	width: 1077px;
	height: 100%;
	position: relative;
	}

#header {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: -1;
}

#foto_mora {
	position: absolute;
	bottom: 20px;
	margin-left: 60px;
}

#logo {
	position: absolute;
	bottom: 20px;
	left: 803px;
	}
	
#phone{
	position: absolute;
	bottom: 20px;
	margin-left: 175px;
	}
	
/*------- Páneles de navegacion -------*/
	
#pannels{
	margin-left: 188px;
	height: 737px;
	}

.heightOne, .heightTwo, .heightThree {
	float: left;
	}	
	
.heightOne {
	margin-top: 244px;
	}
	
.heightTwo{
	margin-top: 292px;
	}
	
.heightThree{
	margin-top: 169px;
	}
	
#textos{
	font-size: 3em;
	font-weight: lighter;
	color: #fe8010;
	}

#ilustracion {
	z-index: 1;
	visibility: hidden;
	}
	
#logos {
	z-index: 2;
	visibility: hidden;
	}

#packaging {
	z-index: 3;
	visibility: hidden;
	}

#storyboard {
	z-index: 4;
	visibility: hidden;
	}

#folletos {
	z-index: 5;
	visibility: hidden;
	}

#grafica {
	z-index: 6;
	visibility: hidden;
	}

#about {
	z-index: 6;
	visibility: hidden;
	}
#ilustracion, #logos, #packaging, #storyboard, #folletos, #grafica, #about {
	position: absolute;
	top: 50px;
	Left: 650px;
}