* {margin:0px;padding:0px;border:0px;}
body {text-align:center;background-color:white;}
.abuelo {float:left;
         list-style: none;
         margin:30px 0px 0px 20px;
        }
.dni {
              font-size:20px;
              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 Darkred;
          border-right:0px solid black;
          border-bottom:2px solid Darkred;
          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;
            }
            p.interior
            {float:left;
             list-style:none;
             font-family: "Arial Black";
              font-style: italic;
             color:DarkRed;
             font-size:33px;
             margin: 15px 0 0 35px;
            }
#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-family: Arial Black;
                font-style: italic;
                color:DarkRed;
                font-size:13px;
                margin: 7px 20px 0 10px;
                }
 #navegacion ul {
                 margin-left: 30px;
                }

                            #contenedor {	width: 750px;
                            	height: 366px;
                              float: : right;
                              background-image: red;
                            	padding: 0px;
                            	margin: 0px;

                            }
                              #contenido
                              {
                              	width: 483px;
                              	height:366px;
                              	float: right;
                              	padding: 0px;
                              	margin: 0px;
                              	background-image: url(imagesindex/contenido.png);
                              	background-repeat: no-repeat;
                              }
                              #contenido li {
                                float:left;
                                list-style: none;
                                font-family: Arial Black;
                                font-style: italic;
                                color:blue;
                                 text-align: center;
                                font-size:20px;
                                margin: 7px 20px 0 60px;
                                }

                              #menu
                                {
                                      width: 220px;
                                      height:366px;
                                      float:left;
                                      background-image: url(imagesindex/menu.png);
                              				background-repeat:no-repeat;
                                      margin: 0 0 0 39px;
                                      border-top: 0px solid black;
                                      border-left: 8px solid #402080;
                                      				}
                                              p.saga
                                              { float:left;
                                               list-style:none;
                                               font-family: fantasy;
                                                font-style: italic;
                                              letter-spacing: 4px;
                                               color:DarkRed;
                                               font-size:20px;
                                               margin: 20px 20px 5px 30px;
                                             }
                                              p.arriba
                                              { float:left;
                                               list-style:none;
                                               font-family: Arial Black;
                                                font-style: italic;
                                               color:DarkRed;
                                               text-align: justify;
                                               font-size:12px;
                                               margin: 8px 20px 0 20px;
                                              }
                                              p.abajo
                                              { float:left;
                                               list-style:none;
                                               font-family: Arial Black;
                                                font-style: italic;
                                               color:DarkRed;
                                               text-align: justify;
                                               font-size:12px;
                                               margin: 15px 20px 0 20px;
                                              }

                #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 DarkRed;
                			 }




                	#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-style: italic;
                     font-size:15px;
                     color:#ff9191;
                     margin:20px 0px 0px 300px;}
                a {
                   color: DarkRed;
                	 font-weight:bold;
                	 text-decoration:none;
                	 display: block;
                	 }
                a:link    {}
                a:visited {}
                a:hover {
                         color:red;
                				 text-decoration:underline;
                				 background-color: yellow;
                				 }
                a:active  {}