BODY {
   height:100.1%;
   font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
   margin: 10 0 10 0px; 
   text-align: center; 
   /*background-color: #ebebeb;   */
}
/*__________________________________ LO CONTIENE TODO _______ */
#contenedor{ 
   text-align: left; 
   width: 770px; 
   margin: auto;
   float: center;
}
/*__________________________________ CABECERA _______ */
#cabecera{
   /*background-color: #d0d0ff;*/
   color: #333300;
}
/*__________________________________ ZONA DEL TÍTULO _______ */
#titulo{
  position: relative;
    top: 0px;
   margin-left: 155px;
   background-color: #cccccc;
   padding: 0 0 0 0px;
  
}
#titulo h1{
  text-align:left;
  padding: 3 10 3 10px;
  font-size: 30px;
 color: #3399CC;
}
#titulo h2{
  
 font-size: 20px;
 color: #0066FF;
}
#informacion{
   margin-left: 155px;
   background-color: #ebebeb;
   padding: 0 0 3 5px;
   text-align:justify;
   text-decoration: none;
   padding-right: 5px;
}

#cuerpo{
   margin: 0 0 0 0px;
   background-color: #ebebeb;
} 

/*________________________ LATERAL MIO ___________________________*/
#lateral {
    position: relative;
    top: -75px;
    font-family: verdana;
    font-size: 14px;
    width: 150px;
    float: left; 
    
    
}  
#lateral ul{
    
    
    
    margin : 0 0 0 0px;
    padding: 0 0 0 0px; 
    text-align: center;
    list-style-type: none;
}
#lateral li {
     height: 32px;
     width: 150px;
    
}
#lateral li a{
    text-decoration: none;
    color: White;
    display: block;
    height: 25px;
    font-weight: bold;
    background-color: #3399CC;
    padding-top: 4px;
    
   
}
#lateral li a:hover {
    letter-spacing: 2px;
    color: white;
    display: block;
    background-color: #3399CC;
    border-right: 2px solid #4B4B4B;
    border-bottom: 2px solid #4B4B4B;
    font-size: 13px;
}
/*________________________ PUBLICIDAD ___________________________*/
#publicidad1 {
    height: 210px;
    width: 150px;
    position: relative;
    left: 0px;
    top: -5px;    
    background-image: url('Publicidad/BionaCanter.jpg');
}
/*________________________ MENU ENCADENADO ___________________________*/
#menup1 {
    
    
    font-family: verdana;
    font-size: 10px;
    width: 150px;
    /*float: left;*/
    
    
   
}
#menup1 li {
    display: block;
    float: center;
    height: 20px;
    width: 100px; 
    
}
#menup1 li a{

    text-decoration: none;
    color: White;
    display: block;
    height: 16px;
    width: 100px;
    font-weight: bold;
    background-color: #0066FF;
    padding: 0 0 0 2px;
    margin : 3 0 0 0px;
}

#menup1 li a:hover {
    letter-spacing: 2px;
    color: Black;
    display: block;
    background-color: #0066FF;
    border-right: 1px solid #646464;
    border-bottom: 2px solid #646464;
    font-size: 11px;
}
#menup1 ul{
    
    margin : 0 0 0 0px;
    padding: 0 0 0 0px;
    text-align: center;
    /*list-style-type: none;*/
}

/*_____________________LATERAL DESARROLLO WEB ______________________________
#lateral{ 
   width: 160px; 
   background-color: #999999; 
   float:left; 
} 
#lateral ul{ 
   margin : 0 0 0 0px; 
   padding: 0 0 0 0px; 
   list-style: none; 
} 
#lateral li{ 
   background-color: #ffffcc; 
   margin: 2 2 2 2px; 
   padding: 2 2 2 2px; 
   font-weight: bold; 
} 
#lateral a{ 
   color: #3333cc; 
   text-decoration: none; */
#principal{

   margin-left: 0px;
   background-color: #ffffff;

   width: 770px;
   }
#pie{
   background-color: #cccccc;
   padding: 3 10 3 10px;
   text-align:right;
}