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

*,
*::before,
*::after {
  box-sizing: border-box;
    -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
   margin:0;	
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
	color:#000;}
a:hover {
	color:#666;
	text-decoration:none;}
 
*{
    margin: 0;
    padding: 0;} 

#contenedor {
  max-width: 1400px; 
  height:600px ;
  margin: 0.1em auto;
/*  padding: 0.1em;*/
  background-color: #FFFFFF;  
/*overflow: hidden;*/
    min-width:20%;

 
}

#encabezado {
    height: 7.0%;  
    background-color: #FFFFFF;;
    background-image:url( "Encabezados/E_Biologia.jpg")
    margin: 0.5em;
    max-width:300px;
    max-higth:300;
}
#navega{
    width:100%; 
    height:5%;
    background-color: rgb(158, 75, 138);;
    margin-top: 2em;
    margin-left:1em;
    margin-right:1em;
    margin-bottom: 0.5em;     
            
}

#contenido {
  width: 100%;
  background: #FFF;
  height: 100%;
/*  margin: 0.5em;*/     
  
 }

#izquierdo {
  width: 15%; 
  background: #FFF;
  height: 100%;
  float: left;
  margin-r: 1%;
  min-width: 100px;
 }

#derecho{
  width: 85%; 
  background:#fff;
  height: 100%;
  margin: 0.2 em;
  float: right;
  min-width: 2%;
     
}


#libros {
  width: 100%; 
  background: #FFF;
  height: 100%;
  float: left;
  margin-r: 1%;
  min-width: 100%;
 }

/*Caja contenedora*/   
#wrap {
	font-size: 0.8em;
	width: 100%;
	background: rgb(158, 75, 138);
	margin:auto;
	background-color: rgb(158, 75, 138);
	margin-top:auto;
/*	margin-left:65px;
    margin-right:65px;
    min-width: 10%;*/
	}

/* Estilos que crean el menú desplegable */
/*Eliminamos padding y margin que introducen navegadores por defecto en listas*/
#navbar {
    
	padding: 0;
	margin: 0;
	-moz-border-radius: -2px; 
}

/*Elementos items principales de menú que se muestran siempre*/
#navbar li {
	list-style: none;
	float: left;
	margin: 5px;
}
   
#navbar li a {
	display: block; /* Usamos display block para poder aplicar propiedades de caja a links */
	padding: 3px 8px;
	background-color: #9e4b8a;
	color: #fff;
	text-decoration: none;   
}
#navbar li:first-child a {
	background-color: #b980ab;
}

/*Listas de subitems de menú*/   
#navbar li ul {
	display: none; /*La lista inicialmente no se muestra debido a display:none; */
	background-color: rgb(158, 75, 138) /*rgb(185, 128, 171)*/;
}

#navbar li:hover ul {
   font-size: 14px;
   display: block; /*Al situar el cursor sobre el item la lista de subitems pasa de display none a display block y se muestra*/
   position: absolute; /*Al desplegarse el submenú no ocupa espacio y no desplaza a otros elementos gracias a que establecemos position absolute*/
   margin: 0; padding: 0; /*Anulamos margin y padding que por defecto introducen navegadores*/
  }
#navbar li:hover li { float: none; } /*Anulamos el float left que define el elemento padre para que los subitems se muestren en vertical */
   
/*Creamos la apariencia de los subitems de menú, color de fondo, borde inferior, color de texto*/
#navbar li:hover li a {
	background-color: #9e4b8a;
	border-bottom: 1px solid #fff;
	color: #fff;
}
#navbar li:hover li a[href$=".html"] {
	background-color: #b980ab;
	border-bottom: 1px solid #fff;
	color: #fff;
}

/*Creamos el efecto de cambio de color y aspecto cuando ponemos el puntero del ratón sobre un subitem de menú*/   
#navbar li li a:hover {
	background-color: #9e4b8a;
}

   
.limpiador{padding:0; border-style:none; clear:both;} /*Forzamos a la caja a mostrarse aún conteniendo elementos flotantes*/

<div id="izquierdo"><iframe frameborder="0" height="630px" width="150px" name="menu"></iframe></div>
                <div id="derecho"> <iframe frameborder="0"  height="580px" width="890" name="contenidos"></iframe></div>