.mainPanel .genealogy  
{
/* background-color: #372aff; */
background-color: #204855;
}

/* Color de Texto 2: Color principal para el texto */
 
.mainPanel .rightPanel a,
.mainPanel .rightPanel 
{
/* color: #ffa22a; */
color: #FFF390;
}

/* Color de Texto 3: Color resaltado para el texto */
.mainPanel .leftPanel h1, .mainPanel .leftPanel h2,
.mainPanel .rightPanel h2 a,.mainPanel .rightPanel h3 a,
.mainPanel .rightPanel .seccion	
{
color: #ffe020;
}

.mainPanel
{
margin: 0;
padding: 0;
}

.mainPanel .leftPanel
{
float: left;
display: inline;

width: 45%;

/* background: green; */

margin: 0;
padding: 1em;
border-right: 1px solid #222;
}

.mainPanel .leftPanel h1
{

margin: 0;
padding: 0;

font-family: Arial;
/* background-color: #203655; */
/* color: #FFF390; */
/* text-decoration: none; */
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.2em;
font-size: 1.8em;
font-weight: bold;
}

.mainPanel .leftPanel h2
{

margin: 0 0 2em 0;
padding: 0;

font-family: Arial;
/* text-decoration: none; */
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.2em;
font-size: 1.2em;
font-weight: bold;
}

.mainPanel .leftPanel .foto
{
/* float: left; */
/* display: inline; */

/* width: 100%; */

padding: 0;
margin: 0 0 0 3em;
}

.mainPanel .rightPanel
{
float: left;
display: inline;
/* background: red; */

width: 45%;

margin: 0px 0 0 0em;
padding: 1em;
}

.mainPanel .rightPanel h2
{
font-family: Times New Roman;
/* text-decoration: none; */
word-spacing: normal;
text-align: center;
letter-spacing: 0;
line-height: 1.2em;
font-size: 1.4em;
font-weight: bold;

margin: 0;
padding: 0;

background: transparent;
}

.rightPanel a
{
/* text-decoration: none; */
}

.mainPanel .rightPanel h3
{
margin: 1em 0;
padding: 0;

background-color: transparent;

font-family: Times New Roman;
text-decoration: none;
word-spacing: normal;
text-align: center;
letter-spacing: 1px;
line-height: 1.2em;
font-size: 1.2em;
font-weight: bold;
}

.mainPanel .rightPanel .direccion
{
margin-left: 1.5em;

font-size: 85%;
}

.mainPanel .rightPanel .seccion
{
font-size: 90%;
font-weight: bold;
}

.mainPanel .rightPanel .contenido
{
font-size: 85%;
}

.mainPanel .rightPanel a.email
{
font-size:80%;
text-decoration:underline;
}





/***********************/
/* Lo de la genealogia */
/***********************/
.mainPanel
{
background: blue;
}

.mainPanel .genealogy
{
margin: 1em; 
border: 1px solid black;
}

.mainPanel .genealogy img
{
border: 0px; 
margin: 0 auto; 
display: block;
}



/*****************/
/* Cosas sueltas */
/*****************/
.mainPanel a img
{
border: 0;
}