/* **********************Eukromo diseņo 2009 *************************/
/* CSS para recuadros de pedigree montado a partir del xml standard */

#pedigree {
	margin: 5px 0px 8px 0;
	padding: 4px 2px 4px 2px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 680px;
	height: auto;
	background-color: #000;
}
.pedigree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	width: 100%;
	padding: 5px 3px 5px 3px;
}
.nombre {
	width: 22%;
	margin: 0 10px 10px 0;
	padding: 2px 5px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 100%;
	font-size: 1em;
	color: #9bba3c;
	text-align: left;
	font-weight: bold;
	vertical-align: middle;
	text-indent: -3px;
}
.padre, 
.madre {
	width: 26%;
	margin: 0 10px 10px 0;
	padding: 1px 5px;
	text-align: left;
	vertical-align: middle;
}

.abuelo1,
.abuelo2 {
	width: 26%;
	margin: 2px 10px 2px 0;
	padding: 1px 5px;
	text-align: left;
	vertical-align: middle;
}
.bisa1,
.bisa2 {
	width: 26%;
	margin: 0 10px 10px 0;
	padding: 2px 2px 2px 2px;
	text-align: left;
	vertical-align: top;
}
.padre, .abuelo1, .bisa1 {
	/*background-color: #eee9ce;*/
	background-color: transparent;
}
.madre, .abuelo2, .bisa2 {
	background-color: transparent;
}
.union {
	height: 4px;
	padding: 0 0;
	margin: 0 0;
}
/* botones para mostrar u ocultar pedigree */
#btnOcultar{
	float: right;
	margin-right: 5px;
	color: #B83E27;
}
#btnVer,
#btnVer02 {
	float: right;
	right: 3px;
	color: #B83E27;
}