*  { margin: 0;}
/*diseño cabecera*/
#cabecera { background-color: #805543; }
#cabecera h1 { font: bold 1.7em Algerian; text-align: center; color: #6076B4; padding:0.5em; }
#cabecera h2 { font: bold 1.4em Verdana; text-align: center; color: #6076B4; padding:0.5em; }

/*diseño menú*/
#menu  {float: left; width: 15%; height: 970px; background-color: #ffccff;}
#menu2  {float: right; width: 15%; height: 970px; background-color: #ffccff;}
#menu h3 {font: bold 1.2em arial; text-align: center; padding: 0.5em; }
#menu p {padding: 0.5em 1.5em; }
#menu a {text-decoration: none; color:#003399; font:1em arial; }
#menu a:hover {color:#006600; }

/*diseño contenido*/
#contenido {float: left; width: 70%; background-color: #CEECF5}
#contenido h2 {font: bold 1.4em arial; text-align: center; padding: 1em; }
#contenido p {font: 1em arial; text-align: justify; padding: 0.5em 3em; }

/*diseño de pie de página*/
#pie {clear: both; background-color: #ccffcc; }
#pie p {font: 1.1em arial; text-align: justify; padding: 0.5em 4em; }


span.ventana1 {
  background: #ff355e;  border-radius: 0.8em;  -moz-border-radius: 0.8em;
  -webkit-border-radius: 2.0em;  color: #ffffff;
  display: inline-block;  font-weight: bold;font-size:2.5em;
  line-height: 2.0em;  margin-right: 25px;
  text-align: center;  width: 10.0em; 
}

span.ventana2 {
  background: #ff6037;border-radius: 0.8em; -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8;  color: #ffffff;
  display: inline-block;  font-weight: bold;
  font-size:2.5em;
  line-height: 2.0em;  margin-left: 55px;
  text-align: center;  width: 10.0em; 
}

span.ventana3 {
  background: #ffff66;border-radius: 0.8em; -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8;  color: #ffffff;
  display: inline-block;  font-weight: bold;font-size:2.5em;
  line-height: 2.0em;  margin-left: 125px;
  text-align: center;  width: 10.0em; 
}

span.ventana4 {
  background: #87ff2a;border-radius: 0.8em; -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8;  color: #ffffff;
  display: inline-block;  font-weight: bold;font-size:2.5em;
  line-height: 2.0em;  margin-left: 175px;
  text-align: center;  width: 10.0em; 
}

span.ventana5 {
  background: #0066ff;border-radius: 0.8em; -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8;  color: #ffffff;
  display: inline-block;  font-weight: bold;font-size:2.5em;
  line-height: 2.0em;  margin-left: 225px;
  text-align: center;  width: 10.0em; 
}

span.ventana6 {
  background: #ff6eff;border-radius: 0.8em; -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8;  color: #FFFFFF;
  display: inline-block;  font-weight: bold;font-size:2.5em;
  line-height: 2.0em;  margin-left: 275px;
  text-align: center;  width: 10.0em; 
}

span.ventana7 {
  background: #ff5470;border-radius: 0.8em; -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8;  color: #ffffff;
  display: inline-block;  font-weight: bold;font-size:2.5em;
  line-height: 2.0em;  margin-left: 30px;
  text-align: center;  width: 20.0em; 
}