*{
	padding: 0;
	margin: 0;
}

p{
	text-align: center;
	font-family: "PrimerPrint", comic sans, sans-serif;
	font-size: 120%;
	color: white;
}
div.center{
	width: 100%;
}

body{
	background-color: #fff;
}
body.perfilfraiese{
	background-color: #2090FE;
}
body.gustosfraiese{
	background-color: #ff9620;
}
body.futurofraiese{
	background-color: #5921ff;
}
div.kay{
	position: fixed;
	top: 0%;
	bottom: 0%;
	left: 0%;
	width: 150px;
	height: 100%;
	float: left;
	clear: right;
	overflow: auto;
	z-index: -1;
}
div.perfil{
	position: fixed;
	left: 0%;
	top: 0%;
	width: 150px;
	height: 20%;
	background: url("img/nav/perfil1.jpg");
	background-size: 100% 100%;
    background-repeat: no-repeat;
	overflow: auto;
	z-index: -1;
	float: left;
	clear: both;
}
.perfil:hover{
	background: url("img/nav/perfil2.jpg");
	background-size: 100% 100%;
    background-repeat: no-repeat;
}
div.gustos{
	position: fixed;
	top: 20%;
	left: 0%;
	width: 150px;
	height: 20%;
	background: url("img/nav/gustos1.jpg");
	background-size: 100% 100%;
    background-repeat: no-repeat;
	overflow: auto;
	z-index: -1;
	float: left;
	clear: both;
}
.gustos:hover{
	background: url("img/nav/gustos2.jpg");
	background-size: 100% 100%;
    background-repeat: no-repeat;
}
div.futuro{
	position: fixed;
	left: 0%;
	top: 40%;
	width: 150px;
	height: 20%;
	background: url("img/nav/futuro1.jpg");
	background-size: 100% 100%;
    background-repeat: no-repeat;
	overflow: auto;
	z-index: -1;
	float: left;
	clear: both;
}
.futuro:hover{
	background: url("img/nav/futuro2.jpg");
	background-size: 100% 100%;
    background-repeat: no-repeat;
}
/*Hola soy un comentario*/
div.galeria{
	position: fixed;
	left: 0%;
	top: 60%;
	width: 150px;
	height: 20%;
	background: url("img/nav/galeria1.jpg");
	background-size: 100% 100%;
    background-repeat: no-repeat;
	box-shadow: 0px 0px 2px rgba(50, 50, 50, 0.1);
	overflow: auto;
	z-index: -1;
	float: left;
	clear: both;
}
.galeria:hover{
	background: url("img/nav/galeria2.jpg");
	background-size: 100% 100%;
    background-repeat: no-repeat;
}
div.volver{
	position: fixed;
	left: 0%;
	top: 80%;
	width: 150px;
	height: 20%;
	background: url("img/nav/volver1.jpg");
	background-size: 100% 100%;
    background-repeat: no-repeat;
	overflow: auto;
	z-index: -1;
	float: left;
	clear: both;
}
.volver:hover{
	background: url("img/nav/volver2.jpg");
	background-size: 100% 100%;
    background-repeat: no-repeat;
}

div.textfieldperfil{
	position: fixed;
	top: 0%;
	left: 25%;
	width: 60%;
	max-width: 60%;
	height: 100%;
	max-height: 100%;
	padding: 2%;
	overflow: auto;
	text-transform: word-wrap;
	background-color: #ff9620;
	z-index: -1;
}
div.textfieldgustos{
	position: fixed;
	top: 0%;
	left: 25%;
	width: 60%;
	max-width: 60%;
	height: 100%;
	max-height: 100%;
	padding: 2%;
	overflow: auto;
	text-transform: word-wrap;
	background-color: #5921ff;
	z-index: -1;
}
div.textfieldfuturo{
	position: fixed;
	top: 0%;
	left: 25%;
	width: 60%;
	max-width: 60%;
	height: 100%;
	max-height: 100%;
	padding: 2%;
	overflow: auto;
	text-transform: word-wrap;
	background-color: #FF2192;
	z-index: -1;
}

@font-face{
	font-family: PrimerPrint;
	src: url("primerprint.ttf");
}