body{
  font-family: Verdana, sans-serif;
  background-color: #3c64a9;
  margin: 0px;
  
}

img{
  border: none;
}

.formato{ 
	width: 1024px; 
	margin: auto; 
	 background-color: #FFFFFF;
}
.indice{ 
	float: left; 
	width: 440px; 
	padding: 0px 20px;
	margin-left:510px;
	margin-top:-303px;
	  font-size: 1.0em; 
  color: #333;

   background-color: #FFFFFF;
	}

.leccion{
  background-image: url('shadow_bottom_bg.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  padding: 0px  0px;
}

.leccion a{
  text-decoration: none;
  border: none;
}
.leccion h2{
  font-weight: 600;
  font-size: 1.5em;
  line-height: 1em;
  margin: 0.5em 0px;
}
.leccion p{
  text-align: justify;
}
.leccion p, td, li{
  font-size: 0.9em; 
  line-height: 1.5em;
  color: #000000;
  text-align: justify;
}
.leccion td{
  padding-right:10px;
}
.leccion subx{
	  font-size: 0.75em; 
}

li 
{ 
	position: relative; 
	/*margin-left: -40px; *//*bloque */
	list-style: none;
}

li label
{
		background: url(folder-horizontal.png) 0px 4px no-repeat; /* izq - abajo*/
		display: block;		
padding-left: 25px;
		}

li input
{
		position: absolute;
		left: 0;
		margin-left: 0;
		opacity: 0;
		cursor: pointer;
		top: 0;
}
li input + ol > li { display: none; margin-left: -35px !important; padding-left: 1px; }
li input:checked + ol > li { display: block; margin: 0 0 0.125em;  /* 2px */}
li input:checked + ol > li:last-child { margin: 0 0 0.063em; /* 1px */ }