* {margin:0px;padding:0px;border:0px;}
body {text-align:center;background-color:white;}
.abuelo {float:left;
         list-style: none;
         margin:30px 0px 0px 240px;
        }
.dni {
              font-size:30px;
              text-align:right;
              width:274px;margin: 0 0 0 0;
             }
   .foto {font-family: Arial;
    font-size:20px;
  text-align:center;
  color: red;
  margin: 0px 0 0 0;
                                  }
.fotofamilia {
                     font-size:30px;
                     text-align:center;
                     width:370px;
                     margin: -150px 0 0 0;
                     }
#global {width:750px;
         height:550px;
				 margin: 5px auto;
         border-left: 1px solid red;
         border-right:0px solid black;
     border-bottom:2px solid red;
        background-image: linear-gradient(red, orange);
   border-top-left-radius: 50px 20px;
border-bottom-left-radius: 40px 20px;
				 }
         #hojaslibro
         {
          padding: 0;
          margin: 0 0 0 0;
          width: 750px;
          height:25px;
          float: left;
          background-image: url(imagesindex/hojas.png);
          background-repeat: no-repeat;
          border-top-left-radius: 50px 20px;
          border-bottom-left-radius: 50px 20px;
                    }
#cabecera
{width:703px;
height:76px;
float:right;
background-image: url(imagesindex/cabecera.png);
background-repeat:no-repeat;
border-left: 8px solid DarkRed;
            }
#navegacion
 {width:703px;
 height:33px;
 float:right;
 background-image: url(imagesindex/navegacion.png);
 background-repeat:no-repeat;
 border-left: 8px solid DarkRed;

						 }
             #navegacion li {
                             float:left;
             								list-style:none;
             								font-size:17px;
             								margin: 7px 20px 0 10px;
             								}
             #navegacion ul {
                             margin-left: 80px;
             								}

#menu  {width: 703px;
        height:366px;
        float:right;
        background-image: url(imagesindex/menu.png);
				background-repeat:no-repeat;
        border-top: 0px solid black;
        border-left: 8px solid DarkRed;
        				}


                	#menu li {
                	          float:left;
                						list-style: none;
                						margin:10px 0 0 290px; /*posicion entrar en hojas del libro*/
                						}
                #pie  {
                       width: 703px;
                			 height:50px;
                			 float:right;
                       border: 0px solid red;
                       background-image: url(imagesindex/pie.png);
                			 background-repeat:no-repeat;
                       border-top: 0px solid black;
                       border-left: 8px solid DarkRed;
                       border-bottom: 1px solid red;
                			 }




                	#pie li  {
                		 		 	float:left;
                					list-style: none;
                					font-size: 18px;
                					color:red;
                					margin:15px 0px 0px 32px;
                					}

                #pie ul {margin-left: 10px;}
                	p {font-family: Arial;font-size:15px; color:red;margin:20px 0px 0px 300px;}
                a {
                   color: red;
                	 font-weight:bold;
                	 text-decoration:none;
                	 display: block;
                	 }
                a:link    {}
                a:visited {}
                a:hover {
                         color:red;
                				 text-decoration:underline;
                				 background-color: yellow;
                				 }
                a:active  {}