a:link {
	color: black;
}

a:visited {
	color: #222222;
}

a:hover {
	color: #ff0000;
}

a:active {
	color: #ff0000;
}

.thumbnail {
	position: relative;
	z-index: 0;
}

.thumbnail:hover {
	/* background-color: transparent; */	
	z-index: 50;
}

.thumbnail span {
	position: absolute;
	background-color: white;
	padding: 5px;
	left: 10px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	
}

.thumbnail span img {
	border-width: 0;
	padding: 2px;
	width: 640px;
	height: 576px;
}

.thumbnail:hover span {
	position: absolute;
	visibility: visible;
	top: 30;
	left: 0px;

}

a.thumbnail {
	position: relative;
}

a.thumbnail.right:hover span {
	right: 30px;
	left: auto;
}

img {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	
}

.col {
	float: left;
	height: 240px;
	padding: 10px;
}

.row {
	content: "";
	clear: both;
	display: table;
	padding: 10px;
}

.col2 {
	float: left;
	padding: 5px;
	background-color: #eeeeee;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.color1 {
	background-color: #eeeeff
}

.color2 {
	background-color: #ffffff;
}