<style type="text/css">
BODY {
   font: 8pt Verdana;
   h1, h2, h3 { font-family: "Verdana";}
   margin: 10 0 10 0px;
   text-align: center;
   background-color: #ebebeb;   
}
#content{
   text-align: left;
   width: 770px;
   margin: auto;
   border: solid 2px #02246c;
   }
#cabecera{
   background-color: #0000cc;
   background: url(images/logo1.jpg);
   height: 150px;
   color: #FFFFFF;
   font-size:20pt;
   font-weight: bold;
   padding: 3 3 3 30px;
}
#cuerpo{
   margin: 10 0 10 0px;
}
#lateral{
   margin: 4px;
   background-color: #ffffff; 
   position: relative; 
   text-decoration: none;
   font-size: 18px; color: #4e78aa;
   font-family: "Verdana";
}
#lateral ul{
   list-style: none; margin: 0px; padding: 0px;
   }
#lateral li a{
   margin: 0px;
   background-color: #ffffff;
   height: 100%;
   padding: 4px 0px 5px 5px; 
   text-decoration: none;
   font-size: 12px; color: #4e78aa;
   font-family: "Verdana";
   }
#lateral li a:hover{
   color: #000000;
   }
#principal{
   margin-left: 160px;
   margin-top: -140px;
   background-color: #ffffff;
   background: url(images/gatoninjaazul.png);
   background-repeat: repeat-y;
   padding: 4 4 4 4px;
   border-left: dotted 3px #02246c; 
   font-size: 14px; line-height: 16px; position: relative; 
   }
#principal p{
   padding: 5px 0px; margin: 5px 0px; font-size: 14px; line-height: 15px;
   
   }
#principal ul{
   font-size: 14px; padding-left: 14px;
   }
#principal a{
   font-size: 16px; color: #4e78aa; font-weight: bold;
   text-decoration: none;
   }
#principal a:hover{
   font-size: 16px; color: #000000; font-weight: bold;
   }
#pie{
   background-color: #e6f4ff;
   border-top: solid 2px #4e78aa;
   padding: 3 10 3 10px;
   text-align:right;
   padding: 10px; margin: 0px; font-size: 14px; font-weight: bold; color:#4e78aa;
   }


