BODY { 
	background-color : #EEE5D6;
	z-index : 1;
	font-family : Georgia;
	color : #000000;
	line-height : 150%;
	text-align : center;
	margin : 0;
	font-size : 10pt;
} 
img {
	border : 0;
}
td { 
	font-size : 8pt;
	border : 0 solid;
} 
a { 
	height : 1px;
	color : #4E483E;
	text-decoration : none;
} 
a:hover { 
	color : #716A5F;
	border-bottom: 1px dashed #F1EBDF;
	cursor : auto;
} 
.top { 
	background-image : url("http://dib.pl/mientuscavies/images/header1.jpg");
	height : 336px;
} 
.middle { 
	background-image : url("http://dib.pl/mientuscavies/images/header2.jpg");
	background-repeat : no-repeat;
	padding-left : 0;
	padding-right : 0;
	padding-top : 0;
	text-align : right;
} 
.footer { 
	background-image : url("http://dib.pl/mientuscavies/images/footer.jpg");
	background-repeat : no-repeat;
	height : 90px;
	padding-top : 0;
} 
.bok { 
	background-image : url("http://dib.pl/mientuscavies/images/tlo.jpg");
	z-index : 0;
	width : 698px;
	background-color : #e4e3e0;
	margin-left : auto;
	margin-right : auto;
	margin-top : 0;
} 
.tresc { 
	line-height: 17px;
	z-index : 2;
	padding-top : 0;
	text-align : center;
	color : #000000;
	float : right;
	padding-left : 0;
	padding-right : 7px;
	padding-top : 0;
	padding-bottom : 0;
	width : 518px;
} 
h1 { 
	text-align : center;
	font-family : georgia;
	font-size : 18px;
	letter-spacing: 3px;

	color : #3D362C;
	border-bottom : 1px dashed #665C4C;
	margin : 0;
	padding : 2px 0 2px 0;
	line-height : 23px;
	width : 516px;
} 
.wyr { 
	text-align : center;
	font-family : georgia;
	font-size : 15px;
	letter-spacing: 3px;
	line-height : 23px;
	font-weight: bold;
} 
.on { 
	color : #097CBA;
	font-weight: bold;
} 

.ona { 
	font-weight: bold;
	color : #EB104E;
} 

.miotwiz { 
	width : 200px;
	border : #8A8A8A 1px dotted;
	padding-bottom : 2px;
	background-color : #FAFAF8;
	text-align: center;
} 
.miot { 
	width : 150px;
	border : #8A8A8A 1px solid;
	padding-bottom : 2px;
	background-color : #F5F4F2;
	text-align: center;
} 
.pedigree { 
	border : 1px solid #5C5C5C;
	text-align : center;
	line-height: 14px;
	width : 33%;
	background-color : #F5F1EB;
} 
.lista {
valign: top;
BORDER: #5C5C5C 1px solid;
align: center;
width: 50%;
background-color: #F5F1EB;
}
.pedigree2 { 
	width : 95%;
	border: 0;
} 
.graphic { 
	border : 1px solid #ffffff;
} 
.graphic2 { 
	border-bottom : 1px dotted #5C5C5C;
} 
.wiz { 
	border-bottom : 1px dotted #aba89b;
	margin-bottom : 3px;
}
.wiz2 { 
	height : 175px;
	width : 200px;
	border : #8A8A8A 1px dotted;
	padding-bottom : 2px;
	background-color : #FAFAF8;
	text-align: center;
}
.wiz3 { 
	border : #8A8A8A 1px solid;
	align: center;
	background-color : #FAFAF8;
}

.menu { 
	text-align : justify;
	line-height : 15pt;
	font-family : "tahoma", "trebuchet ms";
	font-size : 10pt;
	color : #000000;
	float : left;
	padding-left : 20px;
	padding-right : 0;
	padding-top : 4px;
	padding-bottom : 0;
	width : 132px;
} 
.menu a { 
	font-family : "tahoma", "trebuchet ms";
	color : #4E483E;
} 
.menu a:hover { 
	color : #000000;
	border-bottom: 1px dashed #E6D9C6;
	cursor : auto;
} 
small { 
	font-size : 7pt;
	line-height : 9pt;
	color : #666b70;
	font-family : "tahoma", "trebuchet ms";
} 
#lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#lightbox a img {
border: none;
}
#outerImageContainer {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#imageContainer {
padding: 10px;
}
#loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav {
left: 0;
}
#hoverNav a {
outline: none;
}
#prevLink, #nextLink {
width: 49%;
height: 100%;
background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink {
left: 0;
float: left;
}
#nextLink {
right: 0;
float: right;
}
#prevLink:hover, #prevLink:visited:hover {
background: url(../images/prevlabel.gif) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
background: url(../images/nextlabel.gif) right 15% no-repeat;
}
#imageDataContainer {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
}
#imageData {
padding:0 10px;
color: #666;
}
#imageData #imageDetails {
width: 70%;
float: left;
text-align: left;
}
#imageData #caption {
font-weight: bold;
}
#imageData #numberDisplay {
display: block;
clear: left;
padding-bottom: 1.0em;
}
#imageData #bottomNavClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}
#overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #e4e3e0;
}
.bor { border: 0; float: left; padding-left: 50px; }