html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: 'PT Sans', sans-serif; 
	font-weight: 400;
	background-color: #222222;
}

.logo {
	background: url('../imagenes/brand.fw.png');
	width: 200px;
	height: 200px;
	position: absolute;
	top: 3%;
	left: 5%;
}

.formulario1 {
	background-color: rgba(0,0,0,0.5);
	color: #f4f4f4;
	top: 50%; 
	left: 50%;
	position: absolute;
	padding: 10px;
	margin-left: -px;
	margin-top: -150px;
}

	.formulario ul {
		margin: 0;
		padding: 0;
	}

	.formulario li {
		list-style-type: none;
		margin-bottom: 15px;
	}

	.formulario input[type="text"], 
	.formulario input[type="email"] {
		height: 25px;
		width: 250px;
	}

	.formulario input[type="submit"] {
		width: 100px;
		background-color: transparent;
		color: #f4f4f4;
		border: thin solid red;
		text-transform: uppercase;
		padding: 10px;
	}

	.formulario .input-textarea {
		width: 250px;
		height: 100px;
	}


footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: url('../imagenes/bg-footer.fw.png');
}

	footer .direccion {
		color: #FFFFFF;
		padding: 5px;
	}

	footer .autor {
		color: #F4F4F4;
		padding: 5px;
	}

	footer .bolder {
		font-weight: 700;
	}

	footer .text {
		font-weight: 400;
	}

	footer .red-text {
		color: red;
	}

	footer .direccion-titulo {
		font-size: 18px;
	}

/* Media querie */

@media screen and (min-width: 480px) {
	footer .direccion {
		float: left;
		color: yellow;
	}
	footer .autor {
		float: right;
	}

}

@media screen and (min-width: 10px) {
	.logo {
		background: url('../imagenes/mos-logo.png');
		width: 596px;
		height: 315px;
		top: 50%;
		left: 50%;
		position: absolute;
		margin-left: -298px;
		margin-top: -167px;
	}

}