body{		
		margin: 1% 0 1% 0;		
		font: 9pt Verdana, Geneva, Arial, Helvetica; 
		text-align: center; 
		background-color: #99ccff;
		color: #ffffff;
			}
#contenedor{	
		width: 70%;
		text-align: left; 
		margin: auto;
			}
#cabecera{ 	
		padding: 1% 1% 1% 5%; 
		background-color: #000066;
		color: #ffbf00;
 		font-size:12pt;
		font-weight: bold; 
		text-align:left;
			}
#cuerpo{		
		margin: 2% 0 2% 0;
			}
#lateral{
		width: 18%; 
		background-color: 
		#99ccff; float:left;
			}
#lateral ul{ 
		margin : 0 0 0 0; 
		padding: 18% 0 0 0; 
		list-style: none;
			}
#lateral li{ 	
		margin: 2 2 2 2px;
 		padding: 12 2 2 2px; 
		background-color: #000066; 
		font-weight: bold;
			}
#lateral a{ 	
		color: #ffbf00; 
		text-decoration: none;
			}
#lateral ol{	color: #99ccff;
			}
#principal k{	color: #99ccff;
			}
#principal{	
		position: absolute;
		left:31.2%;
		width:40%;
		height:80%;
		top: 17%;	
		padding: 4 10 0 8px;	
		z-index:5;
		overflow:scroll;
		background-color: #000066; 
		float: left; 
			}
#otrolado{	
		width: 17%;
		padding: 4% 0 0 0; 
		float: right;
			}

#pie{ 		
		position: absolute;
		top:95.5%;
		top-margin: 5%;
		width:44%;
		left:29%;
		height: 2%;
		background-color: #000066; 
		padding: 10 10 8 10px; 
		text-align:center; 
		font-size:12pt; 
		font-weight: bold; 
		clear: both;
 		color: #ffbf00;
		z-index:10;
			}
#derecha{ 
		margin: 0 0 0 170px;
			} 
a:link{text-decoration:none;color:navy;font-weight:bold}
a:visited{text-decoration:none;color:gray;font-weight:bold}
a:hover{text-decoration:none;font-size:1.05em;color:red;font-weight:bold}
a:active{text-decoration:none;font-style:underline;font-weight:bold;color:gray}

.codigo{
    		display: block;
    		margin-left: 6%;
    		margin-right: 6%;
    		background: #99CCFF;
    		font-style: normal;
   		font-size: 1em;
    		line-height: 1.5em;
 		text-align: left;
    		text-indent: 0em;
    		text-margin: 5em;
    		padding-left:2em;
		font-weight: bold; 
			}

.p1:first-letter { float: left; font-size: 200%; }