#principal {
	margin: 1%;
	padding: 1%;
	width: 600px;
	height: 700px;
	border: 2px solid #000;
	font-family: Arial;
}
.cabecera {
	margin: 1%;
	padding: 1%;
	width: 70%;
	height: 15%;
	font-size: 36px;
	text-align: center;
	float: left;

}
.foto {
	width: 100px;
	height: 100px;
	border: 1px solid #000;
	background-image: url(img/fotoCarnet.jpeg);
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
}
.datos {
	width: 96%;
	height: 27%;
	margin: 1%;
	padding: 1%;
	border: 1px solid #000;
	clear: both;
}
ul.listaDatos li {
	width: 120px;
	height: 30px;
	border-bottom: 1px solid #000;
	margin-right: 15px;
	padding: 0px;
	text-align: right;
}
.listaDatos{
	width: 120px;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	float: left;
}
ul.datosPersonales li {
	width: 300px;
	height: 30px;
	border-bottom: 1px solid #000;
	margin-left: 100px;
	padding: 0px;
	text-align: left;
}
.datosPersonales{
	width: 120px;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	float: left;
}
.imagen {
	width: 250px;
	height: 200px;
	border: 1px solid #000;
	background-image: url(img/familiaSimpson.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
}
.video {
	margin: 10px;
	float: left;
}
.gif {
	width: 200px;
	height: 140px;
	border: 1px solid #000;
	background-image: url(img/spiderPig.gif);
	clear: both;
	background-repeat: no-repeat;
	background-size: cover;
}