@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic,600italic,600,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Courgette&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,400italic);

html, body{
	margin:0;
	padding:0;
}

body{
		background-color:#E1E1E1;
	font-family: 'Open Sans', sans-serif;
	color: #282828;	
	}
h1{
	background-color:#282828;
	color: #98AFC7;
    padding: 0.6em;
    text-align: center;	
}

.nombre {
	background-color:#444444;
	text-align: center;
	color: #98AFC7;
	padding:1em;
	font-family: 'Courgette', cursive;
}
.fecha{
	background-color:#999999;
	text-align: center;
	color: #485F77;
	padding:1em;
}

.mio {
    line-height: 3em;
}

.resolucion{
	width:75%; 
	margin:0 auto;
}

.mio h4{
	font-style:italic;
	font-weight: normal;
}

footer{
	font-family: 'Courgette', serif;
	text-align:center;
	background-color:#282828;
	padding:0.4em;
	position:fixed;
	bottom:0;
	width:100%;
	color:#98AFC7;
}

.fecha h2, .fecha #fecha, .mio p, .mio h4{
	display:inline;
}

h1, h2, h5 {
	margin: 0;
}

a {
	text-decoration:none;
}

a:hover{
	color:#D4EBFF;
	text-decoration:underline;
}
a:visited, a:link  {
	color:#485F77;
}
a:active{
	color:#D4EBFF;
}