@charset "iso-8859-1";

body {position: relative; background: #6666cc; background: #b7493c; margin: 0; padding: 0;}

div#enlac {position: absolute;
           top: 350px;
		   left: 5;
		   width: 145px;
		   height: 700px;
		   font: 10px Verdana, sans-serif;
		   z-index: 100;}
		   
div#links {position: absolute;
           top: 86px;
		   left: 0;
		   width: 150px;
		   height: 700px;
		   font: 16px Verdana, sans-serif;
		   z-index: 100;}
		   
div#links a {display: block;
           text-align: center;
		   font: bold 1em sans-serif;
		   padding: 5px 10px;
		   margin: 0 0 1px;
		   border-width: 0;
		   text-decoration: none;
		   color: #FFC;	 
		   background: #444;
		   /*background: #333399;*/
		   border-right: 5px solid #9999cc;
		   border-right: 5px solid #AAA;}
div#links a:hover {color: #411;
           background: #AAA;
		   background: #ccccff;	 
		   background: #d27a6e;
		   border-right: 5px double white;}
div#links a span {display: none;}
div#links a:hover span {display: block;
           position: absolute;
		   /*top: 180px;*/
		   top: 120px;
		   top: 150px;
		   top: 170px; 
		   /*top: 200px;*/
		   left: 0;
		   width: 125px;
		   padding: 5px;
		   margin: 10px;
		   z-index: 100;
		   color: #333399;
		   color: #AAA;		   
		   /*background: #6666cc;*/
		   background: #b7493c;	 /* color de fondo de los mensajes flotantes */
		   font: 12px Verdana, sans-serif;
		   text-align: center;
		   font-weight: bold;}
div#content {position: absolute;
           top: 26px;
		   left: 145px;
		   /*right: 20px;*/
		   width: 645px;
		   color: #BAA;
		   color: #000099;	 
		   color: #AAA;
		   color: #c2c2c2;
		   color: #d2d2d2;
		   background: #22232F;
		   background: white;
		   background: #cccccc;
		   background: #9999cc;
		   background: #ccccff;		
		   background: #666;   
		   font: 13px Verdana, sans-serif;
		   padding: 10px; 
		   border: solid 5px #333399;
		   border: solid 5px #444;}	
div#content p {margin: 0 1em 1em; text-align: justify;}
div#content h3 {margin-bottom: 0.25em;}

div#barranavega {position: relative;
           width: 640px;
		   color: white;
		   /*background: white;	*/
		   font: 15px Times New Roman;
           }
div#barranavega p {padding: 0px; 
           margin: 0px;
		   text-align: left;
           }		   

div#letracapitular {position: relative;
           float: left;	   
		   margin: 0px;	  
		   margin-top: -2px;
		   padding-left: 12px;
		   padding-bottom: 0px;
		   padding-right: 2px;
		   font-size: 26px;	
		   /*font-weight: bold;*/
           }
		   		   
h1 {margin: -9px -9px 0.5em;
           padding: 15px 0 5px;
		   text-align: right;
		   background: #ccccff;
		   background: #9999cc;	
		   background: #AAA;
		   color: #333399;
		   color: #444;
		   letter-spacing: 0.25em;
		   text-transform: lowercase;
		   font: bold 30px sans-serif;
		   height: 28px;
		   vertical-align: middle;
		   white-space: nowrap;}   
h2 {text-align: left;
		   letter-spacing: 0.15em;
		   /*height: 28px;*/
		   font-weight: 600;
		   vertical-align: middle;
		   white-space: nowrap;
		   padding-bottom: 10px;}
		   		   
dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}	  

div#content a:link {color: #990000; color: #ffc;}
div#content a:visited {color: white;}
div#content a:link:hover {color: white; text-decoration: overline underline;}
div#content a:visited:hover {color: white;}
code, pre {color: #EDC; font: 110% monospace;}