body { background-color:#f2f2f2; }

div.contenedor 
{
  width:960px; 
  margin:0 auto;   /* centrar toda la página */
  font-family:Tahoma, sans-serif;
  font-size:12px; 
}

div.encabezado
{
  padding:10px;  
  border-bottom:1px solid gray;
}

div.encabezado_izquierda
{
  width:750px;
  padding:5px;
  
  float:left;
  font-size:12px;   
}

div.encabezado_derecha
{
  padding:10px;
  float:left;
  font-size:12px;
}

div.menu_simple
{
  padding:0.5em;  
  background-color:#D0D0D0;
}
/* menú */
li.menu_simple
{
  display:inline; /* hacer un menú horizontal con una mejor separación entre opciones a diferencia de float:left */
  
}

ul.menu_simple
{
  list-style-type:none; /* eliminar viñetas */
  margin:0;             /* eliminar margen  */
  padding:0;            /* eliminar padding */
}

a.menu_simple:link,a.menu_simple:visited 
{
  background-color:#DODODO;  
  color:#000000;
  text-decoration:none;

}

a.menu_simple:hover,a.menu_simple:active
{
  color:#0000ff;
  text-decoration:underline;
}

a.menu_vacuo:link,a.menu_vacuo:visited 
{
  background-color:#D0D0D0;  
  color:#000000;
  text-decoration:none;
}

a.menu_vacuo:hover,a.menu_vacuo:active
{
  color:#000000;
  text-decoration:none;
}


/* centrar imágenes */
img.centrar 
{
  display: block;
  margin: auto;
}

div.contenido_izquierda
{
  width:470px;  /* 480 en total */
  padding:5px;
  /*border-left:1px solid gray;*/
  /*margin:0px;*/
  
  float:left;  
  
  font-size:11px;
}

div.contenido_derecha
{
  width:469px;  /* 480 en total */
  padding:5px;
  border-left:1px solid gray;
  /*margin:0;*/
  
  float:left;
 
  font-size:11px;
}

/* 2 columnas internas para 3 columnas */
div.interno_izquierda_3
{
  width:228px;  /* se disponen de 470 en total para los internos*/
  padding:3px;
  
  float:left;  
  
  font-size:11px;
}

div.interno_derecha_3
{
  width:228px;  
  padding:3px;
  
  float:left;
 
  font-size:11px;
}
/* para los sistemas tutoriales de los libros */
div.contenido_1a
{
  width:240px;  /* 250 en total */
  padding:5px;
  /*border-left:1px solid gray;*/
  /*margin:0px;*/
  
  float:left;  
  
  font-size:11px;
}

div.contenido_2a
{
  width:239px;  /* 250 en total */
  padding:5px;
  border-left:1px solid gray;
  /*margin:0;*/
  
  float:left;
 
  font-size:11px;
}

div.contenido_3a
{
  width:449px;  /* 460 en total */
  padding:5px;
  border-left:1px solid gray;
  /*margin:0;*/
 
  float:left;
  
  font-size:11px;
}


/* contenidos generales */
div.contenido_1
{
  width:310px;  /* 320 en total */
  padding:5px;
  /*border-left:1px solid gray;*/
  /*margin:0px;*/
  
  float:left;  
  
  font-size:11px;
}

div.contenido_2
{
  width:309px;  /* 320 en total */
  padding:5px;
  border-left:1px solid gray;
  /*margin:0;*/
  
  float:left;
 
  font-size:11px;
}

div.contenido_3
{
  width:309px;  /* 320 en total */
  padding:5px;
  border-left:1px solid gray;
  /*margin:0;*/
 
  float:left;
  
  font-size:11px;
}

/* 2 columnas internas para 3 columnas */
div.interno_izquierda_3
{
  width:151px;  /* se disponen de 320 en total para los internos*/
  padding:1px;
  
  float:left;  
  
  font-size:9px;
}

div.interno_derecha_3
{
  width:151px;  
  padding:1px;
  
  float:left;
 
  font-size:9px;
}


div.contenido
{
  width:960px;
  margin:0;
  padding:1em;
  font-size:11px;
}

p.derecha {text-align:right;}
p.centro {text-align:center;}
p.justificar{text-align:justify;}

.justificar{text-align:justify;}

/* menu de imagenes en el pie */
div.img
{
  margin: 4px;
  border: 1px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	
div.img img
{
  display: inline;
  margin: 2px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #0000ff;}
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
  font-size:10px;
}


div.pie
{
  text-align: center;
  padding:1em;
  font-size:10px;
}

/* como salto de línea o salto en los div */
.clear
{
  clear:both;
}

div.contenido_4_1
{
  width:230px;  /* 240 en total */
  padding:5px;
  /*border-left:1px solid gray;*/
  /*margin:0px;*/
  
  float:left;  
  
  font-size:11px;
}

div.contenido_4_2
{
  width:229px;  /* 240 en total */
  padding:5px;
  border-left:1px solid gray;
  /*margin:0;*/
  
  float:left;
 
  font-size:11px;
}

div.contenido_4_3
{
  width:229px;  /* 240 en total */
  padding:5px;
  border-left:1px solid gray;
  /*margin:0;*/
 
  float:left;
  
  font-size:11px;
}

div.contenido_4_4
{
  width:229px;  /* 240 en total */
  padding:5px;
  border-left:1px solid gray;
  /*margin:0;*/
 
  float:left;
  
  font-size:11px;
}