@charset "UTF-8";
/* CSS Document */

/* Header Section css-------------------------------------------------------------- */ 

html, body {
   background-color: #f7f5ee;
 	padding:0;
 	margin:0;
   }
   
	.fondo
	{
	text-decoration:none;
	background-color: #309cdb;
	
	}
	
	.dinastia {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: normal;
	font-style:italic;
	color: #FFFFFF;
	text-decoration: none;
	}
	
	.nieto_malagon {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 47px;
	font-weight: normal;
	font-style:normal;
	color: #FFFFFF;
	text-decoration: none;
	}
	
	.generaciones {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style:normal;
	color: #FFFFFF;
	text-decoration: none;
	}
	
	.tabla-menu {
		background-color: #ffffff;
		text-align:center;
		width: 100%;
		height: 72;
	}

	.tabla-pagina {
		background-color: #edf0f2;
		text-align:left;
		width: 100%;
		height: 90;
	}
	
	.h1 {
	font-weight: normal;
	font-family: Arimo, Arial, Helvetica, sans-serif;
	font-size:50px;
	color: #999999;
	text-align:center;
	text-decoration: none;
	}
	

	.h2 {
	font-weight: normal;
	font-family: Arimo, Arial, Helvetica, sans-serif;
	font-size:42px;
	font-weight: bold;
	color: #666666;
	text-align:center;
	text-decoration: none;
	}
	
	.pagina_text {
	font-weight:normal;
	font-family: Arimo, Arial, Helvetica, sans-serif;
	font-size:40px;
	color: #333333;
	text-align:center;
	text-decoration: none;
	}
	
	.construction_text {
	font-weight:normal;
	font-family: Arimo, Arial, Helvetica, sans-serif;
	font-size:20px;
	color: #333333;
	text-align:center;
	text-decoration: none;
	}
	
	
	.img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
  }
	
	
	.tabla_menu_text {
	font-family: Arimo, Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #000000;
	text-decoration: none;
	}
	
	.tabla_menu_text:hover {
	font-family: Arimo, Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #FFFFFF;
	text-decoration: none;
	}
	
.smallImage {  
  float:left;  
  position:relative;  
}  
.smallImage:hover img {  
  transform: scale(3.0
  );
  border: 1px solid grey;

}
	
a:link {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
  	color: blue;
}

a:visited {
  text-decoration: none;
}

a:active {
  text-decoration: underline;
}


	
	
	.blue_image {
	background-image:url(../images/blue_dot.jpg);
	width:100%;
	height:10px;
	}
	
	.tabla_footer { 
	color: #000000;
	width: 100%;
	text-align:left;
	border:hidden;
}
	.footer {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    bottom:0;
	text-align:left;
}
	.footer { 
	color: #000000;
}

.tableafuera-arbol {
	border:hidden;
	width: 612px;
}
.tabla_bisabuelos {  
  	padding: 0px;
  	border-radius: 3px;
  	background-color:#fcfcea;
  	border: 1px solid grey;
	text-align: center;
}

.tabla_bisabuelos {  
	width: 150px;
}

.tabla_bisabuelos_text {    
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	
}

.tabla_bisabuelos_text:hover {
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: blue;
}

.tabla_abuelos {
  width: 580px;
  height: 30px;
  border:hidden;
}

.tabla_abuelitos {
  padding: 0px;
  border-radius: 3px;
  background-color:#fcfcea;
  border: 1px solid grey;
  text-align: center;
}

.tabla_abuelitos {
  width: 290px;
}

.tabla_abuelitos_text {    
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align: center;
}

.tabla_abuelitos_text:hover {
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: blue;
}

.tabla_400 {
	width: 400px;
	height: 15px;
}

.tabla_conector_hijos {
	width: 800px;
	height: 12px;
}
.tableborders {
	width: 520px;
}
.tabla_conector {
	width: 340px;
	height: 12px;
}
.divA {
	border-left: 1px solid grey;
	border-right: 1px solid grey;
	border-bottom: 1px solid grey;
	}
	
.div2 {
	border-top: 1px solid grey;
	}
	
.div3 {
	border-right: 1px solid grey;
	border-left: 1px solid grey;
	}
	
.div4 {
	border-right: 1px solid grey;
	}
	
.div5 {
	border-left: 1px solid grey;
	border-top: 1px solid grey;
	}	
	
.div6 {
	border-left: 1px solid grey;
	border-right: 1px solid grey;
	border-top: 1px solid grey;
	}	
	
.div7 {
	border-left: 1px solid grey;
	border-top: 1px solid grey;
	}

.div9 {
	border-left: 1px solid grey;
	border-top: 1px solid grey;
	}
	
.div10 {
	border-bottom: 1px solid grey;
	}
	
.div11 {
	border-left: 1px solid grey;
	border-color: blue
	}
	
.div12 {
	border-left: 1px solid grey;
	border-bottom: 1px solid grey;
	border-color: blue
	}	

.div13 {
	border-left: 1px solid grey;
	border-color: grey
	}

.tabla_11_hijos {	
	border:hidden;
	width: 880px;
}

.tabla_hijos {  
  	padding: 0px;
  	border-radius: 3px;
  	background-color:#fcfcea;
  	border: 1px solid grey;
	text-align: left;
}

.tabla_hijos {  
	width: 80px;
  	height: 20px;
}

.tabla_hijos_text {    
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.tabla_hijos_text:hover {
    font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color: blue;
}

	
.tabla_conectar_casados {
  width: 770px;
}

.casados {
  padding: 0px;
  border-radius: 3px;
  background-color:#fcfcea;
  border: 1px solid grey;
}

.casados {
  width: 48px;
}

.casados_text {
    font-family: Arial, Helvetica, sans-serif;
	font-size:7px;
	text-align: center;
}

.casados_text:hover {
    font-family: Arial, Helvetica, sans-serif;
	font-size:8px;
	color: blue;
}

.parejas {
  padding: 0px;
  border-radius: 3px;
  background-color:#fcfcea;
  border: 1px solid grey;
  text-align: left;
  
}
.parejas {
  width: 50px;
}

.parejas_text {
    font-family: Arial, Helvetica, sans-serif;
	font-size:7px;
	text-align: center;
}

.parejas_text:hover {
    font-family: Arial, Helvetica, sans-serif;
	font-size:8px;
	color: blue;
}

.nietos {
  padding: 0px;
  border-radius: 3px;
  background-color:#fcfcea;
  border: 1px solid grey;
}

.nietos {
  width: 80px;
}

.nietos_text {
    font-family: Arial, Helvetica, sans-serif;
	font-size:8px;
	text-align: center;
}

.nietos_text:hover {
    font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	color: blue;
}