@charset "UTF-8";
/* CSS Document */
body {background-color: #000080;}

#wrapper {margin: 1em auto 0em auto;
	width: 940px;
	border: 1px solid #000000;
	background-color: #B800CB;
	padding: 0px;
}

h1 {background-color: darkred;
margin:0px;}

h1 img {width: 940px;
		padding: 0px;
		margin: 0px;}

nav {float: left;
	border: 1px solid #000000;
	width: 175px;
	margin-right: 20px;
	line-height: 80px;
	padding: 0px;
	background-color: #ffd700;
	text-align: center;
	margin-top: 0px;
	position: fixed;
	}

ul {padding: 0px 25px;}

li {font-size: 30px;
	list-style-type: none;
	margin-right: 35px;
	font-weight: bold;
	width: 125px;}

li a {text-decoration: none;
		background-color: #B800CB;
		padding: 10px;
		border: 2px solid #000000;
	}

li a:link, li a:visited {color: #ffffff;}

li a:hover {background-color: darkred;
			animation-name: hover;
			animation-duration: 0.5s;}

@keyframes hover {from {background-color: #B800CB;}
					to {background-color: darkred;}}

li a:active {color: #000000;
			animation-name: active;
			animation-duration: 0.5s;}

@keyframes active {from {color: #ffffff;}
					to {color: #000000;}}

main {float: right;
	width: 740px;
	color: #ffffff;
	text-shadow: 2px 2px 2px #000;
	margin-top: 0px;}

main p {font-size: 20px;
		width: 730px;}

main a {color: yellow;}

.fox {margin-left: 130px;}

#galleria {height: 340px;}

.border {border: 3px solid #000;
		width: 725px;
		border-radius: 7px;
		box-shadow: 2px 2px 2px #000;}

iframe {width: 725px;}

caption {width: 730px;
		margin-left: 10px;}

audio {margin-right: auto;
		margin-left: 220px;}

video {margin-right: auto;
		margin-left: 45px;}

span {font-weight: bold;
		text-decoration: underline;}

footer {background-color: darkred;
		clear: both;
		color: #ffffff;
		text-align: center;
		font-size: 18px;
		font-style: italic;
		padding: 5px 0px;}