img { 
    max-width: 100%; 
}
#contenido{
    background-color: #E6E6FA;
    margin: 20px auto 0;
    padding: 20px;
    width: 80%;
}
#nav {
  background-color: #4C76AE;
  background: #1C8849; /*AGREGADO VERDE OSCURO FONDO NORMAL */
}
#nav ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}
#nav ul li {
  width: 100%;
  display: block;
  list-style: none;
}
#nav ul li a {
  display: block;
  padding: 10px 9px;
  width: 100%;
  font-size: 1.1em;
  font-weight: normal;
  background: #4c76ae;
  background: #1C8849;; /*AGREGADO VERDE OSCURO MENU ITEM  */
  color: #cad7ea;
  text-decoration: none;
}
#nav ul li a:hover {
  background: #00567f;
  background: #26B864; /*AGREGADO VERDE SEMIOSCURO MENU ITEM HOVER */
}


.js #nav {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}
#nav.opened {
  max-height: 9999px;
}
#nav-toggle {
  font-size: 1.2em;
  font-weight: bold;
  padding: 3px 9px;
  margin-left: 15px;
  text-decoration: none;
  border-radius: 3px;
  color: #fefefe;
  background: #4c7ab6;
  background: #26B864; /*AGREGADO VERDE SEMI OSCURO ICONO TONGLE*/
  margin-bottom: 15px;
}

@media screen and (min-width: 805px) { /* ANCHO MINIMO PARA EL TONGLE */
    .js #nav {
    position: relative;
  }
  .js #nav.closed {
    max-height: none;
  }
  #nav-toggle {
    display: none;
  } 
  
  #nav ul li a { 
    border-right: 1px solid #5E88BF;
    border-right: 1px solid #26B864; /*AGREGADO VERDE SEMIOSCURO BORDE*/
    display: block;
    float: left;
    width: auto;
    background: none;
    padding: 11px 15px;
    font-weight: normal;
    text-decoration: none;
    color: #E6E6FA;
  
  }
  
  #nav ul li a:hover {
    background: #00567f;
 	background: #26B864; /*AGREGADO VERDE SEMI OSCURO MENU ITEM HOVER */
	color: #cad7ea;
  }
  
}