*{
	border:0;
	margin:0;
	padding:0;
}

section#contenido{
	text-align:center;
	display:inline-block;
	vertical-align:top;
	width:95%;
	height:50%;
	margin: 0 auto 100px;
	padding-bottom:100px;
}
header,section#contenido,footer{
	display:block;
}

body{
	width:100%;
	height:100%;
	min-width:320px;
}

header {
	margin:auto;
	width:90%;
	min-width:320px;
	height:35%;
	text-align:center;
}

header img{
	border:0.25em solid #B18904;
	border-radius:0.25em;
	-moz-border-radius:0.25em;
	-webkit-border-radius:0.25em;
	-o-border-radius:0.25em;
	width:90%;
}

nav ul{
	list-style:none;
}

h1{
	font-family:Tangerine;
	font-size:4em;
	text-shadow:3px 3px 5px rgba(0,0,0,0.5);
	color:#B18904;
}

p{
	font-size:2em;
	font-family:Tangerine, sans-serif;;
	text-shadow:3px 3px 5px rgba(0,0,0,0.5);
}

nav a{
	max-width:100%;
	background:black;
	text-decoration:none;
	color:#B18904;
	vertical-align:center;
	margin:0 auto;
	padding:0.25em;
	vertical-align:center;
	list-style:none;
	border:0.2em solid #B18904;
	border-radius:0.25em;
	-moz-border-radius:0.25em;
	-o-border-radius:0.25em;
	-webkit-border-radius:0.25em;
	display:block;
	font-family:Tangerine, sans-serif;
	font-size:1.7em;
	-ms-transsition:all 0.5s ease-in;
	-moz-transsition:all 0.5s ease-in;
	-o-transsition:all 0.5s ease-in;
	-webkit-transsition:all 0.5s ease-in;
	transsition:all 0.5s ease-in;
}

nav a:hover{
	background:#B18904;
	border:0.1em dashed black;
	border-radius:0 0.5em 0 0.5em;
	-moz-border-radius:0 0.5em 0 0.5em;
	-webkit-border-radius:0 0.5em 0 0.5em;
	-o-border-radius:0 0.5em 0 0.5em;
	color:black;
	-ms-transsition:all 0.5s ease-out;
	-moz-transsition:all 0.5s ease-out;
	-o-transsition:all 0.5s ease-out;
	-webkit-transsition:all 0.5s ease-out;
	transsition:all 0.5s ease-out;
}

nav li{
	list-style:none;
	text-align:center;
	padding:0.4em;
}
section#principal,section#menu{
		display:inline-block;
}



section#principal{
		background:black;
		color:#FFF;
		margin:auto;
		width:65%;
		border:0.2 em;
		border-radius:0.25em;
		-moz-border-radius:0.25em;
		-o-border-radius:0.25em;
		-webkit-border-radius:0.25em;
		vertical-align:top;
		height:100%;
}

section#menu{
		display:inline-block;
		max-width:40%;
		width:45;
		color:#FE1B02;
		height:100%;
}

footer{
		text-align:center;
		color:#B18904;
		font-size:1.2em;
		bottom:0px;
		height:15%;
}

form table{
	width:100%;
	border:0;
	padding:0px;
	margin:auto;
}

form{
	font-family:Tangerine, sans-serif;
	color:#FFFFFF;
	font-size:1.5em;
	text-shadow:3px 3px 5px rgba(0,0,0,0.5);
	margin:auto;
}

form input,form textarea{
	font-family:Tangerine, sans-serif;
	font-size:1.5em;
	background:rgba (255,255,255,0.5);
	border: 0.1em solid #B18904;;
	border-radius:0.25em;
	-moz-border-radius:0.25em;
	-webkit-border-radius:0.25em;
	-o-border-radius:0.25em;
	
}

.imgmanuel img{
	width:50%;
}

@media(max-width:320px){
	footer{
		font-size:0.7em;
	}
	
	form{
		width:100%;
		font-size:1em;
	}
	
	form input,form textarea{
		font-size:1em;
	}
	
	h1{
		font-size:1.5em;
	}
	
	p{
		font-size:1.5em;
	}
	
	nav a{
		font-size:1.2em;
	}
	
	nav li{
		padding:0.1em;
	}
}

@media(max-width:480px){
	footer{
		font-size:0.8em;
	}
	
	form{
		font-size:1.2em;
	}
	
	form input,form textarea{
		font-size:1.2em;
	}
	
	h1{
		font-size:1.7em;
	}
	
	p{
		font-size:1.8em;
	}
	
	nav a{
		font-size:1.5em;
	}
	
	nav li{
		padding:0.1em;
	}
}

@media(max-width:768px){
	form{
		width:100%;
		font-size:1em;
	}
	
	form input,form textarea{
		font-size:0.8em;
	}
	
	nav li{
		padding:0.1em;
	}
	
	footer{
		font-size:1em;
	}
}

@media(max-width:1024px){
	
}