body
{
	background-color: orange;
	box-shadow:#FF8000;
	width:768px, auto;
}
.principal
{
	background-color: #272822;
	border-radius:15px;
	box-shadow:2px 2px 5px #FF8000;
	color:white;
	overflow:hidden;
}
.principal img 
{
	border-right: 1px solid #FF8000;
	float:left;
	margin:10px;

}
.principal h1
{
	font-family: verdana;
	margin:40px;
}
nav
{
	
	background-color:#272822;
	border-radius: 15px;
	color:white;
	display:inline-block;
	float:left;
	height:300px;
	margin-top:10px;
	margin-left:10px;
	width:20%;

}

ul {
		list-style-type: none;
		margin:10px;
		padding:2px;
		border-top-width: 1px;
		border-right-width: 1px;
		border-left-width: 1px;
		border-top-style: solid;
		border-right-style: solid;
		border-left-style: solid;
		border-top-color: black;
		border-right-color: black;
		border-left-color: black;
		}
	a{
		font-family: Arial, Helvetica, sans-serif;
		color: white;
		text-decoration: none;
		font-size: 0.5cm;
		display: block;
		padding: 6px;
		border-bottom-width: 2px;
		border-bottom-style: solid;
		border-bottom-color: #CCC;
		background-color: black;
		}
	a:hover {
		color: #FFF;
		background-color: orange;
		border-right-width: 8px;
		border-right-style: solid;
		border-right-color: blue;
		}
section
{
	background-color:#C0C0C0;
	border-radius:10px;
	float:left;
	margin:10px;
	width:55%;
}

.titular h2 
{
	background-color:#808080;
	color:white;
	margin:10px;
	padding-left:1em;
	text-shadow:2px 2px 1px black;

}
.titular img
{
	float:left;
	margin-left: 260px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right:300px;
}
aside
{
	color:white;
	float:right;
	height:768px, auto;
	margin:10px;
	width:20%;
}
footer
{
	background-color:#272822;
	clear:both;
	color:white;
	text-align:center;
}
.pieFinal
{
	border-radius:15px;
}

figure
{
	float:left;
	margin:1em;
}
p 
{
	font-family:Georgia;
	margin:5px;
	padding:10px;
}
h3
{
	margin:10px;
}
.WEB, .3D
{
	background-color:#272822;
	margin:10px;
	float:left;
}

.horizontal
{
	width:95%;
	height:300px;
	margin:3%;

}

.metros
{
color:orange;
}