body{
	font-family:golden;
	background-color:#dda35d;
	margin-left:8%;
	margin-right:8%;
}
@font-face{
	font-family:golden;
	src: url("../font/GoldenSun.ttf") format("truetype");
}
#main{
	min-height:0px;
	margin:0px;
	padding:0px;
	display:flex;
	display:-o-flex;
	display:-webkit-flex;
	flex-direction:row;
	-webkit-flex-direction:row;
	-o-flex-direction:row;
	font-size:14px;
}
#main > article{
	margin:4px;
	padding:2px;
	background-color:white;
	flex-grow:3;
	flex-shrink:1; 
	flex-basis:60%;
	order:2;
	-webkit-order:2;
	-o-order:2;
}
#cabezera{
	margin:4px;
	padding:4px;
	background-color:rgba(255, 255, 255, 0.64);
}
.foto{
	height:100px;
	width:100px;
}
.inicio{
	width:20px;
	height:20px;
}
.perfil{
	width:20px;
	height:20px;
}
#titulo{
	font-family:golden;
	text-align:center;
	padding-left:5px;
}
#navegable{
	list-style-type:none;
	margin:auto;
	text-align:right;
	padding:0;
	width:auto;
	overflow:hidden;
}
#navegable li{
	list-style-type:none;
	display:inline-block;
	text-align:center;
	width:10%;
	margin-right:2%;
	z-index:150;
	transition:1.2s;
	color:black;
}
#navegable li:hover{
	background-color:#edcb76;
	transition:0.6s;
	transform:scale(1.07);
}
footer{
	margin:4px;
	padding:4px;
	background-color:rgba(255, 255, 255, 0.64);
	min-height:80px;
	font-size:14px;
}
#cc{
	color:red;
	text-decoration:none;
	font-style:italic;
}
#cc:hover{
	text-decoration:underline;
}
#cc:visited{
	color:blue;
}
nav{
	margin:4px;
	padding:1px;
	background-color:white;
	order:1;
	-webkit-order:1;
	-o-order:1;
	flex-basis:20%;
	flex-grow:1;
	flex-shrink:6;
}
#main > aside{
	margin:4px;
	padding:4px;
	background-color:white;
	order:3;
	-webkit-order:3;
	-o-order:3;
	flex-basis:20%;
	flex-grow:1;
	flex-shrink:6;
}
p{
	text-align:center;
}
#masvotado{
	max-height:125px;
	max-width:125px;
	border:3px solid;
	transition:0.7s;
	transition-delay:0.5s;
	filter:grayscale(100%);
}
#masvotado:hover{
	transform:scale(1.1);
	box-shadow: 4px 4px 5px black;
	filter:grayscale(0%);
	transition:0.7s;
}
#losmas{
	text-align:center;
}
iframe{
	width: 100%;
	height:100%;
}
h1{
	font-size:10px;
	text-align:center;
}
@media all and (max-width:640px){
	#main{
		flex-direction:column;
		-webkit-flex-direction:column;
		-o-flex-direction:column;
		font-size:2.5vw;
	}
	#main > nav, #main > aside, footer, header{
		min-height:50px;
		height:auto;
	}
	#titulo{
		font-size:2.5vw;
	}
	#navegable{
		text-align:center;
	}
	#navegable li{
		margin-left:10px;
		min-width:50px;
		font-size:9px;
	}
	body{
		margin-left:2%;
		margin-right:2%;
	}
	iframe{
		height:100%;
	}
}