@import url(http://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/css?family=Abril+Fatface:400,700);

* {
	margin: 0;
	padding: 0;
	font-family: 'Lato', Arial, Helvetica, Sans-Serif;
}
body {
	height: 100%;
	margin: 0;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 1.7;
	color: #d0d0d0;
	background: #fff;
}
h1, h2, h3, h4, h5 {
	font-family: 225% 'Lato', 'Abril Fatface', sans-serif;
}
a {
	color: #FFDF00;
	text-decoration: none;
	text-shadow: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #E0C400;
}

::selection {
	color: #fff;
	background: #FFDF00;
}

::-moz-selection {
	color: #fff;
	background: #FFDF00;
}

img, video, iframe, embed, object {
	max-width: 100%;
	height: auto;
}

#Introduccion {
	background: rgb(34, 34, 34);
}

#TextoInicio {
	padding: 25px 0;
	font-size: 125%;
	text-align: center;
}


/*
ADAPTACIONES RESPONSIVE
=======================
*/


/* Móviles en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 768px) {
	#TextoInicio {
		padding: 10px 0;
	}
}

/* Móviles pequeños en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 480px) {
	body {
		font-size: 14px;
	}
}