/* Reset */

html {
	color: #000;
	background: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
	{
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

li {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

input[disabled=disabled][type=submit] {
	color: #A9A5A2;
}

input,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

input,textarea,select { *
	font-size: 100%;
}

legend {
	color: #000;
}

header, nav, footer, section {
	display: block;
}

/* Estilos */

#wrapper {}

#contido { padding: 20px; }



/* Landing Page */
section { width: 100%; text-align: center; margin-top: 3em; }
section img {text-align: center; max-width: 80%; }
aside { text-align: center; font-size: 2em; padding-bottom: 2em; }
aside p { margin-top: 3em; font-size: 0.75em; color: #777; }

@media screen and (max-width: 480px) {
	aside { font-size: 1.25em; }
}		

footer {
	width: 100%;
	text-align: center;
	font-size: 0.75em;
	position: fixed;
	background: #333;
	color: #eee;
	z-index: 2;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 10px 0;
}
footer a { color: #eee; text-decoration: none; }
footer a:hover { text-decoration: underline; }