body {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	background-color: 	#D4F3FC;
	font-size: 1em;
	line-height: 1.5em;
	padding-top: 80px; /* Relleno superior igual a la altura de la cabecera*/
}
.slider{
	width: 95%;
	margin: auto;
	overflow: hidden;
}
.slider ul{
	display: flex;
	animation-timing-function: linear;
	animation: cambio 20s infinite alternate;
	padding: 0;
	width: 400%
}
.fb-comments{
	color: :white;
}
.slider li{
	list-style: none;
	width: 100%
}
.slider img{
	width: 100%
}
#main-footer p{
	color: #20CCFE;
}

#main-header {
	background: #20CCFE;
	color: white;
	height: 80px;
}	
	#main-header a {
		color: white;
	}
/*
 * Logo
 */
#logo-header {
	text-align: center;
	padding: 15px 0 0 20px;
	text-decoration: none;
}
	#logo-header:hover {
		color: #20FEF1;
	}
	
	#logo-header .site-name {
		display: block;
		font-weight: 700;
		font-size: 1.2em;
	}
	
	#logo-header .site-desc {
		display: block;
		font-weight: 300;
		font-size: 0.8em;
		color: #20FEF1;
	}
	

/*
 * Navegación
 */
nav {
	float: left;
}
	nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		padding-left: 15px;
	}
	
		nav ul li {

			line-height: 15px;
		}
			
			nav ul li a {
				display: block;
				padding: 0 10px;
				text-decoration: none;
			}
			
				nav ul li a:hover {
					background: #20FEF1;
				}
	#main-content {
	background: #20CCFE;
	width: 90%;
	max-width: 800px;
	margin: 0px auto;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}

	#main-content header,
	#main-content .content {
		padding: 60px;
	}
	#main-footer {
	background: #207EFE;
	color: white;
	text-align: center;
	padding: 20px;
	margin-top: 40px;
}
	#main-footer p {
		margin: 0;
	}
	
	#main-footer a {
		color: white;
	}
	#main-header {
	background: #207EFE;
	color: white;
	height: 80px;
	
	width: 100%; /* hacemos que la cabecera ocupe el ancho completo de la página */
	left: 0; /* Posicionamos la cabecera al lado izquierdo */
	top: 0; /* Posicionamos la cabecera pegada arriba */
	position: fixed; /* Hacemos que la cabecera tenga una posición fija */
}

h2{
	color: yellow;
}

h1 {
	font-family: albetica;
	font-size: 2.3em;
	line-height: 1.3em;
	margin: 0;
	text-align: center;
	font-weight: 300;
	color: black;
}

b{
	color:black;
}
p{
		margin: 0 0 1.5em 0;
}
#parrafo {
	margin: 0 0 1.5em 0;
	padding-top: 5px; 
	/*establece el espacio de relleno requerido en la parte inferior del elemento*/
	padding-bottom: 5px;
	/*establece el ancho del  área de relleno  a la izquierda de un elemento*/ 
	padding-left: 10px;
	/*establece la anchura de la zona de relleno derecho de un elemento*/
	padding-right: 10xp;
	/*es la distancia entre el borde de la caja y los elementos que la rodean*/
	margin: 10px 15px;
}

img {
	max-width: 100%;
	height: auto;
}
span{
	color: black;
	font-family: albetica;
}

hr{
	/*Darle un color a la linea de separacion*/
	border-color: black;
}
a{
	color: black;
}

@keyframes cambio{
	0% {margin-left: 0;}
	20% {margin-left: 0;}

	25% {margin-left: -100%;}
	45% {margin-left: -100%;}

	50% {margin-left: -200%;}
	70% {margin-left: -200%;}

	75% {margin-left: -300%;}
	100% {margin-left: -300%;}
}