@charset "utf-8";
/* CSS Document */


html, body{
	width:50%;
	height:50%;
	}
html{
	box-sizing:border-box;
	font-family: Arial, Helvetica, sans-serif;
	}

*{
	list-style:none;
	}
body{
	margin-top:100px;
	margin-left:200px;
	background-image:url(../img/fondo.jpg);
	background-position:center center;
	}
main{
	width:900px;
	min-width:320px;
	min-height:200px;
	display:inline-block;
	padding-left:15px;
	}
.lateral{
	background-color:rgba(0,0,0,0.8);
	float:left;
	width:24%;
	}
.lateral >img{
	max-width:100%;
	margin-left:9px;
	margin-top:20px;
	}
.lateral li{
	padding-top:100px;
	}
.contenido{
	background-color:rgba(255,255,255,0.7);
	padding: 2px;
	}
.contenido h1{
	text-align:center;	
	}
.contenido p{
	padding-left:25%;
	}
.footer{
	background-color:rgba(255,255,255,0.7);
	}
.footer img{
	max-width:100%;
	margin-left:9px;
	
	}
.abajo{
	padding-left:7%;
	}