@charset "utf-8";
body{/*Codigo para el color de fondo con gradiente*/
	background: rgba(164,179,87,1);
background: -moz-linear-gradient(45deg, rgba(164,179,87,1) 0%, rgba(164,179,87,1) 38%, rgba(157,173,76,1) 47%, rgba(117,137,12,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(164,179,87,1)), color-stop(38%, rgba(164,179,87,1)), color-stop(47%, rgba(157,173,76,1)), color-stop(100%, rgba(117,137,12,1)));
background: -webkit-linear-gradient(45deg, rgba(164,179,87,1) 0%, rgba(164,179,87,1) 38%, rgba(157,173,76,1) 47%, rgba(117,137,12,1) 100%);
background: -o-linear-gradient(45deg, rgba(164,179,87,1) 0%, rgba(164,179,87,1) 38%, rgba(157,173,76,1) 47%, rgba(117,137,12,1) 100%);
background: -ms-linear-gradient(45deg, rgba(164,179,87,1) 0%, rgba(164,179,87,1) 38%, rgba(157,173,76,1) 47%, rgba(117,137,12,1) 100%);
background: linear-gradient(45deg, rgba(164,179,87,1) 0%, rgba(164,179,87,1) 38%, rgba(157,173,76,1) 47%, rgba(117,137,12,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c', GradientType=1 );
	}

.caja {
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
.caja header {
	background-color: LightGray;
	text-align:center;
	margin-bottom:0.2em;
}

.orwell img {/*estoy consciente que podia declarar una sola clase para las 3 imagenes pero ya a estas alturas no voy a echar eso para atras*/
	border-radius: 200px 200px 200px 200px;
-moz-border-radius: 200px 200px 200px 200px;
-webkit-border-radius: 200px 200px 200px 200px;
border: 0px double #ed0c0c;
width:150px;
height:150px;
	}
.camus img {
	border-radius: 200px 200px 200px 200px;
-moz-border-radius: 200px 200px 200px 200px;
-webkit-border-radius: 200px 200px 200px 200px;
border: 0px double #ed0c0c;
width:150px;
height:150px;
 	}

.borges img {
	border-radius: 200px 200px 200px 200px;
-moz-border-radius: 200px 200px 200px 200px;
-webkit-border-radius: 200px 200px 200px 200px;
border: 0px double #ed0c0c;
width:150px;
height:150px;
	}

h1 {
	margin:0;
}
nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	margin-bottom:0.2em;
	display:flex;
	flex-direction: row;
}
nav li { flex-grow: 1; }
nav a {
	display:block;
	padding:1em;
	background-color:LightGray;
	text-align:center;
	margin-right:0.2em;
	text-decoration:none;
	color:#000000;
}
nav a:hover {
	background-color:#C09; 
}
.contenido {
	margin-bottom:0.2em;
	display:flex;
	flex-direction:row;
}
article {
	background-color:LightGray;
	flex-basis: 70%
}
aside {
	background-color:LightGray;
	flex-basis: 30%;
	margin-left:0.2em;
}
footer {
	background-color:LightGray;
}

iframe {
	float:right;
}

aside ul {
	list-style-type:none;
	display:flex;
	flex-direction:row;
}

aside li {
	flex-grow:1;
	}

#contenedor{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap:wrap;
	}

.peli img {
	
width:150px;
height:300px;
}