body { margin:0; background:#F9F9F9 ;padding:0; color:#000000;overflow:hidden; background-position:16px 25%; }

#fotor1 {position:relative; left:0%; top:2%; height:80%;padding:2%; width:96%;background: #F9F9F9;}
#fotor {float:right; left:10%;top :5%;height:100%  
}
#arriba { position: absolute; top:46px; left:0%; width:100%; height:24px; max-height:24px;
      background: #C2150C; color: #292929;font-size:12px;
	  }
#cabecera { position: fixed; top:0px; left:0%; width:100%; height:70px;
      background: #F9F9F9; color: #292929; font-size: 34px; font-weight: bold; text-align:right;
	  }
#abajo { position: absolute; top: 90%; left: 0%; width:100%; height:24px;
        background:#A4150C;  font-family: arial; text-align: right; 
		font-size: 14px; font-weight: normal; color:#F7F7F7; padding-top:4px;
	} 
p { margin : 5%; text-align: justify;font-size: 12px;}
#cabecera A:link {text-decoration:none;color:#FFFFFF;}
#cabecera A:visited {text-decoration:none;color:#FFFFFF;}
#cabecera A:active {text-decoration:none;color:#FFFFFF;}
#cabecera A:hover {color:#C4150C;background-color:#FFFFFF; }
 A:link {text-decoration:none;color:#FFFFFF;}
 A:visited {text-decoration:none;color:#FFFFFF;}
 A:active {text-decoration:none;color:#FFFFFF;}
 A:hover {color:#C4150C; }
h1 {font-family: arial; color:#292929;text-align: right; font-size: 34px;}
h2 {font-family: arial; color:#292929;text-align: left; font-size: 34px; font-weight: bold;}
#parrafo {position:relative; top:25px;left:2%;width: 94%; background-color : #d9e3d7;border-color : #d9e3d7;border :4px;font-size: 11px;font-weight: normal;border: 0px solid #ccc;}

#texto4 {position:relative; top: 0px; left:20%; width:80%;  height: 100%;font-size: 12px;
     overflow: auto; }
#texto4 h3 {margin-top  : 55px; text-align: justify;} 
#texto4 h4 {font-size:11px;}

#img2 { float:left; clear:right; text-align:right;font-size: 10px;margin-right:10px}
#libro {position:relarive: both; width:100%;margin-top:25px;}
pre{float:left;clear:left;}