body {
	background-image: url("imagenes/bonito.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.contenedor {
	color: white;
	margin: 3em auto;
	width: 100%;
	max-width: 700px;
    background: rgba(0,0,0,0.4);
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.footer {
	font-size: 0.75em;
}

ul {
	 list-style-type: none;
	 padding: 0;
}

a {
	text-decoration: none;
}

a:link {
	color: lime;
}

a:visited {
color: yellow;
}

a:hover {
	color: magenta;
	font-size: 1.1em;
	animation-name: boing-boing;
	animation-duration: 1.1s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear;
}

img.bandera {
  width: 1em;
}

@keyframes boing-boing {
	to {font-size: 1.25em; transform: rotate(45deg);}
}


/* FILMOTECA
@keyframes palpitacion {
	0% {width: 800px; opacity: 1; background-color: #800;}
	33% {opacity: 0.8; background-color: #B22;}
	66% {opacity: 1; background-color: #800;}
	100% {width: 760px; opacity: 0.8; background-color: #B22;}
	
	animation-name: palpitacion;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear;
*/

/* animation-name: boing-boing;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear; */